@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.eot');
    src: url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff'),
        url('../fonts/Montserrat-Italic.ttf') format('truetype'),
        url('../fonts/Montserrat-Italic.svg#Montserrat-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.eot');
    src: url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff'),
        url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'),
        url('../fonts/Montserrat-BoldItalic.svg#Montserrat-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}



body,html{height: 100%;font-family: 'Montserrat',sans-serif;font-size: 1em!important;line-height: 1.2em!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Montserrat',sans-serif;font-weight:bold;text-transform: uppercase;}

.col50{width:47.90%;float:left;}
.col50.last{width:47.90%;float:left;margin-left:4.16%;}
.mtop0{margin-top:0px!important}
.mtop20{margin-top:20px!important}
.mtop40{margin-top:40px!important}
.mtop60{margin-top:60px!important}
.mtop80{margin-top:80px!important}
.mbot20{margin-bottom:20px!important}
.mbot40{margin-bottom:40px!important}
.mbot0{margin-bottom:0px!important}
.mbot10{margin-bottom:10px!important}
.padbot0{padding-bottom:0px!important;}
.fright{float: right!important;}

.fixed{position:fixed!important;top:40px;right:0px;}

#errormsg,label.error,.error p{color:#ff0000;font-size:12px;}
input[type="tel"].error,input[type="email"].error,input[type="text"].error,textarea.error{border:1px solid #ff0000!important;}

.navbar-right .hd_nombre,.navbar-right .tipocuenta{color: #fff!important;font-size: 14px;}
.navbar-right .btn{padding: 5px 10px;}
.navbar-right.navbar-form{margin-top: 5px!important;}

#footer {
  padding-top: 20px;
  padding-bottom: 30px;
  /*border-top: 1px solid #cfcfcf;*/
  color: #cccccc;
  background-color:var(--dozys-blue)!important;
  display:table!important;
  width:100%;
  float:left;
}
#footer a {
  color: #cccccc!important;
}
#footer a:hover {
  color: #ffffff!important;
  text-decoration:underline;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
.footerbottom{display:block;padding-top:5x;}
#footer_info{line-height:18px;width:100%;text-align:center;}
#footer_info a,#footer_info p{color:#ffffff;font-size:14px!important;}

#prefooter{;border-bottom:4px solid #222222;margin-top:20px;}
.nav-tabs > li > a {
  color: #555;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

/* .btn */
.btn {
  font-weight: 500;
  text-transform: uppercase;
  font-size:16px;
  line-height: 20px;
  border-radius:0px;
  padding:10px 20px;
  border-radius: 4px;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.btn-xlg {
  padding: 24px 48px;
  font-size: 24px;
}
.btn-xlg [class^="icon-"],
.btn-xlg [class*=" icon-"] {
  margin-right: 10px;
}

.btn-orange{background-color:#ffb802;color:#ffffff!important;}
.btn-blue{background-color:var(--dozys-blue);color:#ffffff!important;}

.btn-navy{background-color:var(--dozys-blue);color:#ffffff!important;}
.btn-navy2{background-color:var(--dozys-blue);color:#ffffff!important;text-transform:none;}

.btn-green{background-color:#222222;color:#ffffff!important;text-shadow:1px 1px 1px #000000;}
.btn-red{background-color:#b84644;color:#ffffff!important;text-decoration: none!important;text-transform: uppercase;}
.btn-red:hover{background:#ffb802;}
.btn-yellow{background-color:#ffb802;color:#ffffff!important;}
.btn-amar {background: #f9d710 none repeat scroll 0 0;color: #444444;border:0px solid #ffffff!important;border-radius:4px;}
.btn-amarillo{background-color:#ffb802;color:#ffffff!important;text-transform:none;border-radius:4px;}
.btn-amarillo:hover{background-color:#b84644;}
.btn-transparente{background-color:none;color:#444444!important;text-shadow:none;border:1px solid #444444;}
.btn-transparente:hover{background-color:rgba(255, 138, 21,1);color:#ffffff!important;}
.btn-transparenteblanco{background-color:none;color:#ffffff!important;text-shadow:none;border:1px solid #ffffff;}
.btn-transparenteblanco:hover{background-color:rgba(255, 138, 21,1);color:#ffffff!important;text-shadow:none;border:1px solid #ffffff;}
.btn-contacto{background-image:url('./assets/images/telefono.png');background-repeat:no-repeat;background-position:0px 4px;padding-left:38px;border-left:10px solid #01A7ED;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;text-transform:none!important;font-size:12px!important;}
.btn-contacto2{background-image:url('./assets/images/telefono.png');background-repeat:no-repeat;background-position:0px 14px;padding-left:38px;border-left:10px solid #01A7ED;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;}
.btn-contacto3{background-image:url('./assets/images/email.png');background-repeat:no-repeat;background-position:0px 14px;padding-left:38px;border-left:10px solid #01A7ED;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;}
.btn-contacto4{background:#ffb802 url('./assets/images/telefono.png');background-repeat:no-repeat;background-position:0px 0px;padding-left:38px;border-left:5px solid #ffb802;padding-right:20px;float:left;margin-left:20px;color:#ffffff!important;text-transform:none!important;font-size:12px!important;border-radius:4px;}
.btn-contacto4:hover{background-color:#b84644;border-left:5px solid #b84644;}
.btn-round{border-radius:4px;}
.btn-big{padding:4px 20px;}
.btn-grey-trans{background:#ffffff!important;color:#666666!important;border-radius:4px;border:1px solid #666666;}
.btn-grey-trans:hover{background:#599543!important;color:#ffffff!important;border-radius:4px;border:1px solid #666666;}
.btn-green-good,.btn-green-trans:hover{background:#599543!important;color:#ffffff!important;border-radius:4px;}
.btn-big.btn-green-good{text-transform:none!important;}
.btn-green-trans,.btn-green-good:hover{color:#599543!important;border:1px solid #599543!important;background:#ffffff!important;border-radius:4px;}
.btn-azul{background:#31798e;color:#ffffff;border-radius:4px;text-transform:none;}
.btn-verde{background:#7eb04a;color:#ffffff;border-radius:4px;text-transform:none;}

.formulario{padding:5px 10px;}
.formulario label{clear:both;display:block;width:100%;color: var(--dozys-blue);}
.formulario label.green{color:#222222;}
.formulario input[type="text"],.formulario input[type="password"],.formulario input[type="tel"],.formulario input[type="number"],.formulario input[type="email"],.formulario textarea,.formulario  select{width:100%;float:left;border:none;border-bottom: 2px solid var(--dozys-blue);padding:8px 10px;background: #fafafa;text-align: left;font-size: 1.2em;line-height: 1.3em;}
.formulario textarea{resize:none;height:120px;}
.formulario fieldset{margin-bottom:20px;}
.formulario h3{font-size:14px;color:#222222;}
.formulario .botones{margin-top: 40px;width: 100%;clear: both;float: left;}

#ui-datepicker-div{z-index: 9999!important;}
#horasdisponibles,#espacios,#diasdisponibles {float: left;clear: both;width: 100%;}
#horasdisponibles a,#diasdisponibles a{padding: 8px 8px;background-color: var(--dozys-blue);color: #fff;margin: 5px 10px 5px 0px;float: left;font-size:1em;line-height: 1em; }
#horasdisponibles a.seleccionada,#diasdisponibles a.seleccionada{background-color: var(--main-green);}
#horasdisponibles hr{float: left;clear: both;width: 100%;}
.btn_res_ant,.btn_res_sig,.formulario input[type="submit"],.btn_calcular{padding: 8px 15px;background-color:var(--dozys-blue);color: #fff;float: left;cursor: pointer;border: none!important;font-size:1.2em;line-height: 1.3em;text-transform: uppercase;border-radius: 4px;}
.btn_res_sig,#calcular_mult{float: right;}
.btn_res_sig:disabled,.formulario input[type="submit"]:disabled,.btn_calcular:disabled{background-color: #eee;color: #ccc;cursor: not-allowed;}
#horasseleccionadas,#diasseleccionados{display: none;}

#reservaview{margin-bottom: 20px;padding-bottom: 20px;}
#inforeserva p{display: none;}
#inforeserva li>ul{width: 100%;clear: both;float: left;}
#inforeserva li>ul>li{display: inline;float: left;padding: 2px 5px;background: #AD0D0D;margin-right: 2px;margin-bottom: 2px}
#inforeserva .respresupuesto{padding: 10px 20px;background: #AD0D0D;font-size: 16px;line-height: 18px;margin-top: 20px;margin-bottom: 20px;float: left;width: 100%;}
#inforeserva .respresupuesto span{display: block;width: 100%;}
#inforeserva .resprofesional,#inforeserva .reshora,#inforeserva .resfecha,#inforeserva .resprecio{display: none;}
.avisopago{display: none;float: left;clear: both;width: 100%;margin: 20px 0px;background-color: var(--main-bg-orange);padding: 20px;}
.avisopago p{color: #000!important}
.logostripe{width: 100%;text-align: center;margin-top: 20px;}
.logostripe img{max-width: 220px;height: auto;}


#reservarformservicios .profavatar{max-width: 100%;max-width: 80px;height: auto;border-radius: 50%;}
#reservarformservicios #profesionales > .row{margin-bottom: 10px;border-bottom: 1px solid  #efefef;padding-bottom: 10px;}
#reservarformservicios #profesionales > .row input[type="radio"]{margin-top: 30px;}


.pasoreserva{display: none;}
.pasoreserva h4{color: var(--dozys-blue);font-size: 1.3em;line-height: 1.4em;margin-bottom: 20px;}
.pasoreserva.pasoactual{display: block;}

.widget{padding: 10px 20px 20px 20px;background-color: var(--dozys-blue);margin-bottom: 20px;float: left;clear: both;width: 100%;}
.widget h4{font-size: 1.4em;line-height: 1.4em;border-bottom: 2px solid #fff;margin-bottom: 20px;}
.widget a,.widget ul,.widget li,.widget p,.widget h4,.widget h3{color: #fff;}
.widget ul{padding-left: 0px;}
.widget li{list-style: none!important;font-size: 1.1em;line-height: 1.4em;}
.pagetitle{background: none!important;margin-bottom: 40px;float: left;width: 100%;clear: both;padding: 10px 0px;}
.pagetitle h1{color: var(--dozys-red);text-transform: uppercase;text-align: left;margin: 0px;font-size: 1.8em;line-height: 1.8em;}

#reservaheader{margin-bottom: 00px;padding: 0px;width: 100%;clear: both;float: left;height: 200px;background-position: center center;background-size: cover;}
#reservaheader #banner{position: relative;z-index: 1;width: 100%;height: auto;}
#reservaheader #avatar{position: absolute;z-index: 2;bottom: 0;right: 0px;width: 200px;height: 200px;}
#reservaheader #infoestablecimiento{max-width: 100%;width: 100%;position: absolute;bottom: 0px;background: rgba(20,20,20,0.6);color: #fff;z-index: 2;padding: 20px;margin-bottom: 0px;z-index: 1;height: 200px;}
#reservaheader #infoestablecimiento h1{font-size: 22px;line-height: 26px;margin-bottom: 10px!important;}
#reservaheader #infoestablecimiento h1,#reservaheader #infoestablecimiento p{max-width: 70%;padding-bottom: 5px;}
#reservaheader #infoestablecimiento p,#reservaheader #infoestablecimiento a{font-size: 16px;line-height: 20px;color:#fff;text-decoration: none!important;margin-bottom: 0px!important;}

p a{color:var(--dozys-blue);text-decoration:underline;}

#aceptarcondi{float:left;width:83%;}
#acepto{margin-right:10px;margin-top:20px;}
#botonsiguiente{float:right;margin-top:20px;}
.contactform input[type="text"],.contactform input[type="password"],.contactform select,.contactform textarea{margin-bottom:20px;}
#contenido{margin-top:60px;height: 90%;}
.item-with-icon{width:40.90%;margin:3%;float:left;text-align:center;border:1px solid #dcdcdc;border-radius:4px;padding:3%;}
.item-with-icon:hover{background:#dcdcdc;}
.item-with-icon:hover a{text-decoration:none;color:#444444;}
.item-with-icon h5{font-size:14px;font-weight:bold;}
.temp-icon img{width:70%;margin:0px auto;max-width:130px;}
.fright{float:right;}
.clearer{clear:both;float:left;}

#cont_diag img{max-width:60%;height:auto;text-align:center;}

.navbar-inverse{background:var(--dozys-blue);min-height:60px;border-bottom:0px solid #fbfbfb;}
.navbar-inverse .btn{font-size:12px;}
.navbar-brand{padding:2px 0px;margin-left:15px!important;max-width:123px;max-height:40px;}
#logo{height:100%;width:auto;max-height:50px;max-width:185px;border:none!important;margin-top:6px;}
.navbar-nav{margin-top:10px;margin-left:20px;}
.navbar-nav > li > a{padding-top:5px;padding-bottom:5px;background-color:transparent;color:#c2d69b!important;}
.navbar-nav > li > a:hover{color:#ffffff!important;}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover {background-color:transparent;color:#ffffff!important;}
.navbar-right{float:right;margin-top:10px;margin-bottom:4px;}
.navbar-inverse .btn-transparenteblanco{border:none;color:#ffffff;}

.cuadrogris{background:#f3f3f3;padding:10px 5px 0px 5px;border-bottom:3px solid #222222;}

.avatar{border:1px solid #cccccc;border-radius:5px;;}
.avatar img{border-radius:5px;}


.modales{display:none;width:50%;position:fixed;padding:2%;top:10%;left:23%;background:#ffffff;box-shadow:1px 1px 1px #cccccc;z-index:2000;}
.modales .closebtn{float:right;color:#cccccc;font-size:18px;clear:both;margin-top:-15px;margin-right:-15px;cursor:pointer;}
.modales p{font-size:12px;line-height:18px;margin-top:10px;color:#444444;}
.modales form{width:60%;margin:0px 20%;}
.modales label{width:100%;clear:both;font-size:12px;line-height:18px;margin-top:10px;}
.modales input[type="text"]{width:100%;font-size:12px;line-height:18px;padding:2px 5px;}
.modales .centered{margin:20px 0px 10px 0px;float:left;width:100%;text-align:center;}

.logindialog{box-shadow: 1px 1px 2px #ccc;padding: 20px 40px;background: #fafafa;max-width: 600px;}
.logindialog .formulario .row{margin-bottom: 20px;}

.class_clinica .respersonas{display: none!important;}

#dattabot-container{border: 1px solid #ccc;background: #fcfcfc;width: 100%;max-width:640px;clear:both;float:left;border-radius: 10px;}
#messagezone{position:relative;width:100%;height: 50vh;overflow-y: auto;background: #fcfcfc;}
#messagezone > div{width: 94%;padding:10px 15px 0px 15px;;font-size: 15px;line-height: 22px;margin-bottom: 20px;}
#messagezone > div p,#messagezone > div h1,#messagezone > div h2,#messagezone > div h3,#messagezone > div h4{font-size: 15px;line-height: 22px;color: #fff;white-space: pre-wrap;}
#messagezonepanel > div li::marker,#messagezonepanel > div ol li,#messagezonepanel > div ul li{color: #fff;}
#messagezone > div li{font-size: 15px;line-height: 22px;color: #fff;padding-left:20px;margin-bottom:5px;}
#messagezone > div a{font-weight: bold;text-decoration: underline;}
#messagezone > div a[target="_blank"]::after{font-size:12px;width:12px;height: 12px;content:"\f08e";color:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family: "Font Awesome 6 Free";margin-left:3px;}
#messagezone .botmessage{background-color: #769D76;border-radius: 6px;float: left;}
#messagezone .botmessage.error{background-color: #c25f55;}
#messagezone .botmessage img{max-width: 70%;height: auto;}
#messagezone .usermessage{background-color: #a0b959;;border-radius: 6px;float: right;}
#messagezone .loading{}
#messagezone .loading img{width: 38px;height: auto;}
#messagezone .loading p{float:left;display: inline;}
#messagezone .botmessage::before{float:left;content:"";border-radius:50%;width:40px;height: 40px;margin-right:15px;margin-bottom:10px;background-size:contain;background-repeat:none;background-position:center center; }
#messagezone > div a[target="_blank"]{display:inline;font-size: 12px!important;opacity: 0.8;margin-bottom:-10px;}
#messagezone > div a[target="_blank"]:last-child{margin-bottom: 0px!important;}

#messagezone > div .resultado_formato{float:left;clear:both;width:100%;margin-bottom:10px;border:1px solid #ccc;padding:10px;background: #fff;}
#messagezone > div .resultado_formato .resultado_cabecera,#messagezone > div .resultado_formato .resultado_contenido{width: 100%;clear:both;float:left;}
#messagezone > div .resultado_formato .resultado_cabecera p{line-height: 16px;}
#messagezone > div .resultado_formato .resultado_cabecera .res_precio{font-weight: bold;color: var(--db-color-bg-query) !important;float:right;display: block;width: 100%;text-align: right;margin-top:10px;}
#messagezone > div .resultado_formato .resultado_imagen{float:left;width:calc(20%);}
#messagezone > div .resultado_formato .resultado_imagen img{width: 100%;height: auto;max-width: 100%!important}
#messagezone > div .resultado_formato .resultado_titulo{float:left;width:calc(80% - 15px);margin-left:15px;}
#messagezone > div .resultado_formato .resultado_titulo a{color: #444;display:bock;}
#messagezone > div .resultado_formato .resultado_titulo ul{width: 100%;padding: 0px;float:left;clear: both;}
#messagezone > div .resultado_formato .resultado_titulo ul li{font-size:12px;line-height:16px;list-style: none!important;float:left;clear:both;width: 100%;margin:0px!important;margin-bottom: 0px!important;padding:0px!important}
#messagezone > div .resultado_formato .resultado_contenido{padding:10px 0px;font-size: 14px;line-height: 18px;}
#messagezone > div .resultado_formato .leermas{display:none;}
#messagezone > div .resultado_formato .leermenosbtn{display:none;}
#messagezone > div .resultado_formato .direct-link,#messagezone > div .resultado_formato .resultado_cabecera .res-precio{float: right;}
#messagezone > div .resultado_imagen a[target="_blank"]::after{display: none!important}
#messagezone > div img[src='url_imagen_relacionada'],#messagezone > div img[src='url_imagen_relacionada']::after,#messagezone > div a[href='url_contenido_relacionado'],#messagezone > div a[href='url_contenido_relacionado']::after{display: none!important}

h2.preguntas_ejemplo{font-size: 22px;line-height: 24px;margin-top: 30px;}
p.preguntas_ejemplo{line-height: 28px;font-size: 16px;color: #666;}
.descripcion_chatbot{line-height: 28px;font-size: 16px;color: #444;}

#dattabot_description{padding-right:40px;}
.categorias_header{width: 100%;text-align: center;}
.categorias_header li{display: inline;list-style: none;width: auto;}
.categorias_header li::after{content: "|";margin:0px 5px;}
.categorias_header li:last-child::after{display: none;}

#loadingclone{display: none;}

#formzone{margin-top: 20px;float:left;clear: both;width: 100%;border:1px solid #666;border-radius: 6px;}
#formchatbot,#formchatbotdev,#formchatbotnew,#formchatbot3{float:left;clear:both;width: 100%;margin-bottom:0px;}
#formchatbot input[type="text"],#formchatbotdev input[type="text"],#formchatbotnew input[type="text"],#formchatbot3 input[type="text"]{float:left;border: 0px;padding:9.5px 46px 9.5px 10px!important;width: 100%;border-radius: 6px;font-size: 16px;line-height: 20px;}
#formchatbot input[type="text"]::placeholder,#formchatbotdev input[type="text"]::placeholder,#formchatbotnew input[type="text"]::placeholder{color: #444!important;opacity: 1!important;}
#formchatbot input[type="submit"],#formchatbotdev input[type="submit"],#formchatbotnew input[type="submit"],#formchatbot3 input[type="submit"]{float: left;clear:none;width: 105px;border-radius: 0px 3px 3px 0px;}

#dattabot-header{padding:20px 10px;width: 100%;float:left;border-radius: 10px 10px 0px 0px}
#dattabot-header img{width: 100%;height: auto;max-width: 128px;border-radius: 50%;}
#dattabot-body{float:left;clear: both;width: 100%;padding:30px 10px;}
.dattabot-send{float:right;padding:10px;position: absolute;right: 40px;}
#dattabot_description img{max-width: 100%!important;}

#dattabot-poweredby{
  font-family: Arial!important;
  font-size: 12px!important;
  display: block!important;
  padding: 10px 0px 0px 0px;
  float: left;
  clear: both;
  width: 100%;
  text-align: center;
  margin-bottom: -20px;
}

#dattabot-poweredby a{text-decoration: underline!important;color: #2980B9!important;font-weight: bold!important}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  float:left;
}
.lds-ellipsis div {
  position: absolute;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 0px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 0px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 16px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 32px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.dattabot_wrapper{margin-top:40px;}

/**RESPONSIVE**/
@media all and (max-width:1919px)
{

}

@media all and (max-width:1599px)
{

}

@media all and (max-width:1439px)
{
  #messagezone > div{width: 85%;}
}

@media all and (max-width:1365px)
{
  #messagezone{height: 60vh;}
  #messagezone > div{width: 90%;}
  #messagezone > div p,#messagezone > div li,#messagezone > div a{font-size: 14px;line-height: 20px;}
}

@media all and (max-width:1279px)
{
  #messagezone{height: 70vh;}
  #messagezone > div{width: 95%;}
}

@media all and (max-width:1023px)
{
  #reservaheader #infoestablecimiento{width: 100%;max-width: 100%;top: 0;left: 0;}
  .widget{margin-top: 30px;}
  #reservaview{float: left;clear: both;width: 100%;display: table; padding-left: 0px;padding-right: 0px;}
  #sidebarview{float: left;clear: both;width: 100%;display: table; padding-left: 0px;padding-right: 0px;}
}

@media all and (max-width:799px)
{
  .title_dattabot{display: none;}
  .dattabot_wrapper{margin-top:0px;}
  #contenido {margin-top: 20px;height: 100%;margin-bottom:20px;}
  .navbar,footer#footer{display: none!important;}
   #messagezone{height: 60vh;}
   .container{padding:0px 10px;}
}

@media all and (max-width:767px)
{
  #logo {max-height: 34px;}
}

@media all and (max-width:599px)
{ 
  #reservaheader #avatar{display: none!important;}
}

@media all and (max-width:413px)
{

}

@media all and (max-width:359px)
{

}   

@media (hover: none)
{

}