/* --------------------------------------  COMMONS RULES (clean) WIP -------------------------------------- */
@import "../base/reset.css";

@import "../partials/headers.css";
@import "../partials/footers.css";

/* -------------------------------------- FONTS IMPORT */

@font-face {
    font-family: 'Dancing Script';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/dancing_script/dancingscript-regular-webfont.woff2') format('woff2'),
    url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/dancing_script/dancingscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Karla';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/karla/Karla-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/quicksand/Quicksand-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Quicksand';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/quicksand/Quicksand-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: bold;
}


@font-face {
    font-family: 'Raleway';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Montserrat';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('https://hellocoachingbyvista.com/templates/commons//resources/fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



/* ---------- TITLES and TEXTS ---------- */

h1, h2, h3, h4, h5   { font-family: 'Montserrat', sans-serif !important;}
p, a, label, span, li {font-family: 'Montserrat', sans-serif !important;}
input, select {font-family: 'Montserrat', sans-serif !important;}

h1 {font-size: 22px !important}
h2 {font-size: 20px !important}
h3 {font-size: 18px !important}
h4 {font-size: 14px !important}
h5 {font-size: 12px !important}
p {font-size: 13px; }

.fs-12px {font-size: 12px !important;}
.fs-13px {font-size: 13px !important;}
.fs-14px {font-size: 14px !important;}
.fs-15px {font-size: 15px !important;}
.fs-16px {font-size: 16px !important;}
.fs-17px {font-size: 17px !important;}
.fs-18px {font-size: 18px !important;}
.fs-19px {font-size: 19px !important;}
.fs-20px {font-size: 20px !important;}
.fs-24px {font-size: 24px !important;}

.lh-100 {line-height: 100%}
.lh-105 {line-height: 105%}
.lh-110 {line-height: 110%}
.lh-120 {line-height: 120%}
.lh-150 {line-height: 150%}

strong{font-weight: 500;}
em{font-style: italic;}

.ellipsis {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ellipsis-h2, .ellipsis-h3, .ellipsis-h4, .ellipsis-h5, .ellipsis-h6, .ellipsis-h7, .ellipsis-h8, .ellipsis-h9, .ellipsis-h10 {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;

}

.ellipsis-h2 {-webkit-line-clamp: 2;}
.ellipsis-h3 {-webkit-line-clamp: 3;}
.ellipsis-h4 {-webkit-line-clamp: 4; }
.ellipsis-h5 {-webkit-line-clamp: 5;}
.ellipsis-h6 {-webkit-line-clamp: 6;}
.ellipsis-h7 {-webkit-line-clamp: 7;}
.ellipsis-h8 {-webkit-line-clamp: 8;}
.ellipsis-h9 {-webkit-line-clamp: 9;}
.ellipsis-h10 {-webkit-line-clamp: 10;}

.cursor-pointer {cursor: pointer;}

.lightPage p {line-height: 150%;}

.smallUTC {
    font-size: 10px;
    opacity: 0.6;
    margin-left: 4px
}

.smallTxt {font-size: 10px;}
.noBorder {border-size: 0px}

.basicBorder{border: 1px solid;}
.basicBorderBottom {border-bottom: 1px solid;}
.basicBorderBottom:last-child {border-bottom: 0px solid;}
.basicBorderBottom-forces {border-bottom: 1px solid;}
.basicBorderRight {border-right: 1px solid;}
.basicBorderLeft {border-left: 1px solid;}
.basicBorderTop {border-top: 1px solid;}

.doubleBorderPrimary {border: 2px solid;}

.smallRadius {border-radius: 4px;}

.pictureShape {border-radius: 20px 19px 25px 18px;}
.pictureShapeBig { border-radius: 33px 28px 41px 25px;}
.pictureShapeCoach {border-radius: 116px 94px 139px 97px }
.pictureShapeExpert {border-radius: 113px 182px 147px 187px; }

/* ---------- WYSIWYG ---------- */

h1.customHtmlEditor, h2.customHtmlEditor, h3.customHtmlEditor {
    padding: 0px !important;
    text-align: left !important;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
    color: #3EC9BD;
}

h1.customHtmlEditor {
    font-size: 18px !important;
    margin-bottom: 5px;
    border: 0px;
}


h2.customHtmlEditor {
    font-size: 16px !important;
    margin-bottom: 5px;
    border: 0px;
}

h3.customHtmlEditor {
    font-size: 15px;
    text-align: center;
}

a.customHtmlEditor {
    text-decoration: underline;
}


pre.customHtmlEditor {
    display: block;
    font-family: monospace;
    white-space: unset;
    text-align: left;
    margin: 0px 0px 11px 0px;
}

blockquote.customHtmlEditor {
    border-left: 2px solid gainsboro;
    padding-left: 10px;
}

img.customHtmlEditor {
    width: 100% !important;
    height: auto !important;
}

td.customHtmlEditor {
    border: 1px solid #d6d6d6;
    padding: 5px;
}

table.customHtmlEditor {
    width: 100% !important;
}

ul.customHtmlEditor {
    list-style: disc !important;
    font-family: 'Montserrat', sans-serif !important;
}

ol.customHtmlEditor {
    list-style: auto !important;
    font-family: 'Montserrat', sans-serif !important;
}

ul.customHtmlEditor li, ol.customHtmlEditor  li {
    color: #868686;
    font-size: 14px;
    margin-left: 14px;
}

/* ---------- ALIGNMENTS ---------- */

.textAlignRight{width: 100%; text-align: right; }
.textAlignCenter{width: 100%; text-align: center; }
.textAlignCenter, .textAlignCenter * {text-align: center;}

.centerBlock{
    margin: auto;
    display: block;
    position: relative;
    padding: 0 40px;
    width: -webkit-calc(100% - 80px);
    width: -moz-calc(100% - 80px);
    width: calc(100% - 80px);
    max-width: 1150px;
}

header .centerBlock{padding: 0;}

/* ---------- PADDINGS/MARGINS ---------- */

.p-11px {padding: 11px !important; }
.pt-11px {padding-top: 11px !important;}
.pb-11px {padding-bottom: 11px !important;}
.pl-11px {padding-left: 11px !important;}
.pr-11px {padding-right: 11px !important;}
.p-22px {padding: 22px !important;}
.pt-22px {padding-top: 22px !important;}
.pb-22px {padding-bottom: 22px !important;}
.pr-22px {padding-right: 22px !important;}
.pl-22px {padding-left: 22px !important;}
.p-33px {padding: 33px !important;}
.pt-33px {padding-top: 33px !important;}
.pb-33px {padding-bottom: 33px !important;}
.pr-33px {padding-right: 33px !important;}
.pl-33px {padding-left: 33px !important;}
.p-44px {padding: 44px !important;}
.pt-44px {padding-top: 44px !important;}
.pb-44px {padding-bottom: 44px !important;}
.pr-44px {padding-right: 44px !important;}
.pl-44px {padding-left: 44px !important;}
.pt-55px {padding-top: 55px !important;}

.ml-4px {margin-left: 4px !important;}
.mr-4px {margin-right: 4px !important;}
.mt-4px {margin-top: 4px !important;}
.mb-4px {margin-bottom: 4px !important;}
.ml-8px {margin-left: 8px !important;}
.mr-8px {margin-right: 8px !important;}
.m-11px {margin: 11px !important; }
.mt-11px {margin-top: 11px !important;}
.mb-11px {margin-bottom: 11px !important;}
.ml-11px {margin-left: 11px !important;}
.mr-11px {margin-right: 11px !important;}
.mb-13px {margin-bottom: 13px !important;}
.m-22px {margin: 22px !important;}
.mt-22px {margin-top: 22px !important;}
.mb-22px {margin-bottom: 22px !important;}
.mr-22px {margin-right: 22px !important;}
.ml-22px {margin-left: 22px !important;}
.m-33px {margin: 33px !important;}
.mt-33px {margin-top: 33px !important;}
.mb-33px {margin-bottom: 33px !important;}
.mr-33px {margin-right: 33px !important;}
.ml-33px {margin-left: 33px !important;}
.m-44px {margin: 44px !important;}
.mt-44px {margin-top: 44px !important;}
.mb-44px {margin-bottom: 44px !important;}
.mr-44px {margin-right: 44px !important;}
.ml-44px {margin-left: 44px !important;}
.mt-55px {margin-top: 55px !important;}
.mb-55px {margin-bottom: 55px !important;}

.top-0 {top: 0px !important}
.top-44px {top: 44px !important}
.bottom-0 {bottom: 0px !important}
.left-0 {left: 0px !important}
.right-0 {right: 0px !important}

/* ---------- IMAGE ---------- */

.pictureShape {border-radius: 20px 19px 25px 18px;}

/* ---------- COLUMNS / WIDTHS ---------- */

.halfGrid {width: 50%}

.w-30 {width: 30%;}
.w-35 {width: 35%;}
.w-40 {width: 40%;}
.w-60 {width: 60%;}
.w-65 {width: 65%;}
.w-70 {width: 70%;}


.pageContainer {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
}

/* ---------- HEIGHTS ---------- */

body {height: 100%}

/* TO SET A HEIGHT 100% */
.homeGlobalContainer {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    min-height: 100vh;
    display: inline-flex;
    /*max-height: 900px;*/
}
.wrapper {min-height: 100%; height: 100%; }

/* ---------- BUTTONS / LINKS STYLE ---------- */

.newTeasioBtn {
    border-radius: 60px;
    padding: 15px;
    text-decoration: none;
    display: inline-block;
    margin-top: 22px;
    opacity: 0.8; }

.newTeasioBtn:hover {opacity: 1;}

.newBtnStores li {display: inline;  width: 50%;}
.newBtnStores li:last-child {margin-right: 0px}
.newBtnStores img {max-width: 150px}

a, a:hover{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-decoration: none
}

a:hover {text-decoration: none !important}

.cta2021 {
    border-radius: 60px;
    padding: 6px 11px;
    font-size: 14px;
}

.cta2021:hover {}

/* ---------- SEARCHBAR ---------- */

.searchBar {
    border-radius: 60px;
    min-width: 320px;
    height: 36px;
    padding: 11px 44px 11px 11px;
    font-size: 11px;
}


.iconSearch {right: 20px; z-index: 500;}


.noDataResults {
    border-radius: 10px;
    padding: 11px;
}

.noDataResults p {font-size: 12px; text-align: center;}

.noDataGlobal {
    padding: 22px;
    border-radius: 4px;
}

.noDataGlobal p {font-size: 14px; text-align: center;}

/* ---------- BREADCRUMB ---------- */

.breadcrumbContainer {
    padding-top: 22px;
    padding-bottom: 11px
}

.breadcrumbContainer li {
    margin-right: 11px;
    font-size: 12px;
}

.breadcrumbContainer li span {
    opacity: 0.6;
}

/* ---------- SCROLLBAR ---------- */

.hiddenScrollBar {
    overflow: scroll !important;
    overflow-x: hidden !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    overflow: -moz-scrollbars-none !important;
}

/* Masquer la scrollbar sur Chrome */
.hiddenScrollBar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    background: transparent !important;
}

/* ---------- MARGINS ---------- */

.noMargin {margin: 0px !important}

/* ---------- SPRITES ---------- */

.emptyCheck, .blueV {
    background-image: url('https://hellocoachingbyvista.com/templates/hello_coaching_hello-coaching-by-vista/resources/checkboxSprite.png');
}


/* ---------- SHADOWS ---------- */

.lightShadow {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

/* ---------- FOOTER ---------- */
/* Pour le moment il n'y a rien parce qu'on a pas de footer, mais ça viendra avec les pages events */


/* ---------- POPUPS ---------- */

.popupItself {
    max-width: 600px;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    background-color: transparent;
    min-height: 270px;
    height: 600px;
}

#loginPopup  {height: auto !important; width: auto !important;}
#askRecoveryPart {
    border-radius: 10px;
    height: fit-content !important;
}

.containerPopup {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 301;
}



.borderBox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.centerHorizontallyVertically {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: auto;
}

.hasTransitions {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#signupPart {margin-top: 50px !important;}
#loginPart, #askRecoveryPart {height: auto !important; margin-top: 100px !important;}

/* style 2021 */

.popupHome2021 .popupHomeContainer {
    max-width: 536px;
    padding: 30px 60px;
    height: auto !important;
    max-height: 740px !important;
    border-radius: 10px;
    overflow: scroll;
    margin: 0 auto;
}

.popupHome2021 h2 {
    text-align: center;
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

.popupHome2021 p.popupIntro, .popupHome2021 .popupIntro p {
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    line-height: 1.3rem;
    font-size: 14px;
    margin-bottom: -16px;
}

.popupHome2021 a {
    font-family: 'Quicksand', sans-serif;
}

.popupHome2021 .iconClosePopup {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 15px;
    height: 15px;
}

.iconClose {
    top: 6px;
    right: 6px;
    color: white;
    background: #b71a08;
    width: 24px;
    height: 24px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popupHome2021 .switchToSignup {    padding-bottom: 40px;
    display: inline-block;
    font-size: 13px; top: 0px;
    position: relative;}

.popupHome2021 .errorMessage {
    top: 55px;
}

.popupHome2021 .feedbackBlock {
    background: transparent !important;
    border: 0px dashed #b71a08 !important;
    font-family: 'Quicksand', sans-serif !important;
    top: -10px;
    margin-bottom: 0px;
}

.popupHome2021 .recoveryFeedbackBlockError, .popupHome2021 .recoveryFeedbackBlock {margin-top: 0px !important}
.popupHome2021 .passwordQuality {top: -79px !important;}
.popupHome2021 .form2021 input {margin-bottom: 10px; /* reduire la hauteur du pop up inscription */ }
.popupHome2021 .form2021 .buttonSubmit {margin-bottom: 0px; /* que pour btn dans pop up */ }

.popupHome2021 .popupForgotPassword {
    font-size: 13px;
    margin: 0 auto;
    display: block;
    margin: 0px 0px 32px 0px;
}

.popupHome2021 .recoveryFeedbackBlockError {color: red} /* même color pour tout le monde */

#signupForm.form2021 {margin-top: 20px;}

#signupPart .checkBlock{height: 45px;}

.infobulleRecovery {z-index: 5222 !important; top: 2px !important; }
.g-recaptcha div {margin: 0 auto; margin-top: 10px; }

.buttonSubmit {
    border-radius: 60px !important;
    height: 43px !important;
    /*padding: 0px !important;*/
    font-family: 'Montserrat', sans-serif !important;
    cursor: pointer !important;
}

.plainText h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
}



/* ---------- FORMS ---------- */


.form2021 {
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 40px;
}

.form2021 label {
    margin-bottom: 8px;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
}

.form2021 label span {
    font-size: 10px;
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
}

.form2021 input, .form2021 select {
    width: 100%;
    max-width: 100% !important;
    border-radius: 5px;
    /*height: 32px;*/
    padding: 10px 20px;
    margin-top: 8px;
    font-size: 14px;
    margin-bottom: 24px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.form2021 input[type="text"], .loginForm2021 input:-internal-autofill-selected, .form2021 input[type="password"], .form2021 input[type="email"] {
    background: white;
}


.form2021 .editorInputBulleError input {
    /*padding: 5px 20px !important;*/
    /*padding-bottom: 15px !important;*/
    /*-webkit-transition: all .3s ease;*/
    /*-moz-transition: all .3s ease;*/
    /*-ms-transition: all .3s ease;*/
    /*-o-transition: all .3s ease;*/
    /*transition: all .3s ease;*/
}

.form2021 .errorMessage {
    color: red !important;
    text-align: left;
    font-size: 10px;
    position: absolute;
    top: 20px;
    z-index: 300;
    left: 0px;
    font-family: 'Quicksand', sans-serif;
}

.welcomeSpace .form2021 .errorMessage {
    top: 8px;
}



.form2021 .warningMessage {
    font-size: 11px;
    margin-top: -7px;
    margin-bottom: 10px;
    font-family: 'Quicksand', sans-serif;
    line-height: 13px;
}

.form2021 .buttonSubmit {
    width: auto;
    padding: 0px 22px;
    margin: 0 auto;
    display: block;
    height: 53px;
    border-radius: 33px;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 30px; /* que pour btn sur la home */
}

.form2021 .iconPassword, .form2021 .iconOK, .form2021 .iconError {
    position: absolute;
    top: 53px;
    right: 20px;
    z-index: 200;
}


.form2021 .iconPassword {
    width: 12px; height: 14px;
}

.form2021 .editorInputBulleError .iconPassword {
    display: none;
}

.form2021 .iconOK {
    width: 16px; height: 16px;
}

.form2021 .iconError {
    width: 15px; height: 14px;
    display: none;
}

.form2021 .editorInputBulleError .iconError {
    display: block;
}


.form2021 .checkBlock input {
    opacity: 0 !important;
    z-index: 9999 !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 30px !important;
    top: -6px !important;
    left: -6px !important;
    position: absolute !important;
}

.form2021  .checkBlock input:checked+.blueV {
    top: 1px !important;
}

.form2021  .emptyCheck {
    width: 30px !important;
}

.form2021 .checkLabel {
    position: absolute ;
    top: 9px;
    font-size: 13px !important;
}

.form2021 .genericInputBulleHome {
    max-width: 100%;
}

.form2021 #conditionsContainer {
    /*margin-bottom: 20px;*/
    margin-top: 10px;
}

.form2021 .requiredField {
    right: auto !important;
    top: auto !important;
}

.g-recaptcha {margin-bottom: 26px !important; margin-top: 26px !important;}

.form2021 .passwordQuality {
    position: absolute;
    top: -32px;
    z-index: 8888;
    right: -25px;}

.form2021 .feedbackBlock, .form2021 .feedbackBlock p {
    background: transparent !important;
    border: 0px dashed #b71a08 !important;
    color: #fe3000 !important; /* meme couleur pour tout le monde */
    background-image: transparent !important;
    margin-top: 0px;
    padding-top: 0px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 12px;
    height: 10px;
}

#loginFormPopup .feedbackBlock {
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 0px !important;
    display:none;
}

.welcomeSpace h2 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 24px !important;
    font-weight: bold !important;
    margin-top: 0px !important
}


.welcomeSpace p.feedbackBlock {
    margin-bottom: 51px !important;
}

.form2021  #loginButtonPopup {margin-top: 15px}

.recoveryFeedbackBlockError img.iconError, .recoveryFeedbackBlock img.iconOK {
    display: block; margin: 0 auto;
    top: 16px;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

.recoveryFeedbackBlock p {color: #49c32c; !important}
.recoveryFeedbackBlockError p {color: #fe3000 !important;}


.selectBoxFront {
    background-color: #FFF !important;
    border: 1px solid #DBDBDB !important;
    color: #3b4348 !important;
    margin-top: 6px;
    padding: 10px 10px !important;
    border-radius: 4px;
    margin-bottom: 10px;
    -webkit-appearance: none;
}

.selectBoxArrow {
    right: 11px;
    top: 17px;
    font-size: 27px;
}

.popupConfirmationFormContent {
    height: 100vh !important;
    max-height: 300px;
}

.popupConfirmationForm i {
    border-radius: 60px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    font-size: 36px;
}


.popupSocialButtons li {
    border: 1px solid #DDD;
    border-radius: 60px;
    width: 72px; height: 72px;
    display: flex; align-items: center;
    justify-content: center;
    margin: 0px 6px;
}

.popupSocialButtons li i {font-size: 32px;}

/* Checkblock */

.checkBlock{
    cursor: pointer;
    display: inline-block;
    position: relative;
    width:30px;
    height: 24px;
}

.buttonCheck {
    display: block;
    margin: 0 auto;
    width: 1200px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.emptyCheck, .blueV{
    background-image: url('https://hellocoachingbyvista.com/templates/commons//resources/checkboxSprite.png');
}

.emptyCheck{
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 24px;
    position: relative;
    top: -22px;
}

.newCheck {
    top: -27px;
}

.blueV{
    width: 25px;
    height: 25px;
    background-position: 25px 0;
    display: inline-block;
    position: relative;
}

.checkBlock input{
    opacity: 0;
    z-index: 9999;
    cursor: pointer;
    width: 100%;
    height: 30px;
    top: 6px;
    left: -3px;
    position: absolute;
}
.stephCorrectch .checkBlock input{
    top: 19px;
}

.checkBlock .iconMunk{
    position: absolute;
    top: -8px;
    left: -4px;
}

.checkBlock .blueV{
    top:-11px;
    opacity: 0;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.checkBlock input:checked+.blueV{
    top: 14px;
    opacity: 1;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#signupForm .checkBlock input:checked+.blueV {
    top: 3px;
}

/*#signupForm .feedbackBlock {*/
/*padding: 13px 0px 9px 0px;*/
/*margin-bottom: 12px;*/
/*margin-top: -50px;*/
/*}*/


#signupForm .popupItself h2 {
    margin-bottom: 54px;
}

.checkBlock.radioBlock input:checked+.blueV{
    top: 5px;
}

.checkBlock input:checked+.blueV+.emptyCheck{
    background-position: 0 24px;
}

.checkBlock input:checked+.blueV {top: 9px;}
.errorMessageConditions {font-size: 12px; margin-top: 20px; }
.checkBlockTos input {top: 0px;}


/* Qualité du password */

.passwordQuality span.downTriangleThingie{
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #d5d5d5 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    margin: auto;
    z-index: 10;
}


.signupFormBlock .inputContainer:last-child {margin-bottom: 0px;}

.passwordQuality {
    width: 200px;
    margin-top: -6px;
    margin-left: 2px;
    display: none;
    position: relative;
    right: 0px;
    top: auto;
    /* float: right; */
    margin-left: 150px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.passwordQuality span{
    display: inline-block;
    width: 29%;
    font-size: 12px;
    margin: 0 -3px;
    padding: 8px 0;

    background-color: #FF4646;
    color: white;
    text-align: center;
    overflow: hidden;
    text-indent: -9999px;
    position: relative;
    z-index: 12;
}

.passwordQuality span+span{
    background-color: #ffab46;
    /*border-left: 1px solid #d9d9d9;*/
    /*border-right: 1px solid #d9d9d9;*/
}

.passwordQuality span+span+span{
    background-color: #c1d634;
}

.passwordQuality span:first-child{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.passwordQuality span:last-child{
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.badQuality span:first-child{
    text-indent: 0;
}

.badQuality span:nth-child(2){
    background-color: #d5d5d5;
}

.badQuality span:nth-child(3){
    background-color: #e1e1e1;
}

.lowQuality span:nth-child(2){
    text-indent: 0;
}

.lowQuality span:nth-child(3){
    background-color: #e1e1e1;
}

.goodQuality span:nth-child(3){
    text-indent: 0;
}


.alreadyAnAccount {
    font-size: 13px;
}



.fa-spin {
    font-size: 22px;
}

/* ---------- BANDEAU FULL ---------- */
.fullBandeau {
    padding: 2px 4px;
    border-radius: 4px;
}



/* ---------- BANDEAU APPS MOBILE ---------- */


#mobileAppsNotice {display: none;}

.headerNoticeContent {
    height: auto;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background: rgba(254, 203, 75, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 55;
    flex-wrap: wrap;
    min-height: 80px;
    padding-top: 6px;
}

.headerNoticeContent p {
    font-family: 'Montserrat', sans-serif;
    color: #484848;
    text-align: center;
    font-size: 13px;
    padding: 10px 40px;
    line-height: 140%;}

.headerNoticeContent li {float: left;     font-family: 'Montserrat', sans-serif; color: white;}
.headerNoticeContent li a img {max-height: 34px; margin: 0 5px;     font-family: 'Montserrat', sans-serif; color: white;}
.headerNoticeContent i {cursor: pointer; color: white; }

.closeNotice {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer !important
}

.mobileOnly {display: none;}
.desktopOnly {display: inline-block}

.smooth-scroll {scroll-behavior: smooth;}


/* ---------- WARNING NOTICE ---------- */

.noticeWarning {
    padding: 11px;
    border-radius: 4px;
}
.noticeWarning i {font-size: 14px; margin-right: 6px; margin-top: 2px}
.noticeWarning p {font-size: 12px !important; margin: 0px; display: flex; align-items: flex-start;}


/* /* -------------------------------------- MEDIAQUERIES ------------------------------ */

@media only screen and (max-width: 1150px) {


    #mainLogo {
        height: auto !important;
    }

}


@media only screen and (max-width: 1024px) {

    .login {display: flex !important;margin-bottom: 30px !important;}


    /*.popupHome2021 .popupHomeContainer{width: 90%; }*/
    #askRecoveryPart{max-width: 90%; height: auto !important;}
    #askRecoveryPart.popupHome2021 {height: fit-content !important;}

    #signupPart {margin-top: 0px !important}

    .correctedLabelTos {
        width: 60% !important;
        display: inline-block !important;
        top: -20px;
        position: relative;
    }

    .push {height: 20px !important;}

    h1 {font-size: 1.20rem !important}
    h2 {font-size: 1rem !important}
    h3 {font-size: 15px !important}
    h4 {font-size: 14px !important}

    /*p, a, span {font-size: 0.75rem !important;}*/

    .form2021 .warningMessage {line-height: 115%; font-size: 12px !important;}


}

@media only screen and (max-width: 920px) {
    #mainLogo {
        margin-bottom: 0px;
        padding-bottom: 14px;
        height: auto !important;
        /*width: 100% !important;*/
    }

    .halfGrid {width: 100%}

    .newTeasioFooterLinks, .newTeasioFooterRs {float: none !important;}
    .newTeasioFooterRs {margin: 40px auto; width: 144px;}

    #headerItself a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #mainNav .login {
        display: flex;
        margin-bottom: 20px;
    }

    .header2021 #mainNav {
        position: relative;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

    .header2021 #mainNav .login {
        margin-top: 20px;
        margin-bottom: 20px !important;
    }

    h1 {
        font-size: 16px;
    }

    .searchBar {min-width: 280px;}


}

@media only screen and (max-width: 768px) {
    .mobileOnly {display: inline-block;}
    .desktopOnly {display: none;}
    .cta2021 {padding: 5px 8px; font-size: 14px !important;}
    .footer2023 {margin-bottom: 22px;}
    .footer2023 .footerInfos p {padding: 0px 22px;}

    .footerCredits {justify-content: center;}
    .footerCredits p {width: auto;}
    .form2021 .errorMessage {font-size: 10px;top: 12px;}
    .form2021 #conditionsContainer {margin-top: 0px;}
    .form2021 .feedbackBlock p {padding-top: 11px; font-size: 10px;}
    .ankleButton {
        transition-duration: 2s;
        transition-timing-function: linear;
        height: 43px !important;
    }

    .ankleButton i {margin-right: 6px;}
}