:root {
    --primary: #0049b2;
}

.btn-primary {
    background-color: #0049b2;
    border-color: #0049b2;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #006f94;
        border-color: #006687;
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #0049b2;
        border-color: #0049b2;
    }

.btn-outline-primary {
    color: #0049b2;
    border-color: #0049b2;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #0049b2;
        border-color: #0049b2;
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #0049b2;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #0049b2;
        border-color: #0049b2;
    }

.btn-link {
    color: #0049b2;
}

    .btn-link:hover {
        color: #00526e;
    }

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #0049b2;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #0049b2;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0049b2;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #0049b2;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0049b2;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0049b2;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #0049b2;
    border-color: #0049b2;
}

.badge-primary {
    color: #fff;
    background-color: #0049b2;
}

    .badge-primary[href]:hover, .badge-primary[href]:focus {
        color: #fff;
        background-color: #006687;
    }

.progress-bar {
    color: #0049b2;
    background-color: #0049b2;
}

.list-group-item.active {
    color: #fff;
    background-color: #0049b2;
    border-color: #0049b2;
}

.bg-primary {
    background-color: #0049b2 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #006687 !important;
}

.border-primary {
    border-color: #0049b2 !important;
}

.text-primary {
    color: #0049b2 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #006687 !important;
}

.bg-primary .dropdown-menu {
    background-color: #0049b2;
}

    .bg-primary .dropdown-menu .dropdown-item.active,
    .bg-primary .dropdown-menu .dropdown-item:hover,
    .bg-primary .dropdown-menu .dropdown-item:focus {
        background-color: #0049b2;
        color: #fff;
    }

.btn-primary {
    border-color: #0049b2;
}

.btn-group .dropdown-toggle.btn-primary ~ .dropdown-menu {
    background-color: #0049b2;
    border-color: #0049b2;
}

.alert-primary, .alert-primary > th, .alert-primary > td {
    background-color: #0049b2;
}

.border-primary {
    border-color: #0049b2 !important;
}

.border-bottom-primary {
    border-bottom-color: #0049b2 !important;
}

.theme-background {
    background-color: #0049b2;
}

.panel-primary > .panel-heading {
    color: #0049b2;
}

    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #0049b2;
    }

    .panel-primary > .panel-heading .badge {
        color: #fff;
        background-color: #0049b2;
    }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #0049b2;
}

.card-hoverable:hover {
    border-color: #0049b2;
}

.card-collapsable-overlay:hover {
    background-color: #0049b242;
}


/*SWITCH STYLES*/

input:checked + .slider {
    background-color: #0049b2;
}

input:focus + .slider {
    box-shadow: 0 0 1px #0049b2;
}

.support-case-message .tss-card {
    padding: 3px 8px;
}

.status-badge {
    border-radius: 8px;
    padding: 0px 6px;
    font-weight: 700;
    min-width: 50px;
    text-align: center;
}

.status-normal {
    background: #8d8d8d;
    color: white;
}

.status-urgent {
    background: #d2a000;
    color: white;
}

.status-aog {
    background: #d20000;
    color: white;
}

.msk-contact-card-small {
    width: 250px;
}

    .msk-contact-card-small .tss-textblock {
        overflow: visible;
        text-overflow: unset;
    }


.support-case-chat-area {
    border: 1px solid var(--tss-dark-border-color);
    border-radius: 6px;
    padding: 8px 10px;
    overflow-y: auto;
    overflow-x: hidden;
}

.case-stats {
    margin-right: 8px;
    color: gray;
    font-size: var(--tss-font-size-tiny);
    font-weight: 700;
    white-space: nowrap;
}

.case-stats-urgent {
    color: #d2a000;
}
.case-stats-aog {
    color: #d20000;
}

.dashboard-object-entry{
    background: var(--tss-primary-background-color);
    border-radius:8px;
    height:16px;
}

.msk-facets-active-labels {
    text-overflow: ellipsis;
    max-width: max(150px, calc(100% - 24px));
    overflow: hidden;
    display: inline-flex;
    align-items: center;
}

.ai-feature label{
    background: linear-gradient(122deg, #46C4FF 0%, #1A1BF4 35%, #1A1BF4 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}