/* GENERALES */
form {
    /*background-color: #ecedee;*/
    padding: 6px 0px;
    border-radius: 7px;
}

.form-item, .form-actions {
    margin-top: 0px;
    margin-bottom: 5px;
}

form label {
    font-size: 14px;
    margin: 0;
    width: 100%;
}
/*
form .form-control {
    padding: 3px;
    font-weight: 500;
    height: 24px;

}
*/

form select.form-control {
    /* padding: 0 5px;
     font-size: 14px;
     color: #3f487f;
    */
}
/* textarea */
textarea.form-control {
    height: 35px;
}

/* ICONO AYUDA */
.helpmodal svg {
    height: 18px;
    width: 18px;
    float: right;
    color: #009cde;
    position: relative;
    margin-top: 3px;
    margin-right: 5px;
}

/* DESCRIPCIONES */

.form-item .description {
    font-size: 12px;
    color: #666;
}


/* AVISOS */
.field-add-more-submit.button {
    width: auto;
    height: auto;
    margin: 0.5em;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    border-color: transparent;
    background-color: #0056b3;
    transition: color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}

.field-add-more-submit.button:hover {
    color: #fff;
    background-color: #00448d;
}

.field-add-more-submit.button:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #003d80;
}

/* ORGANIZACIONES */



#organizaciones-add-form label{

}

#organizaciones-add-form #edit-cnombre-wrapper label {


}

/* FILTROS EXPUESTOS VISTAS */
.views-exposed-form .form-item {
    /*width: 200px;*/
    display: inline-block;
}

.views-exposed-form .form-item-destacados{
    width: 130px !important;
}

/* campos multivalor */
.empresas-form .tabledrag-toggle-weight-wrapper {
    display: none;
}

.field-multiple-table th {
    padding: 0;
}

.field-multiple-table th h4 {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}

.field-multiple-table td {
    padding: 0;
}

.field-multiple-table td.field-multiple-drag {
    padding-left: 20px;
}

.empresas-form #botoncif{
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 13px;
}

/* filtros expuestos vista tareas  */

#views-exposed-form-tareas-page .daterange-filter {
    float:left;
}

#views-exposed-form-tareas-page .js-form-item-fechainicio-time{
    width: unset;
}






/* PRESUPUESTOS */
.botonvolver{
    margin-bottom: 10px;
}

.presupuestos-form #addlinea{
    margin-bottom:10px;
    margin-right: 10px;
}

.presupuestos-form [id^="edit-submit"] {
    float: right;
    margin: 0px;
    margin-bottom:10px;
    margin-right: 10px;
}

.presupuestos-form table tr{
    background-color: #fff;
}
.presupuestos-form table th,
.presupuestos-form table td{
    padding: 0px;
}

.presupuestos-form #edit-notfcontainer{
    display: inline-block;
    margin-top: 20px;

}

.presupuestos-form #ptonotf{
    cursor: pointer;
}



.presupuestos-form .form-item-nestado{
    width: 80%;
    display: inline-block;

}


/* LINEA PRESUPUESTOS */

.linpresupuestos-form #fcantidad,
.linpresupuestos-form #fprecio,
.linpresupuestos-form #fporcdesc,
.linpresupuestos-form #fporciva,
.linpresupuestos-form #ftotallinea{
    text-align: right;
}

.linpresupuestos-form #cobservaciones{
    height: 30px;
}

.linpresupuestos-form .form-submit{
    float: right;
}

.entity.entity__presupuestos .view-linpresup table tr{
    background-color: #fff;
}
.entity.entity__presupuestos .view-linpresup table th,
.entity.entity__presupuestos .view-linpresup table td{
    padding: 0px;
}






/*vista linpresupuestos escandallo*/
.view-id-linpresup .escandallo{
    background-color:  #ccc !important;
}



.view-agenda  #newentmove {
    height: 40px;
    padding-top: 11px;
    border-radius: .25em;
}


.agendas-form legend{
    font-size: 14px;
    margin-bottom: 0px;
}

.agendas-form textarea.form-control {
    height: 65px;
}
.agendas-form .js-form-item-lsolapable-value{

    margin: 25px;
}

.agendas-form .form-date{
    width: 150px;
}

.agendas-form .js-form-item-notificacion{

    margin: 25px;
}





/* PRESUPUESTOS COPIAR */


.ptocopiar .form-item-actualizar{
    margin-top:25px;
    display: inline;
}

.ptocopiar #botones{
    text-align: right;
}



/* QUITAR FECLAS CAMPOS NUMBER */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    text-align: right;
}


/* FORMULARIO CONFIGURACION */

.astec-cr-configuracion-form .form-item {
    width: 250px;
    display: inline-block;
}


.astec-cr-configuracion-form .form-item-botoncif{
    display:block;
}

.user-form #edit-submit {
    float:right;
    margin-bottom: 10px;
}

.user-form #edit-status {
    display: block !important;
}


.astec-cr-configuracion-form #logo-config{
    max-height: 200px;
    max-width: 200px;

}


.astec-cr-configuracion-form #colormenu{
    width: 100px;
    height: 40px;
}

.astec-cr-configuracion-form #colortexto{
    width: 100px;

}

.astec-cr-configuracion-form input{
    width: 200px;

}


/*disable*/
select:disabled{
    opacity: 0.8 !important;
}


/* FORMULARIO CANALES*/
.canales .fieldset-legend{
    font-size: 14px;
}
.canales fieldset legend{
    margin-bottom: 0px;
}
.canales fieldset .label{
    font-size: 12px;
    font-weight: normal;
}
.canales .helpmodal{
    margin-bottom: -25px;
}


/*plantillas mensaje*/

.token-cto,
.token-emp{
    font-style: italic;
}
.token{
    color: blue;
    cursor: pointer;
}

.token:hover{
    text-decoration: underline;
}

/*FORMULARIO CONTACTOS */

/*sitios web*/
.contactos-form .fieldset-legend{
    font-size: 13px;
}

.contactos-form #tipoweb{
    display: inline-block;
}

.contactos-form .sitiosweb input{
    width: 300px;
    float: left;
}

.contactos-form .sitiosweb select{
    width: 150px;
    float: left;
    margin-left: 10px;
}

.contactos-form .sitiosweb #eliminar{
    float: right;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
    background-color: var(--red) !important;
    border-color: var(--red) !important;

}

.contactos-form .sitiosweb .button{
    float: right;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
    height: 25px;
    width: 30px;
}

.contactos-form .image-style-thumbnail{
    height: auto;
}


/*FORMULARIO EMPRESAS */

/*sitios web*/

.empresas-form .fieldset-legend{
    font-size: 13px;
}

.empresas-form #tipoweb{
    display: inline-block;
}

.empresas-form .sitiosweb input{
    width: 300px;
    float: left;
}

.empresas-form .sitiosweb select{
    width: 200px;
    float: left;
    margin-left: 10px;
}

.empresas-form .sitiosweb #eliminar{
    float: right;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
    background-color: var(--red) !important;
    border-color: var(--red) !important;

}

.empresas-form .sitiosweb .button{
    float: right;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
    height: 25px;
    width: 30px;
}


.empresas-form  .image-style-thumbnail{
    height: auto;
}


#drupal-modal fieldset legend span{
    /* font-size: 14px;*/
    margin: 0;
}



/* FORM TAREAS */

.tareas-form legend{
    font-size: 14px !important;
}

.tareas-form  .form-item-notificacion{
    margin-top: 30px;
}

/* FORM SEGUIMIENTOS */

.modaladd.seguimientos fieldset legend{
    margin-bottom: 0px;
    font-size: unset;

}


/* FORM CAMBIAR ESTADOS TAREAS MODAL */

.modal.cambiarestado{
    width: 450px !important;
}
.modal.cambiarestado input {
    margin-top:10px;
    margin-bottom:10px;
    float: right;

}
form .btn-sm{
    width: auto;
    height: auto;
    margin: 0.5em;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.5;
    color: #fff;
    border-color: transparent;
    background-color: #0056b3;
}

form legend{
    font-size: 14px;
}

.modal.cambiarestado .fieldset-wrapper{
    border: 2px solid #ccc;
    padding: 10px;
}
.modal.cambiarestado .fieldset-wrapper input{
    float:none;
    margin-right: 15px;
}


/* FORM NOTIFICACIONES */


#notificaciones-form #botonesnotf .form-type-checkbox{
    text-align: center;
    padding-right: 10px;
}


#notificaciones-form #botonesnotf input[type="checkbox"]{
    display: none;
}

#notificaciones-form #botonesnotf label {
    /*border: 1px solid #fff;*/
    padding: 5px;
    display: block;
    position: relative;
    margin: 0px;
    cursor: pointer;
}

#notificaciones-form #botonesnotf label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    /*border: 1px solid grey;*/
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
}

#notificaciones-form #botonesnotf label img {
    height: 30px;
    width: 30px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    margin-right: 5px;
}

#notificaciones-form  #botonesnotf :checked + label {
    border: #0056b3 3px solid;
    border-radius: 10px;
}

#notificaciones-form  #botonesnotf :checked + label:before {
    content: "✓";
    background-color: #0056b3;
    transform: scale(1);
}

#notificaciones-form  #botonesnotf :checked + label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
}

/*#notificaciones-form  .genalarma{
    width: 20px;
    height:20px;
}*/

#notificaciones-form  .form-submit{
    float:right;
}

#notificaciones-form  .form-item-lgeneraralarma{
    margin-top: 20px;
    margin-left: 15px;
}




/* FORM LOGIN */
/* centrar */

.path-user #block-astec-content{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*cuando se esta logueado quitar este estilo*/
.path-user.user-logged-in #block-astec-content {
    display: block;
}

.path-user #block-astec-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 #163554;
    border-radius: 5px;
}

.path-user #block-astec-content #user-login-form .logo-inicio{
    padding: 15px 0px 15px 0px;
    background-color: #163554;
}

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

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

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

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

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

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

.path-user #block-astec-content #user-login-form input#edit-submit:hover{
    background-color: #18548c;
    color: #f2f2f2;
}

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

.path-user #block-astec-content #user-login-form .olvido:hover{
    text-decoration:underline;
    color:#18548c;
}

.path-user #block-astec-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-astec-content #user-pass{
    background-color: #ffffff;
    text-align: center;
    padding: 0px 0px 20px 0px;
    width: 400px;
    /*margin-top: 40px;*/
    color: #fff;
    border: 1px solid #163554;
    border-radius: 5px;
}

.path-user #block-astec-content #user-pass .logo-inicio{
    padding: 15px 0px 15px 0px;
    background-color: #163554;
}

.path-user #block-astec-content #user-pass h1{
    font-size: 20px !important;
    color: #163554;
    text-align: center !important;
}

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

.path-user #block-astec-content #user-pass .form-item-name,
.path-user #block-astec-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-astec-content #user-pass label,
.path-user #block-astec-content #user-pass .description{
    display: none;
}

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

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

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

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


/* PROCESOS */
.modaladd.procesos .fieldset-wrapper .button{
    width: auto;
    height: auto;
    margin: 0.5em;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.5;
}
/* DEFTAREAS  */
.modaladd.deftareas .fieldset-wrapper .button{
    width: auto;
    height: auto;
    margin: 0.5em;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.5;
}



.modaladd.deftareas #botonesnotf .form-type-checkbox{
    text-align: center;
    padding-right: 10px;
}


.modaladd.deftareas #botonesnotf input[type="checkbox"]{
    display: none;
}

.modaladd.deftareas #botonesnotf label {
    /*border: 1px solid #fff;*/
    padding: 5px;
    display: block;
    position: relative;
    margin: 0px;
    cursor: pointer;
}

.modaladd.deftareas #botonesnotf label:before {
    background-color: white;
    color: white;
    content: " ";
    display: block;
    border-radius: 50%;
    /*border: 1px solid grey;*/
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: 0.4s;
    transform: scale(0);
}

.modaladd.deftareas #botonesnotf label img {
    height: 30px;
    width: 30px;
    transition-duration: 0.2s;
    transform-origin: 50% 50%;
    margin-right: 5px;
}

.modaladd.deftareas  #botonesnotf :checked + label {
    border: #0056b3 3px solid;
    border-radius: 10px;
}

.modaladd.deftareas  #botonesnotf :checked + label:before {
    content: "✓";
    background-color: #0056b3;
    transform: scale(1);
}

.modaladd.deftareas  #botonesnotf :checked + label img {
    transform: scale(0.9);
    /* box-shadow: 0 0 5px #333; */
    z-index: -1;
}

/*#notificaciones-form  .genalarma{
    width: 20px;
    height:20px;
}*/


.modaladd.deftareas  .form-item-lgeneraralarma{
    margin-top: 20px;
    margin-left: 15px;
}

/* CONVERSACIONES WHATSAPP*/
.modaladd.conversacion .js-form-submit{
    float:right;
    margin:10px 0px;
}

.modaladd.conversacion #conv-parametros input{
    border-radius: 5px;
    margin-top: 2px;
    border: none;
    padding: 5px 10px;
    font-size: 13px;
    outline: none;
    margin-bottom: 5px;
}


/* CALENDARIO CITA PREVIA ESPUESTO */
#views-exposed-form-citaprevia-page .form-item-termino{

    width: auto !important;
}
/* LLAMADAS */
.llamadas-form legend{
    margin-bottom: 0px !important;
}

.llamadas-form .field--name-lrevisada{
    margin-top: 25px;
}

.llamadas-form textarea{
    height: 120px !important;
}


/* REGISTRO HORARIO */
#reghoremp-add-form #edit-dfechahora-0-value--description{

    display: none;
}


/* HORAS ACUMULADAS */
#acumuladasform #edit-submit{
    height: 30px;
    margin-top: 20px;
}


.reghoremp-edit-form .description{
    display: none;
}


/* NUEVO */
.controller fieldset {
    max-width:unset !important;
    width: 100% !important;

    font-family: sans-serif;
    border: 2px solid #163554;
    background: #ddd;
    border-radius: 5px;
    padding: 0px 10px 5px 10px;
    margin-top: 30px;
}

.controller fieldset legend {
    background: #163554;
    color: #fff;
    padding: 5px 10px ;
    font-size: 20px;
    border-radius: 5px;
    width: auto;
    margin-top: -25px;

}



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

}


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

.form-estandar  input[type="checkbox"]{
    /*transform: scale(1.5);*/
}

.form-estandar input[type=checkbox]:checked {
    background-color:#0075ff;
}

.form-estandar  input[type=checkbox]:focus:not(:checked) {
    background-color:#fff;
}
.form-estandar  input[type=checkbox]:focus:checked {
    background-color:#0075ff;
}


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

.form-estandar input{
    border-radius: 2px !important;
    border-color: #dee2e6;
    padding: 5px 10px;
    font-size: 14px;
    height: 30px;
    background-color: #f3f7fb;
}

.form-estandar input:focus{
    background-color: #f3f7fb;
}

.form-estandar select{
    border-radius: 2px !important;
    border-color: #dee2e6;
    font-size: 14px;
    padding: 0px 12px;
    height: 30px;
    background-color: #f3f7fb;
}

.form-estandar select:focus{
    background-color: #f3f7fb;
}

.form-estandar .form-type-checkbox{
    margin-top: 30px;
}

.form-estandar textarea{
    border-radius: 3px !important;
    border-color: #dee2e6;
    padding: 0px 12px;
    field-sizing: content;
    font-size: 14px;
    background-color: #f3f7fb;
}

.form-estandar textarea:focus{
    background-color: #f3f7fb;
}

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

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

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

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


/* ESTANDAR */

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



.campo-checkbox .inputrolperm{
    float: left;
}

.campo-estrecho{
    width: 90px;
}

.campo-corto{
    width: 150px;
}

.campo-medio{
    width: 250px;
}

.campo-largo{
    width: 400px;
}

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

.campo-maxancho{
    width: 100%;
}

/* ESPECIFICOS */

.campo-fecha {
    width: 130px;
}

.campo-fecha-hora {
    width: 130px;
    margin-bottom: 5px;
}

.datetime label{
    font-size: 14px;
    font-weight: normal;
}

.campo-hora {
    width: 95px;
}

.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;
}

/* campo ficheros */
.js-form-file.form-file.form-control{
    height: 30px;
    font-size: 13px;
    padding: 5px;
    width: 290px;
}

.form-type-managed-file .form-item{
    float: unset !important;

}


/*campo ficheros checkbox */
form .image-widget input[type=checkbox] {
    padding: 10px !important;
    margin-top: 0px;
    margin-right: 5px;
    transform: none;
    background-color:#fff;
}

form .image-widget input[type=checkbox]:checked {
    background-color:#0075ff;
}

form .image-widget input[type=checkbox]:focus:not(:checked) {
    background-color:#fff;
}
form .image-widget input[type=checkbox]:focus:checked {
    background-color:#0075ff;
}

form .image-widget .form-type-checkbox{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 25px;
}


#campomultiple{
    display: flex;
    /*width: 100%;*/
    width: auto;
    margin-top: 3px;
}

#campomultiple label{
    display: block;
}

#campomultiple .form-item{
    width: 100%;
}

#campomultiple .multiselect.dropdown-toggle.btn.btn-default{
    border: 1px solid #dee2e6;
    min-height: 30px !important;
    background-color: #FFFFFF;
}

#campomultiple .multiselect-container.dropdown-menu.show{
    width: 100%;
    border-radius: 0px;
    background-color: #f2f2f2;
    padding: 10px 15px;
}

#campomultiple .multiselect-selected-text{
    /*text-wrap: wrap;*/
    float: left;
    text-align: left;
    color: #000;

}

button.multiselect{
    height: auto !important;
}

#campomultiple .multiselect-container input{
    height: auto !important;
}


#campomultiple .dropdown-toggle::after{
    float: right;
    margin-top: 10px;
}

#campomultiple span.input-group-btn{
    margin-left: -40px;
}

#campomultiple .multiselect-clear-filter:active{
    border: none;
}

#campomultiple .multiselect-item.filter{
    margin-bottom: 10px;
}

/*boton añadir multiple */
.campomultipleauto{
    width: auto;
}

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

.campomultipleauto #userselector,
.campomultipleauto #socioselector,
.campomultipleauto #beneficiarioselector{
    background-color: #FFFFFF;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 10px;
}
.campomultipleauto #userselector label,
.campomultipleauto #socioselector label,
.campomultipleauto #beneficiarioselector label{
    margin-left: 10px;
    width: auto !important;
}

.campomultipleauto #userselector input,
.campomultipleauto #socioselector input,
.campomultipleauto #beneficiarioselector input{
    height: auto !important;
}



/*wrapper*/
.divwrapper{
    width: auto;

}

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

.campo-text-open{
    min-height: 80px !important;
    /*width: 400px !important;*/
}

.campo-text-open-ancho{
    min-height: 80px !important;
    width: 100% !important;
}


.form-estandar .row .form-item.form-type-textarea{
    width: 100%;

}


.campo-text-ancho-open{
    min-height: 80px !important;
    width: 100% !important;
}


.icono-ayuda{
    height: 22px;
    width: auto;
    padding: 0px;
    float: right;
}

#botonesmodal{
    text-align: right;
    margin-top: 20px;
}

#actionbuttons {
    width: 100%;
    margin-top: 10px;
    text-align: right;
}

.btn,
.button{
    border-radius: 2px;
    border: none;
    height: 26px;
    padding: 2px 10px;
    font-size: 14px !important;
}

.btn-primary{
    background-color: #163554 !important;
    border: none !important;
    border-radius: 2px !important;
    color: #fff !important;
}

.btn-primary:hover{
    background-color: #18548c;
    border: none;
    border-radius: 2px;
}

.btn-danger{
    background-color: #dc3545 !important;
    border: none !important;
    border-radius: 2px !important;
    color: #fff !important;
}

.btn-danger:hover{
    background-color: #b7192c;
    border: none;
    border-radius: 2px;
}

.btn-secondary{
    background-color: #6c757d !important;
    border: none !important;
    border-radius: 2px !important;
    color: #fff !important;
}

.btn-secondary:hover{
    background-color: #5c636a;
    border: none;
    border-radius: 2px;
}

.btn-secondary.view-volver{
    margin-bottom: 5px;
}

.btn-cuadrado{
    width: 18px !important;
}

.form-control:focus{
    box-shadow: 0 0 0 0.10rem rgba(13, 110, 253, 0.25);
    border-color: #163554 !important;
}


/* FORMULARIOS EXPUESTOS VISTA */
.views-exposed-form input{
    height: 30px;
    font-size: 14px;
}

.views-exposed-form select{
    height: 30px;
    padding: 0px 12px;
    font-size: 14px;
}


/* GRUPO DE PERMISOS */

.form-permisos .perm-grupo{
    text-decoration: none;
    color: #000;
    font-weight: bold;
    background-color: #d3d3d3;
    padding: 5px 10px;
    width: 100%;
    display: block;
    margin-bottom: 3px;
}

.form-permisos .perm-grupo-open{
    /*margin: 20px;*/
}

.form-permisos .perm-pantalla{
    text-decoration: none;
    color: #4582dd;
    /*font-weight: bold;*/
    /*background-color: #4582dd;*/
    border-bottom: 2px solid #4582dd;
    padding: 5px 10px;
    margin-bottom: 3px;
    width: 90%;
    display: block;

}

.form-permisos label{
    display: inline !important;
}

/* PANTALLA MODAL DIALOG */

.ui-dialog .ui-dialog-titlebar{
    border-color: #163554 !important;
    background: #163554 !important;
    color: #fff;
}

/* overlay */
.ui-widget-overlay{
    background-color: #dee2e6 !important;
    opacity: 0.6 !important;
}


.modalmsj #modalmsjcontent{
    text-align: center;
}


/* FORM GENERAR TURNOS */
/*.form-generar-turnos */
.form-generar-turnos #campomultiple{
    display: flex;
    width: 100%;
}

.form-generar-turnos #campomultiple .form-item{
    width: 100%;
}

.form-generar-turnos #campomultiple .multiselect.dropdown-toggle.btn.btn-default{
    border: 1px solid #ccc; /*aki cambiar por color border campos*/
}

.form-generar-turnos #campomultiple .multiselect-container.dropdown-menu.show{
    width: 100%;
    border-radius: 0px;
    background-color: #f2f2f2;
    padding: 10px 15px;
}

.form-generar-turnos #campomultiple .multiselect-selected-text{
    text-wrap: wrap;

}

.form-generar-turnos #campomultiple span.input-group-btn{
    margin-left: -40px;
}

.form-generar-turnos #campomultiple .multiselect-clear-filter:active{
    border: none;
}

.form-generar-turnos .form-item-festivos label{
    width:auto;
}

.form-generar-turnos #dias-wrapper .form-type-checkbox label{
    width: 50px;
    display: inline-block;
}

.form-generar-turnos #dias-wrapper .js-form-type-checkbox.form-item-festivos label{
    width: auto;
}

.form-generar-turnos .mensajeaviso{
    background-color: #faebd7;
    padding: 10px;
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
}



.form-generar-turnos .horasdia  {
    margin: 0px;
    padding: 5px;
    margin-top: 0px;
    background-color: #f3f7fb;
    width: auto;
    height: 30px;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    font-size: 13px;
}

.form-generar-turnos #horas_lunes{
    margin-top: 26px;
}

.form-generar-turnos .form-type-checkbox{
    margin-top: 3px;
}

.form-generar-turnos .form-item-lunes,
.form-generar-turnos .form-item-festivos{
    margin-top: 30px;
}
.form-generar-turnos #horassemana  {
    float: right;
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.form-generar-turnos #edit-plantilla .button{
    width:  70px;
    margin-top: 24px;
}




/* FORM SEGUIMIENTOS EMPLEADOS SEGEMPLEADOS */
.form-estandar.segempleados_ver {

}

.form-estandar.segempleados_ver  .js-filter-wrapper.js-form-wrapper.form-wrapper{
    display: none;
}
.form-estandar.segempleados_ver .form-managed-file  .js-form-file.form-file.form-control{
    display: none;
}

.form-estandar.segempleados_ver  .form-managed-file .js-form-submit,
.form-estandar.segempleados_ver  .form-managed-file .form-checkbox {
    display: none;
}

/* FORM JUSTIFICANTES */
.form-estandar.justificantes_ver {

}

.form-estandar.justificantes_ver  .js-filter-wrapper.js-form-wrapper.form-wrapper{
    display: none;
}
.form-estandar.justificantes_ver .form-managed-file  .js-form-file.form-file.form-control{
    display: none;
}

.form-estandar.justificantes_ver  .form-managed-file .js-form-submit,
.form-estandar.justificantes_ver  .form-managed-file .form-checkbox {
    display: none;
}

/* FORM DOCUMENTOS EMPLEADOS DocsEmpleados */
.form-estandar.segempleados_ver {

}

.form-estandar.docsempleados_ver  .js-filter-wrapper.js-form-wrapper.form-wrapper{
    display: none;
}
.form-estandar.docsempleados_ver .form-managed-file  .js-form-file.form-file.form-control{
    display: none;
}

.form-estandar.docsempleados_ver  .form-managed-file .js-form-submit,
.form-estandar.docsempleados_ver  .form-managed-file .form-checkbox {
    display: none;
}

/* FORM CIRCULARES */
.form-estandar.circulares_ver .form-managed-file  .js-form-file.form-file.form-control{
    display: none;
}

.form-estandar.circulares_ver  .form-managed-file .js-form-submit,
.form-estandar.circulares_ver  .form-managed-file .form-checkbox {
    display: none;
}

/* FORM DOCUMENTOS INTERNOS */
.form-estandar.docsinternos_ver .form-managed-file  .js-form-file.form-file.form-control{
    display: none;
}

.form-estandar.docsinternos_ver  .form-managed-file .js-form-submit,
.form-estandar.docsinternos_ver  .form-managed-file .form-checkbox {
    display: none;
}

/*Para UsuarioPasswordForm*/
.password-toggle,.password-toggle2,.password-toggle3{
    position: relative;
    left: 225px;
    bottom: 30px;
}

/*Para UsuaiosForm*/
.password-toggle4{
    position: relative;
    left: 225px;
    bottom: 50px;
}

.movretpago{
    background-color: #FF0000;
}

.custom-icon {
    color: #163554;
    font-size: 24px;
}

.custom-icon red{
    font-size: 20px;
    color: #dc3545;
}

td.diameserror {
  background-color: #f78686; /* red color, change to your desired color */
}

/*BULK ACTION*/
#views-bulk-operations-configure-action .vbo-info-list-wrapper.item-list{
    display: none;
}

.campo-rojo {
    border-color: red !important;
    background-color: #ff9494 !important;
}

.campo-multiselect{
    width: 140px;
    height: auto;
}