a {
  text-decoration: none;
  color: #8b2145;
}

a:hover, a:active {
  text-decoration: underline;
}

p a {
  text-decoration: underline;
}

header {
  background: #093f39;
  background-image: linear-gradient(180deg, #093f39 0, #0c5449);
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  color: #fff;
  padding: 10px 0;
}

main {
  margin-top: 1rem !important;
  margin-bottom: 2rem;
}

nav {
  letter-spacing: .125rem;
}

nav a.active {
  color: #ffe085 !important;
}

nav a:focus,
nav a:hover {
  color: #ffe085 !important;
}

.container {
  max-width: 970px !important;
}

:root {
  --bs-nav-link-color: #8b2145 !important;
}


/**
 * Text
 */
.text-wsugreen {
  color: #00594f; /*#0C5449;*/
}

.text-copper {
  color: #8f5031;
}

.text-wsugold {
  color: #f7ba07!important
}

.text-primary {
    color: #31708f !important; /*#0c5449 !important;*/
}

.text-scarlet {
    color: #8b2145 !important;
}


/**
 * Buttons
 */
.btn-primary {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}

.btn-primary:hover {
    color: #fff;
    background-color: rgba(49, 112, 143, .8);
    border-color: #31708f;
}

.btn-outline-scarlet,
.btn-outline-scarlet:hover,
.btn-outline-scarlet:active {
  color: #8b2145;
  background-color: white-smoke !important;
  border-color: #8b2145;
}

.btn-secondary {
  background-color: #999 !important;
  border-color: #999;
}

.btn-link {
  color: #085e51;
}

.btn-link:hover {
  color: #0da08a;
}


/**
 * ALERTS
 */
.alert-primary {
    border-color: #0C5449;
    background-color: #CEDDDB;
    color: #0A4239;
}

.alert-error {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}


/**
 * dl.props, dl.inline
 */
dl.props, dl.inline {
  line-height: 1.8rem;
  letter-spacing: .02em;
  margin-bottom: 0;
}

dl.props dt, dl.props dd,
dl.inline dt, dl.inline dd {
  margin-bottom: 0;
  display: inline;
}

dl.props dt, dl.inline dt {
    margin-right: .30rem;
    text-transform: capitalize;
    font-weight: bolder;
}

dl.props dd, dl.inline dd {
  margin-right: .65rem;
  font-weight: 400;
}

dl.props .label, dl.inline .label {
  font-size: 0.85em;
}

dl.props dt::after {
  content: ':';
}


.modal-header {
    background-color: #eee !important;
}

.form-label {
    font-weight: 600;
}

[v-cloak] {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

table thead.sticky-header th {
  position: sticky;
  top: 0 ;
}


/**
* MISC
*/
label.required:after {
  content: ' *';
  color: red;
}

.sticky-top {
  z-index: 0;
}

/**
 * Overrride Bootstrap Classes
 */
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: calc(var(--bs-gutter-x) * 1.5);
  padding-left: calc(var(--bs-gutter-x) * 1.5);
}

.fw-bold {
  font-weight: 600 !important;
}

/**
 * Modal
 */
.modal {
   z-index: 2;
}

.modal-backdrop {
   z-index: 1;
}

.modal-header {
    display: block;
/*    padding: 1rem;*/
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    min-height: 50px;
    background-color: #eee;
    /*color: #fff;*/
    /*border-color: #31708f;*/
 }

.modal-title {
    /*text-transform: capitalize;*/
    font-weight: 400;
    line-height: 1.8rem;
    margin-bottom: .25rem;
}

.modal-header .modal-subtitle {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
    font-size: 1.2em;
    margin-bottom: .5rem;
}

.modal-footer {
    background-color: whitesmoke; /*#eee;*/
    border-top: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*.modal-body fieldset {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 420px;
}*/

.modal-header small {
    display: block;
    font-weight: normal;
    line-height: 1.6rem;
    margin-bottom: 0;
}

.modal-header small > span {
    margin-right: .5rem;
}

.modal-header small > span:last-child {
    margin-right: 0;
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: 680px;
    }
}


/**
 * TABS
 */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #212529;
    border-bottom: 2px solid white;
    margin-bottom: -2px;
    background-color: white;
    border-color: #dee2e6 #dee2e6 white;
    font-weight: 400;
}

.nav-tabs > li > .nav-link {
    color: #8b2145;
    cursor: pointer;
}

.nav-tabs .nav-link:hover {
    border: 1px solid transparent;
    text-decoration: underline;
}

.nav-link.show.active:hover {
    border-bottom: 2px solid white;
}

.nav-tabs .nav-item.show .nav-link:hover,
.nav-tabs .nav-link.active:hover {
    border-color: #e9ecef;
    border-bottom: 2px solid white !important;
}

.tab-pane {
    padding: 1rem 16px;
    padding-bottom: .25rem;
}

@media print {
    .nav-tabs {
        /*display: none;*/
    }
    .tab-content {
        border: none;
    }
    .tab-pane {
        padding: 15px 0px;
    }
    .tab-content > .tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Override boootstrap */
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}

/**
 * Session Timer
 */
.session-timer {
  font-size: small;
}

.session-timer.text-success {
  color: #88d399 !important;
}

.session-timer.text-danger {
  color: #f2b1b7 !important;
}

.session-timer.text-warning {
  color: #fabb00 !important;
}