/* ----- BASIC ------ */

body {background:  #034252 !important;}
.colorBlueLight {color: #FFF}
.colorBlueDark {color: #3b4348}
.dark {color: #231F20 !important}
.emptyCheck, .blueV {background-image: url('https://teasio.appandweb.be/templates/teasio_academy_teasio-academy/resources/checkboxSprite.png');}
.errorMessageConditions {color:  #FF5858;}


/* ----- HOME FRONT ----- */

.header2021 {border-bottom: 0px solid #eee; background: #00323E;}
.header2021 #mainLogo {background: transparent;}

.homeGlobalContainer {background:  #FFF !important}
.homeWelcomeContainer {background: #034252 !important;}
.popupHome2021 .popupHomeContainer { background-color:  #034252 !important; }
.registerContainer {background: #00323E !important}
.appContainer {background: #034252 !important;}


/* ----- TITLES ----- */

.welcomeSpace h2, .popupHome2021 h2, .plainText h1 {color: #FFF !important}
.registerContainer a { color: #00DD6C !important; }
.registerContainer a:hover { color: #018a42 !important; }

/* ----- TEXT ----- */

.welcomeSpace p  {color: #FFF !important}
p  {color: #231F20}
.registerContainer p { color: #FFF !important; }
#cookiePopupContainer p {color: white !important;}

/* ----- FORM ----- */

#loginForm label, #signupForm label, #loginFormPopup label, #recoveryForm label {color: #FFF}
.form2021 label span {color: #FF5858 !important; }
.form2021 .warningMessage {color: #FF5858; !important;}
.form2021 input, input,  .form2021 input[type="text"], .loginForm2021 input:-internal-autofill-selected, .form2021 input[type="password"], .form2021 input[type="email"], .selectBoxFront {
    background-color: #FFF !important;  border: 1px solid #DBDBDB !important; color: #3b4348 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.popupHome2021 p.popupIntro {  color: #FFF !important; }

.cookieBlockLink {color: white !important;}
.TOSlinks {border-top: 2px dashed #0C574C;}
.TOSlinks li {color: #FFF;}
.TOSlinks li a {color: #05DC6C !important}
.acceptConditionsButton {background: #05DC6C;}
label.dark {color: #fff !important}

input{background-color: #f1f1f1 !important;  }


/* BOUTTONS */

a {color: #05DC6C  !important;}
a:hover {color: #05DC6C !important;}

.form2021 .buttonSubmit {
    border: 0px solid #00DD6C !important;
    background: #00DD6C !important;
    color: #002217 !important;  }
.form2021 .buttonSubmit:hover {opacity: 0.8;}

.disconnectLink input {color:  #05DC6C !important;}


/* PAGE TOS */

#loginNav a, .rightNav a, .acceptConditionsButton {
    background:  #00DD6C !important;
    color: #002217 !important;}
#loginNav a:first-child, .rightNav a:first-child {  color: white !important; }
#loginNav a:hover, .rightNav a:hover {background:  #00DD6C !important;
    color: #002217 !important;}
#mainNav a {
    background: #00DD6C !important;
    color: #002217 !important;padding: 12px 19px 10px 19px !important;  font-size: 15px; border-radius: 60px;}

/* NOTICE */

#mobileAppsNotice { background: #00DD6C !important }
#mobileAppsNotice p {color: #002217 !important;}


/* LIGHT PAGES */
.logoZone {background: #00323E;}
.loaderLocal i {color: #00DD6C;}
.lightPage {background: #034252 !important;}
.lightPage p {color: #1F2F22}
.eventsListFilters {background-color: #00262f !important}
.eventsListFilters label {
    color: #FFF !important;
}
.iconSearch, .cta2021White i {color:  #00DD6C;}
.searchBar, .noDataResults, .noDataGlobal {border: 1px solid #fff !important}
.cta2021 {
    background:#00DD6C !important;
    color: #002217 !important;}
.cta2021:hover {
    background: #018a42 !important;
    color: #002217 !important
}
.cta2021White {background:#FFF; color: #002217; border: 1px solid #002217;}
.cta2021White:hover {background: #002217; color: #FFF; !important;}
.cta2021White:hover i {color: #FFF;}
.eventBlocDetail {background: #FFF}
.eventBlocLinks {border-top: 1px solid #F1F1F1; background:#FFF;}
.eventBannerInfosTop p, .eventBannerInfosTop a {color: #FFF;}
.eventBannerInfosTop p {background:rgba(0, 221, 108, 0.71); color: #002217 !important; }
.eventBannerInfosTop i {color: white;}
.eventBannerInfosBottom {
    background: #002217 !important;
}
.eventBannerInfosBottomReplay {
    background: #002217 !important;
}
.howManyParticipants {color: #484848}
.footer2023 {border-top: 1px solid #0C574C}
.footerCredits p, .footer2023 p {color: #FFF !important;}
.footerTeasioLogo {background: #01d166;}

.color-primary {color: #00DD6C;}
label.labelFilter > input[type="checkbox"]:checked + *::before {background: #00DD6C; border-color: #00DD6C; color: white;}

.eventBannerBigDate {background:rgba(0, 221, 108, 0.71)}
.eventBannerBigInfosContainer {background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);}

.eventDetailBigColumn, .eventDetailSmallColumn {background: white;}
.eventDetailTitle {border-bottom: 1px solid #F1F1F1; color: #00323E;}

.eventDetailInfos {border: 1px solid #F1F1F1;}
.eventDetailInfosIcon {    background: #00c761;}
.eventDetailInfosIcon i {color: #fff !important;}
.popupRegisterEvent .popupRegisterEventHeader .popupRegisterEventHeaderInfos {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0, 0.7) 0%, rgba(0,0,0,0) 100%);
}

.eventCountdown {background:  #231F20;}
.speakersIcon {background : #fafafa}
.iconReminder {
    background: #00DD6C;
}

.popupRegisterEventHeaderInfosDate {background:  #00DD6C;  color: #002217 !important;}
.popupConfirmationForm i { background: #00DD6C !important; color: #002217 !important;}

.lightPage .form2021 .buttonSubmit {
    background: #00DD6C !important;
    color: #002217 !important;
}

.headerSubNav2023 .headerLinks a {border: 1px solid  #00DD6C ;  color:   #00DD6C  !important;}
.header2023 .loginArea {background: #00323E; }
h1.customHtmlEditor, h2.customHtmlEditor, h3.customHtmlEditor {color:#00323E; !important;}


.detailEventPage, .eventsListContainer {background-image: none}

/* PAGE MAINTENANCE */
.maintenancePage {background: #034252 !important;}
.maintenanceCard {background: #00323E !important}
.maintenancePage h1 {color: #FFF !important }
.maintenancePage p {color: #FFF   !important }

/* COOKIE */
#cookiePopupContainer{background-color: rgba(0,0,0,0.8);}
#cookiePopupContainer *{color: #FFF;}
#cookiePopupContainer .closeCookiePopupContainer{
    color: #002217;
    background: #00DD6C !important;}
#cookiePopupContainer .closeCookiePopupContainer:hover{
    background: #007a3a !important;}

#cookiePopupContainer .cookieBlockLink{background-color: #717e7f;}
#cookiePopupContainer .cookieBlockLink:hover{background-color: #7f8c8d; }