.nightmode .in-home-support div a svg [fill="rgba(34,34,34,1)"] {
    fill: #fff;
}
.nightmode .normal-select .advance-add-shift {
    background-color: #343A40;
    color: #fff;
    border: none;
}
    .nightmode .normal-select .advance-add-shift:focus {
        background-color: #343A40;
        border: none;
    }

    body .normal-select .advance-add-shift {
        border: 1px solid #ced4da;
        color: #212529;
    }
body #add-client-agree.modal .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 5px;
}
.support_information_container.crm-rado {
    margin: unset;
    padding-top: 0;
}
.nightmode .select2-container--default .select2-dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field {
    background: #2A2D32;
    /*color: #fff;*/
    border: 1px solid transparent
}
.nightmode #moreShiftPopup .ct .bi-moon-fill::before {
    color: #212529;
}
.nightmode .swal2-backdrop-show h2#swal2-title {
    color: #212529;
}
.nightmode .tui-full-calendar-timegrid-hour {
    color: #fff !important;
}
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #212529;
}
.nightmode .crm-lead-bottom,
.nightmode .crm-lead-bottom .crm-lead-bottom-content .crm-lead-bottom-content-inner {
    background: #343A40;
}
.nightmode .crm-lead-bottom .crm-lead-bottom-top {
    background: #5a5e63;
}
.nightmode .crm-lead-bottom .crm-lead-bottom-box {
    background: #5a5e63;
}



/*NEW VARIABLE START HERE*/
.nightmode .bg-292C31 {
    background: #343A40 !important;
}
.nightmode .bg-24272C {
    background #24272C;
}
.nightmode .bg-292D30 {
    background: #292D30;
}
.nightmode .navigation-wrapper .navigation-top.bg-292C31 {
    background: #292C31;
}
.nightmode .log-out-btn {
    left: calc(50% - 1px);
}
.nightmode .navigation ul li.level-0.active-menu {
    background: #323539;
}
.nightmode .navigation .level-0 .second-level li.level-1.bg-dark.active {
    background-color: #46494C !important;
}
.nightmode .main-bg.right-section {
    background: #24272C;
}
.nightmode .client-list-search input.bg-292D30 {
    background: #292D30;
    border: 1px solid #3D4148;
}
body.nightmode input.form-control {
    background: #343A40;
    border-color: #3D4148;
}
body.nightmode .select2-container--default .select2-selection--single {
    background: #343A40;
    border-color: #3D4148;
}
.nightmode .client-list-table-wrapper,
.nightmode .client-list-table-wrapper .table-pagination {
    background: #292D30;
}
.nightmode .client-list-table-wrapper tbody {
    background: #323539;
}
.dataTables_wrapper table.dataTable.display > tbody > tr.odd > .sorting_1,
.dataTables_wrapper table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
    box-shadow: none
}
.nightmode .black-btn {
    background: #8567FF !important;
    color: #fff !important;
    border: none !important;
}
.recruitmentOnBoardingDetails {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
}

.nightmode .hrms-wrapper .black-btn {
    width: 121px;
    height: 32px;
    padding: 0 20px;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}
.nightmode .black-btn:hover {
    color: #fff;
}
    .nightmode .black-btn svg [fill="#fff"] {
        fill: #fff;
    }
.nightmode .select2-dropdown {
    background-color: #393D43;
}
.nightmode .select2-container--default .select2-dropdown {
    border: 1px solid transparent;
}
.nightmode .select2-container--default .select2-dark.select2-dropdown .select2-search__field:focus {
    border: 1px solid transparent;
        color: white;
}
.nightmode .client-list-table-wrapper .table-pagination .table-per-page select {
    border-color: #323539;    
    background: #323539;
}
.nightmode .client-list-table-wrapper .table-pagination .next-prev-page .dataTables_paginate span .paginate_button.current {
    background: #8567FF;
}
.nightmode .dataTables_wrapper .dataTables_paginate .ellipsis {
    color: #fff;
}
.nightmode .bg-color1 {
    background: #343A40;
}
.nightmode.modal-open .modal.fade .modal-dialog .modal-content {
    background: #24272C;
}
.nightmode .popup-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.nightmode .popup-form .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #3D4148;
    
}
.nightmode .popup-form .select2-container--default .select2-selection--multiple,
.nightmode .popup-form .select2-container--default .select2-selection--single {
    border-color: #3D4148;
    background: #343A40;
}

.nightmode .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #24272C !important;
}
/*Staff Module nightmode change 27-12*/
.nightmode .staff-detail-wrapper form .select2.select2-container .selection .select2-selection.select2-selection--single {
    background: #3D4148;
    border: none;
}
.nightmode .staff-detail-wrapper form .btn-group.btn-group-toggle .btn.btn-outline-dark {
    /*border: none;*/
    background: #3D4148;
    border: none;
}
.nightmode .staff-detail-client-wrapper .client-wrapper-left-bottom form .genInfo .select2.select2-container .select2-selection.select2-selection--single {
    border: none;
    background: #3D4148;
}
.nightmode .staff-detail-wrapper form input.form-control {
    background: #3D4148;
}
.nightmode .client-wrapper form .list-unstyled .genInfo input {
    background: #3D4148;
}
.nightmode .client-wrapper-left-bottom-wrapper .form ul li .select2.select2-container .select2-selection {
    background: #3D4148;
    border: none;
}
.nightmode .client-wrapper-left .client-wrapper-left-bottom-wrapper form ul .btn-group.btn-group-toggle .btn-outline-dark {
    /*background: #3D4148;*/
}
.nightmode .staff-detail-wrapper .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    background: #3D4148;
    border: none;
}
.nightmode .staff-detail-wrapper .input-group input {
    background: #3D4148;
}

.nightmode .main-wrapper .right-section .crm-wrapper.right-wrapper-inner {
    background: #24272C;
}
.nightmode .form_bottom_inner .form_input_details .form_input_left .form-select {
    background: #343A40;
    border: none;
}
.nightmode .form_input_details .form_input_right .form-select {
    background: #343A40;
    border: none;
}
.nightmode .modal-dialog .form_input_details .form_input_left input {
    background: #3D4148;
    border: none;
}
.nightmode .form_bottom_inner .form_input_details .form_input_right .form-control {
    background: #343A40;
    border: none;
}

.nightmode .bg-white-new.main-wrapper .main-bg .crm-wrapper {
    background: #24272C;
    border: none;
}

.nightmode .client-list-top-wrapper .d-flex.flex-wrap .black-btn:hover {
    background: #8567FF;
    color: #fff;
}

.nightmode .client-guardian-content .search-guardian .select2.select2-container .selection .select2-selection.select2-selection--multiple {
    background: #434B53;
    color: #fff;
    border: none;
}
.nightmode .agreement-box .client-guardian-content .guardian-search-client .select2.select2-container .select2-selection.select2-selection--single {
    background: #3D4148;
    border: none;
}

.nightmode .popup-half-box .form-box-main .select2.select2-container.select2-container--default .select2-selection.select2-selection--multiple {
    background: #434B53;
    border: none;
}
.nightmode .form-box-main.tasks-box .shift-type-btn.black-btn {
    background: #8567FF;
    color: #fff;
}
.nightmode .popup-form .select2-dark {
    background: #3D4148;
    border-radius: 8px;
}
.nightmode .popup-form .col-12 .note-editor .note-editing-area .note-editable.card-block {
    background: #3D4148;
}
.nightmode .modal-body .popup-form .col-12.mt-3 textarea {
    background: #3D4148;
    border-color: #3D4148;
}
.nightmode .popup-form .select2-dark .select2.select2-container .select2-selection.select2-selection--multiple{
    background: #3D4148;
    border-color: #3D4148 !important;
}
.nightmode #smsBulkModal textarea{
    background: #3D4148 !important;
    border-color: #3D4148 !important;
}
.nightmode .delta-activity-time-schedule .delta-activity-timeline-right .delta-activity-timeline-input input{
    background: #3D4148;
    border: none;
}
.nightmode .delta-activity-timeline-right .delta-activity-timeline-input .form-select {
    background: #3D4148;
    border: none;
}
.nightmode .delta-activity-timeline-right .note-editor .note-editing-area .note-editable {
    background: #3D4148;
}
.nightmode .delta-activity-timeline .delta-activity-timeline-right select {
    background: #3D4148 !important;
    border: none !important;
}
.nightmode .delta-activity-timeline .delta-activity-timeline-right input {
    background: #3D4148 !important;
    border: none;
}
.nightmode .crm-notes-container .delta-documents select {
    background: #3D4148;
    border: none;
}
.nightmode .note-editor .note-editing-area .note-editable {
    background: #3D4148 !important;
    border: none;
}
.nightmode .use-salutation .add-update-salutation-name {
    background: #3D4148;
    border: none;
}
.nightmode .form_bottom_inner .form_input_details .form_input_left input {
    background: #343A40;
    border: none;
}
.nightmode .form_bottom_inner .form_input_details .form_input_right input {
    background: #434B53;
    border: none;
}
.nightmode .popup-form .use-salutation .add-update-salutation-name select {
    background: #343A40;
    border: none;
}
.nightmode .popup-form .use-salutation .add-update-salutation-name {
    border-radius: 8px;
}
.nightmode .popup-form .use-salutation .select2.select2-container .select2-selection.select2-selection--single {
    background: #3D4148;
    border: none;
}
.nightmode.modal-open-custom .modal-body .col-9 .form-group.add-leave textarea {
    background: #3D4148;
    border: none;
}
.nightmode .client-list-top .client-list-search input {
    background: #343A40;
    border: 1px solid #3D4148;
}
.nightmode .crm-wrapper .crm-table .crm-table-top .crm-table-top-left input {
    background: #343A40;
    border: 1px solid #3D4148;
}
.nightmode .crm-wrapper.right-wrapper-inner .crm-delta-details .crm-delta-details-right {
    background: #343A40;
}
.nightmode .delta-header .header-menu .delta-header-menu.active {
    background: #3D4148;
    color: #f2b66b;
}
.nightmode .delta-header .header-menu .delta-header-menu {
    background: #24272C;
    color: #fff;
}
/*.nightmode .crm-delta-details-right .delta-header {
    background: #24272C;
}*/
.nightmode .header-menu .delta-header-menu svg [fill="#222"] {
    fill: #fff;
}
.nightmode .header-menu .delta-header-menu svg [fill="#000000"] {
    fill: #fff;
}

.nightmode .crm-delta-details-right .delta-header {
    background: #24272C;
}
.nightmode .crm-notes-container .popup-form .delta-activity-details .delta-activity-call-details {
    background: #24272C;
}
    .nightmode .crm-notes-container .popup-form .delta-activity-details .delta-activity-call-details .delta-activity-call-input input {
        background: #292D30;
        color: #fff;
    }
/*.nightmode .delta-activity-bottom .crm-radio .crm-radio-container .crm-checkmark {
    background: #292D32;
    color: #fff;
}*/
.nightmode .crm-radio .crm-radio-container input:checked ~ .crm-checkmark {
    background: #434B53;
    color: #fff;
}
.nightmode .crm-radio .crm-checkmark {
    background: #292D32;
    color: #fff !important;
}
.nightmode .crm-delta-details .crm-delta-details-right .crm-notes-container .delta-documents select.form-select {
    background: #3D4148;
}

.nightmode .client-wrapper-right.setting-box-shift .client-wrapper-right-top .client-right-box-content .form-group input {
    background: #3D4148;
}
/*.nightmode .main-bg .newload {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
}

*/

.nightmode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #222;
}
.nightmode .add-shift-new .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff;
    color: #222;
}
/*dashboard dark mode*/
body.nightmode input.dark-mode-input {
    background: #343A40;
}
.nightmode .right-wrapper-inner select.form-select {
   border: none;
}

.nightmode .popup-half-box.schedular-add-shift-wrapper .form-box-main .select2.select2-container.select2-container--default .select2-selection.select2-selection--multiple {
    background: #343A40;
}
/*.nightmode .popup-half-box.schedular-add-shift-wrapper .form-box-main.time-location-box input{
    background: #434B53;
}*/


.nightmode .shift-left svg [fill="#222"] {
    fill: #fff;
}
.nightmode .shift-right .text-grey{
    color: #fff;
}
.nightmode table tbody tr td {
    background: #3D4148;
}
.nightmode .date-icon svg [fill="#222"]{
    fill: #fff;
}
.nightmode .scheduler-calendar-container {
    background: #343A40 !important;
}

.nightmode .modal-content {
    background: #24272C;
}
/*.modal-open-custom .modal.fade .modal-dialog .modal-content .modal-header .btn-close, .modal-open .modal.fade .modal-dialog .modal-content .modal-header .btn-close {
    background: #343A40;
    border: 1px solid #343A40;
    border-radius: 20px !important;
}*/
.nightmode .btn-close svg [fill="#222"]{
    fill: #fff;
}

.nightmode .bootstrap-datetimepicker-widget.dropdown-menu {
    background: #343a40;
    color: #fff;
}

.nightmode .swal2-popup{
    background: #222;
    color: #fff !important;
}

    .nightmode .swal2-popup .swal2-header .swal2-title {
        color: #fff !important;
    }
    .nightmode .swal2-popup .swal2-content .swal2-html-container {
        color: #fff !important;
    }

    .nightmode .dropdown-item {
        color: #fff;
    }
.nightmode .dropdown-menu.show {
    background: #343a40;
}
.nightmode .risk-file-upload {
    border: 2px dashed #fff;
}
.nightmode .full-borader-22 {
    border: 1px solid #fff;
}
.nightmode .border-bottom-22 {
    border: 1px solid #fff;
}

.nightmode option:hover {
    background: #24272C;
}

.nightmode .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #3D4148 !important;
}
/*.nightmode .client-right-box-content .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 65%) !important;
}*/
.nightmode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    color: #222;
}

.nightmode .crm-radio .crm-checkmark .nor-img{
    display: block;
}
.nightmode .crm-radio .crm-checkmark img {
    display: none;
}

.client-right-box-content .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 37%) !important;
}
.archivedCandidateDetails.crm-wrapper {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    padding-right: 16px;
}
.btn-close svg [fill="#222"]{
    fill: #222;
}
.userDashboardDetails {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
}

.crm-wrapper.pr-20 {
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
}


.word-wrap-email {
    width: 100%;
    word-wrap: break-word;
}

.lms-status {
    width: 80px;
}
.recruitment-document-details .document-pdf{
    width: 50px;
}
.recruitment-document-details .document-text {
    width: calc(100% - 70px);
}
.recruitment-document-details .dark-mode-svg {
    width: 20px;
}

.crm-lead-search-wrapper .crm-table-top-left.lead-searchbar {
    width: 23% !important;
}

.crm-lead-table-inside .crm-lead-table-inside-left {
    width: 65px;
}
    .crm-lead-table-inside .crm-lead-table-inside-right {
        width: calc(100% - 65px);
    }
.crm-lead-search-wrapper .lead-select-wrap{
    width: 15%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: 10px;
}

.crm-lead-search-wrapper .lead-select-wrap p {
    width: 60px;
}
.crm-lead-search-wrapper .lead-select-wrap .crm-table-select {
    width: calc(100% - 60px);
    padding-left: 10px;
}
.crm-lead-search-wrapper .lead-select-wrap .crm-table-select select {
    background: #fff;
    border-radius: 8px;
    height: 40px;
    border: 0;
    font-size: 14px;
    color: #222;
    width: 100%;
    padding-left: 10px;
}
.nightmode .crm-lead-search-wrapper .lead-select-wrap .crm-table-select select {
    background: #343A40;
    color: #fff;
}

    .lead-switch-toggle {
        padding-right: 10px;
    }
.add-lead-right-btn {
    width: 124px;
}

.nightmode .btn.black-bg-button.add-new-accomodation-btn {
    background: #3D4148 !important;
    color: #fff !important;
}
.nightmode .btn-lg.btn-dark.generate-select-btn {
    background: #343A40;
    color: #fff;
    border: none;
}
    .nightmode .btn-lg.btn-dark.generate-select-btn:hover {
        background: #343A40 !important;
        color: #fff !important;
    }

.nightmode .form-control.incident-notes {
    background: #434B53 !important;
    color: #fff;
    border: none;
}
    .nightmode .form-control.incident-notes:focus {
        background: #3D4148;
        color: #fff;
    }

.modal-content.Staff-attendance-model{
    height: 600px;
}
.nightmode .btn-primary.save-btn.black-btn.add-suport-task-btn:hover {
    background: #8567FF !important;
    color: #fff !important;
}

.nightmode .split-btn{
    background: #fff;
    color: #222;
}
.nightmode .daterangepicker.show-calendar .drp-buttons {
    background: #343a40;
    
}
    .nightmode .daterangepicker.show-calendar .drp-buttons .cancelBtn {
        color: #fff;
        border: 1px solid #fff;
    }

.nightmode .insight-payment-plans-bottom .plans-card{
    background: #222;
    color: #fff;
}
.nightmode .plans-card.active {
    background: #fff;
    color: #222;
}
.nightmode .subscription-plan-svg [fill="#222"]{
    fill: #fff
}
.nightmode .plans-card.active .subscription-plan-svg [fill="#fff"]{
    fill: #222;
}
.nightmode .plans-card.active .subscription-plan-svg [fill="#ffe74a"] {
    fill: #8567FF;
}
.nightmode .subscribe-plan-btn{
    background: #fff !important;
    color: #222 !important;
}
/*.nightmode .ic-repeat-b::before {
    background: url(../images/night-repeat-line.svg) no-repeat;
}*/

.nightmode .scheduler-mid-header .select2-dark.scheduler-searchbar-wrapper.scheduler-search-section {
    background: #343A40;
}
.nightmode .my-profile-edit-profile input.form-control {
    background: #434B53;
}
.nightmode .edit-profile-wrapper.my-profile-edit-profile .form .input-group .select2.select2-container--default .select2-selection--single {
    background: #434B53;
}
.nightmode .edit-profile-wrapper.my-profile-edit-profile .form .input-group .select2.select2-container--default .select2-selection--multiple {
    background: #434B53;
}
.nightmode .edit-profile-wrapper.my-profile-edit-profile .select2-container--default .select2-selection--single {
    background: #434B53;
}
.nightmode .modal-content.add-candidate .crm-delta-details-right.add-candidate-popup .popup-form .form-select {
    background: #343A40;    
}
.nightmode .modal-content.add-candidate .crm-delta-details-right.add-candidate-popup .popup-form textarea {
    background: #343A40;
}
.nightmode .agreement-box.service-agreement-period-details .select2-container--default .select2-selection--single {
    background: #434B53;
}
.nightmode .agreement-box.service-agreement-period-details input.form-control {
    background: #434B53;
}
.nightmode .agreement-box.service-agreement-period-details .client-guardian-content .guardian-search-client .select2.select2-container .select2-selection.select2-selection--single {
    background: #434B53;
}
.nightmode .modal-content.add-update-guardian .popup-form .use-salutation .select2.select2-container .select2-selection.select2-selection--single {
    background: #343A40;
}

.nightmode .form-control.add-new-announcement {
    background: #343A40 !important;
}

.nightmode .modal-content .modal-body .form-group.add-leave textarea {
    background: #343A40;
}

.nightmode .carer-office-use.staff-role-details .btn-outline-dark {
    color: #fff;
}

.nightmode .crm-delta-details-right.crem-lead-right-wrapper {
    background: #343A40 !important;
}
    .nightmode .crm-delta-details-right.crem-lead-right-wrapper .crm-notes-container .delta-activity-time-schedule input {
        background: #434B53 !important;
    }
    .nightmode .crm-delta-details-right.crem-lead-right-wrapper .crm-notes-container .delta-activity-time-schedule select {
        background: #434B53 !important;
    }

.nightmode .crm-delta-details .crm-delta-details-right .crm-notes-container .delta-documents select {
    background: #434B53 !important;
}
.nightmode .popup-form .form_input_left.personal-deatils-day-support .select2-container--default .select2-selection--single {
    background: #434B53;
}
.nightmode .extra-information-textarea-container textarea {
    background: #434B53;
}
/*.nightmode .popup-form .select2-container--default .select2-selection--single {
    background: #434B53;
}*/
.nightmode .modal-body.new-popup-body .form_bottom_inner.edit-person-details input {
    background: #343A40;
}

.nightmode .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
    background: rgb(0 0 0 / 80%);
}
.nightmode .swal2-popup {
    background: #24272C;
}
.nightmode .staff-detail-wrapper.add-team-wrapper.add-team-deatils .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    background: #434B53;
}
.nightmode .staff-detail-wrapper.add-team-wrapper.add-team-deatils .input-group input {
    background: #434B53;
}
.nightmode .client-wrapper.staff-details-inside-content .client-wrapper-left-bottom-wrapper .form ul li .select2.select2-container .select2-selection {
    background: #434B53;
}

.nightmode .staff-detail-client-wrapper.staff-details-inside-content .client-wrapper-left-bottom form .genInfo .select2.select2-container .select2-selection.select2-selection--single {
    background: #434B53;
}
.nightmode .client-wrapper.staff-details-inside-content form .list-unstyled .genInfo input {
    background: #434B53;
}
.nightmode.modal-open .modal.fade .modal-dialog .modal-content {
    background: #24272C;
}
.nightmode .crm-notes-container .popup-form .delta-activity-details .delta-activity-call-details .delta-activity-call-input input {
    background: #343A40;
}
/*.nightmode .popup-half-box.schedular-add-shift-wrapper .form-box-main.tasks-box input {
    background: #434B53;
}*/

.nightmode .bg-white.bg-no-record {
    background: #343A40 !important;
}
    .nightmode .bg-white.bg-no-record p{
        color: #fff !important;
    }

.nightmode .crm-delta-details-right.crm-right-wrap-inside-content .crm-notes-container .popup-form .delta-activity-details .delta-activity-call-details .delta-activity-call-input input {
    background: #434B53;
}
.nightmode .crm-delta-details-right.crm-right-wrap-inside-content .delta-activity-time-schedule .delta-activity-timeline-right .delta-activity-timeline-input input {
    background: #434B53 !important;
}
.nightmode .crm-delta-details-right.crm-right-wrap-inside-content .delta-activity-time-schedule .delta-activity-timeline-right .delta-activity-timeline-input select {
    background: #434B53 !important;
}
.nightmode .crm-delta-details-right.crm-right-wrap-inside-content .crm-notes-container .delta-activity-timeline .delta-activity-timeline-right select {
    background: #434B53 !important;
}
.nightmode .crm-form-wrapper.lead-personal-details-container .form_bottom_inner .form_input_details input {
    background: #434B53;
}
.nightmode .crm-form-wrapper.lead-personal-details-container .form_bottom_inner .form_input_details .select2-container--default .select2-selection--single {
    background: #434B53;
}
.nightmode .crm-form-wrapper.lead-personal-details-container .extra-information-container .form_bottom_inner .extra-information-textarea-container textarea {
    background: #434B53;
    border: none;
}

.nightmode .client-wrapper-left-bottom.client-information-details .client-wrapper-left-bottom-wrapper .tab-content ul li .genInfo input {
    background: #434B53;
}
.nightmode .client-wrapper-left-bottom.client-information-details .client-wrapper-left-bottom-wrapper .tab-content ul li .select2.select2-container .select2-selection {
    background: #434B53;
}
.nightmode .timepicker-picker a{
    background: #fff;
    height: 52px;
}
.nightmode .timepicker-picker a:hover{
   background: none;
}
    /*.nightmode .timepicker-picker .btn.btn-primary{
    background: #fff;
    color: #222;
}*/
    .nightmode .timepicker-hour:hover, .timepicker-minute:hover {
        background: transparent;
    }

.nightmode .tableFixHead thead tr {
    background: #434B53;
}
.nightmode .tableFixHead tbody tr {
    background: #3D4148;
}
.nightmode.modal-open .modal.fade .modal-dialog .modal-content .modal-header .btn-close [fill="#5a5e63"] {
    fill: #343A40;
    opacity: 1;
}
.nightmode.modal-open-custom .modal.fade .modal-dialog .modal-content .modal-header .btn-close [fill="#5a5e63"] {
    fill: #343A40;
    opacity: 1;
}
.nightmode .split-heading .close-split [fill="#5a5e63"] {
    fill: #343A40;
    opacity: 1;
}
    .nightmode .split-heading .close-split [fill="#222"]{
        fill: #ffffff;
    }

    .nightmode .bg-color1.account-setting-details-top {
        background: #343A40;
    }
.nightmode .client-right-box-content.account-setting-details-bottom {
    background: #3D4148;
}
    .nightmode .client-right-box-content.account-setting-details-bottom .shadow-sm {
        background: #434B53;
        box-shadow: none !important;
    }

.nightmode .client-list-table-wrapper.top-performers-table-head thead tr {
    background: #434B53;
}
.nightmode .heading-text-color{
    color: #fff;
}
.nightmode .setting-wrapper .client-right-box-heading svg [fill="#f2b66b"]{
    fill: #fff;
}
.nightmode .hrms-black-btn {
    background: #434B53;
}
.nightmode .add-shift-person-icon svg [fill="#222"]{
    fill: #fff;
}
.select2-dark.select2-dropdown--below .select2-results__option.select2-results__option--highlighted svg [fill="#222"]{
    fill: #fff;
}
.nightmode .add-shift-top-close svg [fill="#5a5e63"] {
    fill: #343A40;
    opacity: 1;
}
.nightmode .add-shift-top-close svg [fill="#222"] {
    fill: #fff;
}
.client-list-table-wrapper.top-performers-table-head thead tr {
    background: #292D30;
}
.nightmode .client-list-table-wrapper.top-performers-table-head {
    overflow: auto;
    max-height: calc(100vh - 206px);
}
    .nightmode .client-list-table-wrapper.top-performers-table-head .dataTables_wrapper {
        max-height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
    }
.nightmode .service-agree-top ul li span {
    background: #343A40;
}
.client-list-table-wrapper.top-performers-table-head tbody tr{
    background: #fff;
}
.dataTables_wrapper table.dataTable tbody tr{
    background: #fff;
}
.nightmode .tui-full-calendar-weekday-schedules .tui-full-calendar-weekday-schedule .tui-full-calendar-weekday-schedule-title svg.ic-instrucation.schedular-edit-icon [fill="#222"]{
    fill: #fff;
}
.scheduler-mid-header-middle-wrapper .previous-day button.schedular-move-previous{
    width: 36px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: none;
}
.scheduler-mid-header-middle-wrapper .next-day button.schedular-move-previous {
    width: 36px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: none;
}

.nightmode .dark-mode-svg.cleare-filter-btn svg [fill="#222"] {
    fill: #343A40;
}

.nightmode .select2.form-control.ratio-select-dd {
    background: #343A40;
    border: none;
    color: #fff;
}
.modal-content.client-attendance-popup{
    height: 450px;
}

.nightmode .scheduler-mid-header.schedular-header .scheduler-mid-header-first.scheduler-date-picker .scheduler-mid-header-first-wrapper button{
    background: none;
}
.nightmode .scheduler-mid-header .scheduler-mid-header-first.scheduler-date-wrap .scheduler-mid-header-first-wrapper button, .nightmode .scheduler-mid-header .scheduler-mid-header-middle .scheduler-mid-header-middle-wrapper button {
    background: none;
}
table.dataTable.display > tbody > tr.even > .sorting_1{
    box-shadow: none !important;
}

table.dataTable.display > tbody > tr.odd * {
    box-shadow: none !important;
}
table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > *{
    box-shadow: none !important;
}
.nightmode .shift-time-box .task-dashboard-textarea {
    background: #343A40 !important;
    color: #fff;
}
.nightmode .client-list-table-wrapper tbody tr td {
    background: #3D4148;
}
.crm-wrapper .crm-table-top .crm-table-top-left.Recruitment-searchbar span {
    top: 6px;
    left: 8px;
}
.service-agreement-period-details .col-md-4 span span span span b{
    left: 100% !important;
    margin-left: -10px !important;
}
.create-service-agreementfor .agreement-box.service-agreement-period-details .row .col-md-4 span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.nightmode .staff-detail-wrapper .edit-communication-inside-wrap .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    background: #434B53;
}
.nightmode .staff-detail-wrapper .edit-communication-inside-wrap .form-group input {
    background: #434B53;
}
.nightmode .staff-detail-wrapper .edit-communication-inside-wrap .edit-communication-full .note-editor .note-editing-area .note-editable {
    background: #434B53 !important;
}
.nightmode .risk-file-upload p.communication-choose-file-inside svg [fill="#222"]{
    fill: #fff;
}
.nightmode .risk-file-upload p.communication-choose-file-inside .upload-file {
    background: #343A40;
    color: #fff;
    cursor: pointer;
}
.nightmode .edit-communication-full.update-btn button {
    background: #fff;
    color: #222;
}
.nightmode button.load-more-btn{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff;
}
.nightmode .timeline-body.clinical-notes-input form .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    background: #434B53;
}
.nightmode .timeline-body.clinical-notes-input form input.form-control {
    background: #434B53;
}
.nightmode .timeline-body.clinical-notes-input form .note-editor .note-editing-area .note-editable {
    background: #434B53 !important;
}
.nightmode .risk-file-upload span{
    color: #fff;
}
.border-none{
    border: none !important;
}
.nightmode .client-wrapper-right.setting-box-shift .client-wrapper-right-top .client-right-box-content .form-group.client-document-categories input {
    background: #434B53;
}
.nightmode .delta-activity-call-details .delta-activity-call-input input {
    background: #434B53;
    border: none;
    color:#fff;

}
.nightmode .delta-activity-details .delta-activity-call-details {
    background: #343A40;
}
.nightmode .incident-other-details input.form-control {
    background: #434B53;
}
.nightmode .incident-other-details .w-100 select.form-select {
    background: url('../../assets/images/arrow-down-select.svg') no-repeat;
    background-position-x: calc(100% - 7px);
    background-position-y: 10px;
    background-size: 18px;
    padding-right: 25px;
    background-color: #434B53 !important;

}

.nightmode .staff-detail-wrapper.edit-incident-form-details .select2.select2-container.select2-container--default .selection .select2-selection.select2-selection--single {
    background: #434B53;
}
.nightmode .staff-detail-wrapper.edit-incident-form-details form input.form-control {
    background: #434B53;
}
.nightmode .staff-detail-wrapper.edit-incident-form-details .note-editor .note-editing-area .note-editable {
    background: #434B53 !important;
}
.nightmode .Incident-choose-file svg [fill="#222"] {
    fill: #fff;
}
.nightmode .Incident-choose-file .upload-file {
    background: none;
    color: #fff;
}
.nightmode .other-detail-wrapper:before{
    background: #fff;
}
.nightmode .custom-radio-agree .radio-container .radio-checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
}
    .nightmode .custom-radio-agree .radio-container .radio-checkmark::after {
        border: 1px solid #fff;
        background-color: #fff;
    }
.nightmode .lead-checkmark{
    border: 1px solid #fff;
}
.nightmode .lead-container input:checked ~ .lead-checkmark {
    background: #343A40;
}

.nightmode .navigation ul li.level-0.submenu.darkmode-switch > a:after{
    background: none;
    display: none;
}
.navigation ul li.level-0.submenu.darkmode-switch > a:after {
    background: none;
    display: none;
} 

.nightmode .plans-card.active .renew-btn {
    background: #222;
    color: #fff;
}
.nightmode .active-plan-right-div .active-plan-right-div-img svg [fill="#222"]{
    fill: #fff;
}
.nightmode input[type=checkbox] {
    border: 2px solid #fff;
    opacity: 1;
}
.nightmode .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a.btn:hover {
    background: #fff;
}
.nightmode .bootstrap-datetimepicker-widget .timepicker .timepicker-picker a{
    height: 44px;
}
.nightmode .bootstrap-datetimepicker-widget table td span:hover{
    background: none;
}
.nightmode .bootstrap-datetimepicker-widget table td.hour:hover {
    background: #727272;
}
.nightmode .bootstrap-datetimepicker-widget table td.minute:hover {
    background: #727272;
}

.nightmode .night-svg-new svg [fill="#fff"]{
    fill: #222;
}


.toast.toast-error{
    width: 320px !important;
}

.black-btn.add-new-btn-new {
    padding: 0 14px;
    height: 40px;
    background: #222222;
    border-radius: 8px;
    font-size: var(--h-font-14);
    color: #fff;
}
.nightmode .black-btn.add-new-btn-new {
    height: 40px;
    padding: 0 14px;
}
.service-edit-btn.add-compliance-btn {
    padding-bottom: 10px;
}
.night-svg-new.add-document-new svg [fill="#fff"]{
    fill: #fff;
}
.edit-popup.edit-shift-new-btn{
   background: none;
}
    .edit-popup.edit-shift-new-btn svg [fill="#222"]{
        fill: #222;

    }


    .nightmode .edit-popup.edit-shift-new-btn svg [fill="#222"] {
        fill: #fff;
    }
.nightmode .edit-popup.edit-shift-new-btn svg [fill="#EEEEEF"] {
    fill: #343A40;
}


.nightmode input[type=checkbox]:before {
    border: 1px solid #343A40;
    border-width: 0 2px 2px 0;
}
    .nightmode input[type=checkbox]:checked{
        background: #fff;
    }
    .client-list-top-wrapper.incident-top-wrapper .incident-name .select2-container--default .select2-selection--single .select2-selection__arrow b {
        left: 100% !important;
    }
.client-list-top-wrapper.incident-top-wrapper .incident-stage .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 100% !important;
}
.recruitment-job-stage p{
    width: 85px;
}
.crm-table-top-right .recruitment-job-stage select {
    width: calc(100% - 85px) !important;
}
.recruitment-job-type p {
    width: 85px;
}
.crm-table-top-right .recruitment-job-type select {
    width: calc(100% - 85px) !important;
}
.active-staff-filter-wrapper .active-staff-filter-div{
    width: calc(18% - 24px);
    margin: 0 12px;
}
.active-staff-filter-wrapper .active-staff-filter-div span{
    width: 100% !important;
}
    .active-staff-filter-wrapper .active-staff-filter-div .select2-container--default .select2-selection--single .select2-selection__arrow b{
        left: 100%;
    }
.hrms-active-staff-left{
    width: calc(100% - 199px);
    padding-right: 12px;
}
.w-33{
    width: 33.33%;
}
.w-15{
    width: 15%;
}
.mr-2-991{
    margin-right: 8px !important;
}
.language-spoken-div .select2.select2-container.select2-container--default{
    width: 100% !important;
}
.document-text.incident-file-name p {
    word-break: break-all;
    width: calc(25% - 50px);
}

/*darkmode switch*/

.switch-darkmode {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 18px;
    margin-left: 50px;
}

    .switch-darkmode input {
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }

.slider-darkmode {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #707070;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider-darkmode:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 3px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

.switch-darkmode input:checked + .slider-darkmode {
    background-color: #2E9E0A;
}

.switch-darkmode input:focus + .slider-darkmode {
    box-shadow: 0 0 1px #2196F3;
}

.switch-darkmode input:checked + .slider-darkmode:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider-darkmode.round {
    border-radius: 34px;
}

    .slider-darkmode.round:before {
        border-radius: 50%;
    }


body.nightmode .slider-darkmode.round:before {
    border-radius: 50%;
}
body.nightmode .switch-darkmode input#themeswitch + .slider-darkmode:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(13px);
}
body.nightmode .slider-darkmode:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
body.nightmode .switch-darkmode input#themeswitch + .slider-darkmode {
    background-color: #2E9E0A;
}
body.nightmode .slider-darkmode.round {
    border-radius: 34px;
}
body.nightmode .slider-darkmode {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #707070;
    -webkit-transition: .4s;
    transition: .4s;
}
.nightmode .btn.btn-dark.taskComplete:hover{
    background-color: #222;
    color: #fff;
}
.nightmode .btn.btn-dark.taskComplete:hover svg [fill="#222"]{
    fill: #fff;
}
.nightmode .invoice_edit_ic svg [fill="#222"]{
    fill: #fff;
}
.nightmode .invoice_edit_latter span {
    color: #fff;
}
.nightmode .leavereject svg [fill="#222"]{
    fill:#fff;
}
.nightmode .editincident svg [fill="#343A40"] {
    fill: #5A5E63;
}
.nightmode .form-group .hrms-add-reason-popup {
    background-color: #3D4148 !important;
    color: #fff;
}
.nightmode .bi.bi-check2-square:before{
    color: #fff;
}
.nightmode .daterangepicker td.active.end-date.in-range {
    background-color: #357ebd;
}
.nightmode .second-level.menu-open .submenu.staff-spec-list-main .second-menu.staff-spec-list-main.staff-user-name {
    background-color: #46494C !important;
}


/*login page nightmode css*/

.nightmode .login-box {
    background-color: #24272C;
}
.nightmode .login_page_inside {
    background-color: #343A40;
}
.nightmode .nightmode-input-wrap .form-control.nightmode-input {
    background-color: #434B53;
}
.login_logo.nightmode-logo {
    display: none;
}
.nightmode .login_logo.nightmode-logo{
    display: block;
}
.nightmode .login_logo.normal-logo{
    display: none;
}
.dashboard-staff-leave-today{
    color: black;
}
.nightmode .dashboard-staff-leave-today-wrap .dashboard-staff-leave-today {
    color: #fff !important;
}
.nightmode .dashboard-staff-leave-today-wrap {
    background: #3D4148 !important;
}
.nightmode .forgot-pass a{
    color: #fff;
}