/* layout para backoffice*/

/* <JA> */
/*Back no tiene linea izquierda en pasos y se quita padding*/
.content {
    padding-left: 20px;
}
p {
    text-align: justify;
}
 
a {
    cursor:pointer;
}
/*Para que se vea el calendario datetimepicker*/
.bootstrap-datetimepicker-widget.dropdown-menu{
        display:block !important;
    }
/* </JA> */
input[type="checkbox"], .custom-control-label {
    cursor: pointer;
}

/* <AL> */
.custom-btn-modal-si {
    color: white;
    background-color: #577FA4;
    margin-left: 10px;
    /*min-width: 50px;*/
}

.custom-btn-modal-si:hover {            
    color: white;
    background-color: #23527c;
}

.custom-btn-modal-no {
    margin-left: 16px;
    /*min-width: 50px;*/
}

.custom-btn-min-ancho {
    margin-left: 16px;
    min-width: 50px;
}

.custom-select-accion-rapida {
    width: 100%;
}

.custom-modal-mantenedores {
    width: 75%;
}


.contenedor-dobselbutt{
	display: flex;
	justify-content: center;
	align-items: center;
}
/* Custom para las flechas de los paneles dobles */
.custom-flechas-paneles-dobles-i {
color: white;
        
}

.custom-btn-paneles-dobles-to-izq {
        
    background-color: #1FB1BE;
}

    
.custom-btn-paneles-dobles-to-der {
        
    background-color: #577FA4;
}

.custom-fa-font-icons {
    font-size: 16px;
}


/* Sobrescritura de fstElement (filtros) para que usen el total del div */
.fstElement {
        display: block;
    }

    .fstMultipleMode .fstControls {
        width: 100%;
    }


/* Sobreescritura selects */


/*select option {
  color: #000;
  box-shadow: 20px 20px #fff inset;  
  
}

select option:hover {
  color: #fff;
  box-shadow: 20px 20px RGBA(87,117,164,0.6) inset !important;  
  background-color: RGBA(87,117,164,0.6) !important;
  
}

select option:checked {
  color: #fff;
  background-color: RGBA(87,117,164,1);
  box-shadow: 20px 20px RGBA(87,117,164,1) inset;
  
}

select option:active {
  color: #fff;
  box-shadow: 20px 20px #577FA4 inset;
  
}*/



/* </AL> */



/* --- SOBRESCRIBIR DATATABLE --- */
table.dataTable.no-footer{
    border-bottom: 1px solid #567ea3;
}
table.dataTable thead th, table.dataTable thead td{
    padding: 8px 10px !important;
    border-bottom: 1px solid #567ea3 !important;
    font-size:14px;
    display: table-cell;
    vertical-align: middle;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
    border:0px;
}
.dataTables_wrapper .dataTables_paginate {
    color: #333;
    margin-top:12px;
    padding:0px;
    border-radius:4px !important;
    border: 1px solid #ccc !important;

}
.first.paginate_button {
    border-right: 1px solid #ccc !important;
    margin: 0px;
    border-image-width:0px;
}

.previous.paginate_button {
    border-right: 1px solid #ccc !important;
    margin: 0px;
    border-image-width:0px;
}
span.paginate_page, span.paginate_of {
    padding: 0px 10px;
    margin:0px;
    border-image-width:0px;
}

.next.paginate_button {
    border-left: 1px solid #ccc !important;
    margin: 0px;
    border-image-width:0px;
}

.last.paginate_button {
    border-image-width:0px;
    border-left: 1px solid #ccc !important;
    margin: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    border:0px;
    margin:0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background:rgba(87, 127, 165, .2);
    color:#577FA4 !important;
    border:0px;
    border-radius:0px;
    margin:0px;
}

.dataTables_wrapper{
    margin-bottom:16px;
}

/*Input de paginas datatables mas pequeño*/
input.paginate_input {
    width: 40px;
    padding: 2px 5px;
    border: 1px solid #ccc;
}

/* Para evitar distorsión en columnas de tabla que contienen un txt sin espacios muy largos */
.columna_wrapper_max_ancho {
    max-width: 500px;
    word-wrap: break-word;
}