.bg-state-1 { background-color: #FAE9E8 !important }
a.bg-state-1:focus, a.bg-state-1:hover, button.bg-state-1:focus, button.bg-state-1:hover { background-color: #F1C1BE !important }
.badge-state-1 { color: #FFF; background-color: rgb(231, 98, 45) }
.badge-state-1[href]:focus, .badge-state-1[href]:hover { color: #FFF; text-decoration: none; background-color: #EB2521 }

.bg-state-2 { background-color: #FFF6F5 !important }
a.bg-state-2:focus, a.bg-state-2:hover, button.bg-state-2:focus, button.bg-state-2:hover { background-color: #FFF4F1 !important }
.badge-state-2 { color: #FFF; background-color: rgb(230, 142, 118) }
.badge-state-2[href]:focus, .badge-state-2[href]:hover { color: #FFF; text-decoration: none; background-color: #FF8B87 }

.bg-state-3 { background-color: #FCF7E6 !important }
a.bg-state-3:focus, a.bg-state-3:hover, button.bg-state-3:focus, button.bg-state-3:hover { background-color: #FFF5C5 !important }
.badge-state-3 { color: #666; background-color: rgb(229, 208, 55) }
.badge-state-3[href]:focus, .badge-state-3[href]:hover { color: #FFF; text-decoration: none; background-color: #FFEB33 }

.bg-state-4 { background-color: #FFFFF9 !important }
a.bg-state-4:focus, a.bg-state-4:hover, button.bg-state-4:focus, button.bg-state-4:hover { background-color: #EDFFD2 !important }
.badge-state-4 { color: #666; background-color: rgb(13, 209, 144) }
.badge-state-4[href]:focus, .badge-state-4[href]:hover { color: #FFF; text-decoration: none; background-color: #B6F272 }

.bg-state-5 { background-color: #EBF5DF !important }
a.bg-state-5:focus, a.bg-state-5:hover, button.bg-state-5:focus, button.bg-state-5:hover { background-color: #D3E9B8 !important }
.badge-state-5 { color: #FFF; background-color: rgb(10, 162, 111) }
.badge-state-5[href]:focus, .badge-state-5[href]:hover { color: #FFF; text-decoration: none; background-color: #83BF3F }

/* Styling overwrite to make it more thomas more */
#page-container.page-header-inverse #page-header, .bg-primary { background-color: #F04C25 !important; }
.text-primary { color: #C03D1E !important; }
.bg-primary-light { background-color: #F04C25 !important; }
.bg-secondary-light, .block-header-default { background-color: #009CAB !important; }
.bg-secondary-light, .block-header-default, .btn-alt-info { background-color: rgba(240, 76, 37, 0.65); color: #FFF; }

h3.block-title { color: #FFF !important; font-weight: bold; }
h3.block-title small { color: #333; font-size: 0.75em; }

th.block-title { color: #FFF !important; font-weight: bold; font-size: 1.25em; }

.btn-alt-primary { background-color: /*#009CAB*/ rgba(240, 76, 37, 0.65); color: #FFF; }
.btn-alt-secondary { background-color: #009CAB; color: #FFF; }
.btn-alt-secondary.focus, .btn-alt-secondary:focus, .btn-alt-secondary:hover {color: #396A59;background-color: #ACD2C5;border-color: #ACD2C5;box-shadow: none}

.btn-secondary { background-color: rgba(240, 76, 37, 0.65); color: #FFF; }

td.highlighted {
    background-color: rgba(111, 195, 206, 0.5);
}

.comment-block { display: none; }
.comment-block.active { display: block; }

/* obscure information, unless hovering over it */
.obscure:not(:hover) {
    text-shadow: 0 0 10px black;
    color: transparent;
}

.subscript {
    margin: 0 50px;
    padding: 0;
    display: inline-block;
    font-size: 0.8em;
}

.is-invalid > .selectric {border-color: #EF5350}

/* Bootstrap layout visibility toggles */
@-ms-viewport {
    width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
.visible-print {
    display: none !important;
}
.visible-print-block {
    display: none !important;
}
.visible-print-inline {
    display: none !important;
}
.visible-print-inline-block {
    display: none !important;
}
@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .visible-print-block {
        display: block !important;
    }

    .visible-print-inline {
        display: inline !important;
    }

    .visible-print-inline-block {
        display: inline-block !important;
    }

    .hidden-print {
        display: none !important;
    }
}