/* =========== Google Fonts ============ */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap");
.navbar-brand-box {
    border-top-right-radius: 20px;
    background:#1D2539 !important;
    transition: 0.1s;
}
.vertical-menu {
    border-bottom-right-radius: 20px;
     background:#1D2539 !important;
     border-top:2px solid #fff;
     transition: 0.1s;
}
 
#page-topbar{
background: #F6F8FF !important;
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05) !important;
}
.metismenu li:hover {
background-color: #2D57FF;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.sidebar-enable .mm-active>a i {
    color: #FF6E3B !important;
}
#sidebar-menu ul li a {
 color: #FFF !important;
/*font-family: Roboto;*/
/* font-size: 14px !important; */
}
#sidebar-menu ul li a i {
    color: #fff !important;
}
.menu-title {
 color: #FFF !important;
font-family: Roboto;
font-size: 14px !important;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 142.857% */
letter-spacing: 0.25px;
}
/* .metismenu li.mm-active {
background-color: #2D57FF !important;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
} */
/* .sidebar-enable .metismenu li.mm-active {
border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #2D57FF !important; 
} */
.metismenu li .sub-menu li {
background-color: #1D2539 !important;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.metismenu li.mm-active .sub-menu li {
background-color: #1D2539 !important;
border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
 
#sidebar-menu ul li ul.sub-menu li a:hover {
    color: #FF6E3B !important;
}
#sidebar-menu ul li.mm-active ul.sub-menu li {
    color: #FF6E3B !important;
}
.sidebar-enable #sidebar-menu ul li a span:hover {
    color: #FF6E3B !important;
}
.app-search .form-control {
    background-color: #fff !important;
    border-radius:5px !important;
}
.page-content{
background: #F6F8FF !important;
}
.footer{
background: #F6F8FF !important;
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.05) !important;
}
.bnf_dashboard{
position: relative;
    min-height: 500px;
    background: #fff;
    padding: 20px !important;
border-radius: 20px !important;
}
.bnf_dashboard_main{
    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08) !important;
   border-radius: 20px !important; 
}
.bnf_back_link{
color: #000;
font-family: Roboto;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
width:100%;
}
.bnf_back_link i{
position:relative;
top:3px;
}
.bnf_back_link a:hover{
color: #FF6E3B !important;
}
.bnf_row_line{
width: 100%;
height: 3px;
flex-shrink: 0; 
background: #EAECF0;
}

.bnf_personal_info{
    color: var(--gray-700, #344054);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.bnf_form label{
color: var(--gray-700, #344054);
}
.bnf_form .form-control{
border-radius: 3px;
border: 1px solid #EAF0FF;
background: #F7F9FE;  
padding: 10px 14px;
}
.bnf_form .form-select{
border-radius: 3px;
border: 1px solid #EAF0FF;
background: #F7F9FE;
padding: 10px 14px;
}
.bnf_forn_align{
text-align:Left;
margin:5px;
}
button.bnf_form_btn1.w-md {
    margin: 5px;
}
.row.no-records-found {
    display: flow;
    width: 100%;
    text-align: center;
}
div#cdk-overlay-0 {
    max-height: 75vh !important;
}
div#cdk-overlay-1 {
    max-height: 75vh !important;
}
.mat-mdc-row:nth-child(odd) {
    background-color: #FAFAFA;
}
.mat-mdc-table .mat-mdc-row:hover, .mat-mdc-table .mat-mdc-footer-row:hover{
    background-color: #FAFAFA !important;
}
.mdc-data-table__cell, .mdc-data-table__header-cell{
    border: none !important;
}
.order_table .mdc-data-table__cell, .mdc-data-table__header-cell{
    padding: .45rem .45rem !important;
}
.order_table .mdc-data-table__header-cell{
text-align: center !important;
}
mat-header-cell {
    flex-direction: column;
    justify-content: center;
}
.mat-mdc-cell {
    text-align: center;
    justify-content: center;
    word-break: break-all;
}
.mdc-data-table__cell{
     text-align: center !important;
    justify-content: center;
}
.bnf_form_btn{
    border-radius: 56px;
    background: #2D57FF;
    padding:10px 30px;
    border:none;
}
    .bnf_form_btn span{
    color: #FFF;
    text-align: center;
/* leading-trim: both;
text-edge: cap; */
}

.bnf_forn_align_pop button {
    margin: 5px;
}
.bnf_form_report{
  border-radius: 56px;
background: #000;
padding:10px 25px;
border:none;  
}
.bnf_form_report span{
color: #FFF;
text-align: center;
/* leading-trim: both;
text-edge: cap; */
}
a.segment_link {
          margin-top: 0;
          margin-bottom: .5rem;
          font-weight: 500;
          line-height: 1.2;
          color: var(--bs-heading-color);
          font-size: 18px;
          font-weight: 600;
         }
.bnf_form_btn1{
border-radius: 56px;
background: #000;
padding:10px 40px;
border:none;
}
.bnf_form_btn1 span{
color: #FFF;
text-align: center;
/* leading-trim: both;
text-edge: cap; */
}
.bnf_user_img{
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    background: #2D57FF;
}
.bnf_user_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bnf_col_flx{
display:flex;
align-items: end;
}
.bnf_user_edit_img{
  position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    margin-right: 15px;
    background: #fff;
    right: 12px;  
}
.bnf_user_edit_img img {
   position: absolute;
    top: 8px;
    left: 7px;
    width: 15px;
    height: 15px;
}
.bnf_user_table{
text-align:center !important;
}
.bnf_user_table .table-light{
border-radius: 4px;
--bs-table-bg: #1D2539 !important;
}
.bnf_user_table .table-light tr th{
color:#fff !important;
}
.bnf_user_table tbody tr td{
  color: #575757 !important;
}
.bnf_user_table tbody tr td .badge-soft-success{
color: #287C00 !important;
background-color:unset !important;
}
.bnf_edit_form{
border-radius: 3px;
background: #2D57FF;
padding: 3px 14px;
align-items: center;
border:1px solid #2D57FF;
}
.bnf_edit_form span{
color: #FFF;
text-transform: capitalize;
}
.bnf_edit_form span i{
position:relative;
top:1px;
}
.bnf_form_btn span i{
position:relative;
top:2px;
}
.bnf_edit_form:hover{
background: #1D2539;
}
.bnf-modal-center .modal-header{
background: #1D2539;
}
.bnf-modal-center .modal-header .modal-title{
color: #FFF;
}
.bnf-modal-center .modal-header .btn-close{
color: #FFF;
    font-size: 30px;
    background: #1d2539 !important;
    position: relative;
    bottom: 5px;
 
}
.bnf-modal-center .modal-header .modal-title i{
   font-size: 25px;
    position: relative;
    top: 4px; 
}
.bnf_forn_align_pop{
text-align:center;
}
.bnf_media_tbl{
text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.vertical-collpsed {
    min-height: auto !important;
}
.bnf_tab_section{
text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.nav-pills .nav-link.active{
border-radius: 5px 5px 0px 0px;
background: #2D57FF !important;
}
.nav-pills .nav-link{
border-radius: 5px 5px 0px 0px;
background: #F7F9FE !important;
}
.nav-pills .nav-item{
margin:0px 20px 0px 20px;
}
.bnf_dashboard_main .tab-content{
border-radius: 0px 0px 5px 5px;
border: 1px solid #EFEFEF;
}
.bnf_form .col-form-label{
    text-align:left;
}
.bnf_form .bnf_chk{
padding-top: calc(0.47rem + 1px);
    padding-bottom: calc(0.47rem + 1px);
}
 
 ul.bnf_link{
    display:flex;
    list-style-type:none;
    margin-bottom:0px;
    justify-content:end;
}
.bnf_link li{
 border-right:1px solid #ADB2B1;
}
.bnf_link li:last-child{
   border-right:unset;
}
.bnf_link li a{
   color: #ADB2B1;
margin: 0 10px;
}
.avatar-xs .bg-primary.bg-soft {
    background-color: #2d57fe!important;
}
.avatar-xs .bg-primary.bg-soft i{
    color:#fff !important;
}
.bnf_main_heading{
margin-bottom:0px !important;
}
button.bnf_edit_icon_form {
    background: #2d57fe;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
button.bnf_edit_icon_form span i{
color:#fff;
}
.bnf_user_table .table-row{
cursor:pointer;
}
.bnf_project_drop .form-select {
border: 1px solid #E6E6E6 !important;
padding: 5px 60px 5px 10px !important;
}
.config_form textarea.form-control{
    height:150px !important;
}
.bnf_user_details table tbody tr{
    border-style:hidden !important;
        border-color: none !important;
}
.bnf_user_details .progress-sm {
    height: 3px !important;
}
@media (max-width: 380px){
.navbar-brand-box {
    display: block !important;
}
ul.bnf_link {
    display: none !important}
}
@media (max-width: 576px){
.navbar-brand-box {
    display: block !important;
}
ul.bnf_link {
    display: flex;
    list-style-type: none;
    margin-bottom: 0px;
    padding-left: 0px;
    justify-content: start;
}
}



.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
}
.cdk-overlay-dark-backdrop {
    background: #00000052;
}
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0;
}
.cdk-global-overlay-wrapper, .cdk-overlay-pane {
    display: flex;
    position: relative;
    z-index: 1000;
    /* top: 30%; */
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    
}

.mat-mdc-dialog-container {
    display: block;
    padding: 24px; 
    border-radius: 4px;
    box-sizing: border-box;
    overflow: auto;
    outline: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
    overflow: hidden;
}
.mat-dialog-title {
    margin: 0 0 20px;
    display: block;
    font: 500 20px/32px Roboto,Helvetica Neue,sans-serif;
    letter-spacing: normal;
}
.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 40px;
    border-radius: 50%;
}
.mat-typography i{
    color: #1f3bad;
    font-size: 40px;
}
.dialog-title button i{
color: #fff;
font-size: 20px;
}
mat-dialog-actions .admin-add-btn{
background-color: #1f3bad !important;
}

mat-dialog-actions .admin-add-btn:hover{
    background-color: #000;
    }

    mat-dialog-actions .admin-add-btn .mdc-button__label{
        color: #fff;
        }
        .mat-mdc-dialog-container .mdc-dialog__surface {
            box-shadow: unset !important;
            height: auto !important;
        }
        #sidebar-menu ul li ul.sub-menu li a {
            padding: 0.4rem 1.5rem 0.4rem 2.5rem !important;
            }
            #sidebar-menu ul li a {
               transition: none !important;
                }
            .sidebar-enable #sidebar-menu ul li ul.sub-menu li a {
                padding: 8px 20px !important;
            }
            #sidebar-menu ul li ul.sub-menu li a.waves-effect.active {
                background: #2d57ff;
            }
            #sidebar-menu ul li a.waves-effect.active{
                background: #2d57ff;
            }
            .sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu li a.waves-effect.active {
                background: #2d57ff;
            } 

            .error-text{
                color: red;
            }
            .validation_err{
                border: 1px solid #dbd6d6;
               padding: 10px;
            }
            .no-records-found{
                border: 1px solid #d5d5d5;
    padding: 12px;
    font-size: 16px;
    color: red;
    margin-top: 12px!important;
            }
            .bnf_random_code{
                position: absolute;
                top: 29px;
                padding: 7px 13px !important;
            }
            .project_nm{
                padding-left: initial;
    list-style-type: none;
            }
            .project_nm li i{
                position: relative;
                top: 3px;
            }
            .project_select{
                padding: 20px 0px 20px 20px;
            }
            .project_select select {
                padding: .20rem 1rem;
                font-size: 1.1rem;
                font-weight: 500;
                line-height: 1.5;
                color: #5e6278;
                background-color: #fff;
                background-clip: padding-box;
                border: 1px solid #e4e6ef;
                -webkit-appearance: none;
                appearance: none;
                border-radius: .475rem;
                box-shadow: inset 0 1px 2px #00000014;
                transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            }
            .project_select select{
                font-size: 15px;
            }

            mat-horizontal-stepper .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
                display: flex;
                height: 60px !important;
                overflow: hidden;
                align-items: center;
                padding: 0 24px;
            }
            mat-horizontal-stepper .mat-horizontal-stepper-wrapper .mat-horizontal-stepper-header-container {
                white-space: nowrap;
                display: flex;
                align-items: center;
                background-color: #dde2fa !important;
            }
            
            mat-horizontal-stepper .mat-step-icon {
                border-radius: 50%;
                height: 24px;
                width: 24px;
                flex-shrink: 0;
                position: relative;
                background-color: black !important;
                color: #fff !important;
            }
            mat-horizontal-stepper .mat-step-icon.mat-step-icon-state-number.mat-step-icon-selected {
                background-color: #556ee6 !important;
            }
            .mat-horizontal-content-container {
                overflow: hidden;
                padding: 0 24px 24px 24px;
                margin-top: 40px;
            }
            .mat-stepper-horizontal-line{border-color: #a1a5b4; position: relative;}
            .mat-horizontal-content-container .button_align{
                text-align: right;
                
                border-top: 1px solid #eff2f7;
                padding-top: 20px;
            }
            .mat-horizontal-content-container .ng-star-inserted .mat-mdc-button{
                background-color: #556ee6;
    border-radius: 4px;
    padding: 8px 15px;
    color: #fff;
             }
             .mat-horizontal-content-container .ng-star-inserted .mat-stepper-previous{
                background-color: #556ee6;
    border-radius: 4px;
    padding: 8px 15px;
    color: #fff;
    margin-right: 10px;
             }
             .mat-step-text-label {
                text-overflow: ellipsis;
                overflow: hidden;
                font-weight: 500;
            }
            .clear_report{ 
            position: absolute;
            left: 0;
            }

/* App Css */
.sidebar-enable .footer {
    left: 70px;
}
@media (max-width:991.98px) {
    .sidebar-enable .footer {
    left: 0;
}}

.sidebar-enable .main-content {
    margin-left: 70px;
}
.sidebar-enable .navbar-brand-box {
    width: 70px!important;
}
.sidebar-enable .logo span.logo-lg {
    display: none;
}
.sidebar-enable .logo span.logo-sm {
    display: block;
}
.sidebar-enable .vertical-menu {
    position: absolute;
    width: 70px!important;
    z-index: 5;
}
.sidebar-enable .vertical-menu .simplebar-content-wrapper, .sidebar-enable .vertical-menu .simplebar-mask {
    overflow: visible!important;
}
.sidebar-enable .vertical-menu .simplebar-scrollbar {
    display: none!important;
}
.sidebar-enable .vertical-menu .simplebar-offset {
    bottom: 0!important;
}
.sidebar-enable .vertical-menu #sidebar-menu .badge, .sidebar-enable .vertical-menu #sidebar-menu .collapse.in, .vertical-collpsed .vertical-menu #sidebar-menu .menu-title {
    display: none!important;
}
.sidebar-enable .vertical-menu #sidebar-menu .nav.collapse {
    height: inherit!important;
}
.sidebar-enable .vertical-menu #sidebar-menu .has-arrow:after {
    display: none;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li {
    position: relative;
    white-space: nowrap;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li a {
    padding: 15px 20px;
    min-height: 25px;
    -webkit-transition: none;
    transition: none;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li a:active, .vertical-collpsed .vertical-menu #sidebar-menu ul li a:focus, .vertical-collpsed .vertical-menu #sidebar-menu ul li a:hover {
    color: #383c40;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li a i {
    font-size: 1.45rem;
    margin-left: 4px;
}
 
.sidebar-enable .vertical-menu #sidebar-menu ul li a span {
 
    padding-left: 25px;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover>a {
    position: relative;
    width: calc(250px + 70px);
    color: #556ee6;
    background-color: #f5f5f5;
    -webkit-transition: none;
    transition: none;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover>a i {
    color: #556ee6;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover>a span {
    display: inline;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover>ul {
    display: block;
    left: 70px;
    position: absolute;
    width: 250px;
    height: auto!important;
    -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
    box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover ul ul {
    -webkit-box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
    box-shadow: 3px 5px 10px 0 rgba(54, 61, 71, .1);
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover ul a {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 20px;
    position: relative;
    width: 250px;
    z-index: 6;
    color: #545a6d;
}
.sidebar-enable .vertical-menu #sidebar-menu ul li:hover ul a:hover {
    color: #383c40;
}
.sidebar-enable .vertical-menu #sidebar-menu ul ul {
    padding: 5px 0;
    z-index: 9999;
    display: none;
    background-color: #fff;
}
.sidebar-enable .vertical-menu #sidebar-menu ul ul li:hover ul {
    display: block;
    left: 190px;
    height: auto!important;
    margin-top: -36px;
    position: absolute;
    width: 190px;
}
.sidebar-enable .vertical-menu #sidebar-menu ul ul li a span.pull-right {
    position: absolute;
    right: 20px;
    top: 12px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sidebar-enable .vertical-menu #sidebar-menu ul ul li.active a {
    color: #f8f9fa;
}


body[data-sidebar=dark].sidebar-enable {
    min-height: 1760px;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul li:hover a {
    background: #2e3548;
    color: #fff;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul li:hover a i {
    color: #fff;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul li:hover ul a {
    color: #79829c;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul li:hover ul a:hover {
    color: #fff;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul ul {
    background-color: #2a3042;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #fff!important;
}
body[data-sidebar=dark].sidebar-enable .vertical-menu #sidebar-menu ul li.mm-active .active i {
    color: #fff!important;
}

body[data-sidebar-size=small].sidebar-enable .main-content {
    margin-left: 70px;
}
body[data-sidebar-size=small].sidebar-enable .vertical-menu #sidebar-menu {
    text-align: left;
}
body[data-sidebar-size=small].sidebar-enable .vertical-menu #sidebar-menu ul li a i {
    display: inline-block;
}
body[data-sidebar-size=small].sidebar-enable .footer {
    left: 70px;
}

body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li:hover a {
    background-color: #5e76e7;
    color: #fff;
}
body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li:hover a i {
    color: #fff;
}
body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li.mm-active .active {
    color: #556ee6!important;
}
body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #556ee6;
}
body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active {
    color: #556ee6!important;
}
body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active a {
    color: #556ee6!important;
}
body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu li.mm-active a i {
    color: #556ee6!important;
}
.campaign_form{
    width: 50% !important;
}
.mat-button-toggle-group-appearance-standard {
    border-radius: 24px !important;
    height: 32px;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 30px !important;
}
.mat-button-toggle-checked {
    background-color: #2d57ff !important;
    color: #fff !important;
    color: rgba(0, 0, 0, .54);
}
.report_space{
    width: 140px !important;
}
.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 100001 !important;
}
.red{
    color: red;
}
.green{
    color: green;
}
.modal-open .cdk-overlay-container{
    z-index: 10000000;
}
.positive {
    color: green;
    }
    
    .negative {
    color: red;
    }

    .calender_icon::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background: url(https://boneify-app.s3.ap-south-1.amazonaws.com/project-20/images/1719909594GFX-MWA-Parks-Reservations.png) no-repeat;
        width: 15px;
        height: 15px;
        border-width: thin;
    }
 
    .bnf_img_profile{
      border: none;
    }
    .clip_image{
        border-radius: 5px;
    border: 1px solid #d5daeb;
    padding: 0px 6px;
    }

     

.metismenu li .sub-menu-one li {
    background-color: #1D2539 !important;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    }
    .metismenu li.mm-active .sub-menu-one li {
    background-color: #1D2539 !important;
    border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
     
    #sidebar-menu ul li ul.sub-menu-one li a:hover {
        color: #FF6E3B !important;
    }
    #sidebar-menu ul li.mm-active ul.sub-menu-one li {
        color: #FF6E3B !important;
    }

    #sidebar-menu ul li ul.sub-menu-one li a {
        padding: 0.4rem 1.5rem 0.4rem 2.5rem !important;
        }
        .sidebar-enable #sidebar-menu ul li ul.sub-menu-one li a {
            padding: 8px 20px !important;
        }
        #sidebar-menu ul li ul.sub-menu-one li a.waves-effect.active {
            background: #2d57ff;
        }
        .sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-one li a.waves-effect.active {
            background: #2d57ff;
        } 
        body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-one li a:hover {
            color: #556ee6;
        }
        body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-one li.mm-active {
            color: #556ee6!important;
        }
        body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-one li.mm-active a {
            color: #556ee6!important;
        }
        body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-one li.mm-active a i {
            color: #556ee6!important;
        }
 
li ul.sub-menu-one li a.waves-effect :hover {
    color: #FF6E3B !important;
}
ul.sub-menu-one {
    padding: 0;
}
.user_profile .nav-pills .nav-item {
    margin: 0px 10px 0px 10px !important;
}

.user_profile .nav-pills .nav-item a{
    padding: 0.5rem 0.5rem !important;
}
.profile_title:before {
    content: "";
    position: absolute;
    display: block;
    width: 160px;
    height: 1px;
    background: color-mix(in srgb, #444444, transparent 60%);
    left: 0;
    right: 0;
    top: 50px;
    margin: auto;
}
.profile_title::after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 3px;
    background: #2d57ff;
    left: 0;
    right: 0;
    margin: auto;
    top: 49px;
}
.avatar-md {
    height: 3.3rem !important;
    width: 3.2rem !important;
    }
    .dash_button{
    padding: 2px 10px !important;
    }
    .font-size-26{
    font-size: 26px;
    }
    .text-col {
    --bs-text-opacity: 1;
    color: rgb(85 110 230) !important;
    }
    .metismenu li .sub-menu-two li {
        background-color: #1D2539 !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        }
        .metismenu li.mm-active .sub-menu-two li {
        background-color: #1D2539 !important;
        border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }
         
        #sidebar-menu ul li ul.sub-menu-two li a:hover {
            color: #FF6E3B !important;
        }
        #sidebar-menu ul li.mm-active ul.sub-menu-two li {
            color: #FF6E3B !important;
        }
    
        #sidebar-menu ul li ul.sub-menu-two li a {
            padding: 0.4rem 1.5rem 0.4rem 2.5rem !important;
            }
            .sidebar-enable #sidebar-menu ul li ul.sub-menu-two li a {
                padding: 8px 20px !important;
            }
            #sidebar-menu ul li ul.sub-menu-two li a.waves-effect.active {
                background: #2d57ff;
            }
            .sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-two li a.waves-effect.active {
                background: #2d57ff;
            } 
            body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-two li a:hover {
                color: #556ee6;
            }
            body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-two li.mm-active {
                color: #556ee6!important;
            }
            body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-two li.mm-active a {
                color: #556ee6!important;
            }
            body[data-sidebar=colored].sidebar-enable .vertical-menu #sidebar-menu ul li ul.sub-menu-two li.mm-active a i {
                color: #556ee6!important;
            }
     
    li ul.sub-menu-two li a.waves-effect :hover {
        color: #FF6E3B !important;
    }
    ul.sub-menu-two {
        padding: 0;
    }
    .bg_register{
        background-color: rgb(90 117 227) !important;
    }
    .register_main{
        padding: 10px 10px 30px 10px;
        text-align: center !important;
    }
    .register_main h1{
    color: #fff;
    font-size: 28px;
    font-weight: 500;
    }
    .register_main .text_col{
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        }
        .img_pad{
            background-color: #1b1f1d !important;
        }
        .img_pad img{
            padding: 4px !important;
        }
        .link_text{
            color: #000 !important;
        }
        .verify_msg{
            padding: 0;
            color: #242424;
            text-align: center;
            font-family: Noto Sans;
            font-size: 31.25px;
            font-style: normal;
            font-weight: 600;
            line-height: 37.5px;
            text-transform: uppercase;
        }
        .verify_msg_p{
            padding: 0;
            color: #242424;
            text-align: center;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
        }
        .verify_btn{
            border-radius: 56px;
            background: #2D57FF;
            box-shadow: 0px 27px 25px -6px rgba(45, 87, 255, 0.15);
            padding: 9px 24px;
            border: none;
        }
        .verify_btn span{
            color: #FFF;
            text-align: center;
           
        }

        .input-group-text {
            cursor: pointer;
          }
          
          .input-group .form-control {
            border-radius: 0;
          }
          
          .input-group .input-group-text {
            border-radius: 0;
            background: #e9ecef;
          }
          /* .bs-datepicker */
        .bs-datepicker {
            display: flex;
            align-items: stretch;
            flex-flow: row wrap;
            background: #fff;
            box-shadow: 0 0 10px 0 #aaa;
            position: relative;
            z-index: 1;
            /* button */
            /* .bs-datepicker-head */
            /* .bs-datepicker-body */
            /* .current-timedate */
            /* .bs-datepicker-multiple */
            /* .bs-datepicker-btns */
            /*.bs-datepicker-custom-range */
            /* .bs-datepicker-predefined-btns */
            /* .bs-datepicker-buttons */
          }
          .bs-datepicker:after {
            clear: both;
            content: "";
            display: block;
          }
          .bs-datepicker bs-day-picker {
            float: left;
          }
          .bs-datepicker button:hover,
          .bs-datepicker button:focus,
          .bs-datepicker button:active,
          .bs-datepicker input:hover,
          .bs-datepicker input:focus,
          .bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus {
            outline: none;
          }
          .bs-datepicker-head {
            min-width: 270px;
            height: 50px;
            padding: 10px;
            border-radius: 3px 3px 0 0;
            text-align: justify;
            /* .bs-datepicker-head button */
          }
          .bs-datepicker-head:after {
            content: "";
            display: inline-block;
            vertical-align: top;
            width: 100%;
          }
          .bs-datepicker-head button {
            display: inline-block;
            vertical-align: top;
            padding: 0;
            height: 30px;
            line-height: 30px;
            border: 0;
            background: transparent;
            text-align: center;
            cursor: pointer;
            color: #fff;
            transition: 0.3s;
          }
          .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active {
            background: rgba(221, 221, 221, 0.3);
            color: #f5f5f5;
            cursor: not-allowed;
          }
          .bs-datepicker-head button.previous span {
            transform: translate(-1px, -1px);
          }
          .bs-datepicker-head button.next span {
            transform: translate(1px, -1px);
          }
          .bs-datepicker-head button.next, .bs-datepicker-head button.previous {
            border-radius: 50%;
            width: 30px;
            height: 30px;
          }
          .bs-datepicker-head button.next span, .bs-datepicker-head button.previous span {
            font-size: 28px;
            line-height: 1;
            display: inline-block;
            position: relative;
            height: 100%;
            width: 100%;
            border-radius: 50%;
          }
          .bs-datepicker-head button.current {
            border-radius: 15px;
            max-width: 155px;
            padding: 0 13px;
          }
          .bs-datepicker-head button:hover {
            background-color: rgba(0, 0, 0, 0.1);
          }
          .bs-datepicker-head button:active {
            background-color: rgba(0, 0, 0, 0.2);
          }
          .bs-datepicker-body {
            padding: 10px;
            border-radius: 0 0 3px 3px;
            min-height: 232px;
            min-width: 278px;
            border: 1px solid #e9edf0;
            /* .bs-datepicker-body table */
          }
          .bs-datepicker-body .days.weeks {
            position: relative;
            z-index: 1;
          }
          .bs-datepicker-body table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            /* .bs-datepicker-body table.days */
            /* .bs-datepicker-body table.weeks */
          }
          .bs-datepicker-body table th {
            font-size: 13px;
            color: #9aaec1;
            font-weight: 400;
            text-align: center;
          }
          .bs-datepicker-body table td {
            color: #54708b;
            text-align: center;
            position: relative;
            padding: 0;
            /* todo: check first :not(.disabled) usage */
          }
          .bs-datepicker-body table td span {
            display: block;
            margin: 0 auto;
            font-size: 13px;
            border-radius: 50%;
           
          }
          .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
            cursor: pointer;
          }
          .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
          .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
            background-color: #e9edf0;
            transition: 0s;
          }
          .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
          .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
            background-color: #e9edf0;
            transition: 0s;
            cursor: pointer;
          }
          .bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span {
            color: #9aaec1;
          }
          .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span {
            color: #fff;
          }
          .bs-datepicker-body table td span.selected.disabled, .bs-datepicker-body table td.selected.disabled span {
            opacity: 0.3;
          }
          .bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span {
            color: rgba(0, 0, 0, 0.25);
          }
          .bs-datepicker-body table td.active {
            position: relative;
          }
          .bs-datepicker-body table td.active.select-start:before {
            left: 35%;
          }
          .bs-datepicker-body table td.active.select-end:before {
            left: -85%;
          }
          .bs-datepicker-body table td span.active.select-start:after,
          .bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            width: 100%;
            height: 100%;
            transition: 0.3s;
            top: 0;
            border-radius: 50%;
          }
          .bs-datepicker-body table td:before,
          .bs-datepicker-body table td span:before {
            content: "";
            display: block;
            position: absolute;
            z-index: -1;
            top: 6px;
            bottom: 6px;
            left: -3px;
            right: -2px;
            box-sizing: content-box;
            background: transparent;
          }
          .bs-datepicker-body table td.active.select-start + td.active:before {
            left: -20%;
          }
          .bs-datepicker-body table td:last-child.active:before {
            border-radius: 0 3px 3px 0;
            width: 125%;
            left: -25%;
          }
          .bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span {
            border-radius: 50%;
            color: #fff;
          }
          .bs-datepicker-body table.days td.active:not(.select-start):not(.disabled):before, .bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before,
          .bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before,
          .bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):before {
            background: #e9edf0;
          }
          .bs-datepicker-body table.days span {
            width: 32px;
            height: 32px;
            line-height: 32px;
          }
          .bs-datepicker-body table.days span.select-start {
            z-index: 2;
          }
          .bs-datepicker-body table.days span.is-highlighted.in-range:before {
            right: 3px;
            left: 0;
          }
          .bs-datepicker-body table.days span.in-range.select-end:before {
            right: 4px;
            left: 0;
          }
          .bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before {
            background: #e9edf0;
            width: 100%;
          }
          .bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
            border-radius: 3px 0 0 3px;
            left: 0;
            width: 100%;
          }
          .bs-datepicker-body table:not(.weeks) tr td:first-child:before {
            border-radius: 3px 0 0 3px;
          }
          .bs-datepicker-body table.years td span {
            width: 46px;
            height: 46px;
            line-height: 45px;
            margin: 0 auto;
          }
          .bs-datepicker-body table.years tr:not(:last-child) td span {
            margin-bottom: 8px;
          }
          .bs-datepicker-body table.months td {
            height: 52px;
          }
          .bs-datepicker-body table.months td span {
            padding: 6px;
            border-radius: 15px;
          }
          .bs-datepicker .current-timedate {
            color: #54708b;
            font-size: 15px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            border-radius: 20px;
            border: 1px solid #e9edf0;
            margin-bottom: 10px;
            cursor: pointer;
            text-transform: uppercase;
           
          }
          .bs-datepicker .current-timedate span:not(:empty):before {
            content: "";
            width: 15px;
            height: 16px;
            display: inline-block;
            margin-right: 4px;
            vertical-align: text-bottom;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
          }
          .bs-datepicker-multiple {
            border-radius: 4px 0 0 4px;
          }
          .bs-datepicker-multiple + .bs-datepicker-multiple {
            margin-left: 10px;
          }
          .bs-datepicker-multiple .bs-datepicker {
            box-shadow: none;
            position: relative;
          }
          .bs-datepicker-multiple .bs-datepicker:not(:last-child) {
            padding-right: 10px;
          }
          .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
            content: "";
            display: block;
            width: 14px;
            height: 10px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
            position: absolute;
            top: 25px;
            left: -8px;
          }
          .bs-datepicker-multiple .bs-datepicker .left {
            float: left;
          }
          .bs-datepicker-multiple .bs-datepicker .right {
            float: right;
          }
          .bs-datepicker-container {
            padding: 15px;
          }
          .bs-datepicker .bs-media-container {
            display: flex;
          }
          @media (max-width: 768px) {
            .bs-datepicker .bs-media-container {
              flex-direction: column;
            }
          }
          .bs-datepicker .bs-timepicker-in-datepicker-container {
            display: flex;
            justify-content: space-around;
          }
          .bs-datepicker-custom-range {
            padding: 15px;
            background: #eee;
          }
          .bs-datepicker-predefined-btns button {
            width: 100%;
            display: block;
            height: 30px;
            background-color: #9aaec1;
            border-radius: 4px;
            color: #fff;
            border: 0;
            margin-bottom: 10px;
            padding: 0 18px;
            text-align: left;
            transition: 0.3s;
          }
          .bs-datepicker-predefined-btns button:hover {
            background-color: #54708b;
          }
          .bs-datepicker-buttons {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-end;
            padding-top: 10px;
            border-top: 1px solid #e9edf0;
          }
          .bs-datepicker-buttons .btn-default {
            margin-left: 10px;
          }
          .bs-datepicker-buttons .btn-today-wrapper {
            display: flex;
            flex-flow: row wrap;
          }
          .bs-datepicker-buttons .clear-right,
          .bs-datepicker-buttons .today-right {
            flex-grow: 0;
          }
          .bs-datepicker-buttons .clear-left,
          .bs-datepicker-buttons .today-left {
            flex-grow: 1;
          }
          .bs-datepicker-buttons .clear-center,
          .bs-datepicker-buttons .today-center {
            flex-grow: 0.5;
          }
          
          /* .bs-timepicker */
          .bs-timepicker-container {
            padding: 10px 0;
          }
          .bs-timepicker-label {
            color: #54708b;
            margin-bottom: 10px;
          }
          .bs-timepicker-controls {
            display: inline-block;
            vertical-align: top;
            margin-right: 10px;
          }
          .bs-timepicker-controls button {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 0;
            background-color: #e9edf0;
            color: #54708b;
            font-size: 16px;
            font-weight: 700;
            vertical-align: middle;
            line-height: 0;
            padding: 0;
            transition: 0.3s;
          }
          .bs-timepicker-controls button:hover {
            background-color: #d5dadd;
          }
          .bs-timepicker-controls input {
            width: 35px;
            height: 25px;
            border-radius: 13px;
            text-align: center;
            border: 1px solid #e9edf0;
          }
          .bs-timepicker .switch-time-format {
            text-transform: uppercase;
            min-width: 54px;
            height: 25px;
            border-radius: 20px;
            border: 1px solid #e9edf0;
            background: #fff;
            color: #54708b;
            font-size: 13px;
          }
          .bs-timepicker .switch-time-format img {
            vertical-align: initial;
            margin-left: 4px;
          }
          
          bs-datepicker-container,
          bs-daterangepicker-container {
            z-index: 1080;
          }
          
          /* screen size < 1024px */
          @media (max-width: 768px) {
            .bs-datepicker {
              width: min-content;
              justify-content: center;
            }
            .bs-datepicker-multiple {
              display: flex;
            }
            .bs-datepicker-multiple + .bs-datepicker-multiple {
              margin-top: 10px;
              margin-left: 0;
            }
          }
          /* theming */
          .theme-default .bs-datepicker-head {
            background-color: #777;
          }
          .theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success {
            background-color: #777;
            border-color: #777;
          }
          .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: none;
          }
          .theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus {
            box-shadow: none;
          }
          .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
            background-color: #616161;
            border-color: #616161;
          }
          .theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover {
            background-color: #6F6E6E;
            border-color: #6F6E6E;
          }
          .theme-default .bs-datepicker-predefined-btns button.selected {
            background-color: #777;
          }
          .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span,
          .theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after {
            background-color: #777;
          }
          .theme-default .bs-datepicker-body table td.week span {
            color: #777;
          }
          .theme-default .bs-datepicker-body table td.active-week span:hover {
            cursor: pointer;
            background-color: #777;
            color: #fff;
            opacity: 0.5;
            transition: 0s;
          }
          
          .theme-green .bs-datepicker-head {
            background-color: #2d57fe;
          }
          .theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success {
            background-color: #2d57fe;
            border-color: #2d57fe;
          }
          .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: none;
          }
          .theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus {
            box-shadow: none;
          }
          .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
            background-color: #1e7e34;
            border-color: #1e7e34;
          }
          .theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover {
            background-color: #218838;
            border-color: #218838;
          }
          .theme-green .bs-datepicker-predefined-btns button.selected {
            background-color: #2d57fe;
          }
          .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span,
          .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after {
            background-color: #2d57fe;
          }
          .theme-green .bs-datepicker-body table td.week span {
            color: #2d57fe;
          }
          .theme-green .bs-datepicker-body table td.active-week span:hover {
            cursor: pointer;
            background-color: #2d57fe;
            color: #fff;
            opacity: 0.5;
            transition: 0s;
          }
          
          .theme-blue .bs-datepicker-head {
            background-color: #5bc0de;
          }
          .theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success {
            background-color: #5bc0de;
            border-color: #5bc0de;
          }
          .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: none;
          }
          .theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus {
            box-shadow: none;
          }
          .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
            background-color: #2AA8CD;
            border-color: #2AA8CD;
          }
          .theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover {
            background-color: #3AB3D7;
            border-color: #3AB3D7;
          }
          .theme-blue .bs-datepicker-predefined-btns button.selected {
            background-color: #5bc0de;
          }
          .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span,
          .theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after {
            background-color: #5bc0de;
          }
          .theme-blue .bs-datepicker-body table td.week span {
            color: #5bc0de;
          }
          .theme-blue .bs-datepicker-body table td.active-week span:hover {
            cursor: pointer;
            background-color: #5bc0de;
            color: #fff;
            opacity: 0.5;
            transition: 0s;
          }
          
          .theme-dark-blue .bs-datepicker-head {
            background-color: #337ab7;
          }
          .theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success {
            background-color: #337ab7;
            border-color: #337ab7;
          }
          .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: none;
          }
          .theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus {
            box-shadow: none;
          }
          .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
            background-color: #266498;
            border-color: #266498;
          }
          .theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover {
            background-color: #2C6FA9;
            border-color: #2C6FA9;
          }
          .theme-dark-blue .bs-datepicker-predefined-btns button.selected {
            background-color: #337ab7;
          }
          .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span,
          .theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
            background-color: #337ab7;
          }
          .theme-dark-blue .bs-datepicker-body table td.week span {
            color: #337ab7;
          }
          .theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
            cursor: pointer;
            background-color: #337ab7;
            color: #fff;
            opacity: 0.5;
            transition: 0s;
          }
          
          .theme-red .bs-datepicker-head {
            background-color: #d9534f;
          }
          .theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success {
            background-color: #d9534f;
            border-color: #d9534f;
          }
          .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: none;
          }
          .theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus {
            box-shadow: none;
          }
          .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
            background-color: #D23531;
            border-color: #D23531;
          }
          .theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover {
            background-color: #E33732;
            border-color: #E33732;
          }
          .theme-red .bs-datepicker-predefined-btns button.selected {
            background-color: #d9534f;
          }
          .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span,
          .theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after {
            background-color: #d9534f;
          }
          .theme-red .bs-datepicker-body table td.week span {
            color: #d9534f;
          }
          .theme-red .bs-datepicker-body table td.active-week span:hover {
            cursor: pointer;
            background-color: #d9534f;
            color: #fff;
            opacity: 0.5;
            transition: 0s;
          }
          
          .theme-orange .bs-datepicker-head {
            background-color: #f0ad4e;
          }
          .theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success {
            background-color: #f0ad4e;
            border-color: #f0ad4e;
          }
          .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
            box-shadow: none;
          }
          .theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus {
            box-shadow: none;
          }
          .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
            background-color: #ED9C29;
            border-color: #ED9C29;
          }
          .theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover {
            background-color: #FFAC35;
            border-color: #FFAC35;
          }
          .theme-orange .bs-datepicker-predefined-btns button.selected {
            background-color: #f0ad4e;
          }
          .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span,
          .theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after {
            background-color: #f0ad4e;
          }
          .theme-orange .bs-datepicker-body table td.week span {
            color: #f0ad4e;
          }
          .theme-orange .bs-datepicker-body table td.active-week span:hover {
            cursor: pointer;
            background-color: #f0ad4e;
            color: #fff;
            opacity: 0.5;
            transition: 0s;
          }
          .days.weeks thead tr th:nth-child(1) {
            display: none;
          }
          .week.ng-star-inserted{
            display: none;
          }
          /*# sourceMappingURL=bs-datepicker.css.map */

          .table-container-bnf {
            position: relative;
        }
        
        .table-container-bnf .loader-back {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }
        
        .table-container-bnf .loader {
            width: 130px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            filter: drop-shadow(1px 1px 20px rgb(3, 196, 255));
        }
        
        .table-container-bnf .infinity-loader {
            width: 130px;
            height: 70px;
        }
        
       .table-container-bnf .infinity-loader .bg div, 
        .table-container-bnf .infinity-loader .fg > div > div {
            width: 70px;
            height: 70px;
            border: 10px solid white;
            box-sizing: border-box;
            border-radius: 50%;
            position: absolute;
        }
        
        .table-container-bnf .infinity-loader .bg .right-bg {
            transform: translateX(100%);
            left: -10px;
        }
        
        .table-container-bnf .infinity-loader .fg > div > div {
            border-color: #2D57FF #2D57FF transparent transparent;
            transform: rotate(135deg);
            animation: spin 1s linear infinite;
            position: static;
        }
        
        .table-container-bnf .infinity-loader .fg div {
            clip: rect(0, 70px, 35px, 0);
            position: absolute;
        }
        
        .table-container-bnf .infinity-loader .fg .bottom-right-rect {
            left: -10px;
            transform: translate(100%) scale(1, -1);
        }
        
        .table-container-bnf .infinity-loader .fg .bottom-right-rect div {
            animation-delay: .25s;
        }
        
        .table-container-bnf .infinity-loader .fg .top-right-rect {
            left: -10px;
            transform: translate(100%) scale(-1, 1);
        }
        
        .table-container-bnf .infinity-loader .fg .top-right-rect div {
            animation-delay: .5s;
        }
        
        .table-container-bnf .infinity-loader .fg .bottom-left-rect {
            transform: scale(-1);
        }
        
        .table-container-bnf .infinity-loader .fg .bottom-left-rect div {
            animation-delay: .75s;
        }
        
        .table-container-bnf .infinity-loader .fg {
            filter: drop-shadow(0 0 5px black);
        }
        
        @keyframes spin {
            50%, 100% { 
                transform: rotate(495deg);
            }
        }
 
         
      
      input[type="datetime-local"]::-webkit-calendar-picker-indicator {
          background: transparent;
          bottom: 0;
          color: transparent;
          cursor: pointer;
          height: auto;
          left: 0;
          position: absolute;
          right: 0;
          top: 0;
          width: auto;
      }
      input[type="date"]::-webkit-calendar-picker-indicator {
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }