/* @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
} */
  
/* @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
} */

html, body {
    min-height: 100%! important;
    height: 100% !important;
    /* font-family: 'Montserrat', sans-serif !important; */
}
h1, h2, h3 {
    color: #333333;
}
.link-green {
    color: #0d6efd!important;
    text-decoration: underline!important;
}
.link-green:hover {
    color: #0d6efd!important;
    text-decoration: none!important;
}
.link-green-dot {
    color: #0d6efd!important;
    text-decoration: none!important;
    border-bottom: 1px dashed;
   ;
}
.link-green-dot:hover {
    color: #0d6efd!important;
    text-decoration: none!important;
    border-bottom: none;
}
.link-line {
    text-decoration: none!important;
}
.link-line:hover {
    text-decoration: underline!important;
}
.text-line span {
    text-decoration: none!important;
}
.text-line:hover span {
    text-decoration: underline!important;
}
.link-bolder {
    color: #6c757d!important;
    font-weight: 500!important;
    text-decoration: none!important;
}
.link-bolder:hover {
    text-decoration: underline!important;
}
.table {
    color: #41464b!important;
    /* --bs-table-hover-bg: rgb(255 193 7 / 12%)!important; */
    --bs-table-hover-bg: #f8f9fa!important;
}
#before-load {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 1001;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    background: #0d6efd;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
}
.login-header-link {
    color: #41464b;
    font-size: .875rem;
    text-decoration: none;
}
.login-header-link:hover {
    text-decoration: underline;
    color:#41464b;
}
.login-text-link {
    font-family: benton-sans,'Helvetica Neue',helvetica,arial,sans-serif;
    text-decoration: underline;
    color:#fff;
}
.login-text-link:hover {
    text-decoration: none;
    color:#fff;
}
/* .login-text-link:focus {
    text-decoration: none;
    color:#fff;
} */
.login-bottom-panel {
    display: block;
    padding: 10px 15px;
    background-color: #e9ecef;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.sidebar {
    margin-top: 70px;
    background: #001233;
    direction: ltr;
    max-width: 260px;
    min-width: 260px;
    transition: margin-left .35s ease-in-out,left .35s ease-in-out,margin-right .35s ease-in-out,right .35s ease-in-out;
    padding: 0px!important;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
   /*box-shadow: inset -1px 0 0 rgb(0 0 0 / 10%);
   */
    overflow-y: auto;
    overflow-x: hidden;
}
.sidebar-link, a.sidebar-link {
    color: #e9ecef;
    cursor: pointer;
    display: block;
    font-weight: 400;
    padding: 0.625rem 1.025rem;
    margin: 0.3rem 1rem;
    border-radius: 0.5rem!important;
    position: relative;
    text-decoration: none;
    font-size: .9rem;
    transition: color 75ms ease-in-out;
}
.sidebar-link:hover {
    color: #ffffff;
    background: #002855!important;
}
.sidebar-link:hover i {
    color: #0d6efd;
}
.accordion-button {
    width: auto!important;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    font-weight: 700;
}
.accordion-button:not(.collapsed) i {
    color: #0d6efd;
}
.accordion-button::after {
    -webkit-filter: brightness(10000%);
    filter: brightness(10000%);
    background-size: 0.77rem;
    background-position-y: 5px;
    background-position-x: 8px;
    opacity: 0.88;
}
.accordion-button:hover::after {
    -webkit-filter: brightness(10000%);
    filter: brightness(10000%);
    background-size: 0.77rem;
    background-position-y: 5px;
    background-position-x: 8px;
    opacity: 1.0;
}
.accordion-button:not(.collapsed)::after {
    -webkit-filter: brightness(10000%);
    filter: brightness(10000%);
    background-size: 0.77rem;
    background-position-y: 2px;
    background-position-x: 0px;
    opacity: 1.0;
}
.list-group-item-bold {
    background: #002855!important;
}
.list-group-item-bold:hover {
   /*background: none!important;
   */
    cursor: default!important;
}
.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px;
}
.sidebar-brand {
    /* color: #fff; 
    */
    display: block;
    /* font-size: 1.125rem;
    font-weight: 500; 
    */
    padding: 0.84rem 0rem;
    text-align: center;
   /*background: #495056;
   */
}
.sidebar-link i, .sidebar-link svg, a.sidebar-link i, a.sidebar-link svg {
    color: #979DAC;
    margin-right: 1.0rem;
}
.dropdown-avatar {
   /*text-transform: uppercase;
   font-weight: 700;
   background: #e9ecef;
   border-radius: 100%;
   padding: .6rem;
   text-align: center;
   color: #6c757d;
   */
    text-transform: uppercase;
    font-weight: 700;
    background: #e9ecef;
    border-radius: 100%;
   /* padding: 0.5rem 0.6rem 0.6rem 0.6rem;
    */
    text-align: center;
    color: #6c757d;
    max-width: 38px;
    max-height: 38px;
    min-width: 38px;
    min-height: 38px;
    align-items: center;
    display: flex;
    justify-content: center;
}
#dropdownMenuButton2:hover .dropdown-avatar {
    background: #0d6efd;
    color: #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#dropdownMenuButton2:focus .dropdown-avatar {
    background: #0d6efd;
    color: #ffffff;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#dropdownNotification:hover i {
    color: #0d6efd!important;
}
#dropdownNotification:focus i {
    color: #0d6efd!important;
}

.dropdown-name {
    color: #6c757d!important;
}
/*.dropdown-toggle:hover .dropdown-name {
    color: #0d6efd!important;
}
*/
.btn-outline-secondary {
    border: 1px solid #ced4da;
    background-color: #e9ecef;
    border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
}
.btn-outline-secondary:hover {
    background-color: #0d6efd!important;
    border-color: #0d6efd!important;
}
.btn-outline-secondary i {
    color: #6c757d;
}
.btn-outline-secondary:hover i {
    color: #ffffff;
}
.btn-outline-primary:hover {
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}
.noselect {
    -webkit-touch-callout: none;
   /* iOS Safari */
    -webkit-user-select: none;
   /* Safari */
    -khtml-user-select: none;
   /* Konqueror HTML */
    -moz-user-select: none;
   /* Old versions of Firefox */
    -ms-user-select: none;
   /* Internet Explorer/Edge */
    user-select: none;
   /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.wrapper {
    align-items: stretch;
    display: flex;
    width: 100% 
}
body[data-layout=boxed] .wrapper {
    border-left: 1px solid #dee6ed;
    border-right: 1px solid #dee6ed;
    margin: 0 auto;
    max-width: 1800px;
    overflow: hidden;
}
@media(min-width:1440px) {
    body[data-layout=boxed] .wrapper {
        width: 90vw;
   }
}
@media (min-width: 768px) {
    .main-site {
        overflow-y: auto;
        margin-left: 260px;
   }
   .sidebar {
        margin-left: 0px;
    }
   .btn-circle {
        min-height: 38px;
        border-radius: .25rem;
    }
}
@media (max-width: 767.98px) {
    .main-site {
        overflow-y: hidden;
        margin-left: 0px;
   }
   .sidebar {
        margin-left: -260px;
    }
   .btn-circle {
        min-height: 38px;
        border-radius: 50%;
        max-width: 38px;
   }
}
.main-site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 0;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
    width: 100%;
}
.content {
    direction: ltr;
    flex: 1;
    padding: 2.5rem 2.5rem 1.5rem;
}
@media(max-width:767.98px) {
    .content {
        max-width: 100vw;
        width: 100vw;
   }
}
@media(max-width:991.98px) {
    .content {
        padding: 1.5rem;
   }
}
@media (max-width: 575.98px) {
    .img-logo {
        /* width: 15%; */
        max-width: 210px;
        opacity: 1.0;
        transition: opacity .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .img-logo:hover {
        opacity: 0.8;
    }
}
@media (min-width: 576px) {
    .img-logo {
        /* width: 15%; */
        max-width: 260px;
        opacity: 1.0;
        transition: opacity .15s ease-in-out,color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .img-logo:hover {
        opacity: 0.8;
    }
}
.navbar {
    border-bottom: 0;
    box-shadow: 0 0 2rem 0 rgba(41, 48, 66, .1);
   /*padding: 0.875rem 1.25rem!important;
   */
    padding: 0 1.25rem!important;
    min-height: 70px;
}
.navbar-nav {
    justify-content: flex-end;
    width: 100%;
}
@media(max-width:767.98px) {
    .navbar {
        width: 100vw;
   }
}
.input-group-navbar {
    min-width: 240px;
}
.navbar-expand>.container, .navbar-expand>.container-fluid, .navbar-expand>.container-lg, .navbar-expand>.container-md, .navbar-expand>.container-sm, .navbar-expand>.container-xl {
    padding-left: 0;
    padding-right: 0;
}
.navbar-bg {
    background: #fff;
}
body:not([data-sidebar-position=right]) .navbar-align {
    margin-left: auto;
}
body[data-sidebar-position=right] .navbar-align {
    margin-right: auto;
}
.navbar-brand {
    color: #f4f7f9;
    display: block;
    font-size: 1.15rem;
    font-weight: 500;
    padding: .875rem 0;
}
.navbar-brand .feather, .navbar-brand svg {
    color: #0d6efd;
    height: 24px;
    margin-left: -.15rem;
    margin-right: .375rem;
    margin-top: -.375rem;
    width: 24px;
}
.hamburger, .hamburger:after, .hamburger:before {
    background: #41464b;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background .1s ease-in-out, color .1s ease-in-out;
    width: 24px;
}
.hamburger {
    position: relative;
}
.hamburger:before {
    position: absolute;
    top: -8px;
    width: 20px;
}
.hamburger:after {
    bottom: -8px;
    position: absolute;
    width: 16px;
}
.sidebar-toggle:hover .hamburger, .sidebar-toggle:hover .hamburger:after, .sidebar-toggle:hover .hamburger:before {
    background: #0d6efd;
}
.hamburger-right, .hamburger-right:after, .hamburger-right:before {
    right: 0;
}
.tt-link {
    color: #6c757d!important;
    text-decoration: none;
}
.tt-link:hover {
    color: #0d6efd!important;
    text-decoration: underline;
}
footer.footer {
    background: #f8f9fa;
    border-top: 1px solid #dee6ed;
    direction: ltr;
    padding: 1rem 0.75rem;
}
.footer a {
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
.hs-block {
    display: none;
}
.bg-light:hover .hs-block {
    display: flex;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.sh-block {
    display: inline-block;
}
.bg-light:hover .sh-block {
    display: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn {
    /*display: flex;
    */
    align-items: center;
    justify-content: center;
    font-weight: 500;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: auto!important;
    cursor: not-allowed;
}
.btn.disabled:hover, .btn:hover:disabled, fieldset:hover:disabled .btn:hover {
    background-color: #0d6efd!important;
    opacity: .65!important;
}
.btn-primary {
    color: #fff;
    background-color: #0d6efd!important;
    border-color: #0d6efd!important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0466c8!important;
    border-color: #0466c8!important;
}
.btn-login-outline {
    background-color: #ffffff!important;
    border: 1px solid #ffffff!important;
    box-shadow: none!important;
    color: #41464b;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 10%)!important;
}
.btn-login-outline:hover {
    background-color: #0d6efd!important;
    color: #fff;
    border: 1px solid #0d6efd!important;
    box-shadow: none!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-secondary {
    cursor: default;
    background-color: #e9ecef!important;
    border: 1px solid #e9ecef!important;
    box-shadow: none!important;
    color: #6c757d;
}
.btn-secondary:hover {
    color: #6c757d;
    background-color: #dfe2e5!important;
    border-color: #dfe2e5!important;
}
.btn-green {
    background-color: #dcf8e6!important;
    border: 1px solid #dcf8e6!important;
    box-shadow: none!important;
    color: #0d6efd;
}
.btn-green:hover {
    color: #0d6efd;
   /*background-color: #0d6efd!important;
    text-decoration: underline;
   */
    border-color: #0d6efd!important;
}
.btn-green-sub {
    background-color: #dcf8e6!important;
    border: 1px solid #dcf8e6!important;
    box-shadow: none!important;
    color: #0d6efd;
}
.btn-green-sub:hover {
    color: #0d6efd;
    background-color: #d0f2dc!important;
    text-decoration: underline;
    border-color: #d0f2dc!important;
    text-decoration: none!important;
}
.btn-green-bg {
    background-color: #dcf8e6!important;
    border: 1px solid #dcf8e6!important;
    box-shadow: none!important;
    color: #0d6efd;
}
.btn-green-bg:hover {
    color: #0d6efd;
    background-color: #0d6efd!important;
    text-decoration: underline;
    border-color: #0d6efd!important;
    text-decoration: none!important;
    color: #fff!important;
}
.btn-white {
    background-color: #fff!important;
    border: 1px solid #fff!important;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%)!important;
    color: #41464b;
}
.btn-white:hover {
    background-color: #fff!important;
    border: 1px solid #fff!important;
    color: #0d6efd;
   /*background-color: #0d6efd29!important;
    text-decoration: underline;
    border-color: #0d6efd29!important;
   */
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 10%)!important;
}
.btn-white-disabled {
    background-color: #fff!important;
    border: 1px solid #fff!important;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%)!important;
    color: #41464b;
    opacity: .9;
}
.btn-white-disabled:hover {
    background-color: #fff!important;
    border: 1px solid #fff!important;
    color: #41464b;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%)!important;
    opacity: 1.0;
}
.btn-dark {
    color: #fff;
    background-color: #333!important;
    border-color: #333!important;
}
.btn-dark:hover {
    color: #fff;
    background-color: #262626!important;
    border-color: #262626!important;
}
.btn-thin {
   /*color: #0d6efd;
    background-color: transparent;
    border: 1px solid #0d6efd;
    padding: 0.275rem 0.65rem;
   */
    color: #0d6efd;
    background-color: #0d6efd29;
    border: 1px solid #dcf8e6;
    padding: 0.275rem 0.65rem;
    min-height: 28.13px;
}
.btn-thin:hover {
    color: #fff;
    background-color: #0d6efd!important;
    border-color: #0d6efd!important;
}
.btn-thin-red {
   /*color: #dc3545;
    background-color: transparent;
    border: 1px solid #dc3545;
    padding: 0.275rem 0.65rem;
   */
    color: #dc3545;
    background-color: #dc354521;
    border: 1px solid #fae5e7;
    padding: 0.275rem 0.65rem;
    min-height: 28.13px;
}
.btn-thin-red:hover {
    color: #fff;
    background-color: #dc3545!important;
    border-color: #dc3545!important;
}
.btn-thin-yellow {
    /*color: #dc3545;
     background-color: transparent;
     border: 1px solid #dc3545;
     padding: 0.275rem 0.65rem;
    */
     color: #ffc107;
     background-color: rgb(255 193 7 / 17%);
     border: 1px solid rgb(255 193 7 / 17%);
     padding: 0.275rem 0.65rem;
     min-height: 28.13px;
 }
 .btn-thin-yellow:hover {
     color: #fff;
     background-color: #ffc107!important;
     border-color: #ffc107!important;
 }
.btn-thin-gray {
   /*color: #6c757d;
    background-color: transparent;
    border: 1px solid #6c757d;
    padding: 0.275rem 0.65rem;
   */
    color: #6c757d;
    background-color: #e9ecef;
    border: 1px solid #e9ecef;
    padding: 0.275rem 0.65rem;
    min-height: 28.13px;
}
.btn-thin-gray:hover {
    color: #fff;
    background-color: #6c757d!important;
    border-color: #6c757d!important;
}
.mw-150 {
    max-width: 140px;
    margin: 0px auto;
}
@media (max-width: 575.98px) { .mw-31-13 { max-width: 31.13px; min-width: 31.13px; min-height: 28.13px; } } @media (min-width: 576px) { .mw-31-13 { max-width: auto; min-height: 28.13px; } }
.text-no-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-play {
   /*color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
    padding: 1.3px 6px;
    min-width: 30px;
   */
    color: #0d6efd;
    background-color: #dcf8e6;
    border-color: #dcf8e6;
    padding: 1.3px 6px;
    min-width: 30px;
}
.btn-play:hover {
    color: #ffffff;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
}
.btn-pause {
   /*color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    padding: 1.3px 6px;
    min-width: 30px;
   */
    color: #ffc107;
    background-color: #fff5d5;
    border-color: #fff5d5;
    padding: 1.3px 6px;
    min-width: 30px;
}
.btn-pause:hover {
    color: #ffffff;
    background-color: #ffc107;
    border: 1px solid #ffc107;
}
.btn-stop {
   /*color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
    padding: 1.3px 6px;
    min-width: 30px;
   */
    color: #dc3545;
    background-color: #dc354521;
    border-color: #fae5e7;
    padding: 1.3px 6px;
    min-width: 30px;
}
.btn-stop:hover {
    color: #ffffff;
    background-color: #dc3545;
    border: 1px solid #dc3545;
}
.btn-login {
    border: 1px solid #ced4da;
    background-color: #ffffff;
    border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
    color: #41464b;
    font-size: .99rem;
    font-weight: 500;
}
.btn-login:hover {
    border: 1px solid #ced4da;
    background-color: #e9ecef;
    border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
    color: #41464b;
}
.limit-card {
    background: rgb(108 117 125)!important;
    color: #f7f9fc!important;
}
.input-icon-link {
    color: #333!important;
}
.input-icon-link:hover {
    color: #0d6efd!important;
}
.input-icon-link:hover i {
    opacity: 1!important;
}
.btn-primary:focus {
    box-shadow: none!important;
}
.popover-body {
    padding: 0.75rem 1rem!important;
    color: #6c757d!important;
}
.popover {
    border: none!important;
    background-color: #f8f9fa!important;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%)!important;
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before {
    left: 2px!important;
    border-right-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after {
    left: 2px!important;
    border-right-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before {
    right: 2px!important;
    border-left-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after {
    right: 2px!important;
    border-left-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before {
    bottom: 2px!important;
    border-top-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after {
    bottom: 2px!important;
    border-top-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before {
    top: 2px!important;
    border-bottom-color: #f8f9fa!important;
}
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after {
    top: 2px!important;
    border-bottom-color: #f8f9fa!important;
}
.btn:focus {
   box-shadow:none;
}
.btn-primary:focus{
   color:#fff;
   background-color:#0d6efd;
   border-color:#0d6efd;
   box-shadow: none!important;
}
.btn-secondary:focus{
   color: #6c757d!important;
    box-shadow: none!important
}
.dropdown-toggle {
   border: 3px solid #fff;
}
.dropdown-toggle:focus {
   /*background-color:#e9ecef;
   */
    border: 3px solid #fff;
    box-shadow:none!important
}
.dropdown-toggle:hover {
   /*background-color:#e9ecef;
   */
    border: 3px solid #fff;
}
.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{
   color:#fff;
   background-color:#0d6efd;
   border-color:#0d6efd
}
.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{
   box-shadow:none!important
}
.btn-primary.disabled, .btn-primary:disabled{
   color:#fff;
   background-color:#0d6efd;
   border-color:#0d6efd
}
.tooltip-inner{
   max-width:200px;
   padding:.25rem .5rem;
   color:#fff;
   text-align:center;
   background-color:#41464b!important;
   border-radius:.25rem
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{
    top:-1px;
    border-width:.4rem .4rem 0;
    border-top-color:#41464b!important
 }
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{
   bottom:-1px;
   border-width:0 .4rem .4rem;
   border-bottom-color:#41464b!important
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{
   right:-1px;
   border-width:.4rem .4rem .4rem 0;
   border-right-color:#41464b!important
}
.form-control {
    border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
    /* border-top-left-radius: 0.25rem!important;
    border-bottom-left-radius: 0.25rem!important; */
}
input[type="text"]:disabled, textarea:disabled {
    cursor:not-allowed!important;
}
.btn-group-lg>.btn, .btn-lg {
    padding: 0.3rem 1rem!important;
}
.reply-gray {
    color: #adb5bd;
}
.reply-gray:hover {
    color: #6c757d;
    cursor: pointer;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.icon-gray a {
    color: #6c757d!important;
}
.icon-gray:hover a {
    color: #0d6efd!important;
}
.form-control {
    color: #333;
   /*border: 1px solid #dee2e6;
   */
}
.input-group-text {
    color: #333;
   /*border: 1px solid #dee2e6;
   */
}
.form-select {
    color: #333;
    border-top-right-radius: 0.25rem!important;
    border-bottom-right-radius: 0.25rem!important;
    /*background-position: right 1.1rem center!important;
    */
}
.tox-tinymce {
    color: #333!important;
    border: 1px solid #ced4da!important;
    border-radius: 4px!important;
}
.tox .tox-statusbar {
    border-top: 1px solid #ced4da!important;
}
.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 1px solid #ced4da!important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background: none!important;
    border-bottom: 1px solid #ced4da;
}
/*.g-recaptcha {
    -webkit-transform: scale(1.101);
    -moz-transform: scale(1.101);
    -ms-transform: scale(1.101);
    -o-transform: scale(1.101);
    transform: scale(1.101);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
*/
input::-webkit-calendar-picker-indicator {
    display: none!important;
}
[list]::-webkit-calendar-picker-indicator anycodings_css {
    display: none!important;
}
.form-check-input:focus {
   border-color:#0d6efd;
   outline:0;
   box-shadow:0 0 0 .25rem rgba(37,211,102,.25)!important
}
.form-switch .form-check-input {
   cursor: pointer;
}
.form-control:hover {
    border: 1px solid #0d6efd!important;
 }
.form-control:focus {
   color:#212529;
   background-color:#fff;
   border-color:#0d6efd;
   outline:0;
   /* box-shadow:0 0 0 .25rem rgba(37,211,102,.25)!important */
   box-shadow: none!important;
}
.form-select:hover {
    border: 1px solid #0d6efd!important;
 }
.form-select:focus {
   border-color:#0d6efd;
   outline:0;
   box-shadow:0 0 0 .25rem rgba(37,211,102,.25)!important
}
.accordion-button:focus {
   z-index:3;
   border-color:#0d6efd;
   outline:0;
   box-shadow:0 0 0 .25rem rgba(37,211,102,.25)!important
}
.btn-close {
   opacity:.4!important;
   /*margin-top: -20px!important;
    margin-right: -15px!important;
   */
}
.btn-close:focus {
   outline:0;
   box-shadow:none!important;
   opacity:1
}
.btn-link:focus {
   box-shadow:none!important;
}
.opacity-15 {
   opacity:.15!important;
}
.alert-success {
    color: #198754!important;
    background-color: #dcf8e6!important;
    border-color: #0d6efd33!important;
}
.alert-danger {
    color: #842029;
    background-color: #f8d7da94!important;
    border-color: #f5c2c7;
}
.alert-message {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.bi {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentcolor;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #6c757d;
   /* border-bottom: 3px solid;
    */
   /* border-radius: 0px;
    */
    font-weight: 500;
   /* text-transform: uppercase;
    */
   /* padding: 0;
    */
    padding: 0.16rem 0.91rem;
    text-decoration: none!important;
}
.nav-link.active:hover {
    color: #fff!important;
    background-color: #6c757d!important;
    text-decoration: none!important;
   /*cursor: default!important;
   */
}
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: 0.25rem;
    font-weight: 500;
    padding: 0.16rem 0.91rem;
    color: #6c757d;
    background: #e9ecef;
}
.nav-pills .nav-link:hover {
    text-decoration: none;
    background-color: #dfe2e5;
    color: #6c757d;
   /*border: 1px solid #6c757d;
   */
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 0.2rem;
    color: #6c757d;
    display: none;
    font-size: .825rem;
    list-style: none;
    margin: 5px 0 0 0!important;
    min-width: 10rem;
    padding: 0.5rem 0;
    position: absolute;
    text-align: left;
    z-index: 2;
}

@media (min-width: 576px) {
    .dropdown-lg {
        width: 320px;
    }
}

.dropdown-toggle:after {
    border: solid;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(45deg);
    margin-left: 10px;
    color: #6c757d;
}
.dropdown-item {
    transition: background .1s ease-in-out,color .1s ease-in-out;
}
.dropdown-item {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #6c757d;
    display: block;
    font-weight: 400;
    padding: 0.35rem 1.2rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%;
}
.dropdown-item:hover {
    background-color: transparent!important;
    color: #0d6efd!important;
    text-decoration: underline;
}
.dropdown-item:focus{
    background-color: transparent;
    color: #0d6efd!important;
}
/* admin */
.dropdown-item-admin {
    transition: background .1s ease-in-out,color .1s ease-in-out;
}
.dropdown-item-admin {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #6c757d;
    display: block;
    font-weight: 400;
    padding: 0.35rem 1.1rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%;
    text-decoration: none;
}
.dropdown-item-admin:hover {
    background-color: transparent!important;
    color: #dc3545e0!important;
    text-decoration: underline;
}
.dropdown-item-admin:focus{
    background-color: transparent;
    color: #dc3545e0!important;
}
/* admin */
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef!important;
}
@media (min-width: 768px) {
    .animate {
        animation-duration: 0.3s;
        -webkit-animation-duration: 0.3s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
   }
    .navbar {
        width: -webkit-fill-available;
        padding: 0 1.25rem!important;
        min-height: 70px;
   }
}
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
   }
    100% {
        transform: translateY(0rem);
        opacity: 1;
   }
    0% {
        transform: translateY(1rem);
        opacity: 0;
   }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
   }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
   }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
   }
}
.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}
.badge-gray {
    font-size: .75rem;
    color: #6c757d;
    background: #e9ecef;
    margin-left: 0.75rem;
    border-radius: 2rem;
    padding: 0.2rem 0.65rem;
    height: fit-content;
   /*font-weight: 600;
   */
}
/*.fa-grey {
   color:#41464b;
}
*/
.progress {
    display: flex;
    height: 0.4rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e5ecf5;
    border-radius: 0.25rem;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0d6efd!important;
    border-color: transparent;
    color: #fff;
}
a:hover .fab-gray {
    color: #0d6efd!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list-group-item {
    border: none!important;
    border-radius: 5px;
    padding: 0.8rem 1rem!important;
    color: #333!important;
}
a.list-group-item:hover {
    color: #0d6efd!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   /*background: #e5e5e5!important;
   */
}
.list-group-item-bold {
    background:none;
    color: rgba(255, 255, 255, 1.0)!important;
    font-weight: 700;
}
.fab-green {
    color: #0d6efd!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fab-yellow {
    color: #ffc107!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fab-red {
    color: #dc3545e0!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-light:focus,.btn-light:active, .btn-light {
    outline: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important 
}
.btn-light {
    background: #e9ecef!important;
    border-color: #e9ecef!important;
    color: #41464b!important;
}
.btn-light span {
    text-decoration: underline;
    color:#0d6efd;
}
.btn-light:hover span {
    /* text-decoration: none; */
    color:#0d6efd;
}
.text-bold {
    font-weight: 500;
}
.text-dark {
    color: #333!important;
    text-decoration: none!important;
}
.text-dark:hover {
    color: #333!important;
    text-decoration: underline!important;
}
.text-dark-u {
    color: #333!important;
    text-decoration: underline!important;
}
.text-dark-u:hover {
    color: #333!important;
    text-decoration: none!important;
}
.text-dark-d {
    color: #333!important;
    text-decoration: none!important;
    border-bottom: 1px dashed;
}
.text-dark-d:hover {
    color: #333!important;
    text-decoration: none!important;
    border-bottom: none;
}
.text-grey {
    color: #6c757d!important;
}
.text-grey:hover {
    color: #6c757d!important;
    text-decoration: none!important;
}

.sidebar::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}
.sidebar::-webkit-scrollbar-track {
    background-color: transparent;
}
.sidebar::-webkit-scrollbar-thumb {
    background: transparent;
}

.sidebar.custom-scrollbar::-webkit-scrollbar {
    width: 7px;
}
.sidebar.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #41464b;
    border-radius: 100px;
    margin: 2px;
}
.sidebar.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 0px solid rgb(65 70 75);
    border-left: 0;
    border-right: 0;
    background-color: #6c757d;
}

.sidebar-block::-webkit-scrollbar {
    width: 7px;
}
.sidebar-block::-webkit-scrollbar-track {
    background-color: #41464b;
    border-radius: 100px;
    margin: 2px;
}
.sidebar-block::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 0px solid rgb(65 70 75);
    border-left: 0;
    border-right: 0;
    background-color: #95999d;
}

.sidebar-cta-content {
    background: #002855;
    border-radius: 0.5rem;
    margin: 1rem;
    padding: .87rem 1.5rem 1.3rem 1.5rem;
}
.bg-light {
    max-width: 600px;
    border: 1px solid transparent!important;
    position: relative;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%);
    background: #fff!important;
}
.bg-light:hover {
    filter: grayscale(0)!important;
    max-width: 600px;
    border: 1px solid transparent!important;
    position: relative;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 12%);
    background: #fff!important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.bg-light .link-show {
    display: none;
    font-size: 1.01rem;
}
.bg-light:hover .link-show {
    display: inline;
}
.block-text {
    color: #6c757d!important;
    font-size: .9rem!important;
}
.block-text-large {
    color: #6c757d!important;
   /*font-size: .9rem!important;
   */
}
@media (max-width: 575.98px) { 
    .wab-alert {
        position: fixed;
        bottom: 0px;
        left: 15px;
        right: 15px;
        z-index: 9999;
        width: 100%;
}}
@media (min-width: 576px) { 
    .wab-alert {
        position: fixed;
        bottom: 0px;
        right: 0px;
        /*min-width: 240px;
        */
        z-index: 9999;
}}
.card {
    border: none!important;
    box-shadow: 0 0 0.875rem 0 rgb(41 48 66 / 5%);
}
.notify-card:hover {
    background: #f8f9fa;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.notify-card button {
    display: none;
}
.notify-card:hover button {
    display: block;
}
.form-check-input:checked {
    background-color: #00d55d!important;
    border-color: #00d55d!important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #f8f9fa!important;
    opacity: 1;
   /*color: #6d7073!important;
   */
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    box-shadow: 0 0 0 0.25rem rgb(220 53 69 / 25%);
}
/*<div class="background-container"></div>*/
/*body.modal-open .background-container{
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
}
*/
.preloader {
   /*display: none;
   */
    position: relative;
    top: 100px;
    height: 60px;
    width: 60px;
    margin: 0px auto;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border: 6px solid #dee2e6;
    border-radius: 100%;
}
.preloader:before {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: -6px;
    height: 100%;
    width: 100%;
    border-top: 6px solid #0d6efd;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-radius: 100%;
}
@-webkit-keyframes rotation {
    from {
       -webkit-transform: rotate(0deg);
   }
    to {
       -webkit-transform: rotate(359deg);
   }
}
@-moz-keyframes rotation {
    from {
       -moz-transform: rotate(0deg);
   }
    to {
       -moz-transform: rotate(359deg);
   }
}
@-o-keyframes rotation {
    from {
       -o-transform: rotate(0deg);
   }
    to {
       -o-transform: rotate(359deg);
   }
}
@keyframes rotation {
    from {
       transform: rotate(0deg);
   }
    to {
       transform: rotate(359deg);
   }
}

.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #0d6efd;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(24px, 0);
}
}

.reload {
    display: none;
    position: relative;
    top: 84px;
    height: 60px;
    width: 60px;
    margin: 0px auto;
}
.pop,.pop-video,.pop-doc img {
    opacity: 1.0;
    transition: .15s ease-in-out;
}
.pop:hover,.pop-video:hover,.pop-doc:hover img {
    opacity: .7;
}
.btn-clear {
    color: #adb5bd;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 60px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-clear:hover {
    color: #6c757d;
}
.btn-clear:focus {
    outline: 0;
}
.bind-success {
    display: none;
    position: absolute;
    top: 114px;
    left: 50%;
    margin-left: -30px;
    color: #0d6efd;
    z-index: 2;
    padding: 0!important;
    background: #0d6efd;
    border-radius: 100%;
    width: 60px;
    height: 60px;
}
.bind-success i {
    color: #fff;
    font-size: 38px;
    margin-top: 12px;
}
.count-green {
   /*text-align: center;
    color: #0d6efd;
    padding: 0px 7px;
    font-weight: 500;
    cursor: default;
    background: rgb(37 211 102 / 20%);
   */
    text-align: center;
    color: #0d6efd;
    padding: 0px 7px;
    font-weight: 500;
    cursor: default;
    background: rgb(220 248 230);
}
.count-orange {
    text-align: center;
   /* border: 1px solid rgb(255 193 7 / 30%);
    */
    color: #ffc107;
    padding: 0px 7px;
    font-weight: 500;
    cursor: default;
    background: rgb(255 193 7 / 17%);
}
.count-red {
   /*text-align: center;
    color: #dc3545e0;
    padding: 0px 7px;
    font-weight: 500;
    cursor: default;
    background: rgb(220 53 69 / 20%);
   */
    text-align: center;
    color: #dc3545e0;
    padding: 0px 7px;
    font-weight: 500;
    cursor: default;
    background: rgb(250 229 231);
}
.approve-red {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    color: #dc3545e0;
    padding: 2px 9px;
    /*font-weight: 500;*/
    cursor: default;
    /*background: rgb(255 193 7 / 17%);*/
    border-radius: 0.3rem;
    font-size: 12px;
    min-width: 90px;
    text-align: center;
    border: 1px dashed;
    background: #fff;
    box-shadow: 0rem 0rem 0rem .3rem rgb(255 255 255 / 90%)!important;
}
.approve-orange {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    color: #ffc107;
    padding: 2px 9px;
    /*font-weight: 500;*/
    cursor: default;
    /*background: rgb(255 193 7 / 17%);*/
    border-radius: 0.3rem;
    font-size: 12px;
    min-width: 90px;
    text-align: center;
    border: 1px dashed;
    background: #fff;
    box-shadow: 0rem 0rem 0rem .3rem rgb(255 255 255 / 90%)!important;
}
.approve-green {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    color: #0d6efd;
    padding: 2px 9px;
    /*font-weight: 500;*/
    cursor: default;
    /*background: rgb(220 248 230);*/
    border-radius: 0.3rem;
    font-size: 12px;
    min-width: 90px;
    text-align: center;
    border: 1px dashed;
    background: #fff;
    box-shadow: 0rem 0rem 0rem .3rem rgb(255 255 255 / 90%)!important;
}
.disabled-link, .disabled-link:hover{
    color: #e9ecef;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    background: transparent!important;
}
.admin-menu {
    border: 1px dashed #adb5bd;
    border-radius: 0.3rem;
    padding: 0.4rem 0.8rem;
}
.admin-menu:hover {
    background: #e9ecef;
    border: 1px solid #adb5bd;
}
.admin-menu a {
    color: #41464b;
    text-decoration: none;
}
/* .admin-menu a:hover {
    color: #0d6efd;
    text-decoration: none;
} */

.form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    opacity: 1.0!important;
    transform: scale(.75) translateY(-0.75rem) translateX(0.7rem)!important;
    height: 15px!important;
    padding-top: 0!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    background: #fff!important;
    color: #6c757d!important;
}
.form-floating>.form-control:focus~label {
    opacity: 1.0!important;
    transform: scale(.75) translateY(-0.75rem) translateX(0.7rem)!important;
    height: 15px!important;
    padding-top: 0!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    background: #fff!important;
    color: #0d6efd!important;
}
.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0.375rem 0.75rem!important;
    pointer-events: none;
    border: none;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    color: #6c757d!important;
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.border-red { border-color: rgb(220, 53, 69); }