@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

html {
    font-size: 16px;
}

html,
body {
    font-family: 'Titillium Web';
}

.navbar {
    border-radius: 0 0 0.25rem 0.25rem;
}

.navbar .logo {
    height: 3.5rem;
    margin-right:1rem;
}

.navbar .icon {
    font-size: 0.8rem;
    margin-right:0.3rem;
}

.navbar-dark .navbar-brand {
    font-size: 1.4rem;
}

.fixed-bottom.footer.navbar {
    right: auto;
    left: auto;
}

h1 .icon {
    font-size: 2rem;
    margin-right:0.3rem;
}

.btn-large {
    height: 5rem;
    width: 10rem;
}

.badge-large {
    font-size: 1rem;
}

.page-link {
    border: 0;
    border-radius: 0 0 0 0;
    padding: 0.2rem 0.5rem;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0 0 0 0;
}

footer {
    font-size: 0.8rem;
    border-radius: 0.25rem 0.25rem 0 0;
}

footer .lead {
    font-size: 0.9rem;
}

.footer_login_img {
    width: 100%;
    margin-top: 5rem;
}

#overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #000000cf;
    z-index: 9000;
}

#overlayLoader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9100;
 }

 #lastCheckedTable *,
 #reservationsTable *,
 #accountsTable * {
    font-size:0.75rem;
 }

 #lastCheckedTable .options a,
 #reservationsTable .options a {
    margin:0 0.2rem;
    font-size:1rem;
 }

 #lastCheckedTable .status span,
 #reservationsTable .status span {
    font-size:1rem;
 }

 .sort-title .bi {
    margin:0 0 0 0.2rem;
    font-size:0.8rem;
 }

 button .bi {
    margin:0 0.2rem 0 0.2rem;
 }

.text-small,
#lastCheckedTable .text-small,
#reservationsTable .text-small {
    font-size: 0.7rem;
    font-weight: 100;
}