html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #f9f9f9;
}

.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

.fs-7 {
    font-size: .90rem !important;
}

.fs-8 {
    font-size: .75rem !important;
}

@font-face {
    font-family: 'FreeMonoRegular';
    src: url('../fonts/FreeMono.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreeSansRegular';
    src: url('../fonts/FreeSans.ttf') format('truetype');
}

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

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

@font-face {
    font-family: 'Arimo-SemiBold';
    src: url('../fonts/Arimo-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Nunito-Bold';
    src: url('../fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MonospaceTypewriter';
    src: url('../fonts/MonospaceTypewriter.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-nunito-bold {
    font-family: 'Nunito-Bold', sans-serif;
}

.font-francoisone {
    font-family: 'FrancoisOne', sans-serif;
}

.font-arimo-semibold {
    font-family: 'Arimo-SemiBold', sans-serif;
}

.font-monospace-typewriter {
    font-family: 'MonospaceTypewriter', monospace;
}

.result-head {
    font-family: 'FreeSansBold', monospace;
}

.result-table > thead > tr > th {
    border-bottom-color: lightgray !important;
    border-bottom-width: 1px !important;
}

.bg-status-dead {
    background-color: #B71C1C !important;
}

.bg-status-live {
    background-color: #28a744 !important;
}

.bg-status-live-pending {
    background-color: #388E3C !important;
    font-style: italic !important;
}

.bg-status-indifferent {
    background-color: #BDBDBD !important;
}

.status-dead {
    color: #B71C1C !important;
}

.status-live {
    color: #28a744 !important;
}

.status-live-pending {
    color: #388E3C !important;
    font-style: italic !important;
}

.status-indifferent {
    color: #BDBDBD !important;
}

.text-gray-90 {
    color: #909090 !important;
}

.text-gray-70 {
    color: #707070 !important;
}
.text-gray-50 {
    color: #505050 !important;
}

.text-gray-30 {
    color: #303030 !important;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bd-violet-bg);
    --bs-tooltip-color: var(--bs-white);
}

.table-custom-hover tbody tr:hover td {
    background-color: #eeeeee; /* Your desired color */
}

.cursor-pointer {
    cursor: pointer;
}

.hover-container {
    position: relative;
}

.hover-content {
    position: absolute;
    bottom: -10px;
    right: 10px;
    display: none;
}

.hover-container:hover .hover-content {
    display: block;
}

.bg-gray-f0 {
    background-color: #f0f0f0;
}
.bg-gray-f9 {
    background-color: #f0f0f0;
}

.pagination-button-active {
    width: 42px;
    height: 42px;
}

.pagination-button {
    width: 38px;
    height: 38px;
}


.btn-outline-pagination-light {
    --bs-btn-color: #999999;
    --bs-btn-border-color: #999999;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #eeeeee;
    --bs-btn-hover-border-color: #777777;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #777777;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #bbbbbb;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #bbbbbb;
    --bs-gradient: none;
}

.btn-outline-pagination-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #eeeeee;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
}