:root {
    --color-text: #cfcde4;
}

body {
    color: var(--color-text) !important;
    --webkit-tap-highlight-color: rgba(47,51,73,0);
}
p {
    color: var(--color-text) !important;
}

.rbt-default-sidebar-list li a.active {
    background: linear-gradient(94deg, #dd00ac 10.66%, #7130c3 53.03%, #410093 96.34%, rgba(255, 0, 238, 0.26) 191.41%, rgba(255, 59, 212, 0) 191.43%) !important;
    color: #FFFFFF !important;
}
.rbt-default-sidebar-list li a:hover {
  color: #FFFFFF !important;
  background-color: #b56cb5 !important;
}
body.active-light-mode h5 {
    color: #444050;
}
ul {
    color: var(--color-text) !important;
}
li {
    color: var(--color-text) !important;
}
input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, label, select, i {
    color: var(--color-text) !important;
}
input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, label, select, i:focus {
    color: var(--color-text) !important;
    background: transparent !important;
}
.rbt-course-details-list-wrapper li a, .rbt-default-sidebar-list li a {
    color: var(--color-text) !important;
}
h1, h2, h3, h4, h5, h6, .h1 .h2 .h3 .h4 .h5 .h6  {
    color: var(--color-text) !important;
}
th, tr, td {
    color: var(--color-text) !important;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li a {
    color: var(--color-text) !important;
}
.rbt-user-menu-list-wrapper .user-list-wrapper li a.active {
    background-color: #1f58c7 !important;
}
::-moz-selection { /* Code for Firefox */
    color: #0f1021;
    background: #FFFFFF;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-text) !important;
    background-color: #0f1021 !important;
    transition: background-color 5000s ease-in-out 0s;
}

html {
    font-size: var(--bs-body-font-size) !important;
}

.active-dark-mode .card-header {
    background: #0f1021;
    border-bottom: 1px solid #44485e;
}
.active-dark-mode .card {
    background: #0f1021;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border: #44485e;
}

.active-dark-mode input.gridjs-input {
    background-color: #0f1021 !important;
    border: 1px solid #44485e !important;
    color: var(--color-text) !important;
}

.active-dark-mode th.gridjs-th {
    color: var(--color-text) !important;
    background: #0f1021 !important;
    border: 1px solid #44485e !important;
}

.active-dark-mode .gridjs-tbody, td.gridjs-td {
    color: var(--color-text) !important;
    background: #0f1021 !important;
    border: 1px solid #44485e !important;
}

.active-dark-mode .gridjs-footer {
    background-color: #0f1021 !important;
    border: 1px solid #44485e !important;
}

.active-dark-mode .gridjs-footer .gridjs-pagination {
    color: var(--color-text) !important;
}
.dataTables_wrapper .dataTables_length {
    color: #7376aa !important;
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing{
    color: var(--color-text) !important;
}

.equal-width {
    width: 50%; /* Hoặc bất kỳ chiều rộng nào bạn muốn */
}
.equal-card-width {
    height: 90%; /* Đảm bảo chiều rộng của mỗi thẻ chiếm toàn bộ không gian của cột */
}
.active-dark-mode .swal2-popup {
    background: #19191a
}
.active-dark-mode .swal2-html-container {
    color: #e1e1e1;
}
.btn-primary{
    background: linear-gradient(94deg, #dd00ac 10.66%, #7130c3 53.03%, #410093 96.34%, rgba(255, 0, 238, 0.26) 191.41%, rgba(255, 59, 212, 0) 191.43%) !important;
    border-style: solid !important;
    border-width: 0px !important;
    border-color: transparent !important;
}
.bg-primary {
    background: linear-gradient(94deg, #dd00ac 10.66%, #7130c3 53.03%, #410093 96.34%, rgba(255, 0, 238, 0.26) 191.41%, rgba(255, 59, 212, 0) 191.43%) !important;
}

@media only screen and (max-width: 768px) {
    .bank-description {
        margin-top: 1rem;
    }

}

@media only screen and (max-width: 576px) {
    .bank-description {
        margin-top: 1rem;
    }
}

.active-dark-mode .table-dark {
    --bs-table-bg: #0f1021 !important;
    z-index: 2;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
    color: var(--color-text) !important;
}
.card-header {
    display: flex;
}
.card-header .card-action-title {
    flex-grow: 1;
    margin-right: 0.5rem;
}
.card-header .card-action-element {
    flex-shrink: 0;
    background-color: inherit;
    top: 1rem;
    right: 1.5rem;
    color: #fff;
}
.card-header .card-action-element a {
    color: #fff;
}
.card-header .card-action-element a .collapse-icon::after {
    margin-top: -0.15rem;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-top: -.297em;
    margin-left: .8em;
    width: .55em;
    height: .55em;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.form-group input, .form-group select {
    height: 40px !important;
}
.btn-default {
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#formLogin .btn-default, #formRegister .btn-default, #formLogin input, #formRegister input,
#formForgotPass input, #formForgotPass .btn-default, #formResetPass input, #formResetPass .btn-default, #webkey, #weburl, #input-captcha{
    height: 50px !important;
    line-height: 50px !important;
    font-size: 16px !important;
}

#typeCaptcha, #subtypeCaptcha {
    height: 50px !important;
    font-size: 16px !important;
    background: #0f1021 !important;
}

.notification-box-switch {
    margin-bottom: 20px !important;
}
.single-settings-box {
    margin-bottom: unset !important;
    padding: 20px !important;
}

.page-item:first-child .page-link, .page-item.active .page-link, .page-item:last-child .page-link, .page-item:not(:first-child) .page-link {
    font-size: 14px !important;
    text-align: center !important;
    padding: 2px 14px !important;
}
.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 1 !important;
}

.modal-content {
    background-color: #0f1021 !important;
    color: #fff !important;
}
.modal-header {
    border-bottom: 1px solid #44485e !important;
}
.modal-footer {
    border-top: 1px solid #44485e !important;
}

.btn-close, .btn-close:hover {
    color: #fff !important;
}

.form-select {
    background: transparent !important;
}
.form-group textarea {
    background: transparent !important;
}

.rainbow-section-gapTop-big {
    padding-top: 80px !important;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .rainbow-section-gapTop-big {
      padding-top: 60px !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .rainbow-section-gapTop-big {
      padding-top: 0px !important;
    }
  }

.rbt-left-panel .rbt-default-sidebar .rbt-default-sidebar-wrapper {
    overflow: unset !important;
}

.modal-backdrop {
    background-color: rgba(0, 0, 1.5) !important;
}
.modal-content {
    background: #212a47 !important;
}