.ui-dialog .ui-dialog-titlebar{
    background-color: #29396B !important;
    color: #fff;
}

label {
    font-size: 14px;
}

input[type=button], input[type=submit], input[type=reset] {
    border-radius: 0px !important;
    border:none;
}

.btn{
    border-radius: 0px !important;
    border:none;
}
.btn:disabled{
    border: none;
    color:#9d9b9b;
    cursor:not-allowed;
}

.btn-primary{
    background-color: #29396B !important;
    border-radius: 0px !important;
}

.btn-info{
    color: #fff  !important;
}

.ajax-progress-throbber {
    display: none !important;
}

.ajax-process{
    display: none !important;
}

/* CAMPOS FOMULARIOS ESTANDAR */
.form-estandar{

}


.form-estandar .row .form-item{
    max-width:none;
    width: auto;
    float: left;
}


.form-estandar #edit-submit{
    width: auto;
    height: 35px;
    margin-top: 25px
}

.form-estandar input{
    border-radius: 3px !important;
    border-color: #7c7b7b;
    padding: 5px 10px;
}

.form-estandar .form-control:focus{
    border-color: #29396b !important;
    box-shadow: 0 0 0 2px rgb(41 57 107 / 71%) !important;
}

.form-estandar select{
    border-radius: 3px !important;
    border-color: #7c7b7b;
    padding: 5px 20px;
}

.form-estandar select:focus{
    border-color: #29396b !important;
    box-shadow: 0 0 0 2px rgb(41 57 107 / 71%) !important;
}

.form-estandar textarea{
    border-radius: 3px !important;
    border-color: #7c7b7b;
    padding: 5px 10px;
    field-sizing: content;
}

.form-estandar textarea:focus{
    border-color: #29396b !important;
    box-shadow: 0 0 0 2px rgb(41 57 107 / 71%) !important;
}

.form-estandar fieldset {
    max-width: unset !important;
    width: 100% !important;
    font-family: sans-serif;
    border: 1px solid #d7d7d7;
    background: #fff;
    border-radius: 5px;
    padding: 0px 10px 5px 10px;
    /* margin-top: 30px;*/
}

.form-estandar fieldset legend {
    color: #29396b;
    padding: 5px 10px;
    font-size: 22px;
    border-radius: 5px;
    width: auto;
    margin-top: 10px;
}

.form-estandar fieldset .fieldset-wrapper{
    /* display: flex;    
     justify-content: space-between;*/
}

.form-estandar .row .form-item.form-item-direccion-address-line1,
.form-estandar .row .form-item.form-item-direccion-postal-code{
    margin-left: 25px;
}


/* ESTANDAR */

.campo-checkbox{
    padding: 10px !important;
    margin-top: 0px;
    margin-right: 5px;
}

.campo-estrecho{
    width: 90px;
}

.campo-corto{
    width: 150px;
}

.campo-medio{
    width: 250px;
}

.campo-largo{
    width: 400px;
}

.campo-ancho{
    width: 100%;
    max-width: 600px;
}

/* ESPECIFICOS */

.campo-fecha {
    width: 140px;
}

.campo-nif {
    width: 120px;
}
.campo-phone{
    width: 140px;
}

.campo-postal {
    width: 70px;
}

.campo-provincia {
    width: 200px;
}

.campo-cantidad{
    width: 80px;
    text-align: right;
}

.campo-totales{
    width: 100px;
    text-align: right;
}

input[type=number].campo-totales::-webkit-inner-spin-button,
input[type=number].campo-totales::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number].campo-cantidad::-webkit-inner-spin-button,
input[type=number].campo-cantidad::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*descipciones y observaciones*/
.campo-text{
    /*height: 60px;
    max-height: 300px;*/
    width: 400px !important;
}

/* ESTANDAR responsive */

@media (max-width: 769px) {
    .form-estandar .row .form-item{

        width: 100% !important;

    }
    
    .form-plannig-horario.form-estandar .row .form-item{ 
        width: auto !important;

    }
    
    
    .campo-checkbox{
        padding: 10px !important;
        margin-top: 0px;
        margin-right: 5px;
    }

    .campo-estrecho{
        width: 90px;
    }

    .campo-corto{
        width: 150px;
    }

    .campo-medio{
        width: 250px;
    }

    .campo-largo{
        width: 100%;
    }

    .campo-ancho{
        width: 100%;

    }

    .campo-text{

        width: 100% !important;
    }


}

/* BOTONES */

#botonesmodal{
    text-align: right;
}




/* FORMULARIOS */

/* proyecto */
#cliente-direccion {
    width: auto;
    max-width: none;
}

#cliente-direccion .form-item{
    margin: 0px;
}


ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}
ul.nav li.dropdown ul.dropdown-menu {
    margin-top: 0;
}


/* FORMULARIOS EXPUESTOS VISTAS */

.view-filters #edit-actions{
    clear: unset;
    float: left !important;
    margin-top: 40px;
    border-radius: 0px !important;
    border:none;
}

.view-filters input{
    border-radius: 3px !important;
    border-color: #7c7b7b;
    padding: 5px 10px;
}

.view-filters input[type=button], input[type=submit], input[type=reset] {
    border-radius: 0px !important;
}

.view-filters input:focus{
    border-color: #29396b !important;
    box-shadow: 0 0 0 2px rgb(41 57 107 / 71%) !important;
}

.view-filters select{
    border-radius: 3px !important;
    border-color: #7c7b7b;
    padding: 5px 10px;
}

.view-filters select:focus{
    border-color: #29396b !important;
    box-shadow: 0 0 0 2px rgb(41 57 107 / 71%) !important;
}


.view-filters input.button {
    border: none;
}


.view-filters .daterange-filter{
    float: left;
    margin-top: 1em;
    margin-right: 0.5em;
}


/* autocomplete lista*/
ul.ui-autocomplete li.ui-menu-item{
    border-bottom: 1px solid #8b8888;
}

ul.ui-autocomplete li.ui-menu-item a{
    display: block;
    text-decoration: none;
    width: 100%;
}

ul.ui-autocomplete li.ui-menu-item a.ui-state-active{
    background-color: #cbdae9;
}

ul.ui-autocomplete li.ui-menu-item a .auto-nombre{
    color:#33333d;
    font-size: 14px;
    font-weight: bold;
}

ul.ui-autocomplete li.ui-menu-item a .auto-nombre.noactive{
    color:red;
}

ul.ui-autocomplete li.ui-menu-item a .auto-nombre i{
    color:#3c3c3c;
    font-size: 12px;
    padding-left: 10px;
    font-weight:normal;
}



/* FORM LOGIN */
/* centrar */
.path-user #block-astecth-content{
    display: flex;
    justify-content: center;
    align-items: center;
}

.path-user #block-astecth-content #user-login-form{
    background-color: #ffffff;
    text-align: center;
    padding: 0px 0px 20px 0px;
    width: 400px;
    margin-top: 40px;
    color: #fff;
    border: 1px solid #29396b;
    border-radius: 5px;
}

.path-user #block-astecth-content #user-login-form .logo-inicio{
    padding: 20px 0px 20px 50px;
    background-color: #29396b;
}

.path-user #block-astecth-content #user-login-form .form-item-name,
.path-user #block-astecth-content #user-login-form .form-item-pass{
    margin: 0px;
    padding: 0px 20px;
}

.path-user #block-astecth-content #user-login-form .form-item-name{
    margin-top: 20px;
}
.path-user #block-astecth-content #user-login-form .form-item-pass{
    margin-top: 5px;
}

.path-user #block-astecth-content #user-login-form label,
.path-user #block-astecth-content #user-login-form .description{
    display: none;
}

.path-user #block-astecth-content #user-login-form input{
    width: 100%;
    border-radius: 0px;
    background-color: #f2f2f2;
    color: #817d7a;
    border: none;
    padding: 15px 20px;
}

.path-user #block-astecth-content #user-login-form input::placeholder{
    color: #817d7a;
    font-style:italic;
}

.path-user #block-astecth-content #user-login-form #edit-actions{
    padding: 0px 20px;
}
.path-user #block-astecth-content #user-login-form input#edit-submit{
    width: 100%;
    border-radius: 0px;
    background-color: #29396b;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

.path-user #block-astecth-content #user-login-form input#edit-submit:hover{
    background-color: #20294b;
    color: #f2f2f2;
}

.path-user #block-astecth-content #user-login-form .olvido{
    color: #007eb0;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
}

.path-user #block-astecth-content #user-login-form .olvido:hover{
    text-decoration:underline;
}

.path-user #block-astecth-content #user-login-form .crearcuenta{
    display: block;
    background-color: #ef7f1a;
    padding: 15px;
    color: #2b2a29;
    text-decoration: none;
    margin-top: 20px;
    font-weight: 500;
    font-size: 20px;
}

/* RECUPERAR CONTRASEÑA */
.path-user #block-astecth-content #user-pass{
    background-color: #ffffff;
    text-align: center;
    padding: 0px 0px 20px 0px;
    width: 400px;
    margin-top: 40px;
    color: #fff;
    border: 1px solid #29396b;
    border-radius: 5px;
}

.path-user #block-astecth-content #user-pass .logo-inicio{
    padding: 20px 0px 20px 50px;
    background-color: #29396b;
}

.path-user #block-astecth-content #user-pass h1{
    font-size: 20px;
    color: #29396b;
}

.path-user #block-astecth-content #user-pass p{
    font-size: 13px;
    color: #29396b;
    padding: 5px 20px;
}

.path-user #block-astecth-content #user-pass .form-item-name,
.path-user #block-astecth-content #user-pass .form-item-pass{
    margin: 0px;
    padding: 0px 20px;
}

.path-user #block-astecth-content #user-pass .form-item-pass{
    margin-top: 5px;
}

.path-user #block-astecth-content #user-pass label,
.path-user #block-astecth-content #user-pass .description{
    display: none;
}

.path-user #block-astecth-content #user-pass input{
    width: 100%;
    border-radius: 0px;
    background-color: #f2f2f2;
    color: #817d7a;
    border: none;
    padding: 15px 20px;
}

.path-user #block-astecth-content #user-pass input::placeholder{
    color: #817d7a;
    font-style:italic;
}

.path-user #block-astecth-content #user-pass #edit-actions{
    padding: 0px 20px;
}
.path-user #block-astecth-content #user-pass input#edit-submit{
    width: 100%;
    border-radius: 0px;
    background-color: #29396b;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}

.path-user #block-astecth-content #user-pass input#edit-submit:hover{
    background-color: #20294b;
    color: #f2f2f2;
}


/* FORM REGISTER */
/* centrar */
.path-user #block-astecth-content{
    display: flex;
    justify-content: center;
    align-items: center;
}

.path-user #block-astecth-content #user-register-form{
    background-color: #afcb05;
    text-align: center;
    padding: 20px 20px;
    width: 400px;
    margin-top: 40px;
}

.path-user #block-astecth-content #user-register-form .form-item-name,
.path-user #block-astecth-content #user-register-form .form-item-pass{
    margin: 0px;

}

.path-user #block-astecth-content #user-register-form .form-item-pass{
    margin-top: 2px;
}

.path-user #block-astecth-content #user-register-form label,
.path-user #block-astecth-content #user-register-form .description{
    display: none;
}

.path-user #block-astecth-content #user-register-form input{
    width: 100%;
    border-radius: 0px;
    background-color: #2b2a29;
    color: #fff;
    border: none;
    padding: 15px 20px;
}

.path-user #block-astecth-content #user-register-form input::placeholder{
    color: #817d7a;
    font-style:italic;
}

.path-user #block-astecth-content #user-register-form input#edit-submit{
    width: 100%;
    border-radius: 0px;
    background-color: #ef7f1a;
    color: #2b2a29;
    font-weight: 500;
    font-size: 20px;
}

/* FORM DIALOG MODAL*/
.ui-dialog {

}

.ui-dialog-titlebar ui-corner-all ui-widget-header{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #505b7e;
    border-radius: 5;
    background: #505b7e;
    color: #fff;
}



/* FORM imprimir fichajes */

.imprimirform #edit-adduser{
    width: auto;
    height: 35px;
    margin-top: 25px;
}

.imprimirform #contenttable label {
    font-size: 20px;
    margin-top: 5px;
    margin-left: 10px;
}

.imprimirform #contenttable input{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-bottom: 5px;
}

.imprimirform #contenttable div{
    border-top: 1px solid #ccc;
}

.imprimirform #lineatexto{
    font-weight: bold;
    font-size: 18px;
}

.imprimirlistadoform #edit-adduser{
    width: auto;
    height: 35px;
    margin-top: 25px;
}


/* FORM FACTURAS */

#facturasform #nfactura{
    text-align: right;

}

.filatotales{
    background-color: #f2f2f2;
    border: 2px solid #ccc;
    display: flex;
    justify-content:space-between;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

.filatotales label{
    font-size: 14px;

}

#edit-numhasta{
    margin-top: 5px;
}

#edit-fecha-hasta{
    margin-top: 5px;
}

#facturasform .form-item-cnif,
#facturasform .form-item-telefono2,
#facturasform .form-item-email,
#facturasform .form-item-telefono1,
#facturasver .form-item-cnif,
#facturasver .form-item-telefono2,
#facturasver .form-item-email,
#facturasver .form-item-telefono1{
    /*   margin-left: 15px;*/
}


.linfacturasform .js-form-item-lextendido{
    margin: 0px;
}

.linfacturasform .js-text-format-wrapper,
.linfacturasform .js-form-item-cextendido-value{
    width: 100% !important;
}

.linfacturasform .js-form-wrapper.form-wrapper {
    display: none !important;
}

/* END FORM FACTURAS */

/* FORM COBROS */
.form-cobros .js-form-submit{
    width: 80px;
    height: 38px;
    margin-top: 24px;
}

/* END FORM COBROS*/


/* FORM HORARIOS PISCINAS */
#horariosform .js-form-type-checkbox{
    margin-top: 30px;
    width: 150px;
}

#horariosform .hora{
    border: none;
    border-bottom: 1px solid #333333;
    border-radius: 3px 3px 0px 0px !important;
}

#horariosform .form-type-checkbox{
    width: 125px !important;
}



/* FORM PLANNING-HORARIOS CON TABLA DE DATOS */
#planninghorariosform{
    padding-left: 0px;
    padding-right: 0px;
}

#planninghorariosform #wrapper_fecha{
    padding-left: 0px;
    padding-right: 0px;
}

#planninghorariosform .form-item-fechaini,
#planninghorariosform .form-item-fechafin{
    padding-left: 5px;
    padding-right: 0px;
}
#planninghorariosform .form-item-fechaini input,
#planninghorariosform .form-item-fechafin input{
    width: 125px;
}


#planninghorariosform .table th {
    background-color: #29396B !important;
}


#planninghorariosform .btn-anterior,
#planninghorariosform .btn-avance {
    width: 35px;
    height: 35px;
    margin-top: 25px;
    font-family: cursive;
    margin-right: 5px;
    margin-bottom: 5px;
}

#planninghorariosform #wrapper_piscina,
#planninghorariosform #wrapper_empleado,
#planregistrosdiarioform #wrapper_piscina,
#planregistrosdiarioform #wrapper_empleado{
    width: auto;
}
#planninghorariosform #wrapper_piscina div,
#planninghorariosform #wrapper_empleado div,
#planregistrosdiarioform #wrapper_piscina div,
#planregistrosdiarioform #wrapper_empleado div{
    margin-top: 0px;
}

#planninghorariosform th{
    text-align: center;
}

#planninghorariosform td{
    width: calc(100% / 8);
    /* 8 columnas todas mismo tamaño*/
    vertical-align: top;
}

#planninghorariosform .sinservicio{
    background-color: #dcdcdc;
    border: 1px solid #626060;
}

#planninghorariosform .conturno.vacante,
#planregistrosdiarioform .conturno.vacante{
    background-color: #ffc0c1;
    border: 1px solid #626060;
}

#planninghorariosform .conturno,
#planregistrosdiarioform .conturno{
    background-color: #f6f6f6;
    border: 1px solid #626060;
}

#planninghorariosform .sinturno,
#planregistrosdiarioform .sinturno{
    background-color: #c9dbf4;
    border: 1px solid #626060;
}


#planninghorariosform .warning,
#planregistrosdiarioform .warning{
    background-color: #fefa8a;

}


#planninghorariosform .empturno,
#planregistrosdiarioform .empturno{
    display: block;
    text-align: center;
    border: 1px solid #29396b;
    border-radius: 5px;
    margin-bottom: 5px;
}

/*registro inicial*/
#planninghorariosform .empturno.reghorini,
#planregistrosdiarioform .empturno.reghorini{
    background: linear-gradient(90deg,  rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 49%, rgb(246 246 246) 0%, rgb(246 246 246) 100%);
}

#planninghorariosform .empturno.reghorini.warning,
#planregistrosdiarioform .empturno.reghorini.warning{
    background: linear-gradient(90deg,  rgba(199,201,92,1) 51%, rgba(199,201,92,1) 49%, rgb(254, 250, 138, 1) 0%, rgb(254, 250, 138, 1) 100%);
}

#planninghorariosform .empturno.reghorini.noreghorfin,
#planregistrosdiarioform .empturno.reghorini.noreghorfin{
    background: linear-gradient(90deg,  rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 49%,rgba(245, 147, 147, 1) 0%, rgba(245, 147, 147, 1) 100%);
}




/*registro final*/
#planninghorariosform .empturno.reghorfin,
#planregistrosdiarioform .empturno.reghorfin{
    background: linear-gradient(0deg, rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 49%, rgba(245, 147, 147, 1) 0%, rgba(245, 147, 147, 1) 100%);
}

#planninghorariosform .empturno.reghorfin.noreghorini,
#planregistrosdiarioform .empturno.reghorfin.noreghorini{
    background: linear-gradient(90deg, rgba(245, 147, 147, 1) 0%, rgba(245, 147, 147, 1) 49%,rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 100%);
}

#planninghorariosform .empturno.reghorfin.warning,
#planregistrosdiarioform .empturno.reghorfin.warning {
    background: linear-gradient(90deg, rgb(254, 250, 138, 1) 0%, rgb(254, 250, 138, 1) 49%,  rgba(199, 201, 92, 1) 51%, rgba(199, 201, 92, 1) 100%);
}


#planninghorariosform .empturno.reghor.reghorini.reghorfin,
#planregistrosdiarioform .empturno.reghor.reghorini.reghorfin{
    background: linear-gradient(0deg, rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 100%, rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 100%);

}

#planninghorariosform .empturno.reghor.reghorini.reghorfin.warning,
#planregistrosdiarioform .empturno.reghor.reghorini.reghorfin.warning{
    background: linear-gradient(90deg,  rgba(199,201,92,1) 51%, rgba(199,201,92,1) 49%, rgba(199,201,92,1) 51%, rgba(199,201,92,1) 100%);

}

/*background: linear-gradient(0deg, rgba(245, 147, 147, 1) 0%, rgba(245, 147, 147, 1) 49%, rgba(201, 229, 201, 1) 51%, rgba(201, 229, 201, 1) 100%);*/

#planninghorariosform .empturno.reghor,
#planregistrosdiarioform .empturno.reghor{
    background-color: #c9e5c9;
}

#planninghorariosform .empturno.warning.reghor,
#planregistrosdiarioform .empturno.warning.reghor{
    background-color: #c7c95c;
}

#planninghorariosform .empturno.noreghor,
#planregistrosdiarioform .empturno.noreghor{
    background-color: #f59393;
}


#planninghorariosform .empturno .edlin{
    float: right;
    margin-right: 3px;
}


#planninghorariosform  #acciones{
    margin-top: 23px;

}

#planninghorariosform #wrapper_fecha .form-item,
#planninghorariosform #wrapper_fechafin .form-item{
    margin-top: 0px;
    margin-bottom: 0px;
}

#planninghorariosform #wrapper_fecha{
    padding-left: 0px;
}
#planninghorariosform #wrapper_fechafin{
    padding-left: 0px;
    padding-right: 0px;
}


/* END FORM PLANNING-HORARIOS CON TABLA DE DATOS */

/* FORM AÑADIR PLANNING */

#btndisponibles,
#selectdisponible{
    width: 32px;
    padding: 5px 5px;
    height: 36px;
    margin-top: 24px;
    color: #fff;
    border-radius: 5px !important;
}

#msjempleado.errormsj{
    background-color: #f59393;
    padding: 5px 10px;
    border-radius: 5px;
}


/* END FORM AÑADIR PLANNING */


/* FORM PLANNING-GENERAR GENERAR SERVICIOS CON TABLA DE DATOS */

#msjgenerar{
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 10px 15px;
}
#msjgenerar span{
    font-weight: bold;
    text-align: center;
    display: block;
}

/* END FORM PLANNING-GENERAR GENERAR SERVICIOS CON TABLA DE DATOS */


/* FORM USUARIOS */
.image-user-perfil{
    width: 100px;
    height: 100px;
    padding: 0px;
    background-color: #f6f6f6;
    border-radius: 10px;
}
.image-user-perfil-link{
    width: auto;

}

.usuariosform .row .form-item.form-item-direccion-address-line1,
.usuariosform .row .form-item.form-item-direccion-postal-code {
    margin-left: 25px;
}


#usuariosver #editarbanco{
    margin-top: 23px;
}


/* FORM PISCINAS */
#piscinasver #edit-imagenes a {
    width: auto;

}

#piscinasform .row .form-item.form-item-direccion-address-line1,
#piscinasform .row .form-item.form-item-direccion-postal-code,
#piscinasform .row .form-item.form-item-direccionfactura-address-line1,
#piscinasform .row .form-item.form-item-direccionfactura-postal-code,
#piscinasver .row .form-item.form-item-direccion-address-line1,
#piscinasver .row .form-item.form-item-direccion-postal-code,
#piscinasver .row .form-item.form-item-direccionfactura-address-line1,
#piscinasver .row .form-item.form-item-direccionfactura-postal-code{
    margin-left: 25px;
}


/* FORM ESTADISTICAS */
.form-estadisticas .campomultipleauto{
    width: auto;
}

/* campo multiple */
.campomultipleauto{
    width: auto;
}

.campomultipleauto #btn-adduser {
    float: left;
    width: auto;
    font-size: 33px;
    margin-top: 33px;
    margin-left: 10px;
    color: #198754;
}

.campomultipleauto #userselector {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.campomultipleauto #userselector label {
    margin-left: 10px;
}

.disable {
    pointer-events: none !important;
    cursor:none !important;
    background-color: #e9ecef !important;
}

.disable:focus {
    border-color: #7c7b7b !important;
    box-shadow: none !important;
}