:root {
    --oebb-red: #E2002A;
    --oebb-red-disabled: #e2546e;
    --oebb-red-focus: #ac0026;
    --not-quite-white: #F5F5F5;
    --gray: #30353b;
}


.bg-primary {
    --bs-bg-opacity: 1;
    background-color: var(--oebb-red) !important;
}

.text-danger {
    color: var(--oebb-red) !important;
}

html,
body {
    font-family: 'Helvetica', 'Arial', sans-serif;
}

.main-content {
    min-height: 85vh;
}

body {
    background-color: var(--not-quite-white) !important;
}

.btn-primary {
    background-color: var(--oebb-red);
    border-color: var(--oebb-red);
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active {
    background-color: white !important;
    border-color: white !important;
    box-shadow: white !important;
    background-image: none !important;
    outline: var(--oebb-red) !important;
    color: var(--oebb-red);
    border: 1px solid var(--oebb-red) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--oebb-red-disabled) !important;
    border-color: var(--oebb-red-disabled) !important;
    box-shadow: var(--oebb-red-disabled) !important;
    background-image: none !important;
    outline: none !important;
}


.form-control[readonly] {
    background-color: white !important;
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.asteriskField {
    display: none;
}

@-webkit-keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes pop {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pop {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
}

.pop-trigger {
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}