html[data-bs-theme=dark] *{
    --bs-white-bg: #1e1e2d;
    --dashui-input-bg: #1e1e2d;
    --main_color: #35354f;
    --tutorial-bg: #35354f;
    --tutorial-bg-hover: rgb(70, 69, 69);
    --bs-digital-signature-bg: rgb(26 26 26);
    --bs-border-color: #35354f;
    --bs-link-color-rgb: 67, 94, 190;
    --bs-link-hover-color-rgb: 54, 75, 152;
    --bs-document-card-title-border: #57545a;
    --bs-file-drop-hover: #1f1a1a;
}
html[data-bs-theme=dark] .bg-white{
    background-color: var(--bs-white-bg) !important;
}
html[data-bs-theme=dark] .flatpickr-calendar{
    background-color: #1e1e2d;
}

html[data-bs-theme=dark] a{
    color: rgba(var(--bs-link-color-rgb)) !important;
}
html[data-bs-theme=dark] .white-text{
    color: white !important;
}
html[data-bs-theme=dark] a:hover{
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

html[data-bs-theme=dark] .box_shadow{
    background-color: var(--bs-digital-signature-bg);
}
html[data-bs-theme=dark] .digital-signature-title-color{
    --digital-signature-title-color: #b34cb3;
}
html[data-bs-theme=dark] .btn-light-secondary span{
    color: #222233 !important;
}
html[data-bs-theme=dark] .appointment_box{
    background-color: #232335;
}
html[data-bs-theme=dark] .fc-list-day-cushion{
    background-color: var(--bs-white-bg) !important;
}
html[data-bs-theme=dark] .box-hover:hover{
    background-color: #222233;
}
html[data-bs-theme=dark] .close_black{
    background-image: url(/images/closeWhite.png)!important;
}

html[data-bs-theme=dark] .fc-daygrid-day,html[data-bs-theme=dark] .fc-theme-standard td,html[data-bs-theme=dark] .fc-theme-standard th {
    --dashui-gray-300: #cbd5e1;
    border: 1px solid var(--dashui-gray-300);
}
html[data-bs-theme=dark] .fc-scrollgrid-sync-inner{
    text-align: center;
}
html[data-bs-theme=dark] .ql-toolbar, html[data-bs-theme=dark] .ql-editor{
    background-color: #1e1e2d;
}
html[data-bs-theme=dark] .signature-area{
    background-color: #232335;
}
html[data-bs-theme=dark] .bg-base-200{
    --bs-box-bg: #232335;
}
html[data-bs-theme=dark] .error_message{
    --bs-error-message-bg: #c3aaac;
}
html[data-bs-theme=dark] td{
    --bs-white-font-bg: #c2c2d9;
}

html[data-bs-theme=dark] .modal{overflow-y:scroll !important;display:none;position:fixed;z-index:9999999999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.4);display:none;justify-content: center;align-items: center;}


html[data-bs-theme=dark] *:not(.appointment_box span, .info_message, .error_message, .warning_message, .success_message, .btn, .badge, .accessibility_component){
    color: #92929F;
}

html[data-bs-theme=dark] .form-check-input{
    width: 1.5em;
    height: 1.5em;
  }
html[data-bs-theme=dark] .svg_fill{
    fill: #92929F !important;
}
html[data-bs-theme=dark] th{
    --bs-table-th-bg: #232335;
}
html[data-bs-theme=dark] .nav_image img, html[data-bs-theme=dark] img, html[data-bs-theme=dark] .btn, html[data-bs-theme=dark] .info_message, html[data-bs-theme=dark] .warning_message, html[data-bs-theme=dark] .error_message, html[data-bs-theme=dark] .success_message, html[data-bs-theme=dark] .badge, html[data-bs-theme=dark] .text-info {
    opacity: 0.8;
}
html[data-bs-theme=dark] .color_box, html[data-bs-theme=dark] .dark_opacity,html[data-bs-theme=dark] .level1_span,html[data-bs-theme=dark] .level2_span,html[data-bs-theme=dark] .level3_span{
    opacity: 1;
}
html[data-bs-theme=dark] .appointment_box {
    border-color: #232335 !important;
}
html[data-bs-theme=dark] .table:not(.table-borderless) thead th, html[data-bs-theme=dark] .dataTable-table:not(.table-borderless) thead th {
    border-bottom: 0.1px solid !important;
}
html[data-bs-theme=dark] .arrow-circle, html[data-bs-theme=dark] .m_nav{
    --bs-table-th-bg: #232335;
    background-color: var(--bs-table-th-bg) !important;
    border-color: var(--bs-table-th-bg) !important;
}
.table thead th {
    background-color: var(--bs-table-th-bg) !important;
}
html[data-bs-theme=dark] .modal-content{
    max-width: 95% !important;
    max-height: 95% !important;
  }

html[data-bs-theme=dark] .dselect-clear svg {
    width: 0.7rem;
    height: 0.7rem;
}

@media (min-width: 768px){
    html[data-bs-theme=dark] .offset-md-1{margin-right:8.33333333%}
    html[data-bs-theme=dark] .offset-md-2{margin-right:16.66666667%}
    html[data-bs-theme=dark] .offset-md-3{margin-right:25%}
    html[data-bs-theme=dark] .offset-md-4{margin-right:33.33333333%}
}
/* PC design only */
@media screen and (min-width: 1199px) {
    html[data-bs-theme=dark] .col-md-4, html[data-bs-theme=dark] .col-md-6, html[data-bs-theme=dark] .col-md-8, html[data-bs-theme=dark] .col-md-10{
      padding-left: 0px !important;
      padding-right: 5px !important;
    }
    html[data-bs-theme=dark] .modal-content{
        width:500px;
      }
}