/* change text and line colors */
body {
    color: #202124;
}

.web-logo {
    display: inline-block;
    margin-left: auto;
    margin-right: 5px;
    vertical-align: middle;
}

/*.kt-aside .kt-aside-menu {*/
/*    margin: 0px 0;*/
/*}*/

.dataTables_wrapper .dataTable td,
.dataTables_wrapper .dataTable td > a:not(:hover),
.dataTables_wrapper .dataTable th ,
.dataTables_wrapper .dataTable th.sorting_asc,
.dataTables_wrapper .dataTable th.sorting_desc,
.dataTables_wrapper .dataTable td.sorting_asc,
.dataTables_wrapper .dataTable td.sorting_desc{
    color: #202124!important;
}

.table-bordered {
    border: 1px solid #d7d9db;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #d7d9db;
}

.table th,
.table td {
    border-top: 1px solid #d7d9db;
}

.table thead th {
    border-bottom: 2px solid #d7d9db;
}

.table tbody+tbody {
    border-top: 2px solid #2b2b2b;
}

table.dataTable .header-extra th {
    border-bottom: 0px;
}

.form-control {
    border: 1px solid #e4e5e7;
    color: #858993;
}

.text-muted {
    color: #757575 !important;
}

.login-form .text-muted {
    color: #B5B5C3 !important;
}

.disabled-text {
    pointer-events: none;
    opacity: 0.8;
}

/*.kt-widget24__desc {*/
/*    color: #757575 !important;*/
/*}*/

/*.kt-widget14__desc {*/
/*    color: #757575 !important;*/
/*}*/

/*.kt-notification__item-time {*/
/*    color: #757575 !important;*/
/*}*/

/*.kt-subheader__breadcrumbs-link {*/
/*    color: #697296!important;*/
/*}*/

/*.kt-portlet .kt-portlet__head:not(.kt-portlet__head--noborder) {*/
/*    border-bottom: 1px solid #d7d9db!important;*/
/*}*/

/*.kt-portlet .kt-portlet__foot:not(.kt-portlet__foot--noborder) {*/
/*    border-top: 1px solid #d7d9db!important;*/
/*}*/

/*.kt-portlet .kt-portlet__foot.kt-portlet__foot--noborder {*/
/*    border-top: 0;*/
/*}*/

/*.dropdown-item {*/
/*    color: #6c7293;*/
/*}*/

/*.display-2 {*/
/*    font-size: 4.0rem !important;*/
/*}*/

/*@media (max-width: 992px){*/
/*    .kt-header-mobile {*/
/*        background: linear-gradient(to top, #727272, #F5F5F5); !important;*/
/*    }*/
/*}*/

/* lower the header size and sidebar*/
@media (min-width: 992px) {
    .header-fixed .wrapper {
        padding-top: 40px!important;
    }
    .header {
        height: 40px!important;
    }
}

/*@media (max-width: 992px) {*/
/*    .topbar {*/
/*        height: 55px;*/
/*    }*/
/*    .header-mobile-fixed .wrapper {*/
/*        padding-top: 55px!important;*/
/*    }*/
/*    .header-mobile {*/
/*        height: 55px!important;*/
/*    }*/
/*}*/

/*.kt-aside__brand {*/
/*    height: 40px!important;*/
/*    !* background: linear-gradient(to top, #727272, #F5F5F5); *!*/
/*}*/

/*.kt-header-mobile {*/
/*    !* background: linear-gradient(to top, #727272, #F5F5F5); *!*/
/*}*/

/*!* No border for form-control *!*/
/*.no-border {*/
/*    border: 0;*/
/*    box-shadow: none; !* You may want to include this as bootstrap applies these styles too *!*/
/*    background-color: transparent!important;*/
/*}*/

/*.nav-tabs .nav-link {*/
/*    text-transform: none;*/
/*}*/

/*!* div.dataTables_wrapper div.dataTables_processing {*/
/*  position: fixed;*/
/*  top: 50%;*/
/*} *!*/

/*div.dataTables_wrapper div.dataTables_processing {*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: 60%;*/
/*}*/

/*!* @media (min-width: 961px) {*/
/*  .kt-app .kt-app__aside {*/
/*    width: 400px; } } *!*/

/*.btn.btn-clean-success-success {*/
/*    border-color: transparent;*/
/*    background: transparent;*/
/*    color: rgba(10, 189, 135, 0.51); }*/
/*.btn.btn-clean-success i {*/
/*    color: rgba(10, 189, 135, 0.51); }*/
/*.show > .btn.btn-clean-success, .btn.btn-clean-success.active, .btn.btn-clean-success:active, .btn.btn-clean-success:hover {*/
/*    color: #0abb87;*/
/*    background: #f0f3ff; }*/
/*.show > .btn.btn-clean-success i, .btn.btn-clean-success.active i, .btn.btn-clean-success:active i, .btn.btn-clean-success:hover i {*/
/*    color: #0abb87; }*/

.contact-info .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.contact-info .row > [class^='col'] {
    display: flex;
    flex-direction: column;
}

.applications-box .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.applications-box .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

label.required:after, span.required:after {
    content:"*";
    color:red;
}

/*.img-border {*/
/*    padding: 0.25rem;*/
/*    background-color: #fff;*/
/*    border: 1px solid #dee2e6;*/
/*    border-radius: 0.25rem;*/
/*}*/

/*.kt-timeline-v2:before {*/
/*    left: 6.85rem;*/
/*}*/

/*.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-time {*/
/*    font-weight: 400;*/
/*}*/

/*.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-cricle {*/
/*    left: 6.12rem;*/
/*}*/

/*.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-text {*/
/*    padding: 0.35rem 0 0 7rem;*/
/*}*/


/* --------------------------------------- Below follows Metronic 7 --------------------------------------- */


/* No-Padding Content */
.content {
    padding: 0 0;
}


/* Subheaader */
/* Enable/Disable */
.subheader,
.subheader-enabled .subheader-empty-bar{
    display: none;
}
.subheader-enabled .subheader,
.subheader-empty-bar{
    display: block;
}
/* Fixed */
@media (min-width: 992px) {
    .subheader-enabled.subheader-fixed .subheader{
        top: 40px;
    }
    .subheader-enabled.subheader-fixed .content{
        padding-top: 70px;
    }
}
@media (max-width: 992px) {
    .subheader-enabled.subheader-fixed .subheader{
        position: fixed;
        top: 55px;
        left: 0;
        right: 0;
        z-index: 97;
    }
    .subheader-enabled.subheader-fixed .content{
        padding-top: 70px;
    }
}
/* Solid/Transparent */
.subheader-enabled.subheader-fixed .subheader .breadcrumb,
.subheader-enabled .subheader.subheader-solid .breadcrumb{
    background-color: transparent;
}



/* Breadcrumbs*/
.breadcrumb .breadcrumb-item a {
    color: #757575!important;
}

.subheader-enabled:not(.subheader-fixed) .subheader:not(.subheader-solid) .breadcrumb {
    background-color: transparent;
}

.breadcrumb .breadcrumb-item.active i,
.breadcrumb .breadcrumb-item.active a, .breadcrumb .breadcrumb-item:hover i,
.breadcrumb .breadcrumb-item:hover a {
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    color: #202124!important;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.custom_breadcrumbs-separator:after,
.breadcrumb-item + .breadcrumb-item>a::before {
    font-family: "Font Awesome\ 5 Free";
    font-style:normal;
    font-weight: bold;
    content: "\f054";
    text-align:center;
    width:1em;
    display:inline-block;
    font-size:11px;
    color:#bababa;
    margin:0 4px 0 4px;
    cursor:default
}

.breadcrumb-item + .breadcrumb-item::before {
    display: none;
}



/* Aside */
.brand {
    height: 40px;
}

.aside-menu .menu-nav > .menu-item.menu-item:hover > .menu-heading .menu-icon i,
.aside-menu .menu-nav > .menu-item.menu-item:hover > .menu-link .menu-icon i,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon i,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon i ,
.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon > i {
    color: #3699FF;
}


.aside-menu .menu-nav {
    padding: 0 0;
}

@media (min-width: 992px){
    .aside-minimize .aside-menu .menu-nav {
        padding: 0 0;
    }
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-heading,
.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item > .menu-link {
    padding-left: 40px;
}


/* Topbar Menu */
@media (min-width: 992px){
    .header-menu .menu-nav > .menu-item .menu-submenu > .menu-subnav > .menu-item.menu-item-active > .menu-link .menu-icon > i {
        color: #3699FF;
    }
}


/* Dropdown Menu */
.dropdown-menu .dropdown-menu-item .arrow-right::after{
    font-family: "Font Awesome\ 5 Free";
    font-style: normal;
    font-weight: bold;
    content: "\f054";
    text-align: right;
    width: 1em;
    display: inline-block;
    font-size: 11px;
    color: #bababa;
    margin: 0 4px 0 4px;
    cursor: default;
}


/*!* Nav Pills *!*/
/*.card.card-custom > .card-header.card-header-tabs-line .nav .nav-link {*/
/*    padding-top: 1rem;*/
/*    padding-bottom: 1rem;*/
/*}*/



/* Table */
.table-sm th{
    padding: 0.75rem 1rem!important;
}

.table-sm td {
    padding: 0.3rem 1rem!important;
}


/* SummerNote */
.note-editor .note-toolbar {
    z-index: 50;
}


/* Separator with text */
.text-separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    letter-spacing: .5em;
    text-transform: uppercase;
}
.text-separator::before, .text-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.text-separator::before {
    margin-right: .5em;
}
.text-separator::after {
    margin-left: .5em;
}

.copyright-text {
    font-size: 0.9rem;
    font-weight: lighter;
    margin: 0;
}

.dataTable .checkbox > input{
    position: unset;
}
.dataTable .checkbox{
    top: unset;
}

.dataTable td>ul{
    padding-inline-start: 1.35rem;
}

.dataTables_scrollHeadInner{
    width: unset!important;
}
.dataTables_scrollBody th{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


.aside-header{
    height: 75px;
    max-width: 100%;
}
.aside-minimize .brand .brand-logo h5{
    display: none;
}

/*  FORM */
.form-group {
    margin-bottom: 0.9rem !important;
}

select:not('custom-select') {
    padding: 5px 10px !important;
}

.numbersep, .currency, .percent, .alignnumber, .singledecimal, .number, .amountTotal, .rate, input[type=number] {
    text-align: right!important;
}

/* Remove controls from Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Re-applies the controls on :hover and :focus */
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}

@media (min-width: 992px) {
    .login.login-1 .login-aside {
        width: 50%;
        max-width: unset;
    }
    .login.login-1 .login-content {
        width: 100%;
        max-width: 500px;
    }
    .login.login-1 .login-content .login-form {
        width: 100%;
        max-width: 450px;
    }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
    .login.login-1 .login-aside {
        width: 50%;
        max-width: unset;
    }
}
.login.login-1 .login-aside {
    background-position: center;
    background-size: cover;
}
@media (max-width: 991.98px){
    .header-desktop{
        display:none;
    }
}

.sticky-footer {
    position: sticky;
    bottom: 0;
    background-color: var(--white)!important;
    z-index: 9;
}

/* Nav Inverse */
.nav.nav-pills.nav-inverse-dark-primary .nav-link .nav-text {
    font-weight: bold;
}
.nav.nav-pills.nav-inverse-dark-primary .nav-link:not(.active) {
    color: #FFFFFF;
    background-color: #0264AF;
}
.nav.nav-pills.nav-inverse-dark-primary .nav-link:not(.active) .nav-text {
    color: #FFFFFF;
}
.nav.nav-pills.nav-inverse-dark-primary .nav-link.active {
    color: #0264AF;
    background-color: #f1f1f1;
}
.nav.nav-pills.nav-inverse-dark-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-inverse-dark-primary .nav-link.active .nav-text {
    color: #0264AF;
}
.nav.nav-pills.nav-inverse-dark-primary .show > .nav-link,
.nav.nav-pills.nav-inverse-dark-primary .nav-link:hover:not(.active) {
    color: #0264AF;
    background-color: #FFFFFF;
}
.nav.nav-pills.nav-inverse-dark-primary .show > .nav-link .nav-text,
.nav.nav-pills.nav-inverse-dark-primary .nav-link:hover:not(.disabled) .nav-text,
.nav.nav-pills.nav-inverse-dark-primary .nav-link.active .nav-text {
    color: #0264AF;
}