:root {
    --dentsu-primary: #000014;
    --dentsu-foreground: #262626;
}

body {
    font-family: "Cera Pro", "Arial", "Helvetica", "sans-serif";
}

.client-hide {
    display: none;
}

.skin-primary .wrapper, .skin-primary .main-sidebar, .skin-primary .left-side {
    background: var(--white);
}

.skin-primary .main-header {
    background: var(--white);
}

.skin-primary .sidebar a,
[class*='sidebar-dark'] .nav-legacy.nav-sidebar > .nav-item > .nav-link.active,
.nav-legacy.nav-sidebar > .nav-item .nav-treeview > .nav-item:hover > .nav-link,
.nav-legacy.nav-sidebar > .nav-item .nav-treeview > .nav-item.active > .nav-link,
[class*='sidebar-dark-'] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*='sidebar-dark-'] .nav-sidebar > .nav-item:hover > .nav-link,
[class*='sidebar-dark-'] .nav-sidebar > .nav-item > .nav-link:focus {
    color: var(--dentsu-foreground);
}

.sidebar-dark-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.sidebar-light-success .nav-sidebar.nav-legacy > .nav-item > .nav-link.active,
.smart-filter--drim .smart-filter__main.active {
    border-color: var(--dentsu-primary);
}

.nav-legacy.nav-sidebar > .nav-item .nav-treeview {
    background: #ebebeb !important;
    padding: 2px 0;
}

.nav-legacy.nav-sidebar > .nav-item .nav-treeview > .nav-item > .nav-link {
    margin: 2px;
    color: var(--dentsu-primary);
}

.nav-legacy.nav-sidebar > .nav-item .nav-treeview .nav-item.active > .nav-link.active {
    background: var(--white);
    border-radius: 4px;
    color: var(--dentsu-primary);
}

.ivk_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    background: var(--white);
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 5;
    box-shadow: 0 -2px 4px rgba(61, 61, 77, 0.25);
}

.ivk_BlockImg {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ivk_BlockImg img {
    width: 100%;
    display: block;
}

.main-header .nav-link:hover {
    color: var(--dentsu-primary) !important;
}

.main-sidebar:hover .logo-switch .logo-xs {
    display: none;
}

.sidebar-collapse .main-sidebar .sidebar {
    margin-top: 0;
}

.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    height: 50px;
}

[class*='sidebar-dark'] .brand-link {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
    background-color: var(--dentsu-primary);
    border: unset !important;
}

.login-page-promo__title {
    color: var(--white);
    text-transform: uppercase;
}

.login-page-promo__brands .infinity-line {
    padding: 10px 0 40px 0;
}

.login-page-promo__brands .infinity-line div {
    width: 400%;
}

.login-page-promo__brands .infinity-line img {
    object-fit: contain;
    margin-right: 0;
}

.infinity-line {
    border-bottom: none;
}

.badge-primary {
    background-color: var(--dentsu-primary);
}

.badge-success {
    background-color: var(--dentsu-primary);
}

.logo-switch img,
.login-page-logo {
    object-fit: contain;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--dentsu-primary);
    border-color: var(--dentsu-primary);
}

.btn-success,
.btn-success.disabled,
.btn-success:disabled {
    background-color: var(--dentsu-primary);
    border-color: var(--dentsu-primary);
}

.btn-outline-primary,
.btn.btn-outline-primary:not(:disabled):not(.disabled):hover,
.btn.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn.btn-outline-primary:focus {
    color: var(--dentsu-primary);
    border-color: var(--dentsu-primary);
}

.btn-outline-success,
.btn.btn-outline-success:not(:disabled):not(.disabled):hover,
.btn.btn-outline-success:not(:disabled):not(.disabled):active,
.btn.btn-outline-success:focus {
    color: var(--dentsu-primary);
    border-color: var(--dentsu-primary);
}

.page-item.active .page-link,
.btn-perf,
.btn-perf:hover {
    background-color: var(--dentsu-primary);
    border-color: var(--dentsu-primary);
}

.blogger-analytics .swiper-engagement .swiper-button,
span.swiper-pagination-bullet-active,
.multi-select-2-dropdown_theme-new .multi-select-2-item_category_check--count,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.form-check-input[type=checkbox]:checked + label:before,
.information-block__timer {
    background-color: var(--dentsu-primary);
}

.multi-select-2-button.active .multi-select-2-button__text,
.multi-select-2-button.active .multi-select-2-button__count,
.multi-select-2-button:hover,
.multi-select-2-dropdown_theme-new .multi-select-2-item_select-all,
.multi-select-2-dropdown_theme-new .multi-select-2-item_clear-all,
.presentation-content a {
    color: var(--dentsu-primary);
}

.form-check-input[type=checkbox]:checked + label:after,
.form-check-input[type=checkbox]:not(:checked) + label:after {
    border-color: var(--dentsu-primary);
}

.form-control:focus {
    border-color: var(--dentsu-primary);
}

.text-primary {
    color: var(--dentsu-primary) !important;
}

.text-secondary {
    color: var(--dentsu-primary) !important;
}

.text-body {
    color: var(--dentsu-foreground) !important;
}

.presentation .login-page-logo {
    width: 140px;
    height: auto;
}

.information-block__timer .btn.btn-success-light,
.information-block__timer .btn.btn-success-light:not(:disabled):not(.disabled):hover,
.information-block__timer .btn.btn-success-light:not(:disabled):not(.disabled):active,
.information-block__timer .btn.btn-success-light:focus {
    background-color: var(--dentsu-primary);
    border-color: var(--dentsu-primary);
    color: var(--white);
}

.multi-select-2-dropdown_theme-new .multi-select-2-item_checkbox.active:not(.multi-select-2-item_select-all):not(.multi-select-2-item_clear-all)::after {
    background-image: url("/pics/check-dark.svg");
}

.otp-input--default .otp-input__item--focused {
    border-color: var(--dentsu-primary);
    color: var(--dentsu-foreground);
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .logo-xs {
        width: auto;
    }
}

@media (max-width: 991px) {
    .login-page-promo__brands {
        padding: 10px 1.7rem 0 1.7rem;
        background-color: var(--dentsu-primary);
    }

    .login-page-promo__brands .infinity-line {
        margin-top: 0;
        padding: 20px 0;
    }

    .login-page-promo__brands .infinity-line div {
        width: 500%;
    }

    .login-page-promo__brands .infinity-line span {
        gap: 10px;
    }

    .login-page-promo__brands .infinity-line img {
        max-height: 30px;
    }
}

@media (max-width: 575.98px) {
    .presentation .login-page-logo {
        width: 120px;
    }

    .presentation .login-page-promo {
        background-color: var(--dentsu-primary);
    }
}