#MainContentWrapper ol {margin-left: 25px;} 


.dark-blue-container {background-color: #242156; padding: 30px; }
.orange-gradient-container {background-image: linear-gradient(to right, #f88021, #f1544f); padding: 30px; }
.white-container {background-color: #FFF; padding: 30px; }
.white-background {background-color: #FFF;}
p.title {font-size: 38px;  text-align: center; font-weight: 600; line-height: 125%;}
p.title-left {font-size: 38px;  text-align: left; font-weight: 600; line-height: 125%;}
.font-weight-bold {font-weight: 600;}
.min-height-550 {min-height: 550px; padding-top: 100px;}
.max-width-860 {max-width: 860px; margin: 0 auto;}
#dnn_ContentPane .ContainerWrapper.BlankContainer {background-color: #fff;}
.dark-blue-color.underline-orange {padding-bottom: 0;}

.buttonOrangeGradient span, .buttonDarkBlue span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.buttonOrangeGradient {
    display: block;
    padding: 8px 30px;
    margin-right: 30px;
    background: #f57e22;
    background: linear-gradient(90deg, #f57e22 0%, #f0514d 100%);
    border-radius: 8px;
}

.buttonDarkBlue {
    display: block;
    padding: 8px 30px;
    margin-right: 30px;
    border-radius: 8px;
    background-color: #242156;
    float: left;
}

a.buttonOrangeGradient:hover, a.buttonDarkBlue:hover {text-decoration: none;}

.SmartEvoHome2022 .TopHero .buttonDarkBlue {
    margin-bottom: 20px;
 }

.float-left {float: left;}
.float-right {float: right;}

.dark-blue-color, .policy p, .policy ul li, .policy strong {color: #242156 !important;}
.policy a {color: #f1544f}

.policy ol li {color: #242156 !important; margin-bottom: 20px; display: block;}
.policy ol { counter-reset: item }
.policy ol li:before { content: counters(item, ".") " "; counter-increment: item }

.white-color {color: #fff !important;}
.orange-color {color: #f57e22;}

.guide-container-start, .guide-container-end {
    height: 50px;
}

.guide-container-start::after  {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    right: 50%;
    background-color: #242156;
    border: 3px solid #fff;
    border-radius: 50%;
    z-index: 2;
}

.guide-container-end::after  {
    content: '▼';
    position: absolute;
    width: 16px;
    height: 16px;
    right: 50%;
    z-index: 2;
    color: #fff;
}

.guide-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.guide-container:after {
    content:"";
    position: absolute;
    z-index: 1;
    top: -34px;
    bottom: -6px;
    left: 50%;
    border-left: 3px dotted #FFF;
    margin-left: -9px;
}


.toggle p { margin: 0; user-select:none; padding: 20px 55px 20px 12px; border-radius: 12px; background-image: linear-gradient(to right, #f67f23 , #f0534e); }
.toggle-wrap p::selection, 
.toggle-wrap ul {padding-left: 25px;}
.toggle .subtitle {font-weight: 600;}
.toggle-wrap { 
    border: 0;
    position: relative;
    cursor: pointer;
    color: #FFF;
    max-width: 1170px;
    margin: 0 auto;
    border-radius: 12px;
    z-index: 2;
    width: 100%;
}

.toggle-wrap::before {
    content: "";
    width: 42px;
    height: 42px;
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/icon-expand-close.svg");
    color: #FFF;
    position: absolute;
    right: 10px;
    top: 10px;
}


 
.toggle-wrap.expanded::before { 
    top: unset; 
    bottom: 10px;
    content: "";
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/icon-expand-open.svg");
}

.toggle-wrap .content {display: none;}
.row {margin-left: 0; margin-right: 0;}
.expanded .toggle p {padding: 20px 12px;}
.toggle-wrap.expanded .content {display: block; background-color: #FFF; color: #242156; padding: 10px 30px; border-radius: 0 0 12px 12px;}
.toggle-wrap.expanded .content p {margin-bottom: 0;}
.toggle-wrap.expanded .content .subtitle {font-weight: 600;}
.toggle-wrap.expanded {color: #fff; padding: 0; }
.toggle-wrap.expanded .toggle {border-radius: 12px 12px 0 0; background-color: #fff;}


.icon-before {padding-left: 40px; padding-top: 8px;}
.icon-before::before {
    content: "";
    width: 42px;
    height: 42px;
    color: #FFF;
    position: absolute;
    left: 0;
    margin-top: -8px;
}

.icon-before.calendar::before {
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/icon-calendar.svg");
}

.icon-before.single-people::before {
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/icon-people-single.svg");
}

.icon-before.webinar::before {
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/icon-webinar.svg");
}

.icon-before.group-people::before {
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/icon-people-multi.svg");
}

.orange-gradient {background-image: linear-gradient(to right, #f67f23 , #f0534e); height: 16px; width: 100%; display: table;}

.separator {
    border-top: 2px solid #242156;
    margin-top: 13px;
    margin-bottom: 13px;
}

.subheader-text {
    font-size: 38px;
    font-weight: 600;
}

.container-1170 {
    max-width: 1170px;
   
}

#vous-outils {margin-bottom: -120px;}

#vous-outils ul, #un-concepte-unique ul, .webinars ul {list-style: none;}

#vous-outils ul li::before,
#un-concepte-unique ul li::before,
.webinars ul li::before {
    content: "\2022";  
    color: #f57e22; 
    font-weight: bold; 
    display: inline-block; 
    width: 1em; 
    margin-left: -1em; 
    font-size: 22px;
  }

#vous-outils ul li, #un-concepte-unique ul li, .webinars ul li {
    color: #242156;
    font-size: 18px;
    font-weight: 600;
}

#un-concepte-unique .fontsize-16px {
    font-size: 16px;
}

.paddingBottom10 {padding-bottom: 10px;}

.arrows::before {
    background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/arrow.svg");
    content: "";
    width: 24px;
    height: 15px;
    display: inline-block;
    margin-bottom: -2px;
}

.svg-content-right-icon img {    
    width: 100%;
    position: relative;
    top: -60px;
}

.bitmap-back {
    
    background-size: 100% auto;
    background-repeat: no-repeat;
    border-radius: 12px;
    padding: 12px;
    text-align: center;    
}

.back-1 {background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/img-concept-1400x860.jpg");}
.back-2 {background-image: url("//resources2.morganphilips.com/SmartEvolution/img/smartevolution/icons/img-tarif-1400x860.jpg");}

.buttons {display: flex; justify-content: center; }

.bitmap-back a {padding: 12px; border-radius: 12px; background-image: linear-gradient(to right, #f67f23 , #f0534e); font-size: 36px; margin-top: 20%; margin-bottom: 20%; display: inline-block; line-height: 100%; } 
.bitmap-back-banner {display: flex;}
.bitmap-back-banner a {padding: 5px 10px; margin-left: 10px; margin-right: 10px; border-radius: 12px; background-image: linear-gradient(to right, #f67f23 , #f0534e); font-size: 18px; display: inline-block; min-width: 150px; text-align: center; } 
.bitmap-back-banner a.dark-blue-back-color {background-color: #242156; background-image: none; } 
.bitmap-back a:hover, .bitmap-back-banner a:hover {text-decoration: none; color: #fff; cursor: default;}

.display-flex {display: flex; display: -webkit-flex; flex-flow: wrap;}

#order-1 {order: 1; -webkit-order: 1;}
#order-2 {order: 2; -webkit-order: 2;}
#order-3 {order: 3; -webkit-order: 3;}

.quotes {width: 46%; margin-left: 2%; margin-right: 2%; float: left;}
.quotes .quotes-signature p::before { content:""; width: 70px; background-image: linear-gradient(to right, #f67f23 , #f0534e); height: 5px; display: inline-block; position: relative; top: -3px; left: -10px;}

.carousel .flickity-prev-next-button.previous {left: -50px;}
.carousel .flickity-prev-next-button.next {right: -50px;}

.back-chapters-button {
    padding: 1em 2em; 
    font-size: 20px; 
    margin-left: auto; 
    margin-right: auto; 
    display: table; 
    font-weight: 600; 
    margin-top: 1em; 
    float: none;
}



.module a {color: #242156; font-weight: 600;}
.module a:hover {text-decoration: none;}
.module .textright {padding: 30px 30px 10px 30px; border-radius: 0 30px 30px 0; border-top: 2px solid #f57e22; border-right: 2px solid #f57e22; border-bottom: 2px solid #f57e22; }
.module .textleft {padding: 30px 30px 10px 30px; border-radius: 30px 0 0 30px; border-top: 2px solid #f57e22; border-left: 2px solid #f57e22; border-bottom: 2px solid #f57e22; }
.module .img {padding: 0; overflow: hidden;}
.module img.left {border-radius: 30px 0 0 30px; height: 100%;}
.module img.right {border-radius: 0px 30px 30px 0; height: 100%;}
.module .row {display: flex; flex-wrap: wrap;}
.module .row > [class*='col-'] {
    flex-direction: column;
  }

ul.presentationsListNew {background-color: #f1f1f1; border-radius: 30px; padding: 30px 30px 15px 30px; } 
ul.presentationsListNew li h3 {color: #242156; text-align: left; margin: 5px 0 0 0; display: inline-block;}
ul.presentationsListNew li h3 a {
    font-size: 22px;
    font-family: 'Montserrat Bold', Arial;
    color: #242156;
    line-height: 1.25em;
}

ul.presentationsListNew li {
    text-align: left;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;    
}

ul.presentationsListNew li.underlined-orange {
    border-bottom: 1px solid #f57e22;
}

ul.presentationsListNew  .last-not-underlined-orange {margin-bottom: 0; padding-bottom: 0 !important;}
ul.presentationsListNew .buttonOrangeGradient {float: right; margin-bottom: 20px;}

#MainContentWrapper ul.presentationsListNew {margin-left: 0;}

.BlankContainer.chapters2022 .childrenNodes > ul li, 
.BlankContainer.modules2022 .childrenNodes > ul li {background-image: linear-gradient(to right, #f88021, #f1544f); border-radius: 8px; padding: 8px; margin-bottom: 15px;}

/*.BlankContainer.chapters .childrenNodes > ul li a, 
.BlankContainer.modules2022 .childrenNodes > ul li a,*/
.BlankContainer.chapters2022 .childrenNodes > ul li a:hover, 
.BlankContainer.modules2022 .childrenNodes > ul li a:hover, 
.BlankContainer.chapter2022 .childrenNodes > ul li a:active, 
.BlankContainer.modules2022 .childrenNodes > ul li a:active, 
.BlankContainer.chapters2022 .childrenNodes > ul li a:focus, 
.BlankContainer.modules2022 .childrenNodes > ul li a:focus {color: #fff; font-size: 0.75em; }
#MainContentWrapper .BlankContainer.chapters2022 .childrenNodes > ul,
#MainContentWrapper .BlankContainer.modules2022 .childrenNodes > ul {margin-left: 0; padding-left: 0;}

.BlankContainer.chapters2022 .childrenNodes > ul li br,
.BlankContainer.modules2022 .childrenNodes > ul li br {display: none;}
.BlankContainer.chapters2022 .childrenNodes > ul {display: grid; grid-gap: 2%; grid-template-columns: repeat(3, 32%);
    /*grid-template-rows: 70px 70px 70px 70px;*/}
.BlankContainer.modules2022 .childrenNodes > ul {display: grid; grid-gap: 2%; grid-template-columns: repeat(3, 32%);
    /*grid-template-rows: 50px 50px 50px 50px;*/
    grid-auto-flow: row;}

.BlankContainer.chapters2022 .childrenNodes li a,
.BlankContainer.modules2022 .childrenNodes li a {color: #242156; font-size: 0.75em; width: 100%; text-align: center; display: inline-block; font-weight: 600; }
.BlankContainer.chapters2022 .childrenNodes li a span,
.BlankContainer.modules2022 .childrenNodes li a span {color: #fff; font-size: 1em; text-align: left; float: left; margin-right: 10px;}      
.BlankContainer.chapters2022 .childrenNodes li a:hover::before,
.BlankContainer.modules2022 .childrenNodes li a:hover::before {content: "";}

.BlankContainer.chapters2022 .childrenNodes li a span {min-height: 50px;}

.webinars {background-color: #f1f1f1; border-radius: 30px; padding: 60px;}
.webinars .underline-orange::after {width: 100%; border-bottom-width:  2px;}  


.form-redesign-2022 .DynamicForms_MainPanel a.dnnPrimaryAction { color: #FFF; background-image: linear-gradient(to right, #f88021, #f1544f); border-radius: 8px;}
.form-redesign-2022 .DF-FieldRow label, 
#MainContentWrapper .form-redesign-2022 .DF-FieldRow label span, 
.form-redesign-2022 .DynamicForms_MainPanel .DF-FieldRow p,
.form-redesign-2022 .DynamicForms_MainPanel p.privacyPolicyText a,
.form-redesign-2022 .DynamicForms_MainPanel span.privacyPolicyField label {color: #242156; }

.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel input[type="text"], 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel [type="textarea"], 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel [type="password"], 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel textarea, 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel select {border-color: #f88021 !important; border-radius: 8px !important; width: 100%; }

.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel input[type="text"]:focus-visible, 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel [type="textarea"]:focus-visible, 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel [type="password"]:focus-visible, 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel textarea:focus-visible, 
.form-redesign-2022 .dnnForm.dnnDynForms .DynamicForms_MainPanel select {outline-color: #f1544f !important; }

#MainContentWrapper .DynamicForms_MainPanel .dnnCheckbox span img, 
#MainContentWrapper .DynamicForms_MainPanel .dnnRadiobutton span img {
    background-image: url('https://resources2.morganphilips.com/SmartEvolution/img/checkbox-dark-blue.png');
    margin-top: -4px;
}

#MainContentWrapper .form-redesign-2022 .DynamicForms_MainPanel .dnnCheckbox span img {
    background-image: url('https://resources2.morganphilips.com/SmartEvolution/img/checkbox-dark-blue.png');
}


.DF-FieldRow.halfSizedField {
    width: 50%;
    clear: none;
    float: left;
    padding-right: 1em;
    margin-bottom: 1em;
}

.DF-FieldRow.halfSizedField.lastInRow {
    padding-right: 0;
    padding-left: 1em;
}

.SmartEvoHome2022 .hp-logos img {
    width: 50%;
    max-width: 170px;
    margin-right: 20px;
    border-radius: 12px;
}

@media screen and (max-width: 1470px) and (min-width: 1401px)  {
    .BlankContainer.modules2022 .childrenNodes > ul { grid-template-rows: 70px 70px 70px 70px;}
    .BlankContainer.chapters2022 .childrenNodes > ul { grid-template-rows: 100px 100px 100px 100px;}
}

@media screen and (max-width: 1440px) {
    .min-height-550 {min-height: auto; padding-top: 0;}
}

@media screen and (max-width: 1300px) {
    .module img {width: auto;}
    .BlankContainer.modules2022 .childrenNodes > ul { grid-template-rows: 70px 70px 70px 70px; }
    .BlankContainer.chapters2022 .childrenNodes > ul { grid-template-rows: 100px 100px 100px 100px;}
    
    .BlankContainer.modules2022 .childrenNodes li a span,
    .BlankContainer.chapters2022 .childrenNodes li a span {min-height: 65px;} 
}

@media screen and (max-width: 1050px) and (min-width: 991px)  {
    .BlankContainer.chapters2022 .childrenNodes > ul { grid-template-rows: 120px 120px 120px 120px;}
    
}

@media screen and (max-width: 990px) {
    .bitmap-back a {font-size: 30px;}
    .BlankContainer.modules2022 .childrenNodes > ul { grid-template-rows: 100px 100px 100px 100px; }

    .BlankContainer.chapters2022 .childrenNodes > ul {grid-template-columns: repeat(2, 49%); grid-gap: 1%;}
}

@media screen and (max-width: 800px) {
    .module .textright, .module .textleft {border-radius: 0 0 30px 30px; border-top: 0; border-left: 2px solid #f57e22; border-right: 2px solid #f57e22; margin: 0; order: 1;}
    .module img.left, .module img.right {border-radius: 30px 30px 0 0; width: 100%; margin-top: 0; order: 2;}

    .BlankContainer.chapters2022 .childrenNodes > ul,
    .BlankContainer.modules2022 .childrenNodes > ul {
        /*grid-template-rows: auto;
        grid-template-columns: repeat(1,100%);
        grid-auto-flow: row;*/

        display: block;
    }

    .BlankContainer.chapters2022 .childrenNodes > ul li,
    .BlankContainer.modules2022 .childrenNodes > ul li {
        width: 100%;
    }

    .BlankContainer.modules2022 .childrenNodes li a span {min-height: unset; }
    #vous-outils {margin-bottom: 40px;}
    .svg-content-right-icon {text-align: center;}
    .svg-content-right-icon img { width: 80%; top: 0; }
    .bitmap-back a {font-size: 24px;}
 

    #order-1 {order: 2; -webkit-order: 2;}
    #order-2 {order: 1; -webkit-order: 1;}
    #order-3 {order: 3; -webkit-order: 3;}

    #order-1 .marginTop80 {margin-top: 20px; margin-bottom: 20px;}
    #order-3 .marginTop100 {margin-top: 40px; margin-bottom: 40px;}
    #order-2 .paddingBottom60 {padding-bottom: 20px;}

    #order-1 .text-center {text-align: right;}
    #order-3 .text-center {text-align: left;}

    .quotes {width: 96%; }
    .carousel .flickity-prev-next-button.previous {left: 0px;}
    .carousel .flickity-prev-next-button.next {right: 0px;}

    #un-concepte-unique .marginTop80, #maps .marginTop100 {margin-top: 0px;}

    .module .float-left, .module .float-right {float: none; text-align:center;} 
    .module .buttonOrangeGradient {margin-right: 0;}

    ul.presentationsListNew .buttonOrangeGradient {float: right; margin-right: 0; margin-top: 20px;}

    .DF-FieldRow.halfSizedField {
        width: 100%;
        clear: none;
        float: left;
        padding-right: 0;
    }

    .DF-FieldRow.halfSizedField.lastInRow {
        padding-right: 0;
        padding-left: 0;
    }


}

@media screen and (max-width: 450px) {
    .buttons {display: block;}
    .bitmap-back-banner a { width: 100%; margin-top: 10px;}
    #order-1 img, #order-3 img {max-width: 100% !important;}
    .white-container {padding: 30px 0px;}

    .BlankContainer.chapters2022 .childrenNodes li a,
    .BlankContainer.modules2022 .childrenNodes li a {text-align: left;}
    .BlankContainer.chapters2022 .childrenNodes li a span,
    .BlankContainer.modules2022 .childrenNodes li a span {min-height: 50px;}

 }