.frm2, .editando2 .mostrar2{display: none;}
.editando2 .frm2{display: block;}


.horasGuardadas .desde{background-color: #EDEDED; display: table; width: 100%;}
.horasGuardadas .desde>div{display: table-cell; text-align: center; vertical-align: middle; color: #b8b8b8;  
                    height: 30px; line-height: 30px;}

.horario .datos>div{display: table; width: 100%;}
.horario .datos>div>div{display: table-cell; vertical-align: top; }
.horario .datos>div>div div{height: 31px; text-align: center; width: 130px; margin: 0px auto; line-height: 30px;}
.horario .datos>div>div div span{width: 100px; text-align: center; display: block; 
                                 border-bottom: solid 1px #e5e5e5; float: left; }

.horario span, .horario div{font-size: 14px;}

.horario .tituloH>div{width: 50%;}

.horario.eliminando>div{border-bottom: solid 1px #F00; .horario.eliminando>div{border-top: solid 1px #F00;}}
.acciones2>a>img{width: 24px;}

.horariog .acciones{width: 40px; background: url(../../img/eventos/btnAcciones.png) center center no-repeat; cursor: pointer;}
.horariog .aceptars{width: 40px;}
.frmHorario .horario .datos>div>div div{width: auto;}
.frmHorario .horario .datos > div > div div span{float: none; margin: auto;}
.horario .datos>div>.btnAcciones{position: absolute; margin-left: 0px;}
.horariog.editando .btnAcciones{margin-left: -111px; opacity: 1; }
.horariog.editando{border-top: solid 1px #c63c3c; border-bottom: solid 1px #c63c3c;}
.aceptars img{width: 24px; height: 24px;}

.btnAcciones{display: table; opacity: 0; background-color: #FFF; border: solid 1px #e5e5e5; border-radius: 5px; 
            position: absolute; overflow: hidden;}
.btnAcciones>div{display: table-cell; padding: 5px 5px 5px 15px; vertical-align: middle;}
.btnAcciones>div:first-child{width: 30px; padding: 0px; cursor: pointer; background: url(../../img/eventos/triangulo_acciones.svg) no-repeat center center #5F2411; background-size: 6px 14px; }
.btnAcciones .btn a:first-child{margin-right: 7px;}
.btnAcciones>.consulta{display: none;}
.btnAcciones.eliminando>.consulta{display: block;}
.btnAcciones.eliminando>.btn{display: none;}
.btnAcciones .consulta a{margin-left: 20px;}
.horariog.editando>.btnAcciones.eliminando{margin-left: -190px;}
.btnAcciones a img{width: 24px; height: 24px;}

.horario .edicion{padding: 10px 10px 10px 0px; width: auto;}

.horario .tituloH div{text-align: center; height: 30px; line-height: 30px;}

.zonaA{margin-top: 20px;}
.zonaB .horario{margin-top: 20px;}
.zonaB .horario .datos span{border-top: solid 1px #e5e5e5; }

.zonaB .edicion{margin: 20px;}

.cntCalendario .izq, .cntCalendario .der{width: 10px; height: 18px; display: block; position: absolute; 
    cursor: pointer; margin-top: 11px; }
.posicionado .cntCalendario .izq, .posicionado .cntCalendario .der{display: block;}

.cntCalendario .izq{margin-left: 10px; -webkit-mask: url(../../img/eventos/atras_calendario.svg); 
    mask: url(../../img/eventos/atras_calendario.svg); -webkit-mask-repeat:no-repeat; background-color: var(--colorCorporativo2);}
.cntCalendario .der{ -webkit-mask: url(../../img/eventos/adelante_calendario.svg); 
     mask: url(../../img/eventos/adelante_calendario.svg); -webkit-mask-repeat:no-repeat; background-color: var(--colorCorporativo2);  }
.mesCalendario .nombreMes{height: 40px; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; 
                          color: var(--colorCorporativo1); line-height: 40px; text-align: center; }
.mesCalendario span{ color: #444444;}
.mesCalendario .nombres_dias span{text-transform: uppercase;}
.mesCalendario span{text-align: center; }
.mesCalendario .semana-mes span{margin: 0px 1px 1px 0px; background: #EAEAEA; cursor: pointer;}
.mesCalendario .semana-mes span.activo{background: var(--colorCorporativo1); color: #FFF;}
.mesCalendario .semana-mes span:last-child{margin-right: 0px;}
.mesCalendario .semana-mes .dia-0{background: #FFF; border-color: #fff;}
.nombreMes{font-size: 14px;}

@media screen and (min-width:600px){
    .zonaB .titulo2{ width: 270px; margin-top: 20px; }
    .cntCalendario .der{margin-left: 280px;}
    .mesCalendario .nombreMes{width: 300px;}
    #disponibilidad .zonaA, #disponibilidad .zonaC{float: left; width: 300px;}
    #disponibilidad .zonaB{float: right; width: 280px; margin-right: 10px;}

    .mesCalendario span{width: 42px; height: 42px; line-height: 42px; }

    .cntCalendario, .cntCalendario>div{
        width: 300px;
    }

    .zonaA>.caja{width: 280px; padding-left: 10px; }
    .zonaA .caja .select{width: 280px;}
    .zonaB{min-height: 500px;}
    .horario .datos>div .dataH{width: 280px;}
}


@media screen and (max-width:599px){
    .cntCalendario{margin-bottom: 20px;}
    .cntCalendario .der{right: 10px;}
    .mesCalendario .nombreMes{width: 100%;}
    .zonaA .caja{display: table; margin-left: auto; margin-right: auto;}
}

.hora_desde, .hora_hasta, .minuto_desde, .minuto_hasta, .hora_inicio, .minuto_inicio{ border: none;}

.programar-servicio .frmHorario .horario, .frmHorario .horarioPaseo{display: none;}

.horarioPaseo>div{ display: table; margin: auto;}
.horarioPaseo .radio{float: left; width: 100px;}
.radio input, .radio div{width: 100px;}
.horarioPaseo .radio:first-child{margin-right: 15px;}

.horario .datos > div > div .dia_siguiente{font-size: 10px; display: table; margin: 15px auto 0px auto;}

.mesCalendario .semana-mes span.semiactivo{background-color: #d1a87d; color: #FFF;}

.horasGuardadas{padding: 10px;}
.horariog{display: table; width: 100%;}
.horariog.cargando_25>div{visibility: hidden;}
.horariog.cargando_25 .acciones{display: none;}
.horariog>div{display: table-cell; vertical-align: top;}
.horariog .fecha span{font-size: 11px; }
.txtServicio{color: #999999; font-size: 14px; }
.estadoServicio{font-size: 10px;}
.estadoServicio.estado1{color: #c6833c;}
.estadoServicio.estado2{color: #00a000;}

@media screen and (min-width:400px){
    .horariog>div:first-child{display: table; width: 100%;}
    .horariog>div:first-child>div, .horariog>div:first-child>span{display: table-cell; vertical-align: middle;}
}

#calendarioA{display: table; margin: 30px auto;}

.mesCalendario .semana-mes span.cargando_25{text-indent: -100000px; background-repeat: no-repeat; background-position: center center;}
.mesCalendario .semana-mes span.viendo{background-color: #5F2411; color: #FFF;}

.muestra>div.cntCalendario{border: none;}

.ventana-flotante form .tituloSeparador{margin-bottom: 20px;}

.puntomapa{display: none; }