.checkbox {opacity: 0; position: absolute;}
.checkbox-label { background-color: #4a4a4f; width: 50px; height: 26px; border-radius: 50px; position: relative; padding: 5px; 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 .light_logo{display: none;}
.light .dark_logo {display: inline-block;}

.light .sidebar-wrapper {background: #fff; border-right: 1px solid #d0d4d4;}



.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 .treeview-menu>li>a {color: #000 !important; box-shadow: none !important;} 


.light .card {border: 1px solid #d0d4d4; background: #fff;}
.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 {background-color: #ddd;}
.light .checkbox-label .ball {background-color: #bdbdbd;}
.light .header-actions .dropdown-toggle.action-icon {background: #ddd; color: rgb(28, 28, 28) !important;}

.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 .dropdown-item {color: rgb(28, 28, 28) !important;}
.light .table-outer {border: 1px solid #ddddde;}
.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 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 .form-control option {color: #000;}
.light .login-content {background: #fff;  color: #000;  box-shadow: 0px 6px 9px 4px #dcdcdc !important;}
.light .nav-pills .nav-link {color: #000;}
.light .text-white{color: #000 !important;}
.dark .input-group-text{color: #fff; border: var(--bs-border-width) solid #505052; background-color: #222224;}
.dark .icon_box {border: 1px solid #2f3030; background-image: radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0.23), rgba(255, 255, 255, 0) 55%);}
.dark .icon_box img{filter: brightness(0) invert(1);}
.light .css-13cymwt-control {background-color: #f0f0f0; color: #000; border: var(--bs-border-width) solid #f0f0f0;}
.light .css-t3ipsp-control {background-color: #f0f0f0; color: #000; border: var(--bs-border-width) solid #f0f0f0;}
.light .css-t3ipsp-control:hover{border-color: #f0f0f0 !important;}