:root {
    --evo-data-grid-border-width: 1px;
    --evo-data-grid-border-style: solid;
    --evo-data-grid-checkbox-color: var(--white);
    --evo-base-numbered-label-bg-color: var(--white);
    --evo-base-numbered-label-color: #000;
}

[data-theme="dark"] html,
[data-theme="dark"] .main-content,
[data-theme="dark"] div.page-container.new-sidebar-design > div.sidebar-menu {
    background-color: var(--evo-dark-bg);
}

[data-theme="light"] html,
[data-theme="light"] .main-content{
    background-color: #F3F3F3;
}

/*Need help text color*/
[data-theme="dark"] ._bzf50 {
    color: #000 !important;
}

[data-theme="dark"] .main-content p,
[data-theme="dark"] .main-content h1,
[data-theme="dark"] .main-content h2,
[data-theme="dark"] .main-content h3,
[data-theme="dark"] .main-content span,
[data-theme="dark"] .main-content a,
[data-theme="dark"] .main-content i,
[data-theme="dark"] .main-content strong {
    color: var(--white);
}

[data-theme="dark"] .box-primary {
    box-shadow: none;
    background-color: var(--evo-dark-bg);
    border: 2px solid var(--evo-dark-grey);
    border-radius: 3px;
}

.uppercase {
    text-transform: uppercase;
}

.all-white-text > * {
    color: var(--white);
}

.no-shadow {
    box-shadow: none !important;
}

.evo-overflow-visible {
    overflow: visible !important;
}

.opacity-25 {
    opacity: .25;
}

.opacity-50 {
    opacity: .5;
}

.opacity-75 {
    opacity: .75;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.alert {
    box-shadow: none;
    border-radius: 3px;
}

[data-theme="dark"] .evo-alert {
    border: none;
    color: var(--evo-white);
}

[data-theme="dark"] .alert-info {
    background-color: #b0e0e670; /* Powder blue with opacity */
    border-left-color: var(--evo-powder-blue);
}

[data-theme="dark"] .alert-info > * {
    color: var(--evo-white);
}

[data-theme="dark"] .evo-alert > .fa,
[data-theme="dark"] .alert-warning > .fas,
[data-theme="dark"] .alert-warning > .far,
[data-theme="dark"] .alert-warning > .fal {
    color: var(--evo-primary-yellow) !important;
}

 .evo-alert a.btn {
    padding: 6px 16px !important;
    min-width: unset;
    border-radius: 5px !important;
    transition: .1s ease-in;
}

[data-theme="dark"] {
    --evo-alert-btn-color: var(--evo-primary-yellow);
}

[data-theme="light"] {
    --evo-alert-btn-color: var(--evo-light-grey);
}

[data-theme="dark"] .evo-alert a.btn {
    background: var(--evo-dark-grey) 0 0 no-repeat padding-box;
    border: 2px solid var(--evo-alert-btn-color);
    color: var(--evo-alert-btn-color);
}

[data-theme="light"] .evo-alert:not(:has(.memo-content)) a.btn {
    background: var(--evo-white) 0 0 no-repeat padding-box;
    border: 2px solid var(--evo-dark-grey);
    color: var(--evo-dark-grey);
}

[data-theme="dark"] .evo-alert a.btn:hover {
    background-color: var(--evo-primary-yellow);
    color: var(--evo-dark-grey);
}

div.page-container div.sidebar-menu-inner > ul.main-menu li.active.root-level.has-sub > a:after {
    background-color: var(--evo-primary-yellow) !important;
}

[data-theme="dark"] .evo-sidebar-client,
[data-theme="dark"] div.evo-sidebar-client > div.sidebar-menu {
    border-right-color: var(--evo-dark) !important;
    border-right-width: 2px !important;
}

div.page-container > div.sidebar-menu header.logo-env img {
    min-width: unset;
    margin-top: 6px;
}

div.social-icons a {
    background-color: transparent;
    color: var(--evo-grey);
}

[data-theme="dark"] div.adcash-managed-header {
    background-color: var(--evo-dark);
    border-bottom: none;
}

[data-theme="dark"] div.adcash-managed-header a,
.dropdown-toggle {
    color: var(--evo-dark);
}

[data-theme="dark"] .adv-header-links > li > a:hover,
[data-theme="dark"] .adv-header-links > li.open > a.dropdown-toggle {
    background-color: var(--evo-grey);
}

div.sidebar-menu-inner > header.logo-env > div.sidebar-collapse,
div.sidebar-menu-inner > header.logo-env > div.sidebar-mobile-menu {
    border: none;
}

[data-theme="dark"] div.sidebar-menu-inner > header.logo-env > div.sidebar-collapse i,
[data-theme="dark"] div.sidebar-menu-inner > header.logo-env > div.sidebar-mobile-menu i {
    color: white;
    font-size: large;
    font-weight: normal !important;
}

.menu-client-type {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 24px 21px;
}

[data-theme="dark"] .adv-header-links > li > ul.dropdown-menu > li,
[data-theme="dark"] .adv-header-links > li > ul.notifications-dropdown > li > ul.dropdown-menu-list > li,
[data-theme="dark"] .adv-header-links > li > ul.notifications-dropdown > li > ul.dropdown-menu-list > li.unread > a,
[data-theme="dark"] #account-list-dropdown-menu,
[data-theme="dark"] .dropdown-menu {
    background: var(--evo-dark-grey);
    border-bottom-color: var(--evo-dark-bg);
    transition: .1s ease-in;
}

[data-theme="dark"] .dropdown-menu > li > a {
    color: var(--dark-white);
}

.columns-apply button {
    background-color: var(--evo-mint) !important;
    color: var(--evo-dark) !important;
}


.adv-header-links > li > ul.notifications-dropdown > li > ul.dropdown-menu-list > li > a:hover,
.dropdown-menu > li > a:hover,
.adv-header-links > li > ul.dropdown-menu > li.profile-block:hover {
    background-color: #9da09333 !important;
}

#logout-link:hover {
    background-color: #c2c2c2 !important;
}

[data-theme="dark"] .adv-header-links > li > ul.notifications-dropdown > li.top,
[data-theme="dark"] .adv-header-links > li > ul.notifications-dropdown > li.external > a {
    background-color: var(--evo-dark-bg);
    color: white;
}

[data-theme="dark"] .adv-header-links > li > ul.dropdown-menu > li.profile-block.active {
    background-color: var(--evo-dark-bg);
}

[data-theme="dark"] .adv-header-links > li > ul.dropdown-menu > li.profile-block strong {
    color: white;
}

[data-theme="dark"] .full-graph > .box {
    background: var(--evo-dark-bg);
    box-shadow: none;
}

[data-theme="dark"] .box-content {
    background-color: var(--evo-dark-grey);
}

.box-grid-container .box-square {
    box-shadow: none;
}

[data-theme="dark"] .modal_container {
    box-shadow: none !important;
    background-color: var(--evo-dark-grey) !important;
    border-left-color: var(--evo-mint) !important;
}

[data-theme="dark"] .modal_container > *,
[data-theme="dark"] .action-icon {
    color: white !important;
    box-shadow: none;
    text-shadow: none !important;
}

[data-theme="dark"] .modal_unit .modal_overlay {
    background-color: rgba(0, 0, 0, .7) !important;
}

[data-theme="dark"] .security-cnt .security-description {
    color: #EDEDED;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-body,
[data-theme="dark"] .modal-footer {
    background-color: var(--evo-dark-grey) !important;
    color: white;
}

[data-theme="dark"] .modal-title,
[data-theme="dark"] #modal-setup-google-authenticator .step-description,
[data-theme="dark"] #modal-setup-google-authenticator .step-description-title,
[data-theme="dark"] #modal-setup-google-authenticator .appstore-item-content-download,
[data-theme="dark"] .setup-google-authenticator-cnt .step-item {
    color: white;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer,
[data-theme="dark"] .setup-google-authenticator-cnt .appstore-item {
    border-color: var(--evo-dark-bg) !important;
}

[data-theme="light"] .setup-google-authenticator-cnt .appstore-item {
    border-color: var(--evo-dark-bg) !important;
    background-color: #DDD;
}

.setup-google-authenticator-cnt .step-item[data-status="process"],
.setup-google-authenticator-cnt .step-item[data-status="finish"] {
    color: var(--evo-powder-blue);
    font-weight: bold;
}

[data-theme="dark"] #modal-setup-google-authenticator .appstore-item-content-store,
[data-theme="dark"] .google-qr-code-content {
    color: var(--evo-white);
}

[data-theme="dark"] .setup-google-authenticator-cnt .step-separator,
[data-theme="dark"] .setup-google-authenticator-cnt .step-item .step-marker,
[data-theme="dark"] .setup-google-authenticator-cnt .step-item[data-status="process"] .step-marker::after {
    background-color: var(--evo-grey);
}

[data-theme="dark"] .setup-google-authenticator-cnt .google-qr-code-value {
    background-color: var(--evo-dark-bg);
}

[data-theme="dark"] .btn.btn-default:hover i,
[data-theme="dark"] .btn.btn-default:focus i,
[data-theme="dark"] .btn.btn-default:active i,
[data-theme="dark"] .btn.btn-default.active i,
[data-theme="dark"] .btn.btn-default .open .dropdown-toggle i {
    background-color: transparent !important;
}

[data-theme="dark"] .outline-tiles-wrapper .tile.tile {
    background-color: transparent;
    border: 2px solid var(--evo-dark-grey);
}

[data-theme="dark"] .payment-request-cnt .tile-payment-method.active,
[data-theme="dark"] .payment-request-cnt .tile-payment-method:hover,
[data-theme="dark"] .advertiser-payment-method-cnt .tile-payment-method.active,
[data-theme="dark"] .advertiser-payment-method-cnt .tile-payment-method:hover {
    background-color: #aeffdea3;
!important; /* Mint with opacity */
    border-color: var(--evo-powder-blue) !important;
}

[data-theme="dark"] .advertiser-payment-method-cnt .tile,
[data-theme="dark"] .evo-payment-method {
    background-color: #8c8c8c !important;
}

.advertiser-payment-method-cnt .tile.active,
.evo-payment-method.active {
    background-color: var(--evo-powder-blue) !important;
    background: var(--evo-powder-blue) !important;
}

.security-cnt .security-item {
    border-bottom-color: var(--evo-dark-grey);
}

.modal_container > button.close {
    background-color: transparent;
}

[data-theme="dark"] .column-selection,
[data-theme="dark"] .data-grid-column-actions .column-selection-wrapper,
[data-theme="dark"] .data-grid-column-actions .column-selection-wrapper:before {
    background-color: var(--evo-dark-bg) !important;
    box-shadow: none !important;
    color: var(--evo-white);
}

a.text-primary:hover {
    color: var(--evo-powder-blue);
}

[data-theme="dark"] .panel .panel-heading .panel-title a:hover {
    background-color: var(--evo-dark);
}

.panel .panel-heading .panel-title a i.fa-chevron-down {
    color: var(--white)
}

.login-form {
    background-color: var(--evo-dark-bg);
}

.login-form .box-emphasis,
[data-theme="dark"] .advice-wrapper {
    background-color: var(--evo-dark-grey);
    color: #FFF;
    border: none;
}

[data-theme="light"] .advice-wrapper {
    background-color: var(--dark-white);
}

.login-form .box-icon,
.pagination > li.active > span,
.pagination > li.active > a {
    background-color: var(--evo-mint);
    color: var(--evo-dark);
}

.login-form a {
    color: var(--evo-primary-yellow);
}

.login-content > * {
    color: #FFF;
}

[data-theme="dark"] .notification-content > *,
[data-theme="dark"] .adv-header-links > li > ul.notifications-dropdown > li > ul.dropdown-menu-list > li > div.content {
    color: white !important;
}

[data-theme="dark"] .adv-header-links > li > ul.notifications-dropdown > li > ul.dropdown-menu-list > li > div.content {
    background-color: #636363;
}

[data-theme="dark"] .pagination > li > span, .pagination > li > a {
    background-color: var(--evo-dark-bg);
}

div.page-container.sidebar-collapsed.advertisers-sidebar-design div.sidebar-menu-inner > ul.main-menu > li.root-level.has-sub > a > span {
    background-color: var(--evo-dark);
}

[data-theme="dark"] .pagination > li.disabled > span, .pagination > li.disabled > a,
div.page-container.sidebar-collapsed.advertisers-sidebar-design div.sidebar-menu-inner > ul.main-menu > li.root-level:hover > ul,
.badge-dark {
    background-color: var(--evo-dark);
}

[data-theme="dark"] .pagination > li > span:hover, .pagination > li > a:hover {
    background-color: #aeffde47;
}

.sidebar-collapsed .menu-client-type > span {
    display: none;
}

[data-theme="dark"] .popover.right .arrow:after,
[data-theme="dark"] .popover.right .arrow {
    border-right-color: var(--evo-dark);
}

[data-theme="dark"] .changelog-value-column,
[data-theme="dark"] .changelog-label {
    color: var(--evo-dark) !important;
}

@media (min-width: 769px) {
    [data-theme="dark"] div.page-container.sidebar-collapsed.advertisers-sidebar-design div.sidebar-menu-inner > ul.main-menu > li.root-level > a > span {
        background-color: var(--evo-dark);
        color: #fff;
    }
}

.pagination-link.disabled,
.pagination-item,
.btn-nav.pagination-link {
    background-color: transparent !important;
}

.pagination-item.active {
    background-color: var(--evo-powder-blue) !important;
    color: var(--evo-dark) !important;
}

.pagination-item, .pagination-link {
    border: 1px solid var(--evo-dark-grey) !important;
}

.carousel-inner .item.active a {
    background-size: contain !important;
}

.no-border {
    border: none !important;
}

.text-danger,
.text-danger > * {
    color: #ff4c4f !important;
}

.text-success,
.text-success > * {
    color: #45b97c !important;
}

[data-theme="light"] .dashboard-short-info {
    background-color: transparent !important;
}

.border-radius-md {
    border-radius: 6px;
}

[data-theme="light"] .btn.btn-primary:disabled {
    color: var(--evo-white);
}

[data-theme="dark"] .form-group .has-error strong {
    color: var(--evo-error) !important;
}
