:root {
    --theme-font: "Fira Sans", Arial, Helvetica, sans-serif;
    --theme-input-font: var(--theme-font);
    --theme-title-font: "Encode Sans", Arial, Helvetica, sans-serif;
    --theme-subtitle-font: "Encode Sans", Arial, Helvetica, sans-serif;
    --navy: #1b3d64;
    --navy-rgb: 27, 61, 100;
    --dark-navy: #173455;
    --purple: #753bbd;
    --dark-purple: #694f99;
    --green: #97d700;
    --alert-red: #ea4a46;
    --light-grey: #ededed;
    --light-blue: #57709f;
    --light-blue-rgb:87, 112, 159;

    --theme-primary: var(--navy);
    --theme-primary-dark: var(--dark-navy);
    --theme-secondary: var(--green);
    --theme-tertiary: var(--light-grey);
    --theme-emphasis: var(--alert-red);
    --theme-emphasis-alt: var(--light-blue);

    --theme-footer-bg: var(--navy);
    --theme-header-link-color: var(--navy);
    --theme-header-link-highlight: rgba(var(--light-blue-rgb), 0.1);
    --theme-footer-color-highlight: var(--green);

    --theme-highlight-light: #EBEBEB;
    --theme-highlight-dark: #1A4D80;

    --theme-navbar-hover-bg: rgba(var(--light-blue-rgb), 0.1);
    --theme-table-hover-bg: rgba(var(--light-blue-rgb), 0.1);

    --theme-notification-box-bg: #336699;
    --theme-notification-box-color: white;
    --theme-alert-info-bg-color: rgba(var(--navy-rgb), 0.05);
    --theme-alert-info-border-color: rgba(var(--navy-rgb), 0.2);

    --ct-blue: #19acee;

    --theme-title-color-primary: var(--navy);
    --theme-subtitle-color: var(--theme-text-dark);
    --theme-title-color-secondary: var(--navy);
    --theme-title-color-alternate: #FFF;
    --theme-title-alignment: start;
    --theme-label-color: var(--navy);

    --theme-tile-bg: var(--light-grey);
    --theme-tile-color: var(--navy);
    --theme-tile-hover-color: #FFF;
    --theme-tile-hover-bg: var(--navy);
    --theme-tile-separator-color: var(--light-grey);
    --theme-tile-separator-hover-color: var(--green);
    --theme-tile-action-font-size: 1em;

    --theme-action-icon-color: var(--purple);
    --theme-action-dropdown-decoration: none;

    --theme-link-color: var(--theme-text-dark);
    --theme-link-hover-bg: var(--purple);
}

.btn {
    --theme-btn-success-bg: var(--green);
    --theme-btn-success-hover-bg: white;
    --theme-btn-success-color: var(--navy);
    --theme-btn-danger-bg: var(--alert-red);
    --theme-btn-danger-color: white;
    --theme-btn-danger-hover-bg: var(--light-grey);
    --theme-btn-primary-bg: var(--purple);
    --theme-btn-primary-color: white;
    --theme-btn-primary-hover-bg: white;
}

a.ct-icon{
    color: #19acee;
}

.btn.ct-blue {
    background-color: #19acee;
    color: white;
    border: 1px solid #19acee;
}

.btn.ct-blue:not(:disabled):hover {
    background-color: white;
    color: #19acee;
    border-color: #19acee;
}

div.dropzone i {
    color: var(--purple);
    margin-bottom: 18px;
}

.btn-group .btn-check + label {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
}

.btn-group .btn-check:checked + label {
    border: 1px solid var(--bs-btn-active-border-color);
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
}

.btn-group .btn-check + label:hover {
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-group .btn-check:not(:checked) + label.disabled {
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
}

.alert-warning,
.alert-danger,
.errorMsg,
form > div.error,
#loginPanel div.card-body div.error {
    --bs-alert-color: black;
    --bs-alert-link-color: black;
    --theme-link-color: black;
    --bs-alert-bg: rgba(255, 0, 0, 0.05);
    --bs-alert-border-color: rgba(255, 0, 0, 0.2);
}

.alert .alertLink {
    font-weight: bold;
}

.alert.alert-info {
    color: black;
    background-color: var(--theme-alert-info-bg-color);
    border-color: var(--theme-alert-info-border-color);
}

form > div.error,
.errorMsg,
#loginPanel div.card-body div.error {
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border:	1px solid var(--bs-alert-border-color);
    border-radius: 0;
    font-size: 100%;
    margin-left: 0;
    margin-bottom: 10px;
}

form > div.error b {
    font-weight: 400;
}

#dashboard div.col.dashboardAction div.fa-caret-up {
    display: none;
}

#dashboard h1#dashboardHeader {
    --dashboard-header-size: 1.2em;
    --dashboard-subheader-size: 0.8em;
}

#dashboard #tasksAndAlertsDisplay h2 {
    text-align: start;
}

#dashboardTables #tasksAndAlertsDisplay .dashboard-alerts {
    justify-content: start;
}

.ct-blue:not(:disabled):hover img.blue {
    display: inline;
}

.ct-blue:not(:disabled):hover img.white {
    display: none;
}

a[href]:not(.btn, .dropdown-item, .nav-link, .page-link, .eventInfoIcon, :has(.action-icon, .page), [data-bs-toggle="collapse"], .socialMediaLink):hover,
a[href]:not(.btn, .dropdown-item, .nav-link, .socialMediaLink, .page-link, :has(.page), [data-bs-toggle="collapse"]):hover span.popover-text {
    background-color: var(--theme-link-hover-bg);
    color: var(--theme-text-light);
    text-decoration: none;
}

a[href*='/help?path'],
a[href*='/help?path']:active,
a[href*='/help?path']:hover,
label a:not([href]) {
    background-color: inherit !important;
    color: inherit !important;
}

.alert-warning i[class*="fa"]:not(.action-icon),
.alert-danger i[class*="fa"]:not(.action-icon),
#warningModal .fa-exclamation-triangle {
    color: #E84A46;
}

.text-warning.fa-exclamation-triangle {
    --bs-warning-rgb: 232, 74, 70;
}

.alert-warning button i[class*="fa"]:not(.action-icon),
.alert-danger button i[class*="fa"]:not(.action-icon),
.alert-warning a i[class*="fa"]:not(.action-icon),
.alert-danger a i[class*="fa"]:not(.action-icon),
#warningModal a i[class*="fa"]:not(.action-icon) {
    color: revert;
}

i.action-icon,
#loginPanel form i.fa-eye,
#loginPanel form i.fa-eye-slash,
#responseAccessPhraseForm i.fa-eye,
#responseAccessPhraseForm i.fa-eye-slash,
ul.action-menu-column a:not(.btn) i.fas,
ul.action-menu-column span:not(.btn) i.fas {
    color: var(--theme-action-icon-color);
}

.dt-column-order, table.list td.ordered i, table.list th.ordered i {
    color: var(--theme-action-icon-color);
}

/**
Consistent font size with the fa-lg styling
 */
h1 a[data-bs-toggle="popover"], h2 a[data-bs-toggle="popover"], h3 a[data-bs-toggle="popover"], h4 a[data-bs-toggle="popover"], h5 a[data-bs-toggle="popover"] {
    font-size: 20px;
}
h1 a[data-bs-toggle="popover"], h2 a[data-bs-toggle="popover"] {
    vertical-align: super
}

h2 a[data-bs-toggle="popover"], h3 a[data-bs-toggle="popover"], h4 a, h5 a[data-bs-toggle="popover"], form label a[data-bs-toggle="popover"]:not(.btn) {
    color: inherit;
}

h1 small, .h1 small, h1 .small, .h1 .small,
h2 small, .h2 small, h2 .small, .h2 .small,
h3 small, .h3 small, h3 .small, .h3 .small,
h4 small, .h4 small, h4 .small, .h4 .small,
h5 small, .h5 small, h5 .small, .h5 .small,
h6 small, .h6 small, h6 .small, .h6 .small {
    line-height: var(--bs-body-line-height);
}