@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,600,700,800');

*, *:after, *:before {margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; word-break: break-word;}
*:focus{outline:none;}
* { /*-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ }
a{text-decoration:none;color:#3D84EA}
body{font-family: 'Nunito', sans-serif ;color: #455660; font-weight: 400; line-height: 140%; font-size: 14px; min-width: 300px;background: #F9FBFE;  }
li {list-style: none;margin-bottom: 8px;}
img{display:block}
button{background:transparent;border:none}
select{cursor:pointer;}
input, textarea, button, select, a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
form,form input,form textarea,form select,input,select {-webkit-appearance: none!important;-moz-appearance: none!important;appearance: none!important;}
input[type="text"], input[type="time"], input[type="email"], select, textarea, input[type="password"] { background-color: #fff !important; border: 1px solid #BCC4C9; border-radius: 8px; padding: 10px 24px 10px 24px; margin: 4px; color: #455660; /* line-height: 24px; */ }

.disabled {
    opacity: .3;
    pointer-events: none;
}

input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {background-color: #fff!important;}
input[type="submit"]{border:none}
.autocomplete-suggestion { padding: 8px 12px; }
.autocomplete-suggestion.autocomplete-selected { background: rgba(61, 132, 234, .12) }
.autocomplete-suggestions { box-shadow: 0 0 8px rgba(69, 86, 96, .4); }
.autocomplete-suggestions::-webkit-scrollbar { width: 8px; }
.autocomplete-suggestions::-webkit-scrollbar-thumb { background: #3D84EA; border-radius: 4px; width: 16px }
.autocomplete-suggestions::-webkit-scrollbar-thumb:active { background-color: #3D84EA; }
.autocomplete-suggestions::-webkit-scrollbar-thumb:hover { background: #3D84EA; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
.autocomplete-suggestions::-webkit-scrollbar-track { background: #e1e1e1; width: 4px; }
.autocomplete-suggestions::-webkit-scrollbar-track:hover, .autocomplete-suggestions::-webkit-scrollbar-track:active { background: #d4d4d4; }

.dvDevInfo { display: none }
.dvMain {width: 100%;}

.inline-block{display:inline-block}
.w30{width:calc(33.3% - 20px)}
.w50{width:calc(50% - 20px)}
.w100{width:100%}

.error-list {display:none;}

/*reservas duration time*/
#durationTime {
    color: #455660;
    font-size: 14px;
    opacity: .5;
}

/* COLORES PANEL */
.azul { color: #3D84EA;}
.blanco {color: #fff;}
.grisOscuro {color: #455660;}
.grisMedio {color: #BCC4C9;}
.grisMedioOs{color:#95a1a9}
.bk-azul {background: #3D84EA;}
.bk-blanco {background: #fff;}
.bk-grisClaro {background: #F9FBFE;}
.bk-grisMedio {background: #BCC4C9;}
.bk-grisMedioOs { background: #95a1a9 }

/*ICONOS*/
.titulo2:before {content: '';font-family: "Font Awesome 5 Pro";font-weight: 900;margin-right: 4px;width: 20px;text-align: center;display: inline-block;}
.config .titulo2:before {  content: '\f013'; }
.inicio .titulo2:before {  content: '\f015';}
.categorias .titulo2:before { content: '\f07c';}
.servicios .titulo2:before { content: '\f47b';}
.clientes .titulo2:before { content: '\f007'; }
.observaciones-cli .titulo2:before{content:'\f4b0'}
.observaciones-confirmacion .titulo2:before { content: '\f4ac' }
.observaciones-cancelacion .titulo2:before { content: '\f4b5' }
.ausencias .titulo2:before { content: '\f273';}
.personal .titulo2:before { content: '\f508'; }
.soporte .titulo2:before { content: '\f128'; }
.notificaciones .titulo2:before { content: '\f0f3';}
.stats .titulo2:before { content: '\f64e'; }

/*.personal .titulo2:before { content: '\f007'; }*/
.reservas .titulo2:before { content: '\f017';}
.desconectar .titulo2:before { content: '\f011';}
.duracion .titulo2:before{content:'\f2f2'}
.cupomax .titulo-con-info .titulo2:before { content: '\f0c0';}
.tipo-pago .titulo2:before { content: '\f662' }
.importe .titulo2:before { content: '\f53a' }
.calendario .titulo2:before {  content: '\f073'; }
.observaciones-internas .titulo2:before{content:'\f303'}
.serv-categoria .titulo2:before{content:'\f07c'}
.importe-pagado .titulo2:before{content:'\f153'}
.importe-pagado span {margin-left: 24px;}
.importe-pagado.pink { color: #9900FF; }
.rango .titulo2:before{content:'\f0dc';}
.email .titulo2:before{content:'\f0e0'}
.telefono .titulo2:before {content: '\f095';transform: scaleX(-1);margin-right:0;text-align:right}
.descripcion-personal .titulo2:before{content:'\f2b9'}
.apellidos .titulo2:before{content:'\f2bb'}
.telefono .titulo2 i { margin-right:4px }
.ver .titulo2:before{content:'\f06e'}
.foto .titulo2:before { content: '\f03e' }
.precio .titulo2:before { content: '\f09d' }
.paleta-color .titulo2:before{content:'\f53f'}
.direccion .titulo2:before{content:'\f3c5'}
.filtro .titulo2:before { content: '\f1de' }
.desplegable{position:relative;display:inline-block}
.formulario-datos .desplegable { display: inline }
.desplegable:after{content: '\f0dd'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: 4px; position:absolute; top:12px; right:12px;pointer-events:none;}
#conflicto:before,#expired:before { content: '\f071'; font-family: "Font Awesome 5 Pro"; font-weight: 900; }
.formulario-datos .desplegable:after{top:-3px}
.fab.fa-whatsapp{font-weight:800}
i.dch { margin-left: 12px; }
i.izq{margin-right:12px}




/*titulos*/
.titulo1 { font-family: 'Nunito', sans-serif; color: #455660; font-weight: 800; line-height: 140%; font-size: 20px; margin: 0; }
.titulo2 {font-family: 'Nunito', sans-serif; font-weight: 700; line-height: 140%; font-size: 16px; margin: 0 0 12px;}
.titulo2.titulo-subtema { font-size: 18px; }
.titulo3 { font-family: 'Nunito', sans-serif; font-weight: 600; line-height: 140%; font-size: 16px; margin: 0}
.titulo4 {font-family: 'Nunito', sans-serif; color: #455660; font-weight: 700; line-height: 100%; font-size: 14px;  margin: 0;}
.titulo5 { font-family: 'Nunito', sans-serif; font-weight: 700; line-height: 140%; font-size: 16px; margin: 0 0 12px; }
.may{text-transform:uppercase}
.sin-mrg{margin-bottom:0}
.bold{font-weight:700}

/*FLEX*/
.flex { display: flex}
.flex-row { display: flex; flex-flow: row wrap;}
.flex-col { display: flex; flex-direction: column;}

/*breadcrums*/
.breadcrumb{max-width:1000px;margin:0 auto;display:block}

/*botones*/
.btn {padding: 8px 32px;border-radius: 8px;font-size: 18px;font-weight: 600;line-height: 24px;}
.btn:hover { box-shadow: 0 0 8px rgba(69, 86, 96, .4); transition: all 0.2s ease;}
.btn i { font-size: 16px; }
.btn-blanco{border:2px solid #3D84EA; color:#3D84EA}
.btn-azul {border: 2px solid #3D84EA !important;background: #3D84EA;color:#fff;}
.btn-cancelar{border:2px solid #BCC4C9;color:#455660;background:#BCC4C9;}
.btn-rechazar { background: #DD2645; border: 2px solid #DD2645;color:#fff;}
.btn-confirmar { background: #29a22e; border: 2px solid #29a22e; color: #fff }
.btn-eliminar i{padding:8px}
.eliminar{cursor:pointer}

/*radio-buttoms*/
#tipo_agenda .radio-btn{margin-left:20px;}
.radio-btn.flex-row li {margin-left: 12px;}
.radio-btn.flex-row li:first-child {  margin-left: 0;}
.radio-btn.flex-col li { margin-left: 0;display:flex}
.radio-btn li:before { content: '\f111'; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin-right: 4px;}
.radio-btn li.selected { color: #3D84EA; font-weight: 800}
.radio-btn li.selected:before { content: '\f2f8'; font-weight: 900;}

input[type="radio"] {display: none;}
.radio-btn input[type="radio"] + span:before, .radio-btn input[type="radio"] + .mensaje:before { content: '\f111'; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin-right: 2px; }
.radio-btn input[type="radio"]:checked + span:before, .radio-btn input[type="radio"]:checked + .mensaje:before { content: '\f2f8'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 2px; color: #3D84EA; }
.radio-btn input[type="radio"]:checked + span, .radio-btn input[type="radio"]:checked + .mensaje { color: #3D84EA; font-weight: 800 }
.radio-btn input[type="checkbox"] + span:before, .radio-btn input[type="checkbox"] + .mensaje:before { content: '\f111'; font-family: "Font Awesome 5 Pro"; font-weight: 400; margin-right: 2px; }
.radio-btn input[type="checkbox"]:checked + span:before, .radio-btn input[type="checkbox"]:checked + .mensaje:before { content: '\f2f8'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 2px; color: #3D84EA; }
.radio-btn input[type="checkbox"]:checked + span {color: #3D84EA;font-weight: 800}
.radio-btn.flex-row label span, .radio-btn.flex-row label .mensaje { margin-left: 12px; }
.radio-btn.flex-row label:first-child span {margin-left: 0;}
.radio-btn input[type="checkbox"] + label:before {content: '\f111';font-family: "Font Awesome 5 Pro";font-weight: 400;margin-right: 4px;}
.radio-btn input[type="checkbox"]:checked + label:before {content: '\f2f8';font-family: "Font Awesome 5 Pro";font-weight: 900;margin-right: 4px;color: #3D84EA;}
.radio-btn input[type="checkbox"]:checked + label {color: #3D84EA;font-weight:700;}
.radio-btn input[type="checkbox"] + label {cursor:pointer}

/*check-buttoms*/
.check-btn input[type="checkbox"] + label{ position: relative; margin-left: 24px }
.check-btn input[type="checkbox"]:checked + label{ color: #3D84EA; font-weight: bold }
.check-btn input[type="checkbox"] + label:before{ position: absolute; content: ''; margin-right: 2px; width: 18px; height: 18px; background: #fff; border: 2px solid #455660; border-radius: 4px; top: 1px; left: -24px; }
.check-btn input[type="checkbox"]:checked + label:after { content: '\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 2px; color: #3D84EA; left: -20px; position: absolute; top: 0; font-size: 10px; }
.check-btn input[type="checkbox"]:checked + label:before{ border: 2px solid #3D84EA; }
.check-btn input[type="checkbox"]:checked + input[type="hidden"] + label { color: #3D84EA; }
.check-btn input[type="checkbox"] + input[type="hidden"] + label { position: relative; margin-left: 24px }
.check-btn input[type="checkbox"] + input[type="hidden"] + label:before { position: absolute; content: ''; margin-right: 2px; width: 18px; height: 18px; background: #fff; border: 2px solid #455660; border-radius: 4px; top: 1px; left: -24px; }
.check-btn input[type="checkbox"]:checked + input[type="hidden"] + label:after { content: '\f00c'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 2px; color: #3D84EA; left: -20px; position: absolute; top: 0px; font-size: 10px; }
.check-btn input[type="checkbox"]:checked + input[type="hidden"] + label:before { border: 2px solid #3D84EA; }
.check-btn input[type="checkbox"]:checked + input[type="hidden"] + label { color: #3D84EA; }

/*toggle-buttoms*/
.toggle-btn input[type="checkbox"] + input[type="hidden"] + label { position: relative; margin-left: 24px;margin-right:20px}
.toggle-btn input[type="checkbox"] + input[type="hidden"] + label:before { position: absolute; content: '\f204'; font-family: "Font Awesome 5 Pro"; margin-right: 8px; width: 18px; height: 18px;top: 0px; left: -28px; font-size:20px}
.toggle-btn input[type="checkbox"]:checked + input[type="hidden"] + label:before { position: absolute; content: '\f205'; font-family: "Font Awesome 5 Pro"; margin-right: 8px; width: 18px; height: 18px; top: 0px; left: -28px; font-size: 20px; color: #3D84EA }
.toggle-btn input[type="checkbox"]:checked + input[type="hidden"] + label {color: #3D84EA;}

/*switch*/
.switch { position: relative; display: inline-block; width: 120px; height: 28px; margin-right:12px}
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #adadad; -webkit-transition: .4s; transition: .4s; border-radius: 34px; display: flex; align-items: center; justify-content: space-around }
.slider:before { position: absolute; content: ""; height: 24px; width: 56px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 32px; }
.slider .etiqueta{padding:4px;color:#fff}
input:checked + .slider { background-color: #3D84EA; }
input:focus + .slider { box-shadow: 0 0 1px #3D84EA; }
input:checked + .slider:before { -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px); }

/*scroll*/
.scroll{padding-right:16px}
.scroll::-webkit-scrollbar {width: 8px;}
.scroll::-webkit-scrollbar-thumb { background: #3D84EA; border-radius: 4px; width: 16px}
.scroll::-webkit-scrollbar-thumb:active {background-color: #3D84EA;}
.scroll::-webkit-scrollbar-thumb:hover {background: #3D84EA;box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);}
.scroll::-webkit-scrollbar-track {background: #e1e1e1;border-radius: 4px; width: 4px;}
.scroll::-webkit-scrollbar-track:hover, .scroll::-webkit-scrollbar-track:active { background: #d4d4d4;}

/*data picker*/
#ui-datepicker-div {font-family: 'Nunito', sans-serif ;color: #455660; font-weight: 400; line-height: 140%; font-size: 14px;  }
.ui-widget-header { border: none!important;background:none!important; color: #455660!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: none!important;background: none!important; color: #455660;}
    .ui-state-default.ui-state-active { position: relative; color: #fff !important; }
.ui-state-default.ui-state-active:before{content:'';background:#3D84EA!important;text-align: center!important;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1;border-radius:20px;width:28px;height:28px}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {	border: none!important;		}
.ui-widget-header .ui-icon { background: url(../img/chevron-right-solid.svg)no-repeat !important; background-position: center;opacity:.6 }
.ui-widget-header .ui-datepicker-prev .ui-icon { transform: scaleX(-1); }
.ui-datepicker-header .ui-datepicker-next:hover { right: 0px; }
.ui-datepicker-header .ui-datepicker-prev:hover { left: 0px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {  top: 2px;background:#fff!important }
.ui-datepicker-calendar td .ui-state-default {display:flex; justify-content:center }
.ui-datepicker-today { position: relative }
.ui-datepicker-today:before { content: ''; height: 28px; width: 28px; position: absolute; border-radius: 40px; background: #e8e9ec;z-index:-1;top:0;bottom:0;left:0;right:0;margin:0 auto }


/*LOGIN*/
.bglogin { justify-content: center; align-items: center; height: 100vh; padding-bottom: 10%; text-align: center; }
.bglogin .titulo1{font-size:32px;margin-bottom:8px}
.bglogin #spnNombreEmpresa.titulo2{opacity:.5;font-size:20px;margin-bottom:20px}
.bglogin #spnNombreEmpresa.titulo2:before{display:none}
.btnLogin{font-family: 'Nunito', sans-serif ;border:none;margin:8px;}
.dvLoginCont{padding:12px}
#dvLogin .logincont .dvApartadoLogin.btn-log{ margin-bottom: 12px }
.logincont .pass { margin: 20px 0; }
.validation-summary-errors.error { color: #DD2645 ;font-weight:700;margin-top:12px}
#dvLogin .pPowered { margin-top: 4px; }


/* HEADER */
header { padding: 4px 20px; align-items: center; justify-content: space-between; border-bottom: 1px solid #BCC4C9; position: fixed; width: 100%; z-index: 3; top: 0; left: 0; height: 56px; }
header .izq{align-items: center;}
header .izq #logo{width:100%;max-width:140px;margin:0 8px;}
header .izq #logo  img{display:block;width:100%;}
header .izq #burger{display:flex;padding:12px 16px;margin:0 4px 0 0;}
header .izq #burger:hover{background:#EFF2F4;border-radius: 8px;transition: all .4s ease;}
header .izq #burger:after{content:'\f0c9';font-family: "Font Awesome 5 Pro";font-size: 20px;font-weight:300;}
header .dch{align-items: center;}
header .dch #alerta {margin:0 16px; cursor: pointer; }
header .dch #alerta div{ position: relative; display: flex; align-items: flex-start;}
header .dch #alerta i{font-size:24px;}
#notifynum,#notifynumNav { background: #DD2645; color: #fff; border-radius: 16px; padding: 0px 6px; box-shadow: 0px 0 0 2px #fff; min-width: 20px; min-height: 20px; margin: -8px 0 0 -8px; display: flex; align-items: center; justify-content: center; font-family: Arial, Helvetica, sans-serif;line-height:14px}
#notifynumNav { margin-left: 8px; font-size: 14px;font-weight:400}
    #notifynum:empty, #notifynumNav:empty { display: none; }

/*menú principal*/
#menu{margin-top: 20px;}
.menuPpal {position: fixed;height: calc(100% - 56px);width: 280px;padding: 0 20px;border-right: 1px solid #BCC4C9;overflow: auto;z-index: 2;background-color: #fff;left: 0;transition: all 300ms ease;margin-top: 56px;transform: translateX(0);}
.menuPpal.oculto{ transform: translateX(-100%)}
body:not(.bodyReservas) .menuPpal ~ main > .logo-cliente { transition: all 300ms ease; }
body:not(.bodyReservas) .menuPpal.oculto ~ main > .logo-cliente { transform: translateX(-100%); }
#menu li.item-menu{margin-bottom:0}
#menu .item-menu { position: relative; cursor: pointer }
#menu .item-menu a .titulo2{padding: 16px 16px 16px 20px;margin-bottom:0;display:block}
#menu .item-menu a:before {content:"";position: absolute;  top: 0px;  left: 0px;  width: 0px;  height: 100%;transition: all 600ms ease;z-index:-1;border-bottom:1px solid #3d83ea}
#menu .item-menu:hover a:before {width: 100%;}
#menu .item-menu:last-child { margin-bottom: 100px;}
#menu .item-menu:hover span.titulo2{color:#3d83ea;transition: all 600ms ease;}
.alerta{display:inline-block}

/*logo del cliente*/
.logo-cliente{position: fixed;bottom:0;left: 0;width: 280px;max-height:112px;padding:16px 20px;justify-content: center;z-index: 2;/*border-top:1px solid #BCC4C9;*/border-right:1px solid #BCC4C9;}
/*.logo-cliente:before{content:'';position:absolute;height: 20px;width:279px;top:-20px;background: rgba(255,255,255,0);background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}*/
.logo-cliente img { display: block; max-height:80px; margin: 0 auto; }

/*menú secundario*/
.menu-scnd { position: fixed; height: calc(100% - 55px); width: 280px; padding: 0 20px; border-right: 1px solid #BCC4C9; overflow: auto;margin-top:55px;}
.menu-scnd::-webkit-scrollbar {   display: none; }
.menu-scnd .item-menu { margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #BCC4C9; }
.menu-scnd .item-menu:last-child { margin-bottom: 100px;}
.menu-scnd .item-menu .contenido-item {margin-left: 20px;max-height: 18.5vh;overflow: auto;}
.calendario-ico input { width: 100%; padding-left: 44px }
.calendario-ico:before { content: '\f333'; font-family: "Font Awesome 5 Pro"; font-weight: 400; position: absolute; top: 14px; left: 20px; pointer-events: none; opacity: .5; font-size: 18px }
.calendario-ico { position: relative }
#range_calendars { margin-top: 12px; margin-left: 20px; margin-right: 16px }
.menu-scnd #calendar{margin-right:8px}


.contenido-ppal{margin-left: 280px;margin-top: 56px;overflow: hidden;width: 100%;}
/*cierre menú PC*/
body:not(.bodyReservas) .menuPpal ~ main .contenido-ppal, body:not(.bodyReservas) .menuPpal ~ main .contenido-ppal .menu-trc { transition: all 300ms ease; }
body:not(.bodyReservas) .menuPpal.oculto ~ main .contenido-ppal { margin-left: 0; }
body:not(.bodyReservas) .menuPpal.oculto ~ main .contenido-ppal .menu-trc { width: 100%; }
/*menú terciario*/
.menu-trc{padding:8px 20px;border-bottom:1px solid #BCC4C9;justify-content: space-between;position: fixed;width: calc(100% - 280px);z-index: 1;box-shadow: 1px 2px 4px rgba(0,0,0,.05);align-items: center;}
.nav-calendario span{padding:12px 0;}
.nav-calendario .prev:hover i, .nav-calendario .next:hover i { background: rgba(239, 242, 244, 1); transition: .4s }
.nav-calendario .prev i { margin-right: 12px; padding: 12px 16px; background: rgba(239, 242, 244, 0); border-radius: 40px }
.nav-calendario .next i { margin-left: 12px; padding: 12px 16px; background: rgba(239, 242, 244, 0); border-radius: 40px }
.nav-calendario .current { padding: 0 12px; background: rgba(239, 242, 244, 0); border-radius: 8px }
.nav-calendario .current:hover { background: rgba(239, 242, 244, 1); transition: .4s }

/*menú filtros*/
.menu-filtros{width: 100%;max-width:1000px;margin:0  auto;}
.menu-filtros .contenido{margin:16px 0;justify-content: space-between;border-bottom:1px solid #BCC4C9;min-height:28px;position:relative}
.menu-filtros .contenido .caja-filtros { display: inline-block; max-width: calc(100% - 160px); margin-bottom: 8px }
.menu-filtros .contenido .vista {position:absolute;right:0;bottom:7px}
.item-filtro{display:flex; align-items:center; margin:0 12px 4px 12px;font-weight:700}
.titulo-filtro { margin: 0 12px 4px 0; }
.item-filtro:last-child{margin-right: 0;}
.item-filtro:after{content:'\f00d';font-family: "Font Awesome 5 Pro";font-weight:400;margin-left: 4px;color:#465560}
.item-filtro.borrar-todo:after {font-weight:900;color:#fff  }
.item-filtro > span {  display: block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.borrar-todo { font-weight: 800; background: #465560; border-radius: 18px; padding: 2px 8px; color: #fff; }


/*******selector de vistas del calendario. Versión lineas inferiores, si eliminas este código, se convierten en radiobuttons***********/
#tipo_agenda .radio-btn { background: #f4f4f5; display: flex; justify-content: space-between; }
#tipo_agenda label{width:33%;text-align:center}
#tipo_agenda label span{ padding: 8px 0;display: inline-block;width:100%}
#tipo_agenda label input[type="radio"]:checked + span { border-bottom: 4px solid; }
#tipo_agenda .radio-btn input[type="radio"]:checked + span:before, #tipo_agenda .radio-btn input[type="radio"] + span:before { display: none }
#tipo_agenda label span { margin-left: 0 }
    /******************/
    /*vista*/
    .item-vista { margin: 0 12px; cursor: pointer; }
.item-vista:first-child{margin-left: 0}
.item-vista:last-child{margin-right: 0}
.item-vista input[type="radio"]:checked + span {border-bottom: 4px solid #3D84EA;color: #3D84EA;padding-bottom: 4px;}

/*escritorio*/
.bodyReservas .escritorio {position: relative; padding-top: 60px;}
.bodyReservas .escritorio > .menu-filtros {display: none; position: fixed; padding: 0 20px; background: #f9fbfe; z-index: 1; }

.escritorio{width: 100%;max-width:1000px;padding:16px 20px;margin:55px auto 0;}
.escritorio.max100 {margin-top: 45px; padding:16px 0;max-width:100%;}

/*fechas listado*/
.listado-agenda .fecha{text-transform:uppercase;padding-top: 20px;}
.listado-agenda ul li:first-child .fecha{margin-top:0;}
.listado-agenda > ul > li {border-bottom: 1px solid #BCC4C9; padding-bottom: 20px; margin-bottom: 0;}
.listado-agenda .no-hay-reservas .anadir-xdia { background: rgba(61, 132, 234, 0.2); padding: 4px 12px; font-size: 14px; margin-left: 12px; }
.listado-agenda .no-hay-reservas .anadir-xdia i { font-size: 12px;margin-left:2px }

.no-hay-reservas span { font-style: italic; padding-left: 24px; font-size: 110%; opacity: .6; }

/*tarjetas*/
.tarjeta { position: relative; }
.tarjeta.max100{max-width:1000px;margin:0 auto;}
.tarjeta .body-tarjeta{background: #fff;border:1px solid #dadfe2; border-radius:8px;box-shadow: 0 0 10px rgba(69, 86, 96, .1); margin-bottom: 20px;overflow: hidden;}
.tarjeta .info{display:flex;flex-direction: row;justify-content: space-between;margin:0;width:calc(100% - 12px)}
.tarjeta .info  .tarjeta-link{flex-grow:8}
.tarjeta .dch.acciones-dch{flex-shrink: 0;position: relative;margin:20px 0;}
.tarjeta .body-tarjeta .info .izq{flex-grow:8;padding:20px 0;}
.tarjeta .item-tarjeta{margin: 0 13px;}
.tarjeta .item-tarjeta .titulo3{color:#455660}
.tarjeta .izq .item-tarjeta:first-child{margin:0 0 0 20px;}
.tarjeta .dch .item-tarjeta:last-child{margin-right: 20px}
.tarjeta .ico-observaciones{display:none;}
.tarjeta .enlace-observaciones{position:relative; margin-top: 0;}
.tarjeta .enlace-observaciones i{font-size:24px}
.tarjeta .enlace-observaciones:after{content:'';font-family: "Font Awesome 5 Pro";font-weight:900;position:absolute;top:0;left:0;}
.tarjeta.observaciones .ico-observaciones{display:block;}
.tarjeta.pte-confirmacion .confirmacion{display: block}
.tarjeta .datos{flex-grow:8}
.tarjeta .datos div:before{content:'';font-family: "Font Awesome 5 Pro";font-weight:900;}
.tarjeta .datos .nombre-servicio:before{content:'\f47b';margin-right:6px}
.tarjeta .datos .nombre-usuario:before { content: '\f007'; margin-right: 12px }
.tarjeta .datos .nombre-personal:before { content: '\f508'; margin-right: 12px }
.tarjeta .datos .nombre-servicio{text-transform: uppercase;}
.tarjeta .datos .item-servicio:last-child{margin-bottom:0;}
.tarjeta .datos .nombre-usuario{height:24px;overflow:hidden;position:relative}
.tarjeta .datos .nombre-usuario:after{position: absolute;content: '';width: 60px;height: 100%;top: 0;right: 0;background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}

.tarjeta .hora{justify-content: center;flex-shrink: 0}
.tarjeta .hora span:last-child{margin-bottom:0;}
.hora-fin{opacity: .6}

.tarjeta .hora > .fas.fa-sort {
    display: none;
    font-size: 25px;
    text-align: center;
    margin-top: 4px;
    cursor: pointer;
    color: #666;
    background: #f0f0f0;
    border-radius: 4px;
    padding: 8px 0;
}

.tarjeta .color{width: 12px;}

.tarjeta.vacia .body-tarjeta{opacity:.5;box-shadow: none;}
.tarjeta.vacia .color{background: #fff;}
.tarjeta.vacia .acciones{align-items: flex-end;justify-content: center;height: 100%}
.tarjeta .confirmacion span{display:inline-block}
.tarjeta .acciones{align-items: flex-end;justify-content: space-between;height: 100%;}
#lista_reservas li.empty .tarjeta .acciones{justify-content: center;}
#lista_reservas li.empty .tarjeta{opacity:.5}
.tarjeta .confirmacion{padding: 4px 8px;border-radius: 4px;font-weight:600;text-transform: uppercase; margin: auto 0 0 0; line-height:1;}
.tarjeta .confirmacion { background: #95a1a9; }
.tarjeta .confirmacion a{color:#fff}
.tarjeta .confirmacion i{margin-right:8px}
.tarjeta.pte-confirmacion.color1 .body-tarjeta{background:#e1f9f4;opacity: .6}
/*.tarjeta.color1 .confirmacion{box-shadow: -12px -2px 12px 9px #fff;}*/
.tarjeta .acciones a:before {content:"";font-family: "Font Awesome 5 Pro";font-weight:900;font-size: 24px; display: none; }
.tarjeta .acciones .enlace-nuevaReserva:before { content: "\f067"; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 24px }
.tarjeta .acciones .enlace-nuevaReserva{color: #455660;}
.tarjeta .nombre-usuario { margin-bottom: 8px }

#lista_reservas .tarjeta .acciones { justify-content: flex-end; }
    #lista_reservas .tarjeta .acciones > div:not(:last-child) { margin-bottom: 4px}
    #lista_reservas .tarjeta .acciones .item-pagado { padding: 4px 8px; border-radius: 4px; font-weight: 600; text-transform: uppercase; line-height: 100%; border-radius: 4px; margin: auto 0; color: #666;  letter-spacing: -0.8px; }
        #lista_reservas .tarjeta .acciones .item-pagado.--total { background: rgba(41, 162, 46, 0.10); /*color: #29a22e;*/ }
        #lista_reservas .tarjeta .acciones .item-pagado.--parcial { background: rgb(245 126 0 / 10%); /*color: #f57e00;*/ }

/*otros usos de las tarjetas*/
.tarjetaB { margin: 0 0 40px 0; background: #fff; border: 1px solid #dadfe2 /*#BCC4C9*/; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(69, 86, 96, .1); }
.tarjetaB .inputdato{padding:20px;border-left: 4px solid transparent;border-bottom: 1px solid rgba(188, 196, 201, .3);}
.tarjetaB .inputdato:last-child { border-bottom: none }
.tarjetaB .inputdato:hover {border-left: 4px solid #3d83ea;}


.tarjeta-persona .info{width:100%; }
.tarjeta-persona .datos-persona { flex-grow: 8; margin: 0 20px; justify-content: center; }
.tarjeta-persona .datos-persona .item-datos-persona{margin-bottom:12px}
.tarjeta-persona .datos-persona .item-datos-persona:last-child{margin-bottom:0}
.tarjeta-persona .datos-persona .titulo2{margin:0}
.tarjeta-persona .body-tarjeta .dch {flex-shrink:0 }
.tarjeta-persona .eliminar-estado { justify-content: space-around; align-items: flex-end; height: 100% }
.tarjeta-persona .eliminar-estado .delete i{padding:20px;font-size:20px}
.tarjeta-persona .eliminar-estado .estado{padding:20px 20px 20px 0}
.tarjeta.tarjeta-persona .dch .item-tarjeta:last-child { margin-right: 0; }
/*.tarjeta-persona .eliminar-estado .estado{border-radius:8px;padding:4px 24px;}*/
.tarjeta-persona .eliminar-estado .estado .alarma-tarjeta{align-items:center}
.tarjeta-persona .eliminar-estado .estado i{margin-left:4px}

/*cliente vip*/
.vip i{font-weight:400;margin-left:4px}


/*editar reserva (formulario datos)*/
.info.ver-cliente.oculto { display: none; }
.tarjeta.info-cliente .titulo2{margin:0}
.tarjeta.info-cliente .body-tarjeta{margin:4px 20px 20px 20px;overflow:inherit}
.tarjeta.info-cliente .info{margin:0}
.tarjeta.info-cliente .info .item-tarjeta.foto{margin:20px;}
/*.tarjeta.info-cliente .info .item-tarjeta.datos-cliente{margin:0;}*/
.tarjeta.info-cliente .info .item-tarjeta.datos-cliente #info_cliente .contenido-info .izq{color:#455660}
.info-ficha{border-top:1px solid #BCC4C9;background: rgba(255,255,255,1);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(22%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );}
.info-ficha .body-ficha{max-width:1000px;margin:0 auto;padding: 16px 20px; }
.formulario-datos{justify-content:space-between; margin-bottom: 16px; }
.formulario-datos .inputdato{margin-bottom:8px}
.formulario-datos .inputdato.observaciones-internas { margin-bottom: 0; margin-top: 16px; }
.info-ficha .titulo2{margin:0 0 4px;}
.formulario-datos .item-ficha select, .formulario-datos .item-ficha input,.formulario-datos textarea { width: calc(100% - 24px); margin-left: 24px }
.cabecera-ficha{justify-content:space-between;border-bottom: 1px solid #BCC4C9; padding-bottom: 12px; margin-bottom: 20px;}
.cabecera-ficha .dch{font-size:24px}
.caja-txt input{ width: calc(100% - 20px); height: auto;margin-left: 20px;}
.foto-cliente{width:120px;height:120px;border-radius:20px;border:2px solid #455660;justify-content:center;align-items:center}
.foto-cliente i{font-size:80px}
.editar-reserva .tarjeta.info-cliente .item-tarjeta:nth-child(2){flex-grow:8}
.id-reserva input{ border: none; padding: 0;margin: 0;}
#info_cliente .contenido-info { justify-content: space-between}
#info_cliente .contenido-info .dch{ align-items: flex-end;}
#info_cliente .contenido-info .izq .flex-col div{margin-bottom:4px}
#info_cliente .contenido-info .izq .flex-col div:last-child { margin-bottom:0 }
#info_cliente .contenido-info .izq div i{ width: 20px; display: inline-block; text-align: left; }
#info_cliente .contenido-info .izq div i.fa-flip-horizontal {text-align: right; }

.tarjeta.info-cliente .info.editar-cliente {margin:0}
.tarjeta.info-cliente .info.editar-cliente .nombre input{width:100%;}
.tarjeta.info-cliente .info.editar-cliente .email input, .tarjeta.info-cliente .info.editar-cliente .telefono input {  width: 50%;}
.tarjeta.info-cliente .info.editar-cliente .item-tarjeta{width:100%;margin:0}
#datos_cliente_nuevo{width:100%;    margin: 20px 20px 20px 0;}
#datos_cliente_nuevo .flex-row .inputdato{width:50%;}
#datos_cliente_nuevo .flex-row .inputdato input{ margin-left: 24px;margin-right: 0}
#datos_cliente_nuevo .flex-row .inputdato.nombre{width:100%;margin-bottom:8px}
#datos_cliente_nuevo .flex-row .inputdato input{width:calc(100% - 24px)}
#conflicto, #expired { text-align: center; color: #dd2545; padding-bottom: 20px; }
.aviso-izq { color: #dd2545; padding-bottom: 20px; }
.aviso-izq i{margin-right:8px}
.contenido-editarReserva .inputdato textarea { width: calc(100% - 24px); margin-left: 24px; height: calc(100% - 40px); min-height: 80px; resize: vertical; margin-bottom: 0; }
.tarjeta.info-cliente .item-tarjeta.datos-cliente{margin:0}
.tarjeta.info-cliente .item-tarjeta.datos-cliente #info_cliente{ margin-right: 20px }
.tarjeta.info-cliente .item-tarjeta.datos-cliente #datos_cliente_nuevo + #info_cliente{margin-right:0}
.tarjeta.info-cliente .item-tarjeta.datos-cliente #datos_cliente_nuevo .flex-row { margin-right: 20px }
.contenido-editarReserva .tarjeta.info-cliente .info.ver-cliente .item-tarjeta.datos-cliente { }
.contenido-editarReserva .tarjeta.info-cliente .info.editar-cliente .item-tarjeta #datos_cliente_nuevo .flex-row{}
.contenido-editarReserva .body-ficha .inputdato select { width: calc(100% - 24px); margin-left: 24px; }
.conflicto{justify-content:center}
.conflicto #conflicto{padding:20px 0 0 0 }
.contenido-editarReserva .tarjeta .info { width: 100% }
.contenido-editarReserva .cierre-seccion .btn:last-child{margin-right:0}
.reserva-nueva .titulo-reserva-nueva { margin-bottom: 20px; }
.reserva-nueva .titulo-reserva-nueva span:not(.titulo2){ margin-left: 24px; }
    .reserva-nueva .titulo-reserva-nueva .titulo2:before { content: "\f47b" }
.confirmacion.confirm-edicion{margin-right:20px}
.editar-reserva .observaciones-cliente { margin-left: 24px;margin-bottom:12px }
.info-ficha .confirmacion { padding: 4px 12px; border-radius: 4px; font-weight: 700; text-transform: uppercase; display: inline-block; background-color: #95a1a9;}
.info-ficha .confirmacion.confirmada { background: rgba(85, 142, 19, .12); color: rgb(85, 142, 19) }
.info-ficha .confirmacion.rechazada { background: rgba(221, 37, 69, .12); color: rgba(221, 37, 69, 1); }
.info-ficha .confirmacion.cancelada { background: rgba(83, 95, 155, .12); color: #535f9b; }
.info-ficha .confirmacion.cancelada-usuario { background: rgba(245, 126, 0, .12); color: #f57e00; }
.info-ficha .confirmacion i { margin-right: 8px }
.editar-reserva .info-ficha .btncabEliminar.papelera{padding:8px;display:block;}
.editar-reserva .formulario-datos.reserva-nueva { border-bottom: 1px solid #BCC4C9; padding-bottom: 20px; margin-bottom: 12px; }
.datos-pie{text-style:italic}
.editar-reserva .cabecera-ficha .izq{align-items:center;}
.editar-reserva .cabecera-ficha .izq .titulo-reserva{margin-right:12px;padding:4px 0}
input[type="text"]#codReserva{background-color:transparent!important}
/*botones de cancelar y guardar al final de una sección*/
.cierre-seccion { justify-content: center; text-align: center; margin: 40px 0 28px 0; }
.cierre-seccion .botones-finales{justify-content:center}
.cierre-seccion .botones-finales .btn{margin:0 0 12px 20px;padding:8px 56px;}
.cierre-seccion .botones-finales .btn:first-child{margin-left:0}
.editar-reserva .info-cliente .info.ver-cliente .datos-cliente #info_cliente h2:before{display:none}
.comunicacion { align-items: center; padding-top: 12px; }
.comunicacion .btn { padding: 4px 12px; font-size: 16px; margin-left: 12px; flex-grow:1; text-align: center; background: #3D84EA;color:#fff; display: flex; align-items: center; min-height: 32px; justify-content: center;font-weight:400 }
.comunicacion .btn i{font-size:14px;margin-right:4px}
.comunicacion .btn:first-child{margin-left:0}
/*.editar-reserva .inputdato input:disabled + label{display:none}*/
.inputdato input:disabled + label { color: #455660 ; opacity:.5}
.check-btn input:disabled[type="checkbox"]:checked + label { color: #455660;  }
.check-btn input:disabled[type="checkbox"]:checked + label:before { border: 2px solid #455660; }
.check-btn input:disabled[type="checkbox"]:checked + label:after { color: #455660; }
.kmodal .options .mensaje{display:flex}

.kmodal .modal-no-pagado > div {
    margin-bottom: 16px;
}

.contenido-editarReserva.limite-reservas { max-width: 800px; margin: 120px auto; }
.contenido-editarReserva.limite-reservas .tarjeta.tarjetaB{margin:20px}
.contenido-editarReserva.limite-reservas .txt{ text-align:center;margin-bottom:20px }
.contenido-editarReserva.limite-reservas .datos-contacto{max-width:200px;margin:0 auto;}
.contenido-editarReserva .info-cliente .clientes{display:flex;flex-flow:row wrap}
.contenido-editarReserva .info-cliente .etiqueta-registrado { font-size: 14px; margin-left: 12px; line-height: 22px; background: #465560;opacity:.8 }
.contenido-editarReserva .info-cliente .etiqueta-invitado { font-size: 14px; margin-left: 12px; line-height: 22px; background: #465560; opacity: .4; color: #fff !important; padding: 0px 8px; border-radius: 4px; }

.importe-pagado.no-efectuado {
    display: inline-flex;
    flex-wrap: wrap;
}
.importe-pagado.no-efectuado > h2 {
    width: 100%;
}
.importe-pagado.no-efectuado > div {
    display: flex;
}
.importe-pagado.no-efectuado .fa-info-circle {
    padding: 0;
}
    .importe-pagado.no-efectuado.pink .fa-info-circle { color: #9900FF; }

/***Habilitar pago online****/
.formulario-datos .item-ficha.tipo-pago{display:none}
.formulario-datos .item-ficha.tipo-pago.pvp-mostrar{display:inline-block}
.formulario-datos .item-ficha.importe { display: none }
.formulario-datos .item-ficha .moneda { display: inline; position: relative; }
.formulario-datos .item-ficha .moneda:after { content: ''; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: 4px; position: absolute; top: 0px; right: 12px; pointer-events: none; }
.formulario-datos .item-ficha.importe.pvp-fijo, .formulario-datos .item-ficha.importe.pvp-por { display: inline-block }
.formulario-datos .item-ficha.pvp-fijo .moneda:after { content: '\f153'; }
.formulario-datos .item-ficha.pvp-por .moneda:after { content: '\f541'; }
.formulario-datos .check-btn.p-onlineSiNo input[type="checkbox"] + label:before, .check-btn.p-onlineSiNo input[type="checkbox"]:checked + label:after { margin-left: -4px; }


/*menú ptos*/
.menu-ptos { padding: 20px; cursor: pointer; font-size: 18px }
.menu-ptos:visited + .despliega-menu-ptos { display: flex; }
.editar-reserva .despliega-menu-ptos { /*display: none;*/ border: 1px solid #BCC4C9; flex-direction: column; align-items: flex-start; width: 160px; box-shadow: 0 0 10px rgba(69, 86, 96, .1); margin-top: 4px; position: absolute; top: 40px; right: 0; background: #fff; z-index: 5 }
.editar-reserva .despliega-menu-ptos.oculto { display: none; }
.editar-reserva .despliega-menu-ptos .item-menu-ptos{padding:20px; border-bottom: 1px solid #BCC4C9;color:#455660;display:flex;align-items:center;justify-content:left; flex-direction:row;width:100%;}
.editar-reserva .despliega-menu-ptos .item-menu-ptos:last-child{border:0}
.editar-reserva .despliega-menu-ptos a:last-child{border-bottom:none}
.editar-reserva .despliega-menu-ptos a i,.editar-reserva .despliega-menu-ptos .deleteCliente i{margin-right:8px}

/*menú info*/
.padre-menu-info{ cursor: pointer; }
.padre-menu-info.modal {color: #3D84EA; display: inline-block; }
.despliega-menu-info{display:none;position: absolute;width: calc(100% - 40px);height: calc(100% + 40px);top: 0;left: 40px;
    bottom: 0;background: #fff;padding: 20px;margin: auto;box-shadow: 0 0 10px rgba(69, 86, 96, .1);border:1px solid #BCC4C9;z-index:10}
.menu-info i{padding:10px;font-size:20px}
.titulo-con-info{align-items:center}
.titulo-con-info i{margin-right:4px}

/*tablas horarios*/
#dvHorario button[disabled] { display: none; }
#horarios{justify-content:space-around}
#horarios .rango.titulo3,#excepciones .rango.titulo3{padding:12px 20px 12px 0;flex:1}
.tabla-horario{border:1px solid #BCC4C9;border-radius:12px;width:100% }
.tabla-horario li{;margin-bottom:0;justify-content: space-between;border-bottom: 1px solid #BCC4C9;}
.tabla-horario li:last-child{border-bottom:none}
.tabla-horario .horario{padding: 20px;flex-grow:8}

.cabecera-bloque-rango{flex-direction:row;align-items:center}
#horarios .delete, #excepciones .delete { padding: 12px; margin-right: 8px }
#horarios .tabla-horario .delete, #excepciones .tabla-horario .delete, #horarios .edit, #excepciones .edit { padding: 12px; margin: 8px 0; cursor: pointer }
#excepciones .tabla-horario li, #horarios .tabla-horario li { padding-right: 8px; }
#horarios .bloque-rango,#excepciones .bloque-rango{width:50%;padding:20px;margin-bottom:0;display:inline-flex;justify-content:flex-start}
.editarPersonal #horarios .bloque-rango:nth-child(2n-1), .editarPersonal #excepciones .bloque-rango:nth-child(2n-1) { padding-left: 0; }
#horarios .bloque-rango:last-child{margin-right:0}
#horarios li li { display: flex;}
.btncnt{justify-content:center;align-items:center;margin:20px 0}

/*Modales*/
.kmodal .dialog:not(.clean) { max-width: 500px; margin: 0 auto }
.kmodal .icon-confirm { display: none }
.kmodal .wrap{text-align:left}
.kmodal .wrap .escritorio{padding:0;margin:0}
.kmodal .wrap .escritorio .body-tarjeta{border:none;box-shadow:none;margin-bottom:0}
.modal-base { text-align: left }
#modal_create_horario #dias ul{justify-content:space-between;margin:8px}
#modal_create_horario #dias ul li{padding:8px;margin:0;border-bottom:4px solid transparent;}
#modal_create_horario #dias ul li.selected{border-bottom:4px solid #3D84EA;color:#3D84EA}
.modal-base #rango, .modal-base #horario, .modal-base #dias, .modal-base #mensaje-cliente { margin-bottom: 20px; border-bottom: 1px solid #BCC4C9 }
.modal-base #rango .items-config .desdehasta{margin-top:12px}
.modal-base .items-config { margin: 0 0 20px 20px }
.modal-base .desplegable { display: inline-block }
#modal_create_horario input {-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;padding: 8px 28px 8px 20px;width: calc(100% - 8px);}
/*#modal_create_horario .desplegable:after { top: 0; right: 8px; }*/
#modal_create_horario .radio-btn label span { margin-left: 12px; }
#modal_create_horario .radio-btn label:first-child span { margin-left: 0; }
#modal_create_horario #dias li {cursor: pointer;}
#modal_create_horario .items-config .calendario-ico input{padding-left:40px}
.modal-base textarea{width:100%;resize:vertical;margin-bottom:12px}
.modal-base #mensaje-cliente .info{margin-bottom:16px; color:darkred; font-weight:bold;}
.modal-base #mensaje-cliente .check-btn{margin-left:-20px}
.with-header .header,.falso-titulo .titulo5 { color: #455660; font-weight: 800; line-height: 140%; font-size: 20px; padding-bottom: 12px; border-bottom: 1px solid #BCC4C9;margin-bottom:20px }
.falso-titulo .titulo5 {display:block}
.kmodal .dialog .indicaciones-cliente textarea{width:100%;margin-bottom:8px}
.kmodal .dialog .indicaciones-cliente p{margin-bottom:8px}
.kmodal .error_list > ul {
    margin: 8px 0;
}


/*lista personal (EntidadesList)*/
.contenido-personal .foto .img { border-radius: 8px; width: 160px; height: 120px }
.contenido-personal .infobox { text-align: center; padding: 20px 20px 0 20px }
.contenido-personal .infobox i{font-size:20px;margin-bottom:8px}
.contenido-personal .titulo3 i{width:20px;margin-right:4px}
.contenido-personal .titulo3 i.fa-flip-horizontal {text-align:right }

/*configurar*/
.contenido-configurar .titulo1 i{margin-right:4px; }
.contenido-configurar .reservas{flex-direction:row;align-items:center;margin-bottom: 12px;}
.contenido-configurar .reservas .titulo2{flex-shrink:0; padding-bottom:0;border-bottom:0;margin:0}
.contenido-configurar .infobox{text-align:center;padding:20px}
.contenido-configurar .item-ficha.pass{display:flex;flex-flow:row wrap;justify-content:center}
.contenido-configurar .pass .titulo2:before{display:none}
.contenido-configurar .pass .item-pass span{min-width:160px; display:inline-block;text-align:right;padding-right:8px}
.contenido-configurar .pass .pass-nueva { background: #fafbfe; padding: 12px; display: inline-block; margin-top: 12px }
.contenido-configurar .pass .pass-vieja { padding: 24px;display:block }
.contenido-configurar .pass .pass-nueva .item-pass:first-child{border-bottom: 1px solid rgba(70, 85, 96, 0.2);margin-bottom: 8px;padding-bottom: 8px;}
.contenido-configurar .titulo-acciones{padding-right:0;padding-left:0}
.contenido-configurar #dvCredentials .titulo-con-info{margin-bottom:8px}

/*editar personal (EditEntidad)*/
.editarPersonal .body-tarjeta { padding: 20px; margin: 4px 20px 20px 20px; }
.editarPersonal .body-tarjeta .titulo-datos-personal{align-items:center;justify-content:space-between}
.editarPersonal .body-tarjeta .titulo-datos-personal .izq{align-items:center;position:relative}
.editarPersonal .body-tarjeta .datos-personales{justify-content:space-between}
.editarPersonal .body-tarjeta .foto,.editarPersonal .body-tarjeta .datos-personal{width:calc(50% - 10px)}
.editarPersonal .body-tarjeta .datos-personales{margin:20px 0;border-bottom:1px solid #BCC4C9;padding-bottom:20px}
.editarPersonal .body-tarjeta .datos-personales .datos-personal .descripcion-personal{flex-grow:2}
.editarPersonal .body-tarjeta .datos-personales .datos-personal .descripcion-personal input{height:calc(100% - 20px)}
    /*.editarPersonal .body-tarjeta .datos-personales .datos-personal .inputdato:first-child{margin-bottom:20px}*/
.editarPersonal .body-tarjeta .datos-personales .inputdato input{    width: calc(100% - 20px);  margin-left: 20px;}
.editarPersonal .inputdato textarea{    width: calc(100% - 20px);  margin-left: 24px;height: calc(100% - 40px);min-height: 80px;resize:vertical;margin-bottom:0}
.lista-items-column { column-count: 3; margin-left: 20px;column-gap:16px }
.lista-items-column .inputdato, .lista-items-column .lista-items div { margin-bottom: 12px;min-height:20px }
.listado-servicios input[type="checkbox"] { display: none }
.editarPersonal .info-ficha .subtitulo1 .titulo1 { text-transform: inherit }
.editarPersonal .info-ficha .subtitulo1 i{margin-right:4px}
.subtema{ border-bottom: 1px solid #BCC4C9;padding:20px 0 12px 0 }
#ausencias li{margin-bottom:12px}
#ausencias a.titulo3{color:#3D84EA}
#ausencias a.titulo3:after { content: '\f303'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: 8px }
.titulo-acciones { width: 100%; max-width: 1000px; padding: 4px 20px; margin: 0 auto; justify-content: space-between; align-items: center; }
.btns-acciones { align-items: center;}
.btns-acciones .btn-accion { margin-right: 4px; border-radius: 40px; background: rgba(212, 217, 226, 0); }
.btns-acciones .btn-accion a { cursor: pointer; display: block; }
.btns-acciones .btn-accion i{padding:12px;color:#455660}
.btn-accion:hover { background: rgba(212, 217, 226, .5); transition: .4s }
.btns-acciones .btn-accion.nuevaReserva a:after{content: '\f067'; font-family: "Font Awesome 5 Pro"; font-weight: 900;}
.btns-acciones .btn-accion.nuevaReserva i{padding:4px;margin-right:0}
.btns-acciones .btn-accion.nuevaReserva a{display:block;color:#465560;padding:10px 14px}
.btns-acciones .btn-accion.nuevaReserva { background: rgba(212, 217, 226, .5); border-radius: 32px; color: #fff; }
.btns-acciones .btn-accion.nuevaReserva:hover { background: rgba(212, 217, 226, 1); transition: .4s }
.btns-acciones .btnGuardar{margin-left:12px;cursor:pointer}
.enlace-horario a { text-decoration: underline; }
.lista-servicios.lista-items div label{display:flex}
.titulo-acciones .titulo1 i{margin-right:8px}
.editarPersonal .body-ficha .subtema.primero{padding-top:0}

#dvHorario #horsLikeNegocio + label + a { text-decoration: underline }
#dvHorario .check-btn input[type="checkbox"]:checked + label:after { top: 1px; }

/*uppy (añadir foto)*/
.uppy-DragDrop--is-dragdrop-supported{border:none !important;background:none!important;flex-direction:column}
.uppy-DragDrop--is-dragdrop-supported:before{content:'\f382';font-family: "Font Awesome 5 Pro"; font-weight: 900;font-size:80px;opacity:.5}
.uppy-DragDrop-inner {  padding: 12px 12px 20px 12px !important; }
.uppy-DragDrop-dragText { background: #465560; margin-bottom: 8px }
.pFileUploadInput{display:none;}
.upbtn .infobox p{ font-style: italic;font-size: 13px;line-height: 130%;opacity: .7;}
#dvImagenAsociada{text-align: center;}
#dvImagenAsociada .spnFotoTit{padding-left:16px}
#dvImagenAsociada .borrarimg i,#dvImagenAsociada .changeimg i{padding:16px;cursor:pointer}
.dvFotoImgView{justify-content:center;margin-bottom:12px}
.dvFotoImgView img{ border-radius: 8px }
.dvAmpBorr i{padding:14px}
.uppy-Informer p { padding: 12px 60px !important; background-color: rgba(70, 85, 96, .9);border-radius:40px!important }
.error-imagenes { text-align: center; color: #DD2645 }
.dvFotoImgView .limites-foto{max-width:160px;max-height:160px;overflow:hidden;border-radius:8px;position:relative}

.subir-foto { background: #e9ebef; padding: 20px; border-radius: 12px; border: 2px dashed #BCC4C9; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.subir-foto .spnFotoImg .caja-foto{}
.subir-foto .spnFotoImg .caja-foto .hover-ampliar { top: 0; position: absolute; left: 0; width: 100%; height: 100%; border-radius: 8px; background: rgba(31, 37, 41, 0.5); opacity: 0; transition: .5s ease-out;cursor:pointer;z-index:5 }
.subir-foto .spnFotoImg .caja-foto:hover .hover-ampliar { opacity:1 }
.subir-foto .spnFotoImg .caja-foto .hover-ampliar .ampliarimg{color:#fff;top:calc(50% - 14px);left:calc(50% - 14px);position:absolute;}
.subir-foto .spnFotoImg .caja-foto .hover-ampliar .ampliarimg i{font-size: 28px;transition: .2s ease-out;}
.subir-foto .spnFotoImg .caja-foto:hover .hover-ampliar .ampliarimg i{transform:scale(.8)}
.subir-foto .spnFotoImg .caja-foto .foto-subida{transform:scale(1);transition: .4s ease-out;z-index:0}
.subir-foto .spnFotoImg .caja-foto:hover  .foto-subida{transform:scale(1.1);}

/*lista ausencias*/
#ausencias.titulo3 a:after { content: '\f303'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: 8px }
.contenido-ausencias .tarjetaB .inputdato{margin-bottom:0}
.contenido-ausencias .tarjetaB .inputdato:last-child { border-bottom: 1px solid rgba(188, 196, 201, .3); }
.contenido-ausencias .tarjetaB a:last-child .inputdato { border-bottom: none; }
.tarjetaB .infobox{margin:20px;text-align:center}
.tarjetaB .infobox i{font-size:20px;margin-bottom:8px}
.contenido-ausencias .tarjetaB .nombre{margin-bottom:12px}
.contenido-ausencias .tarjetaB .nombre:last-child { margin-bottom:0 }


/*editar ausencias*/
.contenido-editarAusencia .body-tarjeta { padding: 20px 20px 0 20px; }
.contenido-editarAusencia .asignar-personal.subtema { margin-bottom: 12px; }
.contenido-editarAusencia .titulo-acciones { padding: 4px 0; }
.contenido-editarAusencia .titulo-acciones .btn-eliminar i{    font-size: 24px;;color:#455660;}
.contenido-editarAusencia .infobox { text-align: center; padding: 20px 20px 0 20px }
.contenido-editarAusencia .infobox i { font-size: 20px }
/*.contenido-editarAusencia .titulo-acciones .btn-save{position:relative}
.contenido-editarAusencia .titulo-acciones .btn-save:after { content: '\f0c7'; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; top: 0; left: 0; color: #fff; z-index: 2; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; font-size: 30px; }}*/

/*editar servicio*/
.datos-servicios{justify-content:space-between}
.contenido-editarServicio .body-tarjeta { padding: 20px 20px 0 20px; }
.titulo-acciones .flex-row{align-items:center;flex-shrink:0}
.contenido-editarServicio .titulo-acciones { padding: 4px 0; }
.contenido-editarServicio .foto, .contenido-editarServicio .info-servicio { width: calc(50% - 10px); }
.contenido-editarServicio textarea { width: calc(100% - 20px); margin-left: 20px; height: calc(100% - 40px); min-height: 80px; resize: vertical; margin-bottom: 0; }
.formulario-datos .titulo2 { display: block; margin: 0 0 4px 0}
.formulario-datos .inputdato:last-child{margin-bottom:0}
.contenido-editarServicio .subir-foto{margin-left:20px;margin-bottom:20px;}
.contenido-editarServicio .paleta-color .desplegable{width:100%}
.contenido-editarServicio .paleta-color .desplegable select { width: calc(100% - 20px);margin-left:20px }

/*lista servicios*/
.contenido-servicios .tarjetaB .inputdato { margin-bottom: 0;position:relative;padding:0 20px 0 0;border:none }
.contenido-servicios .tarjetaB .info-tarjetaB{padding:20px 0 }
.contenido-servicios .tarjetaB .espacio-color { width: 28px; flex-shrink: 0 }
.contenido-servicios .tarjetaB .espacio-color .color {height:100%; width: 4px; margin-right: 24px; transition: 200ms ease }
.contenido-servicios .tarjetaB a:hover .espacio-color .color{width:12px;margin-right:16px;}
.contenido-servicios .tarjetaB .inputdato:last-child { border-bottom: 1px solid rgba(188, 196, 201, .3); }
.contenido-servicios .tarjetaB a:last-child .inputdato { border-bottom: none; }
.contenido-servicios .estado { color: #fff; position: absolute; bottom: 0; right: 0; margin-right: 20px; margin-bottom: 20px; border-radius: 8px; }
.contenido-servicios .tarjetaB .item-datos-servicio { margin-bottom: 12px }
.contenido-servicios .tarjeta .datos-servicio { justify-content: center }
.contenido-servicios .foto{margin:0 20px 0 0}
.contenido-servicios .foto .img{border-radius:8px;width:160px;height:120px}
.contenido-servicios i.fas.fa-stopwatch {margin-right:12px }
.contenido-servicios i.fas.fa-credit-card { margin-right: 8px }
.contenido-servicios .estado .flex{align-items:center}
.contenido-servicios .estado i { margin-left: 4px; }
.contenido-servicios .infobox { text-align: center; padding: 20px 20px 0 20px }
.contenido-servicios .infobox i { font-size: 20px;margin-bottom:8px}


/*lista clientes*/
.filtro-clientes .mostrarCat { margin-bottom: 12px }
.filtro-clientes .mostrarCat .titulo3 { display: block }
.filtro-clientes .dentro-filtro-clientes { padding-left: 20px }
.filtro-clientes .mostrarCatGrupo {  border-bottom : 1px solid #BCC4C9;margin-bottom:20px }
.contenido-clientes .titulo3 i { width: 20px; margin-right: 4px }
.contenido-clientes .telefono .titulo3 i{text-align:right}
.contenido-clientes .titulo-acciones{margin-bottom:8px}

/*Editar cliente*/
.listado-reservas{margin-top:20px}
.listado-reservas li, .cabecera-lista { padding: 20px 12px; margin-bottom: 0; border-bottom: 1px solid rgba(188, 196, 201, .3); }
.cabecera-lista { background: #f3f3f5; border-bottom: none }
.mostrar-canceladas{float:right}
.cabecera-lista span{width:calc(20% - 8px);text-align:left;font-weight:800;margin-right:8px}
.cabecera-lista span:last-child{margin-right:0}
.cuerpo-lista .item { width: calc(20% - 8px); text-align: left; margin-right:8px }
.cuerpo-lista .item:last-child { margin-right: 0 }
.cuerpo-lista .item.servicios, .cabecera-lista span.servicios{ width: calc(40% - 8px)}
.cuerpo-lista .item .fas, .cuerpo-lista .item .titulo2:before{display:none}
.contenido-editarPersonal .btns-acciones .btnGuardar label{display:flex;align-items:center}
.listado-reservas li { background: rgba(212, 217, 226, 0); }
.listado-reservas li:hover { background: rgba(212, 217, 226, .2);transition:.4s }
.aviso-invitado { max-width: 1000px; margin: 0 auto; padding: 8px 20px; color: #DD2645;font-weight:700 }
.aviso-invitado i{margin-right:8px}
.cliente-vip input[type="checkbox"] + label i { font-weight: 400;margin-left:4px }
.boton-papelera { margin-right: 4px; border-radius: 40px; background: rgba(212, 217, 226, 0); }
.boton-papelera:hover { background: rgba(212, 217, 226, .5); transition: .4s; }
.boton-papelera a { cursor: pointer; display: block; }
.boton-papelera i { padding: 12px; color: #455660 }
.etiqueta-registrado { background: #465560; color: #fff!important; padding: 0px 8px; border-radius: 4px; }
.editar-clientes .checks{justify-content:space-between}
.editar-clientes .checks .inputdato{margin-right:4px}
.editar-clientes .check-btn.privacidad input[type="checkbox"]:not(:checked) + label:before { border: 2px solid #dd2545; }
.editar-clientes .check-btn.privacidad input[type="checkbox"]:not(:checked) + label { color: #dd2545; }
.info-cliente .ver-cliente .checks-cliente { justify-content: space-between; margin: 0 20px 20px 0; }
.info-cliente .ver-cliente .checks-cliente .check-btn:first-child { margin-bottom: 8px; }
.info-cliente .ver-cliente .checks-cliente .check-btn.privacidad input[type="checkbox"]:not(:checked) + label { color: #dd2545; }
.info-cliente .ver-cliente .checks-cliente .check-btn.privacidad input[type="checkbox"]:not(:checked) + label:before { border: 2px solid #dd2545; }


/*lista notificaciones*/
.lista.tarjetaB li { margin-bottom: 0 }
.contenido-notificaciones .tarjetaB .inputdato:last-child { border-bottom: 1px solid rgba(188, 196, 201, .3); }
.tarjetaB a:last-child li {  border-bottom: none; }
.contenido-notificaciones .tarjetaB .todos-datos { color:#455660 }
.contenido-notificaciones .tarjetaB li[data-read=true] .markAsRead{display:none}
.contenido-notificaciones .tarjetaB li[data-read=true] .todos-datos { opacity: .6 }
.contenido-notificaciones .tarjetaB .datos-notificacion { min-width: 240px; margin-right: 20px }
.contenido-notificaciones .tarjetaB .datos-notificacion .tipo-notificacion{padding:2px 12px;border-radius:2px;margin:8px 0}
    .contenido-notificaciones .tarjetaB .datos-notificacion .tipo-notificacion.no-pagado { color: white; background: #9900FF; }
        .contenido-notificaciones .tarjetaB .datos-notificacion .tipo-notificacion.no-pagado.--total { background: rgba(41, 162, 46, 0.10); color: #666; }
        .contenido-notificaciones .tarjetaB .datos-notificacion .tipo-notificacion.no-pagado.--parcial { background: rgba(245, 126, 0, 0.10); color: #666; }
.contenido-notificaciones .tarjetaB .datos-notificacion .tipo-notificacion.no-pagado.titulo3:before {
    content: '\f153';
    width: 14px;
    display: inline-block;
    text-align: center;
}
.contenido-notificaciones .tarjetaB .item-datos{margin-bottom:12px;}
.contenido-notificaciones .tarjetaB .datos-reserva .item-datos:last-child { margin-bottom: 0; }
.contenido-notificaciones .tarjetaB .item-datos .flex{ align-items: center }
.contenido-notificaciones .datos-notificacion i.fas.fa-circle { font-size: 6px; margin-right: 4px; }
.contenido-notificaciones .datos-reserva .servicios .titulo2:before, .contenido-notificaciones .datos-reserva .fa-user-friends { margin-right: 6px; }
.contenido-notificaciones .datos-reserva i { width:20px;margin-right:4px; }
.contenido-notificaciones .titulo-acciones i{padding-bottom:0}
.contenido-notificaciones .titulo-acciones .btns-acciones p { margin-right: 12px }
.contenido-notificaciones .titulo-acciones { padding: 4px 0px; margin-bottom:4px}
.contenido-notificaciones .inputdato {position:relative}
.contenido-notificaciones .inputdato .markAsRead{position:absolute;bottom:20px;right:20px;}
.contenido-notificaciones .btn { font-size: 16px; padding: 4px 12px; }
.contenido-notificaciones .inputdato[data-read="true"] a { color: #455660 !important }

.contenido-notificaciones [data-estado="1"] .datos-notificacion .titulo3 {background:#95a1a9;color:#fff;text-transform:uppercase;font-size:14px;}
.contenido-notificaciones [data-estado="1"] .datos-notificacion .titulo3:before { content: '\f06a'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 4px; }
.contenido-notificaciones .tarjetaB .inputdato[data-estado="1"]:hover { border-left: 4px solid #95a1a9; }

.contenido-notificaciones [data-estado="2"] .datos-notificacion .titulo3 { background: rgba(85, 142, 19, .12); color: #558E13; text-transform: uppercase; font-size: 14px; font-weight: 700; }
.contenido-notificaciones .tarjetaB .inputdato[data-estado="2"]:hover { border-left: 4px solid #558E13; }
.contenido-notificaciones [data-estado="2"] .datos-notificacion .titulo3:before { content: '\f058'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 4px; }

.contenido-notificaciones [data-estado="3"] .datos-notificacion .titulo3 { background: rgba(221, 37, 69, .12); color: rgba(221, 37, 69, 1); text-transform: uppercase; font-size: 14px; font-weight: 700; }
.contenido-notificaciones .tarjetaB .inputdato[data-estado="3"]:hover { border-left: 4px solid rgba(221, 37, 69, 1); }
.contenido-notificaciones [data-estado="3"] .datos-notificacion .titulo3:before { content: '\f057'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 4px; }

.contenido-notificaciones [data-estado="4"] .datos-notificacion .titulo3 { background: rgba(83, 95, 155, .12); color: #535f9b;  text-transform: uppercase; font-size: 14px; font-weight: 700; }
.contenido-notificaciones .tarjetaB .inputdato[data-estado="4"]:hover { border-left: 4px solid #535f9b; }
.contenido-notificaciones [data-estado="4"] .datos-notificacion .titulo3:before { content: '\f057'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 4px; }

.contenido-notificaciones [data-estado="5"] .datos-notificacion .titulo3 { background: rgba(245, 126, 0, .12); color: #f57e00; text-transform: uppercase; font-size: 14px; font-weight: 700; }
.contenido-notificaciones .tarjetaB .inputdato[data-estado="5"]:hover { border-left: 4px solid #f57e00; }
.contenido-notificaciones [data-estado="5"] .datos-notificacion .titulo3:before { content: '\f057'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 4px; }

.contenido-notificaciones [data-read="true"] { background: rgba(250, 251, 254, .5) }
.contenido-notificaciones .tarjetaB .btn-azul.markAsRead { background: rgba(61, 132, 234, .2); color: #3D84EA; border: none!important }
.contenido-notificaciones .tarjetaB .btn-azul.markAsRead { background: rgba(61, 132, 234, .2); color: #3D84EA; border: none !important }


/*tooltips*/
.titulo-con-info { position: relative; display: inline-flex }
.menu-info.hint--bottom-left.hint--medium{position:inherit}
.hint--bottom-left:before { left: auto; right: 10px; }
.hint--bottom-left:after { -webkit-transform: translateX(0%) translateY(0px) !important; -moz-transform: translateX(0%) translateY(0px) !important; transform: translateX(0%) translateY(0px) !important; }
.hint--bottom-left:hover:after { -webkit-transform: translateX(0%) translateY(8px)!important; -moz-transform: translateX(0%) translateY(8px)!important; transform: translateX(0%) translateY(8px)!important; }
.hint--medium:after { width: calc(100% - 12px);  right: 0;left:auto; margin-right: 10px;}

[class*=hint--][aria-label]:after { background: #fff; color: #455660; font-family: 'Nunito', sans-serif; font-weight: 400; line-height: 140%; font-size: 14px; }
[class*=hint--]:after{text-shadow:none}
.hint--bottom-left:before, .hint--bottom-right:before, .hint--bottom:before { border-bottom-color: #ffffff; }

/*selector hora*/
.picker--focused .picker__list-item--selected, .picker__list-item--selected, .picker__list-item--selected:hover { background: #3D84EA; }
.picker__list-item--highlighted:hover, .picker__list-item:hover { background: rgba(61, 132, 234, .2); }
li.picker__list-item.out { opacity: .4; }

/*soporte*/
.ayuda .body-tarjeta { padding: 20px 20px 0 20px; margin: 4px 0 20px 0; }
.ayuda textarea{min-height:80px}
.ayuda .infobox{margin-bottom:32px}
.ayuda .infobox .izq{flex-shrink:0;margin-right:12px;}
.ayuda .infobox .izq i{ font-size: 20px }
.ayuda .infobox .dch *{margin-bottom:8px}
.ayuda .infobox .dch *:last-child { margin-bottom: 0}
.ayuda .formulario-contacto .titulo-formulario{margin-bottom:12px}
.ayuda .cierre-seccion{margin:20px 0}
.ayuda .subtema{padding: 0 0 20px 0;margin: 0 0 40px 0}

/*stats*/
.grupo-tarjetas{width:100%;justify-content:space-between;}
.grupo-tarjetas .tarjeta { width: calc(33.3% - 12px); }
.grupo-tarjetas .tarjeta .body-tarjeta { text-align:center}
.grupo-tarjetas .tarjeta .body-tarjeta .stat-numero{padding:20px;justify-content:center;flex-grow:8}
.grupo-tarjetas .tarjeta .body-tarjeta .stat-euro { padding: 20px; border-top: 1px solid #dadfe2; width: 100%; background: rgba(250, 251, 254, .4); box-shadow: inset 0px 2px 2px rgba(0,0,0,.05); }
.grupo-tarjetas .tarjeta .body-tarjeta .stat-euro label span:last-child{font-weight:bold}
.grupo-tarjetas .tarjeta .body-tarjeta .stat-euro label { opacity: .8 }
.estadisticas .pretitulo { margin: 32px 0 4px 0 }
.estadisticas .tarjeta .body-tarjeta { min-height: 240px; justify-content: center; align-items: center; margin-bottom: 12px; }
.estadisticas .tarjeta .numero-xl { font-size: 60px;line-height:60px }
.estadisticas .tarjeta .numero-s { font-size: 16px; opacity: 0.8;line-height:12px }
.estadisticas .tarjeta .numero-m{font-size:20px;opacity:0.8}
.estadisticas .aclaracion{opacity:.6;}
.estadisticas .asterisco { font-size: 20px; }
.grupo-tarjetas .tarjeta .nombre-stat { font-size: 24px; padding-top: 24px; margin-top: 12px; position: relative }
.grupo-tarjetas .tarjeta .nombre-stat:before { content: ''; width: 100px; height: 4px; background: #3D84EA;top:0;left:0;right:0;margin:0 auto;position:absolute }
.grupo-tarjetas .tarjeta .indicacion{margin-top:12px;opacity:.8;text-align:left}
.grupo-tarjetas .tarjeta .indicacion i{ margin-top: 4px; }
.estadisticas .tarjeta-grafico .body-tarjeta{padding:20px 60px}
.estadisticas .titulo-estadisticas{text-align:center;margin-bottom:20px}
.estadisticas .base-grafico { width: 100%; background: #fafbfe; height: 32px;overflow:hidden;justify-content:space-between;margin-bottom:20px ;border-radius:8px}
.estadisticas .base-grafico .quesito-1 { background: #3D84EA; border-right: 1px solid #fff; align-items: flex-end; padding: 4px 8px; min-width: 160px }
.estadisticas .base-grafico .quesito-2 { background: #727d86; border-left: 1px solid #fff; align-items: flex-end; justify-content: flex-end; padding: 4px 8px;min-width:160px }
.estadisticas .base-grafico .quesito-2 .label-grafico{text-align:right;justify-content:flex-end}
.tarjeta-grafico .nombre-stat { font-size: 24px; padding-bottom: 12px; }
.estadisticas .base-grafico .label-grafico{color:#fff;font-size:14px}
.estadisticas .desglose .flex{width:100%;margin:20px 0}
.estadisticas .desglose .flex .ptos { flex-grow: 8; border-bottom: 1px dotted #9eaab3;margin: 0 8px }
.estadisticas .tarjeta-principal .body-tarjeta{ border: 1px solid #3D84EA }
.estadisticas .v-movil{display:none;}
.estadisticas .contenido{display:inline}
.estadisticas .ultimo-ano  .ptos { border-bottom: 1px dotted #9eaab3; margin: 0 0 20px 0;width:100% }
.estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta{padding:60px}
.estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .nombre-mes { display: block; }
.estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta div { display: inline-block; }
.estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .numero-total{opacity:.6;margin: 0 12px 0 0 }
.estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .contenido:not(.numero-total) { float: right; opacity: .6; }
.estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .contenido.separacion{margin:0 12px}

@media screen and (min-width: 801px) { .submenu-inf{display:none}
	.btns-menu-inf,.breadcrumbs,.menu-inf .inicio{display:none;}
}

@media screen and (max-width: 1024px) {
    .w30 {width: calc(33.3% - 12px)}
    .w50 { width: calc(50% - 12px)}

    .formulario-datos .item-ficha select, .formulario-datos textarea, .contenido-editarServicio .subir-foto, .contenido-editarServicio .paleta-color .desplegable select { width: calc(100% - 12px);  margin-left: 12px;}
    .contenido-editarServicio .foto, .contenido-editarServicio .info-servicio { width: calc(50% - 6px);}

    /*lista notificaciones*/
    .contenido-notificaciones .btns-acciones .btn .ocultar {display: none}
    .contenido-notificaciones .btns-acciones .btn { padding: 4px 8px;font-size: 16px; }
    .contenido-notificaciones .btns-acciones .btn i.dch { margin-left: 8px;font-size: 14px }

    /*Botones guardar*/
    .btns-acciones .btn-accion { margin-right: 2px}
    .btns-acciones .btnGuardar span { display: none}
    .btns-acciones .btn.btnGuardar {padding: 8px 13px}
    .btns-acciones .btn.btnGuardar i {margin-left: 0}

    /*Editar reserva*/
    .editar-reserva .item-tarjeta.foto { display: none}
    .tarjeta.info-cliente .info .item-tarjeta.datos-cliente { margin-left: 20px }
    .editar-reserva .tarjeta.info-cliente .info .item-tarjeta.datos-cliente #info_cliente .contenido-info .izq {margin-left: 20px;}

    /*Editar cliente*/
    .editar-clientes .checks .check-btn { width: 100%;margin-bottom:12px  }
    .editar-clientes .checks .check-btn input{ display:none}
}

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

	/*ocultar menú lateral*/
    .menu-scnd, .logo-cliente { display: none; }
    .contenido-ppal { margin-left: 0;  }
    .menu-trc { width: 100%; }

     /*menú inferior*/
    .menu-trc { padding: 0; border-bottom: none; }
    .menu-trc .titulo1 { display: none; }

    .menu-inf { position: fixed; width: 100%; z-index: 10; left: 0; bottom: 0; padding: 0; justify-content: space-between; align-items: center; box-shadow: 0 -1px 2px rgba(69, 86, 96, .1);line-height:100%;;z-index:10}
    .menu-inf .item-menu-inf { align-items: center; font-size: 12px; padding: 8px 10px; justify-content: flex-end; min-width: 80px }
    .menu-inf.menu-inf-home .item-menu-inf { min-width: inherit}
    .menu-inf .item-menu-inf:before { content: ''; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 13px; }
    .menu-inf .item-menu-inf.filtro{justify-content:center}
    .menu-inf .item-menu-inf i{margin: 3px 0;font-size:16px}
    .menu-inf .item-menu-inf.filtro i{position:relative;margin:3px 0;font-size: 16px;}
        .menu-inf .item-menu-inf.filtro.filter-active i:after { content: ""; background: #DD2645; width: 10px; height: 10px; top: -5px; right: -5px; z-index: 20; position: absolute; border-radius: 12px; border: 1px solid #fff; }
    .menu-inf .nav-calendario {justify-content:flex-end;flex-shrink:0;min-width:140px;}
    .menu-inf .nav-calendario .titulo3 { font-size: 14px; }
    .menu-inf .nav-calendario .prev i, .menu-inf .nav-calendario .next i { margin-right: 0; padding: 12px 16px; }
    .menu-inf .nav-calendario .next i {margin-left: 0;padding: 12px 16px;}
    .menu-inf .btns-menu-inf { justify-content: space-around;flex-grow:8;flex-shrink:0 }
    .menu-inf .nav-calendario .current { padding: 12px 4px  }
    .menu-inf a{color:#455660}
    .menu-inf .activo-inactivo .item-menu-inf { display: flex; }
    .menu-inf .activo-inactivo .item-menu-inf.oculto { display: none; }

    .menu-inf .nueva:before { content: '\f067'; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 16px;margin:3px 0 }
     .menu-inf .item-menu-inf.desborde { min-width: 58px; }


    /*submenús menú inferior*/
    .submenu-inf {
        width: 100%;
        position: fixed;
        bottom: 52px;
        z-index: 5;
        border-bottom: 3px solid #3d84ea;
        padding: 16px 8px;
        background: #fff;
        box-shadow: 0px -20px 0px 2000px rgba(0, 0, 0, 0);
        transition: all 300ms ease;
    }
    .submenu-inf .titulo3 { margin-bottom: 12px; }
    /*.submenu-inf:before { content: ''; position: absolute; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.1); top: -100vh; left: 0; }*/
    .submenu-inf .item-vista input[type="radio"]:checked + span { border-bottom: none; }
    .submenu-inf .item-menu { margin-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #BCC4C9; }
    .submenu-inf .item-menu .titulo2:before { content: ''; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 4px }
    .submenu-inf .item-menu.personal .titulo2:before { content: '\f007'; }
    .submenu-inf .item-menu.servicios .titulo2:before { content: '\f47b'; }
    .submenu-inf .item-menu .contenido-item { margin-left: 20px; max-height: 120px; overflow: auto; }
    .submenu-inf .item-menu.calendario #tipo_agenda{margin:0 20px;}
    .submenu-inf .item-menu.calendario #tipo_agenda .radio-btn{margin-left:0;display:flex;justify-content:space-around}
    .submenu-inf.up-calendario{height:400px}
    .item-menu-inf.filtro.activo:after { content: '\f0d7'; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; top: -6px; color: #3d84ea; font-size: 20px; }
    .item-menu-inf.vista.activo:after { content: '\f0d7'; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; top: -6px; color: #3d84ea; font-size: 20px; }
    .item-menu-inf.calendario.activo:after { content: '\f0d7'; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; top: -6px; color: #3d84ea; font-size: 20px; }
    .submenu-inf .item-menu:last-child { border-bottom: 0; }
    .submenu-inf #calendar{margin-right:20px}
    /*animacion*/
    @keyframes submenu-up {from { transform: translateY(100%) }to { transform: translateY(0) }}
    @keyframes submenu-down {from { transform: translateY(0) }to { transform: translateY(100%) }}
    .submenu-inf.up-filtro, .submenu-inf.up-calendario, .submenu-inf.up-vista {
        transform: translateY(100%);
    }

    .submenu-inf.up-filtro.activo, .submenu-inf.up-calendario.activo, .submenu-inf.up-vista.activo {
        transform: translateY(0);
        display: block;
    }

    .submenu-inf.activo {
        box-shadow: 0px -20px 0px 2000px rgba(0, 0, 0, .2);
    }
    /*------*/
    /*titulo-acciones*/
    .titulo-acciones .btnAnadir{display:none}
    .btns-acciones .btn-accion { display: none }

    /*menú filtros*/
    .menu-filtros, .menu-filtros .vista { display: none; }
    .menu-filtros .contenido { margin: 8px 0 4px 0; }

    /*escritorio*/
    .escritorio, .escritorio.max100 { margin-top: 0; }


    /*breadcrumbs*/
    .breadcrumbs { margin: 0 0 8px 0 }
    .escritorio.max100 .breadcrumbs { margin: 0 20px 8px 20px; }
    .breadcrumbs .fa:before { color: #95a1a9; font-size: 12px; margin: 0 4px; }

    /*Editar cliente*/
    .cuerpo-lista .item,.cuerpo-lista .item.servicios { width: 100%; }
    .cuerpo-lista .item.servicios .titulo2:before{margin-right:12px}
    .cabecera-lista { display: none }
    .cuerpo-lista .item .fas, .cuerpo-lista .item .titulo2:before { display: inline-block;width:16px }
    .cuerpo-lista .item{margin:4px 0;}
    .cuerpo-lista .item:first-child div { margin: 4px 0; }
    .cuerpo-lista .item:first-child, .cuerpo-lista .item .titulo2 { margin: 0 }
    .cuerpo-lista .item:last-child{margin-bottom:0}
    .mostrar-canceladas { float: none; margin-bottom: 20px }
    .mostrar-canceladas.check-btn input[type="checkbox"]:checked + label:after { top: 1px }
    .mostrar-canceladas.check-btn input[type="checkbox"] + label { margin-left: 20px; }
    #dvHoraReservProx .reservas .titulo2, #dvHoraReservAll .reservas .titulo2 { background: #f3f3f5; padding: 12px }
    .cuerpo-lista .item p{display:flex;align-items:center}

    /*editar reserva*/
    .escritorio.editar-reserva { margin-top: 0 }
  


    /*ausencias*/
    .contenido-editarAusencia .btns-acciones .btn-eliminar{display:none}

    /*notificaciones*/
    .contenido-notificaciones .btns-acciones .btn { display:none }
    .menu-inf-not .btns-menu-inf {  flex-grow: 0; }

    /*estadísticas*/
    .estadisticas .tarjeta .body-tarjeta { min-height: 160px }
    .grupo-tarjetas .tarjeta .body-tarjeta .stat-numero, .grupo-tarjetas .tarjeta .body-tarjeta .stat-euro { padding: 12px; }
    .grupo-tarjetas .tarjeta { width: calc(33.3% - 8px); }
    .estadisticas .tarjeta .numero-xl { font-size: 40px; line-height: 40px; }
    .estadisticas .tarjeta .numero-m { font-size: 14px; }
    .grupo-tarjetas .tarjeta .nombre-stat { font-size: 16px; padding-top: 12px; margin-top: 8px; }
    .tarjeta-grafico .nombre-stat { font-size: 16px; }




}

@media screen and (max-width: 640px) {
    .titulo1 { line-height: 120%; font-size: 16px; }
    .titulo2 { line-height: 120%; margin: 0 0 8px; font-size: 14px }
    .titulo3 { font-size: 14px; line-height: 120%; }


    header { padding: 4px 12px; }
    header .izq #burger { padding: 12px; }
    header .izq #logo { max-width: 120px; }
    header .dch { flex-direction: row-reverse; }
    body:not(.bodyReservas) header .dch .nuevaReserva { padding: 8px 14px; margin-right: 12px; background: #fff; color: #3D84EA; background: rgba(61, 132, 234, 0.12); }
    body:not(.bodyReservas) header .dch .nuevaReserva i.dch, body:not(.bodyReservas) header .dch .nuevaReserva span { color: #3D84EA; }


    body.bodyReservas header .dch .nuevaReserva { position: fixed; bottom: 48px; right: 0; border-radius: 40px; margin: 16px; box-shadow: 0 0 8px rgba(0,0,0,0.4); text-decoration: none; z-index: 2; padding: 0; text-decoration: none; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; }
    body.bodyReservas header .dch .nuevaReserva i.dch { margin-left: 0; }
    body.bodyReservas header .dch .nuevaReserva span { display: none; }

    body.bodyReservas.bot-menu-opened header .dch .nuevaReserva, body.menu-opened .btns-acciones .btnGuardar { transform: scale(0); opacity: 0; transition: transform .5s, opacity .5s; -ms-transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s; }
    body.bodyReservas header .dch .nuevaReserva, body .btns-acciones .btnGuardar { transform: scale(1); opacity: 1; transition: transform .5s, opacity .5s; -ms-transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s; }


    input[type="text"], input[type="time"], input[type="email"], select, textarea, input[type="password"] { padding: 8px 24px; }

    .check-btn input[type="checkbox"]:checked + label:after { top: 3px; }
    .check-btn.alto input[type="checkbox"]:checked + label:after { top: 1px; }

    header .dch #alerta { margin: 0; }
    .menuPpal { box-shadow: 0 0 0 640px rgba(0,0,0,0.0); }
    .menuPpal:not(.oculto) { box-shadow: 0 0 0 640px rgba(0,0,0,0.6); }

    .contenido-ppal { margin-top: 56px; }

    /*iconos*/
    .titulo2:before { font-size: 14px; }
    .titulo3:before { font-size: 14px }
    .titulo-acciones .titulo1 i { margin-right: 4px; }

    /*titulo-acciones*/
    .titulo-acciones { padding: 4px 12px; }
    .btns-acciones .btn-accion.nuevaReserva a:before { display: none }
    .btns-acciones .btn-accion.nuevaReserva { border-radius: 32px }
    .btns-acciones .btn-accion.nuevaReserva a:after { margin-left: 0px; }


    .btns-acciones .btn.btnGuardar { position: fixed; bottom: 48px; right: 0; padding: 14px 20px; border-radius: 40px; margin: 16px; box-shadow: 0 0 8px rgba(0,0,0,0.4); text-decoration: none; z-index: 2; transform: scale(1); opacity: 1; }

    .btns-acciones .btn.btnGuardar.oculto { transform: scale(0); opacity: 0; transition: transform .5s, opacity .5s; -ms-transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s; }
    .btns-acciones .btn.btnGuardar { transform: scale(1); opacity: 1; transition: transform .5s, opacity .5s; -ms-transition: transform .5s, opacity .5s; -webkit-transition: transform .5s, opacity .5s; }



    /*escritorio*/
    /*TODO: Adrián: Si hay menú-inf:.escritorio {  padding: 16px 8px 56px 8px; } si no lo hay: .escritorio {  padding: 16px 8px; }*/
    .escritorio { padding: 16px 12px 56px 12px; }



    /*breadcrumbs*/
    .escritorio.max100 .breadcrumbs { margin: 0 12px 8px 12px; }

    /*tarjetas*/
    .tarjeta .body-tarjeta { margin-bottom: 12px; }
    .tarjeta .info { margin: 0; width: calc(100% - 8px); }
    .tarjeta .body-tarjeta .info .izq { padding: 12px 0 }
    .tarjeta .dch.acciones-dch { margin: 12px 0; }
    .tarjeta .item-tarjeta { margin: 0 6px; }
    .tarjeta .item-tarjeta.datos { margin-left: 12px }
    .tarjeta .color { width: 8px }
    .tarjeta .izq .item-tarjeta:first-child { margin-left: 12px; justify-content: flex-start }
    .tarjeta .dch .item-tarjeta:last-child {margin-right: 8px; }
    .tarjeta .dch .item-tarjeta { justify-content: flex-start;/* align-items: center; */}
    /*.tarjeta .dch .item-tarjeta a { padding: 8px 12px; }*/
    .listado-agenda .fecha { padding-top: 8px; }
    .listado-agenda > ul > li { padding-bottom: 12px; }

    .tarjeta-persona .eliminar-estado .estado i { display: none }
    .tarjeta-persona .dch .item-tarjeta { justify-content: space-between; align-items: flex-end; }
    .tarjeta-persona .dch .item-tarjeta:last-child { margin-right: 12px; }
    .tarjeta-persona .eliminar-estado .delete i { padding: 12px; font-size: 16px }
    .tarjeta-persona .eliminar-estado .estado { padding: 12px 12px 12px 0 }
    .tarjeta .datos .nombre-usuario { height: 16px; }

    .tarjetaB { margin-bottom: 0 }
    .tarjetaB .inputdato { padding: 12px; }
    .tarjeta .confirmacion { bottom: 12px; right: 12px; }
    .tarjeta .confirmacion .ocultar { display: none }
    .tarjeta .confirmacion i { margin-right: 4px }
    .no-hay-reservas span { padding-left: 0; }
    #lista_reservas .listado-agenda .titulo2:before, #lista_reservas .listado-agenda .titulo3:before { display: none }

    /*login*/
    .dvApartadoLogin input { width: calc(100% - 12px) }

    /*listado reservas*/
    .listado-agenda .reservas .empty .tarjeta .body-tarjeta .dch { margin-right: 12px }
    .listado-agenda { margin-bottom: 20px }
    #calendar_mobile_container #range_calendars .calendario-ico input { padding-left: 44px }


    /*editar reserva*/
    .tarjeta.info-cliente .body-tarjeta { margin: 12px; }
    .item-ficha { margin-right: 0; width: 100%; }
    .item-ficha#horas, .item-ficha#duraciones { width: calc(50% - 12px); }
    /*.formulario-datos .inputdato { margin-bottom: 0; }*/

    .id-reserva input[type="text"]:not([class="hasDatepicker"]) { padding: 0 }

    .info-ficha .flex-row.cabecera-ficha { margin-bottom: 12px; }
    .cierre-seccion .btn { width: 100% }
    .tarjeta.info-cliente .info .item-tarjeta.foto { margin: 12px; }
    .tarjeta.info-cliente .info .item-tarjeta.datos-cliente { margin: 0; }
    .tarjeta.info-cliente .info .item-tarjeta.datos-cliente #info_cliente .contenido-info .izq { margin: 12px 0 }
    .info-ficha .item-ficha select, .formulario-datos .item-ficha input, .formulario-datos .item-ficha textarea, .formulario-datos .item-ficha select, .caja-txt input, .formulario-datos .inputdato input, .formulario-datos .inputdato textarea { width: 100%; margin: 0 0 12px 0; }
    .tarjeta.info-cliente .info .item-tarjeta.datos-cliente { margin-left: 12px }
    .formulario-datos .inputdato.p-onlineSiNo { margin-bottom: 12px }
        .p-onlineSiNo .inputdato input { display:none }
    .formulario-datos .check-btn.p-onlineSiNo input[type="checkbox"] + label:before, .check-btn.p-onlineSiNo input[type="checkbox"]:checked + label:after { margin-left: 0; }
    .body-ficha { padding: 12px 8px; }
    .cierre-seccion { margin: 20px 0; padding-top: 20px; }
    .contenido-editarReserva .body-ficha .inputdato select { width: 100%; margin-left: 0; }
    .contenido-editarReserva .inputdato textarea { width: 100%; margin-left: 0; margin-bottom: 0 }
    #datos_cliente_nuevo .flex-row .inputdato.nombre input { width: 100%; margin-left: 0 }
    #datos_cliente_nuevo .flex-row { justify-content: space-between }
    #datos_cliente_nuevo .flex-row .inputdato.email, #datos_cliente_nuevo .flex-row .inputdato.telefono { margin-bottom: 0; width: calc(50% - 12px); margin-left: 0; }
    #datos_cliente_nuevo .flex-row .inputdato.email input, #datos_cliente_nuevo .flex-row .inputdato.telefono input { margin-left: 0; width: 100% }
    .contenido-editarReserva .tarjeta .body-tarjeta .info .izq { padding: 0 }
    .confirmacion.confirm-edicion { margin-right: 12px }
    .confianza.cliente-vip { width: 100% }
    /*.contenido-editarReserva .editar-reserva .tarjeta.info-cliente .info.editar-cliente .item-tarjeta { margin-right: 12px; }*/
    #datos_cliente_nuevo { margin-top: 12px; margin-bottom: 12px }
    .contenido-editarReserva .info-ficha .body-ficha { padding: 12px }
    .comunicacion .btn { font-size: 14px; font-weight: 700; margin-left: 8px; }
    .comunicacion .btn span { display: none }
    #info_cliente .contenido-info .izq div i { width: auto; margin-right: 0 }
    .editar-reserva .tarjeta.info-cliente .info .item-tarjeta.datos-cliente #info_cliente .contenido-info .izq { margin-left: 0; }
    .tarjeta.info-cliente .item-tarjeta.datos-cliente #info_cliente { margin-right: 12px }
    .tarjeta.info-cliente .item-tarjeta.datos-cliente #datos_cliente_nuevo .flex-row { margin-right: 12px }
    .contenido-editarReserva.limite-reservas .tarjeta.tarjetaB { margin: 12px }

    /*botones de cancelar y guardar al final de una sección*/
    .cierre-seccion .botones-finales { width: 100% }
    .cierre-seccion .botones-finales .btn { width: 100%; margin: 0 0 12px 0; padding: 6px 10px; }
    .btn { padding: 8px 16px; }

    /*menú ptos*/
    .menu-ptos { padding: 12px 14px }
    .editar-reserva .despliega-menu-ptos a { padding: 12px; }

    /*horarios*/
    #horarios .bloque-rango { padding: 0 12px 12px 12px; width: 100% }

    /*fichas*/
    .subtema { padding: 12px 0; }

    /*configurar*/
    .items-config { margin: 0 }
    .contenido-configurar .inputdato { padding: 12px; }
    .contenido-configurar select { width: calc(100% - 8px); }
    .contenido-configurar .item-ficha.pass .pass-vieja { padding: 12px }
    .contenido-configurar .pass .pass-nueva { margin-top: 0; }
    .contenido-configurar .item-ficha.pass input { width: calc(100% - 8px) }
    .contenido-configurar .pass .item-pass span { min-width: auto; margin-left: 4px }
    #dvCredentials, #dvHoraNegocio { margin-top: 16px }
    #dvCredentials .titulo-con-info { margin-bottom: 4px }
    .contenido-configurar .titulo-acciones .btnGuardar { bottom: 0 }


    /*lista personal*/
    .contenido-personal .tarjeta .info { width: 100%; }
    .contenido-personal .tarjeta .info .izq { padding-left: 6px }
    .contenido-personal .tarjeta .info .izq .titulo2:before, .contenido-personal .tarjeta .info .izq i { width: 14px }
    .contenido-personal .tarjeta .foto.item-tarjeta { display: none }

    /*editar empleado (EditEntidad)*/
    .editarPersonal .body-tarjeta .datos-personales { margin: 0 0 12px 0; }
    .editarPersonal .body-tarjeta { margin: 4px 12px 12px 12px; padding: 12px }
    .editarPersonal .body-tarjeta .foto, .editarPersonal .body-tarjeta .datos-personal { width: 100%; }
    .editarPersonal .body-tarjeta .datos-personal { margin-top: 12px }
    .editarPersonal .body-tarjeta .datos-personales .inputdato input, .editarPersonal .inputdato textarea { margin-left: 0; }
    .lista-items-column { column-count: 1; margin-left: 0; }
    .editarPersonal .body-tarjeta .datos-personales .inputdato input { width: 100%; }
    .editarPersonal .inputdato textarea { width: 100%; }
    .editarPersonal #horarios .bloque-rango, .editarPersonal #excepciones .bloque-rango { padding: 0 }
    .info-ficha .body-ficha { padding: 16px 12px; }
    #horarios .bloque-rango, #excepciones .bloque-rango { width: 100%; }
    .bloque-rango .cabecera-bloque-rango { align-items: center; }
    #horarios .rango.titulo3, #excepciones .rango.titulo3 { padding: 20px 12px 4px 0; }
    .editar-personal .info-ficha .body-ficha { padding: 12px }

    /*lista clientes*/
    .contenido-clientes .tarjeta-persona .info { padding-left: 6px; width: 100%; }
    .contenido-clientes .tarjeta-persona .info .titulo2:before { width: 14px }
    .contenido-clientes .tarjeta-persona .info .titulo3 i { width: 14px; }
    .contenido-clientes .tarjeta-persona .foto.item-tarjeta { display: none }

    /*editar cliente*/
    .listado-reservas { margin-top: 0; }
    .listado-reservas li, .cabecera-lista { padding: 12px 12px 12px 0; }
    .boton-papelera { margin-right: 0 }
    .boton-papelera i { font-size: 24px; padding: 8px; color: #95a1a9 }
    .editar-clientes .titulo-acciones { align-items: flex-start }
    .editarPersonal .titulo-acciones { padding-top: 0 }
    .editarPersonal .titulo-acciones .titulo1 { padding-top: 4px }

    /*lista ausencias*/
    .contenido-ausencias .titulo2:before, .contenido-ausencias .titulo3 i { width: 16px; margin-right: 4px }

    /*editar ausencias*/
    .contenido-editarAusencia .body-tarjeta { padding: 12px 12px 0 12px; }

    /*Editar servicio*/
    .contenido-editarServicio .foto, .contenido-editarServicio .info-servicio { width: 100%; }
    .contenido-editarServicio .foto { padding-top: 12px; border-top: 1px solid #BCC4C9; }
        .contenido-editarServicio .subir-foto, .contenido-editarServicio .paleta-color .desplegable select { width: 100%; margin-left: 0; }
    .contenido-editarServicio .body-tarjeta { padding: 12px 12px 0 12px; }

    /*lista servicios*/
    .contenido-servicios .estado { margin-right: 12px; margin-bottom: 12px; }
    .contenido-servicios .estado i { display: none }
    .contenido-servicios .tarjetaB .info-tarjetaB { padding: 12px 0; }
    .contenido-servicios .tarjetaB .inputdato { padding: 0 12px 0 0; }
    .contenido-servicios .tarjetaB .espacio-color { width: 20px; }
    .contenido-servicios .tarjetaB .foto.item-tarjeta { display: none }

    /*lista notificaciones*/
    .contenido-notificaciones .tarjetaB .todos-datos { flex-direction: column }
    .contenido-notificaciones .btns-acciones { display: block }
    .contenido-notificaciones .btns-acciones p { display: none }
    .contenido-notificaciones .datos-reserva i, .contenido-notificaciones .datos-reserva .titulo2:before { width: 14px; }
    .contenido-notificaciones .inputdato .markAsRead { bottom: 12px; right: 12px; }

    /*soporte*/
    .ayuda .subtema { padding: 0 0 12px 0; margin: 0 0 20px 0; }
    .ayuda .body-tarjeta { padding: 12px 12px 0 12px; margin: 4px 0 12px 0; }
    .ayuda .cierre-seccion { padding-top: 0; margin: 12px 0 }

    /*estadísticas*/
    .estadisticas .base-grafico .label-grafico { display:none }
    .estadisticas .base-grafico .quesito-2, .estadisticas .base-grafico .quesito-1 { min-width: 20px; }
    .estadisticas .v-movil { display: flex; justify-content: space-between; margin-bottom: 4px; color: #455660 }
    .estadisticas .v-movil .label-grafico.label-1:before { content: ''; width: 12px; height: 12px; background: #3D84EA; top: 0; bottom: 0; margin: auto 4px auto 0; }
    .estadisticas .v-movil .label-grafico.label-2{display:flex; justify-content:flex-end;text-align:right}
    .estadisticas .v-movil .label-grafico.label-2:before { content: ''; width: 12px; height: 12px; background: #727d86; top: 0; bottom: 0; margin: auto 4px auto 0; }
    .estadisticas .tarjeta .numero-s { font-size: 14px; }
    .estadisticas .tarjeta-grafico .body-tarjeta { padding: 12px; }
    .estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta { padding: 16px 12px }

}

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

    body:not(.bodyReservas) header .dch .nuevaReserva span { display: none }
    body:not(.bodyReservas) header .dch .nuevaReserva i.dch { margin-left: 0 }

    /*subir imagen*/
    #dvImagenAsociada .spnFotoTit { padding-left: 0; }
    .subir-foto { padding: 12px; }
    #dvImagenAsociada .borrarimg i, #dvImagenAsociada .changeimg i { padding: 14px; }

    /*menu inferior*/
    .desborde:nth-child(6) { display: none }

    /*lista empleados*/
    .contenido-personal .tarjeta .info .izq .titulo3, .contenido-personal .tarjeta .info .izq .titulo2 { white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }

    /*lista clientes*/
    .contenido-clientes .tarjeta-persona .info .izq .titulo3, .contenido-clientes .tarjeta-persona .info .izq .titulo2 { white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }

    /*lista notificaciones*/
    .contenido-notificaciones .inputdato .markAsRead  i.dch{ margin-left: 0; }
    .contenido-notificaciones .inputdato .markAsRead span{display:none}

    /*estadísticas*/
    .grupo-tarjetas {flex-flow:row wrap }
    .grupo-tarjetas .tarjeta { width: 100%; }
    .estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta { display: flex; flex-direction: column }
    .estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .contenido.separacion { display:none }
    .estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .nombre-mes.titulo5 { margin: 0 0 8px; }
    .estadisticas .ultimo-ano .ptos {  margin: 16px 0 16px 0;}
    .estadisticas .ultimo-ano .tarjeta-grafico .body-tarjeta .ptos:last-child { display: none; }


}
#servicios_list > li,
#categorias_list > li {
    position: relative;
}

#servicios_list > li > i.fa-sort {
    position: absolute;
    right: 8px;
    top: 12px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    color: #666;
    background: #f0f0f0;
    border-radius: 4px;
    padding: 8px 0;
    width: 36px;
}

#servicios_list > li h2 {
    padding-right: 40px;
}

#categorias_list > li > i.fa-sort {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
    color: #666;
    background: #f0f0f0;
    border-radius: 4px;
    padding: 4px 0;
    width: 36px;
    z-index: 1;
}

@media all and (min-width: 641px) {
    #categorias_list > li > i.fa-sort {
        right: 12px;
        top: 17px;
    }
}