body.page-id-567.style-simple .icon_box:hover .image_wrapper img { top:0; }
.displayNone{
display: none;
} .policeSpecifique{ }   .colorBlanc h1, .colorBlanc h2, .colorBlanc h3, .colorBlanc h4, .colorBlanc h5, .colorBlanc h6, .colorBlanc p{
color: #fff;
} .colorViolet h1, .colorViolet h2, .colorViolet h3, .colorViolet h4, .colorViolet h5, .colorViolet h6, .colorViolet p{
color: #6125ef;
} .boutonFondVioletColorBlanc a{
border-radius: 20px !important;
background: #6125ef !important;
margin: 0 auto !important;
text-transform: uppercase;
display: inline-block;
text-align: center !important;
}
.boutonFondVioletColorBlanc a:hover{
background: #000 !important;
}
a.boutonFondNoirColorBlanc{
border-radius: 20px !important;
background: #000 !important;
margin: 0 auto !important;
text-transform: uppercase;
display: inline-block;
text-align: center !important;
color: #fff !important;
}
a.boutonFondNoirColorBlanc:hover{
background: #6125ef !important;
}
.sectionAncres a.boutonBlancColorViolet{
border-radius: 25px !important;
background: #fff !important;
margin: 0 auto !important;
text-transform: uppercase;
border: 1px solid #6125ef !important;
text-align: center !important;
font-size: 1.3em !important;
letter-spacing: 0.04em;
width: 220px !important;
margin: 0 10px !important;
}
.sectionAncres a.boutonBlancColorViolet:hover{
background: #6125ef !important;
color: #fff !important;
}
.sectionAncres a.boutonBlancColorViolet span{
display: block;
float: none;
padding: 15px 20px;
} .veryBig h1{
font-size: 4em;
line-height: 1.2em;
font-weight: 900;
}
.veryBig p{
font-size: 1.2em;
font-weight:5900;
text-transform: uppercase;
} 
. h1,h2,h3,h4,h5,h6{   }
h1{
text-transform: uppercase;
}
h2{
text-transform: uppercase;
}
h3{
}
h4{
}
h5{
}
h6{
} .hrNoir{
width: 70px;
height: 5px;
color: #000 !important;
margin: 0 0 40px 0;
background: #000 !important;
} a:hover{
text-decoration: none !important;
}  .colonneMarginPadding{ }
.rangeeMarginPadding{ }   .zIndexPlus{
z-index: 99 !important;
} .textTransformUppercase p{
text-transform: uppercase;
} .wrap:nth-of-type(){
}
.column:nth-of-type(){
}  .column_hover_color .hover_color_bg .hover_color_wrapper{
color: #fff;
text-align: left;
}
.column_hover_color .hover_color_bg .hover_color_wrapper h3{
color: #fff;
text-transform: uppercase;
margin-bottom: 30px;
}
.colonneBoutonFloatRight .column_button{
float: right;
margin:0 0 10px 0;
}
.colonneBoutonFloatRight .mcb-wrap-inner div:nth-of-type(7){
clear: both;
}
.colonneBoutonFloatRight .mcb-wrap-inner div:nth-of-type(6){
margin-bottom: 10px;
}  .elementParent{
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
}
.elementEnfant{
order: -1;
} .elementParent{
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
align-items: flex-end;
} .elementParent{
display: -webkit-box; 
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex; 
display: flex;
justify-content: center; 
} #Action_bar{
background: #000;
color: #fff;
line-height: inherit !important;
letter-spacing: 1px;
}
#Action_bar .contact_details{
float: right !important;
}
#Action_bar .contact_details li{
padding: 7px 0 5px 0 !important;
text-transform: uppercase;
color: #fff !important;
} #Top_bar{
top: 30px !important;
}
#Top_bar.is-sticky{
top: 0px !important;
}
#Top_bar .top_bar_right .top_bar_right_wrapper a{
background:#000 !important;
border-radius: 30px !important;
}
#Top_bar .top_bar_right .top_bar_right_wrapper a:hover{
background:#6125ef !important;
}
#Top_bar .top_bar_right{
float: left !important;
padding: 0 !important;
margin-left: -30px !important;
} #Top_bar .menu > li > a{
text-transform: uppercase;
padding: 35px 0 10px 0 !important;
}
#Top_bar.is-sticky .menu > li > a{
padding:  0!important;
}
#Top_bar.is-sticky .menu > li > a:hover{
color: #6125ef !important;
}
.home #Top_bar.is-sticky .menu > li > a:hover{
color: #6125ef !important;
}
#Top_bar .menu > li > a:hover{
color: #fff !important;
}
.home #Top_bar li.current_page_item a{
color: #6125DD !important;
position: relative;
}
.home #Top_bar li.current_page_item a::before {
content: '';
position: absolute;
bottom: 22px;
width: calc(100% - 20px);
height: 2px;
background-color: #6125DD;
left: 10px;
}
.home #Top_bar .menu > li > a:hover{
color: #6125DD !important;
}
#Top_bar li.current_page_item a{
color: #fff !important;
}
#Top_bar.is-sticky li.current_page_item a{
color: #6125ef !important;
}
#Top_bar li.current-menu-parent a{
color: #fff !important;
}
#Top_bar.is-sticky li.current-menu-parent a{
color: #6125ef !important;
}
#Top_bar.is-sticky li.current-menu-parent .sub-menu li a{
color: #fff !important;
}
#Top_bar.is-sticky li.current-menu-parent .sub-menu li.current_page_item a{
color: #fff !important;
}
#Top_bar li.current-menu-parent .sub-menu li.current_page_item a{
color: #fff !important;
}
#Top_bar .menu > li ul{
background: #000 !important;
}
#Top_bar .menu > li ul a{
color: #fff !important;
}
#Top_bar.is-sticky .sub-menu li.hover a{ } #Top_bar li.current-menu-parent ul a{
color: #fff !important;
}
#Top_bar .menu > li > a span:not(.description){
padding: 0 12px !important;
} .marginTopMoins{
margin-top: -150px;
}
a.boutonFondNoirColorBlancBordureBlanc.appStore{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-lemans-edition-2020-application-imagina-app-store-noir.png) 10px center no-repeat !important;
margin-bottom: 10px !important;
text-transform: uppercase;
border-radius: 70px !important;
padding: 10px 10px 10px 55px;
font-size: 0.8em;
border: 1px solid #000 !important;
color: #000;
line-height: 15px;
width: auto;
max-width:65%;
}
a.boutonFondNoirColorBlancBordureBlanc.appStore span{
padding: 0 !important;
}
a.boutonFondNoirColorBlancBordureBlanc.googlePlay{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-lemans-edition-2020-application-imagina-google-play-noir.png) 10px center no-repeat !important;
margin-bottom: 10px !important;
text-transform: uppercase;
border-radius: 70px !important;
padding: 12px 10px 10px 55px;
font-size: 0.8em;
border: 1px solid #000 !important;
color: #000;
width: auto;
max-width:65%;
line-height: 15px;
}
a.boutonFondNoirColorBlancBordureBlanc.googlePlay span{
padding: 0 !important;
}
a.boutonFondNoirColorBlancBordureBlanc.webapp{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-lemans-edition-2020-application-imagina-webapp.png) 10px center no-repeat !important;
margin-bottom: 10px !important;
text-transform: uppercase;
border-radius: 70px !important;
padding: 12px 10px 10px 55px;
font-size: 0.8em;
border: 1px solid #000 !important;
color: #000;
width: auto;
max-width:65%;
line-height: 15px;
}
body.page-id-614 a.boutonFondNoirColorBlancBordureBlanc.webapp{
line-height: 32px;
min-height: 32px; 
width: 100%;
}
a.boutonFondNoirColorBlancBordureBlanc.webapp span{
padding: 0 !important;
width: 100%;
}
.bgNoirPaddingTexte{
padding: 40px 0 100px;
}
.bgViolet{
background: #6125ef;
padding: 15px 30px;
}
.bgViolet h4{
text-transform: uppercase;
margin: 0;
}
.bgNoirTriangle{
margin-top: 80px;
}
.clients_slider{
margin: 40px 0 0 0 !important;
}
ul.clients .client_wrapper{
background: none !important;
}
.clients_slider_header{
display: none;
}
.colonneImage100pc .column_image{ }
.colonneImage100pc .bgViolet{
padding: 15px 0;
}
.image_frame .image_wrapper .mask{
box-shadow: none !important;
}
.image_frame .image_wrapper{
overflow: visible !important;
}
.image_frame .image_wrapper .image_links{
display: none;
}
.downcount .quick_fact .number{
color: #000 !important;
}
#partenairesSlider{
padding-left: 10%;
padding-right: 10%;
}
.texteSurFondViolet{
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,50%);
z-index:99;
cursor: pointer;
font-size: 1.5em;
color: #fff;
line-height: 22px;
text-align: center;
width: 90%;
}  .bgNoirContact{
letter-spacing: 0.2em;
font-size: 1.3em;
line-height: 30px;
}
.bgNoirContact img{
margin-bottom: 25px;
} .container_images_stages .titre_tableau h3 {
margin: 50px 0 20px 0px;
} .titreFiltre{
background: #6125ef;
padding: 50px 30px 90px 30px;
margin: 0 !important;
}
.titreFiltre2{
background: #6125ef;
padding: 50px 30px 35px 30px;
margin: 0 0 30px 0!important;
}
.titreFiltre h3{
margin: 0;
text-transform: uppercase !important;
}
#tableau .footable_parent{
margin-top: -70px;
padding: 0 20px;
}
#tableau .foo-table{
border: none;
}
#tableau .footable-filtering th .form-inline > .form-group{
width: 25.8%;
}
#tableau .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper{
width: 170px;
margin: 0;
}
#tableau .foo-table thead .footable-filtering th{
border-radius: 5px;
background: none;
border: none;
-webkit-box-shadow: 0px 0px 15px -4px rgba(196,196,196,1);
-moz-box-shadow: 0px 0px 15px -4px rgba(196,196,196,1);
box-shadow: 0px 0px 15px -4px rgba(196,196,196,1);
}
#tableau .foo-table thead .footable-filtering .form-inline div{
margin: 0 20px 0 0;
}
#tableau .foo-table thead .footable-filtering .form-inline div:nth-of-type(1) .SelectBox{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-pictos-etablissement-domaine-formations.png) 10px center no-repeat;
padding: 10px 6px 10px 50px;
}
#tableau .foo-table thead .footable-filtering .form-inline div:nth-of-type(2) .ninja_filter_text_input{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-pictos-recherche-etablissement-nom.png) 10px center no-repeat;
padding: 10px 6px 10px 40px;
display: inline-block;
height: auto;
width: 100%;
}
#tableau .foo-table thead .footable-filtering .form-inline div:nth-of-type(3) .SelectBox{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-pictos-recherche-etablissement-ville.png) 10px center no-repeat;
padding: 10px 6px 9px 50px;
}
#tableau .foo-table thead .footable-filtering .form-inline div .SelectBox span{
color: #ccc;
font-weight: 500;
font-size: 1em;
}
#tableau .foo-table thead .footable-filtering .SumoSelect{
width: 100%;
}
#tableau .footable-filtering .SumoSelect .optWrapper{
width: 100% !important;
}
#tableau .footable-filtering .SumoSelect .optWrapper .options{
width: 100% !important;
}
#tableau .footable-filtering .SumoSelect .optWrapper .options li{
margin: 0;
}
#tableau .footable-filtering .SumoSelect .optWrapper .options li label{
font-size: 0.8em;
font-weight: 300;
margin-bottom: 0;
}
#tableau .foo-table thead .footable-filtering .ninja_reset_wrapper{
margin: 0;
padding: 0;
}
#tableau .foo-table thead .footable-filtering .ninja_reset_wrapper .ninja_reset_button{
background: #000;
border: none;
border-radius: 5px;
margin: 0 ;
width: 100%;
padding: 10px;
}
#tableau .foo-table thead .footable-filtering .ninja_reset_wrapper .ninja_reset_button:hover{
background: #6125ef;
}
#tableau .foo-table thead .footable-header th{
background: none;
color: #6125ef;
text-transform: uppercase;
font-weight: 500;
box-shadow: none;
border: none;
border-bottom: 2px solid #6125ef;
}
#tableau .foo-table thead .footable-header th.ninja_clmn_nm_site_interenet{
color: #fff;
}
#tableau .foo-table thead .footable-header th:nth-child(3){
border-left: 2px solid #6125ef;
}
#tableau .foo-table thead .footable-header th:nth-child(5){
border-left: 2px solid #6125ef;
}
#tableau .foo-table thead .footable-header th:nth-child(6){
border-left: 2px solid #6125ef;
}
#tableau .foo-table tbody tr td.ninja_clmn_nm_Site a{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-pictos-recherche-etablissement-site-internet.png) center center no-repeat;
text-indent: -50000px;
display: block;
width: 30px;
height: 30px;
}
#tableau .foo-table tbody tr:nth-child(1) td{
border-top: 2px solid #6125ef;
}
#tableau .foo-table tbody tr td{
box-shadow: none;
border: none;
border-bottom: 2px solid #6125ef;
padding: 6px 8px;
}
#tableau .foo-table tbody tr td:nth-child(3){
border-left: 2px solid #6125ef;
}
#tableau .foo-table tbody tr td:nth-child(5){
border-left: 2px solid #6125ef;
}
#tableau .foo-table tbody tr td:nth-child(6){
border-left: 2px solid #6125ef;
}
#tableau .sautLigne{
height: 50px;
background: red;
}
#tableau .footable .pagination a{
color: #6125ef !important;
}
#tableau .footable .pagination > .active > a{
background: #6125ef !important;
color: #fff !important;
border-color: #6125ef !important;
}/*/*/#collegien{
padding-left: 7%;
padding-right: 7%;
}
#lyceen{
margin-top: 50px;
}
.blocPdf{
margin-top: 25px;
}
.blocPdf .column_visual{
margin-bottom: 15px;
}
.blocPdf .column_visual p{
line-height: 17px;
}
.sectionAlignPdf{
display: flex;
justify-content: center;
}
.sectionAncres{
display: flex;
justify-content: center;
}
.sectionAlignPdf .column_visual{
margin-bottom: 10px !important;
}
.sectionAlignPdf .colum_visual{
margin-bototm: 15px;
}/**/ #cookie-notice .cookie-notice-container{
padding: 10px 20px;
box-sizing: border-box;
}
#cookie-notice .button.bootstrap{
background: #6125ef;
text-shadow: none;
color: #fff;
padding: 10px 15px;
}
#cookie-notice .button.bootstrap:hover{
color: #6125ef;
background: #fff;
}
#cookie-notice #cn-notice-text{
font-size: 1.1em;
padding: 15px 0;
display: inline-block;
} .colorNoir{
color: #000;
} #Footer{
text-transform: uppercase;
letter-spacing: 0.02em;
}
#Footer p{
text-transform: uppercase;
}
#Footer .titreFooter{
max-width: 1080px;
color: #000;
font-size: 3em;
font-weight: 900;
margin: 0 auto;
text-transform: uppercase;
padding: 60px 0;
}
#Footer .widgets_wrapper{
background: url(//formasarthe.fr/wp-content/themes/betheme-child/images/formasarthe-footer.jpg) center top no-repeat;
color: #fff;
padding: 60px 0 30px 0 !important;
}
#Footer .widgets_wrapper p{
color: #fff;
}
#Footer .widgets_wrapper p strong{
font-size: 1.2em;
}
#Footer .widgets_wrapper a{
color: #fff;
}
#Footer .widgets_wrapper a:hover{
color: #fff;
}
#Footer .copyright{
line-height: 18px;
font-size: 0.8em;
color: #000;
margin: 0 !important;
}
#Footer #text-6 a{
margin-right: 10px;
}
#Footer #text-8{
margin-top: 60px;
}
#Footer .footer_copy .column.one{
padding: 10px 20px;
margin: 0;
}
#Footer .footer_copy{
text-transform: initial;
} @media screen and (max-width: 1240px) {
#tableau .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper{
width: 140px;
}
}
@media screen and (max-width: 1200px) {
#Top_bar .top_bar_right{
float: right !important;
}
}
@media screen and (max-width: 1080px) {
#tableau .section_wrapper{
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
#tableau .footable_parent{
padding: 0;
}
#tableau .foo-table thead .footable-filtering .form-inline .form-group{
width: 49%;
margin: 0 auto 15px auto;
float: none;
}
#tableau .foo-table thead .footable-filtering .ninja_reset_wrapper{
padding: 0 15px 0 0 !important;
}
}
@media screen and (max-width: 1024px) {
.ContainerBoutonsAppMobile .one-third.column { width:44%; margin: 3px 7px; text-align: center; }
.colonneBoutonFloatRight .one-fourth.column { width:33%; }
.colonneBoutonFloatRight .three-fourth.column.column_placeholder { width:65%; }
.container_images_stages .titre_tableau {
padding: 0 30px;
}
.container_images_stages .column_image .image_wrapper {
padding: 0 30px;
}
}
@media screen and (max-width: 768px) {
.ContainerBoutonsAppMobile { padding:0!important; }
a.boutonFondNoirColorBlancBordureBlanc.webapp { line-height: 32px; min-height: 32px; }
.colonneBoutonFloatRight .one-fourth.column { text-align:center; }
#tableau .foo-table tbody tr:nth-child(1) td { border-top:none; }
h1{
font-size: 3em !important;
}
h2{
font-size: 2.5em !important;
}
h3{
font-size: 2em !important;
}
h4{
}
h5{
}
h6{
}
.downcount .quick_fact .number{
font-size: 1em;
}
.sectionHomeAvecTriangle{
padding-top: 60px !important;
}
.sectionHomeAvecTriangle .column_button{
clear: both;
margin-bottom: 0px;
}
.pictosImagina img{
max-width: 60px !important;
}
.bgNoirTriangle{
padding: 20px 7% !important;
}
.bgNoirTriangle p{
font-size: 1.3em !important;
}
#back_to_top.sticky{
right: 30px !important;
}
.wrap.colonneBoutonFloatRight a.boutonFondNoirColorBlancBordureBlanc.appStore{
width: 75% !important;
}
.wrap.colonneBoutonFloatRight a.boutonFondNoirColorBlancBordureBlanc.googlePlay{
width: 75% !important;
}
.wrap.colonneBoutonFloatRight a.boutonFondNoirColorBlancBordureBlanc.webapp{
width: 75% !important;
}
}
@media screen and (max-width: 767px) {
.texteAlignResponsive767{
}
.width100Responsive767{
width: 100%;
}
.displayNoneResponsive767{
display: none;
}
.backgroundImageNoneResponsive767{
background: none;
}
#Top_bar{
top: 0 !important;
}
#compteur{
padding-top: 40px !important;
}
#compteur .column_quick_fact{
clear: none !important;
width: 25% !important;
}
#compteur .quick_fact .number{
font-size: 0.9em !important;
}
#compteur .column_quick_fact .title{
font-size: 1.2em !important;
}
#about{
padding-top: 0 !important;
padding-bottom: 20px !important;
}
#about .column_placeholder{
margin: 0;
}
#about .hover_color_wrapper{
padding: 30px !important;
}
.bgResponsiveNone{
background: none !important;
padding: 0 !important
}
.no_line{
display: none !important;
}
.marginTopMoins{
margin-top: 0 !important;
}
.bgNoirPaddingTexte{
padding: 20px 0 30px 0 !important;
}
.bgNoirTriangle{
margin-top: 30px !important;
}
.sectionHomeAvecTriangle .column_button{
margin-bottom: 0 !important;
}
a.boutonFondNoirColorBlancBordureBlanc.appStore{
width: 140px;
}
a.boutonFondNoirColorBlancBordureBlanc.googlePlay{
width: 140px;
}
a.boutonFondNoirColorBlancBordureBlanc.webapp{
width: 140px;
}
.wrap.colonneBoutonFloatRight a.boutonFondNoirColorBlancBordureBlanc.appStore{
width: 140px !important;
}
.wrap.colonneBoutonFloatRight a.boutonFondNoirColorBlancBordureBlanc.googlePlay{
width: 140px !important;
}
.wrap.colonneBoutonFloatRight a.boutonFondNoirColorBlancBordureBlanc.webapp{
width: 140px !important;
}
#sectionAvecIconBox .column_icon_box{
width: 49% !important;
float: left !important;
clear: none;
}
#Footer #text-8{
margin-top: 0 !important;
}
#Footer .titreFooter{
padding: 30px 0;
}
.sectionBandeau{
padding: 50px 0 10px 0 !important;
}
.paddingTopBottomResponsive{
padding: 30px 0 !important;
}
.paddingTopBottomResponsive .column_placeholder{
margin: 0 !important;
}
.paddingTopBottomResponsive .hover_color_wrapper{
padding: 30px !important;
}
.sectionAlignPdf{
padding-bottom: 10px !important;
}
.blocPdf{
margin-bottom: 40px !important;
}
.blocPdf .column_visual{
margin-bottom: 3px !important;
}
#lyceen{
margin-top: 20px;
}
#tableau .foo-table thead .footable-filtering .form-inline .form-group{
width: 99% !important;
padding : 0 !important;
}
#tableau tr th{
text-transform: uppercase;
color: #6125ef;
font-weight: 400;
}
#tableau .premierResponsive{
background: #6125ef;
}
#tableau tr{
background: #fff !important;
}
#tableau tr.premierResponsive{
background: #6125ef !important;
}
#tableau .premierResponsive th, #tableau .premierResponsive td{
color: #fff;
font-weight: 400;
border-top: 0 !important
}
#tableau .foo-table tbody tr th{
border-bottom: 2px solid #6125ef !important;
box-shadow: none !important;
vertical-align: middle;
}
#tableau .foo-table tbody .footable-details tr td{
border-left: 2px solid #6125ef !important;
padding-left: 10px;
}
#tableau .foo-table tbody .footable-details tr.premierResponsive td{
border-left: none !important;
}
#tableau .sautLigne{
display: none;
}
#tableau .footable-details{
margin: 0;
}
#tableau table{
border-collapse: collapse;
}
.error404 .sectionBandeau{
padding: 0 !important;
}
.error404 .sectionBandeau .section_wrapper{
padding-top: 60px !important;
padding-bottom: 30px !important;
}
.error404 .wrap, .error404 h2, .error404 p{
text-align: center !important;
}
}
@media screen and (max-width: 640px) {
.mfn-rev-slider .responsiveSlider{
font-size: 0.8em !important;
}
.mfn-rev-slider a.responsiveSlider{
font-size: 0.7em !important;
line-height: 12px !important;
}
#compteur .quick_fact .number{
font-size: 0.7em !important;
}
#compteur .column_quick_fact .title{
font-size: 0.8em !important;
}
h1{
font-size: 2.2em !important;
}
h2{
font-size: 2em !important;
}
h3{
font-size: 1.8em !important;
}
.veryBig h1{
line-height: 1em;
}
#Footer .footer_copy .column.one{
padding: 0px !important;
}
#Footer .footer_copy .container{
padding-left: 0px !important;
padding-right: 0px !important;
}
.colonneImage100pc{
margin-top: 20px !important;
}
#tableau .foo-table thead .footable-filtering .form-inline .form-group{
width: 300px;
margin: 0 0 15px 0;
}
#tableau .foo-table tbody tr td{
padding: 5px 3px;
}
#tableau .sautLigne{
height: 10px;
}
.titreFiltre{
box-sizing: border-box;
}
}
@media screen and (max-width: 10px) { .ResponsiveColumnReverse{
display: -webkit-flex;
display: -ms-flex;
display: flex;
flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
}
}
.home #Top_bar .menu > li > a,.home #Top_bar #menu ul li.submenu .menu-toggle {
color: #6125DD;
}