@media (max-width: 1680px){
    [data-bs-theme="dark"] :root{
        --font-size-xx-small: 7.5px;
        --font-size-x-small: 10px;
        --font-size-small: 12px;
        --font-size-medium: 13px;
        --font-size-alt-medium: 15px;
        --font-size-medium-large: 17px;
        --font-size-alt-medium-large: 19px;
        --font-size-large: 24px;
        --font-size-x-large: 26px;
    }
}

[data-bs-theme="dark"]:root{
    /* Bgcolor */
    --bg-darkgray: #1E1C1D;
    --bg-lightgray: #404040;
    --bg-green: #70bb6e;
    --bg-default: #1E1C1D;
    --bg-black: #000;
    --bg-count-color: #fdfafa;
    --bg-blue:#003F87;
    --bg-white: #fff;

    /*Text color */
    --text-black: #fff;
    --text-dark-theme-black: #000;
    --text-green: #70bb6e;
    --text-darkgray: #ABABAB;
    --text-favourite: #e49c10;
    --text-link: #6969C5;
    --text-link-secondry: #2190fe;
    --text-error: #ff0000;
    --text-secondary-color: #949494;
    --text-dashbord: #fff;
    --text-dashbord-alt:#fff;
    --text-dashbord-secondary:#96A0B9;
    --text-dlp-secondary: #fff;
    --text-dlp-alt: #fff;

    /* Other text color */
    --text-link-secondary: #609FFF;

    /* Font-family */
    --font-family-Bold: 'SourceSansPro-Black';
    --font-family-SemiBold: 'SourceSansPro-SemiBold';
    --font-family-regular: 'SourceSansPro-Regular';

    /* Font-size */
    --font-size-xx-small: 8.5px;
    --font-size-x-small: 12px;
    --font-size-small: 14px;
    --font-size-medium: 15px;
    --font-size-medium-large: 19px;
    --font-size-large: 26px;
    --font-size-x-large: 28px;

    /* Status color */
    --status-closed: #3dacbb;
    --status-pending: #f9c02e;
    --status-rejected: #ff0000;
    --status-rescheduled: #c8cc1d;
    --status-paid: #70bb6e;
    --status-in-progress: #00b0ff;
    --status-completed: #70bb6e;
    --status-assign: #bd5151;
    --status-reopen: #797a14;
    --status-followup: #b4669d;
    --status-quoted: #633a3a;
    --status-invoice: #0a4561;

    /* Progresbar */
    --progressbar-bg: #d9d9d9;
    --progressbar-fill: #70bb6e;
    --poll-answer-pill: #f2f2f2;
    /* form input color */

    /* Input */
    --inupt-disable: #f1f0f0;
    --inupt-dark-theme-disable:#313131;
    --inupt-error-border: #ff0000;
    --inupt-dark-theme-bg: #404040;

    /* Radio */
    --radio-active: #70bb6e;

    /* Checkbox */
    --checkbox-active: #70bb6e;
    --toggle-switch: #d9d9d9;
    --toggle-switch-active: #b1eaaf;
    --toggle-switch-active-bg: #70bb6e;

    /* Border */
    --border-color: #d9d9d9;
    --border-radius: 5px;
    --second-border-color: #ebebeb;

    /* File Browser */

    --file-browse-bg: rgba(242, 242, 242, 20%);
}

[data-bs-theme="dark"] body {

    color: var(--text-white);
    background: var(--bg-black); 
}

[data-bs-theme="dark"] #page-right-section .tabNavbar .tab-content .searchbar::after , [data-bs-theme="dark"] #page-right-section header .main-header .rightSection .notificationblock span img , [data-bs-theme="dark"] .tableContent table th a.desc:after, [data-bs-theme="dark"] .tableContent table td a.desc:after , [data-bs-theme="dark"] .dropdown#settingMenu .dropdown-toggle img , [data-bs-theme="dark"] .tableContent table th a img, [data-bs-theme="dark"] .tableContent table td .action-icons img , [data-bs-theme="dark"] .tableContent table th a.asc:after, [data-bs-theme="dark"] .tableContent table td a.asc:after , [data-bs-theme="dark"] #page-right-section .main-section .innerHeader .backsection a img, [data-bs-theme="dark"] #page-right-section .sub-header .backsection a img , [data-bs-theme="dark"] .form-group .date .input-group-append .kv-date-picker , [data-bs-theme="dark"] #page-right-section .tabNavbar .nav-tabs .nav-item a img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count span img, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count span img , [data-bs-theme="dark"] #page-right-section .searchbar::after, [data-bs-theme="dark"] .condolistPage .condolistHeader .searchbar::after , [data-bs-theme="dark"] .tableContent table td a.deleteasset img , [data-bs-theme="dark"] #page-right-section .tab-content .documentfolderList .searchbox , [data-bs-theme="dark"] .form-group .date .input-group-append .kv-datetime-picker , [data-bs-theme="dark"] .strip-btn img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail .add_header_box .task_header_deleteBox img, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail .add_task_box .task_header_deleteBox img , [data-bs-theme="dark"] a.deletevisitor img , [data-bs-theme="dark"] a.view-detail img , [data-bs-theme="dark"] a.deleteoccupant img , [data-bs-theme="dark"] .choices[data-type*=select-one] .choices__button , [data-bs-theme="dark"] #uniitListGrid table .btnadddoc img, [data-bs-theme="dark"] #uniitListGrid table .btndeletdoc img , [data-bs-theme="dark"] .defecttypedel img, [data-bs-theme="dark"] .btn-custom img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header img , [data-bs-theme="dark"] #page-right-section .tab-content .filterSection.input_select_fileterBox .field-selectResident::after , .customizable-form-list #requestList.tableContent .deleteeAgmDocumentspan img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .field-selectResident::after, [data-bs-theme="dark"] .form-group .searchfield:after , [data-bs-theme="dark"] .choices[data-type*=select-one]:after , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .leftSecton .staffarrow::after , [data-bs-theme="dark"] #doorGrouplist .table td a.updategroupModel span img, [data-bs-theme="dark"] #doorGrouplist .table td a.doorgroupdelete span img , [data-bs-theme="dark"] #floorGrouplist .table td a span img, [data-bs-theme="dark"] #floorGrouplist .table td a.floorgroupdelete span img , [data-bs-theme="dark"] #unitMappinglist .table td a span img , [data-bs-theme="dark"] #unitMappinglist .table td a.unitmappingdelete span img, [data-bs-theme="dark"] #unitMappinglist .table td a.staffmappingdelete span img , [data-bs-theme="dark"] #defectlistgrid_nw_grid_fordefectlist .table tbody td.actionclass a img , [data-bs-theme="dark"] a.leveldelete img , [data-bs-theme="dark"] a.zonedelete img , [data-bs-theme="dark"] #page-left-section .navigation-section .primary-nav ul li a.CommunityChat-ico figure img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li.like-button  .like-img.wallPostLike.unlike , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li .comment-img.uncomment , [data-bs-theme="dark"] .modelFolderDocMoveList a img , [data-bs-theme="dark"] #page-right-section .tab-content .assignSurveyList li a img{ 
    filter: invert(1);
}

[data-bs-theme="dark"] .inboxinner .strip-btn img , [data-bs-theme="dark"] .btnCommonExport .strip-btn img , [data-bs-theme="dark"] .tableContent table td:first-child a img , [data-bs-theme="dark"] a.view-detail.residentapproved img , [data-bs-theme="dark"] .btnaddonlineform .strip-btn img , [data-bs-theme="dark"] .bottom-strip .downloadpdf .strip-btn img , [data-bs-theme="dark"] .bottom-strip.btn_box-m-0 .strip-btn img , [data-bs-theme="dark"] .innerHeader .button-fill-primary-large .strip-btn img ,[data-bs-theme="dark"] .export-unit-modal .strip-btn img , .btnaddBooking .strip-btn img , [data-bs-theme="dark"] .notification-count.btnadd.occupent .strip-btn img , [data-bs-theme="dark"] .btnaddexport .strip-btn img , [data-bs-theme="dark"] .bicycleExport .strip-btn img , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul img , [data-bs-theme="dark"] a.deleteForm.deletevisitor img.m-0 , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li.like-button .like-img.wallPostLike {
    filter: unset;
}

[data-bs-theme="dark"] #page-right-section .tabNavbar .nav-tabs .nav-item a.active img{
    filter: invert(95%) sepia(4%) saturate(4788%) hue-rotate(54deg) brightness(78%) contrast(81%);
}

[data-bs-theme="dark"] .form-group .styledSelect , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .gender-title, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .gender-title span , [data-bs-theme="dark"] #page-right-section .uploadsection .browsefile .form-group span , [data-bs-theme="dark"] #page-right-section .uploadsection .browsefile .form-group span , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:checked+label, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group input[type=checkbox]:checked+label , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]:focus, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]:active , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number], [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count input[type=number] , [data-bs-theme="dark"] .reservationCriteria h5 , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-header h5 a p, [data-bs-theme="dark"] .my_acc_lbox h5 , [data-bs-theme="dark"] .recent_tran_box h5 , [data-bs-theme="dark"] #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox .form-group span label , [data-bs-theme="dark"] #page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box .online_lbox a span , [data-bs-theme="dark"] .dpl-dash-top h5, [data-bs-theme="dark"] .hub_list ul li , [data-bs-theme="dark"] .area_progress_box p , .documentfolderList .notification-title.page-title h5 , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .chatbox .chatBody .answer.left .chatBlock_inbox .text .answer_left_title p , [data-bs-theme="dark"] #page-right-section .searchbar .searchbox, [data-bs-theme="dark"] .condolistPage .condolistHeader .searchbar .searchbox , [data-bs-theme="dark"] #page-right-section .tab-content .searchbar.textfilter input ,[data-bs-theme="dark"] #page-right-section .tab-content .searchbar input, [data-bs-theme="dark"] .filter-visitors.filterSection.input_select_fileterBox .request_type input.floating-input , [data-bs-theme="dark"] .searchfield input.form-control , [data-bs-theme="dark"] #directory-form-section .formio-form input[type="text"] , [data-bs-theme="dark"] .formio-component input.form-control:focus , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .chatbox .chatBody .answer.left .chatBlock_inbox .text p , [data-bs-theme="dark"] .modelFolderDocMoveList a span, [data-bs-theme="dark"] .jconfirm-buttons .btn:hover , [data-bs-theme="dark"] button.close.directory_pop_close , [data-bs-theme="dark"] #page-right-section .notification_bell .dropdown .dropdown-menu.show ul li{ 
    color: var(--text-black);
}

[data-bs-theme="dark"] button.close.directory_pop_close{
    font-weight: 100;
}

[data-bs-theme="dark"] .form-control:focus-visible , [data-bs-theme="dark"] .form-control:focus, [data-bs-theme="dark"] .tableContent .tableBottompagination span .select .options>li:hover , [data-bs-theme="dark"] .tableContent .tableBottompagination span .select .options>li{
    color: var(--text-black);
}

[data-bs-theme="dark"] .toggle-button .custom-control-label::before , [data-bs-theme="dark"] .formio-dialog.formio-dialog-theme-default .formio-dialog-content .nav-tabs .nav-link.active , [data-bs-theme="dark"] .facilitygrpline span{
    background-color: var(--bg-white);
}

[data-bs-theme="dark"] .apexcharts-legend-text{
    color: var(--text-black) !important;
}

[data-bs-theme="dark"] body.modal-open .modal .form-group.label-up label , [data-bs-theme="dark"] body.modal-open #page-right-section .modal .form-group label , [data-bs-theme="dark"] body .modal .directory-form.user_directory_popup .form-group.label-up label{
    background-color: var(--bg-lightgray) !important;
}

[data-bs-theme="dark"] .form-group .date input::placeholder{
    color: var(--text-darkgray);
}

[data-bs-theme="dark"] .tableContent .tableBottompagination span select{
    background-color: var(--bg-lightgray);
    color: var(--text-black);
}

[data-bs-theme="dark"] #page-right-section .document-floor-plan .resident-list .form-group label, [data-bs-theme="dark"]  #customAlert.modal .modal-dialog .modal-content .modal-body, [data-bs-theme="dark"]  #customHeaderConfirm.modal .modal-dialog .modal-content .modal-body, [data-bs-theme="dark"] #keycollection_nominee.modal .modal-dialog .modal-content .modal-body , [data-bs-theme="dark"] #refundReasonModel.modal h2 { 
    color: var(--text-dark-theme-black);
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active, [data-bs-theme="dark"] .nav-tabs .nav-item.show .nav-link , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]:focus, [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]:active , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number], [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count input[type=number] , [data-bs-theme="dark"] .card , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header , [data-bs-theme="dark"] #page-right-section .form-group.label-up label , [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count , [data-bs-theme="dark"] .choices__list--dropdown{
    background-color: var(--bg-default);
}

[data-bs-theme="dark"] #page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators li.active , [data-bs-theme="dark"] .filespace .progress .progress-bar{
    background: var(--bg-green);
}

[data-bs-theme="dark"] #page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators li , [data-bs-theme="dark"] .choices__list--dropdown .choices__item--selectable , [data-bs-theme="dark"] .modal-content , [data-bs-theme="dark"] .activity-feed .feed_item_sub , [data-bs-theme="dark"] .jconfirm .jconfirm-box , [data-bs-theme="dark"] #page-right-section .notification_bell .dropdown .dropdown-menu.show ul,  [data-bs-theme="dark"] #page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_show_all {
    background: var(--bg-lightgray);
}

[data-bs-theme="dark"] .fc-day-grid{
    background-color: var(--bg-default) !important;
}

[data-bs-theme="dark"] a.approval-action , [data-bs-theme="dark"] .filterSection.appr-filtersection .button-outline-primary-large , [data-bs-theme="dark"] .onlineformlist .cleatfilter.button-outline-primary-large , [data-bs-theme="dark"] .onlineformanswerlistcleatfilter.button-outline-primary-large , .filterSection.postVehicleApprovalFilter .clear_filter_div .cleatfilter {
    color: var(--text-black);
    border-color: var(--second-border-color); 
}

[data-bs-theme="dark"] #page-right-section header .main-header .rightSection .notificationblock span span{
    outline: var(--second-border-color);  
}

[data-bs-theme="dark"] #page-right-section .modal .form-group.label-up label{
    background-color: unset;
}

[data-bs-theme="dark"] .apexcharts-canvas tspan {
    fill:var(--text-black);
}

[data-bs-theme="dark"] .form-group .styledSelect , [data-bs-theme="dark"] .select2-selection__rendered{
    background-image: url('../images/upgrade-img/dark-theme-Arrow.svg');
}

[data-bs-theme="dark"] #page-right-section .main-section .maincontent .rightSecton .staffarrow::after{
    filter: invert(1);
}

/* [data-bs-theme="dark"] .form-group .checkboxes input[type="checkbox"]:checked+label:before{
    background-image: url('../images/upgrade-img/dark-theme-check.svg');
} */

[data-bs-theme="dark"] .bash_shadow , [data-bs-theme="dark"] .defectdetail_page_designupdate .up_title , [data-bs-theme="dark"] .defectdetail_page_designupdate .units_cl{
    box-shadow: -1px 4px 26px 0px rgba(34, 56, 98, 0.53);
}

[data-bs-theme="dark"] #page-right-section .tabNavbar .searchbar .searchbox::placeholder , [data-bs-theme="dark"] #page-right-section .tab-content .searchbar input::placeholder , [data-bs-theme="dark"] #page-right-section .searchbar .searchbox::placeholder , [data-bs-theme="dark"] .form-group .searchfield input::placeholder , [data-bs-theme="dark"] .searchfield input.form-control::placeholder , [data-bs-theme="dark"] #page-right-section .notification_bell .dropdown .dropdown-menu.show ul li p{
    color: var(--text-darkgray);
}

[data-bs-theme="dark"] .formio-dialog.formio-dialog-theme-default .formio-dialog-content{
    background: var(--bg-lightgray);
}

[data-bs-theme="dark"] .formio-component input.form-control:focus{
    padding: 0.3rem 0.75rem 0.3rem;
}

[data-bs-theme="dark"] .choices__list.choices__list--dropdown .choices__input , [data-bs-theme="dark"] .choices__list--dropdown .choices__item--selectable.is-highlighted , [data-bs-theme="dark"] .button-transparent-secondary-large , [data-bs-theme="dark"] #page-right-section .form-group textarea ,  [data-bs-theme="dark"] .unit_mappinging_section.me-door-group-form .select2-container--default .select2-selection--multiple , [data-bs-theme="dark"] #page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds textarea.messageInput , [data-bs-theme="dark"] .booking_depositBox .form-group input{
    background: transparent;
}

[data-bs-theme="dark"] .button-outline-primary-large{
    border-color: var(--second-border-color);
}
[data-bs-theme="dark"] .ElementsApp, .ElementsApp .InputElement::placeholder{
    color: var(--text-darkgray);
}
[data-bs-theme="dark"] #page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput{
    border: 1px solid var(--border-color);
}
#card-errors {
    color: var(--text-error);
}