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

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 3px;
                margin-bottom: 3px;
}

body > .container, body > .container-fluid {
    padding-top: 65px;
}

.required label:after{
    content: "*";
    color: red;
}
code {
       color: #000;

}
.tab-pane {
    padding: 10px;
}
#checkin_table td {
    cursor: pointer;
}
#spinner_lb {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(120,120,120,0.5);
    z-index: 10000;
}
#spinner_lb img {
    position: relative;
    top: 50%;
    left: 50%;

}

.flex {
    display: flex;
}

.flex-row {
    flex-flow: row;
}

.gap-sm {
    gap: 1em;
}

.btn:focus-visible {
    outline: none;
}

.btn__neutral {
    all: unset;
    padding: 1em;
    cursor: pointer;
}

.btn__dropdown {
    padding: 3px 20px;
    color: #7b8a8b;
    display: flex;
    gap: 5px;
    align-items: center;
    width: 100%;
}

.btn__dropdown:hover {
    color: #ffffff;
    background-color: #2c3e50;
}

.btn__dialog {
    color: rgba(15, 117, 97, 1);
}

.btn__dismiss {
    color: rgba(44, 62, 80, 1);
}

.filters {
    margin-bottom: 1em;
}

.filters p {
    display: inline;
}

.filters button[type="submit"] {
    margin-left: 1em;
}

.filters-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: end;
    gap: 1em;
}

.flex-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.header {
    padding-top: 1em;
    padding-bottom: 2em;
}