@import "dialog-pYIDVCi.css";

:root {
    --bs-app-header-height: 80px;
    --ct-color-primary: #BE1E2D;
}

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

.text-hover-ct-primary:hover, .text-hover-ct-primary:hover i {
    transition: color 0.2s ease;
    color: var(--ct-color-primary) !important;
}


.link-ct-primary {
    color: var(--ct-color-primary) !important;

    &:hover {
        color: #a11a26 !important;
    }
}

.bg-ct-primary {
    background-color: var(--ct-color-primary) !important;
    color: white;
}

.btn-ct-primary {
    background-color: var(--ct-color-primary);
    color: white;

    &:hover, &:focus, &:active, &:focus-visible {
        background-color: #a11a26 !important;
        color: white !important;
    }
}

.app-sidebar {
    background-color: var(--ct-color-primary);
}

.app-sidebar-header .btn.btn-custom {
    border-style: dashed;
    border-color: white;
    background-color: white;
}

.menu-link:hover {
    color: var(--ct-color-primary) !important;
}

.app-sidebar-footer .btn.btn-custom {
    border-color: white !important;
    color: white !important;
}

.menu-content.menu-heading {
    color: white !important;
}

.app-sidebar-navs .menu .menu-item.here > .menu-link {
    background-color: white !important;

    .menu-title, .menu-icon i {
        color: var(--ct-color-primary) !important;
    }
}

.btn.btn-icon.btn-xs, .btn-group-xs > .btn.btn-icon {
    height: calc(1em + 1.2rem + 2px);
    width: calc(1em + 1.2rem + 2px);
}

.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.55rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 0.95rem;
    --bs-btn-border-radius: 0.385rem;
}

.page-item.active .page-link {
    background-color: var(--ct-color-primary);
    border-color: var(--ct-color-primary);
}

.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {
    color: var(--ct-color-primary);
}

.app-sidebar-header .symbol-circle img {
    object-fit: contain;
    border-radius: 0 !important;
    background-color: white;
}

.nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link.active, .nav-line-tabs.nav-line-tabs-2x .nav-item.show .nav-link, .nav-line-tabs.nav-line-tabs-2x .nav-item .nav-link:hover:not(.disabled) {
    color: var(--ct-color-primary);
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
    border-bottom: 1px solid var(--ct-color-primary);
}

#kt_app_wrapper {
    background-color: #F9F9F9;
}

.ts-wrapper {
    height: 43px !important;

    &::after {
        display: none !important;
    }
}