:root {
    --fp-primary-color: #2f3e8b;
    --fp-secondary-color: rgb(243, 102, 131);
    --fp-primary-background-color: #ffffff;
    --fp-primary-text-color: rgba(0, 0, 0, .87);
    --fp-heading-text-color: rgba(0, 0, 0, .87);
    --fp-main-box-background-color: #F5F5F5;
    --fp-main-box-border-color: rgba(34, 36, 38, .15);
    --fp-input-field-base-text-color: rgba(0, 0, 0, .87);
    --fp-input-field-base-background-color: #ffffff;
    --fp-input-field-base-label-text-color: rgba(0, 0, 0, .87);
    --fp-input-field-base-border-color: rgba(34, 36, 38, .15);
    --fp-header-background-color: #f2f2f2;
    --fp-divider-color: rgba(34, 36, 38, .15);
    --fp-negative-message-background-color: #FFF6F6;
    --fp-negative-message-header-color: #912D2B;
    --fp-negative-message-border-color: transparent;
    --fp-positive-message-background-color: #FCFFF5;
    --fp-positive-message-header-color: #1A531B;
    --fp-positive-message-border-color: transparent;
    --fp-info-message-background-color: #F8FFFF;
    --fp-info-message-header-color: #0E566C;
    --fp-info-message-border-color: transparent;
    --fp-warning-message-background-color: #FFFAF3;
    --fp-warning-message-header-color: #573A08;
    --fp-warning-message-border-color: transparent;
   --ectz-pill-size: 3.5rem;
   --ectz-bg: #ffffff;
   --ectz-accent-bg: #e5e5fa;
   --ectz-primary: var(--fp-primary-color, #2f3e8b);
   --ectz-text: var(--fp-primary-color, #2f3e8b);
   --fp-hover-color:#222d65;
 }
 /* Default Page */
 .login-portal.layout {
    color: var(--fp-primary-text-color);
    background: var(--fp-primary-background-color);
 }
 .ui.header {
    color: var(--fp-heading-text-color);
 }
  .ui.header h3{
   font-size: 24px;
   font-family: Helvetica;
   font-weight: 500;
   font-variation-settings: normal;
 }
 .login-portal.layout .center-segment > .ui.container > .ui.segment .ui.header:first-child{
     font-size: 24px;
   font-family: Helvetica;
   font-weight: 500;
   font-variation-settings: normal;
 }
 /* Primary Text */
 .text-typography.primary {
    color: var(--fp-primary-color);
 }
 /* Primary Icons */
 i.icon.primary {
    color: var(--fp-primary-color);
 }
 /* Primary */
 .ui.primary.button {
    background: var(--fp-primary-color);
    color: white;
 }
 .ui.primary.button:hover,
 .ui.primary.button:focus,
 .ui.primary.button:active {
    background: var(--fp-primary-color);
    filter: brightness(0.85);
 }
 /* Secondary */
.ui.button.secondary {
  background: #fff !important;                        /* white background */
  color: var(--fp-primary-color, #2f3e8b) !important; /* blue text */
  border: 2px solid var(--fp-primary-color, #2f3e8b) !important;
  box-shadow: none !important; /* remove Semantic UI shadows */
}
.ui.button.primary.fluid.large {
  margin-top: 1rem !important;
  background-color: #2f3e8b !important;
  background-image: none !important;
  color: #fff !important;
}
/* Hover / focus states */
.ui.button.secondary:hover,
.ui.button.secondary:focus {
  background: #f7f7f7 !important; /* subtle grey hover */
  color: var(--fp-primary-color, #2f3e8b) !important;
  border-color: var(--fp-primary-color, #2f3e8b) !important;
}
#sign-in-button.ui.primary.button {
  background-image: none !important;        /* kills the old gradient */
  background-color: #2f3e8b !important;     /* your color */
  color: #fff !important;
}
#sign-in-button.ui.primary.button:hover{
  background-image: none !important;        /* kills the old gradient */
  background-color: var( --fp-hover-color) !important;     /* your color */
  color: #fff !important;
}
#clear-cookie-button.ui.button{
   background-image: none !important;        /* kills the old gradient */
  background-color: var( --fp-hover-color) !important;     /* your color */
  color: #fff !important;
}
 .center-segment{
   flex-direction: column;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .login-portal.layout .center-segment>.ui.container>.ui.segment .external-login .ui.button,
 .login-portal.layout .center-segment>.ui.container>.ui.segment .social-login .ui.button {
 }
 /* Input */
 .ui.form input:not([type]),
 .ui.form input[type=date],
 .ui.form input[type=datetime-local],
 .ui.form input[type=email],
 .ui.form input[type=file],
 .ui.form input[type=number],
 .ui.form input[type=password],
 .ui.form input[type=search],
 .ui.form input[type=tel],
 .ui.form input[type=text],
 .ui.form input[type=time],
 .ui.form input[type=url],
 .ui.form .field.error input:not([type]),
 .ui.form .field.error input[type=date],
 .ui.form .field.error input[type=datetime-local],
 .ui.form .field.error input[type=email],
 .ui.form .field.error input[type=file],
 .ui.form .field.error input[type=number],
 .ui.form .field.error input[type=password],
 .ui.form .field.error input[type=search],
 .ui.form .field.error input[type=tel],
 .ui.form .field.error input[type=text],
 .ui.form .field.error input[type=time],
 .ui.form .field.error input[type=url],
 .ui.form .field.error select,
 .ui.form .field.error textarea,
 .ui.form .fields.error .field input:not([type]),
 .ui.form .fields.error .field input[type=date],
 .ui.form .fields.error .field input[type=datetime-local],
 .ui.form .fields.error .field input[type=email],
 .ui.form .fields.error .field input[type=file],
 .ui.form .fields.error .field input[type=number],
 .ui.form .fields.error .field input[type=password],
 .ui.form .fields.error .field input[type=search],
 .ui.form .fields.error .field input[type=tel],
 .ui.form .fields.error .field input[type=text],
 .ui.form .fields.error .field input[type=time],
 .ui.form .fields.error .field input[type=url],
 .ui.form .fields.error .field select,
 .ui.form .fields.error .field textarea,
 .ui.form .field.error input:not([type]):focus,
 .ui.form .field.error input[type=date]:focus,
 .ui.form .field.error input[type=datetime-local]:focus,
 .ui.form .field.error input[type=email]:focus,
 .ui.form .field.error input[type=file]:focus,
 .ui.form .field.error input[type=number]:focus,
 .ui.form .field.error input[type=password]:focus,
 .ui.form .field.error input[type=search]:focus,
 .ui.form .field.error input[type=tel]:focus,
 .ui.form .field.error input[type=text]:focus,
 .ui.form .field.error input[type=time]:focus,
 .ui.form .field.error input[type=url]:focus,
 .ui.form .field.error select:focus,
 .ui.form .field.error textarea:focus,
 .ui.form input:not([type]):focus,
 .ui.form input[type=date]:focus,
 .ui.form input[type=datetime-local]:focus,
 .ui.form input[type=email]:focus,
 .ui.form input[type=file]:focus,
 .ui.form input[type=number]:focus,
 .ui.form input[type=password]:focus,
 .ui.form input[type=search]:focus,
 .ui.form input[type=tel]:focus,
 .ui.form input[type=text]:focus,
 .ui.form input[type=time]:focus,
 .ui.form input[type=url]:focus,
 .ui.input.addon-wrapper,
 .ui.input.addon-wrapper:focus-within,
 .ui.selection.dropdown,
 .ui.selection.dropdown:hover {
    color: var(--fp-input-field-base-text-color);
    background: var(--fp-input-field-base-background-color);
    border-color: var(--fp-input-field-base-border-color);
 }
 /* Autofilled */
 .ui.form .field.field input:-webkit-autofill {
    color: var(--fp-input-field-base-text-color) !important;
    -webkit-text-fill-color: var(--fp-input-field-base-text-color) !important;
    box-shadow: 0 0 0 100px var(--fp-input-field-base-background-color) inset !important;
    -webkit-box-shadow: 0 0 0 100px var(--fp-input-field-base-background-color) inset !important;
    border-color: var(--fp-input-field-base-border-color) !important;
 }
 /* Autofilled:Focus */
 .ui.form .field.field input:-webkit-autofill:focus {
    color: var(--fp-input-field-base-text-color) !important;
    -webkit-text-fill-color: var(--fp-input-field-base-text-color) !important;
    box-shadow: 0 0 0 100px var(--fp-input-field-base-background-color) inset !important;
    -webkit-box-shadow: 0 0 0 100px var(--fp-input-field-base-background-color) inset !important;
    border-color: var(--fp-input-field-base-border-color) !important;
 }
 /* Autofilled:Error */
 .ui.form .error.error input:-webkit-autofill {
    color: var(--fp-input-field-base-text-color) !important;
    -webkit-text-fill-color: var(--fp-input-field-base-text-color) !important;
    box-shadow: 0 0 0 100px var(--fp-input-field-base-background-color) inset !important;
    -webkit-box-shadow: 0 0 0 100px var(--fp-input-field-base-background-color) inset !important;
    border-color: var(--fp-input-field-base-border-color) !important;
 }
 /* Input Labels */
 .ui.form .field>label {
    color: var(--fp-input-field-base-label-text-color);
 }
 /* Input Addon Icons */
 .ui.form .field .ui.input {
    color: var(--fp-input-field-base-text-color);
 }
 /* Dropdowns */
 .ui.selection.active.dropdown .menu {
    background: var(--ectz-accent-bg);
 }
 .ui.menu:not(.vertical) .right.menu{
    width: 75px;
 }
 .ui.selection.dropdown .menu>.item {
    color: var(--ectz-text) !important;
    background: var( --ectz-accent-bg) !important;
    border-color: var(--fp-input-field-base-border-color);
    text-align: center;
 }
 .ui.selection.dropdown .menu>.item:hover {
   text-decoration-line: underline;
 }
 /* Checkbox */
 .ui.checkbox .box:before,
 .ui.checkbox label:before {
    background: var(--fp-input-field-base-background-color);
    border-color: var(--fp-input-field-base-border-color);
 }
 .ui.checkbox input:focus~.box:before,
 .ui.checkbox input:focus~label:before {
    background: var(--fp-input-field-base-background-color);
    border-color: var(--fp-input-field-base-border-color);
 }
 .ui.checkbox input:checked:focus~.box:before,
 .ui.checkbox input:checked:focus~label:before,
 .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,
 .ui.checkbox input:not([type=radio]):indeterminate:focus~label:before {
    background: var(--fp-input-field-base-background-color);
    border-color: var(--fp-input-field-base-border-color);
 }
 .ui.checkbox input:checked~label:before {
    background: var(--fp-input-field-base-background-color);
    border-color: var(--fp-input-field-base-border-color);
 }
 .ui.checkbox .box:hover::before,
 .ui.checkbox label:hover::before {
    background: var(--fp-input-field-base-background-color);
    border-color: var(--fp-input-field-base-border-color);
 }
 .ui.checkbox input:checked~.box:after,
 .ui.checkbox input:checked~label:after {
    color: var(--fp-input-field-base-text-color);
 }
 .ui.checkbox input:checked:focus~.box:after,
 .ui.checkbox input:checked:focus~label:after,
 .ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,
 .ui.checkbox input:not([type=radio]):indeterminate:focus~label:after {
    color: var(--fp-input-field-base-text-color);
 }
/*Title header*/
.title{
   background: #b3b3cdb4;
   text-decoration: solid;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 20px;
}
.line {
   flex: 1;
   height: 2px;
   background-color: black;
   margin: 0 10px; /* Space between the line and the text */
 }

 .head-image img{
   width: 21.8rem;
 }
 /* Anchor Tags */
 a {
    color: var(--fp-primary-color);
 }
 a:hover,
 a:focus,
 a:active {
    /* color: var(--fp-primary-color); */
    color: var( --fp-hover-color);
 }
 footer {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   border-top: 1px solid #D5D5D5;
}
footer .logo-section {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   flex-direction: row;
   max-width: 28rem;
}
footer .logo-section div {
   margin: 0 1em;
}
footer .footer-logo{
   width: 50%;
}
footer .logo-section img {
   /* max-height: 3.4rem; */
   width: 100%;
}
footer .info-section {
   text-align: center;
   font-size: 13px;
}
footer .info-section p {
   margin: 0;
   font-size: 13px;
}
footer .info-section a {
   font-size: 13px;
   margin: 0 5px;
   text-decoration: none;
   color: inherit;
}
footer .info-section a:hover {
   text-decoration: underline;
}
footer .info-section div {
   margin-top: 10px;
}
.footer-right-side{
   font-size: small;
   margin-left: 3rem;
}
.cookies-info{
   max-width: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin: 1rem;
   padding: 0.5rem;
}
 .login-portal.layout .center-segment>.ui.container{
   display: flex;
   justify-content: center;
 }
 /*test to access the inner form components*/
 /* Adjust spacing between inputs and checkbox */
.field.external-link-container {
   margin-top: 1.5rem !important; /* Adds space above checkbox */
}
/* Style the checkbox */
#chkRemember {
   margin-right: 0.5rem;
}
/* Add space for new elements (e.g., a divider or link) */
.buttons.mt-2 {
   margin-bottom: 1rem !important;
}
/* Target the sign-in button */
#sign-in-button {
   margin-top: 1rem !important;
   background-color: var(--fp-primary-color) !important;
   color: white;
}
#clear-cookie-button{
    background-color: var(--fp-primary-color) !important;
   color: white;
}
/*i18 - localization settings*/
#fr-title{
   display: none;
} 
#nl-title{
   display: none;
}
#fr-links{
   display: none;
} 
#nl-links{
   display: none;
}
#fr-terms{
   display: none;
} 
#nl-terms{
   display: none;
}
#fr-footer-terms{
   display: none;
}
#nl-footer-terms{
   display: none;
}
#fr-rights-terms{
   display: none;
}
#nl-rights-terms{
   display: none;
}
/*pwd page*/
/* Hide idp elements */
#fr-idp-title,
#nl-idp-title,
#fr-idp-choice,
#nl-idp-choice {
  display: none;
}
/* French elements */
#fr-pwd-reset-title,
#fr-pwd-exp,
#fr-current-pwd,
#fr-new-pwd,
#fr-repeat-pwd,
#fr-match-pwd,
#fr-rights-terms,
#fr-pwd-btn {
  display: none;
}
/* Dutch elements */
#nl-pwd-reset-title,
#nl-pwd-exp,
#nl-current-pwd,
#nl-new-pwd,
#nl-repeat-pwd,
#nl-match-pwd,
#nl-rights-terms,
#nl-pwd-btn {
  display: none;
}
/*pwd page*/
 .login-portal.layout .center-segment>.ui.container>.ui.segment {
    background: var(--fp-main-box-background-color);
    border-color: var(--fp-main-box-border-color);
    color: var(--fp-primary-text-color);
    width:35rem;
 }
 .login-portal.layout .center-segment>.ui.container>.ui.segment .ui.checkbox label,
 .login-portal.layout .center-segment>.ui.container>.ui.segment .ui.checkbox+label {
    color: var(--fp-primary-text-color);
 }
 .login-portal.layout .center-segment>.ui.container>.ui.segment .ui.list .list>.item .header,
 .ui.list>.item .header {
    color: var(--fp-primary-text-color);
 }
 /* Misc Text */
 .ui.divider {
    color: var(--fp-primary-text-color);
 }
 .structure-custom{
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
   align-items: center;
   width: 450px;
 }
.main-container .fp-content-container .center-segment .custom-links
{
 display: flex;
 flex-direction: column;
 margin-bottom: 2rem;
}
.main-container .fp-content-container .center-segment .custom-links a{
   margin: 10px;
}
 .login-portal.layout .policy-page .ui.container .ui.segment {
    background: var(--fp-main-box-background-color);
    border-color: var(--fp-main-box-border-color);
    color: var(--fp-primary-text-color);
 }
 .login-portal.layout .ui.segment.toc ul.ui.list.nav>li>a {
    color: var(--fp-primary-text-color);
 }
 .login-portal.layout .ui.segment.toc ul.ui.list.nav>li:before {
    color: var(--fp-primary-text-color);
 }
 .login-portal.layout .ui.segment.toc ul.ui.list.nav>li:hover a {
    color: var(--fp-primary-color);
 }
 .login-portal.layout .ui.segment.toc ul.ui.list.nav>li:hover:before {
    color: var(--fp-primary-color);
 }
 /* Positive */
 .ui.positive.message {
    background-color: var(--fp-positive-message-background-color);
    color: var(--fp-primary-text-color) !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--fp-positive-message-border-color);
 }
 .ui.positive.message .header {
    color: var(--fp-positive-message-header-color);
 }
 /* Negative */
 .ui.negative.message {
    background-color: var(--fp-negative-message-background-color);
    color: var(--fp-primary-text-color) !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--fp-negative-message-border-color);
 }
 .ui.negative.message .header {
    color: var(--fp-negative-message-header-color);
 }
 /* Info */
 .ui.info.message {
    background-color: var(--fp-info-message-background-color) !important;
    color: var(--fp-primary-text-color) !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--fp-info-message-border-color);
 }
 .ui.info.message .header {
    color: var(--fp-info-message-header-color);
 }
 /* Warning */
 .ui.warning.message {
    background-color: var(--fp-warning-message-background-color) !important;
    color: var(--fp-primary-text-color) !important;
    border-width: 1px;
    border-style: solid;
    border-color: var(--fp-warning-message-border-color);
 }
 .ui.warning.message .header {
    color: var(--fp-warning-message-header-color);
 }
header {
   background: url(assets/img/line.svg) repeat-x left top;
   font-family: "Roboto", sans-serif;
   margin: 0 0 0px 0;
   min-height: 100px;
}
 .head-theme{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   border-top: midnightblue;
   border-width: 5px;
   border-style: solid;
 }
 .lang-theme{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
 .fp-header {
    min-height: 70px;
    width: 100%;
    background-color: var(--fp-header-background-color);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-bottom: 30px;
 }
 .fp-header>.fp-header-theme {
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .fp-header>.fp-header-theme>.fp-checkbox {
    visibility: hidden;
 }
 .fp-header>.fp-header-theme>.fp-theme-checkbox-label {
    width: 70px;
    height: 30px;
    border-radius: 20px;
    position: relative;
    background-color: #33334b;
    font-size: 1.5rem;
 }
 .fp-header>.fp-header-theme>.fp-theme-checkbox-label>.sun {
    color: orange;
    position: absolute;
    left: 3px;
    top: 6px;
 }
 .fp-header>.fp-header-theme>.fp-theme-checkbox-label>.moon {
    color: yellow;
    position: absolute;
    right: 3px;
    top: 6px;
 }
 .fp-header>.fp-header-theme>.fp-theme-checkbox-label>.fp-theme-indicator {
    position: absolute;
    left: 4px;
    top: 2.5px;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 0.9rem;
    background-color: white;
    transition: transform 0.2s linear;
 }
 .fp-header>.fp-header-theme>.fp-checkbox:checked+.fp-theme-checkbox-label .fp-theme-indicator {
    transform: translateX(35px);
 }
 .lang-list{
   display: flex;
   flex-direction: row;
   justify-content: end;
   align-items: center;
 }
 body.animating.in.dimmable, body.dimmed.dimmable {
    background: var(--fp-primary-background-color) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
 }
 body.animating.in.dimmable > .center-segment, body.dimmed.dimmable > .center-segment {
    margin: auto;
    /* width: 37rem; */
 }
 .center-segment>.main-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    /* max-height: 690px; */
    background: var(--fp-primary-background-color);
    border-color: var(--fp-main-box-border-color);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    width: 90%;
 }
 .idp{
     width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 1rem;
 }
 .idp-titles{
   width: 100%; 
   max-width: 450px;
   display: flex; 
   flex-direction: row; 
   justify-content: space-around; 
   align-items: center;
   margin: 1rem;
 }
 .custom-links-idp{
   display: flex; 
   flex-direction: row; 
   align-items: center; 
   justify-content: space-evenly;
 }
 .idp-link-container{
   width: 100%;
   max-width: 450px;
   margin: 1rem;
 }
 .idp-image{
   width: 100%;
   max-width: 340px;
   margin: 1rem;
 }
 .center-segment>.main-container>.fp-info-container {
    width: 28.1rem;
    align-self: center;
 }
 .center-segment>.main-container>.idp-displayed{
   display: block;
 }
 .idp-choice-text-none{
   display: none;
 }
 .idp-choice-text{
   display: block;
   margin: 5%;
 }
 .center-segment>.main-container>.idp-none-displayed{
   display: none;
 }
 .center-segment>.main-container>.fp-info-container>.fp-info-content {
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
 }
 .center-segment>.main-container>.fp-info-container>.fp-info-content>p {
    font-size: 1.5rem;
 }
 .center-segment>.main-container>.fp-info-container>.fp-info-content .fp-service-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.3rem;
    margin-bottom: 10px;
 }
 .center-segment>.main-container>.fp-info-container>.fp-info-content .fp-service-item i {
    margin-right: 20px;
    color: var(--fp-primary-color);
 }
 .center-segment>.main-container>.fp-info-container>.fp-info-illustration>img {
    width: 200px;
 }
 .center-segment>.main-container>.fp-divider {
    height: inherit;
    border-left: 1px solid var(--fp-divider-color);
    margin-left: 2rem;
 }
 .center-segment>.main-container>.fp-content-container {
    width: 45%;
 }
 .center-segment>.main-container>.fp-content-container .ui.segment {
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
 }
 @media only screen and (max-width: 1100px) {
    .center-segment>.main-container{
      flex-direction: column;
    }
    .center-segment>.main-container>.fp-info-container {
        display: none;
    }
    .center-segment>.main-container>.fp-divider {
        display: none;
    }
    .idp-choice-text{
      margin: 0;
    }
 }
/*idp config*/
 .segment-form .ui.horizontal.divider {
 display: none;
}
/* Pill button */
#language-selector-dropdown.ectz-like.ui.selection.dropdown {
  /* width: var(--ectz-pill-size); */
  width: 75% !important;
  min-height: var(--ectz-pill-size);
  background-color: var(--ectz-bg);
  color: var(--ectz-text);
  border: 1px solid var(--ectz-primary);
  border-radius: 9999px;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration-line: underline;
  font-weight: 500;
  gap: .5rem;
  position: relative;
  z-index: 20; /* keep above menu */
}
/* Hide the default Semantic caret to match the ectz look */
#language-selector-dropdown.ectz-like > .dropdown.icon {
  display: none !important;
}
#language-selector-dropdown.ectz-like.ui.selection.dropdown:hover{
background: var(--ectz-accent-bg);
}
/* Selected text styles (e.g., "FR") */
#language-selector-dropdown.ectz-like > .default.text,
#language-selector-dropdown.ectz-like > .text {
  width: 100%;
  text-align: center;
  line-height: var(--ectz-pill-size);
  margin: 0 !important;
  color: inherit;
}
/* Hover on the pill */
#language-selector-dropdown.ectz-like:hover {
  background-color: var(--ectz-accent-bg);
}
/* Active/focus state = inverted colors like ectz */
#language-selector-dropdown.ectz-like.active,
#language-selector-dropdown.ectz-like.visible,
#language-selector-dropdown.ectz-like:focus-within {
  background-color: var(--ectz-primary) !important;
  color: #fff !important;
  text-decoration: none;
}
/* The dropdown menu styled as the ectz stacked list */
#language-selector-dropdown.ectz-like.visible > .menu {
  display: flex !important;
  flex-direction: column;
  background-color: var(--ectz-accent-bg);
  border:none;
  border-bottom-left-radius: 35%;
  border-bottom-right-radius: 35%;
}
/* Target the specific control first: it's an <input> with id="approve" */
input#approve.ui.primary.button {
  /* wipe out the gradient/shorthand */
  background-image: none !important;
  background: none !important;

  /* now set your colors */
  background-color: var(--fp-primary-color, #2f3e8b) !important;
  color: #fff !important;
  border-color: transparent !important;
}
/* States: keep the same look on hover/focus/active */
input#approve.ui.primary.button:hover,
input#approve.ui.primary.button:focus,
input#approve.ui.primary.button:active {
  background-image: none !important;
  background: none !important;
  background-color: var( --fp-hover-color) !important; /* darker hover */
  color: #fff !important;
}
/* (Optional) If there are places where a BUTTON element is used instead of INPUT */
#approve.ui.primary.button,
#approve.ui.primary.button:hover,
#approve.ui.primary.button:focus,
#approve.ui.primary.button:active {
  background-image: none !important;
  background: none !important;
  background-color: var(--fp-primary-color, #2f3e8b) !important;
  color: #fff !important;
  border-color: transparent !important;
}
#approve.ui.primary.button:hover,
#approve.ui.primary.button:focus,
#approve.ui.primary.button:active {
  background-color: var( --fp-hover-color) !important;
}
/* keep the box white, even when checked */
.claim-cb.ui.checkbox:not(.toggle):not(.slider) input:checked ~ label:before,
.claim-cb.ui.checkbox:not(.toggle):not(.slider).checked label:before,
.claim-cb.ui.checkbox:not(.toggle):not(.slider) input:checked ~ .box:before,
.claim-cb.ui.checkbox:not(.toggle):not(.slider).checked .box:before {
  background: #fff !important;          /* kill the orange fill */
  background-image: none !important;     /* kill gradients */
  border: 2px solid var(--fp-primary-color) !important;
  box-shadow: none !important;
}
/* tick stays blue */
.claim-cb.ui.checkbox input:checked ~ label:after,
.claim-cb.ui.checkbox input:checked ~ .box:after {
  color: var(--fp-primary-color) !important;
   background: #fff !important;   
}
/* (optional) keep disabled/read-only looking the same */
.claim-cb.ui.checkbox.disabled label,
.claim-cb.ui.checkbox.read-only label,
.claim-cb.ui.checkbox.disabled .box,
.claim-cb.ui.checkbox.read-only .box { opacity: 1 !important; }
/* Remove scrollbar from consent page */
.claim-list {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
}