/* https://coolors.co/153243-4b8fcc-42b36f-747967-b4b8ab */
@font-face {
    font-family: FontAwesome;
    src: url("/css/icons.otf") format("opentype");
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/fonts/SourceSansPro-v14-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/fonts/SourceSansPro-v14-SemiBold.woff2) format('woff2');
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/fonts/SourceSansPro-v14-Bold.woff2) format('woff2');
}

html {
    --base-text: #5f6354;
    --input-border: #95a5a6;
    --input-text: var(--base-text);
    --input-border-focus: #73b0d3;
    --input-border-shadow: rgba(115, 176, 211, 0.25);
    --read-only-background: #f5f6f4;
    --error: #e74c3c;
    --error-shadow: rgba(231, 76, 60, 0.25);
    --button-primary: #328653;
    --button-primary-hover: #42b36f;
    --button-primary-text: #ffffff;
    --button-secondary: #747967;
    --button-secondary-hover: #939886;
    --button-secondary-text: #ffffff;
    --table-separator: #c1dceb;
    --link: #42b36f;
    font-size: 11pt;
    /* Theme variables for tab-set */
    --tab-border: #ced4da;
    --tab-background: #f5f6f4;
    --tab-background-active: #ffffff;
    /*--tab-background-hover: #e0ebf5;*/
    --tab-background-hover: #ced4da;
    --tab-color-hover: #ffffff;
    --tab-text: var(--base-text);
    --tab-text-active: var(--base-text);
}

[v-cloak] {
    display: none;
}

.navbar {
    padding: 0 0.5rem;
}

.table-controls {
    margin-bottom: 10px;
}

ul.uib-datepicker-popup {
    padding: 0;
}

.uib-typeahead-match.active {
    color: white;
    background-color: #18BC9C;
}

.time-calendar {
    width: 100%;
}

.time-calendar th, td {
    width: 14.25%;
}

.time-calendar td {
    border: 1px solid #ced4da;
    padding: 0.6em 0.33em;
}

.time-calendar a {
    color: #212529;
}

.time-calendar a:hover {
    text-decoration: none;
}

table.no-td-top td {
    border-top: none;
}

td.border-left {
    border-left: 1px solid #dee2e6;
}

tr.shaded-row td {
    background-color: #ecf0f1 !important;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
}

.announcement-card {
    border: 1px solid #7b8a8b;
    padding: 0.75rem;
    box-shadow: 4px 4px 4px #ced4da;
    margin-bottom: 15px;
}

.announcement-card .controls {
    margin-top: 10px;
    text-align: right;
}