/*-----------------------------------------------*/
/* 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: Open Sans !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;
}

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

hr.separatorRosa {
	margin-top: 0%;
	border: 1.5px solid #D5007F;
	width: 50px;
	position: absolute;
	top: 49px;
}
hr.separatorRosaSecundario {
	margin-top: 0%;
	border-top: 1px solid #D5007F;
	border-bottom: none;
}
.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;
} 
.logoMenu {
	margin-top: 43px;
	position: fixed;
	background-color: 	#000000;
	min-height: 		45px;
	z-index: 100;
}
.rosaINE {
	color: #D5007F;
}
.salida {
	position: static;
	margin-left: 46px;
	margin-top: -36px;
	font-size: 11px;
}
.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: 99px;
}
.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: 99px;
	margin-bottom: 45px;
}


/* TERMINA DISE�O */

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

.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 Open Sans;
	background-color: #FFFFFF;
	border-radius: 1px;
	border-color: #EAE7E7;
}
.estiloTabla td, tr{
	border-radius: 1px;
	border-color: #EAE7E7;
	font: 14px/15px Open Sans;
	height: 52px;
}
.estiloTablaCalendario td, tr{
	border-radius: 1px;
	border-color: #EAE7E7;
	font: 14px/15px Open Sans;
	height: 32px;
}
.estiloTabla tr:nth-child(odd) {
    background-color:#EFEFEF;
    border-color: #EAE7E7;
}

.estiloTabla tr:nth-child(even) {
    background-color:#FFFFFF;
    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 Open Sans;
}
.ui-paginator span {
    text-align: left !important;

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

.estiloTabla .ui-button:hover{
	background-color: #ffffff !important;
	color: #D5007F !important;
	border-color: #D5007F !important;
	outline: none !important;
}

.estiloTabla .ui-button:focus{
	background-color: #ffffff !important;
	color: #D5007F !important;
	border-color: #D5007F !important;
	outline: none !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: -10px;
}

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

.estiloDialog .ui-dialog-titlebar {
	display: none;
}
.obligatorios {
	font-size: 14px;
	line-height: 1.42857143;
	color: #E22929;
}

/*Estilo para la tabla en cancelar afiliado*/
.estiloTablaCancelados .ui-state-highlight,.estiloTablaCancelados .ui-widget-content .ui-state-highlight,.estiloTablaCancelados .ui-widget-header .ui-state-highlight {
	    border: 1px solid #666;
	    background: #F7D0E7 !important;
	    color: #000000 !important;
	    text-shadow: none !important;
	    cursor:default !important;
	    border-color: #F2F2F2 !important;
}
	
.estiloTablaCancelados .ui-state-hover{
	    cursor:default !important;
	    border-color: #F2F2F2 !important;
        text-shadow: none; 
	    box-shadow: none !important;
}

/* Estilo botones edita */
.estilobotonModifica{
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #ffffff !important;
	color: #D5007F !important;
	font: 14px/15px Open Sans !important;
	background-image: none !important;
	border-color: #FFFFFF !important;
}
body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
	box-shadow: none !important;
}
	
.estiloBotonEditaGuarda{
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #D5007F !important;
	color: white !important;
	font: 14px/15px Open Sans;
	background-image: none !important;
}
.estiloBotonEditaCancela{
	border-radius: 25px !important;
	overflow: hidden !important;
	background-color: #FFFFFF !important;
	color: #D5007F !important;
	font: 14px/15px Open Sans;
	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{
	background-image	  : url("/afiliadosPartidos/app/javax.faces.resource/dropzoneCarga.png?ln=img");
	background-color: white;
	background-repeat: no-repeat;
  	background-position: center;
    width: 100%;
    height: 100%;
    min-height: 150px;
    font-size: 1.5vw;
    padding: 4vw 15vw 3vw;
    border-radius: 10px !important;
    border: 2px dashed #BABABA !important;
    outline:none !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

.ui-fileupload-content{
	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;
}
.ui-fileupload .ui-icon-plusthick {
    display: none !important;
}

.ui-tooltip .ui-tooltip-text {
    background-color: #EFDFFD !important;
	font-family: Open Sans !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: Open Sans;
}

.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: Open Sans;
	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: 15px;
}

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

.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 .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-selectcheckboxmenu-header span.ui-icon {
	float: left;
	background-color: #ffffff;
}
.ui-selectcheckboxmenu-header input {
	float: left;
	background-color: #ffffff;
	text-shadow: none !important;
}
.ui-chkbox-icon.ui-icon{
	background-color: #ffffff;
}
.ui-chkbox-icon.ui-icon .ui-chkbox-icon.ui-icon.ui-state-active{
	background-color: #D5007F;
	color: #ffffff;
}