@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
body{font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 400;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Roboto", Helvetica, Arial, sans-serif;}

#content{min-height: calc(100vh - 84px)}

.g-rounded-top-10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

/*------------------------------------
HEADER
------------------------------------*/
#toplogo{min-width: 250px}
#profileMenuInvoker{max-width: 200px; word-wrap: break-word;}
#profileMenuInvoker:hover{color:#32f714!important}

.u-header{background-color: #fff}
.u-header-logo-toggler {height:85px;}

.u-header__section--admin-dark a {color: #055f2d;}

.u-header__section--admin-dark a.border {border: 1px solid #055f2d !important;}

.u-header__section--admin-dark .u-header__nav-toggler i {opacity: 1; color: #055f2d;}

.u-header__nav-toggler:hover i {opacity: 1; color: #fff;}

.u-header__section--admin-dark a.js-side-nav:hover{background-color: #055f2d; color:#fff!important;}
.u-header__nav-toggler i{opacity: .5}
.u-header__nav-toggler:hover i{opacity: 1}

.u-header__section--admin-dark {background-color: #fff; color: #000; border-bottom:1px solid #34bd56}
.u-header__section--admin-dark .u-header-logo-toggler {background-color: #fff;}
.u-header__section--admin-dark [aria-labelledby] {background-color: #044c24; color: #d4dade;}
.u-header__section--admin-dark a:hover, .g-color-primary--hover:hover, .g-color-primary--hover:hover i{ color: #34bd56!important;}

.u-header .show>.btn-light.dropdown-toggle .filter-option-inner-inner{color:#fff;}
/*
.u-header__section--admin-dark [data-dropdown-target] i, .u-header__section--admin-dark [aria-labelledby] i {color: #fff;}
.u-header__section--admin-dark [data-dropdown-target].active i, .u-header__section--admin-dark [data-dropdown-target]:hover i {color: #32f714!important;}*/

.u-header__section--admin-dark [data-dropdown-target] i{color: #055f2d;}
.u-header__section--admin-dark [aria-labelledby] i{color: #fff;}
.u-header__section--admin-dark [data-dropdown-target].active i {color: #055f2d!important;}
.u-header__section--admin-dark [data-dropdown-target]:hover i {color: #055f2d!important;}


/*------------------------------------
SIDE NAV
------------------------------------*/

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link .u-side-nav--control-icon i {color: #869c92;}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu > .u-side-nav--top-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {color: #b7c4be;}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu.has-active > .u-side-nav--top-level-menu-link:not(.collapsed) .u-side-nav--control-icon i {color: #fff; font-weight: 600;}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover i {color: #34bd56;}

.u-sidebar-navigation--dark .u-side-nav--has-sub-menu .u-side-nav--top-level-menu-link:hover i {color: #34bd56!important;}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link.active .u-side-nav--control-icon i {color: #fff; font-weight:600}

.u-sidebar-navigation-v1-inner{width: 250px}

#sideNavMenu{margin-bottom:50px!important}
.u-side-nav--top-level-menu-item{border-bottom:1px solid #1a5d2b}

.u-sidebar-navigation-v1-inner{background-color: #044c24; height: calc(100vh - 85px);}

.u-sidebar-navigation--dark .has-active {background-color: #03391b;}

.u-sidebar-navigation--dark .has-active .u-side-nav--top-level-menu-link{ background-color: #208d40!important; color: #fff!important; font-weight:600}

.u-sidebar-navigation--dark {background-color: #044c24; color: #fff;}

.u-side-nav-mini .u-header-logo-toggler .navbar-brand {display: block !important; opacity: 1; animation:none;}

.u-side-nav-mini .u-header-logo-toggler{width:250px!important;}

.u-side-nav-mini .u-sidebar-navigation-v1 + * {max-width: none; width:100%}

.u-sidebar-navigation--dark .u-side-nav--top-level-menu-item:hover {background-color: transparent}

.u-side-nav-opened .u-side-nav--top-level-menu-link i{color: #fff!important; font-weight:600}

.u-side-nav--second-level-menu-link.active, .u-side-nav--second-level-menu-link.active i{font-weight:600}

.u-side-nav--second-level-menu-link.active, 
.u-side-nav--second-level-menu-link.active i,
.u-sidebar-navigation--dark .u-side-nav--top-level-menu-link:hover,
.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:hover,
.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link:hover i{
    color: #34bd56;
}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link i {color: #b7c4be;}

.u-sidebar-navigation--dark .u-side-nav--second-level-menu-link.active i{color: #34bd56;}


/*------------------------------------
COLOR
------------------------------------*/
::selection {color: #fff; background-color: #055f2d;}

a{color:#055f2d}
a:hover{color:#0f512a; text-decoration: none !important;}
.g-bg-primary ::selection {color: #055f2d; background-color: #fff;}

.g-bg-primary{background-color: #055f2d !important;}
.g-bg-primary2{background-color: #fcf5df !important;}
.g-bg-primary3{background-color: #faebbf !important;}
.g-bg-primary4{background-color: #0f512a !important;}
.g-bg-primary5{background-color: #fcf5df !important;}
.g-bg-gray{background-color:#ebebeb !important}
.g-color-primary{color:#055f2d!important}
.g-color-primary2{color: #03391b !important;}
.g-color-primary3{color: #029001 !important;}
.g-brd-primary {border-color: #edb100 !important;}
.g-brd-primary2 {border-color: #055f2d
 !important;}
.g-color-green {color: #055f2d !important;}

/*.border {border: 1px solid #bfc9dd !important;}*/


.g-bg-green--hover:hover {
    background-color: #055f2d !important;
}

.g-brd-green {
    border-color: #055f2d !important;
color: #055f2d !important;
}

/*------------------------------------
Buttons
------------------------------------*/
.u-btn-primary {background-color: #055f2d;}

.u-btn-primary:hover,
.u-btn-primary.active,
.u-btn-primary.cbp-filter-item-active {border-color: #0f512a; background-color: #0f512a;}

.u-btn-outline-primary {color: #055f2d; border-color: #055f2d; background-color: transparent;}
.u-btn-outline-primary:hover {color: #fff; background-color: #0f512a;}

.btn-sm{padding-top:5px}

.actions .btn-sm{min-width:72px}

/*------------------------------------
TABLE
------------------------------------*/

.table {min-width: 500px;}
.table thead th {vertical-align: middle;}

[class*="u-table--v3"] th{vertical-align: middle;}
[class*="u-table--v3"] td{vertical-align: middle; /*vertical-align: top;*/}
.valigntop td{vertical-align: top!important;}

[class*="u-table--v3"] th, [class*="u-table--v3"] td {
    color: inherit;
    padding: 10px;
    border-top-color: #bfc9dd !important;
    border-bottom-color: #bfc9dd !important;
    border-left-color: #bfc9dd !important;
    border-right-color: #bfc9dd !important;
}

[class*="u-table--v3"] thead th {font-weight: 600; white-space: nowrap;}
[class*="u-table--v3"] thead th .sorting {white-space: normal; padding-left:15px}

[class*="u-table--v3"] td {font-weight: 400; white-space: nowrap;}
[class*="u-table--v3"] td.actions{ white-space: wrap;}
[class*="u-table--v3"] th:first-child, [class*="u-table--v3"] td:first-child{text-align:left;}

[class*="u-table--v3"] tr.pa-0 td{padding:0!important; height:5px}

.u-block-hover:hover .g-color-secondary--hover, .g-color-secondary--hover:hover {color: #055f2d !important;}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i{background-color: #055f2d !important; border-color: #055f2d !important;}

#tblviewCalculation td:first-child, #tblviewCalculation th:first-child {text-align: left;}
#tblviewCalculation td, #tblviewCalculation th {text-align: right;}

/*------------------------------------
FORM ELEMENTS
------------------------------------*/

select.form-control{height:34px;}
.u-select--v3-select{height:34px;}

input[type='month'] {-webkit-appearance: none; height:34px;}
.custombox-content input[type='number'] {min-width: 85px}

.custombox-content table select.form-control{min-width: 120px}

.bootstrap-select .dropdown-toggle .filter-option-inner {padding-right: 0;}

.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li:hover a, .u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] li.active a {
    text-decoration: none;
    background-color: #055f2d;
    color: #fff!important;
}

.u-select--v3-select .dropdown-toggle{padding-top:7px!important; padding-bottom:7px!important}

.u-select--v3{height:38px}
.bootstrap-select .dropdown-menu li {
    height:38px
}
.u-select--v3-select .dropdown-menu[role="combobox"] [role="listbox"] a {min-height:38px}

.form-control:focus, .custom-select:focus {border-color: #edb100; box-shadow: none;}

.g-brd-gray-light-v7 {border-color: #bfc9dd !important;}

.btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}

.form-control-md, .form-control-md{padding-top:7px!important; padding-bottom:7px!important}

.form-control option{min-height: 50px; height: 50px!important}
.u-select--v3-select .dropdown-menu[role="combobox"]{margin-top:3px}

button:focus, button.fancybox-close-small:focus{-webkit-box-shadow: none!important; box-shadow: none!important; outline: 1px solid #deeefc!important; border-radius:5px}
button.close{text-shadow:none; padding:5px 6px 4px 6px; font-size:18px; margin-top:-2px; opacity:.75}

button.close:hover{background-color: #0d3825 !important; border-radius:5px}
.close:not(:disabled):not(.disabled):hover {opacity: 1;}

.select2-dropdown {z-index:9999!important;}
.select2{width:100%!important}
.select2-container--default .select2-selection--multiple{border-color:#ccc!important}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color: #055f2d!important;}

/*------------------------------------
PAGINATION
------------------------------------*/

.page-link, .page-link:focus, .page-link:hover {color: #055f2d;}
.page-link:hover {background-color: #055f2d !important; color:#fff!important}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {border-color: #0f512a; background-color: #0f512a!important;}
.page-item.active .page-link {z-index: 2;}


/*------------------------------------
TABS
------------------------------------*/

.u-nav-v1-1.u-nav-primary .nav-link{color:#055f2d;}
.u-nav-v1-1.u-nav-primary .nav-link.active {color: #fff; background-color: #055f2d;}

[class*="u-nav-v1"].u-nav-rounded-5 .nav-link {border-radius: 10px; border:1px solid #055f2d; border-bottom: none}

[class*="u-nav-v1"].u-nav-rounded-5 .nav-link:hover{background-color: #0f512a; color:#fff}

#innertab.u-nav-v1-1.u-nav-primary .nav-link.active {border-radius: 10px; color: #fff; background-color: #055f2d; border:1px solid #055f2d;}
#innertab.u-nav-v1-1.u-nav-primary .nav-link{border-radius: 10px; border:1px solid #055f2d; color:#055f2d; margin:2px 3px; padding:5px 15px}
#innertab.u-nav-v1-1.u-nav-primary .nav-link:hover{background-color: #0f512a; color: #fff;}

#innertab{border-bottom: 1px dotted #edb100}

@media only screen and (max-width: 1000px){
    .u-sidebar-navigation-v1 + * {max-width: 100%!important;}

    .g-pt-85{padding-top:0!important;}
    .u-side-nav-mini .u-header-logo-toggler .navbar-brand {padding-left:0;}   

    .dropdown-menu{z-index: 2;}  
    .u-sidebar-navigation-v1 {z-index: 3;} 
    .u-header .dropdown-menu{z-index: 100;}

    .g-pt-85{padding-top:85px!important}    
}

@media only screen and (max-width: 1000px){
    /*table th{min-width: 158px;}*/
    .u-footer--bottom-sticky {position:absolute; bottom:0; width:100%}
}

@media only screen and (max-width: 820px){
    .g-min-width-500--md{min-width:auto; width:90%}
}

@media only screen and (max-width: 719px){
    .u-header{height:85px}
    .g-pt-85{padding-top:146px!important}
    #content{min-height: calc(100vh - 139px)}

}

@media only screen and (max-width: 500px){
    #profileMenuInvoker{max-width: 170px;}
    #sideNavMenu{margin-bottom:100px!important}
    .form-inline label{display: inline;}
    .form-inline select{display: inline; width: auto}
    .form-inline input{display: inline;}
    .form-inline div{display: inline;}

    .btns .btn{flex: 1 1 auto !important;}
}

@media only screen and (max-width: 390px){
    #profileMenuInvoker{max-width: 150px;}
    #sideNavMenu{margin-bottom:100px!important}
}

@media only screen and (max-width: 340px){
    #profileMenuInvoker{max-width:none}
    #toprightmenu{padding-bottom:10px}    
    #toprightmenu .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} 

    .g-width-250 {width: 100% !important; max-width: 100%; margin-right:15px}
    .g-pt-85{padding-top:184px!important}
    #content{min-height: calc(100vh - 184px)}
    #sideNavMenu{margin-bottom:125px!important}

    .btns.d-flex{display: block!important;}
    .btns .btn{flex:none!important; display: block; width: 100%; float:left}
    [role="tablist"] .nav-item > a, [role="tablist"] .nav-item > .nav-link{font-size:11px}
}

@media (min-width: 576px){
    .u-header-logo-toggler .navbar-brand{animation:none;}
    .u-side-nav-mini .u-header-logo-toggler{padding-left: 1.07143rem !important; padding-right: 1.07143rem !important;}
    .u-side-nav-mini .u-header-logo-toggler .u-header__nav-toggler {margin-right: 0;}
}

@media (min-width: 720px){
    #toprightmenu .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
    #toprightmenu.col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    #toplogo.col-md-auto, #toprightmenu .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    #toprightmenu .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (min-width: 768px) {
    .g-min-width-500--md{min-width:500px; margin-right:15px; margin-left:15px}
}

table.dataTable tr .dt-type-numeric {
    text-align: left !important;
}

table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
    padding: 5px;
}

[class*="noty_theme__nest"] .noty_body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

#topScrollContent:after {
    content: "\00a0";
}

#bottomScroll {
    min-height: 250px;
}

.daterangepicker {
    z-index: 99999 !important;
}

.scroll {
    overflow: scroll;
}

.sub-list {
    max-height: 400px;
}

.amt {
    /* direction: rtl; */
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7 {
    background-color: #055f2d !important;
    border-color: #055f2d !important;
}