.checkbox {opacity: 0; position: absolute;}
.checkbox-label {  position: relative; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.checkbox-label .ball { background-color: #8b8b8b; width: 22px; height: 22px; position: absolute; left: 2px; top: 2px; border-radius: 50%; transition: transform 0.2s linear;}
.checkbox:checked + .checkbox-label .ball {transform: translateX(24px);}

.light .dark_logo{display: none;}  
.dark_logo{display: none;}
.light .sidebar-menu > li.treeview > a::after {color: #1e1e1e;}
.light .light_logo{display: none;}
.light .dark_logo {display: inline-block;}
.light .app-container {background: #fff;}
.light .sidebar-wrapper {background: #fff; border-right: 1px solid #d0d4d4;}
.light .app-header { background: #fff; border-bottom: 1px solid #d0d4d4;}
.light .sidebar-menu li > a.active{color: #000 !important; background-color: #fff; box-shadow: 0px 6px 9px 4px #dcdcdc !important;}
.light .sidebar-menu li > a.active:hover{background: transparent;}
.light .sidebar-menu > li > a {color: rgb(28, 28, 28) !important;}
.light .login_left {color: #fff;}
.light .login_btn:hover {border: 1px solid #383737;}
.light .border_btn {border: 1px solid #383737;}
.light .tv-ticker-item-tape {color: #000 !important;}
.light .sidebar-menu > li:hover > a {background-color: rgba(0, 0, 0, 0.06);}
.light .sidebar-menu > li.treeview::after {color: rgb(71, 71, 71) !important;}
.light .treeview  {color: rgb(209, 209, 209) !important;}
.light .sidebar-menu .treeview-menu>li>a {color: #000 !important; box-shadow: none !important;} 
body.light {color: #000; background: #fff}
.light .sidebar-menu > li.active > a {color: #000; background-color:#fff; box-shadow: 0px 6px 9px 4px #dcdcdc !important;}
.light .page-header {color: rgb(36, 36, 37);}
.light .card-header {color: #000;}
.light .card {border: 1px solid #d0d4d4; background: #fff;}
.light .home_box{border: 1px solid #ddd; box-shadow: 0px 6px 9px 4px rgb(232, 229, 229); background-image: radial-gradient(circle at 100% 100%, rgba(244, 161, 27, 0.23), rgba(255, 255, 255, 0) 55%);}
.light .color_A6B3C4 {color: #000;}
.light .card {color: #333;}
.light .btn-outline-light{--bs-btn-color: #1d1d1d;}
.light .text_btn img {filter: brightness(0) invert(0);}
.light .custom-tabs-container .nav-tabs .nav-link {color: #000;}
.light .nav-tabs {--bs-nav-tabs-border-color: #ddd;}
.light .dots-dropdown {background: #f5f5f5; color: #000;}
.light .dots-dropdown:hover {background: #e6e4e4;}
.light .bg-dark {background-color:rgba(238, 238, 238, 0.43) !important;}
.light .text-white {color: rgb(0, 0, 0) !important;}
.light .border_hover:hover {border: 1px solid #b9b9b9;}
.light .dropdown-menu {--bs-dropdown-bg: #fff; --bs-dropdown-border-color: #e0e0e0; --bs-dropdown-link-hover-bg: #dbdbdb; --bs-dropdown-link-hover-color: #363636;}
.light .dropdown-menu::after {background: #fff;  border: 1px solid #e0e0e0; border-right: 0; border-bottom: 0;}
.light .dropdown-item:hover, .dropdown-item:focus {background-color: #f0f0f0;}
.light .table > :not(caption) > * > * {background-color: #fff;}
.light .table {--bs-table-color: #393939; border-color: #ddddde;}

.light .checkbox-label .ball {background-color: #bdbdbd;}
.light .header-actions .dropdown-toggle.action-icon {background: #ddd; color: rgb(28, 28, 28) !important;}
.light .form-control {background-color: #eeeeeebf; color: #000; border: var(--bs-border-width) solid #c0c0c0;}
.light .form-control:focus {background-color: #f5f5f5; color: #000; border: var(--bs-border-width) solid #e8e8e8; box-shadow: 0 0 0 .25rem #f8f8f8;}
.light .page-link {background-color: #f5f5f5; border: var(--bs-pagination-border-width) solid #f5f5f5;}
.light .page-link.active, .light .active > .page-link {color: #000;background-color: #e1e1e1bf; border-color: #e1e1e1bf;}
.light .btn-secondary { --bs-btn-bg: #484848; color: #fff; --bs-btn-border-color: #c6c6c6;}
.light .dropdown-item {color: rgb(28, 28, 28) !important;}
.light .table-outer {border: 1px solid #ddddde;}
.light .c_card_box {box-shadow: 0px 6px 9px 4px #bbb !important; background: #f4f4f4 url(../img/footer_noise.png) no-repeat;}
.light .modal-content {background-color: #fff;}
.light .modal-header {border-bottom: 1px solid #00000036;}
.light .modal-footer {border-top: 1px solid #00000036;}
.light input[type="file"]::file-selector-button {background-color: #e5e5e5;}
.light .form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: #e0dddd;}
.light .modal-dialog .btn-close {filter: unset;}
.light .bg-info.text-white{color: #fff !important}
.light .dropdown-menu {--bs-dropdown-color: #393a3a}
.light .light_gradient_btn:hover{background: #fff; color: #000;}
.light table thead th {color: #000 !important;}
.light .c_card_box::after {filter: unset;}
.light .c_card_box::after {border-bottom: 1px dashed #4d4d4d;}
.light a{color: #333;}
.light .pl-container { background: #f3f3f3; color: #000; border: 1px solid #9e9e9e36;}
.light .pl-container_text1 {color: #535353;}
.light .pl-container::before {background-image: linear-gradient(to right top, rgba(168, 168, 168, 0.16) 0%, transparent 50%, transparent 100%);}
.light .btn-outline-secondary { --bs-btn-color: #000;}
.light .user-message-text {background: #e3e3e9;}
.light .form-control option {color: #000;}

.light .form-check-input {background-color: #e6e6e6a1;}
.light .form-check .form-check-input:checked {background-color: #bfbfbf; border-color: #bbb;}

.light .login_logo img {filter: unset; }

.light .login::before {background: #f3f3f3}
.light .bi-sun{display: none;}
.dark .bi-moon{display: none;}
.checkbox-label i{font-size: 20px;}
.light .form-label {color: #333;}
.light .login_container_box {background: #f3f3f3;}
.light .app-brand .logo{filter: unset;}
.light .app-brand-sm .logo {filter: unset;}
@media only screen and (max-width: 990px) {
   .light .chatListM {background: #f0f0f0; }
  }

.light .d_icon_box {background: #2d3ebc;}
.light .css-13cymwt-control{background-color: #eeeeeebf !important; color: #000 !important; border: var(--bs-border-width) solid #c0c0c0 !important;}
.light .css-1nmdiq5-menu { background: #fff !important; }
.css-t3ipsp-control:hover{background-color: #eeeeeebf !important; border: var(--bs-border-width) solid #c0c0c0 !important;}
.light .HistoryDetaBg {background: #E3E3E3}
.light .HistoryInnerBg {background: #ccc;}
.light .OpportunityBg {background: #EBEBEB;}
.light .rd3t-link{stroke: #000 !important;}