:root {
    --yellow: #fff;
    --dark_black: #fff;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

.btn_reset,
.btn_reset:hover {
    background-color: #e93939 !important;
    color: #fff !important;
    -webkit-transition: 0.3s all;
}

.app-header .app-header__content {
    background: #ffb063; /* Old browsers */
    background: -moz-linear-gradient(left, #ffb063 0%, #f30092 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffb063 0%,#f30092 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffb063 0%,#f30092 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb063', endColorstr='#f30092',GradientType=1 ); /* IE6-9 */
    background: #ddd !important;
    border-bottom: 1px solid rgba(222, 228, 236, 0.1) !important;
}



/* .btn_reset:hover {
    background-color: #9aa0a7 !important;
    -webkit-transition: 0.3s all;
} */

.header-btn-lg.pr-0 {
    color: #000;
}

img.UserProfilePic_.form-control {
    object-fit: cover;
}

.btn-primary {
    background: #ffb063; /* Old browsers */
    background: -moz-linear-gradient(left, #ffb063 0%, #f30092 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffb063 0%,#f30092 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffb063 0%,#f30092 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb063', endColorstr='#f30092',GradientType=1 ); /* IE6-9 */
    /*background-color: #fff !important;*/
    border-color: #ffb063 !important;
    -webkit-transition: 0.3s all;
    color: #fff !important;
    border-radius: 5px;
    background: #09450E;
    border: 0;
}

.login_box a {
    color: #fff;
}

.app-header__logo .logo-src {
    /*background: url(../images/projectLogo.png) no-repeat center center / contain;*/
    height: 100px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    /*background-color: #fff !important;
        border-color: #fff !important;*/
    -webkit-transition: 0.3s all;
    /*color: #fff !important;*/
    background: #09450E;
    border: 0;
}


/*#1a141f*/

/*login page*/
.login_page {
    min-height: calc(100vh - 21px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: relative;
}

    .login_page:before {
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
        background-color: rgba(255 255 255 / 90%);
    }

    .login_page .login_box {
        max-width: 500px;
        width: 100%;
        box-shadow: 5px 11px 19px 1px rgb(0 0 0 / 12%);
        padding: 20px;
        border-radius: 20px;
        /*background-image: linear-gradient( 41deg, #e7eeff, #ffffff);*/
        background: rgba(0,0,0,0.7);
        position: relative;
    }

    .login_page .card-title {
        color: #fff;
        font-size: 20px;
        margin: 0;
    }

    .login_page label {
        color: #fff;
    }

    .login_page .login_box .card-title {
        text-align: center;
    }

    .login_page .login_box .forgot_pass {
        float: right;
    }

.text-center.out-links {
    display: none;
}
/* alert */

.gritter-title {
    text-shadow: none !important;
}

.Error .gritter-top,
.Error .gritter-item,
.Error .gritter-bottom {
    background: #ffaab2 !important;
}

.Success .gritter-top,
.Success .gritter-item,
.Success .gritter-bottom {
    background: #09450e !important;
}

img.appLogoLogin {
    width: auto;
    margin: 0 auto 35px;
    display: block;
}

.Warning .gritter-top,
.Warning .gritter-item,
.Warning .gritter-bottom {
    background: #ffc107 !important;
}

.gritter-item-wrapper .gritter-item img {
    width: 40px;
    margin-top: 3px;
}

.app-sidebar .metismenu-state-icon {
    font-size: 16px !important;
}

.app-sidebar .mm-collapse .fa {
    margin-right: 10px;
}

.app-sidebar .mm-collapsing .fa {
    margin-right: 10px;
}


/*search filter*/

.search_filters .form-control,
.search_filters .form-control:hover,
.search_filters .form-control:focus,
.search_filters .form-control:active {
    outline: none;
    box-shadow: none;
}

.search_filters {
    margin-top: 20px;
    margin-bottom: 40px;
}

    .search_filters .record {
        max-width: 110px;
        width: 100%;
    }

    .search_filters .search_form {
        width: 100%;
        max-width: 250px;
    }

        .search_filters .search_form .search_icon {
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    .search_filters .filter_btns label {
        width: 100%;
    }

    .search_filters .filter:not(:last-child) {
        margin-right: 10px;
    }

    .search_filters .filter_btns .btn {
        height: 38px;
        padding: 10px 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 0;
    }

    .search_filters .add_btn i {
        margin-right: 5px;
    }


table thead {
    background: var(--dark_black);
    color: var(--yellow);
}

.pagination li.active a {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.pagination li a {
    color: #007bff !important;
}

.UserStatus .Pending {
    color: orange;
}

.UserStatus .Active {
    color: green;
}


.UserStatus .Block {
    color: red;
}


.pac-container {
    z-index: 999999;
}

.app-header-left {
    display: none !important;
}

.fixed-sidebar .app-sidebar { /*background: var(--dark_black);*/
    /*background: #fc7270;
    background: -moz-linear-gradient(top, #fc7270 0%, #ff0123 100%);
    background: -webkit-linear-gradient(top, #fc7270 0%,#ff0123 100%);
    background: linear-gradient(to bottom, #fc7270 0%,#ff0123 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7270', endColorstr='#ff0123',GradientType=0 );*/

    background: #09450e;
    background: url(../images/GruaBackground.png) repeat center top;
}

    .fixed-sidebar .app-sidebar:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.4);
    }

.app-sidebar__heading {
    color: #fff;
}
/*.fixed-sidebar .app-sidebar{background: #ffb063;
    background: -moz-linear-gradient(left, #ffb063 0%, #f30092 100%);
    background: -webkit-linear-gradient(left, #ffb063 0%,#f30092 100%);
    background: linear-gradient(to right, #ffb063 0%,#f30092 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb063', endColorstr='#f30092',GradientType=1 );
    background:#ddd;border-right: 1px solid rgba(222, 228, 236, 0.1);}*/
/*.app-theme-white.app-container {
    background:#131618!important;
}
.app-theme-white .app-footer .app-footer__inner {
    background:#131618!important;
}*/
.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
    flex: 0 0 100%;
    width: 100%;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: #fff;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}

.app-sidebar__heading {
    color: #fff;
    margin: 12px 0 !important;
}

.table td, .table th {
    white-space: nowrap;
}

ul.vertical-nav-menu.metismenu ul.mm-collapse {
}

ul.vertical-nav-menu.metismenu ul.mm-collaps {
}

.app-header {
    z-index: 1000;
}

.vertical-nav-menu li {
    margin-bottom: 10px;
}

    .vertical-nav-menu li a {
        background-color: #fff;
        color: #000;
        font-size: 14px;
        font-weight: normal !important;
        border-radius: 100px;
    }

.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon {
    opacity: 1;
}

button.btn-shadow.p-1.btn.btn-primary.btn-sm.show-toastr-example .fa-calendar:before {
    color: #fff;
}

.vertical-nav-menu li a i {
    font-size: 17px !important;
}

    .vertical-nav-menu li a i.caret-left {
        font-size: 10px !important;
    }

.vertical-nav-menu li a.mm-active {
    font-weight: 600 !important;
}

    .vertical-nav-menu li a.mm-active i,
    .vertical-nav-menu li a.mm-active:hover i,
    .vertical-nav-menu li.active a i,
    .vertical-nav-menu li.active a:hover i {
        opacity: 1;
    }

.vertical-nav-menu ul:before {
    background: var(--yellow);
}

.vertical-nav-menu li a:hover,
.vertical-nav-menu li a:active,
.vertical-nav-menu li a:focus {
    background-color: #fff;
}

.vertical-nav-menu li a.mm-active,
.vertical-nav-menu li.active a,
.vertical-nav-menu li.active a:hover,
.vertical-nav-menu li.active a:active,
.vertical-nav-menu li.active a:focus {
    color: #000;
    background: #eee;
}

.vertical-nav-menu li ul a,
.vertical-nav-menu li ul a:hover,
.vertical-nav-menu li ul a:active,
.vertical-nav-menu li ul a:focus {
    color: #000;
    background: #eee;
}

    .vertical-nav-menu li ul a i {
        opacity: 0.3;
        margin-right: 10px;
    }

    .vertical-nav-menu li ul a:hover i {
        opacity: 0.6
    }

.search-wrapper .input-holder .search-icon {
    background: #fff;
}

    .search-wrapper .input-holder .search-icon span::before {
        background: #000;
    }

    .search-wrapper .input-holder .search-icon span::after {
        border-color: #000;
    }

.search-wrapper .close::before, .search-wrapper .close::after {
    background: var(--dark_black);
}

.search_icon i {
    color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--dark_black);
}

.btn-warning, .btn-warning:hover {
    color: #fff;
    background-color: #ebb556;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    height: 38px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 38px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px;
    }

.select2-container--default .select2-selection--multiple {
    min-height: 37px;
}

.form-control.upload-img {
    height: auto;
}

a.deletemediafile {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ffffff;
    background: #ff5151;
    padding: 10px 15px;
    border-radius: 5px;
}

.border-1 {
    border: 1px solid #ddd;
}

.app-header-right {
    color: #fff;
}

.fa-calendar:before {
    color: #000;
}

.table thead th {
    color: #000;
}

@media screen and (max-width:767px) {


    .fixed-sidebar:not(.fixed-header) .app-header {
        margin-left: 0;
    }

    .app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
        background: #ffb063; /* Old browsers */
        background: -moz-linear-gradient(left, #ffb063 0%, #f30092 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #ffb063 0%,#f30092 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #ffb063 0%,#f30092 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb063', endColorstr='#f30092',GradientType=1 ); /* IE6-9 */
        background: #ddd;
    }

    .app-header .app-header__content.header-mobile-open {
        visibility: visible;
        opacity: 1;
        top: 0;
        background: transparent;
    }

    .app-header .app-header__content {
        visibility: visible;
        opacity: 1;
        top: 0;
        background: transparent;
        box-shadow: none;
        width: 50%;
        right: 17px;
        float: right;
        left: auto;
    }

    .app-header__menu {
        display: none !important;
    }

    .dropdown-menu.dropdown-menu-right.show {
        top: 107px !important;
    }

    .search_filters .filter_btns .btn {
        padding: 10px 14px;
    }
}



body.texture, .login_page:before {
    background: url(../images/GruaBackground.png) repeat center center;
}

.Pending {
    color: orange;
}

.Accepted {
    color: green;
}


.Paid {
    color: forestgreen;
}

.Working {
    color: lawngreen;
}

.Completed {
    color: green;
}

.Allotted {
    color: green;
}

.Not_Allotted {
    color: red;
}


.rating {
    float: left;
}

    .rating:not(:checked) > input {
        position: absolute;
        top: -9999px;
        clip: rect(0,0,0,0);
    }

    .rating:not(:checked) > label {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 200%;
        line-height: 1.2;
        color: #ddd;
        text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
    }

        .rating:not(:checked) > label:before {
            content: '★ ';
        }

    .rating > input:checked ~ label {
        color: #f70;
        text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: gold;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > label:active {
        position: relative;
        top: 2px;
        left: 2px;
    }

/* end of Lea's code */

/*
         * Clearfix from html5 boilerplate
         */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
         * For IE 6/7 only
         * Include this rule to trigger hasLayout and contain floats.
         */

.clearfix {
    *zoom: 1;
}

/* my stuff */
#status, button {
    margin: 20px 0;
}



fieldset.rating {
    display: flex;
    flex-direction: row-reverse;
}

.table td, .table th {
    vertical-align: middle;
}

.input-validation-error {
    border-color: red;
}


label.label-bold {
    display: inline-block;
    width: 100%;
    font-weight: bold;
}

.figure img {
    max-width: 100%;
    max-height: 150px;
}

.border-bottom-1 {
    border-bottom: 1px solid #ddd;
    margin: 0 auto 15px;
    padding-bottom: 10px;
}