/**
 * Tout le CSS du plugin
 * Coleour belu fonc : #39405b
 * Couleur label des listes : #0064A8
 */

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"],
button {
    border-radius: .40rem !important;
}

.row:before, .row:after {display: none !important;}


body table.booked-calendar.weekly tr.days {
    color: #fff;
    text-transform: capitalize !important;
}

body table.booked-calendar.weekly tr.days th {
    line-height: 17px;
}


body table.booked-calendar {
    margin: 0;
    padding: 0;
    background: #fff;
    border-spacing: 0;
    width: 100%;
    /*border: 2px solid #3cbe71;*/
    border: none;
    border-bottom: 1px solid #ddd!important;
}

body table.booked-calendar.weekly .timeslot {

    font-size: 12px;
    margin: 10px 5px;
    padding: 5px 0px;
    width: 90%;

}

body table.booked-calendar.weekly .timeslot.timeslot-unavailable button {
    background-color: white;
    color: #3cbe71;
    font-weight: bold;
}


body table.booked-calendar.weekly tbody {
    background-color: white;
}

body table.booked-calendar.weekly .weekly-new-appt.button {

    width: 100%;
    border: none;

}

body table.booked-calendar.weekly .weekly-new-appt.button:hover,
body table.booked-calendar.weekly .weekly-new-appt.button.active {
    background-color: #3cbe71;
    color: #000;
}


body table.booked-calendar.weekly .timeslot.timeslot-unavailable .weekly-new-appt.button:hover {
    background-color: transparent;
}

.booked-calendar-shortcode-wrap {
    /*min-height: 440px !important;*/
}

.booked-calendar-wrap thead th .nav-calendar {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 800;
    position: absolute;
    width: 20px;
    top: 20px;
}

.booked-calendar-wrap thead th .week-left {
    left: 0;
}

.booked-calendar-wrap thead th .week-right {
    right: 0;
}

.booked-calendar-wrap thead th .week-left:hover {
    left: 5px;
}

.booked-calendar-wrap thead th .week-right:hover {
    right: 5px;
}


#nticstudio-booked-container {
    /*min-height: 100vh;*/
    /*margin-top:100px;*/
    max-width: 100% !important;
    font-family: Montserrat, sans-serif !important;
}


.nticstudio-booked-footer {
    height: 140px;
    width: 100%;
    background: url(../img/fond-picto-footer.png) left bottom no-repeat;
    margin-top: -45px;
}




.nticstudio-booked-resume-inner {
    background-color: #fff;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    box-shadow: 2px 3px 8px -2px rgba(0,0,0,0.2);
    font-family: Montserrat, sans-serif !important;
    margin: 45px auto 20px;
    padding: 26px 30px;
    width: 95%; 
}

.sw-theme-default {
    box-shadow: none !important;
}

.sw-btn-group {
    margin-left: auto;
}

.sw-btn-prev {
    margin-right: 8px;
}

.sw-btn-prev.disabled {
    display: none;
}

.btn-default {
    background-color: rgba(60, 190, 113, 1);
    border-color: rgba(60, 190, 113, 1);
    color: #fff;
}




.sw-btn-group>.btn-default,
#nticstudio-booked-container .btn-primary {
    background-color: rgba(60, 190, 113, 1);
    border-radius: 3px !important;
    color: #fff;
    font-size: 16px;
    padding: 5px 30px;
    margin-left: 10px;
    border-color: rgba(60, 190, 113, 1);
    ;
}

.sw-btn-group>.btn-default:hover,
#nticstudio-booked-container .btn-primary:hover {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.sw-btn-group>.btn-default.disabled:hover,
.sw-btn-group>.btn-default.disabled:focus {
    box-shadow: none;

}

.sw-btn-group>.btn-default.disabled {
    cursor: unset;
}

#nticstudio-booked-container {
    font-size: 16px;
}

#nticstudio-booked-wizard-container {
    z-index:1;
}
#nticstudio-booked-wizard .nav.step-anchor {
    flex-wrap: nowrap;
    border: none;
    margin-bottom: 30px;
    font-size: 14px;
}

#nticstudio-booked-wizard .nav.step-anchor>li {
    flex: 1 1 auto;
    margin: 0 12px;
}

#nticstudio-booked-wizard .nav.step-anchor>li>a {
    text-decoration: none !important;
    color: #aeafb0;
    white-space: nowrap;
}

#nticstudio-booked-wizard .nav.step-anchor>li>a:visited {
    color: #aeafb0;
}

.sw-theme-default>ul.step-anchor>li.active>a {
    color: #3cbe71 !important;
    border: none !important;
    background: transparent !important;
    font-weight: bold;
    text-decoration: none !important;
}

#nticstudio-booked-wizard .nav.step-anchor>li>a:hover {
    cursor: not-allowed;
}

#nticstudio-booked-wizard .nav.step-anchor>li.done>a:hover {
    color: #3cbe71 !important;
    cursor: pointer;
}

.sw-theme-default>ul.step-anchor>li.active>a:hover {
    color: #3cbe71 !important;
    cursor: pointer !important;
}

.sw-theme-default>ul.step-anchor>li>a::after {
    display: none;
}



.sw-theme-default .sw-toolbar {
    background: none !important;
    padding-right: 0;
    /*margin-top: -100px;*/
    float: right;
}


.step-inner-header {
    margin-bottom: 15px;
}

.step-inner-header em {
    font-size: 12px;
}

.step-title {
    font-size: 22px;
}

.satisfix-primary-color {
    color: #3cbe71
}

.small-txt {
    font-size: 12px;
}

.calendarposition {
    width: 100%;
    margin: 15px auto;
    height: 400px;
    background-color: #3cbe71;
    border: 1px solid #ccc;
}

.booked-info {
    margin: 20px 0;
}

.booked-info>.content {
    font-size: 12px;
}

div.hr {
    height: 1px;
    background-color: #ccc;
    width: 100%;
    margin: 15px 0 25px 0;
}

#nticstudio-booked-container .form-control,
.form .form-control {
    border-color: #3cbe71;
    font-size: 14px;
    border-radius: .25rem !important;
    
}

#nticstudio-booked-container .form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.booked-calendar-shortcode-wrap.weekly.booked-loading::after {
    content: '';
    width: 877px;
    height: 433px;
    background-color: rgba(60, 190, 113, 0.46);
    /* display: block; */
    position: absolute;
    top: 238px;

}

#nticstudio-form-control-booking .form-control,
#nticstudio-form-control-booking .btn {
    height: 50px;
    font-size: 20px;
    font-family: Montserrat, sans-serif !important;
}

#nticstudio-form-control-booking .form-control {
    background-color: #fff;
    border-color: #3cbe71;
    border: 2px solid #3cbe71;
    margin-bottom: 5px;   
}

@media only screen and (max-width: 576px) { 
    #nticstudio-form-control-booking .form-control {
        border: none!important;
        border-bottom: 2px solid #3cbe71!important;
        border-radius: 0px!important;
        margin-top: 12px;
        height: 45px;
        font-size: 16px;
    }
    #nticstudio-form-control-booking .btn{
        margin-top: 12px;
        margin-bottom: 12px;
        height: 45px;
        text-align: center;
        font-size: 16px;
    }
}


#nticstudio-form-control-booking .form-control::-webkit-input-placeholder,
#nticstudio-form-control-booking .form-control::placeholder,
#nticstudio-form-control-booking select.form-control {
    color: #404040;
}



.nticstudio-overlay-popup {
    font-family: Montserrat, sans-serif !important;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    font-size: 30px;
    text-align: center;
    padding: 10px;
    line-height: 1.5;
    width:70%;
}

#submit-request-appointment {
    margin-top: 15px;
}

label.error {}

body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot .timeslot-people button .button-timeslot {
    display: block;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
}

body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot {
    max-width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
    line-height: 1.8;
    color: #888;
    border-top: none !important;
}

body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot.timeslot-count-hidden .timeslot-people,
body .booked-calendar-wrap .booked-appt-list.nticstudio .nticstudio-new-appt.button {
    width: 100%;
}
.nticstudio-new-appt.button:hover{
    background-color: #3cbe71!important;
}
body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot.timeslot-count-hidden .timeslot-people {
    padding-top: 4px;
    height: auto !important;
}

body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot .timeslot-people button:hover .button-timeslot {
    color: #fff;
}


body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot .timeslot-people button.active:hover,
body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot .timeslot-people button.active {
    background-color: #ddd !important;
    border-color: #ddd !important;
}

.nitcstudio-booked-resume {
    margin-top: 20px;
}

.nticstudio-booked-resume-inner .step-title {
    font-weight: 800;
}

.nticstudio-booked-resume-inner i {
    width: 15px;
    height: 15px;
    background-position: top left;
    background-size: cover;
    float:left;
    margin-top: 2px;
}

.nticstudio-booked-resume-inner table td {
    padding-top: 0;
    vertical-align: top;
}

.nticstudio-booked-resume-inner .title {
    font-size: 18px;
    color: #111827;
    font-weight: 600;
    line-height: 21px;
}

.nticstudio-booked-resume-inner li {
    line-height: 30px;
}

.nticstudio-booked-resume-inner li i {
    margin-right: 5px;
    margin-top:8px
}

.nticstudio-booked-resume-inner .content {
    font-size: 16px;

}

i.dateintervention {

    background-image: url('../img/satisfix---calendar.png'); 
    /* background-image: url('../img/picto-recap-1.png'); */
    margin-top: 2px;
}

i.lieuintervention {
    background-image: url('../img/satisfix---pinmap.png'); 
    /* background-image: url('../img/picto-recap-3.png'); */
    margin-top: 1px;
}

i.panneintervention {
    background-image: url('../img/satisfix---tools.png'); 
    margin-top: 1px;
    /* background-image: url('../img/picto-recap-2.png'); */

}






i.coche {
    background-image: url('../img/satisfix---cochevert.png');
}

i.maaf {
    background-image: url(/wp-content/uploads/brizy/257291/assets/images/iW=164&iH=50&oX=0&oY=2&cW=164&cH=46/mbb-assurances-logo-mma-entrepreneurs-assurances-compressor.png);
    width: 54px;
}

.satisfix-liste-infos {
    font-size: 13px;
}

#step-3 form.newAppointmentForm p {
    margin-bottom: 20px;
}

label > span.required {
    color: #3cbe71;
}

.booked-calendar-wrap tbody tr + tr .date {
    border-top: 1px solid #ddd;
}




/** RESPONSIVE **/

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

    body .booked-calendar-wrap table.booked-calendar td .date .number {
        padding: 10px 0;
    }

    #nticstudio-booked-wizard {
        font-size: 80%;
    }

    #nticstudio-booked-wizard .nav.step-anchor>li {
        display: none;
    }

    #nticstudio-booked-wizard .nav.step-anchor>li>a {
        padding-left: 0;
    }

    #nticstudio-booked-wizard .nav.step-anchor {
        margin-bottom: 8px;
    }


    #nticstudio-booked-wizard .nav.step-anchor>li.active {
        display: block;
    }


    .brz .brz-wp-shortcode__menu__icon {
        float: right;
        padding: 0 20px !important;
    }

    
    .nticstudio-overlay-popup {       
        font-size: 20px;        
        width:90%;
    }

}


.nticstudio-recap-opener {
    background-color: #3cbe71;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 3000;
    font-family: Montserrat, sans-serif !important;
}

.nticstudio-recap-opener:visited,
.nticstudio-recap-opener:hover {
    color: #fff;
    text-decoration: none;
}

.nticstudio-recap-opener i {
    float: right;
    width: 20px;
    height: 20px;
    content: '>';
    transform: rotate(-90deg);
}

.nticstudio-recap-opener.active i {
    transform: rotate(90deg);
}

#satisfix-recap-popup {
    position: fixed;
    /*bottom: -50px;*/
    top:1%;
    font-size:80%;
    z-index: 3000;
    width: 100%;
    /*left: 5%;*/
}

#satisfix-recap-popup .nticstudio-booked-resume-inner {
    margin:0 auto;
    width:95%;    
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);  
    padding-bottom:2%;
}
#satisfix-recap-popup .nticstudio-booked-resume-inner .step-title {
    font-size:1.5em;
}

#satisfix-recap-popup .nticstudio-booked-resume-inner .title, #satisfix-recap-popup .nticstudio-booked-resume-inner .content {    
    font-size: 1.1em;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: rgb(0, 0, 0, 0.3);
}

.btn-dark {
    background-color: rgba(58,214,76,1) !important;
    border-color: rgba(58,214,76,1) !important;
    color: white !important;
    width: 100%;
}

.btn-dark:hover {
    background-color: rgba(58,214,76,0.8) !important;
    border-color: rgba(58,214,76,0.8) !important;
    color: white !important;
}

.btn.btn-default.sw-btn-next.disabled {
    display: none !important;
}


body table.booked-calendar td.today .date span {
    border: 2px solid #3cbe71 !important;
    color: #000 !important;
}


.booked-close-popup {
    background: #3cbe71;
    color: #fff;
    text-decoration: none;
    border: 3px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 100px;
    padding: 4px 8px;
    -webkit-box-shadow: -2px 1px 3px #ccc;
    -moz-box-shadow: -2px 1px 3px #ccc;
    box-shadow: -2px 1px 3px #ccc;
    width: 35px !important;
    height: 35px !important;
    position: absolute;
    right: -20px;
    top: -20px;
    padding: 10px;
    font-weight: 800;
}

.booked-close-popup a, .booked-close-popup a:visited, .booked-close-popup a:hover {
    color:#fff;
    text-decoration: none;

}

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button[disabled] .button-timeslot{
    cursor: not-allowed!important;
}

body .booked-calendar-wrap .booked-appt-list.nticstudio .timeslot.timeslot-unavailable{
    cursor: not-allowed!important;
}

.front-cancel-form {
    font-family: 'Montserrat';
}
.front-cancel-form .cf-meta-value {
    font-weight: normal !important;
    margin: 5px 0;
}

.front-cancel-form strong {
    font-weight: 600;
}

.front-cancel-form  legend {
    color: #000;
    font-weight: 600;
    font-size: 25px;
}

.front-cancel-form img {
    max-width: 400px;
    height: auto;
}

.nticstudio-form-control-booking .form-control {
    margin-bottom: 8px;
}

body .booked-calendar-wrap .booked-appt-list .timeslot .timeslot-people button {

    background: #3cbe71;
}


@media screen and (max-width:720px){
body .booked-calendar-wrap .booked-appt-list .timeslot.has-title.booked-hide-time .timeslot-people button .button-timeslot { display:block !important; }



}

.ui-dialog {
    top:150px !important;
}

/* PHP 8  WORDPRESS 6 */
body .booked-appt-list .timeslot .timeslot-people {
    padding-right: 0 !important;
}

/* Foçage couleur planning de resa */
body div.booked-calendar .bc-row.days .bc-col, body div.booked-calendar .bc-head {
    background: #ffffff !important;
	    border-color: #ffffff !important;
	color: #000 !important;
}

body div.booked-calendar-wrap div.booked-calendar .bc-head .bc-row.top .bc-col {
    background: #F9D14E !important;
    border-color: #FFF !important;
    color: #000 !important;
    font-size: 24px;
    font-weight: 600;
    border-radius: 20px 20px 0 0;
} 

body div.booked-calendar-wrap div.booked-calendar .bc-body .bc-row.week .bc-col .date .number {
	font-size: 14px;
}

.pac-container {
   margin-top: 15px !important;
}

input[type="file"] {
    font-size: 13px;
    margin-top: 10px;
}