/* *********************** */
/* ESTILOS EXCLUSIVAMENTE PARA LOS FORMULARIOS DE SOCIOS */
/* MENSAJES GLOBALES */
.mensaje {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 115%;
    padding: 8px;
    border-radius: 5px;
}

.mensajeresidentes {
    width: 94%;
    max-width: 343px;
    /* margin-right: auto; */
    /* margin-left: auto; */
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 115%;
    padding: 6px;
    padding: 6px 4px 2px !important;
    border-radius: 5px;
}

.msjPullright {
  display: block;
  float: right;
  width: 50%;
  text-align: center;
  margin-top: -3px;
}

.msjNota {
    background-color: #dff1f6;
    padding: 2px 6px;
	border-radius: 4px;
}

.msjAviso {
    background-color: #f8eecc;
    color: #AA0000;
    border: 1px solid #DD0000;
    padding: 2px 6px;
	border-radius: 4px;
}

.msjError {
    background-color: #fed4d4;
    color: #AA0000;
    border: 1px solid #DD0000;
    padding: 2px 6px;
	border-radius: 4px;
}
.msjExito {
    background-color: #c5eac5;
    color: #000000;
    border: 1px solid #008000;
    padding: 2px 6px;
    border-radius: 4px;
}
.msjDesactivado {
    background-color: #dddddd;
    color: #000000;
    border: 1px solid #aeaeae;
    padding: 2px 6px;
    border-radius: 4px;
}
.msjDuplicados {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 95%;
    margin-bottom: 12px;
    background: #c4e1c4;
    padding: 1% 2%;
    border-radius: 5px;
}
.msjAyuda {
    background-color: #d8ebff;
    color: #000000;
    border: 1px solid #000280;
    padding: 2px 18px;
    border-radius: 2px;
    min-width: 710;
    max-width: 804;
    width: 77%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 12px;
}
.msjAyuda  h1 {
    font-size: 1rem;
}
.msjAyuda  p {
    font-size: 0.8rem;
}

.msjErrorLink a {
    font-size: 90%;
    color: #000000;
    font-style: italic;
    padding: 2px 4px;
}

.msjTextoRojo {
    font-wieght: bold;
    color: red;
}

.msjTextoVerde {
    font-wieght: bold;
    color: darkgreen;
}

/*********************************************/

.static-checkmark {
  position: relative;
  width: 25px;
  height: 25px;
  /* background-color: #2ecc71;  */
  background-color: #5ab55a;; 
  border-radius: 4px;
  display: inline-block;
}

/* Drawing the white checkmark inside */
.static-checkmark::after {
  content: ' ';
  position: absolute;  
  /* Position the checkmark */
  left: 9px;
  top: 7px;  
  /* The checkmark "legs" */
  width: 6px;
  height: 10px;  
  /* Create the 'L' shape using only two borders */
  border: solid white;
  border-width: 0 3px 3px 0;  
  /* Rotate the 'L' to make it a checkmark */
  transform: rotate(45deg);
}

/* --- */

.static-checkmark-blue {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #4978b7; 
  border-radius: 4px;
  display: inline-block;
}

/* Drawing the white checkmark inside */
.static-checkmark-blue::after {
  content: ' ';
  position: absolute;  
  /* Position the checkmark */
  left: 9px;
  top: 7px;  
  /* The checkmark "legs" */
  width: 6px;
  height: 10px;  
  /* Create the 'L' shape using only two borders */
  border: solid white;
  border-width: 0 3px 3px 0;  
  /* Rotate the 'L' to make it a checkmark */
  transform: rotate(45deg);
}

/* --- */

.static-checkmark-off {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #aeaeae; 
  border-radius: 4px;
  display: inline-block;
}

/* Drawing the white checkmark inside */
.static-checkmark-off::after {
  content: ' ';
  position: absolute;  
  /* Position the checkmark */
  left: 9px;
  top: 7px;  
  /* The checkmark "legs" */
  width: 6px;
  height: 10px;  
  /* Create the 'L' shape using only two borders */
  border: solid white;
  border-width: 0 3px 3px 0;  
  /* Rotate the 'L' to make it a checkmark */
  transform: rotate(45deg);
}

/* --- */

.static-error {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #e74c3c; /* Red background */
  border-radius: 50%;        /* Circular shape (remove for square) */
  display: inline-block;
  vertical-align: middle;
}

/* Common styles for both bars of the X */
.static-error::before,
.static-error::after {
  content: ' ';
  position: absolute;
  top: 5px;
  left: 11px;                /* Center the bars */
  width: 3px;                /* Thickness of the X */
  height: 15px;              /* Length of the X */
  background-color: white;
  border-radius: 2px;        /* Smooths the ends of the bars */
}

/* Rotate the first bar 45 degrees */
.static-error::before {
  transform: rotate(45deg);
}

/* Rotate the second bar -45 degrees */
.static-error::after {
  transform: rotate(-45deg);
}

/* --- */

.static-error-off {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #9f5f5f; /* Dark background */
  border-radius: 50%;        /* Circular shape (remove for square) */
  display: inline-block;
  vertical-align: middle;
}
/* Common styles for both bars of the X */
.static-error-off::before,
.static-error-off::after {
  content: ' ';
  position: absolute;
  top: 5px;
  left: 11px;                /* Center the bars */
  width: 3px;                /* Thickness of the X */
  height: 15px;              /* Length of the X */
  background-color: white;
  border-radius: 2px;        /* Smooths the ends of the bars */
}
/* Rotate the first bar 45 degrees */
.static-error-off::before {
  transform: rotate(45deg);
}
/* Rotate the second bar -45 degrees */
.static-error-off::after {
  transform: rotate(-45deg);
}
/*********************************************/

#masterFeedback {
    /* Layout */
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    
    /* The Magic */
    transition: max-height 0.8s ease-out, opacity 0.6s ease, margin 0.6s ease;
    
    /* Red Style */
    /* background-color: #fff3f3; */
    /* border-left: 4px solid #ff4d4d; */
    /* padding: 0 15px; Vertical padding is 0 initially */
    /* line-height: 40px; Center text vertically */
    
    /* Green Style */
    background-color: #daecda;
    border-left: 4px solid #0a9b0a;
    padding: 0 15px; /* Vertical padding is 0 initially */
    line-height: 23px; /* Center text vertically */
}

/* This class triggers the animation */
#masterFeedback.show {
    max-height: 256px; /* Enough space for the message */
    opacity: 1;
    padding: 5px 15px;
    width: 92%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 16px;
    border-radius: 6px;
}

/*********************************************/

.tablacompacta {
  border: 1px solid #dedede;
  width: 100%;
}
.tbheader {
  text-align: center;
  font-weight: bold;
}
.tbfooter {
  background: #efefef;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.tablacompacta td {
  text-align: center;
  width: 33%;
  border-right: 1px solid #dedede;
}
.tablacompacta .tbheader {
  background: #e3e3e3;
  padding: 6px 0 0 0;
}
.tablacompacta .label {
  color: black;
  /* border: 1px solid red; */
  display: ruby-base;
}
.tablacompacta p {
  font-size: 74%;
}
.tbcaption{
  font-size: 1.3rem;
}

.superindex {
  font-weight: normal;
  font-size: 80%;
  position: relative;
  top: -5px;
}

/*********************************************/

/*********************************************/



#loginHelpAccess,
#loginHelpAccess p {
    font-style: italic;
    color: #c90016 !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    color: #000000;
}

/* FORMULARIO DE REGISTRO */
#divFormRegistro {
    padding: 0;
}

#frmRegistro,
#frmAviso {
    background-color: #F5F5F5;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #e4e4e4;
    padding: 2px;
    font-family: 'Open sans';
}

.celdaTitulo {
    font-size: 120%;
    margin-top: 20px;
    margin-bottom: 5px;
    padding: 8px 0 2px;
    border-radius: 2px;
    border-bottom: 3px solid #CC3300;
    text-align: left;
    text-indent: 10px;
}

.celdaSubTitulo {
    margin-top: 10px;
    margin-bottom: 0px;
}

.celdaDescripcion {
    padding: 6px 9px 14px 9px;
}

.fieldLabels {
    padding-right: 4px;
    font-size: 90%;
}

.required {
    font-weight: bold;
}

.requiredmark {
    color: red;
}

.notrequired {
    width: 13px;
    border: 1px solid transparent;
    display: inline-block;
}

.readonly {
    border: 1px solid #E4E4E4;
    background-color: #f1f1f1 !important;
    font-style: italic;
}

.readonly:active,
.readonly:focus,
.readonly:focus-within {
    /*border: 1px solid red;*/
    outline: none;
}

.readonly-noborder {
    outline: none;
    border: 1px solid transparent !important;
    background-color: transparent;
    font-style: italic;
}

#frmRegistro input,
select,
textarea,
#frmAviso input,
select,
textarea {
    padding: 4px 6px;
    border-radius: 2px;
    font-size: 90%;

    /* background-color: #f9f6f0; */
    background-color: #fbfbfb;
    border: 1px solid silver;
    margin-top: 3px;
    margin-bottom: 3px;
}

#frmRegistro input[type=text],
select,
textarea,
#frmAviso input,
select,
textarea {
    width: 94%;
}

#frmRegistro input:focus,
select:focus,
textarea:focus,
#frmAviso input:focus,
select:focus,
textarea:focus {
    background-color: #ffffdf;
}

#frmRegistro .fieldContainer { /*** encierro controles bootstrap para limitar su tamaño ***/
    width: 245px;
}

#frmRegistro .fieldCorto {
    min-width: 100px;
}

#frmRegistro .fieldFecha {
}

#frmRegistro select,
#frmRegistro textarea,
#frmAviso select,
#frmAviso textarea {
    min-width: 245px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-family: 'Open sans', Arial;
}

#frmRegistro .formButton3,
#frmAviso .formButton3 {
    padding: 6px 18px;
    background-color: #3498db;
    margin: 16px;
    font-size: 110%;
    border-radius: 4px;
    color: #FFFFFF;
}

#frmRegistro .formButton3:hover,
#frmRegistro .formButton3:active,
#frmRegistro .formButton3:focus,
#frmAviso .formButton3:hover,
#frmAviso .formButton3:active,
#frmAviso .formButton3:focus {
    background-color: #1c7cbc !important;
    border: 1px solid #E4E4E4;
}

#textoConfidencialidad {
    max-width: 600px !important;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #E4E4E4;
}

/* FORMULARIO DE LOGIN */
#frmLogin {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 30px;
}

#frmLogin .FieldInput {
    border: 1px solid silver;
    color: gray;
    padding: 4px 8px;
}

#frmLogin .FieldInput:focus {
    border: 1px solid silver;
    background-color: beige;
    color: black;
}

#frmLogin #btLogin {
    background-color: #DDD;
    border: 1px solid #333;
    color: #000000;
    padding: 3px 6px;
}

#frmLogin #btLogin:hover {
    background-color: #FFFFFF;
    border: 1px solid #333;
    color: #000000;
}

.loginBox {
}

.loginBox h1 {
    text-align: center;
    font-size: 140%;
}

/* MENSJAES PANTALLA LOGIN */
.loginNotas {
}

.loginError {
}

.formPerfilUpdate label {
    width: 146px;
    border: 1px solid transparent;
}

.formPerfilUpdate input,
.formPerfilUpdate select {
    width: 200px;
    border: 1px solid #E4E4E4;
    padding: 3px 8px;
}

.formPerfilUpdate input:focus,
.formPerfilUpdate select:focus {
    background-color: #f5fbdb;
}

.perfilDatos h3,
.formPerfilUpdate .formTitles {
    width: 90%;
    border: 1px solid transparent;
    display: inline-flex;
    font-size: 18pt;
    margin-top: 16px;
    margin-bottom: 6px;
    border-bottom: 1px solid silver;
}

.help-btlink {
    top: 6px;
    position: relative;
    left: 5px;
}

.selectionPanel {
}

.selectionPanel .col-md-4,
.selectionPanel .col-md-5 {
}

.selectionPanel .selectionPanelBody {
    background-color: #F7F7F7;
    border: 1px solid #e4e4e4;
    padding: 12px;
    margin-top: 20px;
}
.selectionPanel .selectionPanelBody:hover {
    background-color: #F0F0F0;
}

.selectionPanel .selectionPanelContent {
}

.selectionPanel .selectionPanelControls {
    height: 85px;
    display: table-cell;
    vertical-align: bottom;
}

    /*border: 1px solid red;*/
}

.selectionPanel .glyphicon {
    display: unset;
    top: -1px;
    color: #ca0016;
}

.selectionPanel h3 {
    display: inline;
    line-height: 205%;
}

.selectionPanel button a:link,
.selectionPanel button a:visited {
    color: #FFFFFF;
    font-size: 90%;
    text-decoration: none;
    padding: unset;
}

.selectionPanel .btn {
    padding: 3px 9px;
}


.postulacionCargo {
  border: 1px solid transparent;
}
.postulacionCargo .col-md-4 {
  padding: 0 5px;
}

.postulacionCargo h2 {
  font-size: 22px;
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 20px;
  border-bottom: 1px solid ;
}
.postulacionCargo.cargo0.Vicepresidente {
    display: grid;
    padding: 20px;
    border-radius: 12px;
    background: #88a4ba;
}
.postulacionCargo.cargo0 {
    color: #2e5879;
}
.postulacionCargo.cargo1 {
    color: cornflowerblue;
}
.postulacionCargo.cargo2 {
    color: orange;
}
.postulacionCargo.cargo3 {
    color: green;
}
.postulacionCargo.cargo4 {
    color: maroon;
}
.postulacionCargo.cargo5 {
    color: purple;
}
.postulacionCargo.cargo6 {
    color: red;
}
.postulacionCargo.cargo7 {
    color: orange;
}
.postulacionCargo.cargo8 {
    color: green;
}
.postulacionCargo.cargo9 {
    color: orange;
}
.postulacionBoleta {
    border: 1px solid transparent;
    padding: 2% 5%;

    /* margin: 6px; */
    /* background-color: #edefe5;*/
    background-color: #f7f7f7;
    max-height: 440px;
    margin-bottom: 16px;
    overflow: hidden;
	border-radius: 10px;
}

.postulacionNombre {
    font-size: 18px;
    font-weight: bold;
}

.postulacionFoto {
    /* max-width: 150px; */
    height: 110px;
    margin-bottom: 12px;
    width: auto;
}
.postulacionMark {
	zoom: 50%;
	float: right;
	z-index: 1000;
}
.postulacionMark:hover{
	cursor:pointer;
	background-image: url('/evoto/img/icons/checkmark-096-on.jpg');
}

.postulacionCV {
}
.postulacionLabel {
  font-weight: bold;
}
.postulacionVer {
	background-color: #5cb85c;
    color: #FFFFFF;
	font-weight: bold;
    /* width: 100%; */
    position: relative;
    margin-right: 20px;
    margin-left: 20px;
    top: -80px;
    /* z-index: 20; */
    /* display: inline-block; */
    text-align: center;
    line-height: 32px;
	cursor: pointer;
}
.postulacionPropuesta {
    /* border: 1px solid silver; */
    /* padding: 8px; */
    height: 250px;
    line-height: 123%;
    /*
    text-overflow: ellipsis;
    overflow-y: scroll;
    */
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.unfade {
	opacity: 1;
	border: 1px solid grey;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.fade20 {
	opacity: 0.2;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.blur {
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
	-webkit-filter: url(#blur-filter);
	filter: url(#blur-filter);
	-webkit-filter: blur(1px);
	filter: blur(1px);
}
.blur-svg {
	display: none;
}
.nodisplay {
	display: none;
}
@media (min-width: 768px) {
	.modal-dialog {
		width: 70%;
	}
}

.grillaSeleccion {}
.grillaBoleta {
	padding: 4px;
}
.grillaBoletaCont {
	/*wisth: 30%;*/
	padding: 8px;
	border: 1px solid silver;
	background-color: #f6f6f6;
	/*border-radius: 10px;*/
	overflow: hidden;
	min-height: 296px;
}
.grillaBoletaCont .colRight p {
	margin-top: 10px;
	font-weight: bold;
	}
.grillaBoletaCont .colleft p{
	margin-top: 10px;
	font-weight: normal;
	}
	
.grillaFoto {
	height: 180px;
	max-width: 250px;
}
.grillaFoto img {}
.grillaBoleta h4 {}
.grillaBoleta p {}

.votoComprobante {
	width: 100%;
    max-width: 500px;
    border-radius: 20px;
    border: 3px solid grey;
    padding: 20px;
	margin-top: 36px;
    margin-right: auto;
	margin-bottom: 20px;
    margin-left: auto;
	font-weight: bold;
}
.votoComprobante .codigo {
	font-size: 130%;
	text-align: center;
}
.hr-resultados{
    border-bottom: 2px solid grey;
    margin-top: 20px;
    margin-bottom: 40px;
}

.chart_row h4 {
	margin: 30px 16px 12px 16px;
	border-bottom: 1px dotted grey;
	font-size: 1.2em;
	text-align: center;
}
.winnerGrid {
	/* border: 1px solid red; */
	/* width: 100%; */
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.resultadoempate {
	/* border: 1px solid red; */
	display:  table-cell;
	background-color: #f2dede;
	padding: 4%;
	min-width: 260px;
	text-align: center;
}
.resultadoganador {
	/* border: 1px solid green; */
	display:  table-cell;
	background-color: #ccdae2;
	padding: 4%;
	min-width: 260px;
	text-align: center;
}
.resultadosinvotos {
    /* border: 1px solid magenta; */
    display: table-cell;
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
		padding: 4%;
		min-width: 260px;
    text-align: center;
}
.resultadosinvotos p {text-align: center; font-weight: normal!important; margin-right: auto; margin-left: auto;}
.resuladoalert {
	/*border: 1px solid red;*/
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.winnercard {
	text-align: center;
	/* border: 1px solid silver; */
	padding: 18px 6px;    
	max-width: 240px;
	position: relative;
}
.winnercard .winnerNombre{
	font-weight: bold;
	font-size: 1.1em;
	height: 40px;
}
.winnercard .winnerLabel{
	border: 1px solid white;
	background: white;
	position: absolute;
	/* bottom: 2px; */
	width: 190px;
}
.winnerFoto {
	overflow: clip;
	height: 200px;
	width: 190px;
	
	margin-right: auto;
	margin-left: auto;
}
.winnerFoto img{
    border:1px solid grey;
    max-width: 190px;
    max-height: 200px;
		overflow: clip;
}
.browser-alert {
	width: 100%;
	position: fixed;
	background-color: red;
	color: white;
	font-size: 100%;
	text-align: center;
	font-weight: bold;
	padding: 18px;
	z-index: 1000;
}
/***** Impresion de comprobante *****/
.only-print {display: none;}
@media print {
	header, footer, .bg-footer {
		display:none;
	}
   .only-screen {display: none;}
    .only-print {
		/*visibility: visible;*/
		display: block;
		color: #000000;
		display: block !important;
    }
}