/*
Theme Name: Lleva-ahora
Author: Codemen
Author URI:
Description: Theme development for «Lleva ahora y Paga despues»
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
html, body {
	font-family: 'Bogle', Arial, Helvetica, sans-serif;
}

nav {
	background: #E9E9E9;
	position: relative;
	z-index: 999;
	box-shadow: none;
}

nav .sidenav-trigger {
	color: #FF00F3;
}

nav ul li a {
	color: #5F249F;
	font-weight: 700;
	font-size: 16px;
	font-family: 'Bogle', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

nav ul li a:hover, nav ul li a.active_menu {
	color: #FF00F3;
	background-color: transparent;
}

.brand-logo img {
	display: inline-block;
	vertical-align: middle;
}

#banner {
	background: #E9E9E9;
}

.spaceBanner {
	padding: 10px 0 30px;
}

#wrapTable {
	overflow-x: auto;
	position: relative;
	padding: 20px 0;
}

#tableTDC {
	min-width: 900px;
}

#tableTDC th {
	background: #5F249F;
	text-align: center;
	color: #ffffff;
	height: 50px;
	width: 16.666%;
	padding: 20px 15px;
}

#tableTDC th span {
	display: block;
	font: normal normal normal 10px/18px Bogle;
	letter-spacing: 0;
	color: #FFFFFF;
}

#tableTDC th p {
	height: 50px;
	vertical-align: middle;
}

#tableTDC tbody td {
	text-align: center;
	background: #f9f9f9;
}

#tableTDC tbody .cardsCells td {
	background: #FFFFFF;
}

#tableTDC tbody tr td:first-child {
	background: #5F249F;
	color: #ffffff;
	min-width: 200px;
}

#tableTDC tbody tr.subtitleTable td {
	background: #B99FD5;
	color: #ffffff;
	text-transform: uppercase;
}

#tableTDC tr {
	border-bottom: 0;
}

th, td {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	position: relative;
}

#tableTDC tbody tr td {
	height: 90px;
}

#tableTDC tbody tr.cardsCells td {
	height: 180px;
}

#tableTDC tbody tr.subtitleTable td {
	height: 50px;
}

#tableTDC td:after {
	content: '';
	border-bottom: 1px solid #DEDEDE;
	position: absolute;
	left: 5%;
	right: 5%;
	bottom: 0;
}

#tableTDC tr:last-child td:after, #tableTDC .no-border-after td:after, #tableTDC .subtitleTable td:after {
	display: none;
}

.cardsCells img {
	max-width: 150px;
}

.btn {
	background: #41D85A;
	color: #ffffff;
	text-transform: inherit;
	text-decoration: underline;
}

.btn:hover {
	background: #5F249F;
}

footer {
	margin-top: 100px;
	padding: 50px 0;
	background: #E9E9E9;
}

#menuSocialMedia {
	display: flex;
	justify-content: center;
	align-items: center;
}

#menuSocialMedia li {
}

#menuSocialMedia a {
	display: block;
	margin: 10px;
	padding: 0;
	color: #5F249F;
}

#menuSocialMedia a:hover {
	color: #B99FD5;
}

#menuSocialMedia a i {
	font-size: 24px;
}

footer p {
	font-size: 12px;
	font-weight: 100;
	color: #5F249F;
	text-align: center;
}

@media only screen and (max-width: 992px) {
	nav .brand-logo {
		left: 0;
		transform: translateX(0);
	}

	#mobile-demo {
		width: 100%;
	}

	.logoMobile .sidenav-close {
		font-size: 32px;
		color: #FF00F3;
	}
}

.admin-bar .sidenav {
	padding-top: 60px;
}

.sidenav ul {
	margin: 50px 0;
}

.sidenav ul li a {
	font: normal normal 900 16px/64px Bogle;
	height: 64px;
	letter-spacing: 4.32px;
	color: #5F249F;
	text-transform: uppercase;
}

.logoMobile {
	padding: 0 32px;
}

/**** promociones ***/
.specialRow {
	display: flex;
	background: #F9F9F9;

}

.specialRow .column {
	width: 20%;
	text-align: center;
}

.specialRow .column > div {
	/*padding: 10px;*/
}

.purple-box {
	padding: 15px 10px;
	background: #5F249F;
	color: #ffffff;
}

.purple-box .credit-card {
	display: block;
	font: normal normal normal 10px/18px Bogle;
	letter-spacing: 0;
	color: #FFFFFF;
}

.purple-box .title-card {
	font: normal normal normal 16px/18px Bogle;
	letter-spacing: 0;
	color: #FFFFFF;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.specialRow .image-card {
	padding: 15px 0;
	background: #ffffff;
	height: 185px;
}

.specialRow .image-card img {
	max-width: 180px;
	display: block;
	margin: 20px auto;
}

.box-info {
	padding: 15px 10px;
	color: #ffffff;
	font: normal normal bold 14px/20px Bogle;
	min-height: 200px;
	display: flex;
	align-items: center;
}

.blue-box {
	background: #015CA8;
}

.blue-box2 {
	background: #008AD4;
}

.black-box {
	background: #000000;
}

.green-box {
	background: #30B44B;
}

.gray-box2 {
	background: #686867;
}

.txt_purple {
	color: #5F249F;
	font-size: 14px;
	line-height: 1.4;
}

.txt_purple a {
	color: #5F249F;
	text-decoration: underline;
}

.gray-box {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px 25px;
}

.gray-box:after {
	content: '';
	bottom: 0;
	left: 10%;
	right: 10%;
	border-bottom: 1px solid #D4D4D4;
	position: absolute;

}

.txt_compra, .txt_aplicacion {
	min-height: 110px;
}

.txt_vigencia {

}

.txt_legales {
	min-height: 260px;
	justify-content: flex-start;
}

.txt_legales:after {
	display: none;
}

.txt_legales p {
	font-size: 9px;
	text-align: justify;
}

.box-2 {
	height: 220px;
}

/******** Tiendas **********/
.dataTables_filter input {
	box-sizing: border-box !important;
}

#tableTiendas thead tr th {
	background: #5F249F;
	color: #ffffff;
	font: normal normal 400 14px/1.2 "Bogle", Arial, Helvetica, sans-serif;
	height: 50px;
}

#tableTiendas thead tr th img {
	display: block;
	max-width: 100px;
	margin: auto;
}

#tableTiendas tbody td {
	color: #5F249F;
	text-transform: uppercase;
	height: 30px;
	font-size: 14px;
}

#tableTiendas tbody td img {
	width: 25px;
	display: block;
	margin: auto;
}

#wrapTableTiendas {
	overflow-x: auto;
}

/****** singleCardHome *******/
.singleCardHome {
	max-width: 300px;
	margin: auto;
}

.wrapCardModal {
	display: flex;
	margin: 10px 5px;
	justify-content: center;
}

.wrapCardModal > div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrapCardModal > div img {
	display: block;
}

.iconModal {
	width: 72px;
}

.iconModal img {
	width: 36px;
}

.cardModal img {
	width: 118px;
	height: auto;
}

.modalsCards {
	max-height: 80% !important;
}

.modal-overlay {
	background: #5F249F;
	opacity: 1 !important;
}

#swiperHome .swiper-button-next, #swiperHome .swiper-button-prev {
	top: 130px !important;
}

.swiper-button-next, .swiper-button-prev {
	background: #FF00F3;
	color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;

}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 20px;
	color: #ffffff;
}

table.dataTable.no-footer tbody {
    cursor: pointer;
}

table.dataTable.hover>tbody>tr:hover>*, table.dataTable.display>tbody>tr:hover>* {
	box-shadow: inset 0 0 0 9999px #5F249F !important;
	color: white !important;
}

@media all and (max-width: 600px) {
	.infoOverflow {
		overflow-x: auto;
	}

	.specialRow {
		flex-direction: column;
	}

	.specialRow .column {
		width: 100%;
	}


	.purple-box {
		padding: 10px 7px;
		background: #5F249F;
		color: #ffffff;
	}

	.purple-box .title-card {
		font-size: 14px;
	}

	.specialRow .image-card {
		padding: 10px 0;
		height: auto;
	}

	.txt_purple {
		font-size: 12px;
	}

	.txt_purple *{
		font-size: 12px;
		color: #5F249F;
	}

	.specialRow .image-card img {
		max-width: 200px;
	}

	.box-info {
		padding: 10px 7px;
		font-size: 12px;
		font-weight: normal;
		height: auto;
		min-height: auto;
	}

	.box-info p {
		display: block;
		width: 100%;
		text-align: center;
	}

	.box-2 {
		min-height: auto;
	}

	.gray-box {
		padding: 10px 15px;
	}

	.txt_compra, .txt_aplicacion {
	}

	.txt_vigencia {
	}

	.txt_legales {
		min-height: auto;
		justify-content: flex-start;
	}

	.txt_legales p {
		font-size: 10px;
	}
}