/*
 * DVIA EasyAppointment Add-on
 * 
 * All customizations should remain scoped
 * inside the main container.
 */
 .gt_switcher_wrapper {
     top:1px!important;
     right:10px!important;
     width: 100px;
     color:  #f07e0a;
     border: 2px solid #f07e0a;
 }
 .gt_selector.notranslate {
     color: #ffa247;
     height: 28px;
     font-size:14px;
 }
 /*Una barra que sale al final del formulario de reserva*/
 .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
display:none;
}
 

#dvia-easyappointment-add-on-container {
	box-sizing: border-box;
	overflow-x:auto;
	width:96%;
	max-width: 700px;
	margin: 0 auto 50px auto!important;
}


#dvia-easyappointment-add-on-container *,
#dvia-easyappointment-add-on-container *::before,
#dvia-easyappointment-add-on-container *::after {
	box-sizing: border-box;
}
#dvia-easyappointment-add-on-container .ea-standard {
    width:100%;
	margin: 0;
	border: 4px solid #fbf7f7;
	box-shadow: 2px 2px 8px #a1e7f5, -2px -2px 8px #88e1e0;
	border-radius: 15px;
	background-color: #eefcff;
	
}
#dvia-easyappointment-add-on-container .ui-datepicker-title {
	background-color: #7ff2f5;
	border-radius: 10px;
	border: 2px solid white;
}
#dvia-easyappointment-add-on-container .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
	border:2px solid #0b9999;
}
#dvia-easyappointment-add-on-container .ui-state-default{
	display: flex;
	justify-content:center;
	align-items: center;
	width: 40px;
	height: 40px;
	text-decoration:none;
	font-size: 20px;
	margin:4px auto;
	border-radius:6px;
	color: #1ab6e0;
	text-align:center;
	margin:2px auto;
	border-radius: 50%;
	border:1px groove #6ea39f;
}
#dvia-easyappointment-add-on-container .ea-label {
width:max-content;
text-align: left;
}
#dvia-easyappointment-add-on-container .ea-standard .step {
width: 100%;
display: flex;
flex-direction: column;
}
#dvia-easyappointment-add-on-container .ea-standard .step select {
	width: 100%;
}
#dvia-easyappointment-add-on-container .filter  {
	border-radius: 18px;
}
#dvia-easyappointment-add-on-container .ea-confirmation-title {
	text-align: center!important;
}
#dvia-easyappointment-add-on-container .ea_hide_show > p:not([class]) {
  Display: flex;
flex-direction: column;
align-items: flex-start;


}
#dvia-easyappointment-add-on-container .ea_hide_show  label {
text-align:left;

}
#dvia-easyappointment-add-on-container .ea_hide_show   .custom-field {
width: 100%;
}
#dvia-easyappointment-add-on-container .ea_hide_show div:not([class]) {
	display:flex;
	width: 100%;
justify-content: space-between;

}

#dvia-easyappointment-add-on-container .ea_hide_show > p:last-child {
	display: block;
}

#dvia-easyappointment-add-on-container .ea_hide_show > p > .i-agree {
	width: max-content !important;
}

#dvia-easyappointment-add-on-container .ea_hide_show > p > input[type="checkbox"][name="iagree"] {
	width: max-content !important;
}
#dvia-easyappointment-add-on-container #ea-overview-buttons,
#dvia-easyappointment-add-on-container .time-message {
	display: none;
}
#dvia-easyappointment-add-on-container #ea-overview-details tbody {
	display: grid;
	width: 100%;
}
#dvia-easyappointment-add-on-container #ea-overview-details tbody tr {
    display: grid;
    grid-template-columns: 130px 220px;
    justify-content: center;
    width: 100%;
}
#dvia-easyappointment-add-on-container #ea-overview-details tbody tr,
#dvia-easyappointment-add-on-container #ea-overview-details tbody td {
    border: none;
}
#dvia-easyappointment-add-on-container  .ea-btn.ea-submit, #dvia-easyappointment-add-on-container  .ea-btn.ea-cancel {
        color: #ffffff;
        border-color: #046bd2;
        background-color: #046bd2;
        padding-top: 15px;
        padding-right: 30px;
        padding-bottom: 15px;
        padding-left: 30px;
        font-family: inherit;
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1em;
		border-radius: 10px;
}
#dvia-easyappointment-add-on-container .ui-widget-content,
#dvia-easyappointment-add-on-container .ui-widget-header,
#dvia-easyappointment-add-on-container .ui-state-default,
#dvia-easyappointment-add-on-container .ui-widget-content .ui-state-default,
#dvia-easyappointment-add-on-container .ui-widget-header .ui-state-default {
	background-image: none !important;
}

#dvia-easyappointment-add-on-container
.ea-standard > form[novalidate] > .step:nth-child(-n+2) {
display:flex!important;
flex-direction: column;
}

#dvia-easyappointment-add-on-container .ea_hide_show:nth-child(2 of .ea_hide_show) > p:not([class]){
flex-direction: row;
}
#dvia-easyappointment-add-on-container .ea-status-note{
    text-align: left;
}

#dvia-easyappointment-add-on-container  #booking-overview #ea-overview-details td {
	width: 100%!important;
	white-space: normal;
	overflow-wrap: anywhere!important;
	
}
#dvia-easyappointment-add-on-container .ea-standard #booking-overview .ea-label{
opacity: 1!important;
}


#dvia-easyappointment-add-on-container
#booking-overview
.row-service > .value {
	white-space: normal;
	overflow-wrap: break-word;
}
#dvia-easyappointment-add-on-container
.dvia-easyapp-progress {
	width: 100%;
	height: 5px;
	overflow: hidden;
	border-radius: 10px;
}

#dvia-easyappointment-add-on-container
.dvia-easyapp-progress-bar {
	width: 35%;
	height: 100%;
	animation: dviaEasyAppProgress 1s linear infinite;
}

#dvia-easyappointment-add-on-container
#dvia-easyapp-new-appointment {
	text-align: center;
	background-color: #00afff;
	border-radius: 10px;
}

#dvia-easyappointment-add-on-container
#dvia-easyapp-new-appointment a {
	font-size: 16px;
	color: #fefefe;
	background-color: #00afff;
	padding: 2px 3px;
	text-decoration: none;
}
#dvia-easyappointment-add-on-container
#dvia-easyapp-submit-feedback {
	text-align: center;
	background-color: #00afff;
	border-radius: 10px;
	color:#fefefe;
}

@keyframes dviaEasyAppProgress {
	from {
		transform: translateX(-100%);
	}

	to {
		transform: translateX(300%);
	}
}

#dvia-easyappointment-add-on-container .disabled .block{
background-color: rgb(200 233 241 / 53%);
}


#dvia-easyappointment-add-on-container
.dvia-easyapp-policy-link {
	display: inline;
	margin-left: 4px;
	text-decoration: underline;
	font-weight: 500;
}

 #ui-datepicker-div{
	display:none!important;
}

#dvia-easyappointment-add-on-container {
min-width: 355px;
}

@media(max-width: 680px) {
 .gt_switcher_wrapper {
     top:50px!important;
}   
    
}

@media(max-width: 650px) {
#dvia-easyappointment-add-on-container .ea-btn.ea-cancel {
margin-left: 0;

}
#dvia-easyappointment-add-on-container .ui-state-default {
width: 30px;
height: 30px;
font-size: 14px
}
#dvia-easyappointment-add-on-container .time-value, #dvia-easyappointment-add-on-container .time-disabled{
font-size: 14px;
}
#dvia-easyappointment-add-on-container .time-disabled {
	padding: 1px;
}
#dvia-easyappointment-add-on-container .ui-datepicker-month, #dvia-easyappointment-add-on-container .ui-datepicker-year{
font-size: 16px;

}

#dvia-easyappointment-add-on-container  .ui-datepicker-calendar td {
width: 35px;
}
#dvia-easyappointment-add-on-container .ea-standard .time-value{
padding: 1px;
}
#dvia-easyappointment-add-on-container #ea-success-box {
	min-width: 300px!important;
	padding: 2px!important;
}
#dvia-easyappointment-add-on-container #ea-success-box p {
text-align: left;
}

#dvia-easyappointment-add-on-container #ea-success-box h3 {
	font-size: 14px;
	text-align: center;
}
#dvia-easyappointment-add-on-container #ea-overview-details tbody tr {
	grid-template-columns: 137px 152px;
}

#dvia-easyappointment-add-on-container #booking-overview .ea-label {
    border:none;
}

#dvia-easyappointment-add-on-container  #booking-overview #ea-overview-details td {
font-size: 12px!important;
}

}