body {
    font-size: 15px;
    color: #FFF;
    font-family: 'Roboto';
}

.brand-link {
    background: #000000;
    border-bottom: none !important;
}

.main-sidebar {
    background: #000000;
}

.main-header {
    background: #000000;
    color: #FFF;
    border-bottom: none;
}

.content-header {
    background: url('/images/main-content-header.png') no-repeat center center;
    background-size: cover;
    height: 200px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.content-header > * {
    padding-left: 1rem;
    padding-right: 1rem;
}

.content-wrapper>.content {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
    margin-top: -24px;
}

.content-wrapper>.content>* {
    padding-left: 1rem;
    padding-right: 1rem;
}

.content-wrapper {
    background: linear-gradient(134.62deg, #370C1A 0.34%, #212529 43.07%);
}

.card-secondary.card-outline {
    border-top: 0;
}

.card {
    background: #000000;
}

.main-footer {
    background: #212529;
    border-top: 0;
    color: #FFF;
}

.table-card-header {
    padding: 1.5rem;
}

.table-card-body {
    padding: 0;
}

.k-grid {
    border: none;
}

.k-grid, .k-header, .k-grid-header, .k-alt, .k-grid td, .k-pager-wrap, .k-grid-header .k-header>.k-link, .k-grid-header th.k-header>.k-link {
    background: black;
    border-color: black;
    color: #ADB5BD;
    line-height: 1.75rem;
}

.k-header, .k-grid-header .k-header>.k-link, .k-resize-handle, .k-grid-header th.k-header>.k-link, .k-grid-header-wrap {
    background: #2C0B0E;
    border-color: #2C0B0E;
}

.card-title {
    font-size: 1.2rem;
} 

.k-grid td {
    border-bottom: 1px solid #561435;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.k-pager-wrap {
    padding: 1.5rem 1rem;
    line-height: 2em;
}

.breadcrumb-item a:hover {
    color: white;
}

.breadcrumb-item.active {
    color: #38F4E1;
}

a.active {
    color: #38F4E1;
    text-decoration: underline;
}

a {
    color: #ADB5BD;
}

.k-state-selected {
    background-color: #ED1860;
    border-color: #ED1860;
}

.k-webkit .k-pager-numbers .k-current-page .k-link {
    background-color: #ED1860;
    border-color: #ED1860;
    text-align: center;
}

span.k-link.k-pager-nav {
    background-image: none;
    color: white;
    margin-left: 11px;
}

.nav-tabs .nav-link.active {
    background-color: #2C0B0E;
    color: white;
}

.card-title {
    color: #CED4DA;
}

.k-window.k-state-focused {
    border-color: #2C0B0E;
}

.k-pager-wrap>.k-link>.k-icon {
    color: #ADB5BD;
}

.k-state-disabled {
    pointer-events: none;
}

.k-pager-wrap .k-link:hover .k-icon {
    color: white;
}

.k-pager-numbers .k-link {
    color: #ADB5BD;
}

/* .k-grid tbody .k-button {
    color: #CED4DA;
    background-color: black;
    border-color: #ADB5BD;
} */

.k-grid tbody .k-button {
    color: #FFFFFF;
    background: #ED1860;
    border: none;
}

.k-dialog-content {
    background-color: #000000;   
    border-color: #2C0B0E;
    color: white;
}

.k-dialog-titlebar {
    display: none;
}

.navigation-logo-simple {
    display: none;
}

header {
    top: 0;
    position: sticky;
    z-index: 90;
}

.card-primary.card-outline-tabs>.card-header a.active {
    border: none;
}

.nav-tabs {
    border: none;
}


.form-control.readonly {
    color: black;
}

a.nav-link:hover {
    color: white;
    border: none;
}

.sign-out {
    color: #ADB5BD;
}

.sign-out:hover {
    color: white;
}

.password-container {
    position: relative;
}

.password-eye {
    color: silver;
    position: absolute;
    right: 15px;
    top: 19px;
    transform: translateY(-50%);
}

.license-active {
    color: #58df93;
}
.license-expiring {
    color: #FFBF00;
}
.license-expired {
    color: #dc3545;
}

.license-inactive {
    color: #9af1ff;
}

.toast-center {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 400px;
    height: 125px;
    text-align: center;
    position: fixed;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.badge-warning {
    background-color: #dc3545;
    color: white;
}

@media only screen and (max-width: 1280px) {

    .header-breadcrumb {
        transform: scale(0.8);
        transform-origin: top center;
    }   

    section.content {
        transform: scale(0.8);
        transform-origin: top center;
    }

    .scale-container {
        transform: scale(0.8);
        transform-origin: top center;
    }

    .k-window {
        transform: scale(0.8) !important;
        transform-origin: top center;
    }

}