/* Force Bootstrap 5 default blue colors */
:root {
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;

}

.btn-primary {
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
}

html, body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, Helvetica, Arial;
    height: 100%;
    overflow: hidden;
    background-color: #e9ecef;
}
.mainLayout {
    height: 100%;
    overflow: hidden;
}

.vh-100 {
    height: auto !important;
}

.vh-90 {
    height: 90% !important;
}

.page {
    overflow: visible !important;
}


.e-bigger {
    font-size: large;
}

a, .btn-link {
    color: #006bb7;
}

/* Reconnect modal styles are in ReconnectModal.razor.css */