/** Global */
body{
    background-color: #F5F8FA !important;
}
#kt_app_header{
    background-color: #1A2B4B !important;
}
#kt_app_sidebar{
    background-color: transparent !important;
}
#kt_app_sidebar_logo{
    background-color: #1A2B4B !important;
}
.app-sidebar-menu{
    background-color: white !important;
    border-radius: 0.625rem !important;
}

.app-sidebar .menu .menu-item .menu-title{
    color: #3f4254 !important; /*default #9d9da6*/
}
.app-sidebar .menu .menu-item .menu-arrow::after{
    background-color: #80808e !important;
}
.app-sidebar .menu .menu-item .menu-link:hover .menu-title, .app-sidebar .menu .menu-item .menu-link:hover .menu-icon i{
    color:  #009ef7 !important; /*default var(--kt-primary-inverse);*/
}
.app-sidebar .menu .menu-item .menu-link:hover .menu-bullet .bullet-dot{
    background-color:  #009ef7 !important; /*default var(--kt-primary-inverse);*/
}
.app-sidebar .menu .menu-item.show>.menu-link .menu-title, .app-sidebar .menu .menu-item.show>.menu-link .menu-icon i{
    color:  #009ef7 !important; /*default var(--kt-primary-inverse);*/
}
.app-sidebar .menu .menu-item>.menu-link.active{
    background-color: transparent !important;
}
.app-sidebar .menu .menu-item>.menu-link.active .menu-title{
    color:  #009ef7 !important; /*default var(--kt-primary-inverse);*/
}
.app-sidebar .menu .menu-item>.menu-link.active .menu-icon i{
    color:  #009ef7 !important;
}
.app-sidebar .menu .menu-item>.menu-link.active .menu-bullet .bullet-dot{
    background-color: #009ef7 !important;
}
/*aside scroll */

.app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb{
    background-color: #e9edf1 !important;
}
.app-sidebar .hover-scroll-overlay-y::-webkit-scrollbar-thumb{
    background-color: #e9edf1 !important;
}
@media (min-width: 992px){
    .hover-scroll-overlay-y::-webkit-scrollbar {
        width: 25px !important;
    }
}
.app-sidebar-toggle{
    background-color: transparent !important;
}
#kt_wrapper{
    padding-top: 65px !important;
}
.flex-even {
    flex: 1;
}
.container-full-width{
    max-width: 100% !important;
}
.container-full-screen{
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 999 !important;
    border-radius: 0 !important;
}
.table-full-width{
    width: 100% !important;
}
.footer-bg-color{
    background-color: white !important;
}
.header-bg-color, .aside-logo-bg-color{
    background-color: #1A2B4B !important;
}

.toolbar-main-title-color, .toolbar-second-title-color{
    color: white !important;
}

.toolbar-home-title-color{
    color: #A1A5B7 !important;
}


.action-buttons{
    text-align: right !important;
    padding-right: 5px !important;
}

/* Loader */
.lds-ring {
    display: inline-block;
    position: fixed;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    z-index: 9999;
    visibility: hidden;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #1A2B4B;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #1A2B4B transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* export buttons */
.dt-export-btn:hover{
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #F5F8FA !important;
    color: #009EF7;
}

/* ajax modal */
.ajax-modal-body{
    height: 75vh !important;
}

.ajax-modal-scroll{
    max-height: 70vh !important;
}
/* datatable */
div.dataTables_wrapper div.dataTables_processing {
    top: 30%;
    box-shadow: none;
}

.data-table-search{
    padding: 0.4rem 1rem 0.4rem 3.5rem !important;
}

.toggle-col-menu-item{
    border-radius: 0!important;
}

.toggle-col-menu-item:hover{
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #F5F8FA !important;
    color: #009EF7;
}

.toggle-col-item-active{
    background-color: #F5F8FA;
}

.toggle-col-item-inactive{
    background-color: white;
}

/* active row */
.dt-active-row{
    background-color: rgba(245, 248, 250, 0.75);
}

.group-actn-menu-btn:hover{
    transition: color 0.2s ease, background-color 0.2s ease;
    background-color: #F5F8FA !important;
    color: #009EF7;
}

/* modal */
.custom-modal-header{
    padding-top: 1.25rem !important;
    padding-bottom: 0.25rem !important;
}

/* forms */
.custom-form-control{
    border: 1px solid #c2cad8 !important;
    padding: 6px 12px !important;
}

.custom-form-control:focus{
    border-color: #93a1bb !important;
}
.hidden-form-control{
    opacity: 0;
    filter:alpha(opacity=0);
}

.custom-form-check{
    border: 1px solid #c2cad8 !important;
}

.form-section-title {
    padding-bottom: 5px !important;
    border-bottom: 1px solid #e7ecf1 !important;
    margin-bottom: 1.25rem;
}

.fv-label-valid{
    color: #27a4b0;
}
.fv-label-invalid{
    color: #F1416C;
}

.custom-tagify-group-tag{
    background: none !important;
}

.tagify .tagify__tag{
    background-color: transparent !important;
}

.nav-tabs .nav-link.active{
    color: #009EF7 !important;
}


option{
    color: #181C32;
}

/* to hide line checkboxes choice validation message */
.last-line-choice + .fv-plugins-message-container {
    display: none;
}

/* datatable pagination*/
.paginate_input{
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 0.475rem;
    width: 40px;
    text-align: center;
}
.paginate_input:focus{
    border: 1px solid rgba(0, 0, 0, 1);
}
.paginate_input:focus-visible{
    outline: 0 !important;
}

.page-item{
    margin-right: auto !important;
}

/* select2 */
.select2-selection__rendered{
    color: #343a40!important;
}
.select2-container--bootstrap5 .select2-selection__clear{
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") !important;
}

/* Other */
.image-input [data-image-input-remove=remove] {
    position: absolute;
    right: -10px;
    bottom: -5px;
}

.shadow-sm-red{
    box-shadow: 0 0.1rem 1rem 0.25rem rgb(249 7 22 / 20%) !important;
}
.shadow-sm-blue{
    box-shadow: 0 0.1rem 1rem 0.25rem rgb(12 236 221 / 20%) !important;
}
.event-card, #non-assigned-list .card.shadow-sm{
    cursor: pointer;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

/** modal nav tabs */
.nav-link .nav-title{
    color: #A1A5B7;
}

.nav-link.active .nav-title{
    color: #3f4254;
}

/* resize handle between two divs*/
.resizeDrag {
    position: absolute;
    height: 100%;
    width: 0.75rem;
    right: -0.75rem;
    cursor: w-resize;
    z-index: 3;
    user-select: none;
}

/* daterangepicker */
.drp-day-has-data{
    position: relative;
}
.drp-day-has-data::before{
    /* outline: 3px solid rgb(246, 191, 38) !important;
    border-radius: 20px !important; */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 3px solid rgb(246, 191, 38);
}

.dt-image{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* skeleton loader dt */
.skeleton_container {
    background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
  }
  
  @keyframes shine {
    to {
      background-position-x: -200%;
    }
  }

  .dataTables_processing {
    display: none !important;
}
  

/* .modal-nav-tab .nav-item:first-child .nav-link{
    border-top-left-radius: .475rem !important;
    border-bottom-left-radius: .475rem !important;
}

.modal-nav-tab .nav-item:last-child .nav-link{
    border-top-right-radius: .475rem !important;
    border-bottom-right-radius: .475rem !important;
}

.modal-nav-tab .nav-item .nav-link{
    border: 1px solid #c2cad8 !important;
    border-radius: 0 !important;
}

.modal-nav-tab .nav-item .nav-link.active{
    border: 1.5px solid #009ef7 !important;
}

.modal-nav-tab .nav-item .nav-link.active .nav-title{
    color: #009ef7 !important;
} */

/** BADGES **/

.badge {
    display:inline-block;
    padding: 0.325rem 0.5rem;
    font-size: 11.05px;
    font-weight: 600;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius: 0.425rem;
  }
  
  .badge.badge-light {
    background-color: #F5F8FA;
    color: #333;
    border: 1px solid #EAF0F4;
  }
  
  .badge.badge-primary {
    background-color: #009EF7;
    color: #fff;
    border: 1px solid #009EF7;
  }
  
  .badge.badge-info {
    background-color: #BBDEFB;
    color: #fff;
    border: 1px solid #BBDEFB;
  }
  
  .badge.badge-warning {
    background-color: #FFC700;
    color: #fff;
    border: 1px solid #FFC700;
  }
  
  .badge.badge-success {
    background-color: #50CD89;
    color: #fff;
    border: 1px solid #50CD89;
  }
  
  .badge.badge-warning-dark {
    background-color: #FD7E14;
    color: #fff;
    border: 1px solid #FD7E14;
  }
  
  .badge.badge-danger-dark {
    background-color: #842029;
    color: #fff;
    border: 1px solid #842029;
  }
  
  .badge.badge-dark {
    background-color: #6C757D;
    color: #fff;
    border: 1px solid #6C757D;
  }
  
  .badge.badge-danger {
    background-color: #F1416C;
    color: #fff;
    border: 1px solid #F1416C;
  }
  
  .badge.badge-danger-dark {
    background-color: #842029;
    color: #fff;
    border: 1px solid #842029;
  }
  
  .badge.badge-purple {
    background-color: #8C68CD;
    color: #fff;
    border: 1px solid #8C68CD;
  }
  
  .badge.badge-yellow {
    background-color: #FFF3CD;
    color: #333;
    border: 1px solid #FFF3CD;
  }
  
  .badge.badge-yellow-dark {
    background-color: #FFE69C;
    color: #212529;
    border: 1px solid #FFE69C;
  }
  
  .badge.badge-info {
    background-color: #BBDEFB;
    color: #212529;
    border: 1px solid #BBDEFB;
  }
  
  .badge.badge-purple-light {
    background-color: #8C68CD;
    color: #fff;
    border: 1px solid #8C68CD;
  }
  
  .badge.badge-purple {
    background-color: #59359A;
    color: #fff;
    border: 1px solid #59359A;
  }
  
  
  
  .badge.badge-gigas {
    background-color: #59359A;
    color: #fff;
    border: 1px solid #59359A;
  }
  /*
  ** Bagges light
  */
  .badge.badge-light-warning {
    background-color: #FFF8DD;
    color: #FFC700;
    border: 1px solid #FFF8DD;
  }
  
  .badge.badge-light-success {
    background-color: #E8FFF3;
    color: #50CD89;
    border: 1px solid #E8FFF3;
  }
  
  .badge.badge-light-primary {
    background-color: #F1FAFF;
    color: #75CFFF;
    border: 1px solid #F1FAFF;
  }
  
  .badge.badge-light-dark {
    background-color: #F4F5F9;
    color: #ADAFCC;
    border: 1px solid #F4F5F9;
  }
  
  /*
  ** Bagges light bordered
  */
  .badge.badge-light-warning.bordered {
    border: 1px solid #FFC700;
  }
  
  .badge.badge-light-success.bordered {
    border: 1px solid #50CD89;
  }
  
  .badge.badge-light-primary.bordered {
    border: 1px solid #75CFFF;
  }
  
  .badge.badge-light-dark.bordered {
    border: 1px solid #C5C8DC;
  }