:root {
    --earthgreen: #008768;
    --earthgreen75: #59a089;
    --earthgreen50: #9bbeaf;
    --earthgreen25: #cfdfd7;
    --midnightteal: #00353e;
    --midnightteal75: #00606a;
    --midnightteal50: #5f909a;
    --midnightteal25: #adc6cb;
    --limegreen: #aecc53;
    --limegreen75: #c5d984;
    --limegreen50: #d9e6b1;
    --limegreen25: #ecf3da;
    --coralorange: #e52713;
    --coralorange75: #ec6642;
    --coralorange50: #f49f7d;
    --coralorange25: #fbd1be;
    --oceanteal: #009a9b;
    --oceanteal75: #00b2b4;
    --oceanteal50: #88ccce;
    --oceanteal25: #cae7e8;
    --sunriseyellow: #ffce00;
    --sunriseyellow50: #ffe696;
    --fuchsiapink: #c70c6f;
    --stonegray: #dad8cc;
    --stonegray75: #e4e2d8;
    --stonegray50: #edece5;
    --stonegray25: #f6f5f1;
    --black75: #646363;
    --black50: #9d9d9c;
    --black25: #d0d0d0;
    --black15: #e3e3e3;
    --black10: #ededed;
    --black5: #f6f6f6;
}

html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}



.floatRight {
    float: right;
}
/* Custom CSS for Bootstrap Textarea with class search-text */
textarea {
    /* Add your custom styles here */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    width: 100%;
    resize: vertical; /* Allow vertical resizing of the textarea */
}

    /* Optionally, you can style the textarea when it's focused */
    textarea:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: 0 0 5px rgba(102, 175, 233, 1);
    }

/* Headers */

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

/* Links*/

a {
    color: var(--earthgreen);
}

    a:hover {
        color: var(--oceanteal);
    }

/* Buttons */

.btn {
    font-size: 14px;
}

.btn-primary,
.btn-default {
    background-color: var(--earthgreen);
    border-color: var(--earthgreen);

}
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle,
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default:not(:disabled):not(.disabled).active,
    .btn-default:not(:disabled):not(.disabled):active,
    .show > .btn-default.dropdown-toggle {
        background-color: var(--earthgreen25);
        color: var(--earthgreen);
        border-color: var(--earthgreen);
    }

.btn-secondary {
    background-color: #fff;
    border-color: var(--earthgreen);
    color: var(--earthgreen);
}

    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        background-color: var(--earthgreen25);
        border-color: var(--earthgreen);
        color: var(--earthgreen);
    }

.button-group {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    margin: 0 5px 15px;
}

.button-group .btn {
    width: 175px;
}

/* Nav bar */
.nav-logo {
    height: 20px;
}

.navbar {
    border-bottom: 2px solid var(--earthgreen);
}

.nav-link {
    color: var(--earthgreen);
}

.nav-link:hover {
    background-color: var(--earthgreen25);
    color: var(--earthgreen);
}

.nav-item {
    font-size: 14px;
}

/* Telerik Grid Colors */
.k-pager-numbers .k-link.k-selected, .k-pager-numbers .k-link.k-state-selected {
    color: var(--earthgreen);
    background-color: var(--earthgreen25);
}

.k-grid td a {
    color: var(--earthgreen);
}

.k-grid td a:hover {
    color: var(--oceanteal);
}

/* Accordions */

.accordion-button:not(.collapsed) {
    color: var(--earthgreen);
    background-color: var(--earthgreen25);
}

    .accordion-button:not(.collapsed)::after {
        background-image: none;
        border: solid var(--earthgreen);
        border-width: 0 2px 2px 0;
        display: inline-block;
        margin-top: 10px;
        padding: 2px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

.accordion-button.collapsed::after {
    background-image: none;
    border: solid var(--earthgreen);
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin-top: -10px;
    padding: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

/* Forms */

.form-floating.checkbox > label {
    padding: 0 1.5rem;
}

select {
    appearance: menulist !important;
}

/* Footer */
footer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 12px;
}

.footer-logo {
    height: 30px;
    margin-top: -15px;
}