:root {
	--principal: #4f4f51;
	--negro: #1C1C1C;
	--blanco: #FFFFFF;
	--alterno: #7BA3A0;
	--gris: #D1D1D1;
	--grisClaro: #F3F3F3;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;1,300&family=Roboto+Condensed:wght@400;700&display=swap');

/*@font-face {
	font-family: "DINCond-Regular Regular";
	src: url("../fonts/DINCond-Regular-Regular.otf");
}*/

html,
body {
	height: 100%;
	min-height: 100%;
	/*font-family: 'DINCond-Regular Regular', sans-serif;*/
    font-family: 'Montserrat', 'sans-serif';
	color: #010101;
}

/*
    Animación de Carga
*/

.loader {
	position: fixed;
	top: calc(50% - 60px);
	left: calc(50% - 60px);
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid var(--principal); /* verde */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	display: none;
	align-content: center;
	z-index: 1200 !important;
}

	.loader div:nth-child(1) {
		animation-delay: -0.45s;
	}

	.loader div:nth-child(2) {
		animation-delay: -0.3s;
	}

	.loader div:nth-child(3) {
		animation-delay: -0.15s;
	}

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

	100% {
		transform: rotate(360deg);
	}
}

.textoCargando {
	position: fixed;
	top: calc(50% - 100px);
	left: calc(50% - 50px);
	text-align: center;
	z-index: 1200 !important;
	color: #f3f3f3;
}

.fondoCargando {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1100 !important;
	display: none;
}

/*
    Fin Animación de Carga
*/

.img-brand {
	width: 150px;
	/*height: 150px;*/
	/*filter: drop-shadow(-2px 2px 12px rgba(0, 0, 0, 0.4))*/
}

.cont-float {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	/*padding-top: 40px;*/
	padding-bottom: 40px;
}

.title-tabs {
	line-height: 2.8;
	padding-left: 8px;
}

.center-cont {
	width: 100%;
	max-width: 900px;
	padding: 15px;
	margin: auto;
}

.container {
	max-width: 960px;
}

.card {
	background-color: #f5f5f5;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.btn-quests {
	background-color: #E87722;
	color: #ffffff;
}

.btn-next {
	color: #ffffff !important;
	background-color: #4f4f51;
	border-color: #4f4f51;
	width: 200px;
}


.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #ffffff;
	background-color: #4f4f51;
	background-image: inherit !important;
}

.nav-tabs .nav-link.disabled {
	color: #ffffff !important;
}

.nav-tabs .nav-link {
	color: #ffffff;
	background-image: linear-gradient(180deg, #efefef, #555557);
	background-repeat: no-repeat;
}

.btn-secondary {
	background: #4f4f51;
}

a.nav-link:hover {
	color: #fff;
	background-color: #4f4f51;
	background-image: inherit !important;
}

.btn-quest {
	border-radius: 100px;
	height: 20px;
	width: 20px;
	line-height: 15px;
	text-align: center;
	padding: 1px;
	background: #020202;
}

a {
	color: #d7d7d7;
	text-decoration: none;
	background-color: transparent;
}

.w-45 {
	width: 45%;
}

.requered {
	float: right;
	position: absolute;
	top: 0px;
	right: 0;
}

.site-header {
	background-color: transparent;
}

	.site-header h5, .site-header .h5 {
		font-size: 1.4rem;
		font-weight: 500;
	}

	.site-header a {
		color: #010101;
		transition: ease-in-out color .15s;
	}

		.site-header a:hover {
			color: #fff;
			text-decoration: none;
		}

.site-footer {
	background-color: #45474D;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.site-cr {
	background-color: #333;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.footer-font {
	font-size: 12px;
}

.col-form-label {
	padding-top: calc(0.375rem + 1px);
	padding-bottom: calc(0.375rem + 1px);
	margin-bottom: 0;
	/*font-size: 20px;*/
	line-height: 1.5;
}

@media (max-width: 920px) {
	h1, .h1 {
		font-size: 1.5rem;
	}

	.img-brand {
		width: 100px;
		height: 100px;
	}

	.cont-float {
		padding-top: 0px;
	}

	.w-45 {
		width: 100%;
	}

	.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
		color: #ffffff;
		/*background-color: #e87723;*/
		font-size: 12px;
		text-align: center;
	}

	.nav-link {
		display: block;
		padding: 0.5rem 0.5rem;
		font-size: 12px;
		text-align: center;
	}
}

.footer {
	position: relative;
	bottom: 0;
	width: 100%;
}

#txtRFC {
	color: #010101 !important;
}

	#txtRFC.not {
		color: red !important;
	}

#txtClienteRFC {
	color: #010101 !important;
}

	#txtClienteRFC.not {
		color: red !important;
	}

#txtTicket {
	color: #010101 !important;
}

	#txtTicket.not {
		color: red !important;
	}

.btnCustom {
	height: 48px !important;
	/*width: 81px !important;*/
	padding-top: 10px !important;
}

.btnW150 {
	width: 150px !important;
}

.warning-box {
	background-color: rgba(255, 165, 0, 0.60); /* Naranja con 75% de transparencia */
	color: #000;
	padding: 20px;
	text-align: center;
}