/***** FONTS *****/
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Bold.woff2') format('woff2'),
        url('/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('/fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('/fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Medium.woff2') format('woff2'),
        url('/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.woff2') format('woff2'),
        url('/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
        font-family: 'Rubber';
        src: url('/fonts/Rubber.woff2') format('woff2'),
            url('/fonts/Rubber.woff') format('woff');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

@font-face {
    font-family: 'Nunito';
    src: url('/fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('/fonts/Nunito-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('/fonts/Nunito-Bold.woff2') format('woff2'),
        url('/fonts/Nunito-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('/fonts/Nunito-ExtraBold.woff2') format('woff2'),
        url('/fonts/Nunito-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/******************
**** Common ****
*******************/

html {
  scroll-behavior: smooth;
}

html,body, #all,::placeholder{
    height:100%;
    font-family: "Poppins";
}
::placeholder{font-size: 13px;}
*{
    box-sizing: border-box;
}
strong{
    font-weight: 600;
}
img{
    width: 100%;
}
#main{
    min-height:100%;
    width: 100%;
    overflow-x: hidden;
}
#content{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
body{
    margin:0;
    font-family: 'Lato', sans-serif;
    background-size: cover;
    background-color: #f2f2f2;
    width: 100%;
    overflow-x: hidden;
}

h1,.h1{
    color: #062844;
    text-align: center;
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    font-size:40px;
}
h2,.h2{
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #062844;
}
a{
    color: #062844;
    text-decoration: none;
    cursor:pointer;
}
a:hover{
    text-decoration: none;
}
.tcenter{ 
    text-align: center;
}
input, .linkBtn, select, textarea{
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    box-sizing: border-box;
    outline: 1px solid #ddd;
    border: none;
    background: #F5F5F5;
    font-family: "Poppins";
    border-radius: 5px;
}
textarea{
    border-radius: 5px;
}
.formLine.withLabel.error{
    box-shadow: 0 0 10px #fcbbbb;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important;
}
.adminMedia.image .filename{display:none;}

input[type=number]
{
  -moz-appearance: textfield;
}
input[type=radio], input[type=checkbox]
{
  min-width:20px;
  height:20px;
}
.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}
#all .leaflet-bottom,
#all .leaflet-top{
    z-index: 998;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

input.input_phone_code{width:50px;}
input.input_phone{width:200px;}
input[type="checkbox"]{width:30px;height:30px;outline: none;}
input[type="submit"], .linkBtn{
    display: inline-block;
    width:auto;
    min-width: 150px;
    background: #062844;
    color: #FFF;
    cursor:pointer;
    text-decoration:none;
    border-radius: 40px;
    text-align: center;
    transition: .2s ease;
    outline: none;
}
input[type="submit"]:hover, .linkBtn:hover{
    background: #F59436;
    text-decoration: none;
}
.linkBtn.cancel{
    min-width: 150px;
    background:#ff6a6a;
    margin-left:30px;
    padding: 10px;
    outline: none;
}
.linkBtn.cancel:hover {
    opacity: .8;
    background:#ff6a6a;
}

.btnLoading{height:44px;width: 44px;margin: 0 auto;}
.linkBtn{
    width:auto;
    background-color: #F4AD2A;
    text-shadow: 0 0px 4px rgb(0 0 0 / 40%);
}
.linkBtn:hover{
    background-color: #F59436;
}

form[action='/contact/getForm'] textarea{
    height:150px;
}

.formLine.datePlanning {
    width:100%;
    align-items: center;
    flex-direction: column;
    box-shadow: none;
}

.head{
    padding: 4px;
}
.head h1{
    color: #FFF;
}

.buttonFixed{
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 290px;
    background: #333;
    padding: 10px;
    text-align: center;
}
.buttonFixed .linkBtn{
    padding: 8px 20px;
}

.leaflet-popup-content-wrapper{
    border-radius: 10px;
    font-family: "Poppins";
}

.leaflet-popup-content-wrapper .pic{
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    margin-right: 10px;
}

#all .leaflet-popup-content .padding{
    display: flex;
    align-items: center;
    padding: 20px;
}

.leaflet-popup-content .padding .details{
    color: #062844;
}
.leaflet-popup-content .padding .details b{
    font-weight: 600;
}

.hide{display:none;}

.flex{
    display: flex;
    align-items: center;
}
.flexGrow{
    flex-grow: 1;
}

.map{height:350px;}

.errorExplain{
    box-sizing: border-box;
    background: #fcbbbb;
    padding: 3px 10px;
    border: solid 2px #DF2225;
    color: #DF2225;
    border-radius: 50px;
    margin: 10px;
    text-align: center;
    flex-shrink: 1;
    position: absolute;
    bottom: 100%;
    left: 0;
}
.blocExplain{
    color: #FFF;
    max-width: 500px;
    padding: 8px;
    margin: auto;
    text-align: center;
}
.explain{
    padding: 4px;
}
#msgPlaceholder{
    max-width: 500px;
    margin: auto;
}
.msgError .label{
    font-size: 14px;
    color: #df2226;
}
.msgError .img, .msgSuccess .img{
    margin-right:20px;
    flex-shrink:0;
}
.msgSuccess{
    background: #D4FDD9;
    border-color: #00901f;
}
.msgSuccess .label{
    color: #2BBFD6;
    font-size: 14px;
}


.bx-wrapper{
    margin: auto;
    position: relative;
}
.bx-controls{
    width: 100%;
    margin: auto;
    text-align:center;
    margin-top:0;
}

.bx-controls-direction a:nth-child(1){
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(calc(-50% - 10px));
}
.bx-controls-direction a:nth-child(2){
    position: absolute;
    right:-30px;
    top: 50%;
    transform: translateY(calc(-50% - 10px));
}
.bx-pager-link{
    display:inline-block;
    font-size:0;
    background:#062844;
    width:9px;
    height:9px;
    border-radius:9px;
    margin:3px 6px;
    opacity: .5;
    transition: .2s ease;
}
.bx-pager-link.active{background:#062844;opacity: 1;}
.bx-pager-item{display:inline}

/**************
**** Ajax  ****
***************/

.ajaxMsgPopup{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10001;
    width: 720px;
    max-width: 90%;
}

/**** Autocomplete ****/

.ui-widget.ui-widget-content{
    color: #062844;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    box-shadow: 0 0 15px rgb(6 40 68 / 15%);
    font-family: 'Poppins';
}

.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper{
    padding: 8px;
    border: none;
    font-weight: normal;
    font-size: 15px;
}

.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper:hover,
.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper:focus,
.ui-widget.ui-widget-content .ui-menu-item .ui-menu-item-wrapper:active{
    color: #062844;
    font-weight: normal;
    padding: 8px;
    font-size: 15px;
    background-color: #efefef;
}

/* Login page */
.listContainer.degree .flex>:first-child{display:none;}

/*******************
**** Forms ****
********************/
.formLine .cke{width:100%;border: none;}
.formLine{
    margin: 15px auto;
    width: 45%;
}
.formLine.textShortEditor{
    width: 100%;
    max-width: 720px;
}
.formLine .input{
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
}
.formLine img{
    height: 47px;
    width: auto;
    padding: 9px 14px;
    background-color: #f5f5f5;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #ddd;
}

.formLine input{
    border-radius: 5px;
}
.login_form form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.formLine.pageBuilder img{
    height: auto;
    margin: 0;
    max-width: 100%;
}
.formLineBtn{
    margin: 30px 0 15px 0;
    width: 100%;
}
.formLineBtn input[type=submit]{
    width: 200px;
}
.login_form .blocBtn{
    text-align: center;
    margin-top: 15px;
}
.login_form .blocBtn a{
    color: #062844;
    transition: .2s ease;
    font-size: 15px;
    text-decoration: underline;
}
.login_form .blocBtn a:hover{
    opacity: .8;
}

.sel .formLineBtn.fixed, .sel .buttonFixed{
    z-index:50;
}
.formLine{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    border-radius: 30px;
    position: relative;
}

.beneficiairesaccount .formLine.familyQuotient,
.beneficiairesaccount .formLine.revenues,
.beneficiairesaccount .formLine.numberPart{
    flex-direction: column;
    box-shadow: none;
}

.beneficiairesaccount .formLine.familyQuotient input,
.beneficiairesaccount .formLine.revenues input,
.beneficiairesaccount .formLine.numberPart input{
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.beneficiairesaccount .formLine.familyQuotient label,
.beneficiairesaccount .formLine.revenues label,
.beneficiairesaccount .formLine.numberPart label{
    font-weight: 200;
    color: #062844;
    font-size: 15px;
}

.helper{
    content: "";
    display: block;
    background: url(/img/question.svg)no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

.helperData{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    right: calc(100% - 10px);
    background-color: #fff;
    bottom: calc(100% + 10px);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    transition: .2s;
    border-radius: 5px;
    padding: 15px;
    width: 270px;
    font-size: 14px;
    color: #062844;
}

.helperData:after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 5px);
    right: 0px;
    width: 0px;
    height: 10px;
    border-top: solid 15px #fff;
    border-left: solid 15px transparent;
    border-right: solid 0px transparent;
}

.helper:hover .helperData{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

/* 404 */

.error404 #main{
    background-color: rgba(244,196,44,.1);
    min-height: auto;
    overflow: visible;
}

.error404 #content .content_shrink .bloc.bg:after{
    content: none;
}

.error404 #content .content_shrink .bloc.bg .bloc.link{
    text-align: center;
}

.error404 #content .content_shrink .bloc.bg .bloc.link .linkBtn:hover{
    animation: inherit;
}

/* */

#ariane{
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

#ariane a {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 300;
    color: #062844;
    opacity: 0.7;
    transition: .2s;
    white-space: nowrap;
}

#ariane a:hover{
    opacity: 1;
}

#ariane a:after{
    content:"";
    display: block;
    background: url(/img/arrowNext.png)no-repeat;
    background-size: contain;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    margin-right: 5px;
}

#ariane a:last-child:after{
    display: none;
}

/* Main Home */
#mainHome{
    padding: 30px;
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(6,40,68,.9), rgba(6,40,68,.8));
    background-position: center center;
    background-size: cover;
    margin: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: calc(100vh - 140px);
    position: relative;
    overflow: hidden;
}
#videoHome{
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
}
#mainHome h1{
    font-family: 'Rubber';
    font-weight: normal;
    font-size: 60px;
    color: #F4AD2A;
    margin: 15px 0 0;
}
#mainHome .baseline{
    margin: 0;
    text-align: center;
    color: #fff;
    font-weight: 200;
    font-size: 18px;
}

#mainHome .test_cura{
    padding: 30px;
}

#mainHome .subtitle{
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    font-family: 'Poppins';
    font-weight: 500;
    color: #fff;
}

#mainHome .link{
    text-align: center;
}

#mainHome .link .linkBtn{
    background-color: #fff;
    text-shadow: none;
    border: 2px solid #fff;
    font-size: 17px;
    padding: 10px 40px;
    color: #062844;
}

#mainHome .link .linkBtn:hover{
    background-color: transparent;
    color: #fff;
}

#mainHome #searchEngine{
    position: static;
    transform: inherit;
    width: 100%;
    margin: 0 auto;
}

#mainHome .search_cura{
    width: 100%;
}

#mainHome .search_cura p{
    margin: 0 0 5px;
    font-size: 14px;
    color: #ddd;
    font-weight: 300;
    text-align: center;
}

/* Paiement en ligne */

#all .PaylineWidget.pl-layout-column .pl-pmContainer{
    background-color: transparent;
    border: none;
}

#all .PaylineWidget.pl-layout-column .pl-pmContainer .pl-card-logos-container{
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

#all .PaylineWidget .pl-card-logo.pl-cb{
    background: url(/img/cb.svg)no-repeat;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: contain;
}

#all .PaylineWidget .pl-card-logo.pl-visa{
    background: url(/img/visa.svg)no-repeat;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: contain;
}

#all .PaylineWidget .pl-card-logo.pl-mastercard{
    background: url(/img/mastercard.svg)no-repeat;
    height: 20px;
    width: 20px;
    background-position: center center;
    background-size: contain;
}

#all .PaylineWidget.pl-container-default .pl-label-input{
    color: #062844;
    font-weight: 300;
    font-family: 'Poppins';
    margin-bottom: 0;
    margin-top: 10px;
}

#all .PaylineWidget .pl-failure .pl-reason,
#all .PaylineWidget .pl-onhold-partner .pl-reason,
#all .PaylineWidget .pl-payment-canceled .pl-reason,
#all .PaylineWidget .pl-payment-failure .pl-reason,
#all .PaylineWidget .pl-token-expired .pl-reason,
#all .PaylineWidget .pl-container-view .pl-manager .pl-message{
    font-weight: 400;
    font-family: 'Poppins';
}

#all .PaylineWidget .pl-failure .pl-btn,
#all .PaylineWidget .pl-token-expired .pl-btn{
    font-family: 'Poppins';
    border-radius: 30px;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #F4AD2A;
    text-shadow: 0 1px 3px rgb(0 0 0 / 40%);
    transition: .3s;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-cardTypeIconContainer{
    display: none;
}

#all .PaylineWidget .pl-failure .pl-btn:hover,
#all .PaylineWidget .pl-token-expired .pl-btn:hover{
    background-color: #F59436;
}

#all .PaylineWidget .pl-icon-smiley-sad:before,
#all .PaylineWidget .pl-token-expired .pl-image{
    display: none;
}

#all .PaylineWidget .pl-paymentMethodLayout-view .pl-pmContainer .pl-paymentMethod-view .pl-form-container{
    display: flex;
    flex-wrap: wrap;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-has-card-icon{
    width: 100%;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-expirationDateContainer,
#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-cvvContainer{
    width: 49%;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-expirationDateContainer{
    margin-right: 1%;
}

#all .PaylineWidget.pl-container-default .pl-pmContainer .pl-form-group.pl-cvvContainer{
    margin-left: 1%;
}

#all .PaylineWidget .pl-pay-btn-container{
    margin: 20px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#all .PaylineWidget.pl-container-default .pl-pay-btn{
    padding: 10px 50px;
    background-color: #0FA870;
    font-family: 'Poppins';
    text-shadow: 0 0 2px rgb(0 0 0 / 40%);
    border-radius:4px;
    transition: .3s;
}

#all .PaylineWidget.pl-container-default .pl-pay-btn:hover,
#all .PaylineWidget.pl-container-default .pl-pay-btn:active,
#all .PaylineWidget.pl-container-default .pl-pay-btn:focus{
    box-shadow: none;
    background-color: #0FA870;
    opacity: .85;
}

#all .PaylineWidget .pl-icon-credit-card:before{
    content: "";
    display: block;
    background: url(/img/credit-card.svg)no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

#all .PaylineWidget .pl-icon-date:before{
    content: "";
    display: block;
    background: url(/img/expire-date.svg)no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

#all .PaylineWidget .pl-icon-cvv:before{
    content: "";
    display: block;
    background: url(/img/cryptogram.svg)no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

#all .PaylineWidget .explain_baseline{
    font-size: 15px;
    font-family: 'Poppins';
    color: #062844;
}
#all .PaylineWidget.pl-container-default .pl-paymentMethodLayout-view .pl-pmContainer.pl-odd .pl-card-logos{
    padding-left: 0;
}
/* Fin paiement */
.PaylineWidget .recapResa *{
    font-family: 'Poppins';
    font-size: 15px;
}
.recapResa{
    text-align: center;
}

.recapResa p{
    font-weight: 300;
}

.recapResa .detailsResa div{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.recapResa .detailsResa div span{
    color: #062844;
    font-weight: 400;
}

.recapResa .detailsResa div span:first-of-type{
    font-weight: 600;
}
.recapResa .detailsResa div:last-of-type {
    border-bottom: none;
}

.formLine input[type=file]{
    cursor: pointer;
}

.formLine.withLabel.pageBuilder{
    max-width: none;
    flex-direction: column;
    align-items: center;
}
.formLine.withLabel.pageBuilder label{
    border-right: solid 2px #999;
    line-height: 40px;
}

.rgpd{
    width: 100%;
}

.sub_form .formLine.firstName:before,
.sub_form .formLine.name:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/id-card.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.website:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/site-web.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.email:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/mail.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.profession:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/profession.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.siret:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/siret.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.phone:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/telephone.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.zipCode:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/code-postal.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.city:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/city.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine.address:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/adresse.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.login_form .formLine.email:before,
.login_form .formLine.password:before{
    content: none;
}

.slide[data-id=password] .formLine.password:before,
.sub_form .formLine.password:before{
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    width: 45px;
    background: url(/img/padlock.svg)no-repeat;
    background-size: 25px 25px;
    z-index: 1;
    background-position: center center;
    border-right: 1px solid rgba(6,40,68,.2);
}

.sub_form .formLine input{
    padding: 12px 20px 12px 65px;
}

.errorExplain{
    box-sizing: border-box;
    background: #fae5e5;
    padding: 6px;
    border: none;
    margin: 10px;
    border-radius: 5px;
    text-align: center;
    flex-shrink: 1;
    margin: auto;
    margin-top: -15px;
}
.blocExplain{
    color: #FFF;
    max-width: 500px;
    padding: 8px;
    margin: auto;
    text-align: center;
}
.explain{
    padding: 4px;
}

.explain_baseline{
    padding: 10px 20px;
    background-color: rgba(141,198,196,.2);
    border-radius: 5px;
    color: #062844;
    font-weight: 500;
    display: flex;
}
.explain_baseline:before{
    content: "";
    display: block;
    height: 18px;
    width: 18px;
    min-height: 18px;
    min-width: 18px;
    margin-right: 7px;
    background: url(/img/information.svg)no-repeat;
    background-size: contain;
    float: left;
    margin-top: 2px;
}

.msgError, .msgSuccess{
    background: #FFEBEB;
    padding: 0 10px;
    margin: 10px;
    display: flex;
    align-items: center;
    border-radius: 15px;
}
.msgError{
    box-shadow: 0 0 15px rgb(223 34 38 / 15%);
}
.msgError .img, .msgSuccess .img{
    margin-right:20px;
    flex-shrink:0;
}
.msgSuccess{
    background: #EEFEFF;
    border-radius: 15px;
    box-shadow: 0 0 15px rgb(43 191 214 / 15%);
}
.bloc_btn {
    margin-top: 40px;
    display: flex;
}
.bloc_btn a{
    width:100%;
    flex-grow: 1;
    flex-shrink: 1;
    text-align:center;
}

.pageBuilderContainer{
    background: #FFF;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    position:relative;
}
.pageBuilder .droppable{
    border:solid 2px rgba(0,0,0,0);
    min-height:50px;
    padding:10px;
    position: relative;
}
.pageBuilder .ui-droppable-hover{
    border: dashed 2px #f26322;
}
#pageBuilderEdit, #updateImagesForm{
    background: rgba(0,0,0,0.8);
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    bottom: 0;
    z-index: 1002;
    display:none;
    opacity:0;
    justify-content: center;
    align-items: center;
}
#pageBuilderEdit .container, #updateImagesForm .container{
    background: #AAA;
    max-width:900px;
    max-height:80%;
    padding: 20px;
    overflow: auto;
}

#pageBuilderEdit .container .textEditor{
    width:800px;
    max-width:100%;
}
.addableBloc{
    position: fixed;
    background: #FFF;
    left: 0;
    top: 0px;
    width: 290px;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
}
.addableBloc .container{
    position:relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.addableVignette{
    margin:10px;
    text-align:center;
    cursor:pointer;
    min-width: 70px;
}
.addableVignette .label{
    background: #333;
    color: #FFF;
    padding: 8px;
}
.addableVignette .img{
    width:50px;
    height:50px;
}
.addableVignette img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.addableBloc .close{
    position: absolute;
    top: 5px;
    right: 5px;
}

.pageBuilderContainer .bloc{
    position:relative;
    border: solid 1px rgba(0,0,0,0);
    padding:5px;
}
.pageBuilderContainer .bloc::after{
    content: "";
    background:url("/img/admin/icon-update.png");
    background-size: contain;
    display:none;
    width:20px;
    height:20px;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}
.pageBuilderContainer .bloc.hover{
    border: solid 1px #9ed29e;
}
.pageBuilderContainer .bloc.hover::after{
    display:block;
}
.pageBuilderContainer .bg{
    background: #ffffbf;
}
.pageBuilderContainer .twin{
    display: flex;
    align-items: flex-start;
}
.pageBuilderContainer .twin[data-alignment='center']{
    align-items: center;
}
.pageBuilderContainer .twin[data-alignment='flex-end']{
    align-items: flex-end;
}
.pageBuilderContainer .twin .subTwin{
    width:50%;
    flex-grow: 1;
    flex-shrink: 1;
    background: rgba(0,0,0,0.1);
    margin: 10px;
}
.pageBuilderContainer .head{
    background: #333;
    color: #FFF;
    padding: 4px 8px;
    font-size: 20px;
}
.pageBuilderContainer .gallery{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.pageBuilderContainer .gallery .img{
    width:30%;
}
.pageBuilderContainer .image{
    text-align:center;
}
.pageBuilderContainer .video{
    background: rgba(0,0,0,0.1);
    padding:20px;
}
.pageBuilderContainer .video .img{
    width: 70px;
    margin: auto;
}

.adminMedia{
    padding:5px;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 10px auto;
}

.adminMedia.file{
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(6,40,68,.1);
}

.adminMedia.file .image{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
}
.adminMedia.file .filename{
    text-align: left;
}

.formLine .adminMedia.file .image img{
    border: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

.adminMedia .image{
    width: 100%;
    height: 100%;
    text-align:center;
    margin: auto;
}
.formLine .adminMedia .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}
.adminMedia .filename{
    text-align:center;
}
.adminMedia .delete{
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: url(/img/close_cross.png)no-repeat;
    background-size: 50%;
    background-position: center center;
    background-color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
}


/* On scroll trigger animation */
@media all and (min-width: 1001px){
    .animatable {visibility: hidden;-webkit-animation-play-state: paused;   -moz-animation-play-state: paused;-ms-animation-play-state: paused;-o-animation-play-state: paused;animation-play-state: paused;}
    .animated.delay1{animation-delay: .2s}
    .animated.delay2{animation-delay: .4s}
    .animated.delay3{animation-delay: .6s}
    .animated {visibility: visible;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-play-state: running;-moz-animation-play-state: running;-ms-animation-play-state: running;-o-animation-play-state: running;animation-play-state: running;}
    @-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translateY(-20px);}	100% {opacity: 1;-webkit-transform: translateY(0);}}
    @-moz-keyframes fadeInDown {0% {opacity: 0;-moz-transform: translateY(-20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
    @-o-keyframes fadeInDown {0% {opacity: 0;-o-transform: translateY(-20px);}100% {opacity: 1;-o-transform: translateY(0);}}
    @keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}
    @-webkit-keyframes fadeIn {0% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @-moz-keyframes fadeIn {0% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @-o-keyframes fadeIn {0% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @keyframes fadeIn {0% {opacity: 0;}60% {opacity: 0;}20% {opacity: 0;}100% {opacity: 1;}}
    @-webkit-keyframes bounceInLeft {0% {opacity: 0;-webkit-transform: translateX(-2000px);}60% {-webkit-transform: translateX(20px);}80% {-webkit-transform: translateX(-5px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
    @-moz-keyframes bounceInLeft {0% {opacity: 0;-moz-transform: translateX(-2000px);}60% {-moz-transform: translateX(20px);}80% {-moz-transform: translateX(-5px);}100% {opacity: 1;-moz-transform: translateX(0);}}
    @-o-keyframes bounceInLeft {0% {opacity: 0;-o-transform: translateX(-2000px);}60% {opacity: 1;-o-transform: translateX(20px);}80% {-o-transform: translateX(-5px);}100% {opacity: 1;-o-transform: translateX(0);}}
    @keyframes bounceInLeft {0% {opacity: 0;transform: translateX(-2000px);}60% {transform: translateX(20px);}80% {transform: translateX(-5px);}100% {opacity: 1;transform: translateX(0);}}
    @-webkit-keyframes bounceInRight {0% {opacity: 0;-webkit-transform: translateX(2000px);}60% {-webkit-transform: translateX(-20px);}80% {-webkit-transform: translateX(5px);}100% {opacity: 1;-webkit-transform: translateX(0);}}
    @-moz-keyframes bounceInRight {0% {opacity: 0;-moz-transform: translateX(2000px);}60% {-moz-transform: translateX(-20px);}80% {-moz-transform: translateX(5px);}100% {opacity: 1;-moz-transform: translateX(0);}}
    @-o-keyframes bounceInRight {0% {opacity: 0;-o-transform: translateX(2000px);}60% {-o-transform: translateX(-20px);}80% {-o-transform: translateX(5px);}100% {opacity: 1;-o-transform: translateX(0);}}
    @keyframes bounceInRight {0% {opacity: 0;transform: translateX(2000px);}60% {transform: translateX(-20px);}80% {transform: translateX(5px);}100% {opacity: 1;transform: translateX(0);}}
    @-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);}	100% {opacity: 1;-webkit-transform: translateY(0);}}
    @-moz-keyframes fadeInUp {0% {opacity: 0;-moz-transform: translateY(20px);}100% {opacity: 1;-moz-transform: translateY(0);}}
    @-o-keyframes fadeInUp {0% {opacity: 0;-o-transform: translateY(20px);}100% {opacity: 1;-o-transform: translateY(0);}}
    @keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}
    .animated.bounceInRight {-webkit-animation-name: bounceInRight;-moz-animation-name: bounceInRight;-o-animation-name: bounceInRight;animation-name: bounceInRight;}
    .animated.bounceInLeft {-webkit-animation-name: bounceInLeft;-moz-animation-name: bounceInLeft;-o-animation-name: bounceInLeft;animation-name: bounceInLeft;}
    .animated.fadeIn {-webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;}
    .animated.fadeInDown {-webkit-animation-name: fadeInDown;-moz-animation-name: fadeInDown;-o-animation-name: fadeInDown;animation-name: fadeInDown;}
    .animated.fadeInUp {-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;animation-name: fadeInUp;}
}
/* Fin animation on scroll */

.upload{width: 100%;margin: auto;text-align: center;max-width: 300px;}
.upload input.hidden{opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;display:block;}
.upload .drop{border: dashed 3px #333;padding: 20px 5px;margin: 20px 5px;cursor:pointer;}
.over .drop, .drop.over{border: dashed 3px #E57C07;}
.upload .files .file{
    background-color: rgba(6,40,68,.1);
    width: 300px;
    padding: 8px 20px;
    border-radius: 3px;
    color: rgba(6,40,68,1);
    font-weight: 600;
    margin: 8px auto;
    word-break: break-word;
}
.upload .files .file progress{width:100%;background: #0FA870;height: 10px;position: relative;}
.upload .files .file.done progress{background:#0FA870;}
.upload .files .file.done progress::-webkit-progress-value{background:#0FA870;}
.upload .files .file.done progress::-moz-progress-bar{background:#0FA870;}
.upload .files .file.error progress{background:#ff6a6a;border-radius: 30px;}
.upload .files .file.error progress::-webkit-progress-value{background:#ff6a6a;}
.upload .files .file.error progress::-moz-progress-bar{background:#ff6a6a;}
.upload .files .after .img{width:75px;text-align:center;float:left;}
.upload .files .after .img img{max-width:100%;max-height:100px;}
.upload .files .after .div_alt{width:200px;float:right;text-align: right;}
.upload .files .file progress:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
}


#practitionnerHelp{
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: rgba(255,255,255,.8);
    z-index: 100;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #062844;
    box-shadow: 0 0 20px rgb(6 46 61 / 10%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}
#practitionnerHelp:hover{
    background: rgba(255,255,255,1);
}
#practitionnerHelp .label{
    font-size: 40px;
    font-weight: 600;
}
/**************
**** AdminAjax  ****
***************/

.ajaxMsgPopup #priceEngineData .content {
    font-family: 'Poppins';
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
    background-color: rgba(141,198,196,.1);
    border-radius: 5px;
    color: #062844;
    padding: 10px;
}

.insideActions{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    max-width: 750px;
    margin: auto;
    margin-bottom: -15px;
}
.insideActions > div{
    margin-left : 10px;
    background:#f5f5f5;
}
.insideActions  a{
    display: inline-block;
    padding: 5px 5px 1px 5px;
    text-align: center;
}

#all.practices .bloc.twin.social_bloc,
#all.practitioners .bloc.twin.social_bloc{
    display: none;
}

#overlaySearchEngine{
    padding: 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    width: 500px;
    max-width: 95%;
    box-shadow: 0 5px 20px rgb(6 40 68 / 30%);
}

#overlaySearchEngine .btn{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#overlaySearchEngine .btn a{
    margin: 0 10px;
}

#overlaySearchEngine p{
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
    color: #062844;
    font-weight: 500;
    background-color: rgba(141,198,196,.1);
    padding: 10px;
    border-radius: 10px;
}

#overlaySearchEngine p:before{
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
    margin-right: 7px;
    background: url(/img/information.svg)no-repeat;
    background-size: contain;
    transform: translateY(3px);
}

#overlaySearchEngine .btn .secondBtn,
.secondBtn{
    background-color: transparent;
    color: #062844;
    text-shadow: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    opacity: .8;
    font-size: 14px;
}

#overlaySearchEngine .btn #searchConnexion{
    font-size: 16px;
    padding: 12px 30px;
}

.secondBtn:after,
#overlaySearchEngine .btn .secondBtn:after{
    content: "";
    display: inline-block;
    background: url(/img/chevron_menu.svg)no-repeat;
    background-size: contain;
    height: 13px;
    width: 13px;
    margin-left: 7px;
    transition: .2s;
    transform: rotate(-90deg);
}

#overlaySearchEngine .btn .secondBtn:hover,
.secondBtn:hover{
    opacity: 1;
    background-color: transparent;
}
.secondBtn:hover:after,
#overlaySearchEngine .btn .secondBtn:hover:after{
    transform: rotate(-90deg) translateY(5px);
}
/**************
**** praticiensLogin ****
***************/
.praticienslogin #main{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.slideContainer{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
}
.slideContainer .slide{
    width: 100%;
    flex-shrink: 0;
    padding: 5px;
}
.login_form{
    margin: 40px auto auto;
    background-color: #e2e2e2;
    padding: 20px;
}
.login_form .formLine input{
    border-radius: 0 5px 5px 0;
    outline: none;
    height: 47px;
}
.login_form h1, .classic_form h1{
    padding: 10px;
    color: #062844;
    font-size: 28px;
    width: 100%;
}
.login_form .padding{
    padding: 20px 40px;
}
#all.praticienslogin .content_shrink{
    background: none;
    max-width:none;
}
#all.praticienslogin #logo{
    max-width: 400px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index:50;
}
#all.praticienslogin .head{display:none;}
#all.praticienslogin #content{flex-grow:0;}
.page_msg form, .page_msg .explain{display:none;}


/* Header home */
header{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
header #bigHead:before{
    content: "";
    display: block;
    height: 200px;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(23,23,23,0.3) 0%, rgba(23,23,23,0) 100%);
    z-index: 1;
}
header #bigHead{
    width: 100%;
    display: flex;
    justify-content: center;
    height: 100vh;
    overflow: hidden;
}
header #bigHead .img img{
    min-width: 100%;
    width: auto;
    height: auto;
}
.header_searchEngine{
    position: relative;
}

/* Header simple */

.header_simple #logo{
    padding: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: static;
    width: 150px;
}
.header_simple #logo a{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header_simple #menu{
    position: static;
}

.header_simple header{
    justify-content: space-between;
    align-items: center;
    overflow: visible;
    background-color: #062844;
}

.header_simple #menu a{
    color: #fff;
    text-shadow: none;
}
#menu a.p19{
    padding: 6px 12px;
    border: 2px solid #fff;
    border-radius: 30px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#menu a.p19:hover{
    -webkit-transform: inherit;
    -ms-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
    color: #062844;
    background-color: #fff; 
    text-shadow: none;
}

.subMenu .label, #all .menu_link.account.logged{
    color: #062844;
    transition: .3s;
    padding: 7px 15px;
    background-color: #fff;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-shadow: none;
}
.subMenu .label:after{
    content: "";
    display: block;
    background: url(/img/chevron_menu.svg)no-repeat;
    height: 15px;
    width: 15px;
    margin-left: 10px;
    transition: .3s;
}


.subMenu {
    position: relative;
}

.subMenu .sub{
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 1000;
    right: 0;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 5px 15px rgb(6 40 68 / 20%);
    top: calc(100% + 1px);
    width: 110%;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    overflow: hidden;
}
@media all and (min-width: 1000px){
    .subMenu:hover .sub{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    .subMenu:hover .label:after{
        transform: rotate(180deg);
    }
}

#menu .subMenu .sub .back{
    display: none;
    position: absolute;
    top: 15px;
    left: 20px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

#menu .subMenu .sub a{
    color: #062844;
    padding: 10px 15px;
    border-bottom: 1px solid #e7e7e7;
    text-shadow: none;
}

#menu .subMenu .sub a:last-of-type{
    border-bottom: none;
}
#menu .subMenu .sub a:hover{
    background-color: #f5f5f5;
}
#menu .subMenu .sub a[data-menu-name=Association],
#menu .subMenu .sub a[data-menu-name=Praticien],
#menu .subMenu .sub a[data-menu-name=Bénéficiaire]{
    display: flex;
    align-items: center;
}

#menu .subMenu .sub a[data-menu-name=Bénéficiaire]:before{
    content: "";
    display: block;
    background: url(/img/beneficiaire-icon.svg)no-repeat;
    min-width: 16px;
    min-height: 16px;
    margin-right: 10px;
}

#menu .subMenu .sub a[data-menu-name=Association]:before{
    content: "";
    display: block;
    background: url(/img/asso-icon.svg)no-repeat;
    min-width: 18px;
    min-height: 18px;
    margin-right: 10px;
}

#menu .subMenu .sub a[data-menu-name=Praticien]:before{
    content: "";
    display: block;
    background: url(/img/praticien-icon.svg)no-repeat;
    min-width: 16px;
    min-height: 16px;
    margin-right: 10px;
}

#searchEngine{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}
.header_searchEngine.header_simple #searchEngine{
    position: relative;
    left: auto;
    transform: none;
    margin: 10px auto;
    bottom: 0px;
    padding: 10px;
    background: #062844;
    border-radius: 200px;
}
.praticienspractitioners .header_searchEngine.header_simple #searchEngine{
    background-color: transparent;
    padding: 0;
    margin-top: 30px;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
}
.praticienspractitioners .header_searchEngine.header_simple #searchEngine form input[type=submit]:hover{
    transform: translateX(0);
}
#searchEngine form{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 40px;
    padding: 5px;
    box-shadow: 0 3px 20px rgba(6, 40, 68, .1);
}
#searchEngine form input{
    color: #062844;
    padding: 12px;
    font-size: 17px;
    outline: none;
    background-color: #fff;
}
#searchEngine form input::placeholder{
    font-size: 16px;
    color: #b2b2b2;
    font-weight: 300;
}
#searchEngine form input[type=submit]{
    background-color: #F4AD2A;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 0 / 50%);
    border-radius:40px;
    transition: .3s ease;
    width: 200px;
    transform: translateX(-1px);
    outline: none;
    padding: 12px 30px 12px 12px;
}
#searchEngine form input[type=submit]:hover{
    background-color: #F59436;
}
.search_btn_group.location_group{
    width: calc(50% - 200px);
}
#searchEngine form input[name=location]{
    border-radius: 0;
    padding: 12px 5px 12px 35px;
}
#searchEngine form input[name=search]{
    border-radius: 40px 0 0 40px;
    width: 50%;
    transform: translateX(1px);
    border-right: 2px solid #e2e2e2;
    padding: 12px 5px 12px 20px;
}
.loupe{
    display: none;
}

.search_btn_group{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.search_btn_group .loupe{
    display: block;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    position: absolute;
    right: 15px;
    pointer-events: none;
}

.search_btn_group .location{
    display: block;
    width: 18px;
    height: 21px;
    margin-right: 5px;
    position: absolute;
    left: 10px;
}

#logo{
    width: 130px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
#menu{
    position: absolute;
    top: 10px;
    right: 10px;
    width: calc(100% - 300px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
    z-index: 10;
}


@keyframes Appear{
    from{
        transform: translateY(-63px);
    }
    to{
        transform: translateY(0);
    }
}

#menu a{
    position:relative;
    color: #fff;
    padding: 10px;
    transition:.3s;
    text-shadow: 0 0 3px rgb(6 40 68 / 50%);
    text-align: center;
}

#menu a:hover{
        color: #F4AD2A;
    }

/**** Footer ****/
footer{
    background-color: #062844;
    width: 100%;
}
#footerNewsletter{
    display:none;
}

#footerLinks{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 50px 40px;
}

#footerLinks .blocLinks {
    width: 25%;
    padding: 0 40px;
}

#footerLinks .blocLinks .label{
    color: #efefef;
    font-weight: 600;
    margin-bottom: 10px;
}

#footerLinks .blocLinks a{
    color: #fff;
    opacity: .8;
    transition: .2s ease;
    font-size: 14px;
    font-weight: 300;
    margin: 3px 0;
}
#footerLinks .blocLinks .account{
    display: flex;
    align-items: center;
}
#footerLinks .blocLinks .account.beneficiaire:before{
    content: "";
    display: block;
    background: url(/img/beneficiaire-icon.svg)no-repeat;
    height: 12px;
    width: 12px;
    filter: brightness(0) invert(1);
    margin-right: 7px;
}
#footerLinks .blocLinks .account.praticien:before{
    content: "";
    display: block;
    background: url(/img/praticien-icon.svg)no-repeat;
    height: 12px;
    width: 12px;
    filter: brightness(0) invert(1);
    margin-right: 7px;
}
#footerLinks .blocLinks .account.asso:before{
    content: "";
    display: block;
    background: url(/img/asso-icon.svg)no-repeat;
    height: 12px;
    width: 12px;
    filter: brightness(0) invert(1);
    margin-right: 7px;
}
#footerLinks .blocLinks .account.faq:before{
    content: "";
    display: block;
    background: url(/img/question_faq.svg)no-repeat;
    height: 12px;
    width: 12px;
    filter: brightness(0) invert(1);
    margin-right: 7px;
    background-size: contain;
}
#footerLinks .blocLinks a:hover{
    opacity: 1;
}

#footerLinks .blocLinks .links{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#footerLinks .reseau{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#footerLinks .reseau a{
    opacity: 0.8;
    margin-right: 10px;
    width: 20px;
}

#footerLinks .reseau a:hover{
    opacity: 1;
}

.foot_news{
    padding: 5px 10px;
    border: 2px solid rgba(255,255,255,.8);
    color: rgba(255,255,255,.8);
    transition: .2s ease;
    font-size: 15px;
    border-radius: 30px;
    margin-top: 10px;
    display: block;
    width: 100px;
}
.foot_news:hover{
    border: 2px solid #fff;
    color: #fff;
}
#credits{
    border-top: .5px solid rgba(255,255,255,.1);
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #ddd;
    font-weight: 300;
    align-items: center;
    padding: 7px 0;
    position: relative;
}
#credits .created{
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

#credits .created a{
    color: #8DC6C4;
}

@media all and (min-width: 1001px){
    #menu.appear{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        background-color: #062844;
        box-shadow: 0 0 20px rgba(0,0,0,.3);
        width: 100vw;
        transform: translateY(-63px);
        animation-delay: .3s;
        animation: Appear forwards .7s;
        z-index: 999;
    }
}
#bigHead .text{
    width: 50%;
    background-color: #062844;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 100px 50px;
}
#bigHead .text h1{
    color: #fff;
    width: 100%;
    text-align: left;
}
#bigHead .text h2, #bigHead .text h3{
    width: 100%;
    text-align: left;
    font-weight: 300;
}
#bigHead.smallHead .text h2, #bigHead.smallHead .text h3{
    margin-top: 0;
}
#bigHead .img{
    width: 50%;
    position: relative;
    overflow: hidden;
}

#burger{display: none;}

.practitioners #bigHead{
    background-color: #062844;
    align-items: center;
    flex-direction: row-reverse;
}
.practitioners #bigHead .text h1{
    margin-top: 0;
}
.practitioners #searchEngine{
    bottom: 20px;
}
.practitioners #bigHead .img{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    box-shadow: 0 0 20px rgb(0 0 0 / 40%);
}

#btnHome{
    display: flex;
    justify-content: center;
    padding: 20px 0 0;
}

#btnHome .home_login,
#btnHome .home_elig{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(6,40,68,.1);
    border-radius: 10px;
    margin: 20px;
    padding: 20px;
    width: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

#btnHome .home_login div,
#btnHome .home_elig div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
}

#btnHome div h3{
    font-family: 'Nunito';
    font-size: 24px;
    color: #062844;
    width: 100%;
    margin: 15px 0 10px;
}

#btnHome div img{
    width: 150px;
    margin-left: 10px;
}

#btnHome div p{
    color: #062844;
    font-weight: 300;
    width: calc(100% - 160px);
}

#btnHome div a{
    font-size: 16px;
    margin-top: 10px;
    z-index: 1;
}

#btnHome div.home_elig:before,
#btnHome div.home_login:before{
    content: "";
    display: block;
    position: absolute;
    height: 350px;
    width: 350px;
    border-radius: 50%;
}

#btnHome div.home_elig:before{
    background-color: rgba(141,198,196,.075);
    top: -100px;
    left: -100px;
}

#btnHome div.home_login:before{
    background-color: rgba(244,196,44,.075);
    top: -100px;
    left: -100px;
}

/* Price engine */
#priceEngine{
    background-color: #CDD4DA;
    padding: 20px;
    border-radius: 15px;
    display: none;
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1000px;
    max-width: 95%;
}
#priceEngine .head{
    font-family: 'Nunito';
    font-size: 30px;
    color: #062844;
    background-color: transparent;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 700;
}
#priceEngineForm .inputs{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

#priceEngineForm .input{
    text-align: center;
    position: relative;
}

#priceEngineForm .input span{
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) translateX(-50%);
    left: 50%;
    background-color: #fff;
    bottom: calc(100% + 10px);
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    transition: .2s;
    border-radius: 5px;
    padding: 15px;
    width: 270px;
    font-size: 14px;
    color: #062844;
    text-align: left;
    font-weight: 400;
    z-index: 100;
}

#priceEngineForm .input span:after{
    content: "";
    display: block;
    position: absolute;
    top: calc(100% - 5px);
    left: 50%;
    transform: translateX(-50%);
    width: 0px;
    height: 10px;
    border-top: solid 20px #fff;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}
#priceEngineForm .input label:hover span{
    opacity: 1;
    visibility: visible;
    transform: translateY(0) translateX(-50%);
}

#priceEngineForm input{
    border-radius: 5px;
    width: 230px;
    margin-top: 10px;
}
#priceEngineForm label{
    font-weight: 300;
    color: #062844;
    position: relative;
    font-size: 15px;
}
#priceEngineForm label:after{
    content: "";
    display: block;
    background: url(/img/question.svg)no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    top: -13px;
    right: -13px;
    cursor: pointer;
}
#priceEngineForm .sep{
    width: 80px;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    color: #062844;
    margin-top: 30px;
}
#priceEngineForm .formLineBtn{
    margin-top: 20px;
    text-align: center;
}

.login_form  input[type=submit], .classic_form .formLineBtn input[type=submit]{
    color: #062844;
    border: 2px solid #062844;
    transition: .3s ease;
    background-color: transparent;
    border-radius: 40px;
}

#priceEngineForm .formLineBtn input{
    background-color: #062844;
    border: 2px solid #062844;
    color: #fff;
    border-radius: 40px;
}

#priceEngineForm .formLineBtn input:hover{
    color: #062844;
    background-color: transparent;
}
.assoslogin .classic_form .formLineBtn.fixed input[type=submit],
.beneficiairesaccount .slideContainer .classic_form .formLineBtn input[type=submit],
.praticienspractitioners .slideContainer .classic_form .formLineBtn input[type=submit],
classic_form .formLineBtn input[type=submit],
#formPractitioners.classic_form .formLineBtn input[type=submit],
.beneficiaireslogin .classic_form .formLineBtn.fixed input[type=submit],
form[action="/praticiens/planning/updatePlanning"].classic_form .formLineBtn input[type=submit]{
    color: #fff;
    border: none;
    transition: .3s ease;
    background-color: #0FA870;
    outline: none;
    padding: 10px 20px;
    width: 150px;
}

.beneficiairesaccount .slideContainer .classic_form .formLineBtn input[type=submit],
.praticienspractitioners .slideContainer .classic_form .formLineBtn input[type=submit]:hover,
classic_form .formLineBtn input[type=submit]:hover,
#formPractitioners.classic_form .formLineBtn input[type=submit]:hover,
.beneficiaireslogin .classic_form .formLineBtn.fixed input[type=submit]:hover,
form[action="/praticiens/planning/updatePlanning"].classic_form .formLineBtn input[type=submit]:hover{
    opacity: .8;
}

.practitioners .classic_form .formLineBtn input[type=submit]:hover{
    background-color: #0FA870;
}

.login_form  input[type=submit]:hover, .classic_form .formLineBtn input[type=submit]:hover{
    background-color: #062844;
    color: #fff;
    
}

.bloc_content{
    padding: 50px 0;
    margin: 20px 0;
    position: relative;
}

#homeBlocPractices:before{
    content: "";
    display: block;
    position: absolute;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(141,198,196,.1);
    z-index: -1;
}

.bloc_content .head{
    margin: 20px 0;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    width: calc(100% - 160px);
    color: #062844;
    margin-top: 0;
}

.bloc_content .linkBtn,
#appointmentLink{
    background-color: #F4AD2A;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    padding: 5px 10px;
}

.bloc_content .linkBtn:hover,
#appointmentLink:hover{
    background-color: #F59436;
}

.bx-wrapper .practice{
    height: 230px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.bx-wrapper .practice:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(6,40,68,.5);
    pointer-events: none;
}
.bx-wrapper .practice img{
    transition: .3s ease;
}

.bx-wrapper .practice:hover img{
    transform: scale(1.1);
}

.bx-wrapper .practice:hover .label{
    color: #F4AD2A;
}

.bx-wrapper .practice .label{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    margin: 0;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 22px;
    text-shadow: 0 0 4px rgba(0,0,0,.4);
    transition: .3s ease;
}

/* Liste d'articles */
.pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
.pagination a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 5px;
    background-color: rgba(6,40,68,.2);
    color: rgba(6,40,68,1);
    transition: .2s;
}
.pagination a.selected,
.pagination a.selected:hover{
    background-color: rgba(6,40,68,1);
    color: #fff;
}
.pagination a:hover{
    background-color: rgba(6,40,68,.3);
}
.posts{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -30px;
}

#all.posts{
    margin: 0;
}

.posts .post{
    position: relative;
    width: calc(33% - 60px);
    background-color: #fff;
    margin: 25px 30px;
    border-radius: 10px;
    overflow: hidden;
    transition: .3s ease;
    box-shadow: 0 0 10px rgb(6 40 68 / 20%);
}
.articlesPraticien .posts.slideContainer .post{
    margin: 0;
    border-radius: 0;
    text-align: left;
    padding: 15px;
    box-shadow: none;
}

#mainPraticien .my_articles_wrapper{
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.my_articles_wrapper .bx-controls .bx-pager{
    display: none;
}

.posts .post:hover{
    box-shadow: 0 0 25px rgb(6 40 68 / 10%);
}

.posts .post a{
    display: flex;
    flex-direction: column;
    position: relative;
}
#pages_23 .posts .post a{
    padding-bottom: 30px;
}
.posts .post a:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(0deg, rgba(6,40,68,0.4) 0%, rgba(6,40,68,0) 100%);
}
.posts .sendComment form{
    display:flex;
    border-radius: 40px;
}
.posts .sendComment{
    margin-bottom: 20px;
}
.posts .sendComment form input[type='text']{
    flex-grow:1;
    outline: none;
}

.posts .post .img{
    height: 200px;
    display: block;
    overflow: hidden;
    position: relative;
}

.posts .post .content{
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 200px);
}

.posts .post .content div{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.posts .post p{
    color: #062844;
    font-size: 15px;
    margin-top: 0;
}

.posts .post div a{
    color: #F59436;
    opacity: .7;
    transition: .3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 110px;
    font-size: 15px;
}

.posts .post div a:after{
    content: "";
    display: block;
    background: url(/img/readmore.svg)no-repeat;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    transition: .3s;
    position: static;
}

.posts .post div a:hover{
    opacity: 1;
}

.posts .post .label{
    display: block;
    font-family: "Poppins";
    font-size: 17px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    z-index: 1;
    text-shadow: 0 1px 5px rgb(0 0 0 / 40%);
}

.posts .post img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Publication praticien */
.mainPost{
    display: flex;
    align-items: flex-start;
    margin: 0 10px;
}

.mainPost #mainPraticien .right .bloc_content .posts .post .sendMessage:hover{
    box-shadow: none;
}

.posts .mainPost .sendBy{
    max-width: 100%;
    background-color: transparent;
    display: flex;
    flex-direction: row-reverse;
    margin: 40px 0 0;
    justify-content: flex-end;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.posts .mainPost .sendBy .bg .img{
    min-height: 90px;
    max-height: 90px;
    min-width: 90px;
    max-width: 90px;
    position: relative;
    display: inherit;
}

.posts .mainPost .sendBy .bg .details a{
    font-size: 16px;
    text-transform: none;
    margin-bottom: 10px;
    color: #062844;
    font-weight: 600;
    margin-top: 0;
}

.posts .mainPost .sendBy .bg .details .date{
    color: #999;
    font-size: 14px;
    font-weight: 300;
}

.posts .mainPost .sendBy .bg .details a:hover{
    transform: translateX(0);
}

.mainPost .sendBy .sendMessage{
    float: none;
    box-shadow: none;
    background-size: 25px 25px;
    margin-left: 20px;
}

.mainPost h1{
    color: #062844;
    font-size: 26px;
    margin-top: 10px;
    text-align: left;
}

.mainPost .postLeft p{
    color: #062844;
}

.mainPost #mainPraticien .right{
    width: 370px;
    margin-left: 30px;
    padding: 20px;
    background-color: #eaeaea;
}

.mainPost #mainPraticien .bloc_content .posts .post{
    background-color: #fbfbfb;
    box-shadow: none;
}

.mainPost #mainPraticien{
    margin: 20px 0 30px;
}

.mainPost #mainPraticien .btn_border{
    background-color: #062844;
    color: #fff;
    box-shadow: none;
    border: 2px solid #062844;
}

.mainPost #mainPraticien .btn_border:hover{
    color: #062844;
    background-color: transparent;
}

.mainPost #mainPraticien .bloc_content .posts .post:hover{
    background-color: #fff;
}

.mainPost #mainPraticien .bloc_content .posts .post .img{
    box-shadow: none;
}

.mainPost .postLeft{
    width: calc(100% - 400px);
}

#updateAppointment .formLine,
#reservation .formLine{
    display:block;
    width:auto;
    box-shadow:none;
    padding: 15px 0;
}

#updateAppointment .formLine{
    padding: 5px 0;
}

#updateAppointment .optionHour{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

#updateAppointment .formLine.radio{
    margin-top: 0;
}

#updateAppointment .formLine.radio .radio_input label{
    font-weight: 400;
    color: #062844;
    font-size: 15px;
    white-space: nowrap;
}

#updateAppointment label{
    font-weight: 200;
    color: #062844;
    font-size: 15px;
}

#updateAppointment .formLine .input{
    flex-wrap: wrap;
}

#updateAppointment .optionHour input{
    width: 80px;
    margin: 0 5px;
}

#reservation .formLine select{
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
}

/* Join inscription */
.inscription_bloc{
    position: relative;
    text-align: center;
    padding: 30px;
    margin: 50px 0 0;
    color: #062844;
}

.inscription_bloc h3{
    font-family: 'Nunito';
    font-size: 28px;
    color: #062844;
    font-weight: 700;
}

.inscription_bloc .linkBtn{
    width: 200px;
    margin: 15px 0;
}

.inscription_bloc:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background-color: rgba(244,196,44,.1);
}

/* TWIN builder */
.bloc.bg .bloc.twin{
    margin: 0;
}
.bloc.twin{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0;
}

.bloc.twin.social_bloc{
    align-items: inherit;
}

.bloc.twin.social_bloc .subTwin{
    margin: 10px;
    border-radius: 10px;
}

.bloc.twin.social_bloc .subTwin:first-of-type{
    background-color: #fff;
}

.bloc.twin.social_bloc .subTwin:last-of-type{
    background-color: #062844;
}

.bloc.twin.social_bloc h3{
    margin-top: 0;
    color: #062844;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

#footerNewsletter{
    position: fixed;
    z-index: 10000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    background-color: #fff;
    border-radius: 15px;
    width: 720px;
    max-width: 95%;
}

.bloc.twin.social_bloc #newsletterForm h3{
    color: #fff;
}

#footerNewsletter .inputs,
.bloc.twin.social_bloc #newsletterForm .inputs{
    display: flex;
    padding: 5px;
    background-color: #fff;
    border-radius: 40px;
}

#footerNewsletter .inputs{
    background-color: #efefef;
}

#footerNewsletter h3.label{
    color: #062844;
    text-align: center;
    font-size: 22px;
}

#footerNewsletter .explain{
    font-size: 13px;
    color: #555;
    font-weight: 300;
    margin-top: 10px;
    text-align: center;
}

#footerNewsletter .inputs input,
.bloc.twin.social_bloc #newsletterForm .inputs input{
    border-radius: 40px;
    outline: none;
    background-color: transparent;
    padding: 10px 20px;
}

#footerNewsletter .inputs input[type=submit],
.bloc.twin.social_bloc #newsletterForm .inputs input[type=submit]{
    background-color: #F4AD2A;
    border-radius: 40px;
    text-shadow: 0 0 4px rgba(0,0,0,.4);
    transition: .3s ease;
    outline: none;
}
#footerNewsletter .inputs input[type=submit]:hover,
.bloc.twin.social_bloc #newsletterForm .inputs input[type=submit]:hover{
    background-color: #F59436;
}

.bloc.twin.social_bloc #newsletterForm .explain{
    font-size: 12px;
    color: #bbb;
    font-weight: 300;
    margin-top: 30px;
    text-align: center;
}

.bloc.twin.social_bloc #socialNetworks .links{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.bloc.twin.social_bloc #socialNetworks .links a{
    height: 80px;
    display: flex;
    align-items: center;
    width: 80px;
    padding-right: 10px;
    transition: .4s;
    border-radius: 100px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(6,40,68,.1);
    position: relative;
}
.bloc.twin.social_bloc #socialNetworks .links a span{
    opacity: 0;
    visibility: hidden;
    transition: .4s ease;
    white-space: nowrap;
    width: calc(100% - 80px);
    text-align: center;
    transition-delay: .2s;
    color: #062844;
    font-weight: 600;
}
.bloc.twin.social_bloc #socialNetworks .links a:hover{
    width: 250px;
}
.bloc.twin.social_bloc #socialNetworks .links a:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transition: .4s ease;
}
.bloc.twin.social_bloc #socialNetworks .links a.fb_icon:hover:before{
    background-color: #3b5998;
}
.bloc.twin.social_bloc #socialNetworks .links a.in_icon:hover:before{
    background-color: #F56040;
}
.bloc.twin.social_bloc #socialNetworks .links a.in_icon:hover{
    box-shadow: 0 0 10px rgba(59,89,152,.2);
}
.bloc.twin.social_bloc #socialNetworks .links a.in_icon:hover{
    box-shadow: 0 0 10px rgba(245,96,64,.2);
}
.bloc.twin.social_bloc #socialNetworks .links a.in_icon span{
    color: #F56040;
}
.bloc.twin.social_bloc #socialNetworks .links a:hover span{
    opacity: 1;
    visibility: visible;
}
.bloc.twin.social_bloc #socialNetworks .links img{
    min-width: 80px;
    max-width: 80px;
    padding: 20px;
    transition: .4s ease;
}

.bloc.twin.social_bloc #socialNetworks .links a:hover img{
    filter: brightness(0) invert(1);
}

.subTwin{
    width: 50%;
    padding: 30px;
}

.bloc.twin .linkBtn{
    margin-top: 15px;
}


.bloc.twin .bloc.text{
    color: #062844;
}

@keyframes linkBtnMove {
    0%{
        transform: rotate(1deg);
    }
    10%{
        transform: rotate(-2deg);
    }
    20%{
        transform: rotate(3deg);
    }
    30%{
        transform: rotate(-4deg);
    }
    40%{
        transform: rotate(5deg);
    }
    60%{
        transform: rotate(-2deg);
    }
    100%{
        transform: rotate(1deg);
    }
    
}

/* Fiche praticien */
.practitioner_wrapper{
    display: flex;
}
.practitionerLeft{
    width: 66.66666%;
    padding: 30px 30px 30px 0;
}

.practitionerLeft{
    color: #062844;
}

.practitionerLeft h2{
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 20px;
}

.practitionerLeft .bloc.title{
    padding-top: 20px;
}

#planningNoDispo{text-align: center;}

.practitionerLeft .bloc.title:first-of-type{
    padding-top: 0;
}

.practitionerLeft .bloc.location{
    display: flex;
    align-items: center;
    color: #062844;
}

.practitionerLeft .bloc.location:before{
    content: "";
    display: block;
    background: url(/img/location.svg)no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    margin-right: 7px;
}

.responsive_avail{
    display: none;
}

.practitionerRight{
    width: 33.33333%;
    padding: 30px 0 30px 30px;
}

.practitionerRight #reservation{
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    background-color: rgba(141,198,196,.1);
    padding: 20px;
    border-radius: 10px;
}

.practitionerRight #reservation h3.head{
    color: #062844;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}

.practitionerRight #reservation .editForm{
    margin-bottom: 15px;
    text-align: center;
    color: #062844;
}

.practitionerRight #reservation .btn.disconnected{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.practitionerRight #reservation .btn.disconnected .linkBtn{
    padding: 10px 40px;
}

.practitionerRight #reservation .btn.disconnected .linkBtn.secondBtn{
    padding: 0;
}

.close_avail{
    display: none;
}

.practitioner_wrapper .overlay,
#mainPraticien .overlay,
.practitioner_annuaire .overlay,
.sendBy .overlay,
.priceEngineOverlay.overlay{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.3);
    z-index: 10000;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    height: 200vh;
    backdrop-filter: blur(6px);
}

.practitioner_wrapper .overlay.visible,
#mainPraticien .overlay.visible,
.practitioner_annuaire .overlay.visible,
.sendBy .overlay.visible,
.priceEngineOverlay.overlay.visible{
    opacity: 1;
    visibility: visible;
}

.practicesGrp .practice{
    background-color: rgba(141,198,196,.3);
    padding: 5px 10px;
    color: #062844;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px;
    display: inline-block;
}

.symptomsGrp .symptom{
    background-color: rgba(244,196,44,.2);
    padding: 5px 10px;
    color: #F59436;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px;
    display: inline-block;
}

.symptomsGrp .arrow{
    background: url(/img/arrowDown.svg)no-repeat;
    height: 35px;
    width: 35px;
}

.practitionerWebsite{
    padding: 8px 18px;
    background-color: rgba(6,40,68,.2);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    margin-bottom: 20px;
}

.practitionerWebsite:after{
    content: "";
    display: block;
    background: url(/img/external.png)no-repeat;
    background-size: contain;
    margin-left: 10px;
    height: 16px;
    width: 16px;
    transition: .2s;
}

.practitionerWebsite:hover:after{
    transform: translateX(-2px);
}

.headLine.distance,
.headLine.duration,
.headLine.travel{
    display: flex;
    align-items: center;
    margin: 10px 0;
    font-weight: 300;
}

#bigHead.smallHead #headLines{
    align-self: flex-start;
}

.headLine.distance .picto{
    margin-right: 10px;
    background: url(/img/video-camera.svg)no-repeat;
    background-size: contain;
    min-height: 26px;
    min-width: 26px;
}

.headLine.duration .picto{
    margin-right: 10px;
    background: url(/img/clock.svg)no-repeat;
    background-size: contain;
    min-height: 26px;
    min-width: 26px;
}

.headLine.travel .picto{
    margin-right: 10px;
    background: url(/img/voiture.svg)no-repeat;
    background-size: contain;
    min-height: 26px;
    min-width: 26px;
}

.practitionerRight #reservation .subhead{
    color: #888;
    font-weight: 200;
}

.practitionerLeft .practitionerQualification {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #062844;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.practitionerLeft > .practitionerQualification ~ .practitionerQualification{
    border-top: none;
}

.practitionerLeft .practitionerQualification div.libelle{
    padding: 10px 0 10px 20px;
    text-align: right;
}
.practitionerLeft .practitionerQualification div.date{
    padding: 10px 20px 10px 0;
    color: #999;
}

/* BG builder */
.bloc.bg{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    position: relative;
}

.bloc.bg:after{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background-color: rgba(244,196,44,.1);
}

.bloc.bg .bloc.link{
    margin-bottom: 50px;
}

.bloc.bg .bloc.link:last-of-type {
    margin-bottom: 20px;
}

.bloc.bg .bloc.link .linkBtn{
    width: 250px;
    padding: 11px 20px;
    position: relative;
}


.bloc.bg .bloc.title h2{
    margin-bottom: 10px;
    text-align: center;
}
.bloc.bg .twin .bloc.title h2{
    text-align: left;
}

.bloc.bg .bloc.text{
    margin-bottom: 10px;
    color: #062844;
    text-align: center;
}
.bloc.bg .twin .bloc.text{
    text-align: left;
}

.bloc img{
    border-radius: 15px;
}

/* Réassurance */
#homeExplain{
    display: flex;
    justify-content: space-around;
    padding: 50px 0 20px;
    flex-wrap: wrap;
}
#homeExplain .explainBloc{
    width: 350px;
    margin: 20px;
}

#homeExplain .explainBloc .img{
    height: 220px;
    position: relative;
}

#homeExplain .explainBloc .img img{
    height: 100%;
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#homeExplain .explainBloc p.content{
    color: #062844;
    text-align: center;
    font-size: 15px;
    margin-top: 30px;
}

/* Liste pratiques */
.catBlocPractices{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 30px -15px 60px;
}

#catBlocPosts{
    margin: 60px 0 40px;
}

#catBlocPosts .linkBtn{
    padding: 7px 15px;
    float: right;
    margin-top: -40px;
}

.catBlocPractices .head{
    width: 100%;
    font-size: 18px;
    margin: 10px 15px 0;
    padding: 0;
}
#catBlocPosts .head{
    width: 100%;
    font-size: 18px;
    margin: 5px 5px 0;
    padding: 0;
}

.slideContainer.posts{
    margin: 0;
}

.catBlocPractices .practice{
    width: calc(33% - 35px);
    position: relative;
    height: 220px;
    margin: 15px;
    margin-right: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(6 40 68 / 10%);
    transition: .3s ease;
}

.catBlocPractices .practice span.img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.catBlocPractices .practice span.img img{
    transition: .3s ease;
}

.catBlocPractices .practice .pictogram{
    position: absolute;
    z-index: 1;
    display: block;
    height: 55px;
    width: 55px;
    top: -10px;
    right: -10px;
    background-color: #8DC6C4;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgb(6 40 68 / 10%);
}

.catBlocPractices .practice h3.label{
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
    color: #fff;
    font-family: 'Nunito';
    width: 90%;
    transition: .3s ease;
    font-size: 22px;
}

.catBlocPractices .practice .img:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    pointer-events: none;
    transition: .3s ease;
}

.catBlocPractices .practice:hover{
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}

.catBlocPractices .practice:hover h3.label{
    color: #F4AD2A;
}

.catBlocPractices .practice:hover .img:after{
    background-color: rgba(6,40,68,.6);
}

.catBlocPractices .practice:hover span.img img{
    transform: scale(1.1);
}

#priceEngineData{
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(6 48 60 / 20%);
    width: 100%;
}

#priceEngineData .head{
    font-family: "Nunito", sans-serif;
    font-size: 30px;
    color: #062844;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
}

#priceEngineData .btn_group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#priceEngineData .btn_group a{
    margin: 5px;
    width: 215px;
}

.ajaxMsgPopup #priceEngineData #newsletterForm h3{
    margin-bottom: 5px;
    color: #062844;
    text-align: center;
    margin-top: 30px;
    font-family: 'Nunito';
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs{
    display: flex;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs input{
    border-radius: 40px 0 0 40px;
    background-color: #efefef;
    outline: none;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs input[type=submit]{
    background-color: #F4AD2A;
    border-radius: 0 40px 40px 0;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
    transition: .3s ease;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .inputs input[type=submit]:hover{
    transform: translateX(-20px);
    border-radius: 40px;
}

.ajaxMsgPopup #priceEngineData #newsletterForm .explain{
    font-size: 13px;
    color: #bbb;
    font-weight: 300;
}

#bigHead.smallHead{
    height: 500px;
}

#bigHeadPage{
    height: 500px;
    position: relative;
    overflow: hidden;
}
#bigHeadPage:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(6,40,68,.4);
    pointer-events: none;
}
#bigHeadPage .img{
    height: 100%;
}

#bigHeadPage .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#bigHeadPage .img h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,calc(-50% - 75px));
    color: #fff;
    z-index: 1;
}

.title_explain .bloc.title h2{
    font-size: 24px;
    margin-top: 30px;
}

/* Liste praticiens */
#blocPractitioners{
    margin: 0 0 40px;
}

#mainBeneficiaire .blocBeneficiaire.fav #blocPractitioners .practitioner{
    padding: 10px;
}

#mainBeneficiaire .blocBeneficiaire.fav .practitioner .upper_bloc .main_info{
    width: calc(100% - 110px);
}

#mainBeneficiaire .blocBeneficiaire.fav .practitioner .contact{
    display: flex;
    flex-direction: column;
    align-items: inherit;
}
#mainBeneficiaire .blocBeneficiaire.fav .practitioner .upper_bloc .main_info h4{
    border-bottom: 1px solid #e7e7e7;
}
#mainBeneficiaire .blocBeneficiaire.fav #blocPractitioners .practices{
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
#mainBeneficiaire .blocBeneficiaire.fav .practitioner .contact .address{
    border-bottom: 1px solid #e7e7e7;
}
#mainBeneficiaire .blocBeneficiaire.fav #blocPractitioners{
    margin: 0;
}
.practitioners {
    display: flex;
    flex-wrap: wrap;
}

.practitioner{
    width: calc(33% - 30px);
    background-color: rgba(141,198,196,.1);
    overflow: hidden;
    border-radius: 10px;
    margin: 15px;
    transition: .3s ease;
}
.practitioner:hover{
    box-shadow: 0 0 10px rgb(6 40 68 / 15%);
}

.practitioner .upper_bloc{
    display: flex;
    align-items: center;
}

.practices .bloc.text{
    color: #062844;
}

.practices #main{
    padding-bottom: 30px;
}

.practitioner .upper_bloc .main_info{
    width: calc(100% - 120px);
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}

.practitioner .upper_bloc .main_info h4{
    font-size: 17px;
    margin: 5px 0;
    color: #062844;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
    margin-top: 0;
}

.practitioner .upper_bloc .main_info p{
    margin: 0;
    text-transform: capitalize;
    color: #062844;
    font-weight: 300;
    font-size: 14px;
}

.practitioner .img{
    height: 90px;
    width: 90px;
    min-height: 90px;
    min-width: 90px;
    margin: 15px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

.practitioner .img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.practitioner .links a.linkRdv, .practitioner .links a{
    width: 220px;
}

.practitioner .practices{
    padding: 5px 0 5px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin: 0;
    overflow-x: scroll;
    display: flex;
}

.practitioner .contact .address{
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.practitioner .practices h3{
    display: flex;
    flex-wrap: wrap;
}

.practitioner .availList .status.accepted,
.practitioner .availList .status.unpaid{
    padding-bottom: 10px;
    color: #F59436;
}

.practitioner .availList .status.accepted{
    color: #0FA870;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e7e7e7;
}

.blocBeneficiaire.rdv .content .practitioner .availList span:before{
    content: "";
    display: block;
    background: url(/img/date-rdv.svg)no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 1px;
}

.practitioner .availList .status.accepted:before{
    content: "";
    display: block;
    background: url(/img/check.svg)no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

#appointmentsRecap .practitioner .availList span{
    font-weight: 400;
}
.payForm{
    color: #444;
    font-weight: 300;
    text-align: center;
    margin: 40px 0;
    display: flex;
    justify-content: space-between;
}

.payForm .classic_form{
    margin: 0;
    width: calc(100% - 320px);
    background-color: #e7e7e7;
}

.payForm .classic_form h1{
    margin-bottom: 20px;
}

.payForm .formLineBtn{
    margin-top: 25px;
}
.payForm .practitioner .address br,
#mainBeneficiaire .blocBeneficiaire.rdv .practitioner .address br,
#appointmentsRecap .practitioner .availList span br{
    display: none;
}

.practices .practice{
    background-color: rgba(141,198,196,.2);
    padding: 5px 10px;
    color: #062844;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 400;
    margin: 5px;
    display: inline-block;
}

.payForm .practitionerInfo{
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.payForm .practitionerInfo .practitioner{
    padding: 10px;
    width: 100%;
    margin: 0;
    margin-left: 20px;
    box-shadow: none;
}

.payForm .practitionerInfo .practitioner .head{
    font-family: 'Nunito';
    color: #062844;
    font-size: 20px;
    font-weight: 700;
}

.practices .practice.sel{
    background-color: rgba(141,198,196,1);
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 0 / 30%);
}

.practitioner .contact{
    padding: 10px;
    position: relative;
}

.payForm .practitionerInfo .practitioner .contact,
#mainBeneficiaire .practitioner .contact{
    display: flex;
    align-items: center;
}
.payForm .practitionerInfo .practitioner .contact .practitionner_name,
#mainBeneficiaire .practitioner .contact .practitionner_name{
    width: calc(100% - 105px);
}

.payForm .practitionerInfo .practitioner .img,
#mainBeneficiaire .practitioner .img{
    margin: 0;
    min-height: 90px;
    min-width: 90px;
    max-width: 90px;
    max-height: 90px;
    margin-right: 10px;
}

.payForm .practitionerInfo .practitioner .availList{
    text-align: left;
}

.payForm .practitionerInfo .practitioner .availList .status.unpaid{
    font-weight: 400;
    display: flex;
    align-items: center;
}

.payForm .practitionerInfo .practitioner .availList .status.unpaid:before{
    content: "";
    display: block;
    background: url(/img/hourglass.svg)no-repeat;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    margin-top: 1px;
}

.detailsResa{
    margin-bottom: 10px;
    font-weight: 600;
}

.practitioner .links a{
    margin: 5px 0;
    padding: 8px 5px;
    border: 2px solid #062844;
    transition: .3s ease;
    background-color: transparent;
    color: #062844;
    text-shadow: none;
}

.practitioner .links{
    text-align: center;
}

.practitioner .links a.linkRdv{
    background-color: #062844;
    border: 2px solid #062844;
    text-shadow: none;
    color: #fff;
}

.practitioner .links a:hover{
    background-color: #062844;
    color: #fff;
}

.practitioner .links a.linkRdv:hover{
    background-color: #F59436;
    border: 2px solid #F59436;
    color: #fff;
    text-shadow: 0 1px 5px rgba(0,0,0,.4);
}

.practitioner .contact h4{
    font-weight: 500;
    font-size: 17px;
    margin: 5px 0;
    color: #062844;
    margin-top: 0;
}

.practitioner .address, .practitioner .videoAppointment{
    display: flex;
    font-weight: 300;
    font-size: 15px;
    color: #062844;
}
.practitioner .address img, .practitioner .videoAppointment img{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 3px;
}

.practitioner .avail{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    z-index: 1;
}

.blocBeneficiaire.rdv .practitioner .avail{
    align-items: flex-start;
    padding: 0 15px;
}

.blocBeneficiaire.rdv .practitioner .avail .cancel{
    cursor: pointer;
    color: #ff6a6a;
    transition: .2s;
    opacity: .7;
    margin-top: 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.blocBeneficiaire.rdv .practitioner .avail .cancel:before{
    content: "";
    display: block;
    background: url(/img/cancel.svg)no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.blocBeneficiaire.rdv .practitioner .avail .cancel:hover{
    opacity: 1;
}

.blocBeneficiaire.rdv .practitioner .avail .head{
    margin: 0;
}

.practitioner .avail .head{
    color: #062844;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    text-align: center;
    width: 100%;
}

.practitioner .avail .availList{
    margin: 5px;
}

.practitioner .avail .availList a{
    display: block;
    padding: 6px 14px;
    background-color: #fff;
    border-radius: 50px;
    transition: .3s ease;
    color: #062844;
    font-size: 14px;
    border: 2px solid #fff;
}

.practitioner .avail .availList a:hover{
    border: 2px solid #8DC6C4;
}

.practitioner .avail .availList span{
    text-align: center;
    display: flex;
    flex-direction: column;
}


/* Liste praticien annuaire */

.practitioner_annuaire .practitioner{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    position: relative;
}

.practitioner_annuaire .practitioner .pract_wrapper_an{
    display: flex;
    flex-wrap: wrap;
}

.practitioner_annuaire .practitioner .img{
    min-height: 90px;
    min-width: 90px;
    max-height: 90px;
    max-width: 90px;
    border-radius: 50%; 
    margin: 0 10px 0 0;
}

.practitioner_annuaire .practitioner .upper_bloc .main_info h4{
    width: calc(100% - 20px);
    margin-bottom: 0;
    border-bottom: none;
}

.practitioner_annuaire .practitioner .upper_bloc .main_info p{
    padding-top: 5px;
    border-top: 1px solid #ddd;
}

.practitioner_annuaire .practitioner .upper_bloc .main_info{
    width: calc(100% - 100px);
}

.practitioner_annuaire .practitioner .contact{
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.practitioner_annuaire .practitioner .practices{
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: none;
    text-align: left;
}

.practitioner_annuaire .practitioner .contact h4{
    width: calc(100% - 30px);
    text-align: left;
    font-weight: 400;
}


.practitioner_annuaire .practitioner .address{
    width: 100%;
    display: flex;
    color: #062844;
    border-top: 1px solid #ddd;
    margin: 0;
    padding-top: 15px;
}

.practitioner_annuaire .practitioner .address img{
    width: 18px;
    height: 18px;
    margin-right: 5px;
    margin-top: 1px;
}

.practitioner_annuaire .practitioner .links a{
    margin-top: 15px;
    background-color: #062844;
    color: #fff;
    text-shadow: none;
    border: none;
}

.practitioner_annuaire .practitioner .links a:hover{
    background-color: #F59436;
    text-shadow: 0 1px 5px rgba(0,0,0,.4);
}

/* Beneficiaire */
#mainBeneficiaire{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 30px;
}

#mainBeneficiaire .blocBeneficiaire{
    width: 31%;
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 10px;
    padding: 20px;
    color: #062844;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}

#mainBeneficiaire .blocBeneficiaire.fav{
    margin-top: 30px;
}

#mainBeneficiaire #priceEngineData{
    box-shadow: none;
    padding: 0;
}

#mainBeneficiaire .blocBeneficiaire #priceEngineData .content{
    font-family: 'Poppins';
    font-size: 16px;
    margin-bottom: 20px;
    background-color: rgba(141,198,196,.1);
    border-radius: 10px;
    color: #062844;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#priceEngineData .small{
    font-size:12px;
    text-align: center;

}

#mainBeneficiaire .blocBeneficiaire.rdv,
#mainBeneficiaire .blocBeneficiaire.fav{
    max-height: 1000px;
    overflow-y: scroll;
}
.payForm .practitionerInfo .practitioner .practices,
#mainBeneficiaire .blocBeneficiaire.rdv .practices{
    text-align: left;
    border-bottom: none;
    margin-top: 0;
    padding-top: 5px;
}

.payForm .practitionerInfo .practitioner .practices .practice,
#mainBeneficiaire .blocBeneficiaire.rdv .practices .practice{
    display: none;
}
.payForm .practitionerInfo .practitioner .practices .practice.sel,
#mainBeneficiaire .blocBeneficiaire.rdv .practices .practice.sel{
    display: inline-block;
    background-color: transparent;
    color: blue;
    text-shadow: none;
    color: #062844;
    padding: 0;
    margin: 0;
}
.payForm .practitionerInfo .practitioner .contact h4,
#mainBeneficiaire .practitioner .contact h4{
    font-weight: normal;
    text-align: left;
}

#mainBeneficiaire .blocBeneficiaire.rdv .content,
#mainBeneficiaire .blocBeneficiaire.coord .content{
    font-size: 16px;
    margin-bottom: 20px;
    color: #062844;
}

#mainBeneficiaire .blocBeneficiaire.coord .content{
    background-color: rgba(141,198,196,.1);
    border-radius: 10px;
    padding: 15px;
}

#mainBeneficiaire .blocBeneficiaire.coord .content p{
    margin: 10px 0;
    display: flex;
    align-items: center;
}

#mainBeneficiaire .blocBeneficiaire.coord .content p.beneficiaire_name:before{
    content: "";
    display: block;
    background: url(/img/beneficiaire-name.svg)no-repeat;
    height: 18px;
    width: 18px;
    margin-right: 8px;
}
#mainBeneficiaire .blocBeneficiaire.coord .content p.beneficiaire_mail:before{
    content: "";
    display: block;
    background: url(/img/mail.svg)no-repeat;
    height: 12px;
    width: 18px;
    margin-right: 8px;
}
#mainBeneficiaire .blocBeneficiaire.coord .content p.beneficiaire_phone:before{
    content: "";
    display: block;
    background: url(/img/telephone.svg)no-repeat;
    height: 18px;
    width: 18px;
    margin-right: 8px;
}

#mainBeneficiaire #blocPractitioners .practitioner{
    width: 100%;
    background-color: rgba(141,198,196,.1);
    box-shadow: none;
}


.payForm .practitionerInfo .practitioner,
#mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner{
    width: 100%;
    margin: 0 0 20px;
    background-color: rgba(141,198,196,.1);
    box-shadow: none;
    border-radius: 0;
}

.payForm .practitionerInfo .practitioner{
    margin: 0;
}

.payForm .priceExplaind{
    background-color: rgba(141,198,196,.1);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.payForm .priceExplaind h4{
    color: #062844;
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.payForm .priceExplaind p{
    color: #062844;
    font-size: 14px;
    font-weight: 400;
}

#mainBeneficiaire .blocBeneficiaire.rdv .status.pending{
    padding-bottom: 10px;
    color: #F59436;
}
.payForm .practitionerInfo .practitioner .availList,
#mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner .availList{
    margin: 5px 0;
    width: 100%;
}

#appointmentsRecap .payForm .practitionerInfo .practitioner .availList span,
#mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner .availList span{
    margin-bottom: 10px;
    padding: 10px 0;
    color: #062844;
    border-bottom: 1px solid #e7e7e7;
    font-size: 15px;
    display: flex;
    flex-direction: row;
    text-align: left;
}
#appointmentsRecap .payForm .practitionerInfo .practitioner .availList span:before{
    content: "";
    display: block;
    background: url(/img/date-rdv.svg)no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    margin-top: 1px;
}
.payForm .practitionerInfo .practitioner .address,
#mainBeneficiaire .blocBeneficiaire.rdv .practitioner .address{
    margin-bottom: 0;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    font-weight: normal;
}
.payForm .practitionerInfo .practitioner .availList span br,
#mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner .availList span br{
    display: none;
}

#mainBeneficiaire .blocBeneficiaire.coord .content a{
    margin-top: 20px;
    display: flex;
    align-items: center;
    color: rgba(141,198,196,1);
    transition: .2s;
    padding-top: 10px;
    border-top: 1px solid #e7e7e7;
    font-size: 15px;
}

.payForm .practitionerInfo .practitioner .practices{
    border-top: 1px solid #dedede;
}
#appointmentsRecap .payForm .practitionerInfo .practitioner .availList span{
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
}

#mainBeneficiaire .blocBeneficiaire.coord .content a:before{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url(/img/edit.svg)no-repeat;
    transition: .2s;
}
#mainBeneficiaire .blocBeneficiaire.coord .content a:hover:before{
    margin-right: 12px;
}

#mainBeneficiaire .blocBeneficiaire #priceEngineData .content .price{
    font-weight: bold;
    margin-left: 5px;
    white-space: nowrap;
    height: 46px;
    width: 46px;
    background-color: rgba(6,40,68,.2);
    padding: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.practitioner .contact .videoAppointment{
    color: #2AA16B;
    display: flex;
}

.practitioner .contact .videoAppointment img{
    margin-right: 10px;
    margin-top: 0;
    margin-left: 5px;
    width: 20px;
    height: 20px;
}

.blocBeneficiaire .head,
.blocBeneficiaire #priceEngineData .head{
    font-family: "Poppins", sans-serif;
    color: #bbb;
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
}

.blocBeneficiaire .practitioner .head{
    font-family: "Nunito", sans-serif;
    color: #062844;
    text-align: center;
    margin-bottom: 20px;
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
}

#mainBeneficiaire .btnLogOut{
    margin: 20px 0 30px;
}

.sub_form{
    display: flex;
    flex-wrap: wrap;
}

.classic_form{
    margin: 40px auto;
    background-color: #e7e7e7;
    border: 1px solid #dedede;
    padding: 20px;
}

.sub_form.classic_form{
    padding: 40px 20px;
}

.classic_form.label_form{
    display: flex;
    flex-direction: column;
}

.assoslogin .classic_form.label_form,
.beneficiaireslogin .classic_form.label_form{
    width: 720px;
    max-width: 100%;
}
.assoslogin .classic_form.label_form .formLine,
.beneficiaireslogin .classic_form.label_form .formLine{
    margin: 15px auto;
    width: 100%;
}

.rgpd .explain_baseline{
    font-weight: 300;
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    color: #999;
    display: block;
}

.rgpd .explain_baseline:before{
    content: none;
}
.assoslogin .classic_form.label_form .formLine label,
.beneficiaireslogin .classic_form.label_form .formLine label{
    font-weight: 200;
    color: #062844;
    font-size: 15px;
}
/**** Dashboard praticien ****/
.logout_wrap{
    width: 100%;
}
.btnLogOut{
    display: flex;
    align-items: center;
    transition: .2s;
    padding: 7px 10px;
    color: #062844;
    width: 160px;
    border-radius: 5px;
    margin: 3px;
    font-size: 14px;
}
.btnLogOut:after{
    content: "";
    display: block;
    background: url(/img/logout.svg)no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain;
    margin-left: 10px;
    transition: .2s;
}
.btnLogOut:hover{
    color: #062844;
    background-color: transparent;
}
.btnLogOut:hover:after{
    filter: inherit;
    transform: translateX(5px);
}
.praticienshome .flexHome{
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
}
.header_side{
    min-width: 51px;
    max-width: 51px;
    background-color: #f9f9f9;
    box-shadow: 0 0 20px rgba(6,40,68,.1);
    position: absolute;
    z-index: 101;
    bottom: 0;
    top: 0;
    transition: .5s;
}
.header_side.stretch{
    min-width: 330px;
    
}
.header_side .close_notif{
    display: none;
}
.header_side #headerSIde{
    justify-content: center;
    position: relative;
}
.header_side #headerSIde.stretch{padding-top: 20px;}
#headerSIde .deploy{
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    color: #062844;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
    left: 100%;
    margin-left: 10px;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 0 10px rgba(6,40,68,.1);
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
    z-index: 1;
    width: 35px;
    height: 35px;
}
#headerSIde .deploy img{
    height: 22px;
    width: 22px;
}
#headerSIde .deploy img.rotate{
    transform: rotate(180deg);
}
.header_side #menuSide{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 10px;
}
.header_side #menuSide a{
    color: #062844;
    opacity: .5;
    transition: .2s;
    padding: 13px 0 13px 16px;
    border-top: 1px solid rgb(6 40 68 / 10%);
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 51px;
    overflow: hidden;
    position: relative;
}
.header_side #menuSide a.stretch{
    width: auto;
    height: auto;
    overflow: visible;
}
.header_side #menuSide a:last-of-type{
    border-bottom: 1px solid rgba(255,255,255,.15);
}
.header_side #menuSide a:hover{
    opacity: 1;
}

.header_side #menuSide a:before{
    content: "";
    display: block;
    min-height: 20px;
    min-width: 20px;
    margin-right: 15px;
}
.header_side #menuSide a.sel{
    opacity: 1;
}
.header_side #menuSide a:after{
    content: "";
    width: 4px;
    height: 100%;
    position: absolute;
    background-color: #062844;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: .2s;
}
.header_side #menuSide a:hover:after{
    opacity: 1;
}
.header_side #menuSide a:first-of-type {
    border-top: none;
}
.header_side #menuSide a:first-of-type:before{background: url(/img/dashboard.png)no-repeat;background-size: contain;}
.header_side #menuSide a.practitioners_editInfos:before{background: url(/img/account.png)no-repeat;background-size: contain;}
.header_side #menuSide a.practitioners_editPratique:before{background: url(/img/pratique.png)no-repeat;background-size: contain;}
.header_side #menuSide a.practitioners_editPlanning:before{background: url(/img/calendar.png)no-repeat;background-size: contain;}
.header_side #menuSide a.practitioners_articleBlog:before{background: url(/img/blog.png)no-repeat;background-size: contain;}
.header_side #menuSide a.practitioners_articleCommu:before{background: url(/img/actu.png)no-repeat;background-size: contain;}
.header_side #menuSide a.practitioners_dons:before{background: url(/img/euro.png)no-repeat;background-size: contain;}
.header_side #menuSide a.login_logout:before{background: url(/img/logout.svg)no-repeat;background-size: contain;}
.praticienshome footer{
    position: relative;
    z-index: 1;
    box-shadow: 0 0px 20px rgb(0 0 0 / 20%);
}

.flexHome #content{
    max-width: calc(100% - 51px);
    margin-left: auto;
    margin-right: 0;
}
.praticienslogin .flexHome #content{
    max-width: 1280px;
    margin: 0 auto;
}
.flexHome #content.stretch{
    max-width: calc(100% - 300px);
}

.ajaxFormPractitioner .flexMode{
    display: flex;
    min-width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean{
    position: relative;
    width: auto;
    min-width: auto;
    margin: 0 20px 0 0;
    cursor: pointer;
    padding: 10px 20px;
    background-color: #ddd;
    border-radius: 5px;
    border: 2px solid #ccc;
    transition: .2s;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean:before{
    content: "";
    display: block;
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    background: url(/img/filled.svg)no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
    right: -10px;
    top: -10px;
    opacity: 0;
    transition: .2s;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean.checked:before{
    opacity: 1;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean.checked{
    background-color: rgba(15,168,112,.08);
    border-color: #0FA870;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean.checked label{
    color: #0FA870;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean label{
    pointer-events: none;
    font-weight: 500;
    color: #999;
    transition: .2s;
}
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean .input,
#mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean .input input[type=checkbox]{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    margin: 0;
}

#mainPraticien .slide .ajaxFormPractitioner .formLine.videoLink{
    display: none;
}

#mainPraticien{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    padding-bottom: 10px;
}

#mainPraticien .left{
    width: calc(66% - 10px);
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
}

#mainPraticien .right{
    width: calc(34% - 10px);
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
}

#mainPraticien .praticienContent{
    text-align: center;
}

#headPraticien{
    display: flex;
    align-items: center;
}
#headPraticien .placeholderInfo{
    width: 100%;
    margin-right: 15px;
}
#mainPraticien .statusAccount{
    padding: 10px 0;
    padding-left: 15px;
    left: 0;
    z-index:10;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}
#mainPraticien .statusAccount .mainMsg{
    display: flex;
    margin: 0;
    align-self: center;
}
#mainPraticien .statusAccount a{
    padding: 0 15px;
    color: #FF7A00;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: underline;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
#mainPraticien .statusAccount.active a{
    color: #0FA870;
}
#mainPraticien .statusAccount.pending{
    background-color: #eaeaea;
    color: #FF7A00;
}

#mainPraticien .statusAccount.active{
    background-color: #eaeaea;
    color: #0FA870;
}

#mainPraticien .statusAccount.pending .mainMsg:before{
    content: "";
    display: block;
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    background: url(/img/missing.png)no-repeat;
    background-size: contain;
    margin-right: 7px;
    margin-top: 1px;
}

#mainPraticien .statusAccount.active .mainMsg:before{
    content: "";
    display: block;
    min-height: 20px;
    min-width: 20px;
    max-height: 20px;
    max-width: 20px;
    background: url(/img/allgood.png)no-repeat;
    background-size: contain;
    margin-right: 7px;
    margin-top: 1px;
}

#mainPraticien .left .planning,
#mainPraticien .right .encartPraticien,
#mainPraticien .right .actusPraticiens,
#mainPraticien .left .articlesPraticien{
    position: relative;
    background-color: #eaeaea;
    border: 1px solid #e1e1e1;
    padding: 30px 20px;
    margin: 10px 0;
    width: 100%;
}
#mainPraticien .left .planning{
    text-align: center;
}

#mainPraticien .left .planning #planning{
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
}

#mainPraticien .right .actusPraticiens .editBtn{
    margin-bottom: 15px;
    font-size: 14px;
    box-shadow: 0 0 10px rgb(6 40 68 / 10%);
    background-color: #f9f9f9;
    padding: 9.5px 10px;
    border-radius: 30px;
    width: 107px;
    float: right;
    z-index: 2;
    position: relative;
    color: #062844;
}

#mainPraticien .articlesPraticien{
    color: #062844;
    text-align: center;
}

#popupMissing{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100001;
    background-color: #fff;
    padding: 30px 10px 20px;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    margin-top: 40px;
    transition: .3s;
    box-shadow: 0 0 20px rgba(6, 48, 61, .2);
    max-width: 90vw;
    width: 100%;
    max-height: 80vh;
    overflow-y: scroll;
}
#popupMissing.open{
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.lineMissing{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    padding: 15px 5px 15px 15px;
    color: #062844;
}
.lineMissing:last-of-type{
    border-bottom: none;
}
.lineMissing p{
    margin: 0;
    margin-right: 10px;
    font-size: 15px;
}
#mainPraticien .statusAccount .lineMissing a{
    display: block;
    min-height: 40px;
    min-width: 40px;
    max-height: 40px;
    max-width: 40px;
    padding: 10px;
    border-radius: 50%;
    background-color: #f88721;
    margin-top: 0;
}
.lineMissing a img{
    filter: brightness(0) invert(1);
}

ul.instructions{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    text-align: left;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: 0;
}

#mainPraticien .articlesPraticien .linkBtn{
    width: 220px;
    margin: 0 auto;
    display: block;
}

.lightText{
    font-weight: 300;
    max-width: 900px;
    margin: 0 auto;
}

ul.instructions li{
    display: flex;
    margin: 10px 0;
}

ul.instructions li:before{
    content: "";
    display: block;
    min-height: 18px;
    min-width: 18px;
    max-height: 18px;
    max-width: 18px;
    margin-right: 7px;
    margin-top: 3px;
}
ul.instructions li.success:before{
    background: url(/img/success.png)no-repeat;
    background-size: contain;
}
ul.instructions li.failure:before{
    background: url(/img/failure.png)no-repeat;
    background-size: contain;
}

#mainPraticien .linkBtn{
    background-color: #062844;
    text-shadow: none;
    padding: 10px 17px;
}
#mainPraticien .linkBtn:hover{
    background-color: #F59436;
}
#mainPraticien .linkBtn.cancel{
    background-color: #ff6a6a;
}
#mainPraticien .linkBtn.cancel:hover{
    opacity: .8;
}

#mainPraticien .right .encartPraticien,
#mainPraticien .right .actusPraticiens{
    padding: 10px 20px 30px;
    text-align: center;
}

#mainPraticien #detailsMessages,
#mainPraticien #detailsNotif{
    position: fixed;
    background-color: #f4f4f4;
    padding: 35px 20px 20px;
    top: 50%;
    left: 50%;
    z-index: 10001;
    transform: translate(-50%,-50%);
    max-height: 80vh;
    width: 400px;
    max-width: 95%;
    overflow-y: scroll;
}
#praticienBlocPosts{
    color: #062844;
    padding: 10px 0;
}
#mainPraticien #praticienBlocPosts .posts .post .shortText{
        font-size: 14px;
        margin-top: 5px;
    }
#praticienBlocPosts .explain{
    font-weight: 300;
    margin-top: 0;
}
.commuExplain{
    text-align: center;
    margin-top: 20px;
}
.commuExplain ul.instructions{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin-top: 0;
    margin-bottom: 20px;
}
.slide .commuExplain ul.instructions{
    margin-bottom: 0;
}
.bottomActu{
    position: absolute;
    left: 10px;
    bottom: 7px;
    width: calc(100% - 10px);
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
#mainPraticien .right .encartPraticien .linkBtn,
#openAddPostCommu{margin-top: 15px;}
#praticienBlocPosts .externalBtn{
    text-decoration: underline;
    transition: .2s;
    opacity: 1;
    margin: 20px auto;
    display: inline-block;
}
#praticienBlocPosts .externalBtn:hover{opacity: .7;}
.chosen-container-multi .chosen-choices li.search-choice{
    background-color: #e5e5e5 !important;
    box-shadow: none !important;
}
#mainPraticien .slideContainer #praticienBlocPosts .head{
    font-size: 30px;
    margin-bottom: 30px;
}
.introjs-tooltipReferenceLayer *{
    font-family: "Poppins" !important;
    letter-spacing: initial;
    color: #062844;
}
.introjs-prevbutton{
    cursor: pointer !important;
}
.introjs-tooltiptext {
    padding: 10px 15px !important;
}
.introjs-skipbutton{
    font-weight: 300 !important;
    color: #062844 !important;
}
.introjs-helperLayer{
    background-color: rgba(255,255,255,.2) !important;
}
.introjs-button:hover{
    background-color: #062844 !important;
    border-color: #062844 !important;
}

#popupMissing::-webkit-scrollbar-track,
.praticien_main_infos .content .practices::-webkit-scrollbar-track,
.slide[data-id="dispo"] #availsList .avails::-webkit-scrollbar-track,
.messageConversation::-webkit-scrollbar-track,
#mainPraticien .left #updateAppointment::-webkit-scrollbar-track,
#mainBeneficiaire .blocBeneficiaire.rdv::-webkit-scrollbar-track,
#mainBeneficiaire .blocBeneficiaire.fav::-webkit-scrollbar-track,
.practitioner .practices::-webkit-scrollbar-track,
.messageConversation .conversation::-webkit-scrollbar-track,
#mainPraticien #detailsMessages::-webkit-scrollbar-track,
#mainPraticien #detailsNotif::-webkit-scrollbar-track,
#mainPraticien .right .actusPraticiens #addPostCommu::-webkit-scrollbar-track,
#mainPraticien #addPost::-webkit-scrollbar-track,
#mainPraticien .right .bloc_content .posts::-webkit-scrollbar-track,
.practitionerRight #reservation #planning .content .day .hours::-webkit-scrollbar-track
{
	background-color: transparent;
}
#popupMissing::-webkit-scrollbar,
.praticien_main_infos .content .practices::-webkit-scrollbar,
.slide[data-id="dispo"] #availsList .avails::-webkit-scrollbar,
.messageConversation::-webkit-scrollbar,
#mainPraticien .left #updateAppointment::-webkit-scrollbar,
#mainBeneficiaire .blocBeneficiaire.rdv::-webkit-scrollbar,
#mainBeneficiaire .blocBeneficiaire.fav::-webkit-scrollbar,
.practitioner .practices::-webkit-scrollbar,
.messageConversation .conversation::-webkit-scrollbar,
#mainPraticien #detailsMessages::-webkit-scrollbar,
#mainPraticien #detailsNotif::-webkit-scrollbar,
#mainPraticien .right .actusPraticiens #addPostCommu::-webkit-scrollbar,
#mainPraticien #addPost::-webkit-scrollbar,
#mainPraticien .right .bloc_content .posts::-webkit-scrollbar,
.practitionerRight #reservation #planning .content .day .hours::-webkit-scrollbar
{
	width: 7px;
	background-color: transparent;
    border-radius: 30px;
}

.praticien_main_infos .content .practices::-webkit-scrollbar,
.slide[data-id="dispo"] #availsList .avails::-webkit-scrollbar,
.practitioner .practices::-webkit-scrollbar{
    height: 4px;
}
#popupMissing::-webkit-scrollbar-thumb,
.praticien_main_infos .content .practices::-webkit-scrollbar-thumb,
.slide[data-id="dispo"] #availsList .avails::-webkit-scrollbar-thumb,
.messageConversation::-webkit-scrollbar-thumb,
#mainPraticien .left #updateAppointment::-webkit-scrollbar-thumb,
#mainBeneficiaire .blocBeneficiaire.rdv::-webkit-scrollbar-thumb,
#mainBeneficiaire .blocBeneficiaire.fav::-webkit-scrollbar-thumb,
.practitioner .practices::-webkit-scrollbar-thumb,
.messageConversation .conversation::-webkit-scrollbar-thumb,
#mainPraticien #detailsMessages::-webkit-scrollbar-thumb,
#mainPraticien #detailsNotif::-webkit-scrollbar-thumb,
#mainPraticien .right .actusPraticiens #addPostCommu::-webkit-scrollbar-thumb,
#mainPraticien #addPost::-webkit-scrollbar-thumb,
#mainPraticien .right .bloc_content .posts::-webkit-scrollbar-thumb,
.practitionerRight #reservation #planning .content .day .hours::-webkit-scrollbar-thumb
{
	background-color: #ccc;
    border-radius: 30px;
}

#detailsMessages .conversationList.sendMessage{
    margin-bottom: 20px;
    position: relative;
}

#detailsMessages .conversationList .unreadCount{
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background-color: #FFA398;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
}

#detailsMessages .conversationList.sendMessage:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
}

#detailsMessages .conversationList.sendMessage:last-of-type .date{
    margin-bottom: 0;
}


#detailsNotif{
    display: none;
}

#detailsNotif .log{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    border-radius: 7px;
    transition: .2s;
    background-color: #E4EDF7;
    box-shadow: 2px 2px 3px #ccdbe8, 0px 0px 1px #ccdbe8, -2px -2px 8px rgb(255 255 255 / 30%), -1px -1px 3px 1px rgb(255 255 255 / 30%);
    padding: 15px;
}

#detailsNotif .log .date{
    font-size: 12px;
    color: #888;
    font-weight: 300;
    margin-top: 3px;
    margin-left: 5px;
}

#detailsNotif .log .details{
    font-size: 16px;
    color: #062844;
    font-weight: 600;
}

#detailsNotif .log .details2{
    font-size: 14px;
    color: #062844;
    margin: 10px 0;
    font-weight: 400;
}

.close_notif{
    position: absolute;
    border-radius: 50%;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #062844;
    font-family: 'Poppins';
    opacity: .7;
}
.close_notif:hover{
    opacity: 1;
}
.close_notif:after{
    content: "";
    display: block;
    background: url(/img/close.svg)no-repeat;
    background-size: contain;
    height: 12px;
    width: 12px;
    margin-left: 5px;
}

#mainPraticien #planning .week{
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #ddd;
}

#mainPraticien #planning .week .day{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 25%;
}

#mainPraticien #planning .week .head{
    color: #062844;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#mainPraticien #planning .week .head .dayLib{
    font-weight: 300;
    font-size: 13px;
}

#mainPraticien #planning .week .hours{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#mainPraticien #planning .week .hours .hour{
    border-radius: 30px;
    padding: 2px 10px;
    width: 100px;
    margin: 4px 0;
    position: relative;
    cursor: pointer;
}

#mainPraticien #planning .week .hours .hour.statusUnpaid,
#mainPraticien #planning .week .hours .hour.statusPending{
    background-color: #F59436;
    color: #fff;
}

#mainPraticien #planning .week .hours .hour.statusAccepted{
    background-color: #8DC6C4;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,.1);
}

#mainPraticien #planning .week .hours .hour .popup{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translate(-50%,20px);
    z-index: 1;
    width: 300px;
    left: 50%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    color: #062844;
    text-align: left;
    padding: 10px;
    transition: .3s;
}

#mainPraticien #planning .week .hours .hour .popup_info{
    color: #062844;
    font-size: 14px;
    margin: 10px 0;
}

#mainPraticien #planning .week .hours .hour .popup_info b{
    font-weight: 600;
}

#mainPraticien #planning .week .hours .hour .popup_tag_wrapper{
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0;
}

#mainPraticien #planning .week .hours .hour .popup_tag{
    font-size: 12px;
    background-color: rgba(6,40,68,.1);
    padding: 4px 7px;
    border-radius: 3px;
    margin: 3px;
}

#mainPraticien #planning .week .popup .action_delete{
    display: flex;
    justify-content: space-between;
}

#mainPraticien #planning .week .popup .action_delete div{
    width: 48%;
    margin: 10px 0;
    text-align: center;
    border-radius: 30px;
    padding: 5px 10px;
    background-color: #ff6a6a;
    border: 2px solid #ff6a6a;
    color: #fff;
    font-size: 14px;
    transition: .2s;
}

#mainPraticien #planning .week .popup .action_delete div.indispo:hover{
    color: #ff6a6a;
    background-color: transparent;
}

#mainPraticien #planning .week .popup .action_delete div.indispo2{
    border: 2px solid #ff6a6a;
    color: #ff6a6a;
    background-color: transparent;
}
#mainPraticien #planning .week .popup .action_delete div.indispo2:hover{
    color: #fff;
    background-color: #ff6a6a;
}
#mainPraticien #planning .week .hours .hour .popup .head{
    color: #062844;
    font-weight: 600;
    font-size: 16px;
}
#mainPraticien #planning .week .hours .hour .popup .action{
    display: flex;
    justify-content: center;
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-start;
}
#mainPraticien #planning .week .hours .hour .popup .action div{
    cursor: pointer;
    transition: .2s;
    font-size: 14px;
    color: #fff;
    opacity: .7;
    margin: 5px 0;
    display: flex;
    align-items: center;
}

#mainPraticien #planning .week .hours .hour .popup .action .modify{
    color: #F59436;
}

#mainPraticien #planning .week .hours .hour .popup .action .modify:after{
    content: "";
    display: block;
    background: url(/img/edit-hour.svg)no-repeat;
    background-size: contain;
    margin-left: 5px;
    height: 16px;
    width: 16px;
    transition: .2s;
}

#mainPraticien #planning .week .hours .hour .popup .action .confirm{
    color: #8DC6C4;
}

#mainPraticien #planning .week .hours .hour .popup .action .cancel{
    color: #ff6a6a;
}

#mainPraticien #planning .week .hours .hour .popup .action .cancel:after{
    content: "";
    display: block;
    background: url(/img/close-hour.svg)no-repeat;
    background-size: contain;
    margin-left: 5px;
    height: 14px;
    width: 14px;
    transition: .2s;
}

#mainPraticien #planning .week .hours .hour .popup .action div:hover{
    opacity: 1;
}

#mainPraticien #planning .week .hours .hour:hover .popup{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%,0);
}

#mainPraticien #planning .week .hours .dispo{
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
    color: #062844;
}

#mainPraticien #planning .week .hours .dispo .indispo[desactivated]{
    position: absolute;
    z-index: 1;
    top: -6px;
    font-size: 12px;
    right: -6px;
    width: 18px;
    border-radius: 50%;
    background-color: #8DC6C4;
    cursor: pointer;
    transition: .2s;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    color: #fff;
}

.praticien_main_infos{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    z-index: 1;
    position: relative;
    text-align: left;
}

.praticien_main_infos .practices .practice {
    margin: 5px 5px 0 0;
}

.sendComment form{
    padding: 5px;
    background-color: #fff;
    border-radius: 40px;
}

.sendComment input[type=text]{
    border-radius: 30px 0 0 30px;
    background-color: #fff;
    padding: 9px 14px;
}

.sendComment input[type=submit]{
    background-color: #F4AD2A;
    border-radius: 30px;
    min-width: auto;
    text-shadow: 0 0 3px rgb(0 0 0 / 30%);
    padding: 9px 20px;
}

.sendComment input[type=submit]:hover{
    background-color: #F59436;
}

.messageConversation{
    z-index: 10001;
    max-width: 400px;
    width: 100%;
    position: fixed;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%, -50%);
    border-radius: 15px;
    font-family: "Poppins";
    max-height: 80vh;
    overflow-y: scroll;
    box-shadow: 0 3px 20px rgb(6 40 68 / 20%);
    background-color: #efefef;
    border-radius: 15px;
}

.messageConversation .close_conv{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #E4ECF6;
    box-shadow: 3px 3px 10px #ccdbe8, 1px 1px 2px #ccdbe8, -2px -2px 6px rgb(255 255 255 / 10%), -1px -1px 3px 1px rgb(255 255 255 / 10%);
    position: absolute;
    top: -10px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .2s;
}

.messageConversation .close_conv:after{
    content: "";
    display: block;
    background: url(/img/close_cross.png)no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    transition: .2s;
}

.messageConversation .close_conv:hover{
    background-color: #DB6E6E;
}

.messageConversation .close_conv:hover:after{
    filter: brightness(0) invert(1);
}

.conversation .message{
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 10px;
    font-size: 14px;
    color: #062844;
    border-radius: 10px;
    position: relative;
}

.conversation .message.outGoing{
    margin-right: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.conversation .message.inGoing{
    margin-left: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.conversation .message .img{
    height: 25px;
    width: 25px;
    position: absolute;
    display: block;
    overflow: hidden;
    border-radius: 50%;
}

.conversation .message .img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conversation .message.inGoing .img{
    bottom: 0;
    left: -30px;
}

.conversation .message.outGoing .img{
    bottom: 0;
    right: -30px;
}

.conversation .message .date,
#detailsMessages .date{
    font-size: 12px;
    color: #888;
    font-weight: 300;
    margin-top: 5px;
}

.messageConversation textarea{
    width: 100%;
    height: 130px;
    margin: 15px 0 5px;
    border: none;
    padding: 10px;
}

#detailsMessages .date{
    text-align: left;
}

.messageConversation textarea:focus{
    outline: 1px solid rgba(141,198,196,.5);
}

.messageConversation .conversation,
.messageConversation .newMessage{
    padding: 0 10px;
}

.messageConversation .conversation{
    max-height: 200px;
    overflow-y: scroll;
}

.messageConversation .target,
#detailsMessages .target{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    padding: 10px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 4%);
    margin-bottom: 20px;
    border-radius: 15px 15px 0 0;
}

#detailsMessages .target{
    border-radius: 5px;
    box-shadow: none;
    transition: .2s;
    cursor: pointer;
    margin-bottom: 0;
    background-color: #e7e7e7;
    text-align: left;
}

#detailsMessages .target:hover{
    background-color: #e3e3e3;
}

.messageConversation .target .img,
#detailsMessages .target .img{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.messageConversation .target .img img,
#detailsMessages .target .img img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.messageConversation .target .name,
#detailsMessages .target .name{
    width: calc(100% - 75px);
    font-size: 20px;
    color: #062844;
    font-weight: 600;
}

.messageConversation input[type=submit]{
    margin: 0 auto;
    padding: 10px;
    display: block;
    margin-bottom: 15px;
}
.messageConversation input[type=submit]:hover{
    box-shadow: 2px 2px 3px #ccdbe8, 0px 0px 1px #ccdbe8, -2px -2px 8px rgb(255 255 255 / 30%), -1px -1px 3px 1px rgb(255 255 255 / 30%);
}

.praticien_main_infos .img{
    height: 110px;
    width: 110px;
    margin: 10px;
    border-radius: 50%;
    overflow: hidden;
}

.praticien_main_infos .content .practices{
    display: flex;
    overflow-x: scroll;
    padding: 5px 0;
}

.praticien_main_infos .content{
    width: calc(100% - 140px);
}

#mainPraticien #planning .week .hours .dispo .indispo:hover{
    background-color: #DB6E6E;
    color: #fff;
}

#mainPraticien #planning .week .empty.day{
    position: absolute;
}

#mainPraticien #planning .content{
    margin-top: 20px;
}

#mainPraticien .left h1,
#mainPraticien .left h2{
    font-size: 28px;
    color: #062844;
    text-align: center;
    margin-top: 10px;
}
#mainPraticien .right .bloc_content{
    padding: 0;
    margin: 0;
}
#mainPraticien .right.postRight .bloc_content{
    width: 100%; 
    text-align: center;
}
#mainPraticien .bloc_content .head,
#mainPraticien .right .head{
    width: 100%;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
}
#mainPraticien .right .bloc_content .posts{
    max-height: 450px;
    overflow-y: scroll;
    display: block;
    margin: 0;
}

.post_img_title_author{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

#mainPraticien .bloc_content .posts .post{
    width: 100%;
    background-color: #fff;
    margin: 0 0 20px;
    height: auto;
    position: relative;
    border-radius: 0;
    padding: 15px 10px;
    transition: .2s;
}
#mainPraticien .slideContainer .bloc_content .posts{
    justify-content: center;
    padding: 0 10px;
}
#mainPraticien .slideContainer #openAddPostCommu{
    margin: 0 auto;
    display: block;
    max-width: 230px;
}
#mainPraticien .slideContainer .externalBtn{
    margin: 10px auto;
    display: block;
    max-width: 230px;
    text-align: center;
    padding: 8px 18px;
    border: 2px solid;
    border-radius: 40px;
}
#mainPraticien .slideContainer .bloc_content .posts .post{
    width: calc(33.3333% - 20px);
    margin: 0 10px;
}

.practices .posts .post,
#pages_23 .posts .post{
    background-color: #fff;
    padding-bottom: 30px;
    position: relative;
    border-radius: 7px;
    padding: 15px 10px;
    transition: .2s;
}

.practices .posts .post a:after,
#pages_23 .posts .post a:after{
    content: none;
}


.sendBy .sendMessage, .practitioner .sendMessage{
    display: block;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: url(/img/messagerie.png)no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-left: 7px;
    box-shadow: 5px 5px 10px #ccdbe8, 1px 1px 2px #ccdbe8, -6px -6px 15px rgb(255 255 255 / 90%), -1px -1px 3px 1px rgb(255 255 255 / 90%);
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    float: right;
}

#mainPraticien .bloc_content .posts .post .sendMessage{
    display: block;
    padding: 10px;
    width: 22px;
    height: 22px;
    background: url(/img/messagerie.png)no-repeat;
    background-size: contain;
    transition: .3s;
    cursor: pointer;
    float: right;
}

.practitioners .practitioner.directory .sendMessage{
    top: 15px;
    position: absolute;
    right: 15px;
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    height: 20px;
    width: 20px;
    background-size: contain;
    border-radius: 0;
}


#mainPraticien .bloc_content .posts .post a{
    display: block;
    height: auto;
    width: 100%;
    text-align: left;
    padding-bottom: 30px;
}

.practices .posts .post a.linkComment,
#pages_23 .posts .post a.linkComment,
#mainPraticien .bloc_content .posts .post a.linkComment{
    font-size: 12px;
    color: #888;
    width: 120px;
    text-align: center;
    border-radius: 30px;
    opacity: .6;
    transition: .2s;
    padding-bottom: 0;
}

#mainPraticien .bloc_content .posts .post a.linkFull:hover{
    opacity: 1;
}

.practices .posts .post .img,
#pages_23 .posts .post .img,
#mainPraticien .bloc_content .posts .post .img{
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
.practices .posts .post .img,
#pages_23 .posts .post .img{
    box-shadow: none;
}
.practices .posts .post .author,
#pages_23 .posts .post .author,
#mainPraticien .bloc_content .posts .post .author{
    width: calc(100% - 35px);
    color: #062844;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
}

.practices .posts .post .author .profession,
#pages_23 .posts .post .author .profession,
#mainPraticien .bloc_content .posts .post .author .profession{
    font-size: 14px;
    font-weight: 300;
    opacity: .6;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.practices .posts .post .label,
#pages_23 .posts .post .label,
#mainPraticien .bloc_content .posts .post .label{
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    height: auto;
    text-align: left;
    padding: 10px 0 0;
}

.practices .posts .post .shortText p,
#pages_23 .posts .post .shortText p,
#mainPraticien .bloc_content .posts .post .shortText p{
    font-size: 14px;
    font-weight: 300;
    margin-top: 10px;
}

#mainPraticien .bloc_content .posts .post .practice{
    font-size: 11px;
    color: #8DC6C4;
    font-weight: 500;
    text-align: left;
}

.practices .posts .post .practice,
#pages_23 .posts .post .practice{
    font-size: 11px;
    color: #8DC6C4;
    font-weight: 500;
    margin: 0 0 5px;
}

.btnReturn{
    display: inline-block;
    background-color: transparent;
    transition: .2s;
    padding: 7px 10px;
    color: #062844;
    border-radius: 5px;
    font-size: 14px;
    margin: 3px;
    margin-top: 10px;
}

#mainPraticien .right .actusPraticiens #addPostCommu,
#mainPraticien #addPost {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    z-index: 10001;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 80vh;
    overflow-y: scroll;
    background-color: #e5e5e5;
}

#mainPraticien .actusPraticiens #addPostCommu h2.head,
 #addPost h2.head{
    font-size: 26px;
    text-align: center;
    margin-top: 30px;
}

#mainPraticien #addPostCommu .chosen-container-multi .chosen-choices .search-field,
 #addPost .chosen-container-multi .chosen-choices .search-field{
    width: 100%;
}

#mainPraticien #addPostCommu .chosen-container-multi .chosen-choices input,
 #addPost .chosen-container-multi .chosen-choices input{
    font-family: 'Poppins';
    min-width: 100%;
}

#mainPraticien #addPostCommu .formLine,
 #addPost .formLine{
    box-shadow: none;
    display: block;
    width: 80%;
    max-width: 100%;
     text-align: left;
}

#mainPraticien #addPostCommu .formLine label,
 #addPost .formLine label{
    font-size: 20px;
    font-weight: 600;
    color: #062844;
    transition: .2s;
}

#mainPraticien .chosen-container{
    background-color: #F5F5F5;
    padding: 6px 0;
    border-radius: 3px;
}

#mainPraticien #practices_chosen.chosen-container{
    background-color: transparent;
}

#mainPraticien #addPostCommu .formLine.image,
#mainPraticien #addPostCommu .formLine.practiceIdCommu,
 #addPost .formLine.image,
 #addPost .formLine.practiceId{
    margin: 15px 5px;
    padding: 10px;
}

 #addPost .formLine.image{
    margin-left: 0;
     margin: auto;
}

 #addPost .formLine.practiceId{
    margin-right: 0;
}

 #addPost .formLine.visibility{
    width: 100%;
    padding: 0 10%
}

 #addPost .formLine.visibility label{
    display: inline-block;
    margin-bottom: 10px;
}

 #addPost .formLine.visibility .input .radio_input{
    display: flex;
    align-items: center;
    margin-right: 10px;
    position: relative;
    border: 2px solid #0FA870;
    padding: 5px 7px;
    transition: .2s;
    opacity: .6;
}

 #addPost .formLine.visibility .input .radio_input label{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

 #addPost .formLine.visibility .input .radio_input.radio_checked{
    background-color: #0FA870;
    opacity: 1;
}

 #addPost .formLine.visibility .input .radio_input input{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

#mainPraticien #addPostCommu .formLine.practiceIdCommu select,
 #addPost .formLine.practiceId select{
    background-color: #E4EDF7;
    box-shadow: inset -6px -6px 6px #ccdbe8, inset 6px 6px 6px 1px rgb(255 255 255 / 50%);
    outline: none;
}

#mainPraticien .left #updateAppointment input[type=submit],
#mainPraticien #addPostCommu input[type=submit],
 #addPost input[type=submit]{
    margin-bottom: 20px;
    transition: .3s ease;
    width: 25%;
    font-size: 17px;
    margin-top: 15px;
    outline: none;
}

#mainPraticien .left #updateAppointment input[type=submit]:hover,
#mainPraticien #addPostCommu input[type=submit]:hover,
 #addPost input[type=submit]:hover{
    box-shadow: 2px 2px 3px #ccdbe8, 0px 0px 1px #ccdbe8, -2px -2px 8px rgb(255 255 255 / 30%), -1px -1px 3px 1px rgb(255 255 255 / 30%);
    outline: none;
}

#mainPraticien .left #updateAppointment{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: linear-gradient(to right, #E9F0F8 0%, #DEE7F4 100%);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
    z-index: 10001;
    width: 500px;
    max-width: 90%;
    max-height: 80vh;
    overflow-y: scroll;
}

#mainPraticien .left #updateAppointment input,
#mainPraticien .left #updateAppointment select{
    background-color: transparent;
    box-shadow: inset 2px 2px 4px #ccdbe8, inset -2px -2px 4px rgb(255 255 255 / 50%);
    outline: none;
}

#mainPraticien .right .actusPraticiens #addPostCommu{
    flex-wrap: wrap;
}

#mainPraticien .right .my_articles_wrapper{
    width: 290px;
    margin: 0 auto;
    z-index: 10000;
    transition:.3s;
}

#mainPraticien .right .my_articles_wrapper .bx-wrapper,
#mainPraticien .right .my_articles_wrapper #openAddPost{
    transition:.3s;
}

#mainPraticien .right .my_articles_wrapper .bx-wrapper.blurry,
#mainPraticien .right .my_articles_wrapper #openAddPost.blurry{
    filter: blur(5px) brightness(.7);
    pointer-events: none;
}

.articlesPraticien .posts .post,
.articlesPraticien .posts .post a{
    height: 235px;
}

#mainPraticien .bloc_content .posts .post a:after,
.articlesPraticien .posts .post a:after{
    content: none;
}

.practices .posts .post .label,
#pages_23 .posts .post .label,
#mainPraticien .bloc_content .posts .post .label,
.articlesPraticien .posts .post .label{
    position: static;
    color: #062844;
    text-shadow: none;
}

.articlesPraticien .posts .post .label{
    height: auto;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    margin-top: 5px;
    padding: 0;
}

.articlesPraticien .posts .post .viewCount{
    position: absolute;
    bottom: 25px;
    right: 10px;
    color: #8DC6C4;
    display: flex;
    align-items: center;
    justify-content: center;
}

.articlesPraticien .posts .post .viewCount:before{
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url(/img/see.svg)no-repeat;
    background-size: contain;
    margin-right: 7px;
}

.articlesPraticien .posts .post .shortText{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
}

.articlesPraticien .posts .post .shortText p{
    font-size: 14px;
    font-weight: 300;
}

.articlesPraticien .posts .post .shortText p{
    margin-top: 0;
}

.post_title_author{
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px);
}

.planningInfo{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.planningInfo #datePlanning{
    background-color: #fff;
    color: #062844;
    border: 2px solid #ddd;
    font-weight: 600;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: .3s;
}

.planningInfo .formLine.datePlanning label{
    margin-bottom: 3px;
    font-size: 14px;
}
.planningInfo .input{width:250px;}

.planningInfo .nextPrev{
    width: 100%;
    margin: 10px 0;
}

.planningInfo .nextPrev div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.planningInfo .nextPrev div .change{
    cursor: pointer;
    height: 21px;
    width: 21px;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    transition: .2s;
}

.planningInfo .nextPrev div .change:hover{
    color: #fff;
    background-color: #062844;
}

#appointmentLink{
    border-radius: 30px;
    display: block;
    transition: .2s;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    padding: 10px 20px;
}

#reservation .editForm .formLine.withLabel label,
.practitionerRight #reservation .subhead{
    font-size: 16px;
    font-weight: 300;
    display: block;
    color: #062844;
    text-align: left;
}

#reservation .editForm .formLine.withLabel.radio label{
    font-size: 15px;
}

#reservation .editForm .formLine.withLabel.radio .input label{
    font-weight: 400;
}

.practitionerRight #reservation #planning .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.practitionerRight #reservation #planning .content .day{
    width: 33%;
    text-align: center;
    margin: 10px 0;
}

.practitionerRight #reservation #planning .content .day .head{
    color: #062844;
    font-weight: 500;
    font-size: 14px;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.practitionerRight #reservation #planning .content .day .head .dayLib{
    font-weight: 200;
    font-size: 13px;
}

.practitionerRight #reservation #planning .content .day .hours{
    max-height: 190px;
    overflow-y: scroll;
}

.practitionerRight #reservation #planning .content .day .hour.dispo{
    background-color: #fff;
    border-radius: 30px;
    color: #062844;
    padding: 3px;
    margin: 10px;
    cursor: pointer;
    transition: .2s;
}

.practitionerRight #reservation #planning .content .day .hour.dispo.selected{
    background-color: #0FA870;
    color: #fff;
    text-shadow: 0 0 2px rgba(0,0,0,.2);
}

.practitioner_wrapper .reserve_fixed{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 -5px 20px rgb(6 40 68 / 10%);
    text-align: center;
    transition: .3s;
}

.practitioner_wrapper .reserve_btn{
    cursor: pointer;
    background-color: #F4AD2A;
    transition: .2s;
    color: #fff;
    text-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    font-size: 18px;
    text-align: center;
    padding: 12px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.practitioner_wrapper .reserve_btn:after{
    content: "";
    display: block;
    background: url(/img/calendar.svg)no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-left: 15px;
}

.legends .legend{
    display: flex;
    align-items: center;
}

.legends{
    padding: 10px 20px;
    border-radius: 15px;
}

.legends .legend .color{
    height: 10px;
    width: 10px;
    margin-right: 7px;
    border-radius: 50%;
}

.legends .legend .label{
    color: #062844;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.legends .legend.dispo .color{
    background-color: #fff;
}
.legends .legend.rdv .color{
    background-color: #8DC6C4;
}
.legends .legend.pending .color{
    background-color: #F59436;
}

.monthYear{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #062844;
    font-weight: 600;
}
.monthYear .year{
    font-size: 15px;
}
.monthYear .month{
    font-size: 15px;
}
.monthYear .year,
.monthYear .month{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 170px;
    height: 40px;
    border-radius: 30px;
    box-shadow: 1px 1px 3px #ccdbe8, -1px -1px 3px #ccdbe8;
    margin: 5px 0;
}

.monthYear .change{
    cursor: pointer;
    font-weight: 200;
    font-size: 24px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 5px 5px 10px #ccdbe8, 1px 1px 2px #ccdbe8, -6px -6px 15px rgb(255 255 255 / 90%), -1px -1px 3px 1px rgb(255 255 255 / 90%);
    border-radius: 50%;
    transition: .3s;
}
.monthYear .change:hover{
    box-shadow: 2px 2px 3px #ccdbe8, 0px 0px 1px #ccdbe8, -2px -2px 8px rgb(255 255 255 / 30%), -1px -1px 3px 1px rgb(255 255 255 / 30%);
}

.monthYear .year .change.minus,
.monthYear .month .change.minus{
    margin-left: 3px;
    padding: 2px 2px 0 0;
}

.monthYear .year .change.plus,
.monthYear .month .change.plus{
    margin-right: 3px;
    padding: 2px 0 0 2px;
}


.btn_border{
    color: #fff;
    background: #062844;
    border-radius: 40px;
    padding: 7px;
    transition: .2s ease;
    display: block;
    text-align: center;
    width: 250px;
    margin: 20px auto 0;
    font-size: 15px;
}

.linkWrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px;
}

.linkWrapper span{
    color: #999;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 20px 0 10px;
}

.linkContact{
    padding: 8px 15px;
    border-radius: 40px;
    background-color: #062844;
    color: #fff;
    margin: 5px;
    width: 130px;
    text-align: center;
    transition: .3s;
}

.linkContact:hover{
    background-color: #F59436;
    text-shadow: 0 0 3px rgba(0,0,0,.4);
}

.praticienContent .linkBtn:hover,
.btn_border:hover{
    background-color: #F59436;
    color: #fff;
    text-shadow: 0 0 4px rgb(0 0 0 / 40%);
}

.praticienContent .linkBtn,
#mainPraticien .btn_border{
    text-shadow: none;
}
#mainPraticien form#addPostPage .formLine{
    flex-direction: column;
}

#mainPraticien .slide label{
    color: #062844;
}
#mainPraticien .slide .formLine{
    min-width: 80%;
}
#mainPraticien .slide .formLine textarea{
    height: 200px;
}

.loading_planning{
    width: 50px;
    margin: 20px auto;
}
.loading_planning img{
    filter: brightness(75%);
}

#mainPraticien .left .praticienContent{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.praticienContent .bloc.text{
    margin: 10px 0 25px;
}

.praticienContent .bloc.link{
    text-align: center;
}

.praticien_links{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
    position: relative;
    z-index: 1;
}

.editBtn{
    color: #8DC6C4;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: .2s ease;
    font-size: 15px;
}
.editBtn:after{
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background: url(/img/edit.png)no-repeat;
    background-size: contain;
    margin-left: 7px;
    font-size: 15px;
}
.editBtn:hover{
    opacity: .8;
}

.actusPraticiens .editBtn:after{
    background: url(/img/list.png)no-repeat;
    background-size: contain;
}

.praticien_action{
    display: flex;
    align-items: center;
    justify-content: center;
}

.praticien_action .notif{
    display: block;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: url(/img/notification.png), #f9f9f9;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-right: 7px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 0 10px rgb(6 40 68 / 10%);
    border-radius: 50%;
    transition: .3s;
    position: relative;
}

.praticien_action .msg{
    display: block;
    padding: 10px;
    width: 40px;
    height: 40px;
    background: url(/img/messagerie.png), #f9f9f9;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
    margin-left: 2px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 0 10px rgb(6 40 68 / 10%);
    border-radius: 50%;
    transition: .3s;
    position: relative;
}
.praticien_action .notif .number,
.praticien_action .msg .number{
    position: absolute;
    top: -2px;
    right: -2px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #FFA398;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
}

.praticien_links .editBtn{
    font-size: 14px;
    padding: 9.5px 10px;
    border-radius: 30px;
}

.praticien_links .editBtn:hover,
#mainPraticien .right .actusPraticiens .editBtn:hover{
    opacity: 1;
}

.praticien_action .msg:hover,
.praticien_action .notif:hover{
    box-shadow: 0 0 5px rgb(6 40 68 / 30%);
}

.encartPraticien .content .name{
    font-size: 19px;
    color: #062844;
    font-weight: 500;
}

.encartPraticien .content .name .profession{
    font-size: 14px;
    display: block;
    font-weight: 300;
    margin: 3px 0;
}

.editForm .formLine.withLabel{
    flex-direction: column;
    box-shadow: none;
    padding: 20px 10px;
    border-radius: 0;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.editForm .formLine.withLabel .errorExplain{
    position: static;
    margin: 10px 0;
}

.editForm .formLine.withLabel.symptoms{
    border-bottom: none;
}

.editForm .formLine.withLabel:last-of-type{
    border-bottom: none;
}

.editForm .formLine.withLabel label,
.formLine.textShortEditor label{
    color: #062844;
    transition: .2s;
}

.editForm{
    display: block;
}

.editForm .form_indicator{
    text-align: center;
    color: #062844;
    font-weight: 300;
}

.editForm .formLine .radio_input,
#updateAppointment .formLine .input .radio_input{
    display: flex;
    align-items: center;
    margin-right: 10px;
    position: relative;
    border: 2px solid #0FA870;
    border-radius: 5px;
    padding: 5px 7px;
    transition: .2s;
    opacity: .6;
}

.editForm .formLine .radio_input.radio_checked,
#updateAppointment .formLine .input .radio_input.radio_checked{
    background-color: #0FA870;
    opacity: 1;
}

#reservation .editForm .formLine .radio_input.radio_checked label,
#updateAppointment .formLine .radio_input.radio_checked label{
    color: #fff;
}

#updateAppointment input[type="submit"]{
    background-color: #0FA870;
    margin: 0 auto;
    display: block;
}

#updateAppointment input[type="submit"]:hover{
    opacity: .8;
}

.editForm .formLine .input .radio_input input,
.editForm .formLine .input .checkbox_input input,
#updateAppointment .formLine .input .radio_input input{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

#updateAppointment .formLine .input .radio_input{
    margin: 3px;
}

.editForm .formLine .checkbox_input{
    padding: 5px 10px;
    border: 2px solid #0FA870;
    border-radius: 30px;
    position: relative;
    margin: 3px;
    opacity: .6;
    transition: .2s;
}

.editForm .formLine .checkbox_input.checkbox_checked{
    background-color: #0FA870;
    opacity: 1;
}

.editForm .formLine .checkbox_input.checkbox_checked label{
    color: #fff;
}

.editForm .formLine .input input{
    width: auto;
    margin: 0;
}

.praticiensplanning .editForm .formLine.withLabel .input label{
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
}

.editForm .input.datepick input{
    padding: 3px 10px;
}

.editForm .input.datepick.hourpick input{
    width: 70px;
    text-align: center;
}

.editForm .input.datepick span{
    margin: 0 5px;
}

.editForm .optionHour{
    margin-right: 20px;
}

#subHeader{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
}

#subHeader span{
    cursor: pointer;
    padding: 10px 15px;
    color: rgba(6,40,68,.6);
    transition: .3s;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #e5e5e5;
    border: 2px solid #ddd;
    position: relative;
}

#subHeader span.sel{
    background-color: rgba(6,40,68,1);
    color: #fff;
    border: 2px solid rgba(6,40,68,1);
    position: relative;
}

#subHeader span.empty:after{
    content: "";
    display: block;
    background: url(/img/empty.svg)no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -7px;
    right: -7px;
}

#subHeader span.filled.sel{
    background-color: rgba(6,40,68,1);
    position: relative;
}

#subHeader span.filled:after{
    content: "";
    display: block;
    background: url(/img/filled.svg)no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -7px;
    right: -7px;
}

#subHeader span.sel{
    color: #fff;
}

.classic_form.label_form .formLine{
    flex-direction: column;
    box-shadow: none;
    margin: 20px auto;
}

.slide[data-id="dispo"] #availsList{
    padding: 20px 10px;
}

.slide[data-id="dispo"] #availsList h2,
.slide[data-id="dispo"] label{
    font-size: 20px;
    font-weight: 600;
    color: #062844;
    font-family: 'Poppins';
    margin: 30px 0 10px;
}

.slide[data-id="dispo"] #availsList .avails{
    display: flex;
    overflow-x: scroll;
    padding: 60px 0 10px;
    margin-top: -50px;
}

.slide[data-id="dispo"] #availsList .avails .avail{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-right: 10px;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.slide[data-id="dispo"] #availsList .avails .avail .date{
    color: #062844;
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}

.slide[data-id="dispo"] #availsList .avails .avail .date b{
    font-weight: 600;
    font-size: 16px;
}

.slide[data-id="dispo"] #availsList .avails .avail .hour{
    padding: 10px 20px;
    background-color: #062844;
    color: #fff;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
}

.slide[data-id="dispo"] #availsList .avails .avail .hour .popup{
    position: absolute;
    z-index: 1;
    color: #062844;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    opacity: 0;
    visibility: hidden;
    padding: 12px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(6 40 68 / 30%);
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.slide[data-id="dispo"] #availsList .avails .avail .hour:hover .popup{
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.slide[data-id="dispo"] #availsList .avails .avail .hour .popup .head{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.slide[data-id="dispo"] #availsList .avails .avail .hour .popup .action_delete{
    padding: 6px 15px;
    background-color: #ff6a6a;
    border: 2px solid #ff6a6a;
    color: #fff;
    border-radius: 40px;
    cursor: pointer;
    transition: .2s;
}

.slide[data-id="dispo"] .editForm .formLine.withLabel{
    border-bottom: none;
}

.slide[data-id="dispo"] #availsList .avails .avail .hour .popup .action_delete:hover{
    color: #ff6a6a;
    background-color: transparent;
}

.slide[data-id="dispo"] .editForm .formLine .checkbox_input{
    border-color: #062844;
    opacity: 1;
    margin: 4px;
    width: 110px;
    text-align: center;
}
.slide[data-id="dispo"] .editForm .formLine .checkbox_input.checkbox_checked{
    background-color: #062844;
}
#mainPraticien .slide[data-id="dispo"] .editForm .formLine .checkbox_input.checkbox_checked label{
    color: #fff;
}
.slide[data-id="dispo"] .editForm .formLine.withLabel  .checkbox_input label{
    font-size: 16px;
    font-weight: 400;
}

.slide[data-id="dispo"] .availAdd{
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #ddd;
    margin: 10px;
    width: calc(50% - 20px);
}

.slide[data-id="dispo"] .availAdd .lines .line{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #062844;
}

.slide[data-id="dispo"] .formLineBtn{
    margin-top: 50px;
}

.slide[data-id="dispo"] .sessionDuration .input:after{
    content: "minutes";
    display: block;
    margin-left: 10px;
}

.slide[data-id="dispo"] .sessionDuration .input input[type=number]{
    width: 80px;
    text-align: center;
}

.slide[data-id="dispo"] .editForm .formLine.withLabel.AvailabilityDays{
    padding-bottom: 0;
}

.slide[data-id="dispo"] .AvailabilityDays .input{
    flex-wrap: wrap;
}

.slide[data-id="dispo"] .availAdd .lines .line .day_close{
    display: flex;
    align-items: center;
    width: 35%;
}

.slide[data-id="dispo"] .availAdd .lines .line .day_close .close{
    height: 14px;
    width: 14px;
    background: url(/img/close.svg)no-repeat;
    background-size: contain;
    margin-right: 20px;
    cursor: pointer;
}

.slide[data-id="dispo"] .availAdd .lines .line .day_close .day{
    font-weight: 600;
}

.slide[data-id="dispo"] .availAdd .lines .line .day_close .day span{
    text-transform: lowercase;
}

.slide[data-id="dispo"] .availAdd .lines .line .hourInput{
    width: 45%;
}

.slide[data-id="dispo"] .availAdd .lines .line .hourInput .formLine,
.slide[data-id="dispo"] .availAdd .lines .line .hourInput .formLine input{
    width: 100%;
}

.slide[data-id="dispo"] .availAdd .lines .line .hourInput .formLine input{
    background-color: #fff;
    outline: 1px solid #ddd;
}

.slide[data-id="dispo"] .availAdd .lines .line .addLine{
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #062844;
    border-radius: 50%;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
    transition: .2s;
}
.slide[data-id="dispo"] .availAdd .lines .line.first .addLine{
    opacity: 0;
    pointer-events: none;
}
.slide[data-id="dispo"] .availAdd .lines .line.last .addLine{
    opacity: 1;
    pointer-events: inherit;
}
.slide[data-id="dispo"] .availAdd .lines .line .addLine:hover{
    background-color: #062844;
    color: #fff;
}

.slide[data-id="dispo"] .editForm .formLine.withLabel.rangeDatepicker .input.datepick{
    justify-content: space-between;
    align-items: center;
}

.slide[data-id="dispo"] .editForm .formLine.withLabel.rangeDatepicker input{
    width: calc(50% - 40px);
    background-color: #fff;
    height: 40px;
}

.slide[data-id="dispo"] .editForm .dateInput .formLine.withLabel{
    border-top: 1px solid #e7e7e7;
    margin-top: 5px;
    padding: 20px 0 0;
}

.beneficiairesaccount div[data-id=contact] .classic_form.label_form .formLine{
    margin: 15px auto;
}

.slide[data-id="config"] .formLine label{
    font-weight: 200;
    color: #062844;
    font-size: 15px;
}

.slide[data-id="practices"] .formLine .chosen-choices,
.slide[data-id="practices"] .formLine .chosen-results{
    list-style: none;
    padding-left: 0;
}

.slide[data-id="practices"] .formLine .chosen-choices{
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

.slide[data-id="practices"] .formLine .chosen-choices li{
    margin: 3px;
    position: relative;
}

.slide[data-id="practices"] .formLine .chosen-choices li.search-choice{
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.slide[data-id="practices"] .chosen-container .chosen-drop{
    position: static;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.slide[data-id="practices"] .formLine .chosen-choices li .search-choice-close{
    position: absolute;
    top: 0;
    right: 0px;
    width: 18px;
    height: 18px;
    display: block;
    background: url(/img/close_cross.png) no-repeat;
    background-size: 50%;
    background-color: #fff;
    background-position: center center;
    border-radius: 50%;
    opacity: 0;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    transition: .2s;
}

.slide[data-id="practices"] .formLine .chosen-choices li:hover .search-choice-close{
    opacity: 1;
    background-position: center center;
}

.slide[data-id="practices"] .formLine .chosen-choices .search-field{
    width: 100%;
    background-color: #fff;
    padding: 6px;
    outline: 2px solid #ddd;
    border-radius: 5px;
}

.slide[data-id="practices"] .formLine .search-choice span{
    padding: 10px 15px;
    background-color: #0FA870;
    border: 2px solid #0FA870;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 15px;
}

.slide[data-id="practices"] .formLine .chosen-results li{
    padding: 7px 10px;
    border-radius: 30px;
    border: 2px solid #062844;
    opacity: .6;
    display: inline-block;
    margin: 3px;
    color: #062844;
    cursor: pointer;
    transition: .2s;
}
.slide[data-id="practices"] .formLine .chosen-results li:hover{
    opacity: 1;
}

.slide[data-id="practices"] .formLine .chosen-results li.highlighted{
    background-color: transparent;
    background-image: none;
}

.slide[data-id="practices"] .formLine .chosen-results li.no-results{
    border: 2px solid #888;
    color: #888;
    cursor: default;
}
.slide[data-id="practices"] .formLine .chosen-results li.no-results:hover{
    opacity: .6;
}

.slide[data-id="practices"] .formLine .chosen-choices .search-field input{
    min-width: 160px;
    padding: 5px 12px;
}

.slide[data-id="password"] .formLine input{
    padding: 12px 20px 12px 65px;
}

.slide[data-id="qualifications"] h2{
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}

.slide[data-id="qualifications"] .listContainer.degree{
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.slide[data-id="qualifications"] .listContent .line.head{
    color: #777;
    font-weight: 200;
}

.slide[data-id="qualifications"] .listContent .line.head .flex div{
    font-size: 14px;
}

.slide[data-id="qualifications"] .listContent .line .flex,
.slide[data-id="qualifications"] .listContent .line .flex{
    justify-content: space-between;
}

.slide[data-id="qualifications"] .listContent .line .dateStart,
.slide[data-id="qualifications"] .listContent .line .dateStart{
    width: 15%;
}

.slide[data-id="qualifications"] .listContent .line .dateEnd,
.slide[data-id="qualifications"] .listContent .line .dateEnd{
    width: 15%;
}
.slide[data-id="qualifications"] .listContent .line .libelle,
.slide[data-id="qualifications"] .listContent .line .libelle{
    width: 50%;
    flex-grow: inherit;
}

.slide[data-id="qualifications"] .listContent .line .action,
.slide[data-id="qualifications"] .listContent .line .action{
    width: 100px;
}

.slide[data-id="qualifications"] .listContent .line.degree .action,
.slide[data-id="qualifications"] .listContent .line.experience .action{
    text-align: center;
    padding: 5px;
    border-radius: 30px;
    background-color: #ff6a6a;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-shadow: 0 0 3px rgb(0 0 0 / 30%);
    transition: .2s;
}

.slide[data-id="qualifications"] .listContent .line.degree .action:hover,
.slide[data-id="qualifications"] .listContent .line.experience .action:hover{
    opacity: .8;
}

.slide[data-id="qualifications"] .listContent .line .action img{
    width: 30px;
}

.slide[data-id="qualifications"] .formLine{
    margin: 5px 0;
    width: 100%;
}

.slide[data-id="qualifications"] .formLine input{
    padding: 8px 15px;
}

/* Articles */

.posts .sendBy{
    max-width: 300px;
    margin: 0 auto;
    position:relative;
    background-color: rgba(141,198,196,.1);
    border-radius: 15px;
    padding: 15px;
    margin-top: 40px;
    margin-bottom: 20px;
}

.posts .sendBy .label{
    color: #999;
    text-align: center;
    margin: 0 0 5px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.posts .sendBy .bg{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.posts .sendBy .bg .img{
    display: block;
    min-height: 80px;
    max-height: 80px;
    min-width: 80px;
    max-width: 80px;
    line-height: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 20px;
    position:relative;
}
.posts .sendBy .bg .img img{
    vertical-align: middle;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.posts .sendBy .bg .details .author{
    color: #062844;
    font-size: 17px;
}

.posts .sendBy .bg .details a{
    color: #8DC6C4;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    transition: .3s;
    display: block;
    margin-top: 10px;
}
.posts .sendBy .bg .details a:hover{
    transform: translateX(5px);
}

.posts .comments {
    margin-top: 30px;
}

.posts .comments .head{
    padding: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #aaa;
}

.posts .comments .comment{
    margin-bottom: 20px;
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px rgb(6 40 68 / 10%);
}

.posts .comments .comment .content{
    margin-bottom: 10px;
    color: #062844;
}

.posts .comments .comment .author{
    display: inline-block;
    font-size: 12px;
    opacity: 0.6;
    transition: .2s;
}

.posts .comments .comment .author:hover{
    opacity: 1;
}

/* FAQ */ 

.faqContainer{
    margin: 20px 0;
}

.faqContainer .ask{
    padding: 10px;
    background-color: #dfdfdf;
    color: #062844;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faqContainer .ask:after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(/img/chevron_menu.svg)no-repeat;
    background-size: contain;
    transition: .5s;
}

.faqContainer .bloc.faq{
    padding: 5px 0;
}

.faqContainer .ask.open{
    background-color: #062844;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.faqContainer .ask.open:after{
    transform: rotate(180deg);
    filter: brightness(0) invert(1);
}

.faqContainer .response p{
    margin: 0 0 5px;
    padding: 10px;
    background-color:#dfdfdf;
    color: #062844;
    border-top: 1px solid rgba(6,40,68,.1);
}

#ui-datepicker-div[caller='datePlanning'] .ui-datepicker-current-day ~ td a, #ui-datepicker-div[caller='datePlanning'] .ui-datepicker-current-day a{
    background: #f4c42a;
}
#ui-datepicker-div[caller='datePlanning'] tbody tr a:hover{
    background: #F59436;
    border: none;
}

.ui-datepicker-today .ui-state-highlight, .ui-widget-content .ui-state-highlight{
    border: none;
    background: #062844;
    color: #fff;
}

/**** MEDIA QUERIES ****/
@media all and (max-width: 1280px){
    .posts .post{
        width: calc(33% - 30px);
        margin: 15px;
    }
    .posts{
        margin: 0 -15px;
    }
    #mainBeneficiaire .blocBeneficiaire{
        width: 32%;
        padding: 15px;
    }
    .header_simple #logo{
        width: 150px;
    }
    #menu{
        width: calc(100% - 250px);
    }
    #menu a{
        padding: 10px 5px;
        font-size: 15px;
    }
    .bx-wrapper .practice{
        height: 250px;
    }
    #homeExplain .explainBloc .img{
        height: 200px;
    }
    #homeExplain .explainBloc{
        width: 300px;
    }
    .catBlocPractices .practice{
        height: 200px;
    }
    .editBtn{
        font-size: 14px;
    }
    #mainPraticien .left .planning, #mainPraticien .left .praticienContent, #mainPraticien .right .actusPraticiens, #mainPraticien .right .articlesPraticien{
        padding: 10px 10px 20px;
        margin: 5px 0;
    }
    #mainPraticien .right .encartPraticien{
        margin: 5px 0;
    }
    #mainPraticien .left{
        width: calc(66% - 5px);
        margin-right: 5px;
    }

    #mainPraticien .right{
        width: calc(34% - 5px);
        margin-left: 5px;
    }
    .practitionerLeft{
        padding: 30px 15px 30px 0;
    }
    .practitionerRight #reservation{
        padding: 20px 10px;
    }
    .practitionerRight{
        padding: 30px 0 30px 15px;
    }
}


@media all and (max-width:1100px){
    #mainPraticien .slideContainer .bloc_content .posts .post{
        width: calc(50% - 20px);
        margin: 10px;
    }
    .mainPost #mainPraticien .right{
        width: 340px;
        margin-left: 20px;
    }
    .mainPost .postLeft{
        width: calc(100% - 360px);
    }
    .slide[data-id="dispo"] .availAdd .lines .line .hourInput,
    .slide[data-id="dispo"] .availAdd .lines .line .day_close{
        width: 40%;
    }
    #mainBeneficiaire .blocBeneficiaire.fav .content{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #mainBeneficiaire .blocBeneficiaire.fav #blocPractitioners{
        width: calc(50% - 10px);
        margin: 5px;
    }
    #mainBeneficiaire .blocBeneficiaire.fav #blocPractitioners .practices{
        width: 100%;
    }
    #mainPraticien .right .encartPraticien{
        padding: 10px 15px 20px;
    }
    .praticien_action .notif{
        width: 35px;
        height: 35px;
        background-size: 20px 20px;
    }
    .praticien_action .msg{
        width: 35px;
        height: 35px;
        background-size: 18px 18px;
    }
    .praticien_links .editBtn{
        padding: 7px 10px;
        font-size: 13px;
    }
    #mainPraticien #addPost,
    #mainPraticien .right .actusPraticiens #addPostCommu{
        width: 85vw;
    }
    .explain_baseline{
        font-size: 15px;
        padding: 7px 15px;
    }
    #mainBeneficiaire{
        align-items: inherit;
    }
    
    #mainBeneficiaire .blocBeneficiaire.rdv,
    #mainBeneficiaire .blocBeneficiaire.fav{
        width: 100%;
        margin-bottom: 20px;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner{
        width: calc(50% - 10px);
    }
    #mainBeneficiaire .blocBeneficiaire.coord,
    #mainBeneficiaire .blocBeneficiaire.price{
        width: 48%;
    }
    
    #mainBeneficiaire .blocBeneficiaire{
        position: static;
    }
    .practitionerRight{
        width: 43.33333%;
    }
    .practitionerLeft{
        width: 56.66666%;
    }
    .practitioner{
        width: calc(45% - 20px);
        margin: 10px
    }
    #homeExplain{
        padding: 30px 0;
    }
    #homeExplain .explainBloc{
        width: 250px;
    }
    #homeExplain .explainBloc .img{
        height: 180px;
    }
    .posts .post{
        width: calc(50% - 30px);
    }
    h1{font-size: 36px;}
    #logo{
        width: 120px;
    }
    #menu{
        width: calc(100% - 180px);
    }
    #footerLinks .blocLinks{
        padding: 0 20px;
    }
    #priceEngineForm input{
        width: 220px;
        margin-top: 5px;
        padding: 10px 5px 10px 15px;
    }
    #priceEngineForm .formLineBtn input{
        padding: 12px 20px;
    }
    #priceEngineForm label{
        font-size: 14px;
    }
    h2,
    .login_form h1,
    .inscription_bloc h3,
    .classic_form h1{
        font-size: 26px;
    }
    .bloc.twin .bloc.text{
        font-size: 15px;
    }
    .subTwin{
        padding: 20px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a span{
        transform: translateX(0);
    }
    .catBlocPractices .practice{
        width: calc(33% - 20px);
        margin: 10px;
    }
    .catBlocPractices .head, #catBlocPosts .head{
        font-size: 18px;
    }
    .encartPraticien .content .name{
        font-size: 17px;
    }
    #mainPraticien .right .bloc_content .head, #mainPraticien .right .head{
        font-size: 22px;
    }
}

@media all and (max-width: 1000px){
    #mainHome{
        margin: 30px 10px;
    }
    .practitioners #bigHead .text{
        width: calc(100% - 250px);
    }
    #btnHome .home_login, #btnHome .home_elig{
        margin: 10px;
    }
    #btnHome div h3{
        font-size: 22px;
        margin: 10px 0 5px;
    }
    #btnHome div img{
        width: 150px;
        margin-left: 10px;
    }
    #btnHome div p{
        font-size: 15px;
    }
    .practitionerRight #reservation{
        top: 10px;
    }
    .login_form{
        margin: 20px auto auto;
    }
    .inscription_bloc{
        margin: 30px 0 0;
    }
    .login_form .padding{
        padding: 0;
    }
    .header_simple #menu{
        position: absolute;
    }
    .header_simple #menu a{
        color: #fff;
    }
    #priceEngineForm .sep{
        width: 57px;
        font-size: 12px;
    }
    #bigHead .img:after{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(6, 40, 68, .4);
    }
    .practitioners #bigHead .img:after{
        content: none;
    }
    
    label#burger{
     display:flex;
      flex-direction:column;
      width:35px;
      cursor:pointer;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 1002;
    }

    label#burger span{
      background: #fff;
      border-radius:10px;
      height:3px;
      margin: 5px 0;
      transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
      box-shadow: 0 0 4px rgb(0 0 0 / 50%);
    }

    .header_simple label#burger{
        top: 50%;
        transform: translateY(-50%);
    }

    .header_simple label#burger span{
        background-color: #fff;
        box-shadow: none;
    }

    label#burger span:nth-of-type(1){
      width:50%;
    }

    label#burger span:nth-of-type(2){
      width:100%;
    }

    label#burger span:nth-of-type(3){
      width:75%;
    }

    label#burger input[type="checkbox"]{
      display:none;
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(1){
      transform-origin:bottom;
      transform:rotatez(45deg) translate(5px,3px);
      background-color: #F4AD2A;
      box-shadow: none;
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(2){
      transform-origin:top;
      transform:rotatez(-45deg);
      background-color: #F4AD2A;
      box-shadow: none;
    }

    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(3){
      transform-origin:bottom;
      width:50%;
      transform: translate(14px,-8px) rotatez(45deg);
      background-color: #F4AD2A;
      box-shadow: none;
    }
    #menu .subMenu .sub .back{
        display: block;
    }
    #menu .subMenu .sub a{
        margin: 10px 0;
        border: none;
        color: #fff;
        font-size: 20px;
    }
    #menu .subMenu .sub a:hover{
        background-color: transparent;
        color: #F4AD2A;
    }
    #menu .subMenu .sub a:before{
        filter: brightness(0) invert(1);
        min-width: 22px;
        min-height: 22px;
        margin-right: 15px;
    }
    #menu{
        flex-direction: column;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 30px;
        height: 500px;
        background-color: #062844;
        text-align: center;
        transform: translateX(100%);
        transition: .4s ease;
        z-index: 1001;
        height: 100vh;
    }
    .header_simple #menu{
        box-shadow: 0 0 20px rgba(6,40,68,.15);
        padding: 20px;
        z-index: 102;
    }
    #menu a{
        text-align: left;
        transition: .2s ease;
        font-size: 20px;
        margin: 10px 0;
    }
    #menu a.p19,
    .subMenu{
        margin: 10px;
        width: 240px;
        text-align: center;
        position: static;
    }
    .subMenu .sub{
        right: auto;
        left: 50%;
        top: 50%;
        width: auto;
        transform: translate(-50%, -50%);
        margin-top: 20px;
        width: 100%;
        height: 100%;
        border-radius: 0;
        align-items: center;
        justify-content: center;
        background-color: #062844;
    }
    .subMenu .sub.open{
        transform: translate(-50%, -50%);
        margin-top: 0;
        opacity: 1;
        visibility: visible;
        transition: .5s;
    }
    .subMenu{
        margin-top: 20px;
    }
    .subMenu .label{
        font-size: 20px;
    }
    #menu a:hover{
        text-decoration: none;
        color: #F4AD2A;
    }
    header #bigHead{
        height: 500px;
    }
    #menu.menu_open{
        transform: translateX(0);
    }
    #bigHead .text h3{
        font-size: 17px;
    }
    #searchEngine{
        width: 90%;
    }
    #searchEngine form input[type=submit]{
        width: 160px;
        padding: 10px 30px 10px 12px;
        font-size: 16px;
    }
    #searchEngine form input[name=location]{
        padding: 10px 5px 10px 35px
    }
    #searchEngine form input[name=search]{
        padding: 10px 5px 10px 20px;
    }
    #searchEngine form input::placeholder{
        font-size: 15px;
    }
    .search_btn_group.location_group{
        width: calc(50% - 160px);
    }
    #searchEngine form input{
        font-size: 16px;
    }
    #searchEngine form input::placeholder{
        font-size: 15px;
    }
    .catBlocPractices .practice{
        width: calc(50% - 30px);
        margin-right: 20px;
        height: 240px;
    }
    #mainPraticien .right .bloc_content .posts{
        max-height: 450px;
    }
    #mainPraticien .left{
        width: calc(60% - 5px);
    }
    #mainPraticien .right{
        width: calc(40% - 5px);
    }
    
}

@media all and (max-width: 900px){
    #headPraticien{
        margin-top: 50px;
    }
    .praticien_links{
        position: absolute;
        top: 0;
        right: 15px;
    }
    #headPraticien .placeholderInfo{
        margin-right: 0;
    }
    .mainPost .postLeft{
        width: 100%;
    }
    .mainPost {
        flex-wrap: wrap;
        margin: 0;
    }
    .mainPost #mainPraticien .right{
        justify-content: center;
        width: 100%;
        margin: 0;
    }
    .mainPost #mainPraticien{
        width: 100%;
    }
    .slide[data-id="dispo"] #availsList{
        padding: 0 10px;
    }
    .slide[data-id="dispo"] .availAdd{
        width: 100%;
        margin: 10px 0;
    }
    body.blocked{
        overflow: hidden;
        height: 100vh;
    }
    .practitioner .links a{
        display: none;
    }
    .practitioner_annuaire .practitioner .links a,
    .practitioner .links a.linkRdv{
        display: inline-block;
    }
    .practitioner_wrapper .reserve_fixed{
        display: block;
    }
    #mainHome h1{
        font-size: 50px;
    }
    #mainHome .baseline{
        font-size: 18px;
    }
    #mainHome .subtitle{
        font-size: 22px;
    }
    #btnHome{
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }
    #btnHome .home_login, #btnHome .home_elig{
        width: 500px;
        max-width: 90%;
    }
    #mainBeneficiaire .practitioner .contact{
        padding: 10px 5px;
    }
    .blocBeneficiaire.rdv .practitioner .avail{
        padding: 0 5px;
    }
    .practitioner{
        width: calc(50% - 20px);
    }
    #mainPraticien .left .praticienContent{
        display: none;
    }
    .blocBeneficiaire .practitioner .head{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .praticien_action .notif{
        margin-right: 7px;
    }
    #mainPraticien #addPostCommu .formLine,
    #mainPraticien #addPostCommu .formLine.image,
    #mainPraticien #addPostCommu .formLine.practiceIdCommu,
    #mainPraticien #addPost .formLine.image,
    #mainPraticien #addPost .formLine.practiceId,
    #mainPraticien #addPost .formLine{
        width: 90%;
        margin: 10px auto;
    }
    #mainPraticien #addPost input[type=submit]{
        margin-top: 20px;
    }
    #mainPraticien .actusPraticiens #addPostCommu h2.head,
    #mainPraticien #addPost h2.head{
        font-size: 24px;
    }
    .slideContainer.posts,
    .articlesPraticien .posts .post, .articlesPraticien .posts .post a{
        height: 180px;
    }
    .practitioner_wrapper{
        flex-direction: column-reverse;
    }
    .practitionerLeft{
        width: 100%;
        padding: 0;
    }
    .practitionerRight{
        z-index: 10001;
        padding: 0 0 0 15px;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin-top: 10px;
    }
    .practitionerRight #reservation{
        transition: .5s;
        background-color: #edf3f2;
        box-shadow: 0 0 20px rgb(0 0 0 / 20%);
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        max-width: 95%;
        width: 720px;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        max-height: 85vh;
        overflow-y: scroll;
    }
    .practitioner .links a,
    .practitioner .contact .address{
        font-size: 14px;
    }
    .practitioner .avail .head{
        font-size: 17px;
        margin-top: 5px;
    }
    #homeExplain .explainBloc p.content{
        font-size: 14px;
    }
    #homeExplain .explainBloc{
        margin: 10px;
    }
    .bloc.twin.social_bloc #socialNetworks .links{
        align-items: flex-start;
        flex-direction: column;
    }
    .bloc.twin.social_bloc #socialNetworks .links a{
        margin-bottom: 10px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a:last-child{
        margin-bottom: 0;
    }
    .bx-wrapper .practice{
        height: 270px;
    }
    #footerLinks .blocLinks{
        width: 50%;
        padding: 20px;
    }
    #footerLinks{
        flex-wrap: wrap;
        padding: 30px;
    }
    #priceEngineForm .inputs{
        flex-wrap: wrap;
    }
    #priceEngineForm .input:first-of-type{
        width: calc(100% - 60px);
        margin-bottom: 30px;
        text-align: left;
        margin-left: 60px;
    }
    #priceEngineForm .input.revenu{
        margin-bottom: 30px;
    }
    #priceEngineForm .input.revenu,
    #priceEngineForm .input.parts{
        width: calc(100% - 60px);
        text-align: left;
    }
    #priceEngineForm .input input{
        width: 100%;
    }
    #priceEngineForm label{
        position: static;
    }
    #priceEngineForm .sep{
        font-weight: 600;
        margin-top: 0;
    }
    #priceEngineForm .sep.last{
        margin-top: 30px;
    }
    .catBlocPractices .practice{
        height: 220px;
    }
    .practitioner .contact .address img{
        margin-top: 0;
    }
    #mainPraticien .left,#mainPraticien .right{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #mainPraticien .left .planning, #mainPraticien .left .praticienContent, #mainPraticien .right .actusPraticiens, #mainPraticien .right .articlesPraticien,#mainPraticien .right .encartPraticien{
        margin: 10px 0;
    }
    #mainPraticien .left h1,
    #mainPraticien .left h2,
    #mainPraticien .right .bloc_content .head,
    #mainPraticien .right .articlesPraticien .head{
        text-align: center;
        margin-top: 10px;
    }
    
    #mainPraticien .right .actusPraticiens,
    #mainPraticien .left .planning{
        padding: 20px 20px 30px;
    }
    
    .responsive_avail{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background-color: #8DC6C4;
        cursor: pointer;
        color: #fff;
        border-radius: 50px;
        width: 240px;
        text-align: center;
        text-shadow: 0 0 3px rgb(0 0 0 / 30%);
        transition: .3s;
    }
    
    .responsive_avail:after{
        content: "";
        display: block;
        background: url(/img/calendar.svg)no-repeat;
        background-size: contain;
        width: 22px;
        height: 22px;
        margin-left: 10px;
    }
    
    .close_avail{
        position: absolute;
        border-radius: 50%;
        transition: .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 5px;
        right: 10px;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        font-size: 12px;
        color: #062844;
    }
    .close_avail.visible{
        opacity: .7;
        visibility: visible;
    }
    .close_avail:hover{
        opacity: 1;
    }
    .close_avail:after{
        content: "";
        display: block;
        background: url(/img/close.svg)no-repeat;
        background-size: contain;
        height: 12px;
        width: 12px;
        margin-left: 5px;
    }
    
    #reservation.togglePractitionerRight{
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }
    
    .practitionerRight #reservation h3.head{
        margin-top: 15px;
    }
    
    .responsive_avail_fade{
        transform: translateY(100%);
    }
    #bigHead .text .title{
        font-size: 34px;
    }
    .my_articles_wrapper{
        width: 500px;
    }
    .praticiensplanning .editForm .formLine.AvailabilityDays .input{
        flex-wrap: wrap
    }
    .header_side{
        min-width: 41px;
        max-width: 41px;
        z-index: 101;
    }
    .header_side #menuSide a:after{
        width: 3px;
    }
    .flexHome #content{
        max-width: calc(100% - 41px);
        margin: 0;
        margin-left: auto;
    }
    .praticienshome .flexHome{
        display: block;
    }
    #headerSIde .deploy{
        display: flex;
    }
    .header_side.stretch {
        min-width: 300px;
        transform: translateX(0);
    }
    .header_side .close_notif{
        display: flex;
        z-index: 10000;
        opacity: 0;
        visibility: hidden;
    }
    .header_side .close_notif.unlock{
        opacity: 1;
        visibility: visible;
        transition-delay: .4s;
    }
    .header_side #menuSide a{
        padding: 11px 0 11px 11px;
        font-size: 15px;
        height: 45px;
    }
    .header_side #menuSide a:before{
        min-height: 18px;
        min-width: 18px;
        margin-right: 12px;
    }
}
@media all and (max-width: 800px){
    .ajaxFormPractitioner .flexMode{
        flex-direction: column;
        margin-bottom: 0;
    }
    #mainPraticien .slide .ajaxFormPractitioner .flexMode .formLine.boolean{
        margin: 0 0 20px 0;
    }
}

@media all and (max-width: 768px){
    #practitionnerHelp{
        width: 50px;
        height: 50px;
    }
    #practitionnerHelp .label{
        font-size: 32px;
    }
    .commuExplain{
        margin-top: 20px;
    }
    #mainPraticien .slideContainer .bloc_content .posts .post{
        width: 100%;
        margin: 10px 0;
    }
    #mainPraticien .slideContainer .bloc_content .posts{
        padding: 0 5px;
    }
    .posts .sendBy .bg{
        justify-content: flex-start;
        width: calc(100% - 60px);
    }
    .mainPost h1{
        font-size: 20px;
    }
    .posts .mainPost .sendBy .bg .details a{
        margin-bottom: 5px;
    }
    .posts{
        margin: 0 -10px;
    }
    #bigHead .text .title{
        font-size: 32px;
    }
    #mainPraticien #detailsMessages, #mainPraticien #detailsNotif{
        padding: 35px 10px 10px;
    }
    .payForm{
        flex-direction: column;
    }
    .payForm .practitionerInfo .practitioner{
        margin-top: 20px;
    }
    .payForm .practitionerInfo,
    .payForm .classic_form{
        width: 100%;
    }
    .practitioners #bigHead .text{
        width: calc(100% - 180px);
    }
    .practitioners #bigHead .img{
        height: 160px;
        width: 160px;
    }
    #mainHome .subtitle{
        font-size: 20px;
    }
    .explain_baseline:before{
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px;
    }
    .posts .post div a:after{
        margin-left: 6px;
        opacity: 1;
        width: 16px;
        height: 16px;
    }
    .login_form .formLine input{
        height: 39px;
    }
    #mainBeneficiaire .btnLogOut{
        margin: 10px 0;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner{
        justify-content: center;
    }
    #priceEngineData .head{
        font-size: 26px;
        margin-top: 15px;
    }
    .ajaxMsgPopup #priceEngineData .content{
        font-size: 16px;
    }
    #mainPraticien #addPost,
    #mainPraticien .right .actusPraticiens #addPostCommu{
        width: 90vw;
    }
    #mainPraticien .actusPraticiens #addPostCommu h2.head,
    #mainPraticien #addPost h2.head{
        font-size: 22px;
    }
    #mainPraticien #addPostCommu .formLine label,
    #mainPraticien #addPost .formLine label{
        font-size: 18px;
    }
    #mainBeneficiaire .blocBeneficiaire.fav{
        margin-top: 20px;
    }
    #mainPraticien #planning .week .hours .hour{
        position: static;
    }
    .explain_baseline{
        font-size: 14px;
    }
    .header_simple #logo{
        width: 150px;
    }
    #mainBeneficiaire .blocBeneficiaire.coord, #mainBeneficiaire .blocBeneficiaire.price{
        width: 100%;
    }
    #mainBeneficiaire .blocBeneficiaire.price{
        margin-bottom: 20px;
    }
    .practitioner_annuaire .practitioner .practices, .practitioner_annuaire .practitioner .contact h4{
        text-align: left;
    }
    h2,
    .login_form h1,
    .inscription_bloc h3,
    .classic_form h1{
        font-size: 24px;
    }
    .posts .post .label{
        font-size: 16px;
    }
    .posts .post{
        width: calc(50% - 20px);
        margin: 10px;
    }
    #bigHead .text{
        padding: 80px 25px;
    }
    
    #bigHead.smallHead .text{
        padding: 0 15px;
    }
    #logo{
        width: 110px;
    }
    #mainHome{
        padding: 20px;
    }
    #searchEngine form input{
        font-size: 15px;
        padding: 10px;
    }
    #searchEngine form input::placeholder{
        font-size: 14px;
    }
    #searchEngine form input[type=submit]{
        text-indent: -9999px;
        min-width: 43px;
        width: 43px;
        height: 43px;
    }
    .search_btn_group .loupe{
        right: auto;
        margin-left: 0;
    }
    #searchEngine{
        width: 95%;
    }
    .search_btn_group.location_group{
        width: calc(50% - 43px);
    }
    #searchEngine{
        bottom: 25px;
    }
    .subTwin{
        padding: 10px;
    }
    .bloc.twin .linkBtn{
        margin-top: 0;
    }
    .bloc.twin.social_bloc{
        flex-direction: column;
        align-items: center;
    }
    .bloc.twin.social_bloc .subTwin{
        width: 80%;
    }
    .bloc.twin.social_bloc #socialNetworks .links{
        flex-direction: row;
    }
    .bloc.twin.social_bloc h3{
        margin-top: 15px;
    }
    .bloc.twin.social_bloc h3{
        font-size: 18px;
    }
    .catBlocPractices{
        margin: 20px -10px 40px;
    }
    .catBlocPractices .practice{
        height: 200px;
    }
    .catBlocPractices .practice h3.label{
        font-size: 20px;
    }
    .catBlocPractices .practice .pictogram{
        height: 50px;
        width: 50px;
    }
    .formLine{
        margin: 10px auto;
        width: 80%;
    }
    .formLine textarea,
    .formLine input{
        padding: 8px 10px;
    }
    .formLine img{
        height: 39px;
        padding: 8px 14px;
    }
    .formLineBtn{
        margin: 10px 0 15px 0;
    }
    .praticienspractitioners .slideContainer .classic_form .formLineBtn{
        margin: 20px 0 15px 0;
    }
    #mainPraticien #planning .week .head{
        font-size: 14px;
    }
    #mainPraticien #planning .week .hours .hour{
        width: 70px;
        font-size: 14px;
    }
    #subHeader span{
        padding: 7px;
        font-size: 14px;
    }
    .classic_form{
        margin: 20px auto;
    }
    .slide[data-id="dispo"] #availsList h2, .slide[data-id="dispo"] label{
        font-size: 18px;
    }
    .editForm .formLine.withLabel label,
    .formLine.textShortEditor label,
    .slide[data-id="qualifications"] h2{
        font-size: 18px;
    }
    .editForm .formLine.withLabel{
        padding: 20px 0;
    }
    .posts .comments .head{
        font-size: 12px;
    }
}

@media all and (max-width: 700px){
    .practitioner_wrapper .reserve_btn{
        font-size: 17px;
    }
    #mainBeneficiaire .blocBeneficiaire.fav #blocPractitioners{
        width: 100%;
        margin: 0;
    }
    #mainBeneficiaire .blocBeneficiaire.fav{
        padding: 10px;
    }
    .my_articles_wrapper{
        width: 450px;
    }
    
    .articlesPraticien .posts .post, .articlesPraticien .posts .post a{
        height: 200px;
    }
    .posts{
        justify-content: center;
    }
    .posts .post .img{
        height: 180px;
    }
    .bloc.twin{
        margin: 60px 0;
        flex-direction: column;
    }
    .home .bloc.twin:nth-child(odd){
        flex-direction: column;
    }
    .bloc.twin:nth-child(odd){
        flex-direction: column-reverse;
    }
    .subTwin{
        width: 80%;
        padding: 0 10px;
    }
    .catBlocPractices .practice{
        height: 180px;
    }
    .login_form .blocBtn{
        margin-top: 5px;
    }
    .slide[data-id="qualifications"] .listContent{
        display: flex;
        max-width: 100%;
        overflow-x: scroll;
    }

    .slide[data-id="qualifications"] .listContent .line .flex{
        flex-direction: column;
        align-items: flex-start;
        padding: 0 10px;
        border-right: 1px solid #bbb;
        min-width: 130px;
    }
    .slide[data-id="qualifications"] .listContent .line:last-of-type .flex,
    .slide[data-id="qualifications"] .listContent .line:first-of-type .flex{
        border-right: none;
    }
    .slide[data-id="qualifications"] .listContent .line .dateEnd,
    .slide[data-id="qualifications"] .listContent .line .dateEnd,
    .slide[data-id="qualifications"] .listContent .line .libelle,
    .slide[data-id="qualifications"] .listContent .line .libelle,
    .slide[data-id="qualifications"] .listContent .line .dateStart,
    .slide[data-id="qualifications"] .listContent .line .dateStart{
        width: auto;
        height: 49px;
        display: flex;
        align-items: center;
    }
    
    .slide[data-id="qualifications"] .listContent .line .action,
    .slide[data-id="qualifications"] .listContent .line .action{
        margin-top: 5px;
    }
    
    .slide[data-id="qualifications"] .listContainer.degree .listContent .line .dateStart{
        display: none;
    }
    
    .praticienspractitioners .slideContainer .slide[data-id="qualifications"] .classic_form .formLineBtn{
        margin-top: 40px;
    }
    
}

@media all and (max-width: 600px){
    #mainPraticien .slideContainer #praticienBlocPosts .head{
        font-size: 26px;
        margin-bottom: 10px;
    }
    #mainPraticien .statusAccount .mainMsg{
        font-size: 15px;
    }
    #mainPraticien .statusAccount{
        flex-direction: column;
        padding: 10px;
    }
    #mainPraticien .statusAccount a{
        justify-content: flex-end;
        margin-top: 10px;
    }
    #mainPraticien .statusAccount.pending .mainMsg:before,
    #mainPraticien .statusAccount.active .mainMsg:before{
        min-height: 18px;
        min-width: 18px;
        max-height: 18px;
        max-width: 18px;
        margin-top: 3px;
        margin-right: 6px;
    }
    #all .PaylineWidget.pl-container-default .pl-pay-btn{
        font-size: 16px;
        margin: 10px;
    }
    .practitioner_annuaire .practices .practice{
        font-size: 12px;
    }
    .practitioner_annuaire .practitioner .img{
        min-height: 80px;
        min-width: 80px;
        max-height: 80px;
        max-width: 80px;
    }
    .praticien_main_infos .practices .practice{
        font-size: 12px;
        padding: 2px 5px;
    }
    #catBlocPosts .linkBtn{
        float: none;
        margin: 10px 0;
    }
    #catBlocPosts{
        margin: 30px 0 40px 0;
    }
    .blocBeneficiaire.rdv .practitioner .avail .cancel{
        margin-top: 5px;
    }
    .my_articles_wrapper{
        width: 350px;
    }
    .slideContainer.posts,
    .articlesPraticien .posts .post, .articlesPraticien .posts .post a{
        height: 235px;
    }
    .blocBeneficiaire .head, .blocBeneficiaire #priceEngineData .head{
        margin-bottom: 10px;
    }
    .blocBeneficiaire .head, .blocBeneficiaire #priceEngineData .head{
        font-size: 18px;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content{
        justify-content: center;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner{
        width: 80%;
    }
    .practitioners{
        justify-content: center;
    }
    .practitioner{
        width: 80%;
        margin: 20px auto;
    }
    .bloc.twin.social_bloc .subTwin{
        width: 90%;
    }
    .subTwin{
        width: 90%;
    }
    .posts .post{
        width: 100%;
    }
    header #bigHead{
        flex-direction: column;
        position: relative;
    }
    #bigHead .img{
        height: 100%;
        width: 100%;
        position: relative;
    }
    #bigHead .img:after{
        background: rgba(6, 40, 68, .65);
    }
    header #bigHead .img img{
        height: auto;
        width: 100%;
    }
    #bigHead .text{
        background-color: transparent;
        position: absolute;
        width: 100%;
        padding: 0 20px;
        z-index: 1;
    }
    .practitioners #bigHead .text{
        position: static;
        width: 100%;
    }
    .practitioners #bigHead .img{
        display: none;
    }
    #bigHead .text h1{
        margin-bottom: 0;
    }
    header #bigHead,
    #bigHead.smallHead{
        height: 400px;
    }
    label#burger{
        top: 15px;
        right: 15px;
    }
    label#burger span{
        margin: 4px 0;
    }
    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(1){
        transform: rotatez(45deg) translate(4px,1px);
        box-shadow: 0 0 4px rgb(0 0 0 / 50%);
    }
    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(2){
        box-shadow: 0 0 4px rgb(0 0 0 / 50%);
    }
    label#burger input[type="checkbox"]:checked ~ span:nth-of-type(3){
        transform: translate(14px,-6px) rotatez(45deg);
        box-shadow: 0 0 4px rgb(0 0 0 / 50%);
    }
    #menu{
        width: 100%;
        transition: .6s ease;
        padding: 50px 20px 10px;
    }
    .subMenu .label,
    #menu a{
        font-size: 18px;
    }
    #menu a.p19, .subMenu{
        width: 220px;
    }
    h1{
        font-size: 36px;
    }
    #credits{
        flex-direction: column;
    }
    #credits .created{
        position: static;
        transform: translateY(0);
    }
    #bigHead .text h3{
        font-size: 16px;
    }
    #priceEngineForm .input{
        width: 100%;
    }

    #priceEngineForm .formLineBtn input{
        padding: 10px 15px;
        margin-top: 15px;
    }
    #priceEngine .head{
        margin-bottom: 20px;
    }
    #priceEngine .head{
        font-size: 26px;
    }
    #priceEngineForm .formLineBtn{
        margin-bottom: 20px;
    }
    .bloc_content .head{
        width: calc(100% - 130px);
        font-size: 17px;
    }
    .bloc_content .linkBtn{
        min-width: auto;
        width: 120px;
    }
    .bx-wrapper .practice{
        height: 200px;
    }
    .bx-wrapper .practice .label{
        font-size: 20px;
        width: 80%;
    }
    .catBlocPractices .practice{
        width: 100%;
        height: 220px;
        margin: 15px;
    }
    .formLine{
        width: 90%;
    }
    .formLineBtn input[type=submit]{
        padding: 10px;
    }
    .login_form .blocBtn a{
        font-size: 14px;
    }
    .practitionerRight{
        width: 90%;
    }
    .ajaxFormPractitioner .flexMode{
        min-width: 90%;
    }
    
    #bigHead .text .title{
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    #bigHead .text .title.practicien_name{
        font-size: 24px;
    }
    
    .praticiensplanning .formLine .input.datepick{
        flex-wrap: wrap;
    }
    .praticiensplanning .editForm .input.datepick span{
        width: 30px;
    }
    
    .praticiensplanning .editForm .input.datepick input{
        width: calc(100% - 40px);
        margin: 5px 0;
    }
    .praticiensplanning .editForm .input.datepick.hourpick input{
        width: 40px;
    }
    .editForm .optionHour{
        margin-right: 10px;
    }
    .editForm .optionHour:last-of-type{
        margin-right: 0;
    }
}

@media all and (max-width: 500px){
    #footerNewsletter{
        padding: 20px;
    }
    #footerNewsletter .inputs input{
        padding: 10px;
    }
    #footerNewsletter h3.label{
        font-size: 20px;
    }
    #footerNewsletter .inputs input[type=submit]{
        min-width: 100px;
    }
    .sendComment input[type=submit]{
        font-size: 14px;
    }
    .sendComment input[type=text],
    .sendComment input[type=submit]{
        padding: 7px 14px;
    }
    .posts .mainPost .sendBy .bg .img{
        min-height: 70px;
        max-height: 70px;
        min-width: 70px;
        max-width: 70px;
        margin-right: 10px;
    }
    .posts .mainPost .sendBy .bg .details .date{
        font-size: 12px;
    }
    .posts .sendBy .bg{
        width: calc(100% - 45px);
    }
    .mainPost .sendBy .sendMessage{
        margin-left: 15px;
        background-size: 22px 22px;
    }
    .mainPost .postLeft p{
        font-size: 15px;
    }
    .mainPost #mainPraticien .right .bloc_content .posts{
        margin-right: 0;
    }
    .mainPost #mainPraticien .right {
        padding: 15px 10px;
    }
    
    .linkBtn, select{
        padding: 9px 15px;
    }
    .practitioner .upper_bloc .main_info h4{
        font-size: 16px;
    }
    #overlaySearchEngine p:before{
        height: 18px;
        width: 18px;
        min-height: 18px;
        min-width: 18px;
    }
    #overlaySearchEngine p{
        font-size: 17px;
    }
    #mainHome{
        margin: 15px 0;
        height: 500px;
    }
    #mainHome h1{
        font-size: 44px;
        margin-top: 20px;
    }
    #mainHome .search_cura{
        margin-bottom: 40px;
    }
    #mainHome .baseline{
        font-size: 16px;
    }
    #mainHome .search_cura p{
        font-size: 12px;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner{
        padding: 0 10px;
        width: 100%;
    }
    #subHeader{
        margin-top: 10px;
    }
    #subHeader span{
        width: calc(50% - 10px);
        text-align: center;
    }
    #mainPraticien .actusPraticiens #addPostCommu h2.head, #mainPraticien #addPost h2.head{
        font-size: 19px;
    }
    .planningInfo{
        justify-content: center;
        flex-direction: column-reverse;
    }
    .adminMedia{
        width: 200px;
    }
    .title_explain .bloc.title h2{
        font-size: 18px;
    }
    .title_explain .bloc.text p{
        font-size: 14px;
    }
    #mainPraticien #planning .week{
        padding: 10px 0;
    }
    #mainPraticien #addPostCommu .formLine,
    #mainPraticien #addPostCommu .formLine.image,
    #mainPraticien #addPostCommu .formLine.practiceIdCommu,
    #mainPraticien #addPost .formLine.image,
    #mainPraticien #addPost .formLine.practiceId,
    #mainPraticien #addPost .formLine{
        width: 95%;
    }
    #mainPraticien #addPost .formLine.visibility{
        width: 95%;
        padding: 10px;
    }
    #mainPraticien #addPostCommu .formLine label,
    #mainPraticien #addPost .formLine label{
        font-size: 16px;
    }

    .practitionerLeft .practitionerQualification .date{
        font-size: 14px;
    }
    .my_articles_wrapper{
        width: 270px;
    }
    .header_simple #logo{
        width: 130px;
    }
    .messageConversation{
        max-width: 95%;
    }
    .messageConversation .target .img{
        width: 60px;
        height: 60px;
    }
    .messageConversation .target .name{
        font-size: 17px;
        width: calc(100% - 80px);
    }
    .assoslogin .classic_form .formLineBtn.fixed input[type=submit],
    .beneficiairesaccount .slideContainer .classic_form .formLineBtn input[type=submit],
    .praticienspractitioners .slideContainer .classic_form .formLineBtn input[type=submit],classic_form .formLineBtn input[type=submit],
    #formPractitioners.classic_form .formLineBtn input[type=submit],
    .beneficiaireslogin .classic_form .formLineBtn.fixed input[type=submit],
    form[action="/praticiens/planning/updatePlanning"].classic_form .formLineBtn input[type=submit],
    #mainPraticien .linkBtn.cancel{
        width: 120px;
        min-width: 120px;
    }
    .linkBtn.cancel{
        margin-left: 10px;
    }
    #mainPraticien #planning .week .head{
        font-size: 12px;
    }
    #mainPraticien #planning .week .hours .hour{
        font-size: 14px;
        width: 70px;
    }
    .practitionerRight{
        width: 100%;
    }
    .practitionerRight #reservation{
        max-width: 95%;
    }
    .responsive_avail{
        font-size: 14px;
        width: 210px;
    }
    .practitionerLeft{
        padding: 0 0 30px 0;
    }
    .practitioner{
        width: 100%;
    }
    .inscription_bloc{
        padding: 20px 10px;
        margin: 20px 0 0;
    }
    .login_form h1,
    .classic_form h1{
        padding: 0;
    }
    .formLine{
        width: 100%;
    }
    #homeExplain{
        padding: 15px 0;
    }
    #homeExplain .explainBloc p.content{
        margin-top: 15px;
    }
    #homeExplain .explainBloc{
        margin: 20px 0;
    }
    .bloc.twin.social_bloc #newsletterForm .explain{
        font-size: 10px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .bloc.twin.social_bloc #newsletterForm .inputs input[type=submit]{
        min-width: auto;
        font-size: 14px;
        padding: 12px 10px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a span{
        font-size: 14px;
        width: calc(100% - 60px);
    }
    .bloc.twin.social_bloc .subTwin{
        width: 100%;
    }
    .bloc.twin.social_bloc #socialNetworks .links a{
        width: 60px;
        height: 60px;
    }
    .bloc.twin.social_bloc #socialNetworks .links img{
        min-width: 60px;
        max-width: 60px;
        padding: 15px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a:before{
        width: 60px;
        height: 60px;
    }
    .bloc.bg .bloc.text{
        margin-bottom: 0;
    }
    .bloc.bg .bloc.text p,
    .inscription_bloc p{
        font-size: 15px;
    }
    .subTwin{
        width: 100%;
    }
    .posts{
        margin: 0;
    }
    .posts .post{
        width: 100%;
        margin: 10px 0;
    }
    #searchEngine form{
        position: relative;
    }
    .search_btn_group.location_group{
        width: calc(55% - 41px);
    }
    #searchEngine form input[name=search]{
        padding: 6px 5px;
        width: 45%;
    }
    #searchEngine form input[name=location]{
        padding: 6px 5px 6px 35px;
    }
    .search_btn_group .location{
        width: 16px;
        height: 19px;
    }
    #mainHome .test_cura {
        padding: 20px 0;
    }
    #searchEngine form input[type=submit]{
        min-width: 35px;
        max-width: 35px;
        width: 35px;
        height: 35px;
        padding: 10px 30px 10px 0px;
    }
    .loupe img{
        width: 16px;
        height: 16px;
    }
    #mainHome .link .linkBtn{
        padding: 7px 20px;
        font-size: 16px;
    }
    #mainHome .subtitle{
        font-size: 16px;
    }
    #searchEngine form input::placeholder{
        font-size: 14px;
    }
    header #bigHead,
    #bigHead.smallHead{
        height: 300px;
    }
    .practitioners header #bigHead{
        height: 360px;
    }
    
    .subMenu .label, #menu a{
        font-size: 17px;
    }

    #footerLinks .blocLinks{
        width: 100%;
        text-align: center;
    }
    #footerLinks .blocLinks .links{
        align-items: center;
    }
    #footerLinks .reseau{
        justify-content: center;
    }
    #footerLinks .blocLinks .foot_news{
        margin: 3px auto;
    }
    #priceEngineForm .formLineBtn{
        padding: 10px;
    }
    #priceEngine .head{
        margin-top: 15px;
        font-size: 24px;
        margin-bottom: 25px;
    }
    #priceEngineData .head{
        font-size: 24px;
    }
    
    .bloc_content .head{
        width: 100%;
        margin-bottom: 10px;
    }
    .bloc_content .linkBtn{
        margin-bottom: 20px;
        font-size: 14px;
        padding: 4px;
        width: 100px;
    }
    .catBlocPractices .practice{
        width: 100%;
        height: 200px;
        margin: 10px;
    }
    #mainPraticien .left h1, #mainPraticien .left h2, #mainPraticien .right .bloc_content .head, #mainPraticien .right .head{
        font-size: 26px;
    }
    .praticienContent .bloc.text{
        margin: 0 0 15px;
    }
    #searchEngine{
        bottom: 15px;
    }
    .headLine.distance,
    .headLine.duration,
    .headLine.travel{
        font-size: 14px;
    }
    .headLine.duration .picto,
    .headLine.distance .picto,
    .headLine.travel .picto{
        min-width: 20px;
        min-height: 20px;
    }
    .slide[data-id="dispo"] .editForm .formLine.withLabel.AvailabilityDays label{
        margin: 20px 0 10px;
    }
    .slide[data-id="dispo"] .editForm .formLine.withLabel.sessionDuration{
        padding-top: 5px;
    }
    .slide[data-id="dispo"] #availsList h2,
    .editForm .formLine.withLabel label,
    .formLine.textShortEditor label,
    .slide[data-id="qualifications"] h2{
        font-size: 16px;
    }
    .monthYear .year, .monthYear .month{
        font-size: 14px;
        height: 32px;
        width: 150px;
    }
    .legends{
        padding: 5px;
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
    .legends .legend .color{margin-right: 5px;}
    .legends .legend .label{font-size: 10px;}
    .monthYear .change{
        height: 28px;
        width: 28px;
    }
    .monthYear .year .change.minus, .monthYear .month .change.minus{
        margin-left: 2px;
    }
    .monthYear .year .change.plus, .monthYear .month .change.plus{
        margin-right: 2px;
    }
    
    #mainPraticien .right .bloc_content .posts{
        margin-right: 15px;
    }
    .ajaxMsgPopup #priceEngineData #newsletterForm .inputs input[type=submit]{
        min-width: 75px;
        padding: 0;
        font-size: 14px;
    }
    .ajaxMsgPopup #priceEngineData #newsletterForm h3{
        margin-top: 20px;
    }
    .bloc.twin.social_bloc #socialNetworks .links a:hover{
        width: 200px;
    }
    .bloc_content{
        padding: 30px 0;
    }
    #btnHome .home_login, #btnHome .home_elig{
        max-width: 100%;
    }
    #btnHome{
        padding-top: 0;
    }
    #btnHome div a{
        font-size: 16px;
    }
    #btnHome div img{
        display: none;
    }
    #btnHome div p{
        width:100%;
    }
    #btnHome div h3{
        font-size: 20px;
    }
    #mainHome{
        padding: 10px;
    }
    .practitioner_wrapper .reserve_btn{
        font-size: 16px;
    }
    .slide[data-id="dispo"] .availAdd{
        padding: 10px;
    }
    .slide[data-id="dispo"] .availAdd .lines .line .day_close .close{
        margin-right: 10px;
        width: 12px;
        height: 12px;
    }
    .slide[data-id="dispo"] .availAdd .lines .line .day_close .day{
        font-size: 14px;
    }
    .slide[data-id="dispo"] .availAdd .lines .line .addLine{
        font-size: 15px;
        height: 24px;
        width: 24px;
    }
    .slide[data-id="dispo"] .availAdd .lines .line .hourInput{
        width: 35%;
    }
    .slide[data-id="dispo"] .availAdd .lines .line .day_close{
        width: 45%;
    }
    .slide[data-id="dispo"] .editForm .formLine .checkbox_input{
        width: 100px;
    }
    .slide[data-id="dispo"] .editForm .formLine.withLabel .checkbox_input label{
        font-size: 14px;
    }
    .slide[data-id="dispo"] #availsList .avails .avail .hour{
        padding: 8px 16px;
        font-size: 14px;
    }
    .linkContact{
        padding: 6px 10px;
        font-size: 14px;
        width: 110px;
    }

    #priceEngineForm .sep{
        width: 35px;
    }
    #priceEngineForm .input:first-of-type{
        margin-left: 40px;
    }
    #priceEngineForm .input:first-of-type,
    #priceEngineForm .input.revenu,
    #priceEngineForm .input.parts{
        width: calc(100% - 40px);
    }
    .header_simple #menu{
        padding: 30px 20px;
    }
    .ajaxFormPractitioner .flexMode{
        min-width: 100%;
    }
}

@media all and (max-width: 400px){
    .catBlocPractices .head{
        margin: 10px 0 0;
    }
    .slide[data-id="dispo"] #availsList .avails .avail{
        min-width: 250px;
        padding: 15px 10px;
    }
    .slide[data-id="dispo"] #availsList .avails .avail .hour .popup{
        min-width: 220px;
    }
    .slide[data-id="dispo"] #availsList .avails .avail .date{
        font-size: 12px;
    }
    .slide[data-id="dispo"] #availsList .avails .avail .date b{
        font-size: 14px;
    }
    #mainBeneficiaire .blocBeneficiaire.rdv .content .practitioner{
        padding: 0 10px;
    }
    #ariane a{
        font-size: 10px;
    }
    .posts .sendBy .bg .img{
        min-height: 70px;
        max-height: 70px;
        min-width: 70px;
        max-width: 70px;
    }
    .posts .sendBy .bg .details .author{
        font-size: 14px;
    }
    .posts .sendBy .bg .details .profession{
        font-size: 12px;
    }
    .practitionerRight #reservation .formLine.mode.radio .input{
        flex-wrap: wrap;
    }
    .practitionerRight #reservation .formLine.mode.radio .radio_input{
        margin: 5px;
    }
    .my_articles_wrapper{
        width: 230px;
    }
    #bigHead .text .title {
        font-size: 28px;
        line-height: 35px;
    }
    .practitionerRight #reservation #planning .content .day .head{
        font-size: 13px;
    }
    .bloc.twin.social_bloc h3{
        font-size: 16px;
    }
    h2,
    .login_form h1,
    .inscription_bloc h3,
    .classic_form h1{
        font-size: 22px;
    }
    .posts .post .img{
        height: 180px;
    }
    #bigHead .text h3{
        font-size: 15px;
    }
    .bx-wrapper .practice{
        height: 160px;
    }
    .bx-controls-direction a:nth-child(2){
        right: -25px;
    }
    .bx-controls-direction a:nth-child(1){
        left: -25px;
    }
    .bx-controls-direction a img{
        width: 20px;
    }
    .bx-wrapper .practice .label{
        font-size: 16px;
    }
    .catBlocPractices{
        margin: 20px 0 30px;
    }
    .catBlocPractices .practice{
        width:100%;
        height: 180px;
        margin: 10px 0;
    }
    #mainPraticien .left .planning, #mainPraticien .left .praticienContent, #mainPraticien .right .actusPraticiens, #mainPraticien .right .articlesPraticien{
        padding: 10px;
    }
    #mainPraticien .right .actusPraticiens, #mainPraticien .left .planning{
        padding: 10px 10px 20px;
    }
    .assoslogin .classic_form .formLineBtn.fixed input[type=submit],
    .beneficiairesaccount .slideContainer .classic_form .formLineBtn input[type=submit],
    .praticienspractitioners .slideContainer .classic_form .formLineBtn input[type=submit],
    .linkBtn.cancel,
    classic_form .formLineBtn input[type=submit],
    #formPractitioners.classic_form .formLineBtn input[type=submit],
    .beneficiaireslogin .classic_form .formLineBtn.fixed input[type=submit],
    form[action="/praticiens/planning/updatePlanning"].classic_form .formLineBtn input[type=submit]{
        min-width: 120px;
        width: 100%;
        padding: 10px 5px;
    }
    .sub_form.classic_form,
    .classic_form{
        padding: 15px 10px;
    }
    #bigHead .text .title.practicien_name{
        line-height: 30px;
    }
    .headLine.distance, .headLine.duration, .headLine.travel{
        font-size: 12px;
    }
    #mainPraticien .right .actusPraticiens .editBtn {
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #mainPraticien .right .encartPraticien{
        padding:10px 10px 20px;
    }
    .praticien_action .notif{
        margin-right: 4px;
    }
    .praticiensplanning .editForm .input.datepick input{
        width: 100%;
    }
    .posts .post div .label{
        font-size: 15px;
    }
    .posts .post div p,
    .posts .post div a{
        font-size: 14px;
    }
    .header_side #menuSide{
        padding-top: 20px;
    }
    .header_side.stretch{
        min-width: 100%;
    }
    #mainPraticien .linkBtn.cancel{
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }
}

@media all and (max-width: 360px){
    #mainPraticien .left h1, #mainPraticien .left h2, #mainPraticien .right .bloc_content .head, #mainPraticien .right .head{
        font-size: 24px;
    }
    .practitionerRight #reservation #planning .content .day .head{
        font-size: 12px;
    }
    #btnHome div h3{
        font-size: 18px;
    }
    #mainHome h1{
        font-size: 42px;
    }
    .my_articles_wrapper{
        width: 210px;
    }
}

@media all and (max-width: 900px){
    #subHeader span,
    .slide[data-id="dispo"] #availsList .avails .avail .hour,
    .subMenu .label,
    #mainPraticien #planning .week .head,
    #mainPraticien #planning .week .hours .hour,
    #priceEngineForm .sep,
    #priceEngineForm label{
        user-select: none;
    }
}


@media (prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0ms !important;
        scroll-behavior: auto !important;
        animation-delay: 0s !important;
    }
    .animatable{
        visibility: visible !important;
    }
    
}.home #priceEngine{
    display: none;
    position: fixed;
    z-index: 10000;
}



.symptomsGrp.over{
    height: 110px;
    overflow:hidden;
    position:relative;
}
.symptomsGrp::after{
    position: absolute;
    content: "";
    display: block;
    background: linear-gradient(180deg, transparent, #f2f2f2);
    left: 0px;
    width: 100%;
    bottom: 0px;
    height: 30px;
}
.symptomsGrp .arrow{
    position: absolute;
    content: "";
    display: block;
    left:50%;
    bottom:0px;
    z-index: 50;
    cursor: pointer;
}
.symptomsGrp.fit .arrow, .symptomsGrp.fit::after, .symptomsGrp.open::after{display:none;}
.symptomsGrp.open .arrow{
    transform: rotate(180Deg);
}

.slideContainer.posts{display:block;height:235px;overflow:hidden;}
.slideContainer.posts .post{width:auto;}


.priceEngineDisconnectedOverlay.overlay{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.3);
    z-index: 10000;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    height: 200vh;
    backdrop-filter: blur(6px);
}
#overlaySearchEngine{
    display: none;
    position: fixed;
    z-index: 10000;
}


.availAdd{
    display:none;
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/img/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(/img/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;padding:5px 10px;height:auto;cursor:text;margin:0;}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position: relative;margin: 3px 10px 3px 0;padding: 10px 25px 10px 10px;max-width: 100%;border-radius: 30px;color: #262A38;line-height: 13px;cursor: default;background-color: #E4EDF7;box-shadow: inset -6px -6px 6px #ccdbe8, inset 6px 6px 6px 1px rgb(255 255 255 / 50%);}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position: absolute;top: 50%;right: 7px;transform: translateY(-50%);display: block;width: 12px;height: 12px;background: url(/img/chosen-sprite.png) -42px 1px no-repeat;font-size: 1px;}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(/img/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(/img/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}/*! jQuery UI - v1.13.0 - 2021-11-15
* http://jqueryui.com
* Includes: draggable.css, sortable.css, core.css, autocomplete.css, menu.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-darkness&cornerRadiusShadow=8px&offsetLeftShadow=-7px&offsetTopShadow=-7px&thicknessShadow=7px&opacityShadow=60&bgImgOpacityShadow=30&bgTextureShadow=flat&bgColorShadow=cccccc&opacityOverlay=80&bgImgOpacityOverlay=50&bgTextureOverlay=flat&bgColorOverlay=5c5c5c&iconColorError=a83300&fcError=111111&borderColorError=ffb73d&bgImgOpacityError=40&bgTextureError=glass&bgColorError=ffc73d&iconColorHighlight=4b8e0b&fcHighlight=2e7db2&borderColorHighlight=cccccc&bgImgOpacityHighlight=80&bgTextureHighlight=highlight_soft&bgColorHighlight=eeeeee&iconColorActive=222222&fcActive=ffffff&borderColorActive=ffaf0f&bgImgOpacityActive=30&bgTextureActive=inset_soft&bgColorActive=f58400&iconColorHover=ffffff&fcHover=ffffff&borderColorHover=59b4d4&bgImgOpacityHover=40&bgTextureHover=glass&bgColorHover=0078a3&iconColorDefault=cccccc&fcDefault=eeeeee&borderColorDefault=666666&bgImgOpacityDefault=20&bgTextureDefault=glass&bgColorDefault=555555&iconColorContent=cccccc&fcContent=ffffff&borderColorContent=666666&bgImgOpacityContent=25&bgTextureContent=inset_soft&bgColorContent=000000&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=333333&bgImgOpacityHeader=25&bgTextureHeader=gloss_wave&bgColorHeader=333333&cornerRadius=6px&fsDefault=1.1em&fwDefault=bold&ffDefault=Segoe%20UI%2CArial%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ddd}.ui-widget-content{border:1px solid #ddd;background:#000 url("/img/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{background:#062844;color:#fff;font-weight:bold;}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ddd;background:#555 url("/img/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eee}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #59b4d4;background:#0078a3 url("/img/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ffaf0f;background:#f58400 url("/img/ui-bg_inset-soft_30_f58400_1x100.png") 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#ffaf0f;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-checked{border:1px solid #ccc;background:#eee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("/img/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/img/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/img/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/img/ui-icons_a83300_256x240.png")}.ui-button .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c;opacity:.8;-ms-filter:Alpha(Opacity=80)}.ui-widget-shadow{-webkit-box-shadow:-7px -7px 7px #ccc;box-shadow:-7px -7px 7px #ccc}
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:50%;width:1.8em;height:1.8em;transform:translateY(-50%)}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:50%}.ui-datepicker .ui-datepicker-prev{left:3px}.ui-datepicker .ui-datepicker-next{right:3px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin-left:0;margin-top:0;background:url(/img/arrowNext.png)no-repeat;background-size:contain;filter:brightness(0) invert(1);z-index:1;height:20px;width:20px;}.ui-datepicker .ui-datepicker-prev span{background:url(/img/arrowPrev.png)no-repeat;background-size:contain;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
/*! jQuery UI - v1.13.0 - 2021-11-15
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-widget{font-family:Segoe UI,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Segoe UI,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #ddd}.ui-widget-content{border:1px solid #ddd;background:#000 url("/img/ui-bg_inset-soft_25_000000_1x100.png") 50% bottom repeat-x;color:#fff}.ui-widget-content a{color:#fff}.ui-widget-header{background:#062844;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #ddd;background:#062844;font-weight:400;color:#eee;text-align:center}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#eee;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #59b4d4;background:#0078a3 url("/img/ui-bg_glass_40_0078a3_1x400.png") 50% 50% repeat-x;font-weight:400;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#fff;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #ffaf0f;background:#062844;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#ffaf0f;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}#ui-datepicker-div[caller='datePlanning'] .ui-datepicker-current-day ~ td .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background-color: #F4AD28;font-weight: bold;}.ui-state-checked{border:1px solid #ccc;background:#eee}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#2e7db2}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ffb73d;background:#ffc73d url("/img/ui-bg_glass_40_ffc73d_1x400.png") 50% 50% repeat-x;color:#111}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#111}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#111}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/img/ui-icons_ffffff_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/img/ui-icons_222222_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/img/ui-icons_4b8e0b_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/img/ui-icons_a83300_256x240.png")}.ui-button .ui-icon{background-image:url("/img/ui-icons_cccccc_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#5c5c5c;opacity:.8;-ms-filter:Alpha(Opacity=80)}.ui-widget-shadow{-webkit-box-shadow:-7px -7px 7px #ccc;box-shadow:-7px -7px 7px #ccc}