/*-----------------------------------------------*/
/* Hoja de Estilos para los Sistemas             */
/*       	Institucinales                       */
/*   v1.1.1 Release Date 01 de marzo de 2020     */
/*-----------------------------------------------*/

/*----------------------------*/
/*         Generales          */
/*----------------------------*/

/*----------------------------*/
/*        Encabezado          */
/*----------------------------*/

/* INICIA DISE�O */
body, .ui-widget, .form-control, output, .estiloTabla input,
	.obligatorios {
	font-family: Roboto !important;
	font-size: 14px !important;
}

.pe-blockui .pe-blockui-content {
	padding: 0px !important;
}

.pe-blockui {
	position: fixed !important;
	display: fixed !important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4) !important;
	z-index: 1 !important;
}

.ui-widget-content {
	border: none;
}

.ui-widget-overlay {
/* 	background: #000 !important; */
	position: fixed !important;
}

a {
	text-decoration: none !important;
}

.btn:focus {
	color: #FFF !important;
}

.btn.focus, .btn:focus, .btn:hover {
	border-color: #000000 !important;
	font-weight: bold !important;
}

.btn.focus.colorBotonSecundario, .btn:focus.colorBotonSecundario, .btn:hover.colorBotonSecundario {
	color: #D5007F !important;
}

.btn.active.colorBotonSecundario, .btn:active.colorBotonSecundario {
	background-color: #FFF !important;
}

.btn.btn-circle.outlined {
    background-color: #FFFFFF;
    border: 3px solid !important;
    border-color: #6201ED;
    color: #6201ED; 
}

.btn.btn-circle.outlined:hover, .btn.btn-circle.outlined:focus{
	background: none!important;
    border-color: #fd24a5!important;
    color: #fd24a5!important;
}

.correoAgregar:focus {
	color: #D5007F !important;
}

.ui-button {
	padding: 0px !important;
	text-shadow: none !important;
}

.correosCargas .ui-button:focus {
	background-color: #FFF !important;
	color: #D5007F !important;
}

.requeridos {
	color: #B0AFAF;
	padding-left: 0px !important;
}

hr.separatorRosa {
	margin-top: 0% !important;
	border: 1.5px solid #D5007F !important;
	width: 50px !important;
	position: absolute !important;
	top: 41px !important;
}

hr.separatorRosaSecundario {
	margin-top: 0% !important;
	border-top: 1px solid #D5007F !important;
	border-bottom: none !important;
}

.centrarElementos {
	z-index: 100;
	display: flex;
	align-items: center;
	min-height: 43px;
}

.usuario {
	z-index: 100;
	/* position: fixed; */
	width: 100%;
	background-color: #FFFFFF;
	min-height: 43px;
	margin-top: 0px;
}

.logoMenu {
	margin-top: -37px;
	position: fixed;
	background-color: #000000;
	min-height: 45px;
	z-index: 100;
}

.rosaINE {
	color: #D5007F;
}

.salida {
    position: static;
    margin-left: 65px;
    margin-top: 15px;
    margin-right: -15px !important;
    font-size: 9px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.footer {
	background-color: #000000;
	color: #858583;
	font-size: 11px;
	min-height: 45px;
	display: flex;
	align-items: center;
	width: 100%;
	bottom: 0;
	position: fixed;
}

.footerLogin {
	margin-top: 50px;
	font-size: 11px;
}

.homeGris {
	background-color: #333333;
	min-height: 250px;
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
	margin-top: 89px;
}

.homeDescripcion {
	background-color: #D5007F;
	color: #FFFFFF;
	height: 250px;
	margin-top: -170px;
}

.homeBlanco {
	min-height: 180px;
	color: #FFFFFF;
}

.margenes {
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 0px;
	margin-bottom: 45px;
}

/* TERMINA DISE�O */

/* DISE�O DE TABLA */
.estiloTabla {
	padding: 10px 0px;
}

.estiloTabla .ui-radiobutton {
	display: none !important;
}

.estiloTabla .ui-paginator.ui-paginator-top, .estiloTabla .ui-paginator.ui-paginator-bottom
	{
	border: none;
}

.estiloTabla input {
	font-size: small;
}

.estiloTabla th {
	font: Bold 14px/19px Roboto;
	background-color: #FFFFFF;
	border-radius: 1px;
	border-color: #EAE7E7;
}

.estiloTabla td, tr {
	border-radius: 1px;
	border-color: #EAE7E7;
	font: 14px/15px Roboto;
	height: 10px;
}

.estiloTabla tr {
	background-color: white;
	border-color: #EAE7E7;
}

.estiloTabla .ui-paginator {
	background-color: #FFFFFF;
	height: 40px;
	border-radius: 1px;
	border-color: #BABABA;
	text-align: right !important;
	font: Bold 14px/15px Roboto;
}

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

.estiloTabla .ui-button {
	width:36px !important;
	height:36px !important;
	border-radius: 18px !important;
	color: white !important;
	background-color: #6201ED !important;	
	outline: none !important;
}

.estiloTabla .ui-button:hover {
	width:36px !important;
	height:36px !important;
	border-radius: 18px !important;
	color: white !important;
	background-color: #6201ED !important;	
	outline: none !important;
}

.estiloTabla .ui-button:focus {
	width:36px !important;
	height:36px !important;
	border-radius: 18px !important;
	color: white !important;
	background-color: #6201ED !important;	
	outline: none !important;
}

.estiloTabla .ui-button span{
	margin-left: -5.5px !important;
	margin-top: -6px !important;
}

.btnEdita {
	border-radius: 18px !important;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	background-color: #D5007F !important;
	color: #FFFFFF !important;
}

.estiloTabla .ui-button-icon-only .ui-button-text {
	padding: 0.3em !important;
}

.ui-button .ui-state-focus .ui-widget-content {
	border-color: #D5007F !important;
}

.estiloTabla .ui-paginator-top .ui-paginator-rpp-options {
	float: right;
	margin-top: 0px;
}

.estiloTabla .ui-paginator-top .ui-paginator-rpp-options:hover {
	outline: none !important;
	box-shadow: none !important;
}

.estiloTabla .ui-paginator-top .ui-paginator-rpp-options:focus {
	outline: none !important;
	box-shadow: none !important;
}

.estiloTabla .ui-paginator-top .ui-paginator-rpp-options:active {
	outline: none !important;
	box-shadow: none !important;
}

.estiloTabla .ui-paginator-bottom .ui-paginator-rpp-options {
	display: none;
}

.estiloTabla .ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options
	{
	float: left;
	margin-top: 5px;
	margin-left: -8px;
}

.estiloTabla .ui-paginator-top .ui-paginator-current {
	display: none;
}

.estiloTabla .ui-paginator-top .ui-paginator-page, .ui-paginator-top .ui-paginator-next,
	.ui-paginator-top .ui-paginator-last, .ui-paginator-top .ui-paginator-first,
	.ui-paginator-top .ui-paginator-prev {
	display: none !important;
}

.estiloTabla .ui-paginator-bottom .ui-paginator-page,
	.ui-paginator-bottom .ui-paginator-next, .ui-paginator-bottom .ui-paginator-last,
	.ui-paginator-bottom .ui-paginator-first, .ui-paginator-bottom .ui-paginator-prev
	{
	margin-top: 5px;
}

.ui-menu, .ui-menu .ui-menu-child {
	background-color: #ffffff !important;
}

.ui-paginator .ui-paginator-rpp-options {
	border: 1px solid #BABABA;
	border-radius: 25px !important;
	background: #FFFFFF;
	height: 25px;
	width: 60px;
}

.ui-paginator .ui-paginator-page {
	background: #ffffff;
}

.ui-paginator .ui-paginator-next {
	background: #ffffff;
}

.ui-paginator .ui-paginator-first {
	background: #ffffff;
}

.ui-paginator .ui-paginator-prev {
	background: #ffffff;
}

.ui-paginator .ui-paginator-last {
	background: #ffffff;
}

/* >>>>> estilopara reducir espacios  dentro del datepicker y as� el tama�o*/
body .ui-datepicker {    
    padding: 0 rem !important;    
}
body .ui-datepicker .ui-datepicker-header {
	padding: 5px !important;
}
body .ui-datepicker .ui-datepicker-calendar td {
    padding: 0rem !important; 
}

body .ui-datepicker .ui-datepicker-calendar .table  .tbody  tr {
    height: 30px !important;
}
/* >>>>>*/

.stiloDatePicker .ui-datepicker-calendar {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.stiloDatePicker .ui-datepicker-header {
	background: #ffffff;
	border: 1px solid #ffffff;
}

.stiloDatePicker input {
	border: 1px solid #c2cad8;
	border-radius: 5px;
	background-color: #fff;
	padding: 5px 5px;
	box-shadow: inset 0 3px 6px rgba(255, 255, 255, 0);
	width: 100%;
	height: 34px;
}

.stiloDatePicker .ui-datepicker td .ui-state-default {
	color: #000000;
	background-color: #ffffff;
	border-radius: 18px !important;
}

.stiloDatePicker .ui-datepicker td .ui-state-active {
	color: #ffffff;
	background-color: #D5007F;
}

.stiloDateCalendar .ui-calendar {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.estiloTimepicker .ui-timepicker {
    font-size: 1em;
    color: #000000;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

.estiloDialog .ui-dialog-titlebar {
	display: none;
}

.obligatorios {
	font-size: 14px;
	line-height: 1.42857143;
	color: #E22929;
}
/* Estilo botones edita */
.estilobotonModifica {
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #ffffff !important;
	color: #D5007F !important;
	font: 14px/15px Roboto !important;
	background-image: none !important;
	border-color: #FFFFFF !important;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
	box-shadow: none !important;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text, .ui-menuitem-icon {
	color: #D5007F !important;
}

.estiloBotonEditaGuarda {
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #D5007F !important;
	color: white !important;
	font: 14px/15px Roboto;
	background-image: none !important;
}

.estiloBotonEditaCancela {
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #FFFFFF !important;
	color: #D5007F !important;
	font: 14px/15px Roboto;
	background-image: none !important;
	border-color: #D5007F;
}

.ui-menu, .ui-menu .ui-menu-child {
	background-color: #ffffff !important;
	width: 130px !important;
	border: 1px solid #ffffff;
	color: #ffffff;
	overflow: hidden !important;
}

.ui-menu .ui-menu-list .ui-menuitem {
	background-color: #ffffff !important;
	overflow: hidden !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
}

/* DISE�O DE DROPZONE */
.ui-fileupload {
	margin-bottom: 1px;
}

.ui-fileupload-buttonbar {
	background: none !important;
	border: none !important;
	padding: 1px;
}

.ui-fileupload-filename {
	display: none;
}

.ui-fileupload .ui-button:focus {
	outline: none !important;
	box-shadow: none !important;
}

.ui-fileupload .ui-button:active {
	outline: none !important;
	box-shadow: none !important;
}

.ui-fileupload .ui-button:hover {
	outline: none !important;
	box-shadow: none !important;
	background: #fd24a5 !important;
}

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

.ui-tooltip .ui-tooltip-text {
	background-color: #EFDFFD !important;
	font-family: Roboto !important;
	color: #333333 !important;
}

.ui-tooltip .ui-tooltip-text p {
	margin-top: 0px;
	margin: 0px;
	padding-right: 20px;
}

.ui-tooltip .ui-tooltip-text hr {
	margin: 0px;
	margin-bottom: 10px;
}

/* DISE�O DE POPOVER */
.popover-content {
	background-color: #EFDFFD;
	font-size: 12px;
	font-family: Roboto;
}

.popover-content p {
	margin-top: 0px;
	margin: 0px;
	padding-right: 20px;
}

.popover-content hr {
	margin: 0px;
	margin-bottom: 10px;
	border-color: #5213A3;
}

.popover-content a {
	background-color: #8121FE !important;
	font-size: 12px;
	font-family: Roboto;
	position: absolute;
	right: 10px;
}

.popover-content a:focus {
	outline: none !important;
	box-shadow: none !important;
	color: white !important;
}

.popover-content .ui-widget .ui-icon.pi, .ui-icon.pi {
	font-size: 11px;
}

.popover.right>.arrow:after {
	border-right-color: #EFDFFD !important;
}

/* DISE�O DE DATO REQUERIDO */
.ui-messages-error, .ui-message-error {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.ui-message{
	display: block !important;
}

.selectOneMenu option:nth-child(1) {
	color: #999;
}

.checkBox .ui-chkbox-icon {
	background-color: #fff;
}


/*DISENIO RADIO BUTTONS*/
.ui-radiobutton .ui-radiobutton-box {
	line-height: 26px;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
	background-color: #FFF !important;
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet {
	background-color: #D5007F !important;
}

.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
	text-decoration: none !important;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin-left: -5px;
	margin-top: -5px;
	vertical-align: middle;
	-moz-transition: background-color .3s;
	-o-transition: background-color .3s;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
}

.ui-icon-bullet {
	background-position: 80px -144px !important;
}
/*DISENIO checkBox select checkBoxMenu*/

 /*.ui-selectcheckboxmenu-token{
	background-color: #D5007F;
	color: #ffffff;
	border-radius: 25px !important;
	overflow: hidden;
	font: 14px/15px Open Sans;
} */
/*
.ui-selectcheckboxmenu-multiple-container{
	animation: none !important;
	clear: left !important;
	cursor: pointer !important;
	list-style-type: none !important;
	margin: 0 !important;
	min-height: 30px !important;
	overflow: hidden !important;
	min-width: 100px !important;
	text-shadow: none !important;
	box-shadow: none;

}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	background: #ffffff;
	padding: 0px !important;
	text-shadow: none !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	background: #ffffff;
	padding: 0px !important;
	text-shadow: none !important;
}

.ui-selectcheckboxmenu-header {
	background: #ffffff;
	border-color: #ffffff;
}

.ui-chkbox-icon.ui-icon {
	background-color: #ffffff;
	padding: 0px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;
}
.ui-state-active .ui-icon{
	background-color: #ffffff;
	padding: 0px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	border-radius: 0px !important;
} */

.ui-datagrid .ui-datagrid-header, .ui-datagrid .ui-datagrid-footer {
	text-align: center;
	padding: 4px 10px;
	background-color: #ffffff;
	border: none;

}

.estiloTabla .ui-state-highlight, 
.ui-widget-content 
.ui-state-highlight, 
.ui-widget-header 
.ui-state-highlight{
	background: #F9DBED !important;
    color: #4f4f4f;
    text-shadow: none;
}

tr.ui-state-hover, td.ui-state-hover {
    border: 1px solid rgb(202,182,182) !important;
    background: #F9DBED !important;
}

.ui-inputnumber input{
   	width: 100% !important;
   	height: 34px;
   	padding: 4px;
   	box-shadow: none !important;
   	border: 1px solid #ccc;
   	text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
   	outline: none !important;
}

.ui-spinner-input{
	width: 100% !important;
   	height: 34px;
   	padding: 0 !important;
   	box-shadow: none !important;
   	border: 1px solid #ccc;
   	text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
   	outline: none !important;
}

.ui-spinner.form-control{
	padding: 0 !important;
}
.ui-inputtextarea-resizable {
	overflow: hidden;
	resize: none;
	height: 140px;
}


/** >>>>> Accordion - DAPC 15/02/2022*/
	.ui-accordion .ui-accordion-header {
		background: #F2A0EC !important;
		color: black !important;
	}
	
	.ui-accordion .ui-accordion-content{
		padding: 1em 0em !important; 
	}
	
 	.ui-accordion .ui-datatable tfoot td{
 			background: #D5007F1C !important;
     }
    
    .ui-accordion .ui-datatable th {
    	font: Bold 14px/19px Roboto !important;
    	background-color: #FFFFFF !important;
    	border-radius: 1px !important;
    	border-color: #BABABA !important;
	}
	
	.ui-accordion .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
	    padding: 4px 10px;
	    overflow: hidden;
	    border-width: 1px;
	    border-style: solid;
	    border-color: #BABABA !important;;
	}
	
	.ui-accordion .btn-circle {
	    border-radius: 25px !important;
	    overflow: hidden;
/* 	    background-color: #D5007F; */
		background-color:#6201ED;
	    color: white;
	    font: 14px/15px Roboto;
	    background-image: none;
	}
	
/** <<<<< Accordion - DAPC 15/02/2022*/
	.toggleActivado{
    	background-color: #ffffff !important; border-color:#15B42D !important; color: #15B42D !important; font-weight: initial !important; position: relative !important; border-radius: 25px !important; margin-left:12px !important; margin-top:5px !important;
    }
    
    .toggleDesactivado{
    	background-color: #ffffff !important; border-color:#FF0000 !important; color: #FF0000 !important; font-weight: initial !important; position: relative !important; border-radius: 25px !important; margin-left:12px !important; margin-top:5px !important;
    	text-shadow: none !important;
    }
    
    .toggleActivado:hover, .toggleDesactivado:hover{
    	font-weight: bold !important;
    	box-shadow: none !important;
    }
    .toggleActivado:hover .ui-icon{
    	color: #15B42D !important;
    }
    .toggleDesactivado:hover .ui-icon, .toggleDesactivado .ui-icon{
    	color: #FF0000 !important;
    }
    
    .ui-messages-info-detail, .ui-messages-warn-detail, .ui-messages-error-detail, .ui-messages-fatal-detail, 
    .ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail, .ui-message-fatal-detail{
    	margin-left: 0px !important;
    }
    
   
	/*** Estilos tablas - DAPC 10032022 >>>>>>*/
	.ui-datatable tfoot td{
 			background: #D5007F1C !important;
 			font: Bold 14px/19px Roboto !important;
			height : 10px !important;
     }
    
    .ui-datatable th {
    	font: Bold 14px/19px Roboto !important;
    	background-color: #FFFFFF !important;
    	border-radius: 1px !important;
    	border-color: #BABABA !important;
	}
	
	.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
	    padding: 4px 10px !important;
	    overflow: hidden;
	    border-width: 1px;
	    border-style: solid;
	    border-color: #BABABA !important;
	}
	/***<<<<<<<<<<<<<< Estilos tablas - DAPC 10032022*/

/***Componente Field legend>>>>>>*/
.fieldStyle{
    width: 100%;
	margin-left: 12px;
	margin-right: 12px;
}
.fieldStyle .ui-fieldset, .ui-fieldset-legend{
	background: #5C0B56 !important;
	color: #FFFFFF !important;
	width: 250px !important;
	height: 38px !important;
    margin-left: 12px;
	margin-right: 12px;
	text-align: left !important;
	font: Bold 16px/20px Roboto;
}

	.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
			box-shadow: none !important;
  	}

.fieldStyle .ui-fieldset, .ui-fieldset .ui-fieldset-legend {
	padding: 0.6em 1em !important;
	margin-bottom: 14px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{ 
/* 	cambia la opacidad de los input number deshabilitados */
	opacity: 1 !important;
}

body .ui-panel .ui-panel-content {
    border: none;
}

.ui-button .ui-button-text {
    display: block;
    line-height: 1;
}	

body .ui-button.ui-button-text-icon-left .ui-icon {
    top: 53%;
    left: 0.75rem;
}

/*  tamaño del font icon para los botones */
.popover-content .ui-widget .ui-icon.pi, .ui-icon.pi {
    font-size: 11px;
	font-weight: 800;
	padding-top: 2px !important
}
	
/*  color de icono de un boton switch seleccionado */
body .ui-selectbooleanbutton.ui-state-active .ui-icon{
    color: #15B42D;
}


/*  colocacion de bordes completos a tablas de resulktados */

	body .ui-datatable thead th {
   	border-width: 1px ;
   	text-align: left ;
   }
   
   body .ui-datatable tfoot td {
   	border-width: 1px;
   }
   
   body .ui-datatable .ui-datatable-data > tr > td {
  	border-width: 1px ;
}

/* tamaño de los check box de la tabla */

body .ui-chkbox .ui-chkbox-box {
    width: 1rem;
    height: 1rem;
	margin-top: 4px;
	border-width: 1px;
}

.ui-chkbox .ui-icon{
    font-size: .8rem !important;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
	margin-left: -0.43rem !important;
    margin-top: -0.46rem !important;
}

.ui-chkbox-box{
	border-radius: 2px !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	border-color: #D5007F !important;
	background-color: #D5007F !important;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	top: 35% !important;
	font-weight: bold !important;
}

body .ui-selectcheckboxmenu-items-wrapper .ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
	top: 46% !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
	border-color: #D5007F !important;
}

/* Espaciado de los encabezados de la tabla   */

body .ui-datatable thead th, body .ui-datatable .ui-datatable-data > tr > td {
    padding: 4px 10px;
    
}

/* Bordes y alto de los botones de paginación  */

body .ui-paginator .ui-paginator-pages .ui-paginator-page 
{
	border: 1px solid;
	height: 25px;
	line-height: 23px;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page,
body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
	border: 1px solid white !important;
	text-align: center;
	height: 25px;
	line-height: 23px;
	margin-top: 7px;
}

/* elimnación del padding en botones para que la tabla se muestre completa */

body .ui-datatable .ui-paginator {
    padding: 0rem;
}	

body .ui-paginator .ui-paginator-first:before {
    position: relative;
}
body .ui-paginator .ui-paginator-first:before {
    content: "\e92d";
}
body .ui-paginator .ui-paginator-first:before,
body .ui-paginator .ui-paginator-prev:before, 
body .ui-paginator .ui-paginator-next:before, 
body .ui-paginator .ui-paginator-last:before {
	top: 1px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token{
	color: white !important;
	padding: 4px 12px !important;
}

.ui-selectcheckboxmenu-token{
	margin: 0px;
}


li.ui-selectcheckboxmenu-token{
	border-radius: 14px !important;
}

.ui-chkbox-box .ui-widget .ui-corner-all .ui-state-default .ui-state-active{
	border-radius: 2px !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon{
	font-size: .8rem !important;
	right: .6rem !important;
	top: 52% !important;
}

.estiloBotonAccion span {
	left: 58% !important;
}

.estiloBotonAccion:hover {
	border: none !important;
}

.ui-spinner-button{
	border-color: gray !important;
}

.ui-spinner-button .ui-button-text{
	background: gray !important;
}

.ui-spinner-button .ui-button-text .ui-icon{
	color: white !important;
}


/*Centrar logo del sistema en la pleca*/
.centerImg {
	margin-top       : 60px !important;
	margin-left      : 16px !important;
	width            : 200px !important;
}

/* padding titulo modulo 05/07/2022 DAPC*/
body .ui-panel .ui-panel-content {
	padding-top: 1rem !important;
	padding-right: 1rem !important;
	padding-bottom: 1rem !important;
	padding-left: 0rem !important;
}

/* .contenedorNivel0 { */
/* 	margin-left: 0; */
/* 	margin-right: 0; */
/* 	margin-top: 0; */
/* 	margin-bottom: 0; */
/* 	background:#6200EE1F; */
/* 	padding: 0px; */
	
/* } */

/* .container-fluid{ */
/* 	background:#6200EE1F !important; */
/* } */

body{
/* 	background:#6200EE1F !important; */
}

.contenedorNivel1 {
	display:block;
	background:#F3EEF6 !important;;	
	padding-left:25px;	
	padding-right:25px;
	padding-top:85px;
	
/* 	position:fixed;  */
/* 	overflow:auto;  */
/* 	width:100%;  */
/* 	height:100%; */

}

.contenedorNivel2 {
/* 	margin:0; */
/* 	padding:0; */
	
/* 	width:100%; */

/* 	margin-left: 10%; */
/* 	margin-left: 1.4%; */
/* 	margin-right: 1.4%; */
/* 	margin-top: 40px !important; */
/* 	margin-bottom: 45px; */
	background:white;	
/* 	display: inline; */
/* 	padding-left:1.4%; */
/* 	padding-top:50px; */
/* 	padding-right:1.4%; */

/* 	position:fixed;  */
/* 	overflow:auto;  */
/* 	width:90%;  */
/* 	height:87%; */
	
	
 	min-height: 81vh; 
}

.panelTitulo{
/* 	width:100%; */
	background: #FFFFFF;
}

.panelTitulo > h1{
/* 	width: 100%x; */
	/* UI Properties */
	text-align: left;
	font-family: normal, Roboto;
	font-size: 40px !important;
	letter-spacing: 0px;
	color: #333333;
}

.panelTitulo h5{
/* 	width:100%; */
	/* UI Properties */
	text-align: left;
	font-family: normal, Roboto;
	font-size: 13px !important;
	letter-spacing: 0px;
	color: #333333;
	opacity: 1;
	padding-top:10px;
	
}

b{
	font-weight: 600 !important;
}

.navegacionModulo li{
	color: #6200EE;
	border: 2px solid #0000001F !important;
	text-transform: uppercase;
	background: #6200EE0A 0% 0% no-repeat padding-box !important;
	border-radius: 3px !important;
	height: 35px;
	padding-top: 6px;
	margin-right:7px !important;
}

.navegacionModulo li.active{
	color: #6200EE;
	border: 2px solid #6200EE !important;
	text-transform: uppercase;
	background: #6200EE1F 0% 0% no-repeat padding-box !important;
	border-radius: 4px !important;
	
}

.navegacionModulo li a{
	color: #6200EE !important;
	font-weight: 700 !important;
}

.leyendaRequeridos{
	color: #FF0000;
	font-size: 13px !important;
	background: #FFFFFF;
	
}

.tituloSeccion, .tituloSeccion h5{
	color: #333333;
	font-family: normal, Roboto;
	font-size: 30px !important;
}

.tituloSeccionPink, .tituloSeccionPink h5{
	color: #ff0080;
	font-family: normal, Roboto;
	font-size: 30px !important;
}

.row{
	margin-right: 0px !important;
    margin-left: 0px !important;
}
	
.cintilloAzul,
.cintilloVerde,
.cintilloRojo,
.cintilloAmarillo{
	min-height:50px;
	display: flex;
	border-radius: 6px !important;
	
	position: relative;
}

.cintilloAzul .iconoCintillo, 
.cintilloVerde .iconoCintillo, 
.cintilloRojo .iconoCintillo, 
.cintilloAmarillo .iconoCintillo{
	width:50px;
	height:50px;
	display:inline-block;
	border-radius: 50% !important;
	z-index:1;
	box-shadow: 0px 1px 3px !important;
	
	position: absolute;
    top: calc(50% - 25px);
}

.iconoCintillo .pi{
	color: white;
	font-size: 22px;
	margin-left: 15px;
    margin-top: 15px;
    font-weight: 900;
}

.cintilloAzul .mensajeCintillo,
.cintilloVerde .mensajeCintillo,
.cintilloRojo .mensajeCintillo,
.cintilloAmarillo .mensajeCintillo{
	width:calc(100% - 25px); ;
	min-height:50px;
	height:fit-content;
	display:inline-block;	
	margin-left:25px;
	border-radius: 6px !important;
	font-size: 14px;
	font-family: normal, Roboto;
	display : flex;
  	align-items : center;
  	border-radius: 15px !important;
  	padding-right:30px;
	padding-left:50px;
	padding-top:0px;
	padding-bottom:0px;
}

@media (width <= 1050px) {
	.cintilloAzul .mensajeCintillo,
	.cintilloVerde .mensajeCintillo,
	.cintilloRojo .mensajeCintillo,
	.cintilloAmarillo .mensajeCintillo{
	  	padding-top:15px;
	  	padding-bottom:15px;
	}
	
	.cintilloAzul .iconoCintillo, 
	.cintilloVerde .iconoCintillo, 
	.cintilloRojo .iconoCintillo, 
	.cintilloAmarillo .iconoCintillo{
		width:50px;
		height:50px;
		display:inline-block;
		border-radius: 50% !important;
		z-index:1;
		box-shadow: 0px 1px 3px !important;
		
		position: absolute;
	    top: calc(50% - 25px);
	}
}
@media (width <= 991px) {
	.sinNumero {
		height: 130px !important;
	}
	.mensajeComodin {
		display: block !important;
		color: #FFF !important;
		background-color: #FFF !important;
		border: none !important;
	}
	.ui-message-error-icon {
		display: none !important
	}
	.nav-tabs > li > a {
		font-size: 12px !important;
		font-weight: bold !important;
		padding-left: 7px !important;
    	padding-right: 7px !important;
	}
}
@media (width > 991px) {
	.mensajeComodin {
		display: none !important;
	}
}

.cintilloAzul .iconoCintillo{	
	background: #22B0E5;
}

.cintilloAzul .mensajeCintillo{
	background: #C2E9F8 !important;
	color: #333333 !important;
	letter-spacing: 0.49px;
/* 	font-weight: 500; */
}

.cintilloVerde .iconoCintillo{	
	background: #00C4B4;
}

.cintilloVerde .mensajeCintillo{
	background: #B8F3EF !important;
}

.cintilloRojo .iconoCintillo{	
	background: #721C24;
}

.cintilloRojo .mensajeCintillo{
	background: #F8D7DA !important;
}

.cintilloAmarillo .iconoCintillo{	
	background: #E6AC44;
}

.cintilloAmarillo .mensajeCintillo{
	background: #FFF3CD !important;
}

.cintilloAzul .iconoCintillo .fa,
.cintilloVerde .iconoCintillo .fa,
.cintilloRojo .iconoCintillo .fa,
.cintilloAmarillo .iconoCintillo .fa{
	color: white;
	font-size: 35px;
	font-weight: 200;
}


.cintilloAzul .iconoCintillo .fa{
	margin-left: 19px;
	margin-top: 20px;
}

.cintilloVerde .iconoCintillo .fa{
	margin-left: 15px;
	margin-top: 18px;
}

.cintilloRojo .iconoCintillo .fa{
	margin-left: 16px;
	margin-top: 17px;
}

.cintilloAmarillo .iconoCintillo .fa{
	margin-left: 14px;
	margin-top: 17px;
}

.ui-inputfield{
/* 	border: 1px solid #E6E6E6 !important; */
	border-radius: 5px !important;
	width:100%;
}

.ui-inputfield.ui-state-focus{
	border: 1px solid #6200EE !important;
	border-radius: 5px !important;
	width:100%;
}

span > div.ui-selectonemenu{
	width:100%;
}

div.ui-selectonemenu-panel.ui-state-focus{
	width:100%;
}

span > div.ui-selectonemenu.ui-state-focus,
span > div.ui-selectonemenu.ui-state-hover{
	border: 1px solid #D5007F !important;
	border-radius: 5px !important;
}

/* span > div.ui-selectonemenu.ui-input-waprer-focus .ui-icon.ui-icon-triangle-1-s{ */
/* 	color: #D5007F !important; */
/* } */

/* .ui-selectonemenu-trigger.ui-state-default.ui-corner-right span.ui-state-focus{ */
/* span > div.ui-selectonemenuspan .ui-selectonemenu-trigger span.ui-state-focus{ */
.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus .ui-icon {
	color: #D5007F !important;
}

.ui-selectonemenu-trigger.ui-state-default.ui-state-hover span{
	color: #D5007F !important;
}


.noPadding{
	padding:0 !important;	
}

/* .inlineBlock{ */
/* 	display:inline-block; */
/* } */

.ui-datatable table {
/*     table-layout: fixed !important; */
}

.estiloTabla{
	text-align: left !important;
}

.ui-datatable thead th, 
.ui-datatable .ui-datatable-data > tr > td {
/*     border-bottom: 1px solid #959595 !important; */
/*     border-top: 1px solid #959595 !important; */
/*     border-collapse: collapse !important; */
	border-left: 1px solid white !important;
    border-right: 1px solid white !important;
}

.ui-datatable thead > tr, .ui-datatable thead > tr:nth-child(1) > th{
	border-bottom-color: white !important;
}

/* .btnDescargarGuia { */
/* color: #6100ED !important; */

table > thead > tr:nth-child(1) > th{
	border-style: solid !important;
    border-color: white !important;
}
	
.ui-column-title{
	color: black !important;
}

.ui-paginator-current{
	color: #6200EE !important;
	font-size: 13px !important;
}

.ui-datatable .ui-datatable-data > tr:hover {
	background: #FFE6F5 !important;
}
​
/* .ui-paginator-prev.ui-state-default.ui-corner-all.ui-state-disabled{ */
/* 	    border: 1px solid pink !important; */
/* } */

.btn, .btn-circle{
	height: 40px !important;
}

.btn-circle:hover{
	background: #fd24a5 !important;
}

/* .ui-fileupload.ui-widget{ */
/* 	width: 50px; */
/* } */

.ui-fileupload .ui-button{
	width: 36px;
	height: 36px;
	background-color: #6201ED;
	font-size: 1.5vw;
	padding: 4vw 15vw 3vw;
	border-radius: 18px !important;
	outline: none !important;
	box-shadow: 10px 10px 10px !important;
/* 	opacity: 1 !important; */
	
}

.ui-fileupload-content {
	/*display: none;*/
}
body .ui-fileupload .ui-fileupload-content {
   border: 0px;
}
.ui-button{
	border: unset !important;
}

.ui-paginator.ui-paginator-bottom.ui-widget-header.ui-corner-bottom > a:not(.ui-state-disabled){
	color:#6200EE !important;
}

.estiloTabla{
	width: 100% !important;
/* 	overflow-x: scroll; */
}

body .ui-float-label>.ui-inputwrapper-filled~label, input.ui-state-filled~label {
    color: #D5007F !important;
}

body .ui-float-label>.ui-inputwrapper-focus~label, input.ui-state-focus~label {
    color: #D5007F !important;
}

.ui-selectonemenu-trigger.ui-state-default.ui-corner-right{
	background: white;
/* 	border-top-right-radius: 4px !important; */
/* 	border-bottom-right-radius: 4px !important; */
	border-radius: 5px !important;
	
}

div.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-inputwrapper.ui-inputwrapper-filled{
	border-radius: 6px !important;
}

.labelFileUpload{
	text-wrap: nowrap;
	margin-top: 9px;
	display: inline-block !important;
}

.card{
	flex-direction: unset !important;
	border: unset !important;
}

.ui-fileupload .ui-fileupload-buttonbar{
	padding: 0 !important;
	margin-top: 3px;
	display: inline-block !important;
    margin-left: 30px;
}

.nombreArchivoFileUpload{
	color: #6200EE !important;
	border: unset !important;
}

.nombreArchivoFileUpload.btn-circle{
	background-color: #ffffff;
	color: #D5007F;
	border: unset;
	box-shadow: unset !important;
	font-weight: initial;
	position: relative;
	left: 10px;
}



.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.form-control.ui-state-hover{
	border-color: #6200EE;
	
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-inputwrapper{
	height: calc(1.5em + .75rem + 2px) !important;
}

/* ui-selectonemenu ui-widget ui-state-default ui-corner-all ui-inputwrapper */

.ui-selectonemenu-label.ui-inputfield.ui-corner-all{
	font-size: 14px !important;
}

/* .ui-outputlabel.ui-widget{ */
/*  div.field > span > label{ */
/* 	margin-top: -10px !important; */
/* } */

span.ui-outputlabel-rfi{
	display:none !important;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-inputwrapper{
	border-radius: 5px !important;
	/*background-color: #e9ecef !important;
  	opacity: 1 !important;*/
}


.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-disabled.ui-inputwrapper{

	background-color: #e9ecef !important;
  	opacity: 1 !important;

}
/*
.ui-selectonemenu.ui-widget:disabled {
	background-color: #e9ecef !important;
  	opacity: 1 !important;
}*/

.ui-outputlabel.ui-widget.ui-required{
	margin-top: -9px !important;
}

.row.footer{
	z-index: 1;
}

.btn-circle.btnDescargarGuia,
.btn-circle.btnDescargarGuia:hover{
	background: #D6C4F9 !important;
	color: #6100ED !important;
	border: unset !important;
    box-shadow: unset !important;
    font-weight: normal !important;
    padding-bottom: 28px !important;
    height: 30px !important;
    margin-left: 25px !important;
}

@media (width <= 950px) {
	.btn-circle.btnDescargarGuia label{
		display: none;
	}
	.btn-circle.btnDescargarGuia i{
		display: inline-block;
	}
	.btnDescargarGuia{
		min-width: 45px;
		width: 45px;
	}
}

@media (width > 950px) {
	.btn-circle.btnDescargarGuia label{
		display: inline-block;
	}
	.btn-circle.btnDescargarGuia i{
		display: none;
	}
}

table > tbody > tr{
	height: 50px !important;
}


body .ui-inputswitch {
   border-radius: 34px !important;
   margin-top: 10px !important;
   margin-right: 10px !important;
}
    
body .ui-inputswitch .ui-inputswitch-handle {
	border-radius: 34px !important;
}

body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
	border: 2px solid #dee2e6 !important;
}	
body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle{
	box-shadow: #C39DF9 !important;	
	background: #fff !important;
	border-color: #C39DF9 !important;	
	
}

body .ui-inputswitch .ui-inputSwitch-wrap{
  input {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
	}
}


body .ui-inputswitch.ui-inputswitch-checked {
    background: #C39DF9 !important
}

.p-datepicker {
    display:block !important;
}

body .contadorCaracteres, .contadorCaracteres {
			color: #D5007F;
			font-family: normal, Roboto;
			text-bottom: right;
			text-align: right;
			font-size: 12px !important;
			float: right;
		}	
.ui-inputfield.ui-widget.ui-state-default.ui-corner-all.ui-state-disabled.ui-state-filled{
	background-color: #e9ecef;
}

.ui-blockui-content {
	position: initial !important;
	margin-top: 15em;
	box-shadow: none !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
	background: #6200EE;
}
body .ui-chkbox .ui-chkbox-box.ui-state-hover {
	border-color: #6200EE !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	background-color: #6200EE !important;
}

body .ui-chkbox .ui-chkbox-box {
	width: 1rem;
	height: 1.5rem;
	margin-top: 4px;
	border-width: 1px;
	left: 10px;
	border-color: #6200EE !important;
    border-width: 2px !important;
    border-radius: 3px !important;
    box-shadow: 1px 1px 1px #D5007F3C;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
	margin-top: -4px !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	border-color: #6200EE !important;
}

.ui-chkbox .ui-chkbox-label {
    margin: 0 16px 0 16px !important;    
}

.btn-download-pdf-reportes.ui-button:hover, .btn-download-pdf-reportes.ui-button:focus, .btn-download-excel-reportes.ui-button:hover, .btn-download-excel-reportes.ui-button:focus {
    background-color: #D5007F !important;
    border-color: white!important;
    color: white!important
}

.btn-download-pdf-reportes.ui-button {
    background-color: #FF0000 !important;
}

.btn-download-excel-reportes.ui-button {
    background-color: green !important;
}