@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@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: 62.5%;
    height: 100%;
    overflow: hidden;
}
@media (max-width: 359px) {
	html {
		font-size: 56.25%;
	}
}

body {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size:100%;
	line-height:1;
	color:#2c2b2b;
	height:100%;
	background: #f9f9f9;
	overflow-x:hidden;
	overflow-y:scroll;
}
:focus {
	box-shadow: 0 0 2px 0 #3b93f7;
}
.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 */
}

.section {
	padding: 5rem 0;
}
.section + .section,
.section:first-child {
	padding-top: 0;
}
.section.bg {
	padding-top: 5rem;
	background:#3b93f7;
}
.section.bg + .section {
	padding-top: 5rem;
}
.page {
	font-size: 1rem;
	padding: 0 3.5rem;
	max-width: 1170px;
	margin: 0 auto;
	clear:both;
}
.row {
	margin: 0 -3.5rem;
	font-size: 0;
	clear: both;
}
.row.rtl {
	direction: rtl;
}
.row + .row {
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col {
	font-size: 1rem;
	box-sizing: border-box;
	padding: 0 3.5rem;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
.col > *:last-child {
	margin-bottom: 0!important;
}
@media (min-width: 960px) {
	.col {
		display: inline-block;
		vertical-align: top;
	}
	.col1 {width: 16.666%;}
	.col2 {width: 33.333%;}
	.col3 {width: 50%;}
	.col4 {width: 66.666%;}
	.col5 {width: 83.333%;}
	.col6 {width: 100%;}
}
@media (max-width: 959px) {
	.col + .col {
		margin-top: 3rem;
	}
}

a i {
	line-height: inherit!important;
}
svg {
	width: auto;
	height: auto;
}
svg,
img {
	max-width: 100%;
}

.bt {
	display: inline-block;
	line-height: 4.8rem;
	height: 4.8rem;
	padding: 0 2.5rem;
	text-transform: uppercase;
	font-weight: 600;
	background: #3b93f7;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 5rem;
	text-align: center;
	cursor: pointer;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.bt:hover {
	background: #54a0f8;
}
.bt.btG {
	color: #3b93f7;
	box-shadow: inset 0 0 0 1px #3b93f7;
	background: #fff;
}
.bt.btG:hover {
	color: #fff;
	background: #54a0f8;
}
.bt.btI {
	width: 4.8rem;
	padding: 0;
	text-align: center;
}
@media (min-width: 960px) {
	.bt + .bt {
		margin-left: 2rem;
	}
}
@media (max-width: 959px) {
	.bt + .bt {
		margin-top: 2rem;
	}
}
.bt i {
	margin-right: 1rem;
	font-size: 1.5em;
	vertical-align: middle;
}
.bt.btI i {
	margin: 0;
}
.btText {
	font-size: 1.2rem;
	text-transform: uppercase;
	text-decoration: underline;
    text-decoration-color: #3B93F7;
    margin: 1rem 0;
}
p a,
ul a {
	text-decoration: underline;
	text-decoration-color: #3B93F7;
}

.modal,
.card {
	background: #fff;
	padding: 3.5rem;
	border-radius: .3rem;
	box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.1), 0 .5rem 2rem 0 rgba(0,0,0,.1), 0 1rem 3rem 0 rgba(0,0,0,.2);
    border-bottom: solid 3px #3B93F7;
    -webkit-transition: box-shadow 0.1s ease-in;
    -moz-transition: box-shadow 0.1s ease-in;
    -o-transition: box-shadow 0.1s ease-in;
    transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.card {
	transition: none!important;
}

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

#modalWrapper,
#alertWrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9100;
	background: rgba(40,40,40,.5);
	opacity: 0;
	visibility: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
#toast {
	padding: 3rem;
	background: #3B93F7;
	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;
}
#toast.visible,
#toast:hover {
	opacity: 1;
	visibility: visible;
}
#alertWrapper {
	z-index: 9200;
}
#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,
.alert {
	position: absolute;
	left: 50%;
	top: 48%;
	transition: transform 100ms ease;
	transform: scale(.5) translate(-50% , -150%);
	transform-origin: 0 50%;
	max-width: 60rem;
	z-index: 20;
	display: none;
}
#modalWrapper.visible .modal,
#alertWrapper.visible .alert {
	transform: scale(1) translate(-50% , -50%);
}
.modal {
	padding: 0;
	min-height: 50vh;
	max-height: 90vh;
	width: 90%;
	padding-bottom: 10rem;
	box-sizing: border-box;
}
.alert {
	max-width: 90%;
	padding: 4rem;
	background: #fff;
	border-radius: .5rem;
	text-align: center;
	display: block;
}
.modal > .bt_modalClose {
	position: absolute;
	right: 0;
	top: -4rem;
	line-height: 3rem;
	width: 3rem;
	text-align: center;
	color: #eee;
	font-size: 3rem;
	display: block;
}
.modalHeader {
	padding: 3.5rem 3.5rem 2.5rem;
	border-radius: .5rem .5rem 0 0;
	position: relative;
	border-bottom: solid 1px #eee;
}
.modalContent {
	max-height: 50vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 2.5rem 3.5rem 2rem;
	box-sizing: border-box;
}
.modalContent .row {
	margin: 0 -1.5rem;
}
.modalContent .row .col {
	padding: 0 1.5rem;
}
.modalContent .row + .row {
	margin-top: 3rem;
}
.modalFooter {
	text-align: right;
	padding: 2rem 3.5rem 3.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 0 0 .5rem .5rem;
}
.modalHeader > *:last-child,
.modalContent > *:last-child {
	margin-bottom: 0;
}

.form .field {
	margin-bottom: 2rem
}
.form .fieldSet + .fieldSet,
.formActions {
	padding-top: 2rem;
	border-top: solid 1px #ddd;
}
.form-msg  {
	padding: 1rem;
	font-size: 1.2rem;
	margin: -1rem 0 1.5rem;
	text-align: left;
	border-radius: .3rem;
	border:solid 1px #cc2929;
	background: #ffcccc;
}
label + .form-msg {
	margin-top: 0;
}
.form-msg.envio-ok {
	background: #d2efb1;
	border-color: #8bc34a;
}
#main .form-msg p {
	margin-bottom: 0;
}
.form label {
	font-size: 1.2rem;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 1rem;
	display: block;
	color: #666;
}
.form input,
.form select,
.form textarea {
	padding: 1.5rem;
	font-size: 1.4rem;
	line-height: 1.6rem;
	background: #f0f0f0;
	border-bottom: solid 1px #c6c6c6;
	width: 100%;
	box-sizing: border-box;
}
.form input::placeholder {
	color: #111;
}
.form input[readonly] {
	border-bottom: none;
	background: #f6f6f6;
}
.form select {
	line-height: 4.6rem;
	padding-top: 0;
	padding-bottom: 0;
	height: 4.6rem;
}
.field-identificador {
	font-size: 0;
}
.field-identificador input,
.field-identificador > span {
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
	width: 55%;
	position: relative;
	z-index: 2;
}
.field-identificador > span {
	width: 5%;
	text-align: center;
	line-height: 1.6rem;
	background: #f0f0f0;
	padding: 1.5rem 0;
	border-bottom: solid 1px transparent;
	box-sizing: border-box;
	z-index: 1;
}
.field-identificador > span + input {
	width: 40%;
}
.form label {
	position: relative;
}
.form label a {
	text-decoration: underline;
	text-decoration-color: #3b93f7;
}
.form label input[type="checkbox"],
.form label input[type="radio"] {
	width: 1.6rem;
	height: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	opacity: 0;
}
.form label input[type="checkbox"] + i,
.form label input[type="radio"] + i {
	position: absolute;
	left: 0;
	top: -.5px;
	width: 1.4rem;
	height: 1.4rem;
	background: #3b93f7;
	border-radius: 2px;
	line-height: 1.4rem;
	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.3rem;
	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: 1rem;
}



a,
button {
	display: inline-block;
	position: relative;
}
.tooltip-ayuda > i {
	font-size: 1.2rem;
	color: #aaa;
}
.tooltip {
	display: block;
	text-indent: 0;
	text-transform: none;
	font-weight: normal;
	line-height: 1.1em;
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50% , 50%);
	white-space: nowrap;
	padding: 1rem;
	border-radius: 3px;
	margin-bottom: 1rem;
	font-size: 1.2rem;
	color: #111;
	background: #fff;
	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 150ms cubic-bezier(.7,0,.3,1);
	text-indent: 0;
	z-index: 100;
}
.tooltip-ayuda .tooltip {
	width: 250px;
	text-align: left;
	white-space: normal;
}
.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 {
	transition-delay: .5s;
	transform: translate(-50% , 0);
	opacity: 1;
	visibility: visible;
}

.s_ac,
.s_ac .col {
	text-align: center;
}
.s_ar,
.s_ar .col {
	text-align: right;
}


#header {
	padding: 3rem 0 2.5rem;
}
#header .branding {
	height: 8rem;
}
#header button,
#header nav {
	display: none;
}
.ayuda-fijo,
.ir-al-sitio {
	float: right;
	font-size: 1.6rem;
	line-height: 4rem;
	padding: 0 2rem;
	margin: 1.9rem 0;
	border-radius: .5rem;
	border: solid 1px #3B93F7;
	color: #3B93F7;
	font-weight: 800;
}
.ayuda-fijo i,
.ir-al-sitio i {
	margin-left: .5rem;
}
.ayuda-fijo:hover,
.ir-al-sitio:hover {
	background: #3B93F7;
	color: #fff;
}

#main h1 {
	font-size: 4.8rem;
	font-weight: 800;
	margin-bottom: 2rem;
	text-transform: uppercase;
}
#main h2 {
	font-size: 3.5rem;
	margin-bottom: 2rem;
}
#main h3,
.modal h3 {
	font-size: 2.5rem;
	font-weight: 800;
	margin-bottom: 1.5rem;
}
#main p,
#main ul,
.modal p,
.modal ul {
	font-size: 1.4rem;
	line-height: 1.2em;
	margin-bottom: 1rem;
}
.modalContent > ul > li {
	padding-left: 1em;
	position: relative;
	margin-bottom: .75em;
}
.modalContent > ul > li:before {
	content: '';
	position: absolute;
	left: 0;
	width: .4rem;
	height: .4rem;
	border-radius: 1rem;
	background: #3b93f7;
	top: .4em;
}
#main ul li {
	margin-bottom: .5rem;
}
#main p + h1,
#main p + h2,
#main p + h3,
#main p + h4,
#main p + ul,
#main ul + p {
	margin-top: 4rem;
}
#main p + .bt {
	margin-top: 1.5rem;
}

#loading {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	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 #3B93F7;
	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: #3B93F7;
	left: 50%;
	margin-left: -4px;
}

#landing-intro img {
	width: 20rem;
	margin-bottom: 1.5rem;
}
#landing-intro ul li:before {
 	content: "\2022";
 	font-weight: 800;
 	display: inline-block;
  	width: 1em;
	color: #3B93F7;
}
#landing-intro ul li {
	font-weight: 800;
}
#landing-intro ul li a {
	font-weight: normal;
	text-transform: uppercase;
	font-size: .75em;
	margin-left: .75rem;
	display: inline-block;
	vertical-align: middle;
}

#accesos-rapidos h3 i {
	display: block;
	font-size: 8rem;
	margin-bottom: 1rem;
	color: #6bc2fc;
}
#accesos-rapidos ul li {
	font-size: 1.6rem;
	line-height: 1.2em;
	margin-bottom: 1.5rem;
	color: #fff;
}
#accesos-rapidos ul li a {
	display: block;
	position: relative;
	padding-left: 1.5em;
}
#accesos-rapidos ul li a:before {
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    left: 0;
}

.boton-volver {
	float: right;
	font-size: 2rem;
	line-height: 2.5rem;
	margin: -4rem 0 1.5rem;
	color: #999;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.boton-volver:hover {
	color: #3b93f7;
}
#main .deuda-actualizada-titular {
	padding-top: 1.5rem;
	border-top: solid 1.5px #ddd;
	margin-bottom: 1.5rem;
	position: relative;
	padding-right: 7em;
}
.deuda-actualizada-titular strong,
.deuda-actualizada-titular span {
	display: inline-block;
	margin-right: .75rem;
}
.deuda-actualizada-titular a {
	position: absolute;
	right: 0;
	margin: 0;
}
.deuda-actualizada-pago {
	display: block;
	padding: 1.75rem 2rem;
	border-radius: .3rem;
	box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2);
	margin-bottom: 1.5rem;
	border: solid 1px #3B93F7;
	position: relative;
}
#main .deuda-actualizada-pago p {
	margin-bottom: 0;
}
#main .deuda-actualizada-pago p:first-child span {
	color: #555;
	font-size: .875em;
}
#main .deuda-actualizada-pago p + h4 {
	margin-top: .5rem;
	margin-bottom: .5rem;
    font-size: 2rem;
    font-weight: 800;
}
#main .deuda-actualizada-pago h4 + h6 {
	line-height: 1.1em;
	height: 0;
	overflow: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	max-width: 40%;
}
#main .deuda-actualizada-pago:hover h4 + h6 {
	height: 3.5em;
	margin-bottom: .5rem;
}
#main .deuda-actualizada-pago h4 + h6 i {
	color: #f60;
}
#main .deuda-actualizada-pago h6 + p {
	font-size: 1.3rem;
	color: #666;
}
#main .deuda-actualizada-pago.deuda-vencida h6 + p {
	color: #cc2929;
}
#main .deuda-actualizada-pago .bt {
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}
#main .deuda-actualizada-pago.deuda-actualizada-cuota-paga .bt,
#main .deuda-actualizada-pago.deuda-actualizada-cuota-deshabilitada .bt {
	color: #8bc34a;
	background: no-repeat;
	box-shadow: inset 0 0 0 1px #8bc34a;
	cursor: default;
}
#main .deuda-actualizada-pago .bt.deshabilitada,
#main .deuda-actualizada-pago.deuda-actualizada-cuota-deshabilitada .bt {
	background: #eee;
	cursor: default;
	color: #aaa;
	box-shadow: none;
}
#main .deuda-actualizada-pago .bt i {
	margin: 0 0 0 .5rem;
}
#main .deuda-actualizada-pago .bt img {
	height: 2.5rem;
	margin-left: .5rem;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
#main .deuda-actualizada-pago.deuda-sin-vencer + .deuda-sin-vencer,
#main .deuda-actualizada-pago.deuda-actualizada-cuota-deshabilitada + .deuda-vencida {
	margin-top: -1.6rem;
	position: relative;
	z-index: 10;
	background: #fff;
	border-top-color: #ccc;
}

.deuda-actualizada-pago-elect {
	border-radius: .3rem;
	box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,.2);
	margin-bottom: 1.5rem;
	border: solid 1px #3B93F7;
	position: relative;
	padding: 1.5rem 2rem;
}
.deuda-actualizada-pago-elect img {
	height: 3rem;
	margin-right: 1.5rem;
	display: inline-block;
	vertical-align: middle;
}
#main .deuda-actualizada-pago-elect p {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}
.deuda-actualizada-pago-elect p button {
	display: block;
	margin-top: .25rem;
	font-weight: 800;
	text-decoration: none;
}
.deuda-actualizada-pago-elect button i {
	color: #3B93F7;
	font-size: .75em;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
#copy-alert {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50% , 0) scale(0);
	opacity: 0;
	transition: all 50ms cubic-bezier(.7,0,.3,1);
	padding: 2rem;
	border-radius: .3rem;
	background: #3b93f7;
	color: #fff;
	font-size: 1.4rem;
	font-weight: normal;
	white-space: nowrap;
	border: solid 1px #fff;
	box-shadow: 0 3px 2rem 3px rgba(0,0,0,.5);
	z-index: 500;
	font-weight: bold;
}
#copy-alert:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	border: solid 10px transparent;
	border-top-color: #3b93f7;
	margin-top: -1px;
}
#copy-alert a {
	font-weight: normal;
	text-decoration: underline;
	text-decoration-color: #000;
	position: relative;
	padding-left: 2.5rem;
}
#copy-alert a:before {
	content: '»';
	color: #000;
	position: absolute;
	left: 1rem;
}
#copy-alert.visible,
#copy-alert:hover {
	transform: translate(-50% , -120%) scale(1);
	opacity: 1;
}
@media (max-width: 640px) {
	button#copy-button {
		position: static;
	}
	#copy-alert {
		left: .5rem;
		right: .5rem;
		top: .5rem;
	}
	#copy-alert.visible,
	#copy-alert:hover {
		transform: none;
	}
	#copy-alert a {
		display: block;
		padding: .5rem 0 0;
	}
	#copy-alert a:before {
		display: none;
	}
	#copy-alert:after {
		display: none;
	}
}
button#copy-button {
	cursor: pointer;
}
button#copy-button:focus .tooltip {
	opacity: 0;
}
.deuda-actualizada-pago-elect a.btText {
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}


.deuda-actualizada-pago.deuda-actualizada-moratoria {
	background: #eee;
	border: none;
	box-shadow: none;
}
#main .deuda-actualizada-moratoria h4 {
	margin-top: .5rem;
	margin-bottom: .5rem;
    font-size: 2rem;
    font-weight: 800;
}
#main .deuda-actualizada-moratoria .bt {
	box-shadow: inset 0 0 0 1px #3b93f7;
	color: #3b93f7;
	background: #fff;
}

@media (max-width: 959px) {
	#main .deuda-actualizada-titular {
		margin-bottom: 2rem;
	}
	.deuda-actualizada-titular strong {
		display: block;
	}
	.deuda-actualizada-titular span {
		display:block;
		margin: 0;
	}
	.deuda-actualizada-titular a {
		float: right;
		margin: -1.5em 0 0;
	}
	#main .deuda-actualizada-pago h4 + h6 {
		height: auto;
		max-width: 90%;
	}
	#main .deuda-actualizada-pago .bt {
		position: static;
		right: auto;
		top: auto;
		transform: none;
		margin: 1.5rem 0 0;
		display: block;
		text-align: center;
	}

	.deuda-actualizada-pago-elect img {
		height: 3rem;
		display: block;
		margin-bottom: 1rem;
	}
	.deuda-actualizada-pago-elect a.btText {
		position: static;
		float: right;
		right: auto;
		top: auto;
		transform: none;
		margin: -1.25em 0 0;
	}
	#deuda-actualizada a.bt {
		white-space: nowrap;
	}
}

#bt_top {
	display: block;
	font-size: 1.4rem;
	font-weight: 800;
	color: #999;
	width: 15rem;
	text-align: center;
	margin: 3rem auto;
}
#bt_top i {
	margin-right: 1rem;
}
#footer p {
	font-size: 1.2rem;
	text-align: center;
	padding: 2rem 0;
}

#pago-exitoso {
	text-align: center;
}
#pago-exitoso h2 {
	margin-bottom: 1rem;
}
#pago-exitoso h2 i {
	color: #8bc34a;
}
#pago-exitoso h2 + p {
	color: #999;
	padding-bottom: 1.5rem;
	border-bottom: dashed 1px #ddd;
}
#pago-exitoso p + h4 {
	margin-top: 1.5rem;
	font-weight: 800;
	margin-bottom: 0;
}
#pago-exitoso h4 {
	line-height: 1.4em;
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
#pago-exitoso h3 {
	font-weight: normal;
	margin-bottom: 2rem;
}
#pago-exitoso h6 {
	font-size: 1.2rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
    color: #666;
}
#pago-exitoso ul li {
	padding: 1rem;
	display: inline-block;
	margin: 0 1rem 1rem 0;
	background: #fff;
	border-radius: .2rem;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
}

.modal.modal-ayuda,
.modal.modal-tyc {
	max-width: 90rem;
	padding-bottom: 8rem;
}
.modal.modal-tyc {
	max-width: 95rem;
}
.modal-ayuda .modalHeader h3 span {
	font-weight: normal;
}
.modal.modal-ayuda .modalFooter,
.modal.modal-tyc .modalFooter {
	padding: 1.5rem 3.5rem;
}
.modal.modal-ayuda ol li,
.modal.modal-tyc .modalContent > ol > li {
	list-style: decimal;
	font-size: 1.8rem;
	color: #3B93F7;
	font-weight: 800;
	margin-bottom: 2.5rem;
	margin-left: 2rem;
	max-width: 80rem;
}
.modal.modal-tyc .modalContent > ol > li p {
	margin-bottom: 1rem;
}
.modal.modal-tyc .modalContent > ol > li ul {
	list-style: disc;
	list-style-position: inside;
	margin-left: 1rem;
}
.modal.modal-tyc .modalContent > ol > li ul p {
	display: inline;
}
.modal.modal-ayuda ol li h3,
.modal.modal-tyc ol li h3 {
	font-size: 1.8rem;
	color: #000;
	margin-bottom: 1.5rem;
}
.modal.modal-ayuda ol li p,
.modal.modal-tyc ol li p {
	font-size: 1.3rem;
	line-height: 1.4em;
	margin-bottom:1.5rem;
	color: #000;
	font-weight: normal;
}
.modal.modal-ayuda ol li p strong,
.modal.modal-tyc ol li p strong {
	font-weight: 600;
}

.modal-ayuda-nav li {
	font-size: 1.6rem;
	line-height: 1.2em;
	margin-bottom: 1.5rem;
	padding-left: 0!important;
}
.modal-ayuda-nav li:before {
	display: none;
}
.modal-ayuda-nav li a {
	display: block;
	position: relative;
	padding-left: 1.5em;
}
.modal-ayuda-nav li a:before {
	content: '\f061';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    left: 0;
    color: #3B93F7;
}

#modal__email {
	text-align: center;
}
#modal__email p {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-bottom: 2rem;
}

#form-contacto {
	transform: translateY(110%);
	border-radius: .5rem .5rem 0 0;
	box-shadow: 0 -1rem 0 0 #3B93F7, 0 .5rem 3rem .5rem rgba(0,0,0,.2);
	position: fixed;
	right: 3rem;
	bottom: 0;
	z-index: 800;
	width: 50rem;
	max-width: 80%;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	visibility: hidden;
}
#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 {
	font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.bt_form-contacto-close {
	position: absolute;
	right: 2rem;
	top: 2rem;
	font-size: 2rem;
	color: #aaa;
}
#form-contacto .card {
	padding: 2rem 3rem;
}
#form-contacto .form input,
#form-contacto .form textarea {
	padding: 1rem;
}

@media (max-width: 960px) {
	#header .branding {
		height: 6rem;
	}
	.card {
		margin: 0 -3.5rem;
	}
	.ayuda-fijo {
		margin: 0;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		border-radius: 0;
		text-align: center;
		background-color: #fff;
	}
	.ayuda-fijo i {
		font-size: 2rem;
		margin: 0;
	}
	#main h1 {
		font-size: 4rem;
	}
	#landing-intro p, 
	#landing-intro ul {
		display: none;
	}
	#landing-intro h1 + p {
		display: block;
	}
	#landing-intro img {
		width: 50%;
	}
	#form-contacto {
		left: 0;
		right: 0;
		width: auto;
		max-width: 100%;
		max-height: 95vh;
	}
	#form-contacto .card {
		margin: 0;
	}
}

@media (min-width: 960px) and (max-width: 1180px) {
	.card {
		padding: 2.5rem;
	}
	.deuda-actualizada-titular span {
		display: block;
		margin: 0;
	}
	.deuda-actualizada-pago-elect,
	.deuda-actualizada-pago {
		padding: 1.5rem;
	}
	.deuda-actualizada-pago-elect a.btText {
		transform: none;
		right: 1.5rem;
		top: auto;
		bottom: 1.5rem;
	}
	#main .deuda-actualizada-pago .bt {
		right: 1.5rem;
		padding: 0 2rem;
	}
	#main .deuda-actualizada-pago p {
		margin-right: 10rem;
	}
	#main .deuda-actualizada-pago p span {
		display: block;
	}
}
@media (min-width: 960px) and (max-width: 1024px) {	
	.deuda-actualizada-pago-elect img {
    	height: 2.5rem;
	}
}


.main__padron .card + .card {
	margin-top: 2rem;
}
.main__padron table {
	width: 100%;
	font-size: 1.4rem;
}
.main__padron table th,
.main__padron table td {
	position: relative;
	padding: 1rem 2rem;
	border-left: solid 1px #fff;
}
.main__padron table th {
	font-weight: 800;
	background: #ddd;
	color: #666;
}
.main__padron table tr:nth-child(even) {
	background: #f0f0f0;
}

#moratoria {
	margin-top: 1rem;
	padding-top: 2.5rem;
	border-top: solid 1px #ddd;
}
#moratoria img {
	height: 3rem;
	display: inline-block;
	vertical-align: middle;
	margin:-1.5rem 3rem -1.5rem 0;
}
#moratoria p {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
#moratoria p button {
	font-weight: 800;
}
#moratoria p button i {
	margin-left: .5rem;
	color: #3b93f7;
}

#listadoBoletas h3 {
	display: inline-block;
}
#listadoBoletas h4 {
	float: right;
	font-size: 1.4rem;
	padding-top: .5rem;
}
#listadoBoletas h4 + p {
	margin: -.5rem 0 1.5rem;
}
#listadoBoletas {
	margin-bottom: 7rem;
}
#tblMoratoria th:last-child,
#tblMoratoria td:last-child {
	width: 2rem;
}
#tblMoratoria input[type="checkbox"] {
	width: 2rem;
	height: 2rem;
}
#tblMoratoria a {
	text-transform: uppercase;
	font-weight: 800;
	color: #999;
	font-size: 1.3rem;
}
#tblMoratoria a i {
	color: #3b93f7;
	margin-right: .5rem;
}

#pagarWrapper {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10000;
}
#pagar {
	background: #fff;
	border-top: solid 3px #3b93f7;
	box-shadow: 0 0 3rem .5rem rgba(0,0,0,.5);
	padding: 2rem 0;
	text-align: center;
}
#pagar h3 {
	font-size:2rem;
	display: inline-block;
	display: inline-block;
}
#pagar button {
	display: inline-block;
	margin-left: 2rem;
	display: inline-block;
}
#pagar button img {
	height: 2rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: .5rem;
}

@media (max-width: 960px) {
	.main__padron table {
		width: calc(100% + 7rem);
		margin:0 -3.5rem;
		display: block;
		font-size: 0;
		padding: 0 2.5rem;
		box-sizing: border-box;
	}
	.main__padron table,
	.main__padron table thead,
	.main__padron table tbody,
	.main__padron table tr,
	.main__padron table td,
	.main__padron table th {
		display: block;
	}
	.main__padron table#tblDatosPal thead,
	.main__padron table#tblDatosPal tbody {
		display: inline-block;
		width: 50%;
		box-sizing: border-box;
	}
	.main__padron table#tblDatosPal thead th,
	.main__padron table#tblDatosPal td {
		background: none;
		height: 2em;
	}
	.main__padron #moratoria img {
		display: block;
		margin:-1rem 0 1rem 0;
	}
	.main__padron table th,
	.main__padron table td {
		font-size: 1.4rem;
		padding: .5rem 1rem;
		border-left: none;
	}

	#listadoBoletas h3 {
		display: block;
		margin-bottom: .5rem;
	}
	#listadoBoletas h4 {
		float: none;
		max-width: 80%;
		padding-top: 0;
		line-height: 1.2em;
		margin-bottom: 1.5rem;
	}
	#listadoBoletas h4 + p {
		line-height: 1.2em;
		max-width: 80%;
		margin: 0 0 1.5rem;
	}
	#tblMoratoria thead {
		padding-bottom: .5rem;
		border-bottom: solid 1px #ccc;
	}
	#tblMoratoria th {
		display: inline-block;
		vertical-align: middle;
		font-size: 1rem;
		background: none;
		padding: 0;
		font-weight: normal;
		height: 2rem;
		line-height: 2rem;
	}
	#tblMoratoria th + th:before {
		content: '/';
		display: inline-block;
		vertical-align: middle;
		margin: 0 .25rem;
	}
	#tblMoratoria th:nth-child(1) {
		padding-left: 1rem;
	}
	#tblMoratoria th:nth-child(5):before,
	#tblMoratoria th:nth-child(6):before {
		display: none;
	}
	#tblMoratoria th:nth-child(6) {
		float: right;
	}
	#tblMoratoria tbody tr {
		padding: .5rem 0;
		overflow: hidden;
		position: relative;
	}
	#tblMoratoria td {
		float: left;
		padding-right: 0rem;
	}
	#tblMoratoria td:nth-child(1),
	#tblMoratoria td:nth-child(2) {
		display: inline-block;
	}
	#tblMoratoria td:nth-child(2):before {
		content: '/';
		margin:0 .5rem 0 -.5rem;
	}
	#tblMoratoria td:nth-child(3),
	#tblMoratoria td:nth-child(4) {
		font-weight: 800;
	}
	#tblMoratoria td:nth-child(5) {
		clear: left;
		font-size: 1rem;
		position: static;
	}
	#tblMoratoria td:nth-child(5) a {
		position: absolute;
		right: 4rem;
		top: 50%;
		transform: translateY(-50%);
		font-size: 0;
	}
	#tblMoratoria td:nth-child(5) a i {
		font-size: 1.8rem;
		width: 2rem;
		height: 2rem;
		line-height: 2rem;
		text-align: center;
	}
	#tblMoratoria td:last-child {
		width: 2rem;
		padding: 0;
		position: absolute;
		right: 1rem;
		top: 50%;
		transform: translateY(-50%);
	}
	#pagarWrapper,
	#pagarWrapper .page {
		padding: 0;
		width: 100vw;
	}
	#pagar {
		padding: 1.5rem 0;
	}
	#pagar h3 {
		display: block;
		margin-bottom: 1rem;
	}
	#pagar button {
		margin-left: 0rem;
		width: auto;
		float: none;
	}
}



#suscripcion-intro p + ul {
	margin-top: 2rem;
}
#suscripcion-intro ul li:before {
 	content: "\2022";
 	font-weight: 800;
 	position: absolute;
 	left: 0;
	color: #3B93F7;
}
#suscripcion-intro ul li {
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 1rem;
	padding-left: 1em;
	position: relative;
}
#suscripcion-intro .bt {
	margin-bottom: 2.5rem;
}
#suscripcion-intro h4 {
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
}

@media (max-width: 960px) {
	#suscripcion-intro .hr,
	#suscripcion-intro .hr ~ * {
		display: none;
	}
	#suscripcion-intro.suscripcion-intro-collapsed h1 ~ * {
		display: none;
	}
}

#suscripcion-form h4 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
#suscripcion-form h3 i {
	color: #8bc34a;
}
#suscripcion-form h3 + p {
	max-width: 30em;
	margin-bottom: 3rem;
}
#suscripcion-form h3 + .fieldSet {
	margin-top: 2.5rem;
}
#suscripcion-form .row,
#suscripcion-vencimiento .row {
	margin: 0 -1.25rem;
	padding-bottom: 2rem;
}
#suscripcion-form .col,
#suscripcion-vencimiento .col {
	padding: 0 1.25rem;
}
#suscripcion-form input:disabled {
	background: none;
	padding-left: 0;
	border: none;
}
#suscripcion-form .bt {
	transition: background 150ms cubic-bezier(.7,0,.3,1);
}
#suscripcion-form .suscripcion-usuario-confirmado,
#suscripcion-form .suscripcion-objeto-asociado,
#suscripcion-vencimiento .suscripcion-usuario-confirmado,
#suscripcion-vencimiento .suscripcion-objeto-asociado {
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.2);
	padding: 1.5rem .25rem 0;
	margin: .25rem -1.5rem 3rem;
	border-radius: .3rem;
	border-left: solid 3px #3b93f7;
	position: relative;
}
#suscripcion-form .suscripcion-usuario-confirmado,
#suscripcion-vencimiento .suscripcion-usuario-confirmado {
	border: solid 1px #3b93f7;	
}
#suscripcion-form .suscripcion-objeto-asociado p + p,
#suscripcion-vencimiento .suscripcion-objeto-asociado p + p {
	color: #666;
	font-size: 1.2rem;
	margin-top: -.75rem;
}
@media (max-width: 480px) {
	#suscripcion-vencimiento .suscripcion-objeto-asociado p strong {
		display: block;
	}
}
#suscripcion-form .suscripcion-objeto-asociado + .suscripcion-objeto-asociado,
#suscripcion-vencimiento .suscripcion-objeto-asociado + .suscripcion-objeto-asociado {
	margin-top: -2rem;
}
#suscripcion-vencimiento h3 + p {
	font-size: 1.6rem;
	margin: -.75rem 0 2rem;
}
#suscripcion-vencimiento .suscripcion-objeto-asociado .bt {
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
}
@media (max-width: 390px) {
	#suscripcion-vencimiento .suscripcion-objeto-asociado .bt {
		right: 1.5rem;
		padding: 0 1.5rem;
	}
}
#suscripcion-intro img {
	width: 20rem;
    margin: .5rem 0 0;
}
#suscripcion-form .colActions {
	text-align: right;
}
@media (max-width: 960px) {
	#suscripcion-form .row {
		position: relative;
	}
	#suscripcion-form .colActions {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
	}
}
.suscripcion-form-agregar .bt,
.suscripcion-form-agregar .bt + .bt {
	margin-top: 2.125rem;
	margin-left: 1rem;
}
#suscripcion-form .suscripcion-form-agregar .col4 {
	width: 70%;
	padding-right: 0;
}
#suscripcion-form .suscripcion-form-agregar .col2 {
	width: 30%;
	white-space: nowrap;
}
#suscripcion-form label + .bt {
	margin-top: 1.5rem;
}
#suscripcion-form .form > .bt.disabled,
#suscripcion-form .form > label + .bt.disabled {
	box-shadow: none;
	color: #aaa;
	background: #ddd;
	cursor: default;
}
@media (max-width: 1180px) {
	.suscripcion-form-agregar .bt,
	.suscripcion-form-agregar .bt + .bt {
		margin-left: 0;
	}
}
@media (max-width: 960px) {
	.suscripcion-form-agregar .bt,
	.suscripcion-form-agregar .bt + .bt {
		margin: 0;
	}
}
#suscripcion-mensaje .card {
	padding-bottom: 5rem;
}
#suscripcion-vencimiento .card {
	padding-bottom: 0
}
#suscripcion-mensaje h6,
#suscripcion-vencimiento h6 {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 600;
	background: #3b93f7;
	padding: .75rem 1rem;
	border-radius: 2px;
	margin-bottom: 2rem;
	color: #fff;
}
#suscripcion-mensaje h3 + p {
	font-size: 1.6rem;
	line-height: 1.4em;
	max-width: 25em;
}


#suscripcion-form .field-identificador {
	display: flex;
	padding-top: 2.2rem;
	position: relative;
}
#suscripcion-form .field-identificador label {
	position: absolute;
	left: 0;
	top: 0;
}
#suscripcion-form .field-identificador input,
#suscripcion-form .field-identificador > span {
	width: 1px;
}
#suscripcion-form .field-identificador > span {
	width: 1px;
}
#suscripcion-form .field-identificador > span + input {
	width: 1px;
}
#suscripcion-form .field-identificador span.i1 {flex-grow: 1;}
#suscripcion-form .field-identificador .i1 {flex-grow: 4;}
#suscripcion-form .field-identificador .i2 {flex-grow: 5;}
#suscripcion-form .field-identificador .i3 {flex-grow: 6;}
#suscripcion-form .field-identificador .i4 {flex-grow: 7;}
#suscripcion-form .field-identificador .i5 {flex-grow: 10;}
#suscripcion-form .field-identificador .i6 {flex-grow: 11;}
#suscripcion-form .field-identificador .i7 {flex-grow: 12;}
#suscripcion-form .field-identificador .i8 {flex-grow: 13;}
#suscripcion-form .field-identificador .i9 {flex-grow: 14;}
#suscripcion-form .field-identificador .i10 {flex-grow: 14;}
#suscripcion-form .field-identificador .i11 {flex-grow: 14;}
#suscripcion-form .field-identificador .i12 {flex-grow: 14;}
#suscripcion-form .field-identificador .i13 {flex-grow: 14;}
#suscripcion-form .field-identificador .i14 {flex-grow: 14;}
#suscripcion-form .field-identificador .i15 {flex-grow: 14;}
#suscripcion-form .field-identificador .i16 {flex-grow: 14;}
#suscripcion-form .field-identificador .i17 {flex-grow: 14;}
#suscripcion-form .field-identificador .i18 {flex-grow: 14;}
#suscripcion-form .field-identificador .i19 {flex-grow: 14;}
#suscripcion-form .field-identificador .i20 {flex-grow: 14;}



#boton-test {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 4rem;
	height: 4rem;
	padding: 0 0 1.5rem 1.5rem;
	background: #f60;
	color: #fff;
	text-align: center;
	line-height: 4rem;
	font-size: 2rem;
	border-radius: 0 0 0 10rem;
}

.s__admin .page {
	padding: 0 4rem;
	max-width: 100%;
}
.s__admin #header {
	padding-bottom: 4rem;
}
.s__admin #header .branding {
	height: 4.8rem;
	display: inline-block;
	vertical-align: middle;
}
.s__admin #header h1 {
	font-size: 1.6rem;
	line-height: 1.8rem;
	padding: .6rem 0;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2rem;
}
.s__admin #header h1 strong {
	display: block;
}
.s__admin #header .search {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	width: 40%;
	margin-left: 5rem;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
	border-radius: 10rem;
}
.s__admin #header .search input {
	height: 4.8rem;
	line-height: 2.4rem;
	padding: 1.2rem 2.5rem;
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding-right: 15rem;
	margin-right: -15rem;
	box-sizing: border-box;
	float: left;
	border-radius: 10rem;
}
.s__admin #header .search button,
.s__admin #header .search a {
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.s__admin #header a.bt {
	float: right;
	margin-left: 1rem;
}
.s__admin #header a.bt.btG {
	color: #ccc;
	box-shadow: none;
}
.s__admin #header a.bt.btG:hover {
	color: #fff;
}
.s__admin #footer {
	background: #ddd;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
}
.s__admin #footer p {
	font-size: 1rem;
	line-height: 2rem;
	text-align: left;
	color: #777;
	padding: 0;
}

.dashHeader {
	background: #f9f9f9;
	box-shadow: 0 .3rem .6rem 0 rgba(0,0,0,.2);
}
@media (min-width: 960px) {
	.dashHeader {
		position: sticky;
		top:0;
		padding-top: 2rem!important;
		margin-top: -2rem;
		z-index: 999;
	}
}
.dash_suscripciones .dashboard,
.dash_suscripciones .filters {
	margin-bottom: 2rem;
}
@media (min-width: 960px) {
	.dash_suscripciones .dashboard .row,
	.dash_suscripciones .filters .row {
		margin: 0 -2rem;
	}
	.dash_suscripciones .dashboard .col,
	.dash_suscripciones .filters .col {
		width: 30%;
		padding: 0 2rem;
	}
	.dash_suscripciones .dashboard .col + .col + .col,
	.dash_suscripciones .filters .col + .col + .col {
		width: 20%;
	}
}
.dash_suscripciones #main .dashboard h2 {
	font-weight: bold;
	margin-bottom: 1.5rem;
	position: relative;
	padding-left: 1em;
}
.dash_suscripciones #main .dashboard h2 i {
	font-size: .75em;
	color: #3b93f7;
	position: absolute;
	left: 0;
	top: .125em;
}
.dash_suscripciones .dashboard h2 span {
	font-weight: normal;
	color: #999;
	font-size: .5em;
}
@media (min-width: 960px) {
	.dash_suscripciones .dashboard .chartWrapper {
		height: 0;
	}
}
.dash_suscripciones #main .dashboard p {
	margin-bottom: .7rem;
	font-weight: bold;
}
.dash_suscripciones #main .dashboard p span {
	font-weight: normal;
}
.dash_suscripciones #main .filters ul {
	font-size: 0;
	margin: 0 -.25rem;
}
.dash_suscripciones .filters ul li {
	display: inline-block;
	font-size: 1rem;
	padding: 0 .25rem;
	width: 25%;
	box-sizing: border-box;
}
.dash_suscripciones .filters a,
.dash_suscripciones .filters label,
.dash_suscripciones .filters select {
	font-size: 1.1rem;
	height: 3.2rem;
	display: block;
	background: #ddeaf7;
	border-radius: .2rem;
	text-decoration: none;
	color: #3b93f7;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	position: relative;
}
.dash_suscripciones .filters label input {
	position: absolute;
	opacity: 0;
}
.dash_suscripciones .filters label {
	text-align: center;
	cursor: pointer;
}
.dash_suscripciones .filters a,
.dash_suscripciones .filters label span {
	display: block;
	padding: 1rem;
	line-height: 1.2rem;
	border-radius: .2rem;
	height: 1.2rem;
}
.dash_suscripciones .filters label:hover {
	box-shadow: inset 0 0 0 1px #3b93f7;
}
.dash_suscripciones .filters li a {
	text-align: center;
}
.dash_suscripciones .filters select {
	height: 3.2rem;
	line-height: 3.2rem;
	width: 100%;
	padding: 1rem .5rem;
}
.dash_suscripciones .filters label input:checked + span {
	background: #3b93f7;
	color: #fff;
}
.dash_suscripciones .filters .selectDate {
	position: relative;
}
.dash_suscripciones .filters .selectDate a {
	position: relative;
	z-index: 10;
}
.dash_suscripciones .filters .selectDate a i {
	float: right;
}
.dash_suscripciones #main .filters .selectDate ul {
	position: absolute;
	z-index: 5;
	border-radius: .4rem;
	top: 100%;
	right: 0;
	background: #fff;
	box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.25);
	margin: -3rem 0 0;
	padding: 4rem 1rem 1rem;
	width: 100%;
	box-sizing: border-box;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	opacity: 0;
	visibility: hidden;
}
@media (max-width: 960px) {
	.dash_suscripciones #main .filters .selectDate ul {
		top: auto;
		bottom: 100%;
		padding-top: 1rem;
		padding-bottom: 4rem;
		margin-bottom: -3rem;
		margin-top: 0;
	}
}
/*
.dash_suscripciones #main .filters .selectDate:hover ul,
.dash_suscripciones #main .filters .selectDate:focus ul,
.dash_suscripciones #main .filters .selectDate:active ul,
*/
.dash_suscripciones #main .filters .selectDate a.active + ul {
	opacity: 1;
	visibility: visible;
}
.dash_suscripciones #main .filters .selectDate ul li {
	display: block;
	width: auto;
}
.dash_suscripciones #main .filters .selectDate ul li + li {
	border-top: solid 1px #ddd;
}
.dash_suscripciones #main .filters .selectDate ul li label {
	background: #fff;
	height: auto;
}
.dash_suscripciones #main .filters .selectDate ul li label:hover {
	box-shadow: none;
}
.dash_suscripciones #main .filters .selectDate ul li label span {
	padding: .75rem;
}
.dash_suscripciones #main .filters .selectDate ul li label span:hover,
.dash_suscripciones #main .filters .selectDate ul li a:hover {
	background: #3b93f7;
	color: #fff;
}
.dash_suscripciones #main .filters .selectDate ul li:last-child {
	padding-top: 1rem;
}
.dash_suscripciones #main .filters .selectDate ul li:last-child label {
	display: block;
	text-align: center;
	margin: .5rem 0;
	color: #000;
}
.dash_suscripciones #main .filters .selectDate ul li input[type="date"] {
	position: static;
	opacity: 1;
	background: #eee;
	border-radius: .3rem;
	padding: 0 1rem;
	line-height: 3rem;
	margin-left: 1rem;
}
.dash_suscripciones #main .filters .selectDate ul li input.error {
	box-shadow: 0 0 0 1px #cc2929;
}
.dash_suscripciones #main .filters .selectDate ul li input:disabled {
	background: #ddd;
}
.dash_suscripciones #main .filters .selectDate a.disabled {
	background: #ddd;
	color: #aaa;
	cursor: default;
}
.contentTable {
	background: #eee;
	position: relative;
	margin-bottom: 2rem;
}
.table {
	padding: 2rem 0;
}
.table .th,
.table .tr {
	font-size: 0;
	margin: 0 -2rem;
}
.table .th .tc {
	text-transform: uppercase;
	font-size: 1rem;
	color: #999;
	font-weight: bold;
	padding-bottom: 1rem;
}
.table .tc {
	padding: .6rem 2rem;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.table .tc:nth-child(1),
.table .tc:nth-child(2) {
	width: 30%;
	position: relative;
}
.table .tc:nth-child(3),
.table .tc:nth-child(4) {
	width: 20%;
}
.table .tr .tc:nth-child(1):hover {
	overflow: visible;
	z-index: 10;
}
.table .tr .tc:nth-child(1):hover p {
	position: relative;
	z-index: 10;
}
#main .table .tc p {
	font-size: 1.2rem;
	margin-bottom: .25rem;
	display: inline;
	margin-right: 1rem;
	white-space: nowrap;
}
#main .table .tc p + p {
	padding-right: 10px;
}
#main .table .tc p:first-child {
	font-weight: bold;
	font-size: 1.3rem;
}
#main .table .tc:last-child p {
	font-weight: normal;
}
#main .table .tr {
	margin-bottom: 1px;
}
.table .tc:nth-child(1) {
	padding-right: 1rem;
}
.table .tc:nth-child(1):after {
	content: '';
	position: absolute;
	right: 1.5rem;
	width: 1rem;
	top: .6rem;
	bottom: .6rem;
	background: #eee;
	box-shadow: 0 0 .8rem .2rem #eee;
	z-index: 5;
}
.table .tr:nth-child(even) .tc:nth-child(1):after {
	background: #f9f9f9;
	box-shadow: 0 0 .8rem .2rem #f9f9f9;	
}
.table .tc p {
	background: #eee;
}
#main .table .tr:nth-child(even),
#main .table .tr:nth-child(even) .tc p {
	background: #f9f9f9;
}
#main .table .tr .tc:first-child {
	border-left: solid 3px #3b93f7;
}
#main .table .tr.e_pendiente .tc:first-child {
	border-left-color: #f60;
}
#main .table .tr.e_eliminado .tc:first-child {
	border-left-color: #999;
}
#main .table .tr.e_eliminado .tc * {
	color: #aaa;
}
#main .table .tr .tc:first-child p {
	margin-left: -3px;
}
#main .tfooter {
	padding: 2rem 0 0;
}
#main .tfooter p {
	font-size: 1.2rem;
	display: inline-block;
	color: #666;
	margin: 0;
	line-height: 2.5rem;
}
#main .tfooter ul {
	float: right;
	line-height: 2.5rem;
	margin: 0 5rem 0 0;
}
#main .tfooter ul li {
	display: inline-block;
	font-size: 1.1rem;
	min-width: 2rem;
	text-align: center;
}
#main .tfooter ul li a {
	display: block;
	width: 2.5rem;
	background: #fff;
	color: #666;
	border-radius: .2rem;
	text-decoration: none;
	text-decoration: none;
}
#main .tfooter ul li a.active,
#main .tfooter ul li a:hover {
	background: #3b93f7;
	color: #fff;
}

.flotingBt {
	position: fixed;
	right: 3.5rem;
	bottom: 3rem;
	z-index: 100;
	box-shadow: 0 .3rem 1rem .1rem rgba(0,0,0,.2);
}

.s__admin .modalContent p {
	font-size: 2rem;
	margin-bottom: 2rem;
}
@media (min-width: 960px) {
	.v_m,
	#bt_filtrar {
		display: none!important;
	}
}

#mobileFooter {
	display: none;
}

@media (max-width: 960px) {
	.s__admin .page {
		padding: 0 3rem;
	}
	.s__admin #header .search {
		display: none;
	}
	.s__admin #header .bt {
		margin-top: .5rem;
		width: 4rem;
		height: 4rem;
		line-height: 4rem;
	}
	.s__admin #header .bt:not(.btI) {
		display: none;
	}
	.s__admin .contentTable {
		display: none;
	}
	.dashHeader {
		box-shadow: none;
	}
	.s__admin.dash_suscripciones #main .dashboard {
		margin-bottom: 4rem;
	}
	.s__admin.dash_suscripciones #main .dashboard .col + .col {
		border-top: solid 1px #ddd;
		padding-top: 2rem;
		margin-top: 2rem;
	}
	.s__admin.dash_suscripciones #main .filters {
		position: fixed;
		bottom: 2rem;
		background: #fafafa;
		left: 0;
		right: 0;
		padding: 3rem 3rem 4rem;
		box-shadow: 0 0 5px rgba(0,0,0,.25);
		z-index: 900;
		opacity: 0;
		visibility: hidden;
		transition: all 150ms cubic-bezier(.7,0,.3,1);
	}
	.s__admin.dash_suscripciones #main .filters.visible {
		opacity: 1;
		visibility: visible;
	}
	.s__admin.dash_suscripciones #main .filters .col + .col {
		margin-top: 0;
	}
	.s__admin.dash_suscripciones #main .filters .col + .col + .col + .col {
		margin-top: .5rem;
	}
	.s__admin.dash_suscripciones #main .dashboard h2.v_m {
		padding-left: 0;
	}
	#mobileFooter {
		position: fixed;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 999;
		box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
		display: block;
		font-size: 0;
		background: #fff;
	}
	#mobileFooter:after,
	#mobileFooter:before {
		content: '';
		position: absolute;
		left: 33.333%;
		top: 1rem;
		bottom:1rem;
		border-left: solid 1px #ccc;
		z-index: 10;
	}
	#mobileFooter:after {
		left: 66.666%;
	}
	#mobileFooter a {
		display: inline-block;
		width: 33.333%;
		box-sizing: border-box;
		padding: 0;
		margin: 0;
		background: none;
		color: #3b93f7;
		border-radius: 0;
		font-size: 1rem;
		line-height: 1;
	}
	#mobileFooter a i {
		display: block;
		font-size: 1.8rem;
		margin: .75rem 0 .5rem;
	}
}