@import url("fonts/ezra/stylesheet.css");
@import url("fonts/futura-web/stylesheet.css");
/* ========================-INI-General */
html {
	--verde: #8CBC40;
	--azul: #85ABB7;
	--cafe: #54461B;
	--gris: #e5e5e5;

	overflow: hidden;
	overflow-y: scroll;
}
body {
	color: #000;
	font-family: 'futuralight';
	font-size: 14px;
}
h2 {
	font-size: 18px;
	font-family: 'futurabold';
}
h2.title {
	text-align: center;
	margin-bottom: 20px;

	color: var(--azul);
}
h4 {
	font-size: 16px;
	font-family: 'futurabold';
	text-transform: uppercase;
	font-weight: 600;
}
h2 span {
	font-family: 'futuralight';
}
h2 b {
	font-size: 24px;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: var(--azul);
}
a.a-inverse {
	color: var(--azul);
	text-decoration: underline;
}
a.a-inverse:hover {
	color: #000;
}
ul {
	display: block;
	margin: 0 auto;
	padding: 0;

	width: 100%;
	height: auto;

	list-style: none;
	text-align: center;
}
.btn,
.swal2-actions button {
	font-family: 'futurabold';
	text-transform: uppercase;
	font-size: 12px;

	padding: 10px 15px;
	border-radius: 25px;

	color: #FFF;
}
.btn i {
	font-size: 16px;
	padding: 0 5px;
}

a.lbl_factura {
	color: var(--azul);
	text-decoration: underline;
	font-size: 28px;
}

.btn-primary,
.btn-primary.active, 
.btn-primary:active,
.btn-primary:focus,
.swal2-actions button.swal2-styled {
	background-color: var(--verde);
	border-color: var(--verde);
	outline: none;
	box-shadow: none;
	min-width: 160px;
}
.btn-primary:hover {
	background-color: #000;
	border-color: #000;
}

.btn-secondary,
.btn-secondary.active, 
.btn-secondary:active,
.btn-secondary:focus {
	background-color: var(--azul) !important;
	border-color: var(--azul) !important;
	outline: none !important;
	box-shadow: none !important;
	min-width: 160px;
}
.btn-secondary:hover {
	background-color: #000 !important;
	border-color: #000 !important;
}

section.main {
	display: block;
	width: 100%;

	overflow: hidden;
}

/* Form: */
label,
.filepond--drop-label label {
	display: block;
	width: 100%;
	margin-bottom: 10px;

	color: #000;
	font-family: 'futuramedium';
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}
.filepond--drop-label label {
	text-align: center;
	font-size: 11px;
}
input[type="text"], input[type="email"], input[type="number"], input[type="password"],
select, 
.select2-container--default .select2-selection--single,
textarea {
	display: block;
	width: 100%;
	height: 35px;

	padding: 2px 10px;

	letter-spacing: 2px;
	text-align: center;
	color: #000;
	opacity: 1;
	font-family: 'futuralight';
	font-size: 11px;

	outline: none;
	box-shadow: none;

	background: #FFF;
	border: 1px solid var(--azul);
	border-radius: 10px;
	box-shadow: none;
}
textarea {
	padding: 10px;
	max-width: 100%;
	min-height: calc( 35px * 4 );
}
input[disabled=""], 
select[disabled=""], 
.select2-container--default .select2-selection--single[disabled=""],
textarea[disabled=""] {
	background: #E8E8E8;
}
input[type="checkbox"] {
	outline: none;
	width: 18px;
	height: 18px;

	margin-right: 10px;
}
.btn_pass {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.btn_show_pass {
	position: absolute;
	top: 0;
	right: 0;

	width: 50px;
	height: 35px;

	border-radius: 10px;
	background: transparent;
	border: none;
}
.btn_show_pass i {
	color: #E8E8E8;
	font-size: 13px;
}
.form-check-input {
	outline: none;
	margin: 0;
}
.form-check-input:checked {
	background-color: #D9D9D9;
	border-color: #D9D9D9;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus,
select:focus, 
textarea:focus,
.form-check-input:focus,
input[type="text"]:active, input[type="email"]:active, input[type="number"]:active, input[type="password"]:active,
select:active, 
textarea:active,
.form-check-input:active {
	box-shadow: none;
	outline: none;
}
.input-group button {
	height: 35px;
	padding: 8px 15px;
}
.select2-results__option[aria-disabled="true"],
select option[disabled=""] {
	display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered[title="MARCA *"],
.select2-container--default .select2-selection--single .select2-selection__rendered[title="Subcategoría"],
.select2-container--default .select2-selection--single .select2-selection__rendered[title="Color"],
select option[value="0"],
select:invalid,
select option:first-child {
	color: #000;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	outline: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--azul);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: block;
	margin: 0px auto;
	width: 5px;
	height: 5px;
	border-top: 1.5px solid var(--gris);
	border-left: 1.5px solid var(--gris);

	transform: rotate(225deg);

	left: 40%;
	top: 35%;
}

/* input::placeholder,
select::placeholder, 
textarea::placeholder  {
	font-size: 0;
} */

input:focus::placeholder,
select:focus::placeholder, 
textarea:focus::placeholder {
	font-size: 0;
}

.logo,
.logo-footer {
	display: block;
	margin: 0 auto;

	width: 100%;
	max-width: 200px;
}
.logo {
	margin-right: 0;
}
.pt-block {
	padding-top: 100px;
}
.pb-block {
	padding-bottom: 100px;
}
.py-block {
	padding-top: 100px;
	padding-bottom: 100px;
}
/* ========================-END-General */
/* ========================-INI-Header */
header {
	position: relative;

	box-sizing: border-box;

	z-index: 999;
}
header nav {
	display: block;
	margin: 0 auto;

}
header nav a {
	display: block;
	margin: 0 auto;
	margin-left: 0;

	font-family: 'futurabold';
	text-transform: uppercase;
	font-size: 36px;
	line-height: 36px;;

	padding: 20px 0;
	color: var(--azul) !important;

	width: 100%;
	max-width: 200px;
}
header nav a span {
	letter-spacing: 1.25px;
}
header .alerta {
	position: relative;
	display: block;
	margin: 0 auto;

	padding: 15px;

	background: var(--gris);
}
header .alerta .container {
	position: relative;
}
header .alerta p {
	display: block;
	margin: 0 auto;

	font-family: 'futuramedium';
	font-size: 18px;

	padding: 10px 0;

	color: #000;

	width: 100%;
	text-align: center;
}
header .alerta p:after {
	content: none;
	position: absolute;
	top: calc( 50% - 19px);
	left: 10%;
	display: block;
	margin: 0 auto;

	background: transparent url('../images/icon-info.png') no-repeat center center;
	background-size: 38px 38px;
	width: 38px;
	height: 38px;
}
/* ========================-END-Header */

/* ========================-INI-modal */
.modal-header,
.modal-footer {
	border: none;
}
.modal .modal-title {
	font-family: 'futuralight';
	font-size: 32px;
}
.modal .close {
	background: #000;
	color: #FFF;

	font-size: 12pt;

	width: 30px;
	height: 30px;

	border-radius: 15px;
	border: 1px solid #000;
	box-shadow: none;
}
.modal .close:hover {
	background-color: #FFF;
	color: #000;
}
/* ========================-END-modal */

/* ========================-INI-footer */
.accordion-item img {
	display: block;
	margin: 0 auto;

	width: 100%;
}
.accordion-item img.ticket {
	max-width: 220px;
}
.accordion-item img.constancia {
	max-width: 1200px;
}
footer .footer-top,
footer .footer-bootom,
footer .footer-copy {
	display: block;
	background: #E8E8E8;
	width: 100%;

	padding: 75px 0;
}

footer .footer-top {
	background-color: var(--gris);
}
footer .footer-bootom h4 {
	font-family: 'futuralight';
	text-transform: uppercase;
	font-size: 14px;
}
footer .footer-bootom ul.nav-footer {
	text-align: left;

	font-family: 'futuralight';
	font-size: 14px;
	line-height: 28px;
}
footer .footer-copy {
	background: #FFF;

	padding: 40px 0;
}
footer .footer-copy .container .row {
	align-items: end;
}
footer ul.social-icons li {
	display: inline-block;
	margin-right: 50px;
}
footer ul.social-icons li:last-child {
	margin-right: 0px;
}
footer .footer-copy ul li {
	display: inline-block;
	margin: 0;
	margin-left: 10px;
	
	color: #B1B1B1;
}
footer .footer-copy ul li a {
	color: #B1B1B1;
}
footer .footer-copy ul li:after {
	content: "|";
	margin-left: 10px;
}
footer .footer-copy ul li:first-child {
	margin-left: 0;
}
footer .footer-copy ul li:last-child {
	margin-right: 0;
}
footer .footer-copy ul li:last-child:after {
	display: none;
}
/* ========================-END-footer */

/* ========================-INI-inicio */
.iconos-funciones img {
	display: inline-block;

	height: 100%;
	max-height: 80px;
	width: auto;

	margin-right: 15px;

	transition: all 0.5s ease;
}
.iconos-funciones a:hover img {
	transform: rotateY(360deg);
}
.iconos-funciones a {
	display: inline-block;

	text-align: center;

	padding: 20px 80px;

	background-color: #FFF;
	border: 2px solid var(--gris);
	border-radius: 100px;

	color: var(--azul);
	font-family: 'futurabold';
	font-size: 20px !important;

	transition: all 0.5s ease;
}
.iconos-funciones a:hover {
	background-color: var(--verde);
	border-color: var(--verde);
	color: #FFF;

	transition: all 0.5s ease;
}
.iconos-funciones a:hover img {
	filter: brightness(0) invert(1);
}

.accordion-header,
.accordion-item {
	border: none;
	margin-bottom: 10px;
}
.accordion-button {
	background: var(--azul);
	color: #FFF;
	border-radius: 50px !important;
}
.accordion-button:not(.collapsed) {
	color: #FFF;
	background: var(--azul);
	box-shadow: none;
}
.accordion-button:focus {
	border-color: rgba(0,0,0,0.61);
	box-shadow: none;
}
.accordion-body ul {
	text-align: left;
	margin-left: 20px;
}
.accordion-body ul li {
	position: relative;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.accordion-body ul li:after {
	content: "";
	position: absolute;
	top: 0px;
	left: -30px;
	display: block;
	margin: 0 auto;

	background: transparent url('../images/icon-list.png') no-repeat center center;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}

.accordion-body ul p {
	margin-bottom: 0;
}
/* ========================-END-inicio */

/* ========================-INI-facturar */
.form-box {
	position: relative;
	display: block;
	margin: 0 auto;

	padding: 50px 100px;

	max-width: 800px;

	border: 1px solid var(--azul);
	border-radius: 8px;
}
.form-box-padding-short {
	padding: 50px 35px;
}
.form-header {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: auto;

	background-color: var(--azul);
	border-radius: 8px;
}
.form-header h3 {
	font-family: 'futuramedium';
	font-size: 16px;
	padding: 8px 0px;
	margin: 0;
	color: #FFF;

	display: block;
	text-align: center;
	text-transform: uppercase;
}
.form-box label {
	text-align: left;
}
label .required {
	color: red !important;
}

.icon-download img {
	display: block;
	margin: 0 auto;
	margin-bottom: 35px;

	max-width: 100px;
}
#txt_facturar_rfc {
	text-transform: uppercase;
}
.section-error .row .col-12 p {
	background-color: red;
	color: #FFF;
	padding: 50px;

	font-size: 18px;
	font-weight: 600;

	border-radius: 10px;
}
/* ========================-END-facturar */

/* ========================-INI-media */
@media (max-width: 480px) {

	header .alerta p {
		font-size: 16px;
	}
	header .alerta p:after {
		content: none;
	}

	header nav a {
		font-size: 28px;
		line-height: 28px;
	}

	.iconos-funciones img {
		max-height: 80px;
	}

	.form-box label {
		text-align: center;
	}
}
/* ========================-END-media */