@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;800&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select, button,
header, section, article, footer, aside, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	}
strong {
	font-weight: 800;
	}
:focus {
	outline:0;
	}
body{
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
	font-size: 100%;
    height: 100%;
    overflow-x: hidden;
}
@media (min-width: 1023px) and (max-width: 1199px) {
	html {
		font-size: 75%;
	}
}
@media (max-width: 1023px) {
	html {
		font-size: 93.75%;
	}
}
@media (max-width: 409px) {
	html {
		font-size: 87.5%;
	}
}
@media (max-width: 379px) {
	html {
		font-size: 81.25%;
	}
}
@media (max-width: 359px) {
	html {
		font-size: 75%;
	}
}

body {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size:100%;
	line-height:1;
	color:#3b4652;
	min-height:100%;
	background: #fcfcfc;
}
:focus {
	box-shadow: 0 0 2px 0 #71C1B1;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}
.display-none {
    display: none !important;
}
.mobWrapper {
	width: 100vw;
	overflow-x: hidden;
}

.header {
	padding: 1rem 0;
	border-bottom: solid 1px rgba(0,0,0,.1);
	margin-bottom: 2rem;
	background: #fff;
	position: relative;
    z-index: 90000;
}
.header .page {
	position: relative;
}
.env_header .bt_menu {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	display: inline-block;
	vertical-align: middle;
	font-size: 1.25rem;
}
.env_header .branding {
	height: 4rem;
	display: inline-block;
	margin: 0 2rem -.5rem 0;
	vertical-align: middle;
}
.env_header .env_headerApp {
	display: inline-block;
	vertical-align: middle;
}
.env_header .env_headerApp h1 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #163C68;
	margin-bottom: .25rem;
}
.env_header .env_headerApp .nav li {
	font-size: .75rem;
	display: inline-block;
	margin-right: .5rem;
	position: relative;
}
.env_header .env_headerApp .nav li p,
.env_header .env_headerApp .nav li a {
	display: block;
	padding: .125rem .25rem;
	position: relative;
	z-index: 10;
	line-height: .875rem;
}
.env_header .env_headerApp .nav li a i,
.env_header .env_headerApp .nav li li a {
	color: #1d406f;
}
.env_header .env_headerApp .nav li p {
	text-transform: uppercase;
	font-size: .625rem;
	font-weight: 600;
	background: #eee;
	border-radius: 2px;
}
.env_header .env_headerApp .nav li ul {
	position: absolute;
	left: -.5rem;
	top: 0;
	white-space: nowrap;
	padding: 1.75rem .5rem .75rem;
	background: #fff;
	box-shadow: 0 .5rem 1rem -.365rem rgba(0,0,0,.25);
	z-index: 9;
	border-radius: 3px;
	opacity: 0;
	visibility: hidden;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
}
.env_header .env_headerApp .nav li a.active + ul {
	opacity: 1;
	visibility: visible;
}
.env_header .env_headerApp .nav li ul li {
	font-size: .875rem;
	display: block;
	margin: 0;
}
.env_header .env_headerApp .nav li ul li + li {
	margin-top: .25rem;
}
.env_header .env_headerApp .nav li ul li p {
	background: none;
	padding-top: .5rem;
}
.env_header .env_headerApp .nav li ul li a {
	background: #eee;
	border-radius: 3px;
	padding: .5rem 1rem .5rem .75rem;
}
.env_header .env_headerApp .nav li ul li a.active {
	background: #e2f0eb;
}
.env_header .env_headerApp .nav li ul li a:hover {
	text-decoration: underline;
	text-decoration-color: #71C1B1;
}
.env_headerGlobal {
	float: right;
}
.env_headerApps {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 99;
}
.env_headerApps a {
	display: inline-block;
	vertical-align: middle;
	height: 3rem;
	line-height: 3rem;
	width: 3rem;
	text-align: center;
	position: relative;
	background: #71C1B1;
	color: #163C68;
	border-radius: 1rem;
}
.env_headerApps .env_modsWrapper {
	position: absolute;
	right: 0;
	top: 100%;
	display: none;
}
.env_headerApps .env_modsWrapper .env_mod {
	display: block;
	width: auto;
}
.env_headerApps .env_modsWrapper .env_mod p,
.env_headerApps .env_modsWrapper .env_mod a {
	display: none;
}
.env_headerApps:hover .env_modsWrapper {
	display: block;
}
.env_headerUser {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1rem;
	position: relative;
	z-index: 99;
}
.env_headerUser .avatar,
.avatar {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1.125rem;
	letter-spacing: -.02em;
	font-weight: 600;
	color: #fff;
	border-radius: 3rem;
	border: dashed 1px #4879b3;
	padding: 2px;
	box-shadow: inset 0 0 0 2px #fff;
}
.env_headerUser .avatar img,
.env_headerUser .avatar span,
.body__qr .env_credencial .avatar img,
.body__qr .env_credencial .avatar span {
	display: block;
	border-radius: 10rem;
	background: #71C1B1;
	padding: 0;
}
.env_headerGlobal a .badge {
	position: absolute;
	left: 100%;
	top: 0;
	transform: translate(-75% , -25%);
}
.env_headerUserDD {
	border-top: solid 2px #163c68;
	padding-top: 1rem;
	position: absolute;
	z-index: 999;
	right: -1rem;
	top: 50%;
	background: #fff;
	border-radius: .25rem;
	box-shadow: 0 .25rem 1.5rem -.25rem rgba(0,0,0,.5);
	z-index: -1;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-1rem);
}
.env_headerUser.hover .env_headerUserDD {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.env_headerUserDD ul {
	padding: .875rem 0;
}
.env_headerUserDD ul li {
	text-align: right;
	padding: .75rem 1.5rem;
	white-space: nowrap;
} 
.env_headerUserDD ul li p {
	font-size: 1rem;
	font-weight: 600;
}
.env_headerUserDD ul li p span {
	display: block;
	font-size: .75em;
	color: #4879b3;
	text-transform: uppercase;
	margin-top: .375rem;
}
.env_headerUserDD ul li a {
	font-size: .875rem;
	text-decoration: none;
}
.env_headerMegamenu {
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: .875rem;
	right: 0;
	padding: 2rem;
	background: #fff;
	z-index: 10;
	border: solid 1px #ddd;
	border-top: none;
	border-radius: 0 0 .25rem .25rem;
	border-bottom: solid .25rem #71C1B1;
	box-shadow: 0 .75rem 1rem -.25rem rgba(0,0,0,.25);
	transition: all 400ms cubic-bezier(.7,0,.3,1);
	opacity: 0;
	visibility: hidden;
}
.env_headerMegamenu.visible {
	opacity: 1;
	visibility: visible;
}
.env_headerMegamenu .col6,
.env_headerMegamenu .col6 + .col {
	border-right: solid 1px #eee;
}
.env_headerMegamenu .col3 {
	border-left: solid 1px #eee;
	margin-left: -1px;
}
.env_headerMegamenu h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: .75rem;
	line-height: 1.2em;
}
.env_headerMegamenu .col6 h3 {
	color: #1d406f;
}
.env_headerMegamenu .col3 h3 {
	color: #71C1B1;
}
.env_headerMegamenu ul li a {
	border-radius: 3px;
	display: block;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
	max-width: 20em;
}
.env_headerMegamenu ul li a:hover {
	background: #e2f0eb;
}
.env_headerMegamenu .col ul li a {
	padding: .75rem .875rem;
	margin: 0 -.875rem;
}
.env_headerMegamenu .col6 ul li a {
	line-height: 1.5em;
	font-size: 1.25rem;
}
.env_headerMegamenu .col6 ul li a i {
	display: inline-block;
	width: 3rem;
	text-align: center;
	font-size: 1.5em;
	vertical-align: middle;
	color: #71C1B1;
}
.env_headerMegamenu .col3 ul li a {
	line-height: 1.125em;
}
.env_headerMegamenu .col3 ul.social {
	margin-top: 1rem;
	margin-left: -.125rem;
}
.env_headerMegamenu .col3 ul.social li {
	display: inline-block;
	margin-right: .25rem;
}
.env_headerMegamenu .col3 ul.social li a {
	padding: 0;
	width: 2.75rem;
	height: 2.75rem;
	line-height: 2.75rem;
	text-align: center;
	color: #1d406f;
	background:#e2f0eb;
	border-radius: 5rem;
	margin: 0;
}

.section {
	padding: 2rem 0;
}
.section:first-child,
.section + .section {
	padding-top: .5rem;
}
.section.bg + .section,
.section + .section.bg {
	padding-top: 2rem;
}
.section.bg {
	background:#e2f0eb;
}
.page {
	font-size: 1rem;
	padding: 0 2rem;
	max-width: 1300px;
	margin: 0 auto;
	clear:both;
}
.s_ac,
.s_ac .col {
	text-align: center;
}
.row {
	margin: 0 -1rem;
	font-size: 0;
	clear: both;
}
.row.rtl {
	direction: rtl;
}
.row + .row,
.sectionHeader + .row {
	margin-top: 2rem;
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col,
.gap {
	font-size: 1rem;
	box-sizing: border-box;
	padding: 0 1rem;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
@media (min-width: 960px) {
	.col,
	.gap {
		display: inline-block;
		vertical-align: top;
	}
	.col1 {width: 8.333%;}
	.col2 {width: 16.666%;}
	.col3 {width: 25%;}
	.col4 {width: 33.333%;}
	.col5 {width: 41.666%;}
	.col6 {width: 50%;}
	.col7 {width: 58.333%;}
	.col8 {width: 66.666%;}
	.col9 {width: 75%;}
	.col10 {width: 83.333%;}
	.col11 {width: 91.666%;}
	.col12 {width: 100%;}
}
@media (max-width: 959px) {
	.col + .col,
	.gap + .col {
		margin-top: 1.5rem;
	}
}


.sectionHeader {
	position: relative;
	box-shadow: 0 .5rem 1rem -1.125rem rgba(0,0,0,.5);
	margin: -2rem 0 2rem;
	padding: 1.5rem 0;
}
.main .sectionHeader h2 {
	margin-bottom: 0;
}
.main .sectionHeader p {
	font-size: 1.25rem;
	margin-bottom: 0;
}
.sectionHeaderActions {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.main h1,
.modal h1 {
	font-size: 2.5rem;
	font-weight: 800;
	color: #163C68;
	margin-bottom: .75rem;
	letter-spacing: -.02em;
	line-height: 1.2em;
}
.main h2,
.modal h2 {
	font-size: 1.875rem;
	font-weight: 600;
	color: #163C68;
	margin-bottom: .75rem;
	letter-spacing: -.01em;
	line-height: 1.2em;
}
.main h3,
.modal h3,
.alert h3,
.form h3 {
	font-size: 1.5rem;
	margin-bottom: .75rem;
	color: #1d406f;
	line-height: 1.2em;
	text-transform: uppercase;
}
.main h4,
.modal h4 {
	font-size: 1.375rem;
	font-weight: 800;
	margin-bottom: .75rem;
	line-height: 1.3em;
}
.main h5,
.modal h5 {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: .75rem;
	line-height: 1.3em;
}
.main h6,
.main p,
.main ul,
.main ol,
.modal h6,
.modal p,
.modal ul,
.modal ol,
.alert p {
	font-size: .875rem;
	line-height: 1.4em;
	margin-bottom: .75rem;
}
.main h6,
.modal h6 {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: .375rem;
}
.main ul li,
.modal ul li {
	margin-bottom: .375rem;
}
.main ul.list li,
.modal ul.list li {
	padding-left: .5rem;
	position: relative;
}
.main ul.list li:before,
.modal ul.list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: .5em;
	width: .25rem;
	height: .25rem;
	border-radius: .5rem;
	background: #71C1B1;
}
.main p + h1,
.main p + h2,
.main p + h3,
.main ul + h3,
.main ol + h3,
.main p + h4,
.main p + ul,
.main ul + p,
.main ol + p {
	margin-top: 2rem;
}
.main p + .bt {
	margin-top: 1rem;
}


svg {
	width: auto;
	height: auto;
}
svg,
img {
	max-width: 100%;
}

a,
button {
	display: inline-block;
	position: relative;
}
a i {
	line-height: inherit!important;
}
.bt {
	font-size: .875rem;
	display: inline-block;
	line-height: 3rem;
	height: 3rem;
	padding: 0 1.25rem;
	text-transform: uppercase;
	font-weight: 600;
	background: #1d406f;
	color: #fff;
	border-radius: 3rem;
	text-align: center;
	cursor: pointer;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
}
.bt:hover {
	color: #1d406f;
	background: #b6dce4;
}
.bt.btG {
	color: #1d406f;
	box-shadow: inset 0 0 0 1px #1d406f;
	background: #fff;
}
.bt.btG:hover {
	color: #1d406f;
	background: #b6dce4;
	box-shadow: none;
}
.bt.btI {
	width: 3rem;
	padding: 0;
	text-align: center;
}
.bt.disabled,
.btG.disabled,
.bt.disabled:hover,
.btG.disabled:hover {
	box-shadow: none;
	color: #aaa;
	background: #eee;
	cursor: default;
}
@media (min-width: 960px) {
	.bt + .bt {
		margin-left: .5rem;
	}
	.bt + .btText {
		margin-left: 1rem;
	}
}
@media (max-width: 959px) {
	.bt {
		display: block;
		text-align: center!important;
	}
	.bt + .bt,
	.bt_back {
		margin-top: .75rem;
	}
	.bt + .btText {
		margin-top: 1.25rem;
	}
}
.bt i {
	margin-right: .5em;
	font-size: 1.25em;
	vertical-align: middle;
}
.bt.btI i {
	margin: 0;
}
.btText {
	font-weight: 600;
	text-transform: uppercase;
    margin: 1rem 0;
    font-size: .875rem;
}
.btText,
.main p a,
.main ul a,
.main ol a,
.main label a {
	text-decoration: underline;
	text-decoration-color: #b6dce4;
}

.hr {
	display: block;
	margin: 1.5rem 0;
	border-top: solid 1px #ddd;
}
.hr + .btText {
	margin: 0;
}

.form .field {
	margin-bottom: 1rem;
}
.form .row,
.main .form .row + .row {
	margin: 0 -.625rem;
}
.form .col {
	padding: 0 .625rem;
}
.form .fieldSet + .fieldSet,
.formActions {
	margin-top: .25rem;
	padding-top: 1.25rem;
	border-top: solid 1px #ddd;
}
.form label {
	font-size: .75rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: .625rem;
	display: block;
	color: #666;
}
.form input,
.form select,
.form textarea {
	padding: .875rem 1.125rem;
	line-height: 1.2rem;
	background: #f0f0f0;
	border-bottom: solid 1px #c6c6c6;
	width: 100%;
	box-sizing: border-box;
}
.form input::placeholder {
	color: #111;
}
.form input[type="file"] {
	padding: 1.15rem;
}
.form input[type="color"] {
	padding: .5rem;
	height: 3rem;
}
.form input[type="date"] {
	padding: 0 1.125rem;
	height: 3rem;
}
.form input[readonly],
.form input[disabled],
.form select[readonly],
.form select[disabled] {
	border-bottom: none;
	background: #f9f9f9;
	opacity: 1;
}
select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.form select {
	line-height: 3rem;
	padding-top: 0;
	padding-bottom: 0;
	height: 3rem;
}
.form label {
	position: relative;
}
.form label input[type="checkbox"],
.form label input[type="radio"] {
	width: 1.5rem;
	height: 1.2rem;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 10;
	opacity: 0;
}
.form label input[type="checkbox"] + i,
.form label input[type="radio"] + i {
	position: absolute;
	left: 0;
	top: -.5px;
	width: 1.125rem;
	height: 1.125rem;
	background: #71C1B1;
	border-radius: 2px;
	line-height: 1.2rem;
	text-align: center;
	color: #fff;
	transition: all 50ms cubic-bezier(.7,0,.3,1);
	font-size: 0;
}
.form label input[type="radio"] + i {
	border-radius: 10rem;
	line-height: 1.1rem;
	text-align: right;
	padding-right: .1rem;
	box-sizing: border-box;
}
.form label input[type="checkbox"]:checked + i,
.form label input[type="radio"]:checked + i {
	font-size: .75rem;
}
.form input[readonly] + i,
.form input[disabled] + i,
.form select[readonly] + i,
.form select[disabled] + i {
	background: #ddd!important;
}
.formFooter {
	padding: 2rem;
	margin: 2rem -2.125rem -2rem;
	background: #eee;
	text-align: right;
}
.main .formFooter p {
	font-size: 1.125rem;
	color: #666;
	font-weight: 600;
	float: left;
	margin: 0;
	line-height: 3rem;
}
.formFooter .bt {
	margin: 0!important;
}
.form-msg {
	padding: .625rem 1rem;
	font-size: .875rem;
	margin: .75rem 0 1rem;
	text-align: left;
	border-radius: .3rem;
	border:solid 1px #cc2929;
	background: #cc292920;
}
.form-msg + .field {
	margin-top: 1.75rem;
}
.form-msg i {
	color: #fff;
	background: #cc2929;
	width: 1.5rem;
	height: 1.5rem;
	text-align: center;
	line-height: 1.4375rem;
	font-size: .75rem;
	position: absolute;
	left: -1rem;
	top: 50%;
	transform: translate(-50% , -50%);
	border-radius: 5rem;
}
.form-msg.ok {
	border-color: #8bc34a;
	background: #8bc34a20;
}
.form-msg.ok i {
	color: #8bc34a;
}
.main .form-msg p,
.modal .form-msg p,
.main p.form-msg,
.modal p.form-msg {
	line-height: 1.2em;
	font-size: .75rem;
	position: relative;
	margin-bottom: 0!important;
}
.main .col1 .form-msg,
.main .col2 .form-msg {
	padding-left: .5rem;
    min-width: 3.5rem;
}
.main .form-msg strong,
.main .form-msg a {
	font-weight: 600;
	text-decoration-color: currentColor;
}
label + .form-msg {
	margin-top: 0;
}
.form-msg.envio-ok {
	background: #d2efb1;
	border-color: #8bc34a;
}
.form .avatar {
	width: 5.75rem;
	height: 5.75rem;
	line-height: 5.75rem;
	margin-right: .5rem;
	margin-left: -.25rem;
	display: inline-block;
	vertical-align: middle;
	background: #71C1B1;
}
.form .avatar + .bt {
	display: inline-block;
	vertical-align: middle;
}
.form .avatar img,
.form .avatar span {
	border-radius: 10rem;
}

.env_header .bt_form-contacto {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 2rem;
	font-size: .875rem;
    display: inline-block;
    line-height: 2.75rem;
    height: 2.75rem;
    padding: 0 1.125rem;
    font-weight: 600;
    border: solid 1px #b6dce4;
    border-left-width: .625rem;
    color: #1d406f;
    text-align: center;
    cursor: pointer;
    transition: all 400ms cubic-bezier(.7,0,.3,1);
}
.env_header .bt_form-contacto i {
	margin-left: .25rem;
}
.env_header .bt_form-contacto:hover {
	background: #b6dce4;
}
@media (max-width: 960px) {
	.env_header .bt_form-contacto {
		margin: 0;
		position: fixed;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		border-radius: 0;
		text-align: center;
		background-color: #fff;
		transform: none;
	}
}

#form-contacto {
	transform: translateY(110%);
	border-radius: .25rem .25rem 0 0;
	border-top: solid .5rem #b6dce4;
	border-bottom: none;
	box-shadow: 0 .5rem 3rem .5rem rgba(0,0,0,.2);
	position: fixed;
	right: 2rem;
	bottom: 0;
	z-index: 99999;
	width: 30rem;
	max-width: 80%;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	visibility: hidden;
	text-align: left;
}
#form-contacto.visible {
	visibility: visible!important;
	transform: translateY(0%);
}
#form-contacto.visible:before {
	content: '';
	position: fixed;
	left: -100vw;
	top: -100vh;
	right: -100vw;
	bottom: 0;
	z-index: -1;
}
#form-contacto h3 {
	text-transform: none;
	font-weight: 600;
	margin-bottom: 1rem;
}
#form-contacto input,
#form-contacto textarea {
	font-size: .875rem;
}
.bt_form-contacto-close {
	position: absolute;
	right: 2rem;
	top: 2rem;
	font-size: 1rem;
	color: #aaa;
}

.modal,
.card {
	background: #fff;
	padding: 2rem 2.125rem;
	border-radius: .25rem;
	border-bottom: solid .25rem #71C1B1;
	box-shadow: 0 .1rem .5rem 0 rgba(0,0,0,.1), 0 .2rem 1rem 0 rgba(0,0,0,.1);
    transition: all 400ms cubic-bezier(.7,0,.3,1);
}
.card + .card {
	margin-top: 1.5rem;
}
.card > picture:first-child {
	display: block;
	margin: -2rem -2.125rem 1.75rem;
	border-radius: .25rem .25rem 0 0;
	overflow: hidden;
}

#toast {
	padding: 2rem 2.25rem;
	background: #1d406f;
	color: #fff;
	position: fixed;
	left: 50%;
	top: 3rem;
	transform: translateX(-50%);
	z-index: 99999;
	border-radius: .3rem;
	box-shadow: 0 .25rem 2rem 2px rgba(0,0,0,.1), 0 .5rem 3rem 5px rgba(0,0,0,.1), 0 1rem 3rem 0 rgba(0,0,0,.2);
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	opacity: 0;
	visibility: hidden;
	font-size: 1.4rem;
	min-width: 10rem;
	text-align: center;
}
#toast.visible,
#toast:hover {
	opacity: 1;
	visibility: visible;
}
#toast * {
	font-size: 1rem;
	line-height: 1.2em;
	margin: 0!important;
}
#modalWrapper,
#alertWrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 92000;
	background: rgba(40,40,40,.5);
	opacity: 0;
	visibility: hidden;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
}
#alertWrapper {
	z-index: 93000;
}
#modalWrapper.visible,
#alertWrapper.visible {
	opacity: 1;
	visibility: visible;
}
#modalWrapper > .bt_modalClose {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.modal > .bt_modalClose {
	font-size: .875rem;
	position: absolute;
	right: 0;
	top: -2rem;
	line-height: 2rem;
	color: #eee;
	display: block;
}
.modal,
.alert {
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50% , -50%);
	max-width: 50rem;
	z-index: 20;
	display: none;
}
.modal.visible,
.alert.visible {
	display: block;
}
.modal {
	padding: 0;
	min-height: 50vh;
	max-height: 90vh;
	width: 90%;
	box-sizing: border-box;
}
.alert {
	top: 25%;
	font-size: 1.125rem;
	min-width: 25%;
	text-align: center;
	max-width: 90%;
	padding: 2.25rem 2.5rem;
	background: #fff;
	border-radius: .25rem;
	text-align: center;
}
@media (max-width: 959px) {
	.alert {
		width: 90%;
		box-sizing: border-box;
		top: 48%;
	}
}
.alert .bt {
	margin-top: 1rem;
}
.modalHeader {
	padding: 1.5rem 2rem .5rem;
	border-radius: .25rem .25rem 0 0;
	position: relative;
	border-bottom: solid 1px #eee;
}
.modalContent {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 1.25rem 2rem;
	box-sizing: border-box;
	margin-bottom: 6rem;
}
.modalFooter {
	text-align: right;
	padding: 1.5rem 2rem 1.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 0 0 .25rem .25rem;
	box-shadow: 0 -.25rem .75rem -.5rem rgba(0,0,0,.25);
}
.modalFooter .bt_back,
.formFooter .bt_back {
	float: left;
	color: #ccc;
	box-shadow: none;
	margin: 0;
}
@media (max-width: 959px) {
	.modalFooter {
		text-align: center;
	}
	.modalFooter .bt {
		display: inline-block;
		margin: 0 .375rem!important;
	}
	.modalFooter .bt_back,
	.formFooter .bt_back {
		float: none;
		margin-top: .75rem!important;
	}
	.main .formFooter p {
		float: none;
	}
}
.tooltip {
	display: block;
	text-indent: 0;
	text-transform: none;
	font-weight: normal;
	line-height: 1.1em!important;
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50% , 50%);
	white-space: nowrap;
	padding: .625rem .5rem!important;
	border-radius: 3px!important;
	margin-bottom: .75rem!important;
	font-size: .625rem!important;
	color: #111!important;
	background: #fff!important;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.1), 0 2px 10px 0 rgba(0,0,0,.1), 0 3px 15px 0 rgba(0,0,0,.1);
	opacity: 0;
	visibility: hidden;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
	text-indent: 0;
	z-index: 100;
}
.tooltip:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	top: 100%;
	border: solid .5rem transparent;
	border-top-color: #fff;
}
a:hover.tooltip,
a:focus.tooltip,
a:hover .tooltip,
a:focus .tooltip,
button:hover .tooltip,
button:focus .tooltip,
th:hover .tooltip,
.field div:hover .tooltip {
	transition-delay: .5s;
	transform: translate(-50% , 0);
	opacity: 1;
	visibility: visible;
}
.hint .tooltip {
	width: 20em;
	white-space: normal;
}

.tabs {
	border-bottom: solid 1px #ddd;
	margin-bottom: 1.75rem;
}
.card .tabs {
	margin: -2rem -2.215rem 1.75rem;
	padding: 1.5rem 2.125rem 0;
}
.tabs li {
	display: inline-block;
	margin: 0 .5rem 0 0;
}
.tabs li a {
	color: #1d406f;
	font-weight: 600;
	text-decoration: none;
	display: block;
	padding: .5rem .75rem .75rem;
	border-bottom: solid .25rem transparent;
	margin-bottom: -1px;
}
.tabs li a i {
	margin-right: .25rem;
	display: inline-block;
}
.tabs li a.active {
	border-bottom-color: #b6dce4;
}
.badge {
	font-size: .75rem;
	line-height: 1.25rem;
	padding: 0 .375rem;
	border-radius: 3rem;
	background: #f00;
	color: #fff;
	box-shadow: 0 0 0 2px #fff;
}

#loading {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	background: rgba(255,255,255,.5);
	opacity: 0;
	visibility: hidden;
	transition: all 50ms cubic-bezier(.7,0,.3,1);
}
#loading.visible {
	opacity: 1;
	visibility: visible;
}
#loading span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 6rem;
	height: 6rem;
	margin: -3rem 0 0 -3rem;
	border-radius: 8rem;
	border: solid 2px #b6dce4;
	animation: girar 1s infinite ease;
}
@keyframes girar {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
#loading span:after {
	content: '';
	position: absolute;
	top: -4px;
	height: 7px;
	width: 8px;
	background: #b6dce4;
	left: 50%;
	margin-left: -4px;
}

.footer {
	padding: 5rem 0;
	background: #14191f;
	box-shadow: inset 1rem 0 2rem -1rem rgba(0,0,0,.2);
}
.footer img {
	height: 4rem;
	margin-bottom: 3rem;
	display: inline-block;
}
.footer .social {
	float: right;
	padding: .75rem 0;
}
.footer .social li {
	display: inline-block;
	margin-left: .75rem;
}
.footer .social li a {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background:#1d406f;
	color: #fff;
	border-radius: 5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 1.125rem; 
}
.footer p {
	color: #1d406f;
	font-size: .75rem;
}
.footer p a {
	text-decoration: underline;
}

.env_appLayout .aside {
	width: 20%;
	float: left;
	padding: 0 2rem 0 0;
	box-sizing: border-box;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
	white-space: nowrap;
	overflow: hidden;
}
.env_appLayout .aside ul {
	background: #e2f0eb;
	border-radius: .25rem;
}
.env_appLayout .aside ul li + li {
	border-top: solid 1px #fafafa;
}
.env_appLayout .aside ul li a {
	display: block;
	font-size: .875rem;
	font-weight: 600;
	padding: 1rem;
}
.env_appLayout .aside ul li a i {
	display: inline-block;
	width: 2rem;
	text-align: center;
	font-size: 1.2em;
	color: #71C1B1;
}
.env_appLayout .main {
	float: right;
	width: 80%;
	transition: width 400ms cubic-bezier(.7,0,.3,1);
}
@media (min-width: 961px) {
	.env_appLayout.toggleAside .aside {
		width: 0;
		padding: 0;
	}
	.env_appLayout.toggleAside .main {
		width: 100%;
	}
}
.env_appLayout .footer {
	clear:both;
}

@media (max-width: 960px) {
	.env_header .bt_menu {
		width: 2rem;
	}
	.env_header .branding {
		margin: 0;
	}
	.env_header .env_headerApp {
		padding-top: 1rem;
		display: block;
	}
	.env_headerUser {
		margin-left: .5rem;
	}
	.env_header .env_headerApp .nav {
		white-space: nowrap;
	}
	.env_appLayout .aside {
		position: absolute;
		left: 0;
		top: 5.5rem;
		right: 0;
		opacity: 0;
		visibility: hidden;
		z-index: 900;
		width: auto;
	}
	.env_appLayout .main {
		width: auto;
		float: none;
	}
	.env_appLayout.toggleAside .aside {
		opacity: 1;
		visibility: visible;
	}
	.env_appLayout .footer {
		clear:both;
	}
	.sectionHeaderActions {
		position: static;
		top: 50%;
    	transform: none;
	}
	.sectionHeaderActions .bt {
		display: inline-block;
	}
	.footer {
		text-align: center;
	}
	.footer svg {
		display: inline-block;
	}
	.footer .social {
		float: none;
	}
	.footer .social li {
		margin: 0 .25rem;
	}
	.footer p {
		text-align: center;
		line-height: 1.4em;
		margin-top: 1.5rem;
	}
	.footer p a {
		display: block;
	}
}

.env_credencial {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #1d406faa;
	transition: all 400ms cubic-bezier(.7,0,.3,1);
	opacity: 0;
	visibility: hidden;
}
.body__qr .env_credencial {
	top: 5rem;
	background: none;

}
.env_credencial.visible {
	opacity: 1;
	visibility: visible;
}
.bt_credencialClose {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}

.env_credencial .card {
	position: absolute;
	z-index: 20;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	width: 90%;
	max-width: 40rem;
	box-sizing: border-box;
}
.env_credencial .card > img {
	display: inline-block;
	vertical-align: top;
	height: 4rem;
	margin: 0 2rem 1.75rem 0;
}
.env_credencial .card > p {
	color: #71C1B1;
	float: right;
	font-size: 1.25rem;
	line-height: 3.25rem;
}
.body__qr .env_credencial .card > p {
	line-height: 3.5rem;
	margin: 0 -1rem;
	margin-bottom: 1.75rem;
	text-align: center;
	float: none;
}
.env_credencial .card > p strong {
	font-weight: 600;
}
.env_credencial .card > div {
	padding: 2rem 2.125rem;
	margin: 0 -2.125rem -2rem;
	position: relative;
	background: -moz-linear-gradient(top,  rgba(113,193,177,0.25) 0%, rgba(113,193,177,0) 100%);
background: -webkit-linear-gradient(top,  rgba(113,193,177,0.25) 0%,rgba(113,193,177,0) 100%);
background: linear-gradient(to bottom,  rgba(113,193,177,0.25) 0%,rgba(113,193,177,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4071c1b1', endColorstr='#0071c1b1',GradientType=0 );
}
.env_credencial .card > div .avatar {
	width: 6.5rem;
	height: 6.5rem;
	line-height: 6.5rem;
	border-radius: 10rem;
	margin: -3rem -.125rem 1.25rem;
	border: none;
	box-shadow: 0 0 0 3px #fff;
}
.body__qr .env_credencial .card > div .avatar {
	width: 8rem;
	height: 8rem;
	line-height: 8rem;
	display: inline-block;
}
.env_credencial .card > div p {
	font-size: 1.5rem;
	font-weight: 600;
}
.env_credencial .card > div p strong {
	display: block;
	font-size: .75rem;
	font-weight: normal;
	margin: .375rem 0 .625rem;
}
.env_credencial .card > div p span {
	display: block;
	font-size: .875rem;
	color: #4879b3;
	text-transform: uppercase;
	margin-top: .375rem;
}
.body__qr .env_credencial .card > div p {
	font-size: 1.75rem;
}
.body__qr .env_credencial .card > div p strong {
	font-size: .875rem;
	line-height: 1;
}
.body__qr .env_credencial .card > div p span {
	font-size: 1rem;
	line-height: 1;
}
.body__qr .env_credencial .card > div h6 {
	padding-top: 1rem;
    margin-top: 1.75rem;
    border-top: solid 1px #71C1B150;
}
.body__qr .env_credencial .card > div h6 i {
	color: #71C1B1;
	margin-right: .25rem;
}
.env_credencial .card > div ul {
	padding-top: 1rem;
	margin-top: 1.75rem;
	border-top: solid 1px #71C1B150;
	display: inline-block;
}
.env_credencial .card > div ul li {
	display: inline-block;
}
.env_credencial .card > div ul li + li {
	margin-left: 1.25em;
}
.env_credencial .card > div ul li a {
	font-size: .875rem;
}
.env_credencial .card > div > img {
	position: absolute;
	right: 2.125rem;
	top: 2rem;
	height: 90%;
	height: calc(100% - 4rem);
	border-radius: 3px;
	box-shadow: 0 1px 2px 0 #71C1B150;
}

@media (max-width: 960px) {
	.env_credencial .card > img + p {
		width: 55%;
		font-size: 1.125rem;
		line-height: 1.1em;
		padding-top: .75rem;
		text-align: right;
	}
	.env_credencial .card > div .avatar {
		width: 5.5rem;
		height: 5.5rem;
		line-height: 5.5rem;
	}
	.env_credencial .card > div ul {
		position: absolute;
		right: 2.125rem;
		top: -1.75rem;
		text-align: right;
	}
	.env_credencial .card > div ul li {
		display: block;
	}
	.env_credencial .card > div ul li + li {
		margin: .5rem 0 0 0;
	}
	.env_credencial .card > div ul li a {
		font-size: .875rem;
	}
	.env_credencial .card > div > img {
		position: static;
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}
}

.env_mi3f.body__qr {
	position: relative;
	background: url(../images/mi3f-login-bg.jpg) no-repeat left bottom fixed;
	background-size: cover;
	text-align: center;
}
.body__qr .env_credencial {
	display: block;
	opacity: 1;
	visibility: visible;
}

.section_idlevel h5 {
	margin: 1.25rem 0 1.5rem;
}
.section_idlevel .bt + p {
	font-size: .75rem;
    margin-top: 1rem;
    color: #aaa;
}
.levelStatus {
	font-size: 0;
	text-align: center;
}
.levelStatus p {
	display: inline-block;
	width: 33.333%;
	line-height: 3em;
	text-transform: uppercase;
	color: #fff;
	position: relative;
	font-weight: 600;
}
.levelStatus p + p:before {
	content: '';
	position: absolute;
	left: -.25rem;
	top: 0;
	border-style: solid;
	border-width: 1.5em .5rem;
	z-index: 10;
}
.levelStatus p:first-child {
	border-radius: .25rem 0 0 .25rem;
}
.levelStatus p:last-child {
	border-radius: 0 .25rem .25rem 0;
}

.levelStatus p:nth-child(1) {
	background: #eee;
}
.levelStatus p:nth-child(2) {
	background: #ddd;
}
.levelStatus p:nth-child(3) {
	background: #ccc;
}
.levelStatus p:nth-child(2):before {
	border-color: #ddd;
	border-left-color: #8eadd2;
}
.levelStatus p:nth-child(3):before {
	border-color: #ccc;
	border-left-color: #ddd;
}
.levelStatus p:nth-child(1).active {
	background: #8eadd2;
}
.levelStatus p:nth-child(2).active {
	background: #6992c3;
}
.levelStatus p:nth-child(3).active {
	background: #4879b3;
}
.levelStatus p:nth-child(2).active:before {
	border-color: #6992c3;
	border-left-color: #8eadd2;
}
.levelStatus p:nth-child(2).active + p:before {
	border-color: #ccc;
	border-left-color: #6992c3;
}
.levelStatus p:nth-child(3).active:before {
	border-color: #4879b3!important;
	border-left-color: #6992c3!important;
}