/* Variables */

:root {
    --bfa-orange: #f2695c;
    --bfa-beige: #E27227;
    --bfa-red: #f2294e;
    --bfa-yellow: #F0BF48;
    --plum:#973043;

    --purple: #f2294e;
    --light-purple: #f2695c;
    --green: #bbb8a3;
    --light-green: #34B78F;
}

.wrapper {
    background: #f2f0e4;
}

body {
    font-family: sofia-pro, sans-serif;
    font-size: 17px;
    background: #f2f0e4;
    height: 100%;
    color: #232323;
}

h1, h2, h3, h4, h5 {
    font-family: sofia-pro, sans-serif;
    color: #232323;
}

.portal_list th {
    background-color: #419366
}

.filter_container button.active_filter {
    background: #419366;
}

.client-portal .page-name {
    width: 35%;
}

.fullscreen > h2 {
    background: #282957;
}

.account-info > div.account-header {
    background: #e8254b;
}

.section.details-section h3 {
    background: #e8254b;
}

.section.details-section button {
    background: #e8254b;
}

a.client-link,
a.client-link:visited {
    background: #e8254b;
}

a.client-link:hover,
a.client-link:visited:hover {
    background: #282957;
}

.dashboard-content h2,
.section-tiles .group > h2 {
    color: #282957;
}


.contact-tile.ct-blue {
    background: #282957;
}

a,
a:visited {
    color: #282957;
}

a.section-link,
a.section-link:visited {
    color: #282957;
    border-color: #282957;
}

a.section-link:hover,
a.section-link:visited:hover {
    background: #282957;
    color: #ffffff;
}

.contact-tile .email a {
    color: #e8254b;
}

.user-header {
    background: linear-gradient(90deg, #282957 0%, #e8254b 100%);
}

.user-header .logout {
    border: 1px solid #e8254b;
    background: #e8254b;
}

.user-header .logout:hover {
    background: #282957;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

ul.tabs li.active a {
    background: #e8254b;
}

ul.tabs {
    border-bottom-color: #e8254b;
}

.summary .balance b {
    background: #282957;
}

ul.tabs li.active a:after {
    background: #e8254b;
}

.search .filters button.active {
    background: #e8254b;
}

.section-tiles .group > h2 {
    color: #282957 !important;
}

.waiter:before {
    color: #282957;
    border-color: #282957;
}

.course-details table.search thead tr {
    background: #282957;
}

.readonly {
    color: #282957;
}

.client-portal .fullscreen .row .section > h2 {
    color: #282957;
}

.row .section .group.actions button {
    background: #e8254b;
}

.row .section .group.warnings {
    background: #ff003e
}

table.search thead tr {
    background: #282957;
}

.client-portal button {
    background: #e8254b;
}

.client-portal button:hover {
    background: #282957;
}

.summary .balance b {
    background: #282957;
}


.client-portal > .header {
    background: #f2f0e4
}

.client-portal .logo > * {
    height: 62px
}

/* 
    Learner PortaL
*/

.learner-account .col div.section {
    background: #f17b70;
    border-radius: 12px;
    padding: 1rem;
}

.popup.prerequisites-popup > div,
.learner-account-section-page, 
.learner-account-section-page h1, 
.learner-account-section-page p {
    color: #232323;
}

.portal-content .link-button.white, .portal-content button.white {
    background: #FFFFFF;
    color: #232323;
    font-weight: 600;
}

.portal-content .link-button,
.course-info-tiles .elearning,
.learner-account .col .learner-help.section {
    color:#FFFFFF;
    background: var(--bfa-red); 
}

.course-info-tiles .practical {
    background: var(--plum);
}

.portal-content .link-button:hover, .portal-content button:hover, .portal-content .link-button.white:hover, .portal-content button.white:hover {
    background: #232323;
    color: #FFFFFF;
}

.popup > div {
    background: #f2f0e4;
    color: #232323;
}

.close-popup svg {
    fill: var(--bfa-red);
}

.close-popup:hover svg {
    fill: #232323;
}