:root {
	--color1: #00c991;
	--color2: #289581;
	--color2-code: 40 149 129;
	--color3: #056855;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
} 

/*font-family: 'Poppins', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html, body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td {
	margin: 0;
	padding: 0; 
}

svg { 
	width: 100%;
	overflow: hidden;
	vertical-align: middle;
}

.clearfix {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.s-back-switch {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.hidden {
	display: none !important;
}

a, li {
	text-decoration: none;
	list-style-type: none;
}

a:hover, a:focus{
	text-decoration: none !important
}

html, body {
	height: 100%;
	font-family: 'Poppins', sans-serif;
}

body.login_.swal2-height-auto {
	height: 100% !important;
}

body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	max-width: 100%;
}

/*img {
max-width: 100%;
}*/

.text-center {
	text-align: center;
}

.mb-0 {
	margin-bottom: 0px !important
}

.float-none {
	float: none;
}

.float-right {
	float: right !important;
}

.float-left {
	float: left !important;
}

.height_auto {
	height: auto;
	min-height: auto !important
}

.overflow-y {
	overflow-y: hidden;
}

.text-center {
	text-align: center !important;
}

.nopadding {
	padding: 0px !important;
}

body .nomargin {
	margin: 0px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

body .pt-10, .pt-10 {
	padding-top: 10px !important;
}

body .pr-5 {
	padding-right: 5px !important;
}

body .pr-15 {
	padding-right: 15px !important;
}

body .pl-5 {
	padding-left: 5px !important;
}

body .mg-0, .mg-0 {
	margin: 0px !important;
}

body .mb-0, .mb-0 {
	margin-bottom: 0px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-25 {
	margin-bottom: 25px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

body .mt-0, .mt-0 {
	margin-top: 0px !important;
}

.mt-2 {
	margin-top: 2px !important;
}

.mt-3 {
	margin-top: 3px !important;
}

body .mt-10 {
	margin-top: 10px !important;
}

body .mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

body .mt-30 {
	margin-top: 30px !important;
}

body .mt-50 {
	margin-top: 50px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.none_event {
	opacity: .7;
	pointer-events: none;
}

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

.text-right {
	text-align: right;
}

.hrcolor_{
	background: linear-gradient(90deg, transparent, rgb(0 0 0 / 10%), transparent);
	border: 0;
	height: 1px;
}

/* FORM INICIO */
/* BACKGROUND */
#bg {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
}

#bg img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
	min-height: 400px;
	max-width: 100%;
}

.Info_ {
	float: left;
	width: 50%;
	width: 40%;
	min-height: 95vh;
	height: 95vh;
	height: 95%;
}

.box {
	/* background: #fff; */
	/* box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.2), 0 4px 20px 0px rgba(0, 0, 0, 0.05), 0 7px 30px -5px rgba(0, 0, 0, 0.03); */
	width: 400px;
	border-radius: 5px;
	position: relative;
	display: block;
	margin: 0 auto;
	/* margin-top: 60px; */
	padding-top: 20px;
	/* overflow: hidden; */
	margin-bottom: 60px;
	-webkit-animation: fadeIn .5s ease-in-out .7s both;
	-moz-animation: fadeIn .5s ease-in-out .7s both;
	-o-animation: fadeIn .5s ease-in-out .7s both;
	-ms-animation: fadeIn .5s ease-in-out .7s both;
	animation: fadeIn .7s ease-in-out .7s both;
}

.box h1 {
	text-align: center;
	font-size: 18px;
	line-height: 19px;
	letter-spacing: 0;
	color: var(--color1);
	margin: 0;
	margin-bottom: 10px;
	margin-top: 15px;
	font-weight: 600;
}

.box .sombra_ {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
}

.box .sombra_ img {
	width: 100%;
}

.box .sombra_top {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
	width: 100%;
	text-align: center;
	top: -42px;
	z-index: -1;
}

.box .sombra_top img {
	width: 100%;
}

.login_ .tabb_ {
	position: relative;
	left: 0;
	display: block;
	width: 100%;
	top: 1px;
}

.tabb_ {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	top: -40px;
}

.tabb_ a {
	height: 40px;
	background: var(--color1);
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 10px 12px;
	font-size: 13px;
	border-radius: 0px;
	transition: all .25s ease-in-out;
}

.tabb_ a:first-child{
	border-radius: 4px 0px 0px 0px;
}

.tabb_ a:last-of-type{
	border-radius: 0px 4px 0px 0px;
}

.tabb_ a:hover {
	background: var(--color1);
}

.tabb_ a.active {
	background: #fff;
	color: #474e56;
}


.logo {
	padding: 13px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	position: relative;
	z-index: 10;
}

.logo.animated {
	-webkit-animation: fadeIn .5s ease-in-out .1s both;
	-moz-animation: fadeIn .5s ease-in-out .1s both;
	-o-animation: fadeIn .5s ease-in-out .1s both;
	-ms-animation: fadeIn .5s ease-in-out .1s both;
	animation: fadeIn .5s ease-in-out .1s both;
}

.logo img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 80px;
	margin-top: 5px;
	/* margin-bottom: 10px; */
}

.Form_ {
	padding: 5px 15px 20px;
	-webkit-animation: fadeIn .5s ease-in-out .6s both;
	-moz-animation: fadeIn .5s ease-in-out .6s both;
	-o-animation: fadeIn .5s ease-in-out .6s both;
	-ms-animation: fadeIn .5s ease-in-out .6s both;
	animation: fadeIn .5s ease-in-out .6s both;
	/*background: #fff;*/
	border-radius: 0px 0px 5px 5px;
}

.Form_ p {
	color: #444141;
	font-size: 15px;
	display: block;
	font-weight: 500;
	letter-spacing: -0.5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.Form_ h3 {
	color: #474e56;
	font-size: 16px;
	display: block;
	font-weight: 700;
	letter-spacing: -0.5px;
	margin-bottom: 15px;
	margin-top: 0px;
}

.Form_ form {
	min-height: 200px;
}

.formulario {
	width: 100%; 
	margin-right: auto;
	margin-left: auto;
}

.formulario img{max-width: 100%;
}

.formulario select {
	background-color: #fcfcfc;
	border: 1px solid #dedede;
	width: 100%;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	height: 45px;
	line-height: 45px;
	border-radius: 8px;
	/* box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1) inset; */
}

select:hover, select:active, select:focus {
	outline: none !important;
}

.formulario textarea {
	height: 120px
}

.formulario .input_, textarea {
	background-color: #fcfcfc;
	border: 1px solid #dedede;
	line-height: 45px;
	height: 45px;
	width: 100%;
	border-radius: 8px;
	/* box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset; */
	font-size: 15px;
	position: relative;
	display: block;
	margin-bottom: 10px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	padding-right: 15px;
	padding-left: 15px;
	color: #43484c;
}


.formulario .input_::placeholder {
	color: #a1a1a1;
	opacity: 1;
}

.formulario .input_:-ms-input-placeholder {
	color: #a1a1a1;
}

.formulario .input_::-ms-input-placeholder {
	color: #a1a1a1;
}

.Form_ .infoHV_,
.infoHV_ {
	line-height: 16px;
	min-height: 45px;
	width: 100%;
	color: #43484c;
	font-size: 15px;
	position: relative;
	display: block;
	margin-bottom: 15px;
	border-radius: 23px;
	background-color: rgb(160 170 174 / 8%);
	border: 1px solid rgb(66 72 78 / 10%);
	padding: 0px 20px;
	margin-top: 0px;
	padding-top: 15px;
	/* text-overflow: ellipsis; */
	/* overflow: hidden; */
	/* white-space: nowrap;*/
}

.Form_ .infoHV_._textarea,
._textarea {
	width: 100%;
	color: #636363;
	font-size: 13px;
	position: relative;
	display: block;
	margin-bottom: 10px;
	/* border-bottom: 1px solid #f5f5f5; */
	height: 70px;
	line-height: normal;
}

.formulario .input_:hover, textarea:hover {
	background-color: #f5f5f5;
	outline: none;
}

.formulario .input_:focus, textarea:focus {
	/* border: 1px solid #c5c5c5; */
	/* border-left: 3px solid var(--color1); */
	background-color: #FCFCFC;
	outline: none;
}

.formulario .label {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	color: #43484c;
	font-size: 14px;
	letter-spacing: 0px;
	display: block;
	font-weight: 400;
	text-align: left;
}

.radio_ {
	color: #909090;
	font-size: 14px;
	display: block;
	font-weight: 400;
	margin-bottom: 15px;
	text-align: center;
}

.formulario .radio_ .label,
.radio_ .label {
	margin-bottom: 15px;
}

.radio_ p {
	display: inline-block;
	margin: 0;
	top: -2px;
	position: relative;
	margin-right: 10px;
}

.select_ {
	color: #909090;
	font-size: 15px;
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
}

.formulario .select_ .label,
.select_ .label {
	margin-bottom: 15px;
}

.rojo {
	color: #F44336;
	font-size: 12px;
	font-weight: 600;
}

.btnInputs {
	font-family: 'Poppins', sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: var(--color1);
	border-radius: 3px;
	color: #FFF;
	text-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 16px;
	padding-bottom: 10px;
	padding-left: 16px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.btnInputs:hover {
	color: #ffffff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
	outline: none;
	background-color: var(--color2);
}

.btnMorado {
	background-color: #45187D
}

.options_btn .btnInputs.btnMorado:hover,
.options_btn .btnMorado:hover {
	background-color: #53179e;
}

/**/
.group_btn {
	position: relative;
}

.group_btn p {
	position: relative;
	display: table;
	margin: 0 auto;
}

.group_btn input {
	padding: 12px 35px 13px 20px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 30px;
	font-weight: 500;
}

.group_btn input:hover {
	cursor: pointer;
	padding: 12px 40px 13px 30px;
}

.group_btn i {
	position: absolute;
	top: 49%;
	transform: translateY(-50%);
	right: 16px;
	color: #fff;
	pointer-events: none;
	transition: all .25s ease-in-out;
}

.group_btn p:hover i {
	right: 22px;
}

.typea .btnInputs{
	font-size: 16px;
	font-weight: 500;
	border-radius: 30px;
}

.typea i {
	position: relative;
	top: auto;
	transform: none;
	right: auto;
	margin-left: 5px;
	font-size: 14px;
}
.typea:hover i,
.typea p:hover i {
	right: auto;
}
/**/




.btnAlert {
	text-align: center;
}

.btnAlert p {
	color: #717171;
	font-size: 14px;
	display: block;
	font-weight: 600;
	letter-spacing: -1px;
	text-align: center;
	margin-bottom: 0;
	margin-top: 5px;
}

.btnAlert input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: var(--color1);
	border-radius: 3px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	display: inline-block;
	margin: 0 auto;
	margin-top: 10px;
}

.btnAlert .btn_green {
	background-color: #c5c5c5;
}

.btnAlert .btn_green:hover {
	background-color: var(--color1);
	box-shadow: 0px 0px 15px rgb(var(--color2-code) / 30%);
}

.btnAlert input:hover {
	color: #ffffff;
	outline: none;
	background-color: var(--color2);
	box-shadow: 0px 0px 15px rgb(var(--color2-code) / 30%);
	cursor: pointer;
}

._boxConf {
	position: relative;
	display: block;
	margin-top: 10px;
	height: 40px;
}

._boxConf a {
	float: left;
	width: 50%;
	text-align: center;
}

._boxConf i {
	margin-right: 3px;
}

._boxConf a, ._boxConf p, ._boxConf i {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

._boxConf a:hover i, ._boxConf a:hover p {
	color: #2d6f6c;
}

/* FORMULARIO COMPLETO */
.items_ .Form_ {
	text-align: left;
}

.item_ {
	padding: 0px;
	background: #fff;
	border-radius: 15px;
	border: 0px solid rgb(0 0 0 / 10%);
	margin-bottom: 25px;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 4%), 0px 10px 20px rgb(0 0 0 / 3%);
	overflow: hidden;
}

.formulario.full_ .input_, .formulario.full_ textarea, .formulario.full_ select {
	background-color: rgb(160 170 174 / 8%);
	border: 1px solid rgb(66 72 78 / 10%);
	box-shadow: none;
	border-radius: 23px;
	font-size: 15px;
	color: #43484c;
	font-weight: 500;
	letter-spacing: 0;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 15px;
	padding-top: 0;
}

.formulario.full_ select {
	background-image: url(../images/cd-icon-arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	padding-right: 40px;
}

.formulario.full_ textarea {
	width: 100%;
	height: 70px;
	padding-top: 8px;
	line-height: normal;
}

.formulario.full_ textarea.h-180 ,.h-180 {
	height: 180px;
}

.formulario.full_ .input_:focus, .formulario.full_ textarea:focus, .formulario.full_ select:focus {
	border: 1px solid rgb(66 72 78 / 15%);
	background-color: rgb(160 170 174 / 15%);
}

.formulario.full_ .label {
	margin-bottom: 8px;
	margin-left: 10px;
	color: #585763;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 400;
}

.formulario.full_ .select_ .label {
	margin-bottom: 10px;
}

.formulario.full_ .select_ {
	margin-bottom: 8px;
}

.formulario.full_ .radio_ {
	margin-bottom: 10px;
	text-align: left;
}

.header_ {
	padding: 25px;
	border-bottom: 1px solid rgb(0 0 0 / 2%);
	/* background: rgb(249 249 249); */
}

.header_ h4 {
	margin: 0;
	color: #474e56;
	font-size: 15px;
	letter-spacing: -.7px;
	display: block;
	font-weight: 400;
}

.header_ h4 i {
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
	position: relative;
	top: -1px;
	color: var(--color1);
}

.block_ {
	padding: 40px 40px 40px;
}

.radio_box {
	line-height: 40px;
	/* height: 40px; */
}

.upload_wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.btn_upload {
	background: #049e54;
	border: 0px;
	color: white;
	padding: 8px 20px;
	border-radius: 3px;
	font-size: 13px;
	height: 35px;
	font-weight: 500;
	transition: all .25s ease-in-out;
}

.upload_wrapper:hover .btn_upload {
	background: #69ad3c
}

.upload_wrapper input[type=file] {
	position: absolute;
	left: 0;
	top: 0;
	height: 35px;
	opacity: 0;
}

.options_btn p {
	display: inline-block;
}

.options_btn .btnInputs {
	padding: 12px 23px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0px;
	border-radius: 30px;
	text-wrap: nowrap;
}

.options_btn .btnInputs:hover {
	background-color: var(--color2);
	color: #ffffff;
	padding: 12px 25px;
	cursor: pointer;
}

.picture_ .img_ {
	height: 140px;
	width: 140px;
	border-radius: 3px;
}

/* CAMPANA */
.campana_ .block_{    
	padding: 30px 30px 30px;
}

.campana_ .cards_ {
	width: 100%;
	margin-top: 0;
	margin-left: 0;
	border-radius: 2px;
	border: 0px solid rgba(0,0,0,.01);
	animation: none;
}

.campana_ .cards_ .img_{
	margin: 0 auto;
	height: 260px;
}

.campana_ .cards_:after{
	display: none;
}

.campana_ .formulario.full_ textarea {
	height: 200px;
}

.col-user {
	padding-right: 15px;
}

.col-user .block_ {
	padding: 15px 15px 15px;
}

.col-user .block_ .col-md-12{
	padding: 0;
}

.col-user .header_ {
	padding: 15px;
}

.formulario.full_ .col-user .label {
	margin-bottom: 0px;
}

.campana_ .formulario.full_ .col-user textarea {
	height: 70px;
	margin-bottom: 0px;
}

.formulario.full_ .col-user .radio_ {
	margin-bottom: 0px;
}

/**/
.espclone{
	position: relative;
}

.espclone input,
.formulario.full_ .espclone .input_{
	padding-right: 60px;
}

.btnclone{
	color: var(--color1);
	border: 0 !important;
	outline: none !important;
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	text-align: right;
	border-radius: 23px;
	font-size: 14px;
	padding: 0px 25px;
	background: transparent;
}

/* CAMPANA LANDING */
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	padding-bottom: 36.25%;
	max-width: 768px;
	margin: 0 auto;
}

.embed-responsive iframe {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.landing_ {
	padding-top: 0px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.infoLanding_ {
	background: #fff;
	border-radius: 3px;
	/* box-shadow: 0px 5px 25px rgba(0,0,0,0.02); */
	padding-bottom: 30px;
	padding-top: 30px;
}

.headline .img_ {
	height: 200px;
	width: 200px;
	margin: 0 auto;
	border-radius: 5px;
}

.headline h1 {
	padding: 10px 40px 40px 40px;
	margin-bottom: 20px;
	margin-top: 0px;
	background: url(../images/bg-headline.png) no-repeat center bottom;
	text-align: center;
	color: #2a2627;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -2px;
}

.metadesc_ {
	text-align: center;
	padding: 0px 30px;
}

.metadesc_ h2 {
	display: inline-block;
	font-size: 17px;
	letter-spacing: -1px;
	margin: 0px 20px;
}

.metadesc_ h3 {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	background: var(--color1);
	color: #fff;
	font-weight: 400;
	font-size: 17px;
	padding: 7px 7px;
	border-radius: 3px;
	width: auto;
}

.metadesc_ h3 i {
	font-size: 10px;
	font-weight: normal;
	position: relative;
	top: -3px;
	margin-right: 5px;
}

.reason_ {
	padding: 40px;
	text-align: left;
}

.reason_ h2 {
	color: var(--color1);
	font-size: 20px;
	letter-spacing: -1px;
	margin: 0;
	font-weight: 400;
}

.reason_ p {
	color: #6d6d6d;
	letter-spacing: -0.5px;
}

/* FOOTER */
.footer {
	display: block;
	/*position: fixed;*/
	position: relative;
	width: 100%;
	background: #fff;
	bottom: 0;
	padding: 15px;
}

.footer p {
	text-align: center;
	font-size: 12px;
	margin: 0px;
	font-weight: 400;
	color: #7c7d7d;
}

.footer a {
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #a8adab;
	font-size: 13px;
}

.footer a:hover {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	color: var(--color1);
}

.footer.relative {
	position: relative;
	padding: 15px;
	height: auto;
}

/* CONTENIDOS */
.Conten_ {
	position: relative;
	z-index: 10;
	height: auto;
	/* min-height: 100%; */
	top: 0;
	padding-top: 90px;
	max-width: 100%;
	overflow: hidden;
}

.menu_ {
	background: #fff;
	clear: both;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 200;
}

.menu_ .logo {
	padding: 0;
	border-bottom: 0px;
	float: left;
	max-height: 90px;
	width: 30%;
}

.menu_ .area {
	float: right;
	max-height: 90px;
	width: 70%;
	padding: 0;
	text-align: right;
}
.menu_ .area img {
	max-width: 100%;
}

.break_ {
	width: 100%;
	position: relative;
	height: 50px; 
	display: block;
	background: #ffffff;
	/* overflow: hidden; */
	padding: 0 40px;
	max-width: 100%;
	z-index: 150;
	border-top: 1px solid #efefef;
}

.break_ h1 {
	margin: 0;
	font-size: 14px;
	color: #474e56;
	font-weight: 300;
	line-height: 50px;
	letter-spacing: 0px;
	margin-right: 10px;
	margin-left: 20px;
	float: left;
}

.break_ b {
	font-weight: 600;
	color: #474e56;
}

.break_ h1 i {
	font-weight: normal;
	position: relative;
	margin-right: 5px;
}

.User_ {
	float: left;
	width: 40%;
}

.Date_ {
	float: right;
	width: 60%;
}

.break_ .Date_ h1 {
	float: right;
}

/**/
.items_ {
	position: relative;
	width: 100%;
	padding: 15px 50px;
	text-align: center;
	align-items: center;
}

.title_ {
	margin-bottom: 40px;
	position: relative;
}

.title_ h1 {
	text-align: center;
	color: var(--color1);
	letter-spacing: -1px;
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0px;
	-webkit-animation: fadeInUp .5s ease-in-out .6s both;
	-moz-animation: fadeInUp .5s ease-in-out .6s both;
	-o-animation: fadeInUp .5s ease-in-out .6s both;
	-ms-animation: fadeInUp .5s ease-in-out .6s both;
	animation: fadeInUp .5s ease-in-out .2s both;
	margin-top: 30px;
}

.title_.color_ h1 {
	color: var(--color1);
	text-shadow: none !important;
} 
.title_.color_ h1 small{    
	display: table;
	background: var(--color2);
	color: #fff;
	margin: auto;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	border-radius: 5px;
	margin-bottom: 10px;
}
.title_ h1.mini {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 0px;
	animation: fadeInUp .5s ease-in-out .4s both;
}

.title_ p {
	text-align: center;
	color: #ffffff;
	color: #092c4c;
	letter-spacing: -0.3px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	/* text-shadow: 0px 0px 10px rgba(0,0,0,.15); */
	font-size: 17px;
	-webkit-animation: fadeInUp .5s ease-in-out .8s both;
	-moz-animation: fadeInUp .5s ease-in-out .8s both;
	-o-animation: fadeInUp .5s ease-in-out .8s both;
	-ms-animation: fadeInUp .5s ease-in-out .8s both;
	animation: fadeInUp .5s ease-in-out .6s both;
}

.title_.color_ p {
	color:#6f6f6f;
	text-shadow: none !important;
}

.vote_ {
	position: relative;
	margin-top: 30px;
	z-index: 50;
}

.sections_ {
	background: #fff;
	border-radius: 5px;
	/* box-shadow: 0px 5px 25px rgba(0,0,0,0.02); */
	padding-bottom: 30px;
	padding-top: 30px;
}

.cards_ {
	/*width: 220px;
	margin: 15px 10px;*/
	width: 285px;
	width: 200px;
	margin: 10px 10px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	z-index: 0;
}

.cards_:after {
	background: url(../images/bg_tarjeton.png);
	position: absolute;
	display: block;
	width: 114%;
	height: 200px;
	content: "";
	top: -1px;
	z-index: -1;
	border-radius: 5px 5px 0px 0px;
	left: -2px;
	transition: all .5s ease-in-out;
}

.cards_.hv_ {
	max-width: 90%;
	width: 90%;
	margin: 0px 10px;
	/*Ajuste 02/02/23*/
	display: block;
	margin: 0 auto;
	max-width: 180px;
}

.cards_.hv_:after {
	display: none;
}

.img_ {
	/* background-size: contain; */
	/* background-size: auto 100%; */
	position: relative;
	display: block;
	height: 230px;
	margin: 0 20px;
	z-index: 1;
	border-radius: 5px;
	
}

.vote_ .cards_ .img_{ 
	height: 142px;
	margin: 0 40px;
	border: 3px solid var(--color2);
}

.cards_.hv_ .img_{
	margin: 0px;
}

.infoP {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}

.infoP h1 {
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.2px;
	color: #474e56;
	margin: 0;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 15px;
	font-weight: 400;        
}

.vote_ .cards_ .infoP h1{
	font-size: 0;
	height: 5px;
}

.infoP h2 {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: var(--color1);
	margin: 0 auto;
	margin-bottom: 5px;
	margin-top: 0px;
	position: relative;
	display: table;
}

.infoP h2:after {
	position: absolute;
	content: "#";
	display: block;
	margin: 0 auto;
	top: -5px;
	right: 35px;
	color: rgb(232, 232, 232);
	z-index: -1;
}

.infoP h3 {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 0;
	margin-top: 0px;
	color: #474e56;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -1px;
	padding: 10px 10px;
	/* border-radius: 0px 0px 4px 4px; */
	width: 100%;
	text-transform: capitalize;
	flex-grow: 1;
}

.infoP h3 p{
	margin:0;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.infoP h3 i {
	font-size: 8px;
	font-weight: normal;
	position: relative;
	top: -2px;
}

.infoP h4 {
	text-align: center;
	font-size: 15px;
	line-height: 15px;
	letter-spacing: -1px;
	color: #585763;
	margin: 0;
	margin-bottom: 3px;
	margin-top: 5px;
	font-weight: 500;
}

.targetnumber{
	position: relative;
	z-index: 1;
	padding: 10px 10px 5px;
}

.targetnumber h2{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #474e56;
	color: var(--color2);
}

/*.infoP a{
background-color: #75b337;
color: #FFF;
font-size: 15px;
font-weight: bold;
text-align: center;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
display: block;
margin-top: 10px;
}

.infoP a:hover{
background-color: #58bd14;
color: #ffffff;
outline: none;
}*/

.links_ {
	position: relative;
	border-top: 0px solid #fbfbfb;
	text-align: center;
	margin-top: 0px;
	padding-bottom: 15px;
}

.btn_Votar, .btn_link {
	font-size: 13px;
	text-align: center;
	padding: 10px 15px;
	border-radius: 30px;
	margin-top: 6px;
	letter-spacing: -0.3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	display: inline-block;
}

.btn_link {
	border: 1px solid #eaeaea;
	color: #474e56;
}

.btn_link i {
	color: #596069;
	font-size: 12px;
	font-weight: 100;
	position: relative;
	top: -0.5px;
}

.btn_Votar {
	background-color: var(--color1);
	color: #FFF;
	font-weight: 300;
	padding: 10px 20px;
	margin-bottom: 0px;
	font-size: 15px;
	display: table;
	margin: 0 auto;
	margin-top: 10px;
	display: inline-block;
	letter-spacing: 0px;
}

.btn_Votar.height-45{
	height: 45px;
	line-height: 45px;
	padding: 0px 20px !important;
}

.btn_Votar:hover {
	background-color: var(--color2);
	
	padding: 10px 25px;
	color: #ffffff;
	cursor: pointer;
	outline: none;
}

.btn_link:hover {
	border: 1px solid var(--color1);
	background-color: var(--color1);
	color: #ffffff;
	outline: none;
	padding: 10px 17px;
	text-shadow: 0px 0px 2px #00000059;
}

.btn_link:hover i {
	color: #ffffff;
}

/* */
.results_ .cards_ {
	width: 320px;
	height: 320px;
	margin: 0;
	margin-bottom: 3%;
	margin-top: 2%;
}

.results_ .cards_:after{
	display: none;
}

.results_ .cards_.icon_ {
	/* margin-left: 23%; */
	border-radius: 5px 0px 0px 5px;
	margin-right: -1%;
	border: 0px;
}

.results_ .cards_.icon_ img {
	max-width: 100%;
}

.results_ .cards_.info_ {
	border-radius: 0px 5px 5px 0px;
}

.results_ .infoP {
	margin-top: 100px;
}

.results_ .infoP h1 {
	font-size: 19px;
	line-height: 19px;
}

.results_ .infoP a {
	border-radius: 5px;
	width: fit-content;
	margin: 0 auto;
	margin-top: 10%;
	/* box-shadow: 0px 0px 20px rgba(117, 179, 55, 0.2); */
}

.results_ .infoP a.btn_text {
	display: block;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.3px;
	color:var(--color1);
	transition: all .5s ease-in-out;
}

.results_ .infoP a.btn_text:hover {
	letter-spacing: -0.8px;
	color: var(--color2);
}

/**/
.search_content {
	padding: 0px 0px 0px;
	border: 1px solid #f1f1f1;
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 1200px;
}

.search_content .formulario {
	width: 100%;
}

.search_content .item_ {
	margin-bottom: 0;
	border: 0px solid #f1f1f1;
}

.search_content .item_.br_ {
	border-radius: 5px 0px 0px 5px;
}

.search_content .item_.bl_ {
	border-left: 0px solid #f1f1f1;
	border-radius: 0px 5px 5px 0px;
}

.search_content .header_ {
	border-bottom: 1px solid #efefef;
}

/**/
.basicpdf_{
	width: min-content;
	margin: 0 auto;
	display: block;
	/* max-width: 860px; */
	margin-bottom: 30px;
}

.pcertificado_ {
	max-width: 640px;
	display: block;
	margin: 0 auto;
	background: #fff;
	padding: 40px;
}

.contentp {
	border: 1px solid var(--color1);
	position: relative;
	padding: 30px 30px 60px 30px;
}

.logoc {
	max-height: 96px;
	margin-bottom: 30px;
}

.pcertificado_ h1 {
	font-size: 24px;
	letter-spacing: -0.5px;
	margin: 0;
}

.pcertificado_ h2 {
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	display: block;
}

.pcertificado_ h3 {
	letter-spacing: -0.7px;
	margin: 80px 0px 5px 0px;
}

.pcertificado_ p {
	font-size: 19px;
	letter-spacing: -0.7px;
	margin: 0;
}

.tilevote {
	background: var(--color1);
	padding: 25px;
	margin: 40px 0px 60px 0px;
}

.tilevote h1 {
	color: #fff;
}

.pdownload_ {
	max-width: 640px;
	display: block;
	margin: 0 auto;
	margin-bottom: 70px;
	padding: 0px 40px 0px 40px;
}

.pdownload_ a {
	margin: 0;
	display: inline-block;
	padding: 20px;
	font-size: 17px;
}

/**/
/**/
.pboleta_ {
	max-width: 460px;
	display: block;
	margin: 0 auto;
	background: #FFF;
	padding: 40px;
	margin-bottom: 25px;
}

.pboleta_ img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.pboleta_ .contentp{
	background: #f7f7f7;
	border: 0px solid;
	padding:40px 0px 40px 0px;
}

/*.pboleta_ .contentp:after,
.pboleta_ .contentp:before{
content: '';
position: absolute;
left: 0px;
height: 10px;
width: 380px;
}

.pboleta_ .contentp:after{
background: radial-gradient(circle, transparent, transparent 50%, #f7f7f7 50%, #f7f7f7 100%) 0px -15px/25px 25px repeat-x;
top: -7px;
}

.pboleta_ .contentp:before{
background: radial-gradient(circle, transparent, transparent 50%, #f7f7f7 50%, #f7f7f7 100%) 0px 0px/25px 25px repeat-x;
bottom: -7px;
}*/

.pboleta_ .logoc {
	min-height: 50px;
	height: 50px;
	margin-bottom: 0px;
}

.bolet_box{
	position: relative;
	padding: 0px 0px 0px 0px;
}

.pboleta_ .tilevote{
	background: #f1f1f1;
	border: 1px solid #cacaca;
	border: 1px dashed #cacaca;
	border-left: 0px;
	border-right: 0px;
	margin: 10px 0px;
	padding: 0;
	padding-right: 50px;
}

.pboleta_ .tilevote h1 {
	color: #419d54;
	margin: 0;
	padding: 10px;
	font-size: 29px;
}

.pboleta_ .tilevote h2 {
	margin: 0;
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #424242;
	padding: 10px 25px;
	border-bottom: 1px dashed #dadada;
}

.vertical-text {
	writing-mode: vertical-rl;
	position: absolute;
	right: 10px;
	/*background: #419d54;*/
	top: 0;
	bottom: -7px;
	border-radius: 0px 0px 5px 5px;
	/*padding: 20px 10px;*/
	text-align: right;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
	z-index: 1;
	color: #fff;
}

.vertical-text span {
	text-orientation: upright;
}

.barr_{
	position: relative;
	text-align: center;
	padding-right: 50px;
	margin: 20px 0px 0px 0px;
}

.center_bar{
	text-align: center;
	display: inline-block;
	margin: 0 auto;
}

.barr_ img{
	position: relative;
	float: left;
}

/*.barr_:after{
position: absolute;
display: block;
content: "";
background-image: url(../images/ticket_top.png);
top: 0px;
right: 0px;
width: 100%;
height: 40px;
}*/

.barr_:before{
	position: absolute;
	display: block;
	content: "";
	top: -3px;
	width: 100%;
	border-top: 1px dashed #dadada;
}

.barr_ h2{
	margin: 0;
	font-size: 12px;
	letter-spacing: 0px;
	color: #848484;
	padding: 0px 35px;
	position: relative;
	z-index: 1;
	background: #e0e0e0;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
	float: left;
}

.pboleta_ .pcertificado_{
	background: transparent;
	padding: 20px 40px;
	padding-right: 90px;
}

.section_colg .pboleta_ .pcertificado_ h1 {
	font-size: 18px;
}

.pboleta_ .pcertificado_ p {
	font-size: 15px;
}

.pboleta_ .pcertificado_ h3{
	margin: 20px 0px 5px 0px;
	font-size: 16px;
}

.pboleta_ .votepremio{
	padding-right: 50px;
}

.pboleta_ .votepremio h2{
	position: relative;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: -0.5px;
	font-weight: 800;
	color: #353535;
	display: table;
	margin: 0 auto;
	background: #d8d8d8;
	z-index: 1;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
}

.pboleta_ .votepremio h2:before,
.pboleta_ .votepremio h2:after{
	border-style: solid;
	height: 0;
	width: 0;
	display: block;
	content: "";
	position: absolute;
	top: 0px;
	bottom: auto;
	z-index: -1;
}

.pboleta_ .votepremio h2:before{
	border-width: 15px 10px 15px 0px;
	right: -10px;
	border-color: #d8d8d8 transparent #d8d8d8 #d8d8d8;
}

.pboleta_ .votepremio h2:after{
	border-width: 15px 0px 15px 10px;
	left: -10px;                    
	border-color: #d8d8d8 #d8d8d8 #d8d8d8 transparent;
}

.pboleta_ .votepremio img{
	display: block;
	margin: 0 auto;
	height: 100px;
}

/**/
.section_colg{
	max-width: 1200px;
	margin: 0 auto;
}

.section_colg .pcertificado_ {
	max-width: 500px;
}

.section_colg .pcertificado_ h1 {
	font-size: 20px;
}

.section_colg .pcertificado_ .contentp{
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}

/*============================================================================================================
============================================================================================================
============================================================================================================
=============================================================================================================*/
/* ============================
BASE DE NAVEGACIÓN
============================ */
.nav { float: right;
}

/* ============================
BOTONES TOGGLE (SOLO MÓVIL)
============================ */
#menuprincipal-toggle{
	display: none;
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	background: var(--color1);
	height: 50px;
	width: 50px;
	color: #fff;
}

/* ============================
MENÚ PRINCIPAL (#menuprincipal)
============================ */
#menuprincipal a {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.2px;
	/* height: 49px; */
	line-height: 50px;
	padding: 0 15px;
	position: relative;
	transition: all .25s ease-in-out;
}
#menuprincipal a i {
	margin-right: 5px;
	font-size: 11px;
	position: relative;
	top: -1px;
}
#menuprincipal li { position: relative; margin: 0; padding: 0;
}
#menuprincipal .has-children a { padding-right: 1.5em;
}
#menuprincipal .menu-icon {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 48px;
	padding-right: 0.5em;
}
#menuprincipal .menu-icon:after { content: "+"; font-weight: 400; display: inline-block; transition: transform .25s ease-in-out;
}
#menuprincipal .sub-menu {
	border-width: 0;
	transition: opacity .25s, visibility .25s, height .25s ease-in-out;
	opacity: 0; visibility: hidden; height: 0;
	background-color: #fff; width: 100%; border-radius: 0 0 4px 4px;
	box-shadow: 0 7px 30px -5px rgba(0,0,0,0.03);
}
#menuprincipal .sub-menu li { 
	display: block; 
	color: rgba(0,0,0,0.75);
}



#menuprincipal .sub-menu li a {
	color: #474e56;
	display: block;
	font-size: 14px;
	line-height: normal;
	padding: 16px 13px;
	font-weight: 400;
}
#menuprincipal .sub-menu li a:hover {background: #f6f6f6;
}
#menuprincipal li, #menuprincipal a { display: inline-block;
}
#menuprincipal > li a { color: #474e56;
}
#menuprincipal > li a:hover, #menuprincipal > li a:active, #menuprincipal > li a:focus { color: #373f48;
}
#menuprincipal > li a:hover i, #menuprincipal > li a:active i, #menuprincipal > li a:focus i { color: var(--color1);
}

/* Información extra */
#menuprincipal .menu-info h1 {
	color: #474e56;
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
	min-height: 40px;
	margin: 0;
	padding: 7px 15px;
	width: 100%;
}
#menuprincipal .menu-info h1 i {font-size: 9px;top: -1px;
}
#menuprincipal .menu-info h1 b {display: block;margin-top: 2px;font-size: 14px;font-weight: 600;
}
#menuprincipal .menu-item hr {
	background: rgb(0 0 0 / 8%);
	width: 100%;
	border: 0;
	height: 1px;
	box-shadow: none;
	margin: 0;
}

/* ============================
MENÚ PRESENTACIÓN (#nav_estrategia)
============================ */
#nav_estrategia-toggle {
	display: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
	background: #262626;
	height: 50px;
	width: 50px;
	color: #fff;
	z-index: 10000; 
	position: fixed;
	right: 10px;
	border-radius: 0px 0px 10px 10px;
}


#nav_estrategia { margin: 0; padding: 0; list-style: none;
}
#nav_estrategia li { position: relative; margin: 0; padding: 0;
}
#nav_estrategia a {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.2px;
	height: 49px;
	line-height: 50px;
	padding: 0 20px;
	position: relative;
	transition: all .25s ease-in-out;
	color: #474e56;
	color: rgba(255, 255, 255, 0.7);
}
#nav_estrategia a:hover, 
#nav_estrategia a:active, 
#nav_estrategia a:focus,
#nav_estrategia li.menu-item-current a {
	color: #ffffff;
	font-weight: 400; 
	background: var(--color1);
}
#nav_estrategia .menu-icon {
	position: absolute; top: 0; right: 0; line-height: 50px; padding-right: 0.5em;
}
#nav_estrategia .menu-icon:after {
	content: "+"; font-weight: 400; display: inline-block; transition: transform .25s ease-in-out;
}
#nav_estrategia .sub-menu {
	border-width: 0;
	transition: opacity .25s, visibility .25s, height .25s ease-in-out;
	opacity: 0;
	visibility: hidden;
	height: 0;
	background: #262626;
	width: 100%;
	border-radius: 0 0 4px 4px;
	/* box-shadow: 0 7px 30px -5px rgba(0,0,0,0.03); */
}
#nav_estrategia .sub-menu li a {
	background: #262626;
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 30px;
	height: auto;
	padding: 10px 15px;
	font-weight: 300;
}
#nav_estrategia .sub-menu li a:hover {background: #262626;
}
#nav_estrategia .sub-menu li a.active {background: #363637;
}

#nav_estrategia li, #nav_estrategia a { display: inline-block;
}

#nav_estrategia .sub-menu li { display: block;
}

/* ============================
ESCRITORIO (≥992px) - Hover habilitado
============================ */
@media only screen and (min-width: 992px) {
	#menuprincipal li:hover > a > .menu-icon:after,
	#nav_estrategia li:hover > a > .menu-icon:after { transform: rotate(45deg);
	}
	#menuprincipal li:hover > .sub-menu,
	#nav_estrategia li:hover > .sub-menu {
		opacity: 1; visibility: visible; height: auto;
		animation: fadeInUp .3s ease-in-out .1s both;
	}
	#menuprincipal .sub-menu,
	#nav_estrategia .sub-menu { position: absolute; min-width: 200px;
	}
	#menuprincipal .sub-menu .sub-menu,
	#nav_estrategia .sub-menu .sub-menu { top: 5px; right: 100%; border-radius: 4px 0 4px 4px;
	}
	#menuprincipal .menu-icon, #nav_estrategia .menu-icon { pointer-events: none;
	}
	#menuprincipal > li.menu-item-current:after {
		content: ""; display: block; width: 30%; height: 2px; margin: 0 auto; bottom: 0;
		background: var(--color1); position: absolute; left: 0; right: 0; border-radius: 10px;
		animation: fadeInDown .35s ease-in-out .7s both;
	}
	#menuprincipal > li.menu-item-current a { color: var(--color1); font-weight: 600;
	}
}

/* ============================
MÓVIL (≤991px)
============================ */
@media only screen and (max-width: 991px) {
	#menuprincipal-toggle { display: block;
	}
	#nav_estrategia-toggle { display: block;
	}
	#menuprincipal, #nav_estrategia {
		/* display: none;  */
		width: 100%; 
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.5s ease-in-out;
	}
	#menuprincipal.open, #nav_estrategia.open { 
		/* display: block; */
		height: auto;
		max-height: 500px;
		transition: max-height 0.5s ease-in-out;
	}
	
	#menuprincipal li, #menuprincipal a,
	#nav_estrategia li, #nav_estrategia a { 
		display: block;
		border-radius: 5px;
	}
	
	#menuprincipal .sub-menu .sub-menu li {     
		background: #f5f5f6;
	}
	#nav_estrategia .sub-menu li a{
		border-radius: 5px;
	}
	
	/* Submenús controlados por JS */
	#menuprincipal .sub-menu, #nav_estrategia .sub-menu {
		display: none !important; opacity: 1 !important; visibility: visible !important;
		height: auto !important; position: relative !important; box-shadow: none !important;
	}
	#menuprincipal .menu-item.open > .sub-menu,
	#nav_estrategia .menu-item.open > .sub-menu { display: block !important;
	}
	
	/* Quitar hover móvil */
	#menuprincipal li:hover > .sub-menu,
	#nav_estrategia li:hover > .sub-menu { display: none !important;
	}
	
	#menuprincipal .sub-menu li.menu-info { display: none;
	}
}



/* default style */
/* .selectnav {
display: none;
} */


/*============================================================================================================
============================================================================================================
============================================================================================================
=============================================================================================================*/

body.login_ {    
	background-repeat: no-repeat;
	background: -moz-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(234, 234, 236)), color-stop(70%, rgba(53,29,105,1)), color-stop(70%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgb(234, 234, 236) 0%, rgb(234, 234, 236) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgb(228, 232, 235) 0%, rgb(228, 232, 235) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgb(228, 232, 235) 0%, rgb(228, 232, 235) 70%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	/*background: rgb(40, 112, 108);*/
}

.login_ #bg {
	overflow: hidden;
	height: 100%;
	background-position: center center;
	background-size: 100% auto;
	/*background-color: #351d69;*/
}

.login_ #bg img {
	width: 100%;
	height: auto;
}

.login_ .Info_ {
	margin-bottom: 0px;
	min-height: auto;
	height: 100%;
	z-index: 100;
	position: relative;
	width: 30%;
	left: 5%;
}

.login_ .Info_ .box {
	margin-bottom: 0px;
	width: auto;
	max-width: 380px;
	padding-top: 30px;
	position: relative;
	top: 50%;
	transform: translateY(-52%);
}

.banner_login {
	position: relative;
	padding-bottom: 60px;
	padding-bottom: 0px;
	/*height: 100%;*/
	height: calc(100% - 85px);
}

.login_ .Form_ {
	background: #fff;
	min-height: 360px;
	position: relative;
	padding: 10px 30px;
	box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.08);
	margin-top: -1px;
}

.login_ .Form_postulacion {
	padding-bottom: 70px;
}

.login_ .formulario .input_, .login_ textarea {
	height: 40px;
	line-height: 40px;
	width: 100%;
}

.login_ .formulario select {
	height: 40px;
	line-height: 40px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #43484c;
	background: url(../images/cd-icon-arrow.png) no-repeat 95% center;
	background-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: #fcfcfc;
	width: 100%;
}
.login_ .formulario select:hover {
	background-color: #f5f5f5;
}

.captcha_{
	margin-bottom: 10px;
}

.login_ .radio_ {
	margin-bottom: 10px;
}

.login_ .Form_ p {
	font-size: 14px;
	text-align: center;
	letter-spacing: 0;
	margin-bottom: 10px;
	color: #43484c;
	font-weight: 400;
}

.login_ .Form_ p.small_ {
	display: inline-block;
	font-size: 11px;
	margin: 0px 3px;
	color: #9e9e9e;
}

.login_ .footer {
	/*background: transparent;*/
	padding-top: 20px;
}

.login_ .footer.relative.foo_campana, .foo_campana {
	padding: 24px 40px 21px;
}

.login_ .foo_campana:after{
	display: none;
}

.login_ .logo img {
	height: 110px;
}

.bg_pots {
	position: absolute;
	width: 100%;
	right: 0;
	left: 0;
	bottom: -5px;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
} 

.bg_pots img{
	display: block;
}

.bg_frase {
	display: block;
	position: relative;
	/* float: left; */
	/* margin-left: 5%; */
	/* margin-top: -125px; */
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 0;
}

.login_ .btn_enlaces {
	position: absolute;
	/* z-index: 1001; */
	top: 160px;
	right: -45px;
	transition: all .25s ease-in-out;
}

.login_ .icon_support {
	right: -80px;
	bottom: -11px;
}

.login_ .btn-toggle:hover .icon_support {
	bottom: -20px;
}

.login_ .btn-toggle .openClose {
	left: 20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.login_ .btn_enlaces span {
	right: -30px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: .2;
	top: -16px;
	width: 60px;
	height: 64px;
}

.login_ .ripple_port {
	right: -8px;
	animation: ripple_port 2.5s linear infinite;
	opacity: .1;
}

.login_ .close_toggle .ripple_port {
	right: 17px;
	z-index: -1;
}

.login_ .seccionToggle {
	bottom: auto;
	border-radius: 8px;
	right: auto;
	margin: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.login_.helpFilter_ .btn_enlaces {
	/* position: fixed; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	/* right: 0; */
	/* z-index: 10000007; */
	opacity: 0;
	top: 180px;
}

.login_.helpFilter_ .fliter_ex {
	position: fixed;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	z-index: 99;
	transition: all .25s ease-in-out;
	background: rgba(0, 0, 0, 0.35);
	/*pointer-events: none;*/
}

/*______________________________________________________*/
/*  ENLACES  DESPLEGABLE */
.seccionToggle {
	display: none;
	height: auto;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
	padding: 0px;
	z-index: 1000;
	/* overflow: hidden; */
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	max-width: 400px;
	width: 400px;
	border-radius: 8px;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
	right: 30px;
}

.login_ .seccionToggle {
	max-width: 420px;
	width: 420px;
}

.btn_enlaces {
	position: fixed;
	/* background-color: red; */
	z-index: 1001;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.btn_enlaces span {
	pointer-events: none;
	position: absolute;
	content: "";
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0) 49%, rgb(242, 242, 242) 50%, rgb(242, 242, 242) 100%);
	/* background: #fff; */
	top: -7px;
	/*right: -17px;*/
	right: -16px;
	z-index: -1;
	-webkit-transform: rotate(-75deg);
	-moz-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	transform: rotate(-75deg);
}

.btn_enlaces .span-close {
	right: 397px;
	-webkit-transform: rotate(450deg);
	-moz-transform: rotate(450deg);
	-ms-transform: rotate(450deg);
	transform: rotate(450deg);
}

.btn-toggle .openClose {
	position: relative;
	z-index: 100;
	width: 50px;
	height: 50px;
	text-align: center;
	text-indent: 3px;
	line-height: 50px;
	color: #FFF;
	display: block;
	background: var(--color1);
	border-radius: 50%;
	box-shadow: 0px 16px 30px -6px rgba(0,0,0,.5);
	/*left: 10px;*/
	left: 10px;
	font-style: normal;
}

.btn-toggle .openClose:hover {
	background: var(--color1);
	color: #fff !important;
	text-decoration: none;
}

.btn-close .openClose {
	right: 404px;
	left: auto;
	background: var(--color1);
}

.btn-close .openClose:before {
	font-family: 'FontAwesome';
	content: "\f00d";
	font-size: 14px;
	color: #fff;
	display: block;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: relative;
	right: -1px;
}

.btn-open .openClose:before {
	font-family: 'FontAwesome';
	content: "\f067";
	font-size: 14px;
	color: #fff;
	display: block;
	right: 2px;
	position: relative;
}

.openClose, .btn-close, .btn-toggle, .btn-close:before, .btn-open:before, .btn_enlaces span, .close_toggle {
	-webkit-transition: all 0.2s ease-in-out !important;
	-moz-transition: all 0.2s ease-in-out !important;
	-ms-transition: all 0.2s ease-in-out !important;
	-o-transition: all 0.2s ease-in-out !important;
	transition: all 0.2s ease-in-out !important;
}

.close_toggle {
	position: absolute;
	z-index: 100;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 49px;
	color: #FFF !important;
	display: block;
	background: var(--color1);
	border-radius: 50%;
	top: 20px;
	right: -25px;
	animation: fadeInUp .35s ease-in-out 1s both;
}

.close_toggle:hover {
	background-color: var(--color2);
}

/* ICONO SOPORTE */
.icon_support {
	position: absolute;
	width: 160px;
	height: auto;
	max-width: 160px;
	right: -30px;
	bottom: -10px;
	z-index: -1;
	transition: all 0.1s ease-in-out !important;
	opacity: 1;
}

.btn-close .icon_support {
	opacity: 0;
	bottom: -15px;
}

.ripple_port {
	text-decoration: none;
	color: #fff;
	width: 15px;
	height: 15px;
	background-color: #ffffff;
	margin: 0 auto;
	border-radius: 100px;
	pointer-events: none;
	margin-top: -30px;
	right: 10px;
	-webkit-animation: ripple_port 0.8s linear infinite;
	animation: ripple_port 1s linear infinite;
	position: absolute;
	z-index: -20;
	opacity: .3;
}

/*.item_trans a:hover .ripple_port{
opacity: .7;
-webkit-animation: ripple_port_hover 0.95s linear infinite;
animation: ripple_port_hover 0.95s linear infinite;
}*/

@-webkit-keyframes ripple_port {
	0% {
		box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.2), 0 0 0 40px rgba(241, 241, 241, 0.1), 0 0 0 30px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.2);
	}
	
	100% {
		box-shadow: 0 0 0 40px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.05), 0 0 0 60px rgba(241, 241, 241, 0.2), 0 0 0 90px rgba(241, 241, 241, 0);
	}
}

@keyframes ripple_port {
	0% {
		box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.2), 0 0 0 40px rgba(241, 241, 241, 0.1), 0 0 0 30px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.2);
	}
	
	100% {
		box-shadow: 0 0 0 40px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.05), 0 0 0 60px rgba(241, 241, 241, 0.2), 0 0 0 90px rgba(241, 241, 241, 0);
	}
}
/* */
@-webkit-keyframes ripple_port_hover {
	0% {
		box-shadow: 0 0 0 0 rgba(241, 241, 241, 0.2), 0 0 0 40px rgba(241, 241, 241, 0.1), 0 0 0 30px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.2);
	}
	
	100% {
		box-shadow: 0 0 0 40px rgba(241, 241, 241, 0.2), 0 0 0 60px rgba(241, 241, 241, 0.05), 0 0 0 60px rgba(241, 241, 241, 0.2), 0 0 0 90px rgba(241, 241, 241, 0);
	}
}

@keyframes ripple_port_hover {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 131, 0, 0.1), 0 0 0 40px rgba(255, 131, 0, 0.1), 0 0 0 30px rgba(0255, 131, 0, 0.1), 0 0 0 60px rgba(255, 131, 0, 0.1);
	}
	
	100% {
		box-shadow: 0 0 0 40px rgba(255, 131, 0, 0.1), 0 0 0 60px rgba(255, 131, 0, 0.05), 0 0 0 60px rgba(255, 131, 0, 0.1), 0 0 0 90px rgba(255, 131, 0, 0);
	}
}

.ripple_black {
	text-decoration: none;
	color: #fff;
	width: 5px;
	height: 5px;
	background-color: #ffffff;
	margin: 0 auto;
	border-radius: 100px;
	pointer-events: none;
	right: 63px;
	top: 18px;
	-webkit-animation: ripple_black 2s linear infinite;
	animation: ripple_black 2s linear infinite;
	position: absolute;
	z-index: -20;
	opacity: .2;
}
@keyframes ripple_black {
	0% {
		box-shadow: 0 0 0 0 rgb(0 0 0 / 30%), 0 0 0 16px rgb(0 0 0 / 30%), 0 0 0 18px rgb(0 0 0 / 30%), 0 0 0 20px rgb(0 0 0 / 30%);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(0 0 0 / 30%), 0 0 0 19px rgb(0 0 0 / 30%), 0 0 0 35px rgb(0 0 0 / 0%), 0 0 0 45px rgb(0 0 0 / 0%);
	}
}
/**/

.b_modal {
	position: relative;
	display: block;
	margin: 25px 30px 30px;
	padding: 0px 10px;
	max-height: 580px;
	overflow: hidden;
	overflow-y: auto;
}

.info_soporte hr {
	height: 1px;
	box-shadow: none;
	border: none;
	width: 80%;
	display: block;
	background: #f7f7f7;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 25px;
}

.info_soporte h1 {
	font-size: 16px;
	line-height: 17px;
	letter-spacing: -0.5px;
	margin: 0;
	color: #202125;
	font-weight: 700;
}

.info_soporte h2 {
	font-size: 16px;
	line-height: 17px;
	letter-spacing: -0.5px;
	margin: 0;
	color: var(--color1);
	font-weight: 600;
}

.info_soporte p {
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0px;
	color: #474e56;
	margin: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: 300;
}

.head_modal {
	position: relative;
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,.02);
}

.head_modal h1 {
	display: inline-block;
	font-size: 17px;
	line-height: 16px;
	letter-spacing: -0.7px;
	margin: 0;
	color: var(--color1);
	font-weight: 700;
	margin-top: 60px;
}

.head_modal img {
	max-height: 70px;
	display: inline-block;
	position: absolute;
	left: 30px;
}

/* Listado items */
/*.seccionToggle ol li{
line-height: 18px;
letter-spacing: normal;
position: relative;
display: table;
list-style-type: none;
counter-increment: step-counter;
margin-bottom: 10px;
padding: 10px;
text-align: center;
color: #848484;
font-weight: 300;
font-size: 15px;
animation-duration: 1s;
width: 100%;
}       

.seccionToggle ol li::before {
content: counter(step-counter);
background-color: #1f2041;
color: #fff;
font-weight: bold;
font-size: 10px;
font-family: 'Poppins', sans-serif;
border-radius: 50%;
width: 20px;
height: 20px;
display: block;
text-align: center;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
}

.seccionToggle ol li:after {
width: 1px;
height: 0%;
position: absolute;
content: "";
background: #fff;
display: block;
top: 0px;
top: 30px;
left: 9px;
z-index: -1;
}

.seccionToggle ol li:nth-child(1){animation-delay: 0s;
}
.seccionToggle ol li:nth-child(2){animation-delay: 0.1s;
}
.seccionToggle ol li:nth-child(3){animation-delay: 0.2s;
}

.seccionToggle a{
display: block;
position: relative;
width: 100%;
text-align: center;
}

.seccionToggle img{
max-height: 80px;
display: block;
margin: 0 auto;
width: auto;
}

.seccionToggle h1{
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: #1f2041;
margin: 0;
font-weight: 400;
letter-spacing: -1px;
line-height: 14px;
position: relative;
}

.seccionToggle h1 b{
font-family: 'Poppins', sans-serif;
font-weight: 900;
letter-spacing: -1px;
word-spacing: normal;
font-size: 17px;
}

.seccionToggle h1:after{
width: 0px;
height: 1px;
position: absolute;
content: "";
background: #fff;
display: block;
bottom: -5px;
left: 0;
right: 0;
margin: auto;
}

.seccionToggle li:hover a img{
animation:bounceIn 1.5s ease-in-out;
-webkit-animation:bounceIn 1.5s ease-in-out;
}

.seccionToggle li:hover a h1{
color: #ffffff;
}

.seccionToggle li:hover h1:after{
width: 50%;
}        

.seccionToggle li,.seccionToggle ol li:after, .seccionToggle a h1, .seccionToggle a h1:after{
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}*/

/*   EFECTOS - ANIMACION ICONOS */
.effectSwing {
	animation: swing 1s infinite;
	-webkit-animation: swing 1s infinite;
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.effectTada {
	animation: tada 2s infinite;
	-webkit-animation: tada 2s infinite;
}

.effectBounce {
	animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
}

.effectPulse {
	animation: pulse 2s infinite;
	-webkit-animation: pulse 2s infinite;
}

.effectShake {
	animation: shake 2s infinite;
	-webkit-animation: shake 2s infinite;
}

/**/
#bg.bg_extr,
.bg_extr {
	height: 300px;
	position: relative;
	margin-bottom: -150px;
	margin-bottom: -110px;
	margin-top: 90px;
}

.bg_extr .image_ {
	width: 100%;
	height: 100%;
	position: absolute;
	background-position: center top;
}

.page_external .Form_ {
	-webkit-animation: fadeIn 1s ease-in-out 1s both;
	-moz-animation: fadeIn 1s ease-in-out 1s both;
	-o-animation: fadeIn 1s ease-in-out 1s both;
	-ms-animation: fadeIn 1s ease-in-out 1s both;
	animation: fadeInUp .5s ease-in-out .2s both;
}

.page_external .footer.relative {
	animation: fadeInUp .5s ease-in-out .3s both;
}

.page_external .vote_ {
	margin-top: 0px;
}

.options_btn .filter_btn,
.filter_btn {
	border-radius: 50px;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.5px;
	margin-top: 5px;
	display: block;
}

.filter_btn i {
	margin-right: 5px;
}

.page_external .sections_ {
	padding-top: 0px;
	box-shadow: 0px 0px 45px rgba(0,0,0,0.02);
}

.page_external .sections_ .cards_ .img_{
	margin-top: 20px;
} 

.title_card {
	padding: 20px;
	border-bottom: 1px solid #f7f7f7;
	background: var(--color1);
	text-align: left;
	border-radius: 4px 4px 0px 0px;
	clear: both;
}

.title_card h4 {
	margin: 0;
	color: #fff;
	font-weight: 400;
}

/*______________*/
.alert {
	padding: 15px;
	color: #fff;
	width: 90%;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	border-radius: 3px;
	text-align: left;
}

.alert {
	opacity: 1;
	transition: opacity 0.2s;
}

/* The close button */
.closebtn {
	margin-left: 15px;
	color: white;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
	color: black;
}

/* COLOR */
.alert-success {
	color: #3c763d;
	background-color: #c5e1a5;
}

.alert-info {
	color: #31708f;
	background-color: #d9edf7;
}

.alert-warning {
	color: #8a6d3b;
	background-color: #ffd54f;
}

.alert-danger {
	color: #9a4846;
	background-color: #e57373;
}

/**/
.btn_campaign {
	position: fixed;
	z-index: 10;
	bottom: 0px;
	left: 20px;
	animation: fadeInUp .7s ease-in-out .9s both;
}

.btn_campaign .btn_ {
	display: block;
	margin: 0;
	padding: 0;
	height: 80px;
	overflow: hidden;
}

.btn_campaign .btn_ img {
	height: 80px;
}

.btn_campaign .ripple_port {
	z-index: 100;
	width: 5px;
	height: 5px;
	margin-top: -50px;
	right: auto;
	left: 45px;
}

/**/
.btn_campaignV2 {
	position: absolute;
	z-index: -1;
	top: 60px;
	right: -130px;
	animation: fadeInUp .7s ease-in-out .9s both;
}

.btn_campaignV2 .btn_ {
	display: block;
	margin: 0;
	padding: 0;
	height: 190px;
	overflow: hidden;
}

.btn_campaignV2 .btn_ img {
	height: 100%;
}

.btn_campaignV2 .ripple_port {
	z-index: 100;
	width: 5px;
	height: 5px;
	margin-top: -130px;
	right: auto;
	left: 80px;
	opacity: .2;
}

/**/
.busqueda_ {
	border-radius: 5px;
	margin: 0 auto;
	margin-bottom: 20px;
	animation: fadeInUp 1s ease-in-out .9s both;
}

.tilt h2 {
	text-align: left;
	font-size: 16px;
	letter-spacing: -1px;
}

.busqueda_ .box_ {
	width: 320px;
	display: inline-block;
	background: #fff;
	padding: 10px;
	margin: 0 10px;
	border-radius: 5px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
}

.busqueda_ .back_ {
	height: 260px;
	border-radius: 5px;
}

.busqueda_ .infoP {
	padding-top: 10px;
}

.busqueda_ a {
	margin-top: 15px;
	border-radius: 50px;
	padding: 15px 30px;
}

/* === TATIANA === */

.in_ {
	animation: fadeInUp .8s ease-in-out .3s both !important;
	display: block;
	z-index: 50;
}

.out_ {
	animation: fadeOutDown .8s ease-in-out .9s both !important;
	display: none;
	z-index: 50;
}

.outUp_ {
	animation: fadeOutUp .25s ease-in-out 0s both !important;
	opacity: 0;
	height: 0;
	transition: all .25s ease-in-out;
}

#bg.bg_extr.bg_transitions, .bg_extr.bg_transitions {
	overflow: hidden;
	transition: all .9s ease-in-out .3s, height .8s ease-in-out 0s;
	height: 85px;
}

.btn_backFilter {
	background-color: #f4f3f4;
	color: #a5a5a5;
	font-weight: bold;
	border-radius: 5px;
	padding: 15px 30px;
	font-size: 15px;
	position: relative;
	z-index: 5;
	float: right;
}

.btn_backFilter i {
	font-size: 12px;
	position: relative;
	top: -1px;
	margin-right: 3px;
}

.btn_backFilter:hover {
	background-color: #616161;
	color: #ffffff;
	cursor: pointer;
	outline: none;
}

#listView .cards_ {
	margin: 0px 0px;
	padding: 5px 5px;
}


.campana_page .items_ {
	padding: 0px 24px !important;
}

.campana_page .busqueda_ .box_ {
	width: 220px !important;
}

.campana_page .busqueda_ .back_ {
	height: 150px !important;
}


.campana_page .k-block, .k-draghandle, .k-inline-block, .campana_page .k-widget {
	border-width: 0px !important;
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4);
}

.campana_page .formulario {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.campana_page .Form_ {
	padding: 0px;
}

/* === ELECCIONES === */
.elecciones_ {
	background-color: #fff !important;
	background: #fff !important;
}

.elecciones_ #bg.bg_extr, .elecciones_ .bg_extr {
	margin-top: 0px;
	height: auto;
	background: #f9f9fb;
	margin-bottom: 0px;
	padding: 0;
	margin: 0;
	overflow: visible;
}

.elecciones_ #bg img {
	position: relative;
	min-height: auto;
	min-width: auto;
	padding: 0;
	margin: 0 auto;
	display: block;
	/*margin-bottom: -5px;*/
	z-index: 10;
	max-width: 100%;
	min-height: 55px;
	object-fit: cover;
	object-position: left top;
}

/*.elecciones_ .bg_extr:after {
background-image: url(../images/sombra_etapa2.png);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 100%;
height: 90px;
content: "";
display: block;
bottom: -87px;
z-index: -2;
opacity: 0.2;
}*/

/*.elecciones_ .bg_extr:before{
position: absolute;
z-index: -1;
content: '';
right: 0;
left: 0px;
margin: 0 auto;
width: 0px;
bottom: -100px;
border-style: solid;
border-width: 50px 50px 50px 50px;
border-color: #81ae38 transparent transparent transparent;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: transform;
transition-property: transform;
pointer-events: none;
animation: fadeInDown .5s ease-in-out .2s both;
}*/

/*.elecciones_ .bg_extr:before, .elecciones_ .bg_extr:after{
z-index: -1;
position: absolute;
content: "";
bottom: 30px;
left: 30px;
width: 50%;
top: 80%;
background: rgba(0, 0, 0, 0.1);
box-shadow: -10px 25px 30px rgba(0, 0, 0, 0.2);
transform: rotate(-5deg);
}

.elecciones_ .bg_extr:after{
transform: rotate(5deg);
right: 30px;
left: auto;
box-shadow: 10px 25px 30px rgba(0, 0, 0, 0.2);
}*/

.elecciones_ .Conten_ {
	padding-top: 0px;
}

.iconos_campana {
	padding: 0% 5%;
	position: relative;
	z-index: 1;
}

.in_zona {
	position: relative;
}

.in_zona:before {
	position: absolute;
	z-index: -1;
	content: '';
	right: 0;
	left: 0px;
	margin: 0 auto;
	width: 0px;
	top: 0px;
	border-style: solid;
	border-width: 50px 50px 50px 50px;
	border-color: #81ae38 transparent transparent transparent;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: transform;
	transition-property: transform;
	pointer-events: none;
	animation: fadeInDown .5s ease-in-out .2s both;
	display: none;
}

.in_zona .itemE_ {
	padding: 60px;
	position: relative;
}

.in_zona a {
	max-width: 330px;
	display: block;
	margin: 0 auto;
	position: relative;
}

.in_zona img {
	display: block;
	margin: 0 auto;
	animation: fadeInUp .5s ease-in-out .2s both;
	max-width: 100%;
}

.in_zona a:after {
	background-image: url(../images/cursor_.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 90px;
	height: 90px;
	content: "";
	display: block;
	bottom: -20px;
	right: -40px;
	z-index: 10;
}

.in_gestion {
	position: relative;
}

.in_gestion .itemE_ {
	padding: 0px 10px;
}

.in_gestion a {
	max-width: 270px;
	display: block;
	margin: 0 auto;
	margin-top: 15px;
}

.unser_ {
	position: relative;
}

.unser_ a {
	position: relative;
}

.unser_ img {
	max-width: 100%;
}

.top_img {
	position: absolute;
	transition: all .3s ease-in-out;
}

.unser_ a:hover .top_img {
	margin-top: 25px;
}

/**/
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	
	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@keyframes hvr-icon-hang {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	
	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@-webkit-keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

@keyframes hvr-icon-hang-sink {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}

.in_zona a:hover:after {
	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	-webkit-animation-duration: .2s, 1.5s;
	animation-duration: .2s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}

/**/
.eleccionesList_ .Conten_ {
	padding-top: 40px;
}

.eleccionesList_ .Conten_:after {
	z-index: -2;
	background-image: url(../images/preview_2.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 90px;
	content: "";
	display: block;
	top: 0px;
	right: 0px;
}

/*.eleccionesList_ .Conten_:before{
position: absolute;
z-index: 1;
content: '';
right: 0;
left: 0px;
margin: 0 auto;
width: 0px;
top: 0px;
border-style: solid;
border-width: 50px 50px 50px 50px;
border-color: #81ae38 transparent transparent transparent;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: transform;
transition-property: transform;
pointer-events: none;
animation: fadeInDown .5s ease-in-out .2s both;
}*/

.eleccionesList_ .sections_ {
	min-height: 300px;
}

.eleccionesList_ .img_ {
	margin-bottom: 0px;
}

.fotop_ {
	/* background-color: #ffffff; */
	padding: 0;
	position: relative;
	z-index: 0;
}

.eleccionesList_ .vote_ {
	position: relative;
	animation: fadeInUp 1s ease-in-out .3s both;
}

.eleccionesList_ .cards_ {
	animation: none;
}

.pageResul {
	position: relative;
	padding: 15px 30px;
	color: #a9a2a9;
}

.pageResul h4{
	font-weight: 500;
	letter-spacing: -0.5px;
}

/**/
.footer.relative.foo_campana,
.foo_campana {
	padding: 30px 40px 30px;
	position: relative;
}

.foo_campana:after {
	width: 90%;
	height: 1px;
	background: rgba(0, 0, 0, 0.03);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	margin: auto;
}

._infom {
	position: relative;
	padding-left: 30px;
}

.foo_campana i {
	position: absolute;
	top: 42%;
	transform: translateY(-50%);
	left: 0;
	color: #89879a;
	font-weight: normal;
	font-size: 13px;
}

._infom.text-right {
	padding-left: 0px;
	padding-right: 30px;
}

._infom.text-right i {
	left: auto;
	right: 0;
}

.foo_campana .emta {
	text-align: left;
	font-size: 16px;
	line-height: 17px;
	margin: 0px;
	font-weight: 600;
	color: #3e454c;
	letter-spacing: 0;
}

.foo_campana .big_ {
	font-size: 15px;
	line-height: 15px;
	font-weight: 400;
	color: #474e56;
	text-align: left;
	letter-spacing: 0;
}

.foo_campana .text-right .emta {
	text-align: right;
}

.foo_campana .text-right .big_ {
	text-align: right;
}

.nav_ {
	position: relative;
	padding: 7px 10px;
	background-color: #262626;
}

.nav_ .title_coop {
	display: block;
	margin: 0% 5%;
	float: left;
}

.nav_ .title_coop a {
	display: block;
	height: auto;
	padding: 0;
	margin: 0px;
}

.nav_ .title_coop a img {
	height: 45px;
	display: block;
}

.nav_ .break_ {
	/*float: right;*/
	background: transparent;
	max-width: none;
	width: auto;
	border-top: 0px;
}

.nav_ .menu a {
	letter-spacing: -0.12px;
	font-weight: 400;
	border-radius: 50px;
	color: rgba(255, 255, 255, 0.7);
	padding: 0px 25px;
	line-height: 48px;
}

.nav_ .menu > li.menu-item-current a {
	color: #fff;
	font-weight: 400;
}

.nav_ .menu .menu-icon {
	right: 5px;
	line-height: 49px;
}

.nav_ .menu > li a:hover, .nav_ .menu > li a:active, .nav_ .menu > li a:focus {
	background: var(--color1);
	color: #fff;
}

.nav_ .menu > li.menu-item-current:after {
	width: 20%;
	background: #fff;
}

.nav_ .menu .sub-menu {
	border-radius: 4px;
	background-color: #252525;
	/* padding-top: 8px; */
}

.nav_ .menu li.parent_:last-child .sub-menu {
	right: 0px;
	/*background: red !important*/
}

.menu li.parent_:last-child .sub-menu .sub-menu {
	right: 100%;
	/*background: blue !important*/
}

.nav_ .menu .sub-menu .sub-menu {
	padding-top: 0px;
}

.nav_ .menu .sub-menu a {
	border-radius: 0px;
	padding: 10px 20px;
	letter-spacing: -0.5px;
	color: rgb(255, 255, 255);
}

@media only screen and (max-width: 768px) {
	.nav_ .break_ {
		float: none;
		max-width: 80%;
		margin: 0 auto;
	}
	
	.nav_ .title_coop {
		float: none;
		display: block;
		border-bottom: 1px solid rgba(0,0,0,0.15);
		padding: 1% 0%;
		margin: 0;
	}
	
	.nav_ .title_coop a img {
		margin: 0 auto;
	}
	
	.nav_ .menu a {
		color: rgba(255, 255, 255, 0.4);
		font-size: 16px;
		letter-spacing: -0.5px;
		font-weight: 600;
	}
	
	.nav_ .menu .sub-menu {
		border-radius: 4px;
		background-color: #212121;
		box-shadow: none;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	
	.nav_ .menu li:hover > .sub-menu {
		animation: fadeIn .25s ease-in-out;
	}
}

.campana_form {
	background: #fff;
	padding: 20px 40px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	width: 50%;
	position: relative;
	margin: 0 auto;
	margin-top: -80px;
	margin-bottom: 40px;
}

.ui-widget.ui-widget-content {
	z-index: 100 !important;
}


/* === Estilo integrado === */
.btn_check {
	margin: 15px;
	margin-bottom: 0px;
	display: flex;
	background: var(--color1);
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}

.btn_check input {
	width: 21px;
	margin-right: 9px;
	height: 35px;
}

.btn_check input {
	width: 21px;
	margin-right: 9px;
	height: 35px;
}

.btn_check label {
	color: #ffffff;
	margin: 0;
}

/* checkbox  marcado */
/* .btn_check input:checked + label {
background: #ff9d02; 
} */
.mark_check {
	background: #ff9d02; /* Color cuando está marcado */
}

.content_btn {
	display: flex;
	justify-content: center;
	animation: fadeInUp 0.7s ease-in-out .1s both;
	text-align: center;
}

.content_btn a {
	margin: 50px 19px;
}

/*.k-widget {
width: 90%;
margin: auto;
animation: fadeInUp 0.7s ease-in-out .1s both;
}*/

.category_city {
	display: flex;
	height: 86px;
	align-items: center;
}

.section_result {
	background: #f5f7fa;
	padding: 0 32px;
}

#candidatos_zonas_votos {
	display: flex;
}

.section_result .select_category select {
	height: calc(2.95rem - 2px);
	display: block;
	width: 100%;
	padding: 0.75rem 0.85rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #404E67;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid #BABFC7;
	border-radius: 0.25rem;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.section_result .select_category label {
	margin-right: 15px;
	font-size: 0.90rem;
	color: #404E67;
}

.select_category {
	padding-right: 15px;
	padding-left: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section_result hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.section_result .btn_1 {
	background: #75b337;
	border: none;
	padding: 10px 26px;
	color: white;
	border-radius: 5px;
	cursor: pointer;
}

.section_result .card-header {
	background-image: linear-gradient(to right, #75b337 0%, #699939 100%);
	background-repeat: repeat-x;
	padding: 0px;
	border-radius: 2px;
}

.section_result .card-header h4 {
	padding: 13px;
	color: white;
}

.section_result ul.list_options {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.section_result ul.list_options li {
	padding: 15px 30px;
	box-shadow: 0px 0px 14px 3px #0000001c;
	margin: 0px 40px;
	border-radius: 4px;
	color: #6ca038;
	font-weight: 600;
}

.section_result .progress[value] {
	background-color: #eee;
	border: 0;
	appearance: none;
	border-radius: 0.25rem;
}

.section_result .progress {
	height: 0.5rem;
}

.progress-success[value]::-webkit-progress-value {
	background-color: #75b337;
}

.progress-success[value]::-moz-progress-bar {
	background-color: #75b337;
}

.progress-success[value]::-ms-fill {
	background-color: #75b337;
}


.progress[value] {
	background-color: #eee;
	border: 0;
	appearance: none;
	border-radius: 0.25rem;
}

.progress[value]::-ms-fill {
	background-color: #75b337;
	border: 0;
}

.progress[value]::-moz-progress-bar {
	background-color: #75b337;
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.progress[value]::-webkit-progress-value {
	background-color: #75b337;
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.progress[value="100"]::-moz-progress-bar {
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.progress[value="100"]::-webkit-progress-value {
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.progress[value]::-webkit-progress-bar {
	background-color: #eee;
	border-radius: 0.25rem;
}

base::-moz-progress-bar,
.progress[value] {
	background-color: #eee;
	border-radius: 0.25rem;
}

.section_result .box_date h6 {
	font-size: 1.2rem;
	padding-top: 0px;
	color: #646464;
}

.section_result .box_date {
	padding: 2px 29px;
}

.section_result .form-control[disabled="disabled"] {
	opacity: 0.3;
}

p.center_top,
.center_top {
	position: relative;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%)
}

.login_ .formulario .k-widget.k-maskedtextbox.input_ {
	box-shadow: none;
	margin: 0;
	padding: 0;
	animation: none;
}

/*RESULTADOS*/
.resultados_.elecciones_ .bg_extr:after{
	display: none;
}

.infor{
	position: relative;
	z-index: 0;
}

.infor:after{
	display: block;
	content: "";
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	z-index: -1;
	background: rgb(251, 251, 251);
}

/**/
.metod{
	max-width: 1200px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.tilepage_ span{
	padding-top: 15px;
	float: left;
	margin-right: 20px;
}

.tilepage_ span img{
	max-height: 75px;
}      

.tilepage_ h3{
	color: #092c4c;
	font-size: 30px;
	font-weight: 800;
	line-height: 34px;
	display: inline-block;
	letter-spacing: -2px;
	margin: 0;
	padding-top: 25px;
}

.valores_{
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 20px rgba(216, 216, 216, 0.5);
}

.valores_ .bx{
	position: relative;
	padding: 30px 30px;
}

.valores_ a{
	display: block;
}

.valores_ p{
	margin: 0;
	font-size: 34px;
	font-weight: 800;
	color: #3f464e;
	line-height: 34px;
	float: left;
	transition: all .25s ease-in-out;
}

.valores_ a:hover p{
	color: #545d67;
}

.valores_ h1{
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.7px;
	color: #788da8;
	margin: 0;
	display: block;
	clear: both;
	transition: all .25s ease-in-out;
}

.valores_ a:hover h1{
	color: #4b5869;
}

.valores_ i{
	font-size: 12px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

.gr{color:#8BC34A}
.yl{color:#FFC107}
.rd{color:#F44336}
.bbl{background: #e8e8e8;
}

/**/
.listados{
	max-width: 1200px;
	display: block;
	position: relative;
	margin: 0 auto;
}

div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #f3f3f3;
	z-index: 1;
}

/*.cat1 div.sticky {
background-color: #4aa299;
}
.cat2 div.sticky {
background-color: #d69d2e;
}
.cat3 div.sticky {
background-color: #d65358;
}*/

.tablee{
	border-radius: 3px;
	background: #fff;
	/* box-shadow: 0px 5px 20px rgba(181, 181, 181, 0), 0px 30px 50px -60px rgb(255, 255, 255); */
	margin-bottom: 50px;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
}

.tiletable{
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	position: relative;
	padding: 10px 100px 10px 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0px;
}

.tiletable i{
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
}

.tiletable p{
	position: absolute;
	right: 30px;
	margin: 0;
	font-size: 28px;
	font-weight: 800;
	color: #ececec;
	top: 50%;
	transform: translateY(-50%);
}

.tiletable p i{    
	position: relative;
	top: auto;
	transform: none;
	left: auto;
}

.tiletable h1{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #474e56;
	margin: 10px 0px;
	display: inline-block;
}

.headcand div{
	padding: 15px 0px;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.headcand div:last-of-type{
	border-right: 0px solid rgba(0, 0, 0, 0.05);
}

.headcand h1{
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #53595f;
	padding: 0px 10px;
	margin: 0;
	font-weight: 500;
}

/*.cat1 .headcand h1{
color: rgba(0, 0, 0, 0.45);
}
.cat2 .headcand h1{
color: rgba(0, 0, 0, 0.35);
}
.cat3 .headcand h1{
color: rgba(0, 0, 0, 0.45);
}*/

.cand{
	z-index: 0;
	position: relative;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.cand div{
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.cand div:last-of-type{
	border-right: 0px solid rgba(0, 0, 0, 0.1);
}

.cand h2,
.cand h3{
	margin: 0;
	color: #43484a;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.5px;
	padding: 0px 15px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.cand h2.count{
	text-align: center;
	font-size: 17px;
	font-weight: 700;
}

.cand h3{
	text-align: center;
}

.cand h2 small{
	display: block;
	font-weight: 500;
	color: #515c61;
}

.cand h2 small b{
	font-weight: 600;
	color: #454d50;
	margin-left: 4px;
}

.ctotal h2, .ctotal h3{
	text-align: center;
	font-size: 16px;
}

.ctotal h2.count{
	font-size: 18px;
}

.ctotal .it:first-of-type{
	background: #f3f3f3;
	border-radius: 0px 0px 0px 5px;
}

.ctotal .it:last-of-type{
	border-radius: 0px 0px 5px 0px;
}

.photoc_{
	background-size: auto 100%;
	position: relative;
	display: block;
	height: 55px;
	width: 55px;
	margin: 0 auto;
	border-radius: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.photoc_:after{
	position: absolute;
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: 70%;
	right: 0px;
	background:#8BC34A;
	border: 3px solid #fff;
}

.cat2 .photoc_:after{
	background:#FFC107;
}

.cat3 .photoc_:after{
	background:#F44336;
}

/*TABS RESULTADOS*/
.navtab{
	background-color: #f3f3f3;
	border: 1px solid;
	border-color: #d4d4d4;
	padding: 10px 10px 0 10px;
	border-bottom: 0px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 1;
	position: relative;
}

.navtab ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	position: relative;
	display: block;
}

.navtab li {
	display: inline-block;
}

.navtab li a {
	color: #495056;
	font-weight: 500;
	background-color: #fbfbfb;
	padding: 13px 15px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	letter-spacing: -0.3px;
	margin-bottom: -1px;
	border: 1px solid transparent;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	transition: all .5s ease-in-out;
}

.navtab li a:hover {
	background-color: #e6e5e5;
}

.navtab li a.selected {
	color: #45484a;
	background-color: #ffffff;
	border: 1px solid #d5d8e0;
	border-bottom: 1px solid #fff;
}

.tabs_content div.tabContent {padding: 15px;background-color: #ffffff;border: 1px solid;border-color: #d5d8e0;z-index: 0;position: relative;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;margin-bottom: 20px;/* box-shadow: 0px 5px 20px rgba(229, 239, 255, 0.3), 0px 30px 50px -60px rgba(0, 0, 0, 0.05); */;
}
.tabs_content div.tabContent.hide { display: none;
}     

.tabs_content .tablee {
	box-shadow: none;
	border: 0px solid rgba(0, 0, 0, 0.1);
}  

.tabs_content .tablee:last-child {
	margin-bottom: 0px;
}  

.tabs_content .tiletable{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0px;
}

.tabs_content .cand div:first-child {
	border-left: 1px solid rgba(0, 0, 0, 0.05);
}  

.tabs_content .cand div:last-child,
.tabs_content .cand div:last-of-type {
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}    

/**/
.big_box{
	width: 100%;
	float: left;
	position: relative;
}

.nav_fixed{
	position: -webkit-sticky;
	position: sticky;
	top: 0;    
	z-index: 2;
	width: 50px;
	right: 0px;
	float: right;
	margin-right: -90px;
	height: auto;
	border-radius: 4px;    
	transition: all .25s ease-in-out;
}

.nav_fixed:after{
	width: 50px;
	height: 100%;
	display: block;
	z-index: -1;
	position: absolute;
	content: "";
	top: 0px;
	right: 0;
	background-color: #ffffff;
	box-shadow: 0px 0px 20px rgba(224, 224, 224, 0.5);
	transition: all .25s ease-in-out;
}

.nav_fixed:hover:after{
	width: 180px;
}    

.filter_tile{
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	width: auto;
	padding: 0px 50px 0px 0px;
	transition: all .25s ease-in-out;
}

.nav_fixed:hover .filter_tile{
	overflow: visible;
}

.filter_tile i{
	width: 50px;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	color: #fff;
	background: var(--color1);
	border-radius: 4px 4px 0px 0px;
	right: 0;
	text-align: center;
	transition: all .5s ease-in-out;
}

.nav_fixed:hover .filter_tile i{
	border-radius: 0px 4px 0px 0px;
}

.nav_fixed .filter_tile h1{
	text-align: center;
	padding-left: 10px;
	font-weight: 500;
	letter-spacing: -0.1px;
	font-size: 13.4px;
	color: #ffffff;
	background: var(--color1);
	border-radius: 4px 0px 0px 0px;
	border-bottom: 0px solid #efefef !important;
}

.nav_fixed a{
	position: relative;
	display: block;
	width: auto;
	height: 50px;
	padding: 0px 50px 0px 0px;
	color: #53595f;
	overflow: hidden;
	transition: all .25s ease-in-out;
}

.nav_fixed:hover a{
	overflow: visible;
}

.nav_fixed a h4{
	position: absolute;
	margin: 0;
	width: 50px;
	height: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	letter-spacing: -0.9px;
	border-bottom: 1px solid #efefef;
	transition: all .6s ease-in-out;
	font-weight: 500;
}

.nav_fixed a:hover h4{
	color: #85898e;
}

.nav_fixed a:last-child h4{
	border-bottom: 0px;
}

.nav_fixed a i{
	display: inline-block;
	font-size: 10px;
	position: relative;
	margin-right: 3px;
	top: -3px;
}

.nav_fixed h1{
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.5px;
	margin: 0;
	margin-left: -120px;
	text-align: right;
	padding-right: 0px;
	height: 50px;
	line-height: 50px;
	max-width: 130px;
	overflow: hidden;
	opacity: 0;
	transition: all .6s ease-in-out;
	border-bottom: 1px solid #efefef;
}

.nav_fixed a:last-child h1{
	border-bottom: 0px solid;
}

.nav_fixed a:hover h1{
	color: #85898e;
}

.nav_fixed:hover h1{
	opacity: 1;
	padding-right: 10px;
	margin-left: -130px;
}

/**/
/* LISTADO CANDIDATOS */
.ticon_ img{
	height: 75px;
	margin: 0 auto;
	display: block;
}

.ticon_ p{
	margin-bottom: 0;
	line-height: 16px;
	color:#6f6f6f;
	text-shadow: none !important;
	margin-top: 15px;
}

.ticon_ h1{
	color: #3d4852;
	font-size: 28px;
	margin-top: 0;
	letter-spacing: -1.8px;
	font-weight: 600;
}

.ticon_ h1 b{
	font-weight: 900;
	margin: 0px 5px;
}

/**/
.tite_vote{
	max-width: 1200px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: 10px;
}

.tite_vote .ticon_ {
	width: 50%;
	float: left;
}
.tite_vote .ticon_ img{
	float: left;
	margin-right: 25px;
}
.tite_vote .ticon_ p{
	text-align: left;
	animation: none;
}
.tite_vote .ticon_ h1{
	text-align: left;
	animation: none;
}

.section_vote{
	width: 50%;
	float: left;
	text-align: right;
	padding-right: 50px;
}

.section_vote .btn_Votar{
	padding: 15px 30px 15px;
}

.section_vote .btn_Votar:hover{
	padding: 15px 40px 15px;
}

.section_vote a:after{
	background-image: url(../images/cursor_.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	width: 70px;
	height: 70px;
	content: "";
	display: block;
	bottom: -20px;
	right: -40px;
	z-index: 10;
	/**/
	-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	animation-name: hvr-icon-hang-sink, hvr-icon-hang;
	-webkit-animation-duration: .2s, 1.5s;
	animation-duration: .2s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
	transition: all .4s ease-in-out;
}
.section_vote .btn_Votar:hover:after{
	right: -20px;
}

.section_vote .btn_Votar p{
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
}

.section_vote .btn_Votar p i{
	margin-left: 5px;
}

/**/
.vot_list .tablee{    
	text-align: left;
	box-shadow: none;
}

.vot_list.infor:after{
	display: none;
}

.vot_list div.sticky{   
	
	border-radius: 5px 5px 0px 0px;
}

.vot_list .tiletable{
	padding: 13px 13px 13px 50px;
}

.vot_list .tiletable h1{
	font-weight: 400;
	letter-spacing: -1px;
	font-size: 17px;
}

.vot_list .gr {
	color: #8d9bad;
}

.opt_table{
	float: right;
	margin: 2px 0px 0px;
}

.opt_table a{
	font-size: 16px;
	padding: 8px 20px 8px 35px;
	color: #6d7c90;
}

.opt_table a.bo{
	color: #fff;
}

.opt_table a:hover{
	padding: 8px 25px 8px 40px;
	border: 1px solid #f08320;
}

.opt_table a i{
	left: 17px;
	top: 15px;
	transform: none;
	color: #6d7c90;
}

.opt_table a.bo i{
	color: #fff;
}

.opt_table a:hover i{
	left: 19px;
}

.bo{background: #f08320;border: 1px solid #f08320;
}
.bg{border: 1px solid #ececec;background: #f9f9f9;
}

.vot_list .cand{
	transition: all .25s ease-in-out;
}

.vot_list .cand:hover{
	background: #ffffff;
	box-shadow: 30px 30px 20px -30px rgba(0, 0, 0, 0.05);
	transform: translate3d(0px, -5px, 0px);
}

.vot_list .cand div:first-child {
	border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.vot_list .cand div:last-of-type {
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.vot_list .cand:last-of-type {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}

/**/
.listtwo{
	margin-bottom: 0;
}    

.colect{
	background: rgba(243, 244, 247, 0.28);
	padding: 25px 20px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 0px 0px 5px 5px;
}

.colect .cand{
	width: 48%;
	float: left;
	margin: .5% 1%;
	background: #fff;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	width: 100%;
	float: none;
	margin: 1% 1%;
}

.vot_list .colect .cand div:last-of-type{
	border-right: 0px;
}
.vot_list .colect .cand div:first-child {
	border-left: 0px;
}

.colect .photoc_ { 
	height: 75px;
	width: 75px;   
	margin-top: 20px;
	margin-bottom: 20px;
}

.colect .photoc_:after{
	display: none;
}

.cand h3.post_,
.post_{
	position: absolute;
	content: "";
	display: block;
	width: 35px;
	height: 35px;
	line-height: 30px;
	border-radius: 50%;
	top: 35px;
	right: -20px;
	background: #f08320;
	color: #fff;
	border: 3px solid #fff;
	z-index: 1;
	text-align: center;
	transform: none;
	padding: 0;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	font-weight: 600;
	font-size: 12px;
	letter-spacing: -0.1px;
}

/**/
.bg_motivo.infor:before{
	display: block;
	content: "";
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	opacity: .5;
	background-image: url(../images/preview4_.png);
}

.rplancha{
	max-width: 1200px;
	display: block;
	position: relative;
	margin: 0 auto;
	top: 40px;
	padding: 0px 50px;
	/*background: #fff;
	border-radius: 5px;*/;
}  

.rplancha .metod{
	padding: 0;
} 

.rplancha .ticon_{
	margin-bottom: 30px;
}

.rplancha .ticon_ h1{
	color: #43484c;
	font-weight: 700;
} 

.rplancha .headcand{
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.rplancha .tiletable h1{
	font-weight: 400;
	letter-spacing: -1px;
	font-size: 17px;
}

.rplancha .gr {
	color: #8d9bad;
} 

.rplancha .photoc_.photo_group  {
	height: 100px;
	width: 140px;
	border-radius: 5px;
}

.rplancha .photoc_.photo_group:after{
	display: none;
}

.colletion{
	background: #fff;
	padding: 25px 20px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 0px 0px 5px 5px;
}  

.colletion .cand h2, .colletion .cand h3{    
	font-size: 24px;
	line-height: 25px;
} 

.colletion .cand h2.min, .colletion .cand h3.min{    
	font-size: 16px;
	line-height: 17px;
} 

.cand h2.count{
	font-size: 24px;
} 

.colletion_ind{
	background: #fff;
	padding: 25px 20px;
	border: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 0px 0px 5px 5px;
}

.lgeneral_ .colletion_ind{
	padding: 0px;
	border: 0px;
}

.rplancha .lgeneral_ .tiletable h1 {
	font-weight: 500;
	font-size: 20px;
}

.lgeneral_ .colletion_ind{
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/**/
.stickThis_ {
	padding: 5px;
	background-color: #ffffff;
	width: 360px;
	height: 55px;
	border: 0px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: right;
	z-index: 10000;
	position: absolute;
	right: 7px;
	top: 8px;
}
.stickThis_.stick_ {
	margin-top: 0;
	position: fixed;
	top: 8px;
	z-index: 9999;
	position: -webkit-sticky;
	position: sticky;
	margin-right: 7px;
}

.namef_{
	width: 20%;
	float: left;
}

.namef_ p{
	font-size: 15px;
	line-height: 43px;
	font-weight: 400;
	letter-spacing: -0.3px;
	color: #788da8;
	text-align: center;
	margin: 0;
}

.inner_icon{
	width: 80%;
	float: left;
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 100%;
	border-radius: 4px;
}

.inner_icon i{
	position: absolute;
	left: 14px;
	top: 48%;
	transform: translateY(-50%);
	font-size: 13px;
	color: #acb1bd;
}

.inner_icon select{
	height: 100%;
	display: block;
	width: 100%;
	border: 0px;
	border-radius: 4px;
	padding-left: 35px;
	font-size: 14px;
	letter-spacing: -0.35px;
	color: #656a6f;
	font-weight: 600;
}

/*PRESENTACION*/
.prest_ .nav_{
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 65px;
	top: 0px;
}    

.prest_ .Conten_{
	padding-top: 90px;
}

.resultados_.prest_{
	padding-top: 65px;
}

.prest_.elecciones_ #bg.bg_extr, .prest_.elecciones_ .bg_extr{
	top: 0px;
}

.prest_ .menu_{
	top: 0;
}

.prest_ .nav_ .break_{
	border-top: 0px solid #efefef;
}    

.prest_ div.sticky{    
	top: 65px;
}

@media only screen and (max-width: 991px) {
	.prest_ .nav_{
		height: auto;
		padding: 0;
	}
	.prest_ .menu_{
		top: 0px;
	}
	.prest_ .Conten_ {
		padding-top: 90px;
	}
	
}     


/**/
.fadeIn_{
	animation: fadeIn .5s ease-in-out;
}

.opacity_5{
	opacity: .2 !important;
	pointer-events: none;
}
/**/
.loading-overlay {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	z-index: 100;
	transition: all .5s ease-in-out;
}

.loading-overlay.active {
	display: block;
}

.loading-overlay .loading-icon {
	position: absolute;
	top: 45%;
	left: 49%;
	color: #ffffff;
	animation: spin .8s infinite linear;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-ms-animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	top: 220px;
	background: var(--color1);
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}    

.spinner {
	display: inline-block;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/**/
.contenedor_load{
	min-height: 480px;
}

.filter_load .block_{
	max-width: 820px;
	margin: 0 auto;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #fff;
	border-radius: 5px;
	padding: 20px 25px 20px;
	margin-bottom: 30px;
}

.filter_load .select_{
	margin: 0;
}

.filter_load .select_ .label {
	color: #474e56;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	width: 320px;
	float: left;
	letter-spacing: -0.5px;
	margin-top: 11px;
}

.filter_load .select_ .label.col-md-6{
	width: 50%;
}

.filter_load .inner_icon{
	width: 425px;
	float: right;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.filter_load .inner_icon.col-md-6{
	width: 50%;
}

.filter_load .inner_icon i{    
	pointer-events: none;
}

.filter_load .inner_icon select{
	padding-right: 55px;
}

.filter_load .inner_icon:after{
	background-color: #068e61;
	color: #FFF;
	font-family: 'FontAwesome';
	content: "\f041";
	font-size: 16px;
	display: block;
	font-weight: initial;
	height: 50px;
	right: -1px;
	width: 50px;
	position: absolute;
	top: -1px;
	border-radius: 0px 4px 4px 0px;
	text-align: center;
	line-height: 50px;
	transition: all .5s ease-in-out;
	pointer-events: none;
}

.filter_load .inner_icon:hover,
.filter_load .inner_icon:hover select{
	cursor: pointer;
}

.filter_load .inner_icon:hover:after{
	content: "\f107";
}

.filter_load .inner_icon:before{
	position: absolute;
	z-index: 1;
	content: '';
	margin: 0 auto;
	border-style: solid;
	border-color: transparent #068e61 transparent transparent;
	border-width: 6px 7px 6px 6px;
	transform: none;
	top: 17px;
	right: 48px;
	pointer-events: none;
}

.filter_load .btn_add{    
	margin-top: 4px;
}

.target_planchas{
	position: relative;
}

.target_planchas .infoP {
	min-height: 105px;
}

.target_planchas .it {
	min-height: 120px;
}

.target_planchas .lgeneral_ .it {
	min-height: 90px;
}

/*OBSEQUIOS*/
.box_search .filter_load .block_ {
	max-width: 990px;
}

.box_search .filter_load .select_ .label{
	width: 390px;
}

.inner_busq {
	width: 520px;
	position: relative;
	border-radius: 4px;
	float: right;
	height: 50px;
}

.inner_busq input{ 
	height: 100%;
	display: block;
	width: 320px;
	border-radius: 4px 00px 0px 4px;
	padding: 8px 10px;
	font-size: 14px;
	letter-spacing: -0.35px;
	color: #656a6f;
	font-weight: 600;
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.1);
	transition: all .2s ease-in-out;
}

.inner_busq input:focus,
.inner_busq input:hover{
	background: #fbfbfb;
	outline: none !important;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

.button_search, .reset_filter{
	font-family: 'Poppins', sans-serif !important;
	height: 50px;
	position: relative;
	min-width: 40px;
	margin-left: 0px;
	border-radius: 0px 4px 4px 0px;
	background-color: var(--color1);
	color: #FFFFFF;
	padding: 0px 15px;
	transition: all .2s ease-in-out;
	border: 0px;
	outline: none !important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.5px;
	display: inline-block;
}

.reset_filter{
	border-radius: 4px;
	background-color: var(--color2);
}

.button_search i, .reset_filter i{
	margin-right: 5px;
	font-size: 12px;
	position: relative;
	top: -1px;
}

.button_search:hover{
	background: var(--color2);
	box-shadow: 0px 0px 15px rgb(var(--color2-code) / 25%), 0px 22px 12px -20px rgb(var(--color2-code) / 40%);
	color: #ffffff;
	cursor: pointer;
} 

.reset_filter:hover{
	background: var(--color3);
	box-shadow: 0px 0px 15px rgba(var(--color2-code) / 0.3), 0px 22px 12px -20px rgba(var(--color2-code) / 0.4);
	color: #ffffff;
	cursor: pointer;
} 

.button_search:after{
	position: absolute;
	z-index: 1;
	content: '';
	margin: 0 auto;
	border-style: solid;
	border-color: transparent var(--color1) transparent transparent;
	border-width: 6px 7px 6px 6px;
	transform: none;
	top: 18px;
	left: -13px;
	pointer-events: none;
	transition: all .2s ease-in-out;
}  

.button_search:hover:after{
	border-color: transparent var(--color2) transparent transparent;
}    

/* TABLE CODIGO */
.code_table{
	margin: 0px;
	margin-bottom: 20px;
	width: 100%;
	min-width: 100%;
	border: 0px;
	border-spacing: 0px;
}

.code_table .table_head{
	pointer-events: none;
}

.code_table td{
	padding: 15px 12px;
	line-height: 16px;
	color: #474e56;
	font-size: 14px;
	letter-spacing: -0.5px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-top: 0px;
	border-right: 0px;
	white-space: nowrap;
}

.code_table td:last-child{
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.rg{    
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #8BC34A;
	position: relative;
	margin-right: 5px;
	top: -2px;
}

.code_table thead th{
	border: 1px solid rgba(0, 0, 0, 0.05);
	font-size: 14px;
	line-height: 15px;
	letter-spacing: -0.5px;
	color: #53595f;
	padding: 15px 10px;
	margin: 0;
	font-weight: 500;
	background-color: #f1f1f1;
	text-align: left;
}

.code_table.table-hover tbody tr:hover {
	cursor: pointer;
	background-color: rgba(241, 241, 241, 0.2);
}

/**/
.results_ tr[visible='false'],
.no_result{
	display:none;
	pointer-events: none;
}

.results_ tr[visible='true']{
	display:table-row;
	transition: all .2s ease-in-out;
}

.counter_{
	padding: 10px;
	animation: fadeInLeft .5s ease-in-out;
	color: #6d7c90;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5px;
}

.no_result{
	margin-top: 30px;
}

.notext_{
	font-family: 'Poppins', sans-serif !important;
	margin: 0;
	padding: 35px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	background: #fdfdfd;
	color: #757575;
	letter-spacing: -0.5px;
	font-size: 16px;
	font-weight: 300;
}

.notext_ i{
	margin-right: 15px;
	position: relative;
	top: 1px;
	color: #cccccc;
}

/* SWEET ALERT */
/*.modal_sweet .swal2-icon.swal2-warning {
border-color: rgb(140 188 226 / 30%);
color: #8cbce2;
}

.modal_sweet .swal2-icon.swal2-success {
border-color: #8cbce2;
color: #8cbce2;
}
.modal_sweet .swal2-icon.swal2-success [class^=swal2-success-line]{
background-color: #8cbce2;
}
.modal_sweet .swal2-icon.swal2-success .swal2-success-ring{    
border: 0.25em solid rgb(140 188 226 / 30%);
}

.modal_sweet .swal2-icon.swal2-error {
border-color: rgb(140 188 226 / 30%);
color: #8cbce2;
}
.modal_sweet .swal2-icon.swal2-error [class^=swal2-x-mark-line]{
background-color: #8cbce2;
}

.modal_sweet .swal2-icon.swal2-info {
border-color: rgb(140 188 226 / 30%);
color: #8cbce2;
}

.swal2-icon.swal2-question {
border-color: rgb(140 188 226 / 30%);
color: #8cbce2;
}*/

/**/
.modal_actions{
	margin: 30px auto 25px;
}

.modal_actions .btn{
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
	margin: 0 5px;
	letter-spacing: -0.25px;
	padding: 10px 18px;
	font-family: 'Poppins', sans-serif;
}

.modal_actions .btn:focus {
	box-shadow: 0 0 0 .2rem rgba(var(--color2-code) / .5);;
}

.modal_actions .btn.btn-success {
	background: var(--color1);
	border: 1px solid var(--color1);
	transition: all .25s ease-in-out;
}
.modal_actions .btn.btn-success:hover {
	background: var(--color2);
	border: 1px solid var(--color2);
	cursor: pointer;
}

.modal_actions .btn.btn-success.red {
	background: var(--color2);
	border-color: var(--color2);
}

.modal_actions .btn.btn-success.red:hover {
	background: var(--color3);
	border-color: var(--color3);
}

/*.modal_actions .btn.btn-danger {            
background: var(--color1);
border: 1px solid var(--color1);
transition: all .25s ease-in-out;
}
.modal_actions .btn.btn-danger:hover {                
background: #86c903;
border: 1px solid #86c903;
transition: all .25s ease-in-out;
cursor: pointer;
}*/ 
.modal_actions .btn.btn-danger {
	background: #F44336;
	border: 1px solid #F44336;
	transition: all .25s ease-in-out;
}
.modal_actions .btn.btn-danger:hover {
	background: #a82835;
	border: 1px solid #a82835;
	transition: all .25s ease-in-out;
	cursor: pointer;
}


/*====*/
.modaldate_{
	font-family: 'Poppins', sans-serif;
}

@media (min-width: 768px){
	.modaldate_ .modal-dialog {
		max-width: 540px;
	}
} 

.modaldate_ .modal-content{
	border: 0px;
	border-radius: 50px;
}

.modaldate_ .modal-header{
	background-image: linear-gradient(355deg, #56647d 0%, #6F85AD 100%);
	border: 0;
}
.modaldate_ .modal-header h4{
	font-weight: 600;
	letter-spacing: -0.1px;
	color: #fff;
	font-size: 15px;
	text-shadow: none;
}
.modaldate_ .modal-header h4 i{
	margin-right: 5px;
}

.modaldate_ .modal-header .close{
	color: #fff;
	text-shadow: none;
}

.modaldate_ .close_{
	position: absolute;
	right: 30px;
	top: 30px;
	width: 30px;
	height: 30px;
	z-index: 1;
	font-size: 20px;
	font-weight: 400;
}

.datetile_{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 35px;
} 

.datetile_ i{
	width: 40px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	font-size: 15px;
	margin-bottom: 25px;
	background: var(--color1);
}

.datetile_ h4{
	color: #364962;
	font-weight: 600;
	letter-spacing: -0.5px;
	font-size: 17px;
	line-height: 14px;
	margin: 0px 0px 10px 0px;
} 

.datetile_ p{
	color: #364962;
	font-size: 14px;
	line-height: 15px;
	margin: 0;
	letter-spacing: 0.1px;
}     

.modaldate_ .modal-footer{
	padding: 15px 0 5px;
	border-top: 1px solid #f7f7f7;
	margin-top: 40px;
	display: block;
	margin-bottom: 20px;
}

.modaldate_ .modal-footer button.disabled{
	pointer-events: none;
}

.infofinal{
	text-align: center;
	color: #364962;
	font-size: 14px;
	line-height: 15px;
	margin: 0;
	letter-spacing: 0.1px;
}

/* ===========================  */
/* ============== */
.radiobox{
	text-align: center;
	height: 40px;
}

.inputGroup {
	background-color: #fff;
	display: inline-block;
	position: relative;
	height: 49px;
}

.inputGroup label {
	padding: 10px 20px 10px 40px;
	/* width: 90px; */
	display: block;
	text-align: left;
	color: #354c5d;
	cursor: pointer;
	position: relative;
	z-index: 2;
	transition: color 200ms ease-in;
	overflow: hidden;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -0.2px;
}

.inputGroup label:before {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: "";
	background-color: rgb(var(--color2-code) / 10%);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transition: all .5s ease-in;
	opacity: 0;
	z-index: -1;
}

.inputGroup label:after {
	width: 25px;
	height: 25px;
	content: "";
	border: 2px solid #f0f2f3;
	background-color: #fff;
	background-image: url("../images/icon_check.svg");
	background-repeat: no-repeat;
	background-position: 11px 12px;
	background-size: 0px;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	transition: all .5s ease-in, background-size .05s ease-in, background-position .05s ease-in;
}
.inputGroup input:checked ~ label {
	color: #0b2238;
}
.inputGroup input:checked ~ label:before {
	transform: translate(-50%, -50%) scale3d(56, 56, 1);
	opacity: 1;
}
.inputGroup input:checked ~ label:after {
	background-color: #ffffff;
	border: 2px solid #e5f6ee;
	background-size: 15px;
	background-position: 3px 3px;
}
.inputGroup input {
	width: 32px;
	height: 32px;
	order: 1;
	z-index: 2;
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	visibility: hidden;
}

/*__________*/
.checkmark__circle {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: var(--color1);
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
	width: 45px !important;
	height: 45px;
	border-radius: 50%;
	display: block;
	stroke-width: 3;
	stroke: #fff;
	stroke-miterlimit: 10;
	margin: 0 auto 20px;
	box-shadow: inset 0px 0px 0px var(--color1);
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes scale {
	0%, 100% {
		transform: none;
	}
	50% {
		transform: scale3d(1.1, 1.1, 1);
	}
}
@keyframes fill { 
	100% {
		box-shadow: inset 0px 0px 0px 40px var(--color1);
	}
} 

/**/
.escargador_{
	padding: 110px 0px;
	width: 470px;
	margin: 0 auto;
}

.escargador_.onlyico{    
	width: 110px;
	top: 50%;
	padding: 0;
	position: relative;
	transform: translateY(-50%);
}

.loadinf{
	width: 560px;
	margin: 0 auto;
	position: relative;
	padding-left: 120px;
}

.escargador_.onlyico .loadinf{
	padding: 0;
	width: auto;
}

.cmin .loadinf {
	width: 400px;
}

.loadinf h1{
	font-size: 18px;
	color: #364962;
	font-weight: 400;
	letter-spacing: -1px;
	transition: all .25s ease-in-out;
	margin: 0;
}

.cmin .loadinf h1{
	font-size: 15px;
	letter-spacing: -0.25px;
}

.loadinf h2{
	font-size: 24px;
	color: #364962;
	font-weight: 500;
	letter-spacing: -1px;
	transition: all .25s ease-in-out;
	margin: 0;
}

.cmin .loadinf h2{
	font-size: 17px;
}

.infinite{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.escargador_.onlyico .infinite{    
	position: relative;
	top: auto;
	transform: none;
	left: auto;
}

.infinite svg {
	max-width: 7em;
	border-radius: 3px;
	fill: none;
	stroke: #efefef;
	stroke-linecap: round;
	stroke-width: 8%;
	padding: 0;
}

.infinite use {
	stroke: var(--color1);
	animation: a 2s linear infinite;
}

@keyframes a { to { stroke-dashoffset: 0px }
}        

/**/
.btn_login{
	position: relative;
	background: var(--color1);
	box-shadow: 0px 0px 20px rgba(77, 185, 97, 0);
	padding: 13px 25px;
	display: inline-block;
	border-radius: 30px;
	color: #fff !important;
	/* text-transform:  uppercase; */
	margin: 0;
	margin-bottom: 0;
	border: none;
	transition: all .3s ease-in-out;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0px;
}

.btn_login.red{
	background: var(--color2);
}

.btn_login i{
	position: relative;
	font-size: 11px;
	margin-left: 5px;
} 

.btn_login:focus{ 
	outline: none !important;
}

.btn_login:hover{
	outline: none !important;
	background: var(--color2);            
	color: #fff;
	/* animation: wobble-vertical 1s ease-in-out; */
	padding: 13px 30px;
}

.btn_login.red:hover{
	background: var(--color3);
}

.btn_login.saving{
	padding-left: 20px;
	background: #3bad02;
	text-transform: none;
}
.btn_login.saving:hover{
	padding-left: 20px;
}

.btn_light,
.btn.btn_light{
	position: relative;
	background: #f1f1f1;
	padding: 13px 25px;
	display: inline-block;
	border-radius: 30px;
	color: #858586;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0px;
	margin: 0;
	margin-bottom: 0;
	border: none;
	transition: all .3s ease-in-out;
}

.btn_light:hover,
.btn.btn_light:hover{
	outline: none !important;
	background: var(--color1);
	color: #fff;
}

/**/
.group-codes{
	text-align: center;
	margin: 30px 0px 0px;
}

.group-codes input::-webkit-outer-spin-button,
.group-codes input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}  

.group-codes input[type=number] {
	-moz-appearance: textfield;
	appearance: textfield;
}

.group-codes input{
	background-color: #f5f8fa;
	border-color: #f5f8fa;
	color: #0b2238;
	transition: all .2s ease-in-out;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border: 1px solid #e4e6ef;
	border-radius: 4px;
	margin: 1px;
	outline: none !important;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
}

.group-codes input:hover,
.group-codes input:focus{
	border: 1px solid rgb(var(--color2-code) / 15%);
	background-color: rgb(var(--color2-code) / 10%);
}

.group-codes p{
	font-size: 13px;
	line-height: 17px;
	width: 100%;
	color: #828ea4;
	text-align: center;
	display: block;
	font-weight: 500;
	font-weight: 300;
	margin: 15px 0px 0px;
}

.helpcode{
	margin: 0;
	display: inline-block;
}

.helpcode p{
	display: block;
	color: #3a3f42;
	margin-bottom: 0;
	letter-spacing: -0.3px;
	font-size: 14px;
	margin: 0;
}

.helpcode a{
	color: #364962;
	margin-bottom: 0;
	letter-spacing: -0.3px;
	font-size: 14px;
	margin: 0;
	transition: all .25s ease;
	font-weight: 600;
}

.helpcode a:hover{
	color: var(--color1);
}

/**/
.iconguardando_ {
	display: inline-block;
	opacity: 1;
	position: relative;
	top: 3px;
	right: auto;
	left: -7px;
	transform: none;
	width: 14px;
	height: 14px;
	z-index: 1;
	border: solid 2px transparent;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-radius: 10px;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);
	}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
	}
}    
@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg);
	}
	100% { transform: rotate(360deg); transform: rotate(360deg);
	}
}

/**/
.loadtile_ {
	margin-bottom: 100px;
	margin-top: 85px;
}

.loadersimple {
	width: 40px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	display: block;
	margin: 0 auto;
	font-size: 15px;
	margin-bottom: 25px;
	background: var(--color1);
	position: relative;
}

.loadersimple i{
	position: absolute;
	top: 13px;
	left: 13px;
	height: 14px;
	width: 14px;
	border: 3px solid white;
	border-right-color: transparent;
	border-radius: 50%;
	animation: rotatesimple 1s infinite linear;
}

@keyframes rotatesimple {
	0%    { transform: rotate(0deg);
	}
	100%  { transform: rotate(360deg);
	}
}              

/**/
.btrap .formulario {
	width: 100%;
}

.type2.cards_.hv_{
	width: 130px;
	max-width: 130px;
	border: 0;
	margin: 0px 50px;
}
.type2.cards_.hv_ .img_{
	height: 130px;
	border-radius: 50%;
}

.lettes,
.type2.cards_.hv_ .img_.lettes{
	width: 130px;
	background: var(--color1);
	position: relative;
}
.lettes p,
.Form_ .lettes p{
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	margin: auto;
	text-transform: uppercase;
	color: #fff;
	font-size: 36px;
	font-weight: 800;
}

/**/
/*KENDO UPLOAD*/
.upload_ {
	/* padding: 5px; */
	margin-bottom: 25px;
}

.upload_ p {
	color: #717171;
}

.upload_ .k-upload {
	background-image: none;
	background-color: #f5f5f5;
	border-color: #d9dcdb;
	border-radius: 10px;
}

.upload_ .k-upload-files{
	border: 0;
}

.form_coop .upload_ .k-upload {
	background-color: #ffffff;
	border-radius: 5px;
	border: 0;
}

.form_coop .k-upload .k-upload-button {
	font-size: 14px;
	font-weight: 600;
	/* text-transform: uppercase; */
	color: #fff;
	border-color: var(--color1);
	background-color: var(--color1);
	background-image: none;
	box-shadow: none !important;
	padding: 6px 10px;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
}

.form_coop .k-upload .k-upload-button:hover {
	background: var(--color2);
	border-color: var(--color2);
}

.form_coop .upload_ .k-upload .k-dropzone {
	padding: 7px 20px 7px 7px;
	background-image: none;
	border-radius: 35px;
	background-color: rgb(160 170 174 / 8%);
	border: 1px solid rgb(66 72 78 / 10%);
}

.form_coop .upload_ .k-dropzone em,
.form_coop .upload_ .k-dropzone .k-upload-status{
	color: #737373;
	font-size: 13px;
}

.upload_ .k-file-success .k-file-name {
	color: #354c5d;
	font-size: 14px;
	font-weight: 500;
}

/**/
/*INFO OCULTA*/
.showtext {
	display: block;
	margin-top: 0;
	border-bottom: 1px solid #e6ecf5;
	margin-bottom: 0;
	padding: 10px 10px 50px;
	position: relative;
	padding: 30px 0px 40px;
	border: 0;
}

.showtext h1{
	font-size: 17px;
	line-height: 24px;
	color: #092c4c;
	display: block;
	margin: 15px 0px 10px;
	letter-spacing: -0.5px;
}

.showtext p{
	line-height: 24px;
	margin: 0;
	margin-bottom: 15px;
	display: block;
	color: #585763;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 400;
}

.showtext p a,
.showtext a{
	color: var(--color1);
	font-weight: 500;
}

.showtext p a:hover,
.showtext a:hover{
	color: var(--color1);
} 

.hidden_infovideo{
	height: 135px;
	overflow: hidden;
	transition: height 0.8s ease;
	position: relative;
}

.hidden_infovideo:after{
	position: absolute;
	background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.2) 100%);
	width: 100%;
	height: 70%;
	display: block;
	content: "";
	bottom: 0;
	z-index: 1;
	pointer-events: none;
	opacity: 1;
	transition: all .4s ease-in-out;
}

.showbox.hidden_infovideo:after{
	opacity: 0;
}

.boxabrir{
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.abrirpanel{
	position: relative;
	color: #092c4c !important;
	padding: 6px;
	cursor: pointer;
	font-weight: 700;
	transition: all .25s ease-in-out;
	z-index: 10;
	text-transform: uppercase;
	font-size: 13px;
}

.open.abrirpanel{
	color: rgb(133, 135, 148) !important;
}

.abrirpanel:hover,
.open.abrirpanel:hover{
	color: #083d6c !important;
}

.abrirpanel:after{
	font-family: 'FontAwesome';
	content: "\f078";
	-webkit-font-feature-settings: 'liga' 1;
	-moz-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga' 1;
	position: absolute;
	top: 8px;
	left: -10px;
	font-size: 10px;
	font-weight: 700;
	transition: all .25s ease-in-out;
} 

.open.abrirpanel:after{
	transform: rotate(-180deg);
}

/**/
.bswitch_ .btn-Switch{ 
	display: inline-block;
}

.bswitch_ label{
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0;
	font-weight: 400;
	color: #585763;
	margin: auto;
}

.bswitch_.withtop .btn-Switch{ 
	margin-top: 10px;
}

.infoswitch{
	transition: all .25s ease-in-out;
}
.infoswitch.disabled{
	pointer-events: none;
	opacity: .5;
}

.disabled_,
.infoswitch .disabled{
	transition: all .25s ease-in-out;
	pointer-events: none;
	opacity: .5;
}

.infoswitch .btn_login{
	font-size: 16px;
	font-weight: 600;
}
.infoswitch .btn_login i{
	margin-right: 4px;
	margin-left: auto;
	top: -1px;
	font-size: 13px;
}
.infoswitch .btn_login .iconguardando_{
	top: 2px;
	margin-right: 0px;
	margin-left: 5px;
}

.indarrow_{
	position: relative;
	z-index: 0;
}
.indarrow_:after {
	background-image: url(../images/flecha.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 115px;
	height: 30px;
	content: "";
	display: block;
	bottom: -30px;
	left: 60px;
	pointer-events: none;
}

/**/
.btncalypso {
	pointer-events: auto;
	cursor: pointer;
	padding: 13px 23px;
	position: relative;
	overflow: hidden;
	font-weight: 600;
	font-size: 17px;
	border-radius: 50px;
	color: #fff;
	outline: none !important;
	display: inline-flex;
	transition: all .25s ease-in-out;
	margin: 0;
	letter-spacing: -0.25px;
	background: #40a535;
	border: 0;
}
.disabled .btncalypso {
	pointer-events: none !important;
}

.btncalypso:hover, 
.btncalypso:focus {
	padding: 13px 28px;
}

.btncalypso::before,
.btncalypso::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btncalypso span.i{
	display: inline-block;
	margin-right: 3px;
	font-size: 13px;
}

.btncalypso span {
	display: block;
	position: relative;
	z-index: 10;
}

.btncalypso:hover span,
.btncalypso:focus span {
	animation: MoveScaleUpInitial 0.3s forwards, MoveScaleUpEnd 0.3s forwards 0.3s;
	color: #fff;
}

@keyframes MoveScaleUpInitial {
	to {
		transform: translate3d(0,-105%,0) scale3d(1,2,1);
		opacity: 0;
	}
}

@keyframes MoveScaleUpEnd {
	from {
		transform: translate3d(0,100%,0) scale3d(1,2,1);
		opacity: 0;
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

.btncalypso::before {
	content: '';
	background: var(--color1);
	width: 120%;
	height: 0;
	padding-bottom: 120%;
	top: -110%;
	left: -10%;
	border-radius: 50%;
	transform: translate3d(0,68%,0) scale3d(0,0,0);
}

.btncalypso:hover::before,
.btncalypso:focus::before {
	transform: translate3d(0,0,0) scale3d(1,1,1);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.btncalypso::after {
	content: '';
	background: var(--color1);
	transform: translate3d(0,-100%,0);
	transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}

.btncalypso:hover::after, 
.btncalypso:focus::after {
	transform: translate3d(0,0,0);
	transition-duration: 0.05s;
	transition-delay: 0.4s;
	transition-timing-function: linear;
}

/**/
.recdato h1{
	color: #364962;
	display: inline-block;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	margin: 20px 20px 0px;
}

.recdato h1 small{
	position: relative;
	display: block;
	font-size: 16px;
}
.recdato h1 small:after {
	position: absolute;
	content: "#";
	display: block;
	margin: 0 auto;
	top: 10px;
	right: 79px;
	color: rgb(232, 232, 232);
	z-index: -1;
	font-size: 36px;
	font-weight: 900;
}
.recdato h2{
	color: #364962;
	display: inline-block;
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	margin: 20px 20px 0px;
}
.recdato h2 small{
	position: relative;
	display: block;
	font-size: 13px;
}
.recdato h3{
	color: #364962;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin: 20px 20px 0px;
}
.recdato h3 small{
	position: relative;
	display: block;
	font-size: 13px;
}

/**/
span.field-validation-error{
	background: #f9e4e4;
	padding: 10px 10px;
	position: relative;
	display: inline-block !important;
	left: 5px;
	font-size: 13px;
	line-height: 14px;
	font-weight: 400;
	border-radius: 0px 4px 4px 4px;
	margin-bottom: 10px;
	margin-top: -11px;
	z-index: 1;
	text-align: center;
	width: calc(100% - 10px);
}

span.field-validation-error span{
	display: block;
	width: 100%;
}

span.field-validation-error:after{
	position: absolute;
	z-index: -1;
	content: '';
	left: 0;
	top: -6px;
	border-style: solid;
	border-width: 0px 7px 7px 0px;
	border-color: #f9e4e4 transparent;
}

/* PERSONALIZAR RADIOS CHECK */
.helpradio{
	color: #43484c;
	font-size: 13px;
	letter-spacing: -.35px;
	display: block;
	font-weight: 400;
	margin-top: 9px;
}

.control-group {
	vertical-align: top;
	text-align: left;
	margin-top: 10px;
}
.control {
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	color: #43484c;
	font-size: 13px;
	letter-spacing: -.35px;
	display: block;
	font-weight: 400;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control__indicator {
	position: absolute;
	top: -1px;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 3px;
	background: #e6e6e6;
}
.control--radio .control__indicator {
	border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: #ccc;
}
.control input:checked ~ .control__indicator {
	background: var(--color1);
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: var(--color1);
}
.control input:disabled ~ .control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control__indicator:after {
	display: block;
}
.control--checkbox .control__indicator:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
	left: 7px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}

/* CERTIFICADO PERSONALIZADO  */
.pcert{
	width: 860px;
	position: relative;
	background: #fff;
	margin: auto;
	display: block;
	text-align: left;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0px 20px 70px rgb(0 0 0 / 5%);
	margin-bottom: 30px;
	z-index: 0;
} 

.backforma_{
	position: absolute;
	height: 300px;
	width: 99%;
	display: block;
	left: 0;
	bottom: 0;
	z-index: -1;
} 
.backforma_ img{
	display:  block;
	position: relative;
	height: 100%;
	max-width: 100%;
}

.backlogo_{
	position: absolute;
	height: 560px;
	width: 215px;
	display: block;
	right: 0;
	bottom: 0;
	z-index: -1;
} 
.backlogo_ img{
	display:  block;
	position: relative;
	height: 100%;
	max-width: 100%;
} 

.ptop_{
	height: 300px;
	position: relative;
	/*background-image: url(../images/cert_form1.png);
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;*/
	z-index: 1;
	padding: 45px 0px 0px 55px;
}
.ptite{
	color: #fff;
	position: relative;
	display: inline-block;
}
.ptite:after{
	background: #373736;
	content: "";
	/* display: block; */
	position: absolute;
	width: 100%;
	/* height: 1.5px; */
	left: 0;
	top: -5px;
}
.ptite h1{
	font-size: 30px;
	line-height: 28px;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin: 0;
	position: relative;
	padding-top: 15px;
}
.ptite p{
	font-size: 20px;
	letter-spacing: -0.5px;
	font-weight: normal;
	margin-bottom: 60px;
	font-family: 'Poppins', sans-serif;
}

.pname{
	color: #fff;
	position: relative;
	display: block;
}
.pname:after{
	background: #373736;
	content: "";
	/* display: block; */
	position: absolute;
	width: 280px;
	/* height: 0.5px; */
	left: 0;
	bottom: -8px;
}
.pname h1{
	font-size: 28px;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: -0.5px;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	margin-bottom: -5px;
}
.pname p{
	font-size: 24px;
	letter-spacing: -0.5px;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
}

.pbot_{
	height: 270px;
	position: relative;
	z-index: 1;
	padding: 35px 55px 0px 55px;
}

.pinfo{
	max-width: 520px;
	display: block;
	position: relative;
}
.pinfo:after{
	background: #373736;
	content: "";
	/* display: block; */
	position: absolute;
	width: 280px;
	/* height: 1.5px; */
	left: 0;
	top: -15px;
}
.pinfo p{
	font-style: italic;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	line-height: 23px;
	color: #373736;
}

.pdate{
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	line-height: 21px;
	color: #373736;
	padding-top: 25px;
	display: block;
}
.pdate span{
	position: relative;
	display: inline-block;
	/* border-bottom: 2px solid #373736; */
	padding-bottom: 7px;
}
.pdate i{
	font-family: 'Poppins', sans-serif;
	display: inline-block;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-right: 15px;
}
.pdate p{
	display: inline-block;
	margin: 0;
	letter-spacing: -0.5px;
	font-style: oblique;
	font-weight: 500;
	font-size: 16px;
	position: relative;
	padding-right: 15px;
}
.pdate p:last-child{
	padding-right: 0px;
}
.pdate p:after{
	display: inline-block;
	content: "/";
	position: absolute;
	font-size: 22px;
	right: 0;
	top: -1px;
}
.pdate p:last-child:after{
	display: none;
}

.plogo{
	display: block;
}
.plogo img{
	max-height: 60px;
	display: block;
	margin: auto;
}

.noaviso{
	display: none;
	max-width: 320px;
	width: 100%;
	margin: auto;
	background: #eff6de;
	border: 1px solid rgb(149 194 34 / 20%);
	border-radius: 20px;
	padding: 50px 30px;
	margin-bottom: 30px;
}            

.noaviso i{
	color: rgb(149 194 34 / 40%);
	font-size: 28px;
	margin: 0px 0px 20px 0px;
}

.noaviso h1{
	color: rgb(149 194 34);
	font-size: 21px;
	line-height: 22px;
	letter-spacing: -0.25px;
	display: block;
	margin-bottom: 35px;
}

.noaviso p{
	margin: 0;
	color: #373736;
	line-height: 19px;
	font-size: 15px;
}


/** ____________________________________________________________________________________________
PANELES
______________________________________________________________________________________________**/
.pnoptions {
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	align-items: center;
	justify-content: center;
	max-width: 1350px;
}

.panel {
	max-width: 250px;
	width: 250px;
	padding: 20px 15px 25px 15px;
	margin: 10px;
	cursor: pointer;
	border: 1px solid rgb(0 0 0 / 5%);
	border-radius: 10px;
	color: #474e56;
	font-size: 14px;
	letter-spacing: -0.3px;
}
.bloqueado {
	background-color: #f7f7f7;
	cursor: not-allowed;
}
.activo {
	background-color: rgb(204 229 255 / 35%);
}
.completado {
	background-color: rgb(212 237 218 / 60%);
	background-color: rgb(185 211 238 / 45%);
	cursor: not-allowed;
}

.panelname_{
	position: relative;
	border: 1px solid rgb(0 0 0 / 5%);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 35px;
	background: rgb(255 255 255 / 50%);
} 
.panelname_:after{
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	right: 15px;
	bottom: -25px;
	border-radius: 50%;
	font-size: 14px;
	font-family: 'FontAwesome';
	content: "\f017";
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #f7f7f7;
	color: #474e56;
}
.activo .panelname_:after{
	content: "\f27a";
	border: 1px solid rgb(0 0 0 / 5%);
	background: rgb(204 229 255);
	color: #4e85bc;
}
.completado .panelname_:after{
	content: "\f00c";
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #8BC34A;
	color: #ffffff;
	background: var(--color1);
}

.panelname_ h1{
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.5px;
	color: #474e56;
	margin: 30px 0px 30px 0px;
}

/**/
.pnoptions .especial {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 20px; 
	justify-content: right;
	display: flex;
}   

.btn_reiniciar{
	border: 1px solid #e2e7eb;
	background: #fff;
	display: block;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	transition: all 0.2s ease-in-out;
	color: #e2e7eb;
}

/**/
.panel-resumen{
	position: fixed;
	background: #ffffff;
	z-index: 1000;
	width: 230px;
	box-shadow: 0px 0px 20px rgb(73 96 113 / 20%);
	border-radius: 10px;
	left: 0px;
	top: 160px;
	/*max-height: 400px;
	overflow: auto;
	overflow-x: hidden;*/
}
.panel-resumen.onn_{
	left: 0px;
	transition: all .3s ease-in-out;
}
.panel-resumen.off_{
	left: -230px;
	transition: all .3s ease-in-out;
}

.tite-resumen{
	position: relative;
}

.tite-resumen h3{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.2px;
	color: #fff; 
	background: var(--color1);
	padding: 15px 20px;
	margin: 0;
	border-radius: 0px 0px 0px 0px;
	max-height: 46px;
}
.lan_toggle{
	height: 46px;
	width: 46px;
	border: 0px !important;
	background: var(--color1);
	position: absolute;
	right: -46px;
	top: 0;
	border-radius: 0px 10px 10px 0px;
}
.lan_toggle img{
	width: 28px;
	height: auto;
}

.list_cand {
	padding: 20px;
}

.list_cand li{
	/* background: #f9fbff; */
	border-top: 0px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 5px;
	animation: fadeInUp .5s ease-in-out .3s both;
}

.list_cand small{
	position: relative;
	font-size: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	width: 100%;
	margin-bottom: 7px;
	color: #b4bbc4;
	font-weight: 500;
	transition: all .2s ease-in-out;
}

.list_cand .active small{
	padding-left: 10px;
	color: var(--color1);
	font-weight: 600;
}

.list_cand .active small:after{
	position: absolute;
	content: "";
	display: block;
	width: 4px; 
	height: 4px;
	background: var(--color1);
	border-radius: 50%;
	top: 6px;
	left: 0;
}

.list_cand .nombre{
	color: #474e56;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -1px;
	display: flex;
	align-items: center;
	width: 100%;
	gap: 0.5rem;         
	animation: fadeIn .5s ease-in-out .6s both;
}

.list_cand .nombre img{
	max-width: 30px;
	height: auto;
	border-radius: 3px;
}

.list_cand .nombre p{
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	max-width: 100%;
	width: 100%;
}

.Ayuda_ {
	position: relative;
	display: none;
	align-items: center;
	justify-content: center;
	width: fit-content;
	max-width: 100%;
	background: rgb(var(--color2-code) / 15%);
	margin: auto;
	padding: 8px 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}    
.Ayuda_ img {
	max-width: 26px;
	height: auto;
}
.Ayuda_ p {
	margin: 0;
	font-size: 12px;
}

.pna_final{
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1200px;
}

.pna_title{
	flex: 0 0 40%;
	max-width: 40%;
	text-align: left;
}

.pna_title h2{
	color: var(--color1);
	letter-spacing: -1px;
	font-size: 2rem;
	margin-top: 30px;
}
.pna_title p{
	color: #474e56;
	font-size: 1.1rem;
}

.pna_box{
	flex: 0 0 60%;
	max-width: 60%;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: center;
}

.item-resumen{
	text-align: left;
	flex: 0 0 48%; 
	max-width: 48%;
	width: 48%;
} 

.item-resumen h4{
	background-color: rgb(204 229 255 / 35%);
	border: 1px solid rgb(0 0 0 / 5%);
	border-bottom: 0px solid;
	border-radius: 10px 10px 0px 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	max-width: 100%;
	width: 100%;
	font-size: 12px;
	letter-spacing: -0.3px;
	padding: 14px 10px;
	margin: auto;
	color: rgb(112 126 141);
} 
.item-resumen h4 small{
	background: var(--color1);
	color: #fff;
	margin: auto;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0;
	border-radius: 5px;
} 

.res_box{
	display: flex;
	align-items: center;
	border: 1px solid rgb(0 0 0 / 7%);
	border-top: 0px solid;
	border-radius: 0px 0px 10px 10px;
	padding: 20px;
	gap: 15px;
}

.res_box .res_text{
	max-width: 100%;
	overflow: hidden;
}

.res_box img{
	width: 80px;
	border-radius: 6px;
}

.res_box p{    
	color: #474e56;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.25px;
	margin: 0;
}

.res_box h3{
	color: #474e56;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: -0.25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
	max-width: 100%;
	width: 100%;
	display: block;
	margin: 0;
}

.check-animado {
	position: relative;
	width: 160px;
	height: 160px;
	/* margin: auto; */;
}

.check-ring {
	width: 100%;
	height: 100%;
	stroke: var(--color1);
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	stroke-dasharray: 201;
	stroke-dashoffset: 201;
	animation: ringDraw 1s ease-out forwards;
}

.check-mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	stroke: var(--color1);
	stroke-width: 2;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 50;
	stroke-dashoffset: 50;
	animation: checkDraw 0.6s ease-out 0.5s forwards;
}

@keyframes ringDraw {
	to { stroke-dashoffset: 0;
	}
}
@keyframes checkDraw {
	to { stroke-dashoffset: 0;
	}
}

/** ____________________________________________________________________________________________
RWD
______________________________________________________________________________________________**/
@media screen and (max-height: 680px) {
	.banner_login{
		height: 100%;
	}
	
	.login_ .Form_{    
		padding: 10px 10px;
	}
	.login_ .Form_postulacion {
		padding-bottom: 50px;
	}
}


@media only screen and (min-width: 1590px) {
	/*.logo{background: red;
	}*/
	.login_ .Info_ .box {
		margin-bottom: 10%;
	}
}

@media only screen and (min-width: 1900px) {
	/*.logo{background: red;
	}*/
	.login_ .Info_ .box {
		margin-bottom: 30%;
	}
	
	.pna_final{
		padding-top: 30px;
		padding-bottom: 280px;
	}
}


@media only screen and (max-width: 1025px) {
	#bg.bg_extr, .bg_extr {
		height: 230px;
	}
	
	.login_ .banner_login { 
		height: auto;
	}
	.login_ .Info_ .box{    
		top: auto;
		transform: none;
	}
}

@media only screen and (max-width: 1150px) {
	/*.logo{background: rebeccapurple;
	}*/
	.login_ .footer {
		padding-top: 170px;
	}
	
	.head_modal img {
		max-height: 60px;
	}
	
	.head_modal h1 {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 992px) {
	/*.logo{background: rebeccapurple;
	}*/
	
	.box {
		width: 350px;
	}
	
	.login_ #bg {
		top: 0px;
		background-image: none !important;
	}
	
	.login_ .footer {
		padding-top: 10px;
	}
	
	.bg_frase {
		display: none;
	}
	
	.login_ .Info_ {
		margin: 0 auto;
		float: none;
	}
	
	.login_ .Info_ {
		width: 50%;
		left: 0%;
	}
	
	/* #bg {
	top: 160px;
	} */
	
	#bg img {
		bottom: auto;
		min-width: 100%;
	}
	
	/*.login_ .Form_{margin-bottom: 100px;
	}*/
	
	.menu_ .logo {
		width: 40%;
	}
	
	.menu_ .area {
		width: 60%;
	}
	
	.items_ {
		padding: 15px 20px;
	}
	
	.results_ .cards_.icon_ {
		margin-left: 5%;
	}
	
	.Info_ {
		height: auto;
		min-height: auto;
	}
	
	.break_ {
		height: auto;
		padding: 0;
	}
	
	.User_ {
		float: none;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,.1);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.break_ h1 {
		float: none;
	}
	
	.nav {
		display: block;
		position: relative;
		width: 80%;
		float: none;
		margin: auto;
	}
	
	.radio_box {
		height: auto
	}
	
	.radio_ p {
		margin-right: 10px;
	}
	
	#bg.bg_extr, .bg_extr {
		height: 180px;
		top: 0;
	}
	
	.pcert{
		display: none;
	}
	.basicpdf_{
		display: none;
	}
	.noaviso{
		display: block;
	}  
	
	/* .prest_ .nav_{ 
	overflow: hidden;
	} */
	
	.Ayuda_ {
		display: flex;
	}
	
	.pna_title,
	.pna_box {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: center;
	}
	.item-resumen {
		flex: 0 0 80%;
		max-width: 80%;
		width: 80%;
	}
	
	.check-animado {
		width: 100px;
		height: 100px;
		margin: auto;
	}
}

@media only screen and (max-width: 768px) {
	/*.logo{background: blue;
	}*/
	
	.login_ #bg {
		opacity: 1;
		background-position: left top;
		background-size: auto;
	}
	
	#bg {
		opacity: 0
	}
	
	#bg img {
		bottom: auto;
		min-width: 100%;
		min-height: auto;
	}
	
	.Info_ {
		float: none;
		width: 100%;
		padding-top: 60px;
	}
	
	.box {
		width: 320px;
		margin-top: 0px;
	}
	
	.login_ .Info_ {
		width: 90%;
		left: 0%;
	}
	
	.menu_ .area {
		display: none;
	}
	
	.menu_ .logo {
		width: 100%;
		float: none;
	}
	
	.Conten_ {
		padding-top: 85px;
	}
	
	.break_ {
		height: auto
	}
	
	.User_, .Date_ {
		width: 100%;
		float: none
	}
	
	.break_ h1, .break_ .Date_ h1 {
		float: none;
		line-height: 40px;
		margin-top: 5px;
		margin-bottom: 5px;
		min-height: 40px;
		overflow: hidden;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: capitalize;
		max-width: 100%;
		width: 100%;
	}
	
	.vote_{    
		margin-top: 0px;
	}
	.sections_{
		padding-top: 0px;
	}
	.title_  {    
		margin-bottom: 20px;
	}
	
	.title_ h1 {
		/* color: rgba(0, 0, 0, 0.3); */
		text-shadow: none;
		font-size: 20px;
		line-height: 24px;
	}
	
	.title_ p {
		/* color: rgba(0, 0, 0, 0.2); */
		text-shadow: none;
		font-size: 14px;
		line-height: 16px;
		margin-top: 10px;
	}
	
	.cards_ {
		/* float: none;
		width: 300px;
		margin: 0 auto;
		margin-bottom: 20px;
		display: block; */
		width: 220px;
	}
	.vote_ .cards_ .img_ {
		height: 170px;
	}
	
	.results_ .cards_.icon_, .results_ .cards_ {
		float: none;
		width: 280px;
		height: auto;
		margin: 0 auto;
		margin-bottom: 0px;
		display: block;
		border-radius: 0 !important;
	}
	
	.results_ .infoP {
		margin-bottom: 30px;
	}
	
	.vote_ .tabb_ a.active {
		background: #77bf47;
		color: #ffffff;
	}
	
	.vote_ .tabb_ a {
		background: rgba(119, 191, 71, 0.6);
		color: #ffffff;
	}
	
	#bg.bg_extr, .bg_extr {
		opacity: 1;
		margin-top: 80px;
	}
	
	.seccionToggle {
		max-width: 300px;
		width: 300px;
		right: 0px;
	}
	
	.b_modal {
		max-height: 320px;
	}
	
	.btn-close .openClose {
		right: 274px;
	}
	
	.btn_enlaces .span-close {
		right: 268px;
	}
	
	.btn_campaign {
		left: 5px;
		position: relative;
	}
	
	.btn_campaignV2 {
		position: relative;
		top: auto;
		right: auto;
	}
	
	.login_ .btn_enlaces {
		display: none;
	}
	
	._infom{
		padding: 0px 15px !important;
	}
	._infom.text-right{
		margin-top: 20px;
	}
	.foo_campana i{
		display: none;
	}
	.foo_campana .big_{        
		text-align: center !important;
	}
	.foo_campana .emta{        
		text-align: center !important;
		display: block;
	}
	
	/**/
	.block_ {
		padding: 20px 20px 20px;
	}
	.type2.cards_.hv_ { 
		display: block;
		margin: auto;
		margin-bottom: 25px;
	}
	
}

@media only screen and (max-width: 480px) {
	.login_ .seccionToggle {
		max-width: 100%;
		width: 100%;
		height: 100%;
		border-radius: 0px;
	}
	
	.login_ .close_toggle {
		top: 0px;
		right: 0px;
		box-shadow: none;
		border-radius: 0px;
	}
	
	.login_ .b_modal {
		max-height: 100%;
	}
	
	.head_modal img {
		display: none;
	}
	
	.helpFilter_ .nav_ {
		display: none !important;
	}
	
	.cards_ {        
		width: 133px;
		margin: 2px 2px;
	}
	.vote_ .cards_ .img_ {
		height: 130px;
		margin: 0 10px;
		margin-bottom: 10px;
	}
	.infoP h3{    
		font-size: 20px;
	}
	
}

/* New CSS */
img {
	max-width: 100%;
}

.headline h1 {
	font-size: clamp(22px, 3vw, 28px);
}

.metadesc_ {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 0;
}

.metadesc_ h3 {
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.metadesc_ h3 i {
	top: 0;
}

.embed-responsive {
	padding: 0;
	aspect-ratio: 16 / 9;
	height: auto;
}

.text-success {
	color: #8BC34A !important;
}

.text-danger {
	color: #F44336 !important;
}

.swal2-loader {
	border-color: var(--color1) transparent var(--color1) transparent;
}

.campana_ .cards_ .img_ {
	aspect-ratio: 1;
	background-size: contain;
	max-width: 100%;
}

.modal_actions {
	gap: 10px;
}

/* 768 */
@media (max-width: 768px) {
	.landing_ {
		width: 100%;
	}
	
	.infoLanding_ {
		padding-block: 0;
	}
	
	.headline h1 {
		padding-inline: 0;
	}
	
	.metadesc_ {
		padding-inline: 0;
	}
	
	.reason_ {
		padding: 20px 0 0;
	}
	
	.title_ h1 {
		margin-top: 10px;
	}
	
	.items_ .Form_ {
		padding-inline: 0;
	}
	
	.header_ {
		padding: 15px;
	}
	
	.campana_ .block_ {
		padding: 15px;
	}
	
	.campana_ .block_ .col-md-12,
	.campana_ .block_ .col-md-9,
	.campana_ .block_ .col-md-3 {
		padding: 0;
	}

	.eleccionesList_ .Conten_ {
		padding-top: 20px;
	}

	.campana_page .items_ {
		padding: 0 20px !important;
	}

	.in_zona .itemE_ {
		padding: 20px 0 0;
	}

	.section_colg .pcertificado_ {
		padding: 0 0 20px;
	}

	.contentp {
		padding: 20px;
	}

	.pcertificado_ h3 {
		margin: 20px 0 5px;
		font-size: 1.5rem;
	}

	.pdownload_ {
		margin-bottom: 20px;
	}

	.login_ .Info_ {
		padding-top: 20px;
	}

	.box_search .filter_load .select_ .label {
		max-width: 100%;
	}

	.resultados_.prest_ {
		padding: 0;
	}

	.rplancha {
		top: 20px;
		padding: 0 20px 40px;
	}

	.box_search .filter_load .block_ {
		padding: 20px;
	}

	.inner_busq {
		max-width: 100%;
		height: auto;
	}

	.inner_busq input {
		max-width: 100%;
		margin-bottom: 10px;
	}

	.contenedor_load {
		min-height: 0;
	}

	.tiletable {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 10px;
		padding: 10px;
	}

	.tiletable i {
		position: relative;
		top: 0;
		left: 0;
		transform: none;
	}

	.tiletable p {
		position: relative;
		left: 0;
		top: 0;
		order: 2;
		transform: none;
	}

	.counter_ {
		padding: 0;
	}

	.colletion {
		padding: 10px;
	}

	.formulario.full_ .input_ {
		padding-bottom: 0;
	}

	.Form_ .infoHV_, .infoHV_ {
		padding-bottom: 15px;
	}

	.cards_.hv_ {
		margin-bottom: 20px;
	}

	.form_coop .upload_ .k-dropzone em {
		display: none;
	}

	.indarrow_:after {
		bottom: 0;
		top: 100px;
		left: 0;
		transform: rotate(90deg);
	}

	.infoswitch .btn_login {
		margin-bottom: 10px;
	}

	.picture_ .img_ {
		margin-bottom: 20px;
	}

	.swal2-popup {
		padding: 1.5em;
	}

	.swal2-content {
		padding: 0;
	}

	.infoP h3 p {
		font-size: 18px;
	}
}