@font-face {
    font-family: 'RedBull';
    src: url('fonts/Bull-Regular.otf');
}


:root {
    --bs-body-bg-rgb: 244, 244, 244;
    --bs-body-bg: #f4f4f4;
    --bs-body-font-size: 13px;
    --bs-primary: #DB0A40;
    --bs-secondary: #001135;
    --bs-secondary-contrast: #ffffff;
    --s-sidebar-band-bg: var(--bs-primary);
    --rbm-logo: url(images/logo.svg);
}

body {
    font-family: RedBull;
    background-color: var(--bs-secondary);
}

.bg-rbm-primary {
    background-color: var(--bs-primary) !important;
}

.bg-rbm-secondary {
    background-color: var(--bs-secondary) !important;
}

.table-responsive {
    max-height: 100vh;
}

#LoginPanel .s-Panel, #SignUpPanel .s-Panel, #ForgotPasswordPanel .s-Panel {
    color: var(--bs-secondary-contrast);
    background-color: var(--bs-secondary);
    border-radius: 2em !important;
    overflow: hidden !important;
    border: none;
    opacity: 0.8;
}

input, .select2-chosen {
    color: var(--bs-secondary);
}

a {
    color: var(--bs-primary);
}

    a:active, a:hover {
        color: var(--bs-primary);
        filter: brightness(1.2);
    }

.btn-primary {
    background-color: var(--bs-primary);
    border: none;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
        background-color: var(--bs-primary);
        filter: brightness(1.2);
        border: none;
    }

.s-mobile-header-logo {
    height: 2vh !important;
    width: auto;
}

.s-sidebar-band-logo {
    width: 10vw !important;
    height: auto;
}

.s-sidebar-band, .s-mobile-header {
    background-color: var(--bs-secondary);
}

/*.grid-canvas {
    width: 100% !important;
}*/