/*style for darkMode*/
.switch-theme-mode {
    z-index: 999999;
    margin-bottom: 0;
}

.switch {
    width: 24px;
    height: 24px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    height: 20px;
    width: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
   
}

input:checked + .slider:before {
    transform: rotate(360deg);
    background-image:url(../images/svg/icons8-sun.svg) ;
    background-position: center;
    background-repeat: no-repeat;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 0;
    bottom: 0;
    top: 0;
    margin: 0 auto;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    background-image:url(../images/svg/moon1.svg) ;
    background-repeat:no-repeat;
    background-position: center;
}
@media screen  and (max-width:991px){
    .slider:before{
        border-radius: 6px;
        background-color: grey;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
   
}

.carousel-caption {
    position: absolute;
    left: 15%;
    bottom: 50%;
    right: 10%;
    text-align: right;
    top: 25%;
    width: 500px;
    padding: 1.25rem;
}

.zp-dark:has(.bg-transparent), .zp-dark {
    background-color: #242424 !important;
    color: white !important;
}

.zp-dark .text-muted{
    color:#ADB5BDBF!important;
}
    .zp-dark .text-light-emphasis {
        color: white !important;
    }

    .zp-dark .card:not(.bg-transparent) {
        background-color: #383838 !important;
    }

    .zp-dark .bg-white {
        background-color: #383838 !important;
    }

    .zp-dark .card-body {
        color: white;
    }

    .zp-dark * {
        color: #ffffff;
    }

    .zp-dark .zp-Report .nav-pills .nav-link,
    .zp-dark .text-dark {
        color: white !important;
        /*background-color:#383838;*/
    }

    .zp-dark .bg-white {
        background-color: #383838 !important;
    }

  

    .zp-dark .zp-presence-absence .nav-pills .nav-link {
        background-color: #383838 !important;
    }
    .zp-dark .zp-presence-absence .nav-pills .nav-link .zp-text,
    .zp-dark .zp-presence-absence .nav-pills .nav-link .zp-text small {
        color: #ADB5BDBF !important;
    }
    
    .zp-dark .zp-presence-absence .nav-pills .nav-link.active {
        background-color:var(--zp-MainColor)!important;

    }
    .zp-dark .zp-presence-absence .nav-pills .nav-link.active .zp-text,
    .zp-dark .zp-presence-absence .nav-pills .nav-link.active .zp-text small {
        color: #ffffff!important;
    }

    .zp-dark .form-control, .zp-dark .list-group {
        background-color: transparent !important;
    }
   
    .zp-dark .zp-sidebarMenu .zp-subMenu .dropdown-item a.nav-link, .zp-dark .zp-sidebarMenu .zp-subMenu .dropdown-item a.nav-link:hover {
        color: #ffffff;
    }

    .zp-dark .zp-box-Report,
    .zp-dark .zp-dashboard .zp-circle {
        background-color: #444343 !important;
    }
    
    /*.zp-dark .zp-sidebarMenu .nav-bar .nav-item > .nav-link.active,*/
    /*.zp-dark .zp-sidebarMenu .nav-bar .nav-item > .nav-link:hover {*/
    /*    background: #242424 !important;*/
    /*}*/
.zp-dark .zp-sidebarMenu .zp-subMenu .dropdown-item a.nav-link.active{
   color: #252525;
}

    .zp-dark .zp-sidebarMobile .zp-sidebarMenu .nav-bar .nav-item > .nav-link {
        background-color: #444343;
    }

    .zp-dark .zp-sidebarMobile .zp-sidebarMenu .nav-bar ul.list-collapse a {
        color: white;
    }

    .zp-dark .list-group {
        /*--bs-list-group-bg:#383838 !important;*/
        --bs-list-group-bg: transparent !important;
    }

    .zp-dark .form-select,
    .zp-dark .zp-sidebarMenu .zp-subMenu .dropdown-item:hover {
        background-color: transparent !important;
    }

    .zp-dark .card-header {
        border-bottom-color: #ffffff !important;
    }

    .zp-dark .card-footer {
        border-top-color: #ffffff !important;
        background-color: transparent !important;
    }

    .zp-dark .zp-subMenu {
        background-color: #444343 !important;
    }

    .zp-dark .zp-verticalScrollTable thead,
    .zp-dark .zp-table thead.bg-light-subtle,
    .zp-dark .zp-table thead.bg-light {
        background-color: #8f8d8d !important;
    }
    
    
    

    .zp-dark .pagination {
        --bs-pagination-bg: #383838 !important;
        color: white !important;
        /*background-color: #383838 !important ;*/
    }

    .zp-dark .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
        /*color: red !important;*/
    }

    .zp-dark .text-success {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important;
    }

        .zp-dark .text-success svg {
            fill: rgb(25,135,84);
            opacity: 0.8;
        }

    .zp-dark .text-primary svg, .zp-dark .alert-primary svg {
        fill: rgb(13,110,253);
        opacity: 0.8;
    }

    .zp-dark .text-danger svg, .zp-dark .alert-danger svg {
        fill: rgb(220,53,69);
        opacity: 0.8;
    }

    .zp-dark .text-warning svg, .zp-dark .alert-warning svg {
        fill: rgb(255,193,7);
        opacity: 0.8;
    }

    .zp-dark .text-secondary svg {
        fill: rgb(108,117,125);
        opacity: 0.8;
    }

    .zp-dark .border-dark {
        border-color: white;
        --bs-dark-rgb: #ffff;
    }

    .zp-dark .card-header-tabs .nav-link.active {
        background-color: #383838 !important;
        border-bottom-color: #383838 !important;
    }

    .zp-dark .card.zp-calender {
        background-color: #444343 !important;
    }

    .zp-dark .shadow-sm {
        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
    }

    .zp-dark .zp-week-day-number:hover {
        color: black;
    }

    .zp-dark .modal-content, .zp-dark .modal-content .bg-white, .zp-dark .modal-content .form-control {
        background-color: #383838 !important;
    }

    .zp-dark .table-striped > tbody > tr > *, .zp-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
        color: #ffffff;
    }

    .zp-dark .nav-tabs .nav-link {
        color: #ffffff;
    }

    .zp-dark .dropdown-menu.card-header-tabs .nav-link.active, .zp-dark .dropdown-menu.card-header-tabs .nav-link:hover {
        background-color: #ffffff !important;
        border-bottom-color: #ffffff !important;
        color: var(--zp-MainColor);
    }

    .zp-dark .form-control:focus {
        color: #ffffff;
    }

    .zp-dark .input-group-text {
        /*background-color: transparent;*/
        background-color: #444343 !important;
    }

        .zp-dark .input-group-text.bg-white {
            background-color: transparent !important;
        }

    .zp-dark fieldset .input-group-text {
        background-color: transparent !important;
    }

    .zp-dark .card .card {
        background-color: #444343 !important;
    }

    .zp-dark fieldset legend.form-label, .zp-dark fieldset.bg-light {
        background-color: transparent !important;
    }

    .zp-dark .pagination .page-item .page-link,.zp-dark fieldset legend.form-label.text-muted {
        color: #ffffff!important; ;
    }

        .zp-dark .pagination .page-item .page-link.active {
            border-color: #ffffff;
        }


    .zp-dark .btn-outline-primary {
        border-color: #ffffff;
    }

    .zp-dark .zp-table .badge.text-muted,
    .zp-dark .alert p.text-muted, .zp-dark .alert-danger,
    .zp-dark .alert-warning p, .zp-dark .alert-danger,
    .zp-dark .alert-warning h4,
    .zp-dark .alert-warning strong,
    .zp-dark .alert-info p {
        color: var(--bs-secondary-color) !important;
    }

    .zp-dark .multiselect-dropdown span.optext {
        background: transparent !important;
    }

    .zp-dark .zp-verticalScrollTable .zp-sticky-col {
        background-color: rgb(143, 141, 141) !important;
    }

    .zp-dark .form-control::placeholder {
        color: #ADB5BDBF !important;
    }

    .zp-dark .zp-dropdownTab {
        background-color: transparent;
    }

        .zp-dark .zp-dropdownTab .nav-link {
            background-color: #444343;
        }

            .zp-dark .zp-dropdownTab .nav-link.active {
                background-color: var(--zp-MainColor);
            }

    .zp-dark .modal-backdrop {
        --bs-backdrop-bg: #b5b3b3;
        /*opacity: 0.7;*/
    }

    .zp-dark .modal-header {
        border-color: #444343 !important;
    }

    .zp-dark .btn.zp-themeColor {
        border: 1px solid var(--zp-MainColor) !important;
    }

    .zp-dark .zp-subMenu.border-0, .zp-dark .dropdown-menu,
    .zp-dark .form-select option,
    .zp-dark .multiselect-dropdown-list-wrapper {
        background-color: #242424 !important;
        border: 1px solid #FFFFFF26 !important;
    }

.zp-dark .zp-informationTab .zp-listPersonnel.dropdown-menu{
    background-color:#242424 !important;
}
    .zp-dark .zp-informationTab .dropdown-menu,
    .zp-dark .zp-dropdownTab.dropdown-menu {
        background-color: transparent !important;
        border: none !important;
    }

    .zp-dark .zp-informationTab .zp-table .dropdown-menu {
        background-color: #242424 !important;
    }

    .zp-dark .multiselect-dropdown-list div:hover {
        background: #7c7a7a !important;
    }

    .zp-dark .modal-content .multiselect-dropdown-list {
        /*background-color:#FFFFFF26 !important ;*/
    }

    .zp-dark .form-select option {
        /*background-color:#444343 !important ;*/
        box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25) !important;
    }

    .zp-dark .dropdown-menu .dropdown-item {
        color: #ffffff;
    }

    .zp-dark .dropdown-menu .dropdown-item:hover,
    .zp-dark .dropdown-menu .dropdown-item.select-dropdown__list-item:hover span.text-muted {
        /*background-color: #242424 !important;*/
        color: #242424 !important;
    }

    .zp-dark .popover {
        --bs-popover-bg: #242424 !important;
        --bs-popover-border-color: #FFFFFF26 !important;
    }

    .zp-dark .popover-arrow:before {
        border-top-color: var(--bs-popover-arrow-border) !important;
    }

    .zp-dark .popover-arrow:after {
        border-top-color: #242424 !important;
    }

    .zp-dark .offcanvas, .zp-dark .offcanvas-lg {
        --bs-offcanvas-bg: #383838 !important;
    }
    .zp-dark .apexcharts-legend-text{
    color: #ffffff !important;
    }
 .zp-dark .form-select {
    border: none;
    --bs-form-select-bg-img: url(../images/svg/form-select-dark.svg);
    /*--bs-form-select-bg-img:none;*/
    position: relative;
}
/* .zp-dark .form-select:before{*/
/*    content: "\f107";*/
/*    display: block;*/
/*    font-family: "Font Awesome 6 Free";*/
/*    font-weight: 900;*/
/*    font-size: 20px;*/
/*    position: absolute;*/
/*    top:-5px;*/
/*    left: 0;*/
/*}*/
.zp-dark .btn-close {
    --bs-btn-close-bg:none;
    position: relative;
    color: #ffffff;
}
.zp-dark .btn-close:hover{
    color: #ffffff;
}
.zp-dark .btn-close:before{
    content: "\f00d";
    display: block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 20px;
    position: absolute;
    top:-5px;
    left: 0;
   
}
.zp-dark .table-hover>tbody>tr:hover>*{
    color: #ffffff;
}
.zp-dark div.orgChart div.node {
    background: #242424;
}

/*style for dark calender*/
.zp-dark jdp-container{
    background: #242424 !important;
}
.zp-dark jdp-container .jdp-day,jdp-container .jdp-day-name{
    color:#ffffff;
}
.zp-dark jdp-container .jdp-months,.zp-dark jdp-container .jdp-years{
    fill: #ffffff;
}
.zp-dark jdp-container .jdp-day.today{
    border-color: #ffffff;
}
.zp-dark jdp-container .jdp-day:not(.disabled-day):hover,.zp-dark jdp-container select option,.zp-dark jdp-container select:hover{
    background:#383838 ;
}
.zp-dark jdp-container select,.zp-dark jdp-container .jdp-month,.zp-dark jdp-container .jdp-year{
    background: transparent;
    color: #ffffff;
}

/*style for context-menu dark*/
.zp-dark .context-menu{
    background: #242424;
}
.zp-dark .context-menu .text-muted,.zp-dark .zp-listShift .text-muted{
    color: #ffffff!important;
}
.zp-dark .zp-outputTable thead.table-light{
    /*--bs-table-color: #000;*/
    --bs-table-bg:#8f8d8d ;
}
.zp-dark .clockpicker-popover .popover-title{
    border-bottom: 1px solid #ffffff;
}
.zp-dark .clockpicker-popover .popover-content,.zp-dark .clockpicker-plate,.zp-dark .clockpicker-popover .popover-title{
    background:#242424!important ;
}
.zp-dark .clockpicker-tick:hover{
    /*color: #242424;*/
}
.zp-dark .zp-week-day-number{
    color: #ffffff;
}
.zp-dark .zp-personnelTable thead.bg-light-subtle{
    background:#8f8d8d!important;
}
.zp-dark strong{
    color: #242424;
}
.zp-dark .apexcharts-text,.zp-dark .apexcharts-menu-icon svg{
    fill:#ffffff!important;
}
.zp-dark .apexcharts-menu,.zp-dark .blazor-context-menu{
    background-color:#242424 ;
}
.zp-dark .apexcharts-theme-light .apexcharts-menu-item:hover{
    color: #242424;
}
.zp-dark .table td.text-success span{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
}
.zp-dark .table td.text-danger span{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}
.zp-dark .table td.bd-indigo-100 span{
    color: #6610f2!important;
}
.zp-dark .blazor-context-menu__item--default:hover{
    background-color:#383838 !important ;
}

@media screen  and (max-width: 991px){
    .zp-dark .zp-informationTab .dropdown-menu{
        background-color: #242424!important;
    }

}