@import url('https://fonts.googleapis.com/css?family=Roboto');

.cargaArchivo .ui-fileupload .ui-fileupload-buttonbar{
	padding: 0px !important;
	border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.cargaArchivo .ui-widget-content {
	border: none !important;
}

.colorSwitch .ui-inputswitch.ui-inputswitch-checked {
    background-color: #db46a3 !important;;
    border-color: #db46a3 !important;;
}

body .estiloSinTitle > .ui-dialog-titlebar {
	background-color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	color: #333333 !important;
}

body .estiloSinTitle .ui-dialog-buttonpane {
	max-width: 92% !important;
}

.estiloSinTitle .ui-icon {
	display: none !important;
}

.estiloSinTitle .ui-dialog-buttonpane button {
	overflow: hidden !important;
    cursor: pointer !important;
 
    font-weight: bolder !important;
    padding-right: 38px !important;
    margin-top: 20px !important;
}

.estiloSinTitle .ui-dialog-buttonpane {
	border-top: #D5007F !important;
    border-style: groove !important;
} 

.estiloSinTitle .ui-confirmdialog-no {
	margin-right: -15px !important;

    border: 1.5px solid #333333 !important; 
	color: black !important; 
	background-color: white !important;
	top: 2px !important ;
   
}

.estiloSinTitle .ui-confirmdialog-yes {
	margin-right: 16px !important;	
	
    background-color: #d5007f !important;
    color: white !important;
}

.estiloSinTitle {
	padding: 25px !important;
}

.estiloSinTitleIcono span.ui-icon.ui-icon-alert.ui-confirm-dialog-severity {
	display: table-row !important;
	font-size: 50px !important;
	margin-top: 2.5% !important;
}

.estiloSinTitleIcono span.ui-confirm-dialog-message {
	display: table-row !important;
	text-align: justify !important;
}

.estilosConTitle .ui-dialog-title {
	float: none !important;
}

.estilosConTitle h3 {
	font-size: 22px !important;
}

.estilosConTitle .ui-dialog-titlebar {
	text-align: left !important;
	font-size: 23px !important;
	font-weight: 900 !important;
	padding-top: 18px !important;
}

.estilosConTitle .ui-icon-closethick {
	font-weight: 900 !important;
}


.carousel-control {
	width: 1% !important;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	left:75px !important;
}

.carousel-control.right {
	right: 85px !important;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	margin-top: -19px;
    font-size: 48px;
}

.carousel-control .glyphicon-chevron-left {
	margin-left: -75px;
}

.carousel-control .glyphicon-chevron-right {
	margin-right: -70px;
}

.carousel-control {
	color: #5f5f5f;
}

.carousel-control:focus, .carousel-control:hover {
	color: #d6d6d6;
}

.ultimaActualizacion {
	background: #F0D5E6;
    border-radius: 15px;
    border-style: solid;
    border-width: 1.2px;
    border-color: #D5007F;
}

.estiloFecha {
	background: #F2F2F2 !important;
    margin-left: 36px !important;
    border: solid 8px !important;
    border-color: #cccccc !important;
    padding: 0 !important;
}

.estiloFechaInfo {
	background: #CCCCCC !important;
    margin-left: 20px !important;
    color: #4D4D4D;
    font-weight: 600;
    font-size: 20px;
    width: 76% !important;
}

.estiloFechaInfo p {
	margin-left: 14px;
}

.estiloFechaDentro {
	width: 100% !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
    color: #4D4D4D;
    font-weight: 600;
}

.estiloFechasMargen {
	margin-bottom: 19px;
}

.fuenteLetraDia {
	font-size: 30px;
}

.fuenteLetraMes {
	font-size: 20px;
}

.cuadroProgres {
	background: #CCCCCC;
    width: 46% !important;
    padding-left: 60px !important;
    padding-right: 46px !important;
    padding-bottom: 36px !important;
}

body .cifrasProgress {
	width: 80%;
	border-radius: 15px;
	background: linear-gradient(#4D4D4D, #CCCCCC) !important;
	border: solid 1px;
}

body .cifrasProgress .ui-corner-all {
	border-radius: 15px;
}

body .cifrasProgress .ui-widget-header {
	background: linear-gradient(#E76FB7, #D5007F) !important;
}

body .cifrasProgress .ui-progressbar-label {
	color: #D5007F !important;
	left: 63%;
	margin-top: -3px;
}

body .cifrasProgressAzulO .ui-widget-header {
	background: linear-gradient(#82BADE, #0071BC) !important;
}

body .cifrasProgressAzulO .ui-progressbar-label {
	color: #0071BC !important;
}

body .cifrasProgressAzulC .ui-widget-header {
	background: linear-gradient(#A9D9FB, #3FA9F5) !important;
}

.quitaPaddingBottom {
	padding-bottom: 0px;
}

body .cifrasProgressNaranaja .ui-progressbar-label  {
	color: #E7660B !important;
}

body .cifrasProgressNaranaja .ui-widget-header {
	background: linear-gradient(#F6A900, #E7660B) !important;
}

body .cifrasProgressAzulC .ui-progressbar-label {
	color: #2D90E2 !important;
}

body .cifrasProgressVerde .ui-widget-header {
	background: linear-gradient(#C2E585, #97D32F) !important;
}

body .cifrasProgressVerde .ui-progressbar-label {
	color: #5C9528 !important;
}

body .cifrasProgressNoCien .ui-corner-all {
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

body .cifrasProgressNoCien .ui-widget-header {
	border-right: none !important;
}

body .cifrasProgressSiCien .ui-corner-all {
	width: 101% !important;
}

.cuadroNombreArchivo {
	margin-left: 2%;
    margin-top: 0.4%;
}

.cuadroNombreArchivo span {
	background-color: #b1b1b13d;
	border: solid 1px;
    border-color: #9e9e9e;
    padding: 6px 16px 7px 10px;
}

body .iconCarpeta .ui-icon-plusthick:before {
	    position: inherit !important;
    font-family: 'FontAwesome' !important;
    content: "\f07c" !important;
    left: -1px !important;
    margin-top: 2px !important;
    font-size: 21px !important;
 }

 .ajusteMessage {
    width: 97.5%;
    margin-left: 16px;
 }
 
 .ajusteMessageArchivos {
 	margin-left: -6px;
    width: 100.8%;
 }
 
.bordeMenu {
    width: 95%;
    margin-left: 25px;
	list-style-type: none;
}
 
.bordeMenu > li{
	border-left: solid 5px white; 
}
 
 .bordeMenu a{
 	padding-left: 0px; 
 }

.comboBordeBotton .ui-g-12 .ui-corner-all {
	border-bottom-color: #ffffff !important;
}

.mensajeRequerido {
    font-weight: 600;
    
    font-size: 13px;
    margin-bottom: 20px;
}

.input-rectangulo {
	border: 1px solid !important;
	margin-top: 10px !important; 
}

body .calendar-rectangulo .ui-inputfield {
	border: 1px solid !important;
}

body .ui-outputlabel .ui-outputlabel-rfi {
	color: #D5007F !important;
}

body .espacioCampos .ui-selectonemenu {
	margin-top: 10px !important; 
}

.botonAyuda button{
	background-color: #0071BC;
}

.botonAyuda button:hover{
	background-color: #24516f;
}

.estiloTextArea{
	border-width: 1px 1px 1px 1px !important;
	border-bottom-style: solid !important;
}

.radiosSinLabel label {
	font-weight: normal;
}

body .tabAsistencias .ui-datatable thead > tr:nth-child(2) th:first-child, body .tabAsistencias .ui-datatable thead > tr:nth-child(2) th:nth-child(3) {
	 border-left: none;
	 border-right: 1px solid #bdbdbd;
}

body .tabAsistencias .ui-datatable thead {
	border-bottom: 10px solid #D5007F;
    border-right: 2px solid #D5007F;
    border-left: 2px solid #D5007F;
}

body .tabAsistencias .ui-datatable thead th:last-child {
    border-right: 0px;
}

body .tabAsistencias .ui-datatable-scrollable-body {
	outline: none;
	border-bottom: 1px solid #9b9b9b;
}

.margin-md-lef {
	margin-left: 15px; 
}

.dataTableBorde table thead {
	border-bottom: 10px solid #FFF;
    border-right: 2px solid #FFF;
    border-left: 2px solid #FFF;
}

.tablaConcentradoPEOCJLAnteCasilla table > thead tr th, .tablaConcentradoPEOCJLAnteCasilla table > thead tr th {
	border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.tablaConcentradoPEOCJLAnteCasilla table > thead tr th , .tablaConcentradoPEOCJLAnteCasilla table > thead tr th {
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

.tablaConcentradoPEOCJLAnteCasillaEven table > tbody tr:nth-child(even) {
	background-color: #f4f4f4;
}

.tablaConcentradoPEOCJLAnteCasillaEven table > thead tr:last-child th {
	border-bottom: none;
}

.tablaConcentradoPEOCJLAnteCasilla table > tbody .ui-widget-header {
	border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    background-color: #848484 !important;
}

.tablaConcentradoPEOCJLAnteCasilla table > tbody .ui-widget-header td {
	padding: 4px;
}

.tablaConcentradoPEOCJLAnteCasilla table > tbody .ui-widget-content td {
	border-right: 1px solid black;
}

.tablaConcentradoPEOCJLAnteCasilla .ui-datatable-scrollable-body {
	margin-top: -3px;
}

.margin-md-checks {
	margin-top: 10px;
    margin-left: 25px;
}

.margin-lg-checks {
	margin-top: 10px;
    margin-left: 45px;
}

.tablaCasillasTotales table > thead tr:last-child th, .tablaCasillasTotales table > tbody tr td{
	background: #f4f4f4;
	border: 1px solid black;
	padding-top: 3px;
    padding-bottom: 3px;
}

.tablaCasillasTotales table > thead tr:last-child th .ui-column-title{
	color:black;
	font-weight: initial;
}

.tablaCasillasTotales table > tbody tr td{
	background: white;
	border: 1px solid black;
	padding-top: 3px;
    padding-bottom: 3px;
}


.subTablaRepCasillasPres table > thead tr th, .subTablaRepCasillasPres table > thead tr th {
	border-right: 1px solid white;
    border-bottom: 1px solid white;
}

.subTablaRepCasillasPres table > thead tr th , .subTablaRepCasillasPres table > thead tr th {
    border-right: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
}

.subTablaRepCasillasPresEven table > tbody tr:nth-child(odd) {
	background-color: #f4f4f4;
}

.subTablaRepCasillasPresEven table > thead tr:last-child th {
	border-bottom: none;
}

.subTablaRepCasillasPres table > tbody .ui-widget-header {
	border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    background-color: #848484 !important;
}

.subTablaRepCasillasPres table > tbody .ui-widget-header td {
	padding: 4px;
}

.subTablaRepCasillasPres table > tbody .ui-widget-content td {
	border-right: 1px solid black;
}

.subTablaRepCasillasPres .ui-datatable-scrollable-body {
	margin-top: -3px;
}

/*Estilos nuevos 2022 - actualizado*/
.estiloSubtitulo {
	padding-bottom: 9px !important; 

	background-image: none !important;
    -webkit-border-image: url(border-h1.png?ln=img) 3 round !important;

	border-image-repeat: inherit !important;
}

.tablaSijevsRepreJD table > thead > tr:first-child th:nth-child(4), .tablaSijevsRepreJD table > thead > tr:first-child th:nth-child(5),
.tablaSijevsRepreOCJL table > thead > tr:first-child th:nth-child(2), .tablaSijevsRepreOCJL table > thead > tr:first-child th:nth-child(3) {
	border-left: 1px solid white;
    border-right: 1px solid white;
}

.tablaSijevsRepreJD table > thead > tr:first-child th:nth-child(2), .tablaSijevsRepreJD table > thead > tr:last-child th:nth-child(4), 
.tablaSijevsRepreOCJL table > thead > tr:last-child th:nth-child(5){
	border-left: 1px solid white;
}

.tablaSijevsRepreJD table > tbody tr > td:nth-child(2), .tablaSijevsRepreJD table > tbody tr > td:nth-child(4), .tablaSijevsRepreJD table > tbody tr > td:nth-child(7),
.tablaSijevsRepreJD table > tbody tr > td:last-child,
.tablaSijevsRepreOCJL table > tbody tr > td:nth-child(2), .tablaSijevsRepreOCJL table > tbody tr > td:nth-child(6),
.tablaSijevsRepreOCJL table > tbody tr > td:last-child  {
	border-left: 1px solid black;
}

.tablaSijevsRepreOCJL table > tbody .ui-widget-header {
	border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    background-color: #848484 !important;
}

.tablaSijevsRepreOCJL table > tbody tr:nth-child(odd), .tablaSijevsRepreJD table > tbody tr:nth-child(odd) {
	background-color: #f4f4f4;
}

.file-csv-gray {
	width: 77.14px;
    height: 89.6px;
    display: inline-block;
	background-image: url(file-csv-solid_gray.svg?ln=imgRep) !important;
	background-repeat: no-repeat;
	background-position: center !important;
}

.file-csv {
	width: 77.14px;
    height: 89.6px;
    display: inline-block;
	background-image: url(file-csv-solid_pink.svg?ln=imgRep) !important;
	background-repeat: no-repeat;
	background-position: center !important;
}

.file-csv:hover {
	width: 77.14px;
    height: 89.6px;
    display: inline-block;
	background-image: url(file-csv-solid_blue.svg?ln=imgRep) !important;
	background-repeat: no-repeat;
	background-position: center !important;	
}

/**
	Se sobrescriben estilos para la dialog de proteccion de datos
**/
body .estiloDialogProtecionDatos > .ui-dialog .ui-dialog-titlebar {
	background-color: #ffffff !important;
	border: none;
}
body .estiloDialogProtecionDatos > .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
	color: #d5007f;
	overflow: hidden !important;
}
body .estiloDialogProtecionDatos > .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon .span .ui-icon ui-icon-closethick {
	color: #ffffff;
}
/**
	Estilo especial para dialogo de confirmacion de modificar responsable
**/
body .confirmaResponsable > .ui-dialog-titlebar {
	background-color: #ff9900 !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	color: #333333 !important;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}
body .confirmaResponsable > .ui-dialog-content {
	display: none;
}
body .confirmaResponsable > .ui-dialog-buttonpane {
	max-width: 92% !important;
	text-align: justify;
	border-top: hidden; 
}
.confirmaResponsable .ui-dialog-buttonpane button {
	overflow: hidden !important;
    cursor: pointer !important;
    background-color: #d5007f !important;
    color: white !important;
    font-weight: bolder !important;
    padding-right: 38px !important;
    margin-top: 20px !important;
}
.confirmaResponsable .ui-confirmdialog-yes {
	margin-right: 16px !important;
}
.confirmaResponsable .ui-confirmdialog-no {
	margin-right: 15px !important;
}
.confirmaResponsable .ui-icon {
	display: none !important;
}
body .confirmaResponsable .buttonC {
	background-color: white !important; 
	color: #d5007f !important; 
	border: 1px solid #d5007f;
}
.ui-messages-info-summary {
	font-weight: normal !important;
}
/**
	Estilo para el boton de actualizar documentos de acreditacion
**/
body .botonActualizaDocumentos.ui-button {
	background-color: #0071BC !important;
	height: 60px;
	width: 230px;
}
.botonActualizaDocumentos .ui-button-text {
	line-height: normal !important;
}

body .botonManifiestos.ui-button {
	background-color: #d5007f !important;
	margin-bottom:45px; 
	margin-left: 15px; 
	height:55px; 
	width: 200px;
}

.botonManifiestos .ui-button-text {
	line-height: normal !important;
}

/**
	Estilo especial para dialogo de confirmacion de sesiones
**/
body .confirmaDialogSesion > .ui-dialog-titlebar {
	  background-color: #ffffff !important;
      border: none;
}

body .confirmaDialogSesion > .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover .ui-icon, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-focus .ui-icon {
 			color: #ffffff; 
 		}
body .confirmaDialogSesion > .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon .span .ui-icon ui-icon-closethick {
	color: #ffffff;
}

body .confirmaDialogSesion > .ui-dialog-content {
	display: none;
}
body .confirmaDialogSesion > .ui-dialog-buttonpane {
	max-width: 92% !important;
	text-align: justify;
	border-top: hidden; 
}
.confirmaDialogSesion .ui-dialog-buttonpane button {
	overflow: hidden !important;
    cursor: pointer !important;
    background-color: #d5007f !important;
    color: white !important;
    font-weight: bolder !important;
    padding-right: 38px !important;
    margin-top: 20px !important;
}
.confirmaDialogSesion .ui-confirmdialog-yes {
	margin-right: 16px !important;
}
.confirmaDialogSesion .ui-confirmdialog-no {
	margin-right: 15px !important;
}
.confirmaDialogSesion .ui-icon {
	display: none !important;
}
body .confirmaDialogSesion .buttonC {
	background-color: white !important; 
	color: #d5007f !important; 
	border: 1px solid #d5007f;
}

/**
	Estilo especial para dialogo de mensaje informativo
**/

body .estiloSinTitleInformativo > .ui-dialog-titlebar {
	background-color: #ffffff !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	color: #333333 !important;
}

body .estiloSinTitleInformativo .ui-dialog-buttonpane {
	max-width: 92% !important;
}

.estiloSinTitleInformativo .ui-icon {
	display: none !important;
}

.estiloSinTitleInformativo .ui-dialog-buttonpane button {
	overflow: hidden !important;
    cursor: pointer !important;
    background-color: #d5007f !important;
    color: white !important;
    font-weight: bolder !important;
    padding-right: 38px !important;
    margin-top: 20px !important;
}

.estiloSinTitleInformativo .ui-dialog-buttonpane {
	border-top: #D5007F !important;
    border-style: groove !important;
} 

.estiloSinTitleInformativo .ui-confirmdialog-no {
	margin-right: -15px !important;
}

.estiloSinTitleInformativo .ui-confirmdialog-yes {
	margin-right: 16px !important;
}

.estiloSinTitleInformativo {
	padding: 25px !important;
}


.colorIconQues{
	color:#0f80ea;
}

.tooltipConf{
	 max-width: 500px !important;
	 min-width: 500px !important; 
}

.tooltipConfImg{
	 max-width: 483px !important;
	 min-width: 483px !important; 
}


.colorIconPen{
	color:#ff24ab;
}

.styleBtnCanMod{
	margin-right:20px;
	margin-left:20px;
}

.ocultarElemento{
	display: none	
}


.estiloBtnExa{
	text-align: end;
	left: 40px;
}

.estiloQuest{
    text-align: initial;
    padding-top: 26px;
    padding-left: 30px;
    left: 20px;
}


.tooltipVal{
	 max-width: 200px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	max-height: 70px !important;
	 
}


/*Estilos nuevos 2022*/

/*header */
.layout-wrapper .topbar{
	background-color: #333333 !important;
	height: 70px;
}

.layout-wrapper #bar-title  {
	background-color: #333333 !important;
	margin-top:1px;
	z-index: 100;
}

.menu-title {
	background-color: #333333 !important;
}

.layout-wrapper .layout-menu .container-colapser{
	background-color: #D5007F !important; 
}

.menu-title>h5 {
	color: #FFFFFF;
}

.layout-wrapper .topbar .topbar-right .cerrar-sesion {
	background-color: #333333 !important; 
}


/*menu 2022*/

.layout-wrapper .layout-menu .ui-fluid {
	background-color: #FFFFFF !important; 
}

.geo-combos .ui-g-12 .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	color:  #000000 !important;
}

.comboBordeBotton .ui-g-12 .ui-corner-all {
	border-bottom-color: #cccbcb!important;
}

.geo-combos .ui-g-12 {
	background-color: #FFFFFF !important; 
}

ul.accordion {
	background-color: #FFFFFF !important; 
}

.layout-wrapper .layout-menu {
	background-color: #FFFFFF !important; 
}

.estiloCombosMenu{
	font-weight: normal !important;
}

.estiloCombosMenuSelect{
	color: #333333 !important; 
	
}

.fa-bar-chart-o:before, .fa-bar-chart:before{
	padding-left: 30px
}

.estiloBotonReportes{
	box-shadow: 5px 5px 10px grey;
	width:200px;
	 padding-right: 30px;
	 padding-left: 60px
}

.red-color-icon {
      color:red;
}


.ui-paginator {
	text-align: right !important;
}

.estiloBotonesDialog{
	border-top: 1.5px solid #bdbdbd;
	margin-left: 20px;
	margin-top: 0px ;
	padding-top:20px; 
}
        
.estiloBotonCancelar{
	border: 1.5px solid #333333 !important; 
	color: black !important; 
	background-color: white !important;
	top: 2px !important ;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

body .ui-button.ui-state-hover{
	background-color: #68003E !important;
	color: white !important;
}


body .requeridoCabecera::before {
    content: "*";
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 5px; 
    }
 

.layout-wrapper .acciones-container .requeridoCabecera {
    margin-left: 310px;
}

.layout-wrapper .acciones-container .requeridoCabecera {
    font-size: 13px;
    background-color: #FFFFFF;

    transition: margin-left .3s;
    padding-left: 25px;
    margin-top: 10px;
}

.layout-wrapper .acciones-container.layout-menu-static-inactive .requeridoCabecera {
    margin-left: 0;
}

.select-rectangulo .ui-state-focus { 
 	 border: 1px solid #D5007F !important;
}

.rectangulo {
	border:1px solid #cccbcb !important;
}

.geo-combos .ui-g-12 .ui-state-disabled.ui-corner-all { 
	border:1px solid #cccbcb !important;
}

.requeridoTamano{
font-size: 13px;
}