@font-face {
    font-family: 'Titillium Web';
    src: url('/fonts/TitilliumWeb-Regular.ttf') format('truetype');
}

html, body {
    font-family: 'Titillium Web' !important;
    color: #25050B !important;
}

.bold {
    font-weight: 700 !important;
}


.sidebar, .sidebar-logo {
    width: 14rem !important;
}

.top-bar {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #FFFFFF;
}

.sidebar {
    background-color: #a70f31;
    background-image: linear-gradient(180deg, #a70f31 10%, #840404 100%);
    background-size: cover;
    height: calc(100vh - 4rem);
    position: sticky;
    left: 0;
    top: 64px;
}


.sidebar-logo {
    height: 4rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-logo img {
    width: 150px;
}

.shadow {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
}

.cursor-pointer {
    cursor: pointer;
}

.profile-menu {
    background: #FFFFFF;
    padding: 5px 20px 5px 20px;
    position: absolute;
    top: 65px;
    right: 20px;
    border: 1px solid #E4E0E1;
}


.red {
    color: #a70f31 !important;
}

.menu-parent {

}

    .menu-parent .menu-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #FFFFFF;
        cursor: pointer;
    }
        .menu-parent .menu-title .menu-title-text {
            display: flex;
            align-items: center;
            justify-content: start;
        }

.menu-content {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
}

.menu-content a {
    color: #000000;
}

.btn-outline-secondary, .btn-outline-secondary:hover, .btn-outline-secondary:focus {
    border-color: #A81833;
    background-color: #FFFFFF;
    color: #A81833;
    font-weight: 700;
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
    border-color: #A81833;
    background-color: #A81833;
    color: #FFFFFF;
    font-weight: 500;
    box-shadow: none;
}

/* Switch */

.rz-switch {
    height: 100%;
}
.rz-switch-circle {
    height: 40px;
    width: 70px;
    background-color: #FFFFFF !important;
    border: 1px solid #E4E0E1 !important;
}

    .rz-switch-circle::before {
        height: 30px !important;
        width: 30px !important;
        top: 14px !important;
        border-radius: 30px !important;
        background-color: #BDB3B5 !important;
        left: 5px !important;
    }

    .rz-switch-circle:hover:before {
        box-shadow: none !important
    }

.rz-switch.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(28px) !important;
    background-color: #A81833 !important;
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background-color: #E4E0E1 !important;
}

.rz-switch.rz-switch-checked.table-switch .rz-switch-circle:before {
    transform: translateX(22px) !important;
}

.rz-switch.rz-state-disabled {
    background-color: transparent !important
}

.rz-data-row td:has(.grid-switch) {
    padding-top: 0;
    padding-bottom: 0
}

.grid-switch {
    height: 44px !important;
}

    .grid-switch .rz-switch-circle {
        height: 32px;
        width: 54px;
    }

        .grid-switch .rz-switch-circle::before {
            height: 24px !important;
            width: 24px !important;
            top: 13px !important;
            left: 5px !important;
        }

    .grid-switch .rz-switch.rz-switch-checked .rz-switch-circle:before {
        transform: translateX(18px) !important;
    }

.rz-switch:hover:not(.rz-state-disabled):after {
    background-color: transparent !important
}


.rz-pager {
    margin-top: 15px;
    justify-content: center !important;
}

    .rz-pager a {
        background-color: transparent !important;
    }

.rz-pager-first, .rz-pager-prev, .rz-pager-next, .rz-pager-last {
    margin: 0 !important;
}

.rz-pager-page.rz-state-active {
    background-color: #A81833 !important;
    color: #FFFFFF !important;
}

.rz-pager-element {
    height: 35px !important;
    min-height: 35px !important;
    width: 35px !important;
    min-width: 35px !important;
    padding: 5px 0px !important;
}

.rz-pager-page {
    color: #A81833;
    border: 1px solid #A81833 !important;
    border-radius: 5px !important;
}

.rz-pager-first {
    margin-left: calc(35%) !important
}

.no-paging-options .rz-pager-first {
    margin-left: 0px !important

}

.bookmark-container {
    position: relative;
    width: fit-content;
}

    .bookmark-container img {
        width: fit-content;
        height: fit-content;
    }

.text-in-bookmark {
    position: absolute;
    right: 220px;
    top: calc(50% - 37.5px);
    color: #FFFFFF !important;
    font-size: 50px;
    font-weight: 700;
}

.login-padding {
    padding: 0 200px 0 328px;
}

.login-image-container {
    position: relative;
    height: 520px;
}

.login-image {
    position: absolute;
    top: -110px;
    right: 10px;
    z-index: 10;
}

.login-bottom-lines {
    position: absolute;
    right: -212px;
    bottom: 0px;
    z-index: 9;
}

.login-margin-top {
    margin-top: 100px;
}

.login-spid-spinner {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    margin-top: 100px;
}

    .login-spid-spinner .spinner-border {
        margin-top: 15px;
    }

.bold-max {
    font-weight: 700 !important;
}

.pointer {
    cursor: pointer;
}

.spid-blue {
    color: #0166CC !important;
}