/* Styles definition here */

.ahb-section-container{border-radius:25px !important;width:50% !important;}
.ahb-calendars-list{ background-color:#fff; padding:30px;width:200px;margin-top:80px;border-radius:25px;}
.ahb-calendars-list{ width:50% !important; }
.ahb_m2 #fbuilder .ui-datepicker .ui-datepicker-prev, #fbuilder .ui-datepicker .ui-datepicker-next
{
	width:14px;
	height:14px;
}



#fbuilder, #fbuilder label, #fbuilder span { color: #1C355E; }
#fbuilder input[type=text], #fbuilder textarea, #fbuilder select { color: #1C355E;border:none; }
.ui-datepicker-calendar{background:#000;}
#fbuilder .ui-datepicker-inline { max-width:400px !important; }
.ahb-calendars-list{ width:30%; }

.fieldCalendar .fieldCalendarfieldname1_1 .notranslate .hasDatepicker{background:#000;}
.ui-datepicker-title{ font-size:20px; color:#000; background:#F6F6F6;} //Titulo mes
.availableslot { background-color#000;width:70px;font-size:12px; max-height:400px;}
.slots span{ display:none; }
#field_1-0 label{ display:none; }
#fieldname1_1{ display:none; }
#email_1{float:left;}
#field_1-1{width:400px;}/*Tamaño del objeto a lo ancho*/
.pbSubmit {background-color: #B9D2DC !important; color: #1C355E !important;border: none !important;width: 100%;padding: 15px !important;border-radius: 25px !important;}
.fieldCalendarServicefieldname1_1{margin-top:-15px;width:30%;}
.slots{margin-top:-150px; padding:0;}
#fbuilder .slots {margin-top: -20px;}
#fbuilder input[type=text], #fbuilder textarea, #fbuilder select {    color: #1C355E;    width: 100% !important;    padding: 15px;}
#field_1-1 {    width: 400px;}
.fieldCalendarService{ display:none; }
.ahb_m2 #fbuilder .ui-datepicker-calendar .ui-state-active
{
     width: 100% !important;
	background:#1C355E !important;

}
.ahb_m2 #fbuilder .slots div a /*SLots de horarios*/
{
	width: 100%;
    border-radius: 100px;
    background: #B9D2DC;
    color: #1C355E;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 8px 12px;
}
.ahb_m2 #fbuilder .ui-datepicker table, .ahb_m2 #fbuilder .ui-datepicker thead, .ahb_m2 #fbuilder .ui-datepicker tr, .ahb_m2 #fbuilder .ui-datepicker th, .ahb_m2 #fbuilder .ui-datepicker td {
    border: 0px;
    background: transparent;
}

.ahb-section-container{border:none !important;}
table td, table th {
	border:none;
    vertical-align: top;
}
#formheader_1::before{
	content: "¡Agenda tu visita! \A Conoce nuestro Showroom" !important;
	white-space: pre-line;
	display: block; /* o inline-block */
	  width: 100%;
	  text-align: center;
	  left: 50%;
}


/*MOVIL*/

@media (max-width: 767px) {
#formheader_1::before{
	white-space: pre-line;
	display: block; /* o inline-block */
	  width: 100%;
	  text-align: center;
}
	.ahb-section-container {
    transform: scale(0.8); /* Reduce el tamaño general */
    top: 50%;
  left: 50%;

  }
}