@charset "UTF-8";

.fa {
    color: #fff;
}

.form-control {
    max-width: 360px;
    color: #2c3504;
    font-family: "Play", sans-serif;
    font-size: 14px;
}

    .form-control:focus {
        border-width: 2px;
        box-shadow: none;
    }

.input-group {
    width: 100%;
    max-width: 360px;
}

    .input-group .input-group-btn {
        position: absolute;
        z-index: 999;
        right: 0;
        display: block;
        width: auto;
    }

        .input-group .input-group-btn .btn {
            padding: 4px 10px 3px;
        }

.btn {
    padding-right: 30px;
    padding-left: 30px;
    color: #fff;
    background-color: #222903;
    font-family: "Play", sans-serif;
    font-size: 18px;
}

    .btn:hover {
        background-color: #82a816;
    }

    .btn:focus,
    .btn:active,
    .btn.active {
        background-color: #9dbb30;
    }

.btn-cancel {
    background-color: #888;
}

.btn-delete {
    background-color: #861316;
}

.btn-search {
    color: #82a816;
    background-color: transparent;
}

    .btn-search .fa-search {
        color: #82a816;
    }

.btn-close,
.btn-menu {
    background-color: transparent;
}

    .btn-close:hover,
    .btn-close:focus,
    .btn-menu:hover,
    .btn-menu:focus {
        background-color: transparent;
    }

table .sorting_asc:after {
    float: right;
    content: "\f0de";
    font-family: fontawesome;
}

table .sorting_desc:after {
    float: right;
    content: "\f0dd";
    font-family: fontawesome;
}

table .sorting:after {
    float: right;
    content: "\f0dc";
    color: rgba(50, 50, 50, .5);
    font-family: fontawesome;
}

.table > thead > tr > th {
    cursor: pointer;
    border-bottom: 0;
    background-color: #eeecec;
}

.panel {
    margin-bottom: 0;
    border: 0;
    background-color: transparent;
}

.page-header {
    border-bottom: 0;
}

    .page-header h1 {
        color: #222903;
        font-size: 32px;
        font-weight: 700;
    }

body {
    margin-left: 0;
}

@media (min-width: 1170px) {
    body {
        margin-left: 320px;
    }
}

/*@media (min-width: 1920px) {
  body {
    margin-left: 0;
  }
}*/

.header-bar {
    padding-top: 50px;
}

.breadcrumb {
    padding: 0;
    font-size: 16px;
    font-weight: 700;
}

    .breadcrumb a {
        color: #222903;
    }

    .breadcrumb > li + li:before {
        color: #c1c1c1;
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 400;
    }

.admin-bar {
    text-align: right;
    font-size: 17px;
}

    .admin-bar .btn-menu {
        padding-right: 10px;
        padding-left: 10px;
    }

        .admin-bar .btn-menu .fa {
            color: #000000;
        }

/*@media (min-width: 1920px) {
  .admin-bar .btn-menu {
    display: none;
  }
}*/

.admin-bar__username {
    color: #82a816;
}

.push-menu {
    position: absolute;
    z-index: 1040; /*dropped z order from 2000 to 1040 so boostrap diaglogs overlay.*/
    top: 0;
    right: 0;
    width: 310px;
    height: 100%;
    padding: 30px;
    text-align: center;
    border-left: 1px solid #eef3e0;
    background-color: #fff;
}

@media (min-width: 1170px) {
    .push-menu {
        display: block;
    }
}

/*@media (min-width: 1920px) {
  .push-menu {
    margin-left: 0;
  }
}*/

.push-menu .user-info {
    margin: 30px 0 0;
    padding: 30px 0 0;
    list-style: none;
    text-align: left;
    border-top: 1px solid #eef3e0;
    font-size: 16px;
}

    .push-menu .user-info .fa {
        position: relative;
        color: #424242;
        font-family: "Play", sans-serif;
    }

        .push-menu .user-info .fa:before {
            position: absolute;
            top: -3px;
            left: 0;
            color: #82a816;
            font-family: FontAwesome;
            font-size: 23px;
        }

    .push-menu .user-info li {
        display: block;
        height: 30px;
        margin-bottom: 14px;
        padding-left: 40px;
    }

.push-menu .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
}

    .push-menu .btn-close .fa {
        color: #82a816;
    }

.right-menu {
    display: none;
}

/*@media (min-width: 1920px) {
  .right-menu {
    display: block;
  }

  .right-menu .btn-close {
    display: none;
  }
}*/

.push-menu__logo {
    margin-top: 60px;
    margin-bottom: 40px;
}

.main-menu {
    right: auto;
    left: 0;
    padding: 0;
    height: 100%;
}

@media (min-width: 1170px) {
    .main-menu .btn-close {
        display: none;
    }
}

.main-menu .wrapper {
    background-color: #222903;
}

.main-menu .menu__parent {
    position: relative;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 45px;
    text-align: left;
    color: #fff;
    border: 0;
    border-bottom: 1px solid #93bd41;
    background-color: #6fa900;
}

    .main-menu .menu__parent:before {
        position: absolute;
        top: 16px;
        left: 10px;
        content: "\f0c9";
        color: #fff;
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 400;
    }

    .main-menu .menu__parent.menu__parent--survey:before {
        content: "\f0cb";
    }

    .main-menu .menu__parent.menu__parent--admin:before {
        content: "\f1de";
    }

    .main-menu .menu__parent:after {
        position: absolute;
        top: 16px;
        right: 20px;
        content: "\f107";
        color: #fff;
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 400;
    }

    .main-menu .menu__parent[aria-expanded="true"] {
        background-color: #91bd10;
    }

        .main-menu .menu__parent[aria-expanded="true"]:after {
            content: "";
        }

.main-menu ul {
    margin: 0;
    padding: 15px 0;
    text-align: left;
}

    .main-menu ul ul {
        padding: 0;
    }

    .main-menu ul li:before {
        content: "";
    }

.main-menu li {
    position: relative;
    padding: 5px;
    padding-left: 25px;
    list-style: none;
    color: #9dbb30;
    font-size: 15px;
}

    .main-menu li.active:before {
        top: 10px;
    }

    .main-menu li.active .menu__heading {
        color: #fff;
        background-color: #526606;
    }

    .main-menu li .menu__heading {
        display: inline-block;
        margin-left: -24px;
        padding: 5px 10px 5px 30px;
    }

.header--mobile {
    display: none;
}

@media (max-width: 1169px) {
    .header--mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 25px;
        text-align: center;
       /* background-color: #192500;*/
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .header--mobile .fa:before {
            /*color: #fff;*/
        }
}

@media (min-width: 750px) {
    .header--mobile .mobile__logo {
        text-align: left;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.header--mobile .admin-bar {
    color: #fff;
}

.signin {
    position: absolute;
    top: 34%;
    left: 50%;
    max-width: 350px;
    margin: 0 auto;
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: "Play", sans-serif;
}

/* logo is popping off the top on small devices*/
@media (max-width: 749px) {
    .signin {
        top: 50%;
    }
}

.signin .form-control {
    width: 95%;
    height: 40px;
    margin: 0 auto;
    /*text-align: center;*/
    border: 0;
    box-shadow: none;
    font-size: 15px;
}

    .signin .form-control + .form-control {
        border-top: 1px solid #82a816;
    }

.signin .btn-login {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 55px;
    padding-left: 55px;
    font-size: 18px;
}

.signin__heading {
    margin-top: 8px;
    margin-bottom: 20px;
    color: #82a816;
    font-size: 26px;
    line-height: 1;
}

.signin__info {
    min-width: 300px;
    padding: 6px 0;
    border: 1px solid #82a816;
    border-radius: 20px;
}

.api-table td {
    padding: 5px;
}

.api-table {
    border-collapse: collapse;
}

    .api-table table, .api-table th, .api-table td {
        border: 1px solid #CCCCCC;
    }

.api-url {
    padding: 5px;
    background-color: #EEEEEE;
}

.api-subheader {
    font-weight: bold;
}

.signin .input-validation-error {
    background-color: #ffe6e6 !important;
}

@media (max-width: 1169px) {
    .k-grid:not(.k-grid-custom-size) {
        width: calc(100vw - 100px) !important;
        font-size: 12px;
        min-height: 400px;
    }
    .tab-pane .k-grid:not(.k-grid-custom-size) {
        width: calc(100vw - 155px) !important;
    }
}

@media (min-width: 1170px) {
    .k-grid:not(.k-grid-custom-size) {
        width: calc(100vw - 400px) !important;
        font-size: 12px;
    }

    .tab-pane .k-grid:not(.k-grid-custom-size) {
        width: calc(100vw - 455px) !important;
    }
}

.scrollableResponseList, .nonScrollableResponseList {
    min-width: 750px !important;
    font-size: 12px;
    min-height: 400px;
}

/*.k-grid-content {
    min-height: 400px !important;
}*/

.sortable-response-container .card {
    padding-top: 12px;
    padding-left: 5px;
}
.sortable-response-container .form-control {
    max-width: 95%;
}