/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

 @import url("https://use.typekit.net/xko8quc.css");

body p {font-size : 14px;}

#sb-timeline #steps #steps-content #sb_booking_content .item:first-child,  #sb-timeline #steps #steps-content #sb_booking_content .item:nth-child(2){border-right: 0px;}

#gdpr-report-view #sb_gdpr_report_container .table-section, #main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item.category-item .preloader, #main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item.location-item .preloader, #main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item.service-item .preloader{    background: #121211 !important;} 

#main #main-content #sb_content #sb-timeline #steps-nav {
    box-shadow: none;
    border-bottom: 1px solid #e6e7ec;
    margin-bottom: 50px;
}

 .is-holiday, .custom-form .file-upload__wrapper, .custom-form input:not([type=checkbox]), #sb_gdpr_repeat_submit{color:white !important;}

.booking-info .step_info_item:first-child .title-small:before { content:"Etape 1 : "; position:relative;  font-family: tussilago;}

.booking-info .step_info_item:nth-child(2) .title-small:before { content:"Etape 2 : "; position:relative; font-family: tussilago;}

.booking-info .step_info_item:last-child .title-small:before { content:"Etape 3 : "; position:relative;  font-family: tussilago;}

.tab.tab-col .excerpt-info .btn-bar .btn.select a {padding:0px !important}

.excerpt-info .btn-bar {margin-top:20px !important;}

.btn.btn-with-icon a, .btn.btn-with-icon span {padding:0px !important;}

.btn {
    padding: 15px 25px !important;}

.invoice-pay-page-grid_item.right-block .right-block--section-pd{border-color: white !important;}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item.service-item .btn-bar {
    min-height: 35px !important;
}

.modal-dialog .modal-content button.close {filter: invert(1);
    mix-blend-mode: luminosity;}

.modal-content {
    background-color: #0a0a0a;
    border-radius: 10px !important;
    box-shadow: 1px 1px 11px #202020 !important;
}


.tab.tab-col .full-info, .invoice-notification--content, .payment-modal #sb_payment_systems_container .payment-system.active, .payment-modal #sb_payment_systems_container .payment-system:hover, .payment-modal .payment-system-container .payment-system.active, .payment-modal .payment-system-container .payment-system:hover {background : #121211 !important;} 

.sb_book_again {    color: black !important;}

#sb_cancellation_cancel, .btn.custom.btn-with-icon.sb-book, #sb_gdpr_report_show_confirmation, .btn-send-code, .btn-get-report{text-transform: uppercase;
    font-size: 10px;
    color: black !important;
line-height: 14px;
background-color: #944b2e;
font-family: tussilago;
    font-weight: 500 !important;
    letter-spacing: 1.85px;
  border-radius: 50px;padding: 15px 25px !important;}

 .btn-send-code, .btn-get-report{    font-size: 10px !important;border-radius: 50px !important;text-transform: uppercase !important;}

#sb_cancellation_cancel:hover, .btn.custom.btn-with-icon.sb-book:hover, #sb_gdpr_report_show_confirmation:hover ,  .btn-send-code:hover, .btn-get-report:hover{text-transform: uppercase;
    opacity:0.5;font-weight: 500 !important;}


#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_multiple_booking_btn, #sb_cancellation_confirm, .sb_cancel_btn, .sb_add_to_cal {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    color: #ffffff;
    font-family: 'tussilago';
    text-transform: uppercase !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 1.85px;
    border-radius: 50px !important;
    padding: 15px 25px !important;
}


#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_multiple_booking_btn:hover, .btn.btn-with-icon:hover,#sb_cancellation_confirm:hover,.sb_add_to_cal:hover{
    background-color: #944b2e !important;
    border: 2px solid #944b2e !important;
    color: black !important;
    font-family: 'tussilago';
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500 !important;
    letter-spacing: 1.85px;
    border-radius: 50px;
    padding: 10px 20px;
    opacity: 1;
}


.error-card{height:95vh}

#sb_scroll_top_button, #main-buttons, #header,.custom-checkbox input:checked + .custom-label:after, .iti__flag-container, .form-group label, .to-invoices-list,.invoice-pay-page-grid_item.invoice-pay-page-grid_item-footer, .redirect-block,   #sb_next_month, #time-settings, #sb_simplybook_terms_link, #widget-cookies-overlay {display:none !important;}

#sb_simplybook_terms_flag:after {content:" J'accepte de partager mes données avec THE UNDER STUDIO."}

body, .tab, .section, .title-sub { background-color:#121211 !important; border:none; font-family: montserrat !important;}

#sb-timeline #steps-nav {background-color: #121211 !important}

#sb-timeline #steps #steps-content #sb_booking_content .item { border: 2px solid white;}

#sb-timeline #steps #steps-content #sb_booking_content .item {margin-bottom:0px !important;    padding: 0px;
}}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {color:white !important;}

.sb-cell.free.hovered, .sb-cell.free {
    background-color: #121211 !important;
    color: #ffffff;
    border: 2px solid white;
}

 .sb-cell.free:hover {background-color: white !important;
    color: #121212 !important;}

.tab.tab-col .excerpt-info .read-more:before {
background:linear-gradient(90deg,#12121136 0%,#121211 68%,#121211);}

.tab.tab-col .full-info {background : #121211 !important;} 

.tab.tab-col .excerpt-info .read-more, .tab.tab-col .full-info .close-full-info:hover,.tab.tab-col .full-info .close-full-info {background-color: #121211 !important;}

.tab.tab-col .full-info .img-full img {max-height: 35vh;
    object-fit: cover;}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .day-on {color:white !important;
}

#footer {display:none;}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {    background: #944b2e !important;}


.container-caption, #main #main-content #sb_content #sb-timeline #steps-nav ul .step_info_item .title-small,#sb_dateview_container .header.clearfix, .btn.select.custom, .title-main, #sb_book_btn, .cap.short, .invoice-amounts--total, .message, .title.invoice-title, text-success, .tab.tab-col.get-gdpr-info-modal #sb_gdpr_email_form .cap  {    font-family: tussilago !important; text-transform: uppercase;}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .form-group{    display: flex;
    flex-direction: column;}


.custom-form .file-upload__wrapper, .custom-form input:not([type=checkbox]):focus{    background-color: #121211 !important;    border: none !important;
    border-bottom: 1px solid white !important;
    border-radius: 0px !important;}

.custom-form .file-upload__wrapper, .custom-form input:not([type=checkbox]){    background-color: #121211 !important;    border: none !important;
    border-bottom: 1px solid #757575 !important;
    border-radius: 0px !important;}


  #sb_book_btn span,#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item .btn-bar .btn.select a, #sb_pay_btn {  text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.85px;
    color: black;
line-height: 18px;}

a.btn.select, #sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select, div.tab .btn.select, a.btn.select{    border-radius: 50px !important;}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {    border-radius: 50px;
    line-height: 10px;}

.read-more{font-family: tussilago;
    font-size: 12px;
    font-weight: 400 !important;
    letter-spacing: 1.85px;}

.text, .time span, #sb_booking_company_time, .date-line--caption, .booking-info__details-row, .full-info-price--caption,  .full-info-price--caption, .full-info-price--caption, .inv-cell-date b, .inv-cell-due-date b,.inv-cell-processor b, .text-warning, .text-success  {font-family: kepler-std-display;     font-weight: 100; font-style: italic;
    letter-spacing: 1.85px;}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .item .cap{    margin-bottom: 15px;}

.container-caption{margin-bottom: 35px !important;}

.sb-cell.free:hover {
    background-color: #944b2e !important;
    color: #121212 !important;
    border-color: #944b2e;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-name .name, .cap.mg{    font-family: tussilago;    font-size: 12px !important;}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.prev-or-next-month .day-on   {    color: #999999 !important;}

.cap.mg {font-size:16px !important;}

.booking-overview tbody tr:last-child {display:none;}

.label{font-family: 'montserrat';
    font-size: 14px;}

.step_info_item .content {    display: flex !important;
    flex-direction: column !important;}

.form-control{padding:0px !important;}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .form-group {
    margin-bottom: 35px;
}

.full-info-price--value, .full-info-price--value, .full-info-price--value {    font-family: tussilago;
    font-size: 12px;}

.title-main {    padding-bottom: 80px;}

#main #main-content #sb_content #sb-timeline #steps #sb_booking_content .detail-step-wrap .section-pd{padding-top: 0px;}

.invoice-pay-page-grid_item.right-block .right-block--section-pd,
.invoice-pay-page-grid_item.right-block .right-block--body table thead{    background: #121211 !important;    box-shadow: none !important;}



 #events h3   {
	/* add your css rule here */
}





 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}