:root {
    --green-top: #254b5d;
    --green-top-hover: #2d6078;
    --green-lighter: #254b5d;
    --green-lightest: #4aa59f;

    --light-gray: #cfddd7;
    --bg-gray: #fdfdfd;
    --bg-gray-darker: #f2f7f7;
    --bg-gray-darkest: #e8f0f0;
    
    --th-gray: #e1eeed;
    --td-gray: #eff2f2;
    --table-button-gray: #d3d3d3;

    --link-blue: #6b6bb9;
    --button-red: #dc3545;

    --button-gray-disabled: #cccccc;
}
  
html, body {
    background-color: var(--bg-gray);
}

.page-button {
    width: 11em;
    background-color: var(--green-lighter);
    border-color: var(--green-lighter);
}

.page-button:disabled {
    width: 11em;
    background-color: var(--button-gray-disabled);
    border-color: var(--button-gray-disabled);
}

.page-button:hover {
    width: 11em;
    background-color: var(--green-top-hover);
    border-color: var(--green-top-hover);
}

i {
    cursor: pointer;
}

a {
    color: var(--link-blue);
    text-decoration: none;
}

a:hover {
    color: var(--bs-body-color);
}

.non-clickable {
    cursor: default;
}

.bi-chevron-bar-right {
    -webkit-text-stroke: 1px;
}

hr {
    margin: 0;
}

.left-align {
    text-align: left !important;
}

.link-muted:hover {
    color: #6c757d !important;
}

.no-bottom-space {
    padding-bottom: 0;
    margin-bottom: 0;
}

#_pages_content {
    min-height: 100vh;
}