/*CSS_Personalizados*/
/*[type=css]*/
/*CSS Personalizado para los formularios acordeon. Hace que no salga la cabecera del formulario*/
.AcordeonNoCab table.PWFormularioModalResponsive > tbody > tr > td > .PWcabecera_toolbar_acordeon {
display: none;
background-color: #f5f5f5 !important;
}


.TablaTotalizada tbody {
    display: block;
    max-height: 540px;
    overflow-y: auto;
}


@media (max-width: 991.98px) {
    .TablaTotalizada tbody {
        display: block;
        max-height: 540px;         /*Se cambia 350 por 540*/
        overflow-y: auto;
    }
}
    
    
.TablaTotalizada thead {
    display:table;
    table-layout:fixed;
}

.TablaTotalizada table {
    margin-bottom: 0px;
}

.campoformulariototalizado .pwlabel {
    display: none;
}

.TablaTotalizada .PWTableHeader .PWMenuEsconder.contenedor {
    position: absolute;
    top: 26px;
    left: 25px;
    display: table-cell;
    width: 25px;
    max-width: 25px;
    min-width: 25px;
    background-color: transparent;
}


.TablaTotalizada .TablaDiaria tbody {
    max-height: none;
}

.TablaTotalizada tbody tbody:first-of-type {
    max-height: none;
}



.FilaSinPadding .PWResponsiveCell {
    padding: 0;
}


.PWFondoSubFormulario {
    border: none;
}


.PWTableCellFormularioAcordeon table.PWFormularioModalResponsive{
background-color: #e6e6e6;
}


.PWFormularioModalResponsive>tbody>tr>td>div.PWFormulario {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.PWFormularioModalResponsive>tbody{
    min-height: 50px;
}

/*.PWTableHeader .PWMenuEsconder.contenedor {
    position: none;
    width: 25px;
    max-width: 25px;
    min-width: 25px;
    margin-left: -193px;
    margin-top: 7px;
    border: 0;
    background-color: #b3373700;
}
*/

.PWTableHeader .PWMenuEsconder.contenedor {
    position: inherit;
}

.AzulClaro{
    background-color: #cfdbff;
}

.AzulClaro:hover{
    background-color: darkgray;
}

/*CSS PARA LA TABLA DE TOTALIZADO*/
.TablaTotalRango > div > table > tbody > tr:hover{
    background-color: darkgray;
}

.HorasHrh{
    background-color: #006ec11a;
}

.HorasTotalesHrh{
    background-color: #006ec175
}

.HorasSM{
    background-color: #006ec175
}


/*el menu de ver ocultar columnas lo hace relativo para que no se pierda cuando hay scroll JMN 20201223*/
/*.menuOcultarModificado>div>div>table tr th.PWMenuEsconder.contenedor { position:relative;}*/
/*.menuOcultarModificado { margin-right:20px;}*/
/*.menuOcultarModificado>div>div {overflow:visible;}*/
.menuOcultarModificado>div>div>table tr th.PWMenuEsconder.contenedor .dropdown-menu.list.show {transform: translate3d(-160px, 10px, 0px) !important;}


/*Letras en negrita para el formulario de Inicio*/
.LetrasNegrita{
    font-weight: bold;
}

/*CSS para el campo Estado de Validaciones*/
.columnaCentradaControl > input {
    border: 0 !important;
    background-color: rgb(255 255 255 / 15%) !important;
    background-position: 15px 5px !important
}

/*Css para el campo Estado OT en RT modal*/
.estadoactualot span:nth-child(2) {
    border: 1px #b3b3b3 solid;
    margin: 0px 0px 0px 3px;
    padding: 2px;
    border-left: 3px solid #b3b3b3;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    color: #555;
    font-size: 13px;
    font-weight: 400;
    width: 150px !important;
}

/**/
span.select2-selection.select2-selection--multiple{
    overflow-y: auto;
    max-height: 100px;
}


.PRL {
    background-color: #fff;
    border: 1px solid #ddd;
    min-width: 100px;
    border-radius: 15px;
}


.AvisoRojo {
    color: #dc3545 !important;
    font-weight: bold;
}
/*CSSexterno*/
/*[type=css]*/
/*Botones buscadores*/
.PWButton.BotonBusc{
    background-color: #ffffff;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

/*Boton entrtiempos*/
.PWButton.BotonEntretiempos{
    background-color: #ffffff;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    margin-top: 13px;
    vertical-align: bottom;
    width:100%;
}

/*Botones inicio*/
.PWButton.BotonInicio{
    background-color: #ffffff;
    color: white !important;
    padding: 2px;
    vertical-align: bottom;
    background-color: #5C5C5C; 
    width: 145px;
    height: 30px;
}

.PWButton.BotonInicioJornada{
    background-color: #ffffff;
    color: white !important;
    padding: 2px;
    vertical-align: bottom;
    background-color: #5C5C5C; 
    width: 145px;
    height: 30px;
    text-align: end;
}




.PWButton.BotonInicio > span{
    margin-top: 3px;    
}

/*.PWButton.BotonInicio:hover{
    background-color: #ffffff;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    background-image: linear-gradient(to left, #77A1D3 0%, #79CBCA 51%, #77A1D3 100%);
    width: 145px;
    height: 41px;
}*/


/*Botón rechazar*/
.PWButton.BotonRechazar{
    background-color: #FF8000; /*indianred*/
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

/*Botón denegar*/
.PWButton.BotonDenegar{
    background-color: #FF0000; /*indianred*/
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

/*Boton validar*/
.PWButton.BotonValidar{
    background-color: mediumseagreen;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

/*Botón enviar*/
.PWButton.BotonEnviar{
    background-color: #00acee; 
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:100%;
}

/*Boton Manual-> pop-up registro jornada*/
.PWButton.BotonManual{
    background-color: #ffffff;
    color: #000!important;
    border: black 1px solid;
    padding: 3px;
}


/*centrar celda en los formularios*/
.centrarColumna{
    text-align: center !important;
}

/*centrar checks en los formularios*/
.centrarCheck{
    display:block; 
    margin: auto;
}

/*Color principal*/
.PWFondo,
.PWFormPart,
#BarraPrincipal_barraCero,
#BarraPrincipal_primeraBarra{
    background: #F2F2F2;
    margin-bottom: 10px;
}
/*Logo ajustes*/
#BarraPrincipal_logo > div > div > img{
    max-width: 160px;    
}

#BarraPrincipal_logo > div > div{
    top: 0;
}

/*Menu barra*/
#BarraPrincipal_bloque_menuPrincipal > ul,
#BarraPrincipal_primeraBarra > div,.PWcabecera_toolbar{
    background: #5C5C5C;
	border-right: unset;
	color: white;
	width: 100%;
	margin: unset;
}
.dropdown-menu{
    background-color: #f2f2f2;
    min-width: 170px;
}
#BarraPrincipal_bloque_menuPrincipal > ul > li > a:hover, #BarraPrincipal_bloque_menuPrincipal > ul > li > a:focus,#BarraPrincipal_bloque_menuPrincipal > ul > li.btn-menu-active > a,.btn-menu-active > a,.btn-menu.hActiv,.btn-menu.hActiv > a,.dropdown-menu.show,.dropdown-menu > li > a,.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.btn-primary:hover{
    background: #f2f2f2 !important;
    color: black !important;
}
/*Link Completo*/
.PWLink.LinkCompleto {
   width:100%;
   text-align: center;
}
.flecha img{
    width: 25px;  
}

.flecha.mas > span >img{
    width: 25px;
    margin-top: 90px;
}

/*--------------------*/
.btn-primary{
    background: #5C5C5C;
}

.btn-menu a {
    opacity: unset;
    font-weight: unset;
}
#BarraPrincipal_bloque_menuPrincipal > ul > li > a{
    font-size: initial;
    font-weight: unset;
}


#DivFormulario{
    padding-left: 0.5%;
}

#BarraPrincipal_segundaBarra{
    margin-left: 0.5%;
}

#BarraPrincipal_segundaBarra{
    width: 99%;
}
/*---------------------------------------*/
/*Qutar obligacion del campo en buscador del proyectos*/
.quitarobligatorio .PWTextBoxObligatorio{
    border-left: 1px solid #ccc !important;
}

.tabla1 >div>div>table>tbody>tr:nth-child(4) > td:nth-child(7),
.tabla1 >div>div>table>tbody>tr:nth-child(7) > td:nth-child(7){
    background-color: red;
}

.tabla2>div>div>table>tbody>tr:nth-child(2) > td:nth-child(6){
    background-color: blue;
}


/*CSS DEL STE DE CONTRACK*/

.steTabla > div > table > tbody > tr:nth-child(even){
    background-color: whitesmoke;
}
.steTabla > div > table > tbody > tr:nth-child(odd){
    background-color: #e6e6e6;
}

.steTabla > div > table > tbody > tr:hover{
    background-color: darkgray;
}

.steTabla > div > table > thead > tr > th.PWTableCellHeader{
    text-overflow: ellipsis;
    max-width: 40px !important;
    white-space: nowrap;
    overflow: hidden;
}

.steTabla > div > table > tbody > tr > td{
    text-align: center !important;
}


.steTabla > div > table > thead > tr > th.PWTableCellHeader:nth-of-type(2){
    width: 95px;
}
.steTabla > div > table > thead > tr > th.PWTableCellHeader:nth-of-type(1){
    width: 10px;
}


.steTabla > div > table > tbody > tr:nth-child(odd) td[data-cedtservant] {
    background-color: #C7CBCF;
}


.steTabla > div > table > tbody > tr:nth-child(even) td[data-cedtservant]{
    background-color: #dcdcdc;
}

.steTabla > div > table > tbody tr:first-child td {
	border-bottom: 2px solid #6F7173;
	font-weight: bold;
}

.displayNone{
   
}
/*Border para bloque Envia prisma pop-up RT*/
.prisma{
    margin: 5px;
}

.prisma > div:nth-child(1){
    border-right: 1px dotted lightslategray;
    border-top: 1px dotted lightslategray;
    border-left: 1px dotted lightslategray;
    padding-bottom: unset;
    margin-bottom: unset;
	border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.prisma > div:nth-child(2){
    border-right: 1px dotted lightslategray;
    border-bottom: 1px dotted lightslategray;
    border-left: 1px dotted lightslategray;
	border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    padding-bottom: 9px;
}

.PWBloque.PWCaja.PWCajaUsuarios{
    background-color: #fff;
    border: 1px dotted lightslategray;
    min-width: 100px;
    border-radius: 15px;
}

/* Color corporativo web Veolia #e95f47 */

/*Border bottom de la tabla de los resultados*/ 
.table-condensed>tbody>tr>.PWTableCellAgrupada1 {
    border-bottom: 1px solid darkgrey;
}

/*Border de paginación*/
.pagination {
    border-top: 2px solid darkgrey;
}

/*Nuevo registro*/
.table>tfoot .PWTableRowNuevoRegistro>td .PWLink {
    color: indianred !important;
    font-weight: 600;
    font-size: larger;
}

/*Botón Nuevo registro RT*/
.nuevoreg{
    color: indianred !important;
    font-weight: 600;
    font-size: larger;
}

.positionboton{
    bottom: 20px;
}

.PWTableRowNuevoRegistro td a{
    padding-top: 20px !important;
 }

/*Cambio de color campos modificados*/
.PWUpdated {
    color: #353434 !important;
}

/*Alerta Edicion masiva*/
.notificacion > div >div > span, .fons{
    font-size: initial;
}
.tableerror > div > div > table >tbody > tr > td:nth-child(11) {
   background-color: #ED4337; 
}

.datosprincipales{
    border: 0.5px dashed lightslategray;
    border-radius: 3px;
    padding: 10px !important;   
}


.modalrt{
    padding: 17px !important;
}

.enviopad{
    padding: 17px 0 17px 0  !important;
}

.nolabel{
    display: none !important;
}

.fixlabel{
    display: inline-block;
    max-width: 122px;
}
.fixlabeldatos{
    display: inline-block;
    max-width: 180px;
}
    
.noadpad > div > span{
    padding: unset;
}

.enviopadvn{
    padding: 17px 0 0 0  !important;
}

.resumen > div > div > div > div > div{
    padding: 17px 0 17px 0  !important;
    max-width: unset !important;
}


.PWformulario_menu{
    padding: 10px 10px 0 5px;
}http://10.59.69.17/PLAN3.3/images/fontawesome/Vacio.png

/*Cabecera asistente*/
/*.cabecera{
    font-family: OpenSans,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    font-weight: bolder;
    color: #333;
    overflow: visible;
    text-align: left;
    vertical-align: top;
    margin-top: -4px;
    display: table;
}*/

.sinradius{
    background-color: #fff;
    border: 1px;
    min-width: 100px;
}

/*Botón refresh - No visible*/
#BarraPrincipal_refrescarV{
    display: none;
}



.paraEstadoNuevo .form-control[readonly]{
    border-left: none !important;
}


.paraEstadoNuevo input{
    background-position: center !important;
    width: 0;
    border: none;
    border-left: none !important;
    box-shadow: none
}

.PWTableRow1:hover input,
.PWTableRow2:hover input{
    background: linear-gradient(#ffd14c,#ffad4c); 
}

/*TOTALIZADO*/

.TablaTotal > table > tbody > tr > td > div > div{
    padding: 0 !important;
}

.TotalOscuro{
    background-color: #cacaca;
    
}

.DetalleOscuro{
    background-color: #e6e6e6;
}

.TotalAzulOscuro{
    background-color: #3fb4ff;
    
}

.DetalleAzulOscuro{
    background-color: #89d1ff;
}


.TotalClaro{
    background-color: #dadada;
}

.DetalleClaro{
    background-color: #f5f5f5;     
}


.TotalAzulClaro{
    background-color: #7dccff;
}

.DetalleAzulClaro{
    background-color: #a9ddff;   
}


.AzulDesviacion{
    background-color: #dff2ff;
}

.AnchoUltCol{
    width: 100%;
}




.FondoBlanco{
     background-color: #ffffff;
}


.TablaSinHover table > tbody > tr:hover{
   background: #ffffff;
   padding: unset;
}

.TablaSinHover table > tbody > tr > td > div > div{
    padding: 0px;
}

.PWTableHeader .PWMenuEsconder .list{
    background-color: #f2f2f2;
}

/*
.TotalOscuro:hover{
    background-color: orange;
}
*/
/*.tablatotal tr{
    background-color: red;
}

.tablatotal tr:hover{
     background-color: green !important;
     cursor: pointer;
}

.tablatotal tr:hover {
    background-color: green
}*/

/*.PWTableRow1:hover, .PWTableRow2:hover, .PWTableRowDisabled:hover, .PWTableRow1:hover+.extends, .PWTableRow2:hover+.extends, .PWTableRowDisabled:hover+.extends{
    background: white;
}*/

.TotalExcel,.TotalExcel img{
    width: 28px;
    height: 28px;
    margin: 0 0 0 6px !important;
}


/*Ubicacion*/ 
.iLONGITUD    {display:none;}
.iLATITUD     {display:none;}
.iLONGITUDRT  {display:none;}
.iLATITUDRT   {display:none;}
.iLONGITUDFIN {display:none;}
.iLATITUDFIN  {display:none;}
.iLONGITUDInicio {display:none;}
.iLATITUDInicio {display:none;}
.iMensaje     {display:none;}
.iMensajeRJ   {display:none;}
.OcultoHtml   {display:none;}



.warn > div > span > span > span{
    padding: 3px;
    /*background: orange;*/
    background: linear-gradient(#ffd14c,#ffad4c);
}

/*help button*/
.PWLanzadorCab.conIcono {
    padding: 10px ;
    color: black;
}

.PWLanzadorCab.active:hover {
    background-color: unset;
    font-weight: bold;
    text-decoration: none;
}

.PWLanzadorCab.conIcono:hover{
    background-size: 18px 18px;
}

/*modal Ayuda*/
.cabayuda{
    font-size: initial;
    text-align: center;
}

/*Modal Borrado Masivo RTs*/
.mensajeConf{
    text-align: center;
    margin-top: 4px;
    display: grid;
}

.mensajeConf>span>span{
    white-space: initial;
}

/*CSS Para botones del confirm*/
/*Botón denegar*/
.jconfirm-box .PWButton.cancel {
    background-color: #FF0000; /*indianred*/
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:30%;
}

/*Boton validar*/
.jconfirm-box .PWButton.ok {
    background-color: mediumseagreen;
    color: #000!important;
    border: black 1px solid;
    padding: 2px;
    vertical-align: bottom;
    width:30%;
}

.PWTableCellAgrupada2pruebaY{
    font-weight: bold;
}
/*Tarjetas Inicio*/
/*[type=css]*/
.PWTarjetamaxi {
    height: 200px;
    border: 1px solid gray;
    background-color: white;
    width: 100%;
    color:#71838c !important;
    border-radius: 15px;
    box-shadow: 3px 3px 15px lightgrey;
}

.PWTarjetamaxi > span {
    display: grid !important;
    white-space: normal;
    font-size: 35px;
    font-weight: bold;
}

.PWTarjetamaxi img {
    margin: auto;
    padding-bottom: 10px;
    padding-top: 15px;
    width: auto;
}

.PWTarjetamaxi:hover {
    box-shadow: 3px 5px 5px #888;
    border: 1px solid black;
    background-color: white;
    color: black !important;

}

.PWTarjetamaxi .PWSubLabel {
    white-space: normal;
    font-size: 16px;
    padding-top: 10px;
    font-weight: normal;
}

.PWTarjetamaxi .tooltip {
       position:relative;
    }
