/*Tema otorgante*/
:root {
	--color-primary: #F38220;
	--color-secondary: #FCEDDB;
	--color-accent: #A21B43;
	--color-text: #000000;
}


/*HELPERS*/

@font-face {
	font-family: 'Muli Black';
	src: url('../fonts/Muli-Black.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-Black.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-Black.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-Black.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-Black.svg#599db1d9bf2abd4ce1c250b69de512cd') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Muli Black Italic';
	src: url('../fonts/Muli-BlackItalic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-BlackItalic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-BlackItalic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-BlackItalic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-BlackItalic.svg#105c8427dce86b8b026b1660b003b5ae') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 400;
}

@font-face {
	font-family: 'Muli Bold';
	src: url('../fonts/Muli-Bold.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-Bold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-Bold.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-Bold.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-Bold.svg#bceac5cdcd2bda5dc6d0c1a04b838dc7') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Muli Bold Italic';
	src: url('../fonts/Muli-BoldItalic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-BoldItalic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-BoldItalic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-BoldItalic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-BoldItalic.svg#702a28a5e2c5e6ad7acf5c17547a934e') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 700;
}

@font-face {
	font-family: 'Muli ExtraBold';
	src: url('../fonts/Muli-ExtraBold.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-ExtraBold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-ExtraBold.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-ExtraBold.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-ExtraBold.svg#6f23915c5b9e75274cdd1a2fc9d5a1ee') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Muli ExtraBold Italic';
	src: url('../fonts/Muli-ExtraBoldItalic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-ExtraBoldItalic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-ExtraBoldItalic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-ExtraBoldItalic.svg#97e778eadc669b13f1d50062d69a2d20') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 700;
}

@font-face {
	font-family: 'Muli ExtraLight';
	src: url('../fonts/Muli-ExtraLight.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-ExtraLight.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-ExtraLight.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-ExtraLight.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-ExtraLight.svg#6520417471aa59a07902ee31754427a8') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: 'Muli ExtraLight Italic';
	src: url('../fonts/Muli-ExtraLightItalic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-ExtraLightItalic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-ExtraLightItalic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-ExtraLightItalic.svg#6018dc910e2e4b8a121e541b48e1724b') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 200;
}

@font-face {
	font-family: 'Muli Italic';
	src: url('../fonts/Muli-Italic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-Italic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-Italic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-Italic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-Italic.svg#44cf9b31f9dde2efac9c52707f676b32') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 400;
}

@font-face {
	font-family: 'Muli Light';
	src: url('../fonts/Muli-Light.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-Light.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-Light.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-Light.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-Light.svg#19f9d832d0aa77a64585327dbb1ab129') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: 'Muli Light Italic';
	src: url('../fonts/Muli-LightItalic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-LightItalic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-LightItalic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-LightItalic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-LightItalic.svg#1591391f98e65087e91511402cbb47f8') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 200;
}

@font-face {
	font-family: 'Muli';
	src: url('../fonts/Muli-Regular.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-Regular.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-Regular.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-Regular.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-Regular.svg#42140a9a4718478f9abea8e90b2b6bd3') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Muli SemiBold';
	src: url('../fonts/Muli-SemiBold.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-SemiBold.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-SemiBold.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-SemiBold.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-SemiBold.svg#87fba5ddf6452174fe464d58bc9f1440') format('svg');
	/* Legacy iOS */

	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Muli SemiBold Italic';
	src: url('../fonts/Muli-SemiBoldItalic.eot');
	/* IE9 Compat Modes */
	src: url('../fonts/Muli-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/Muli-SemiBoldItalic.woff') format('woff'),
		/* Modern Browsers */
		url('../fonts/Muli-SemiBoldItalic.ttf') format('truetype'),
		/* Safari, Android, iOS */
		url('../fonts/Muli-SemiBoldItalic.svg#7af3d3d5a56029f5b439e3782faca249') format('svg');
	/* Legacy iOS */

	font-style: italic;
	font-weight: 700;
}

/* img.id_cntr {
	filter: invert(1);
	-webkit-filter:;
} */

/*SVG*/
.maskface {
	width: 54px;
	height: 64px;
	margin-top: 5%;
	background-color: var(--color-text);
	-webkit-mask-image: url(../images/face_hair.svg);
	mask-image: url(../images/face_hair.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

.maskface.id_cntr {
	width: 72px;
	height: 76px;
	-webkit-mask-image: url(../images/face_hair_b.svg);
	mask-image: url(../images/face_hair_b.svg);
}


.maskface.headphones {
	width: 72px;
	height: 67px;
	-webkit-mask-image: url(../images/headph_b.svg);
	mask-image: url(../images/headph_b.svg);
}

.maskface.id_central {
	width: 67px;
	height: 45px;
	-webkit-mask-image: url(../images/id_central.svg);
	mask-image: url(../images/id_central.svg);
}

.maskface.pass_central {
	width: 41px;
	height: 67px;
	-webkit-mask-image: url(../images/pass_central.svg);
	mask-image: url(../images/pass_central.svg);
}

#myVideo2 {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	/* Safari and Chrome */
	-moz-transform: rotateY(180deg);
	/* Firefox */
}

#myVideo_rotate,
#video_wrt.myVideo_rotate {
	transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-o-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
}

.video-js.vjs-fluid.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
	height: 100vh;
	align-items: center;
}

.video-js {
	width: 100%;
	height: 100%;
}

#buttonStart,
#startReplay {
	display: none;
	opacity: 0;
}

.ispinner {
	position: relative;
	width: 20px;
	height: 20px;
}

.ispinner .ispinner-blade {
	position: absolute;
	top: 37%;
	left: 44.5%;
	width: 10%;
	height: 25%;
	background-color: #8e8e93;
	border-radius: 50%/20%;
	animation: iSpinnerBlade 1s linear infinite;
	will-change: opacity;
}

.ispinner .ispinner-blade:nth-child(1) {
	transform: rotate(30deg) translate(0, -150%);
	animation-delay: -1.6666666667s;
}

.ispinner .ispinner-blade:nth-child(2) {
	transform: rotate(60deg) translate(0, -150%);
	animation-delay: -1.5833333333s;
}

.ispinner .ispinner-blade:nth-child(3) {
	transform: rotate(90deg) translate(0, -150%);
	animation-delay: -1.5s;
}

.ispinner .ispinner-blade:nth-child(4) {
	transform: rotate(120deg) translate(0, -150%);
	animation-delay: -1.4166666667s;
}

.ispinner .ispinner-blade:nth-child(5) {
	transform: rotate(150deg) translate(0, -150%);
	animation-delay: -1.3333333333s;
}

.ispinner .ispinner-blade:nth-child(6) {
	transform: rotate(180deg) translate(0, -150%);
	animation-delay: -1.25s;
}

.ispinner .ispinner-blade:nth-child(7) {
	transform: rotate(210deg) translate(0, -150%);
	animation-delay: -1.1666666667s;
}

.ispinner .ispinner-blade:nth-child(8) {
	transform: rotate(240deg) translate(0, -150%);
	animation-delay: -1.0833333333s;
}

.ispinner .ispinner-blade:nth-child(9) {
	transform: rotate(270deg) translate(0, -150%);
	animation-delay: -1s;
}

.ispinner .ispinner-blade:nth-child(10) {
	transform: rotate(300deg) translate(0, -150%);
	animation-delay: -0.9166666667s;
}

.ispinner .ispinner-blade:nth-child(11) {
	transform: rotate(330deg) translate(0, -150%);
	animation-delay: -0.8333333333s;
}

.ispinner .ispinner-blade:nth-child(12) {
	transform: rotate(360deg) translate(0, -150%);
	animation-delay: -0.75s;
}

.ispinner.ispinner-large {
	width: 30px;
	height: 30px;
}

.ispinner.ispinner-large .ispinner-blade {
	width: 8.5714285714%;
	height: 25.7142857143%;
	border-radius: 50%/16.67%;
}

@keyframes iSpinnerBlade {
	0% {
		opacity: 0.85;
	}

	50% {
		opacity: 0.25;
	}

	100% {
		opacity: 0.25;
	}
}

.forcewidth100 {
	width: 100% !important;
}

.main_color {
	color: var(--color-accent) !important;
}

.main_bg_color {
	background-color: var(--color-accent) !important;
	margin-top: 4px;
}

.row_ext {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
}

.row_ext .col_50 {
	display: inline-block;
	width: 45% !important;
}

.margin_4 {
	margin-left: 4%;
}

.break_float {
	display: block;
	width: 100%;
	height: 1px;
	float: none;
}

.hide_elmnt {
	display: none !important;
}

.overflow_hddn {
	overflow: hidden !important;
}

.nomrgnnopdng {
	margin: 0 !important;
	padding: 0 !important;
	list-style-position: inside !important;
}

/*HELPERS*/

/*//////////////////////////////////*/

/*MAIN STYLES*/

.container {
	margin: 0;
	padding: 0;
}

.main_gradient {
	position: fixed;
	z-index: 0;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-primary) 100%);
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

#head_container {
	width: 100%;
	height: 69px;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
}

#head_container .comp_logo {
	margin-top: 16px;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	height: auto !important;
	position: relative;
}

.help_btn {
	display: block;
	/*width: 36px;
	height: 36px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	border: 1px solid #ffffff;
	background-color: var(--color-accent);
	border-radius: 50%;*/
	position: absolute;
	margin: 0;
	padding: 0;
	right: 16px;
	top: 50%;
	margin-top: -18px;
	cursor: pointer;
}

.help_back {
	display: block;
	position: absolute;
	margin: 0;
	left: 16px;
	top: 50%;
	margin-top: -18px;
	padding: 5px;
	cursor: pointer;
}

.help_back img {
	width: 24px;
	height: 19px;
}

.help_btn img {
	margin-top: 8px;
}

.terms_container {
	display: block;
	position: relative;
	width: 100%;
	height: 70%;
	margin: 0;
	padding: 0;
}

.terms_container .terms_bg_box {
	background: white;
	width: 90%;
	height: 100%;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -45%;
	padding: 16px;
	border-radius: 4px;
	box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24), 0 0 8px rgba(0, 0, 0, 0.12);
}

.terms_container .terms_bg_box p {
	display: block;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	font-family: Muli, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.54);
	padding-bottom: 26px !important;
}

.terms_container .terms_bg_box_gradient {
	width: 100%;
	height: 53px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(180deg, rgba(253, 253, 253, 0) 0%, #FAFAFA 100%);
}

.check_container {
	position: relative;
	padding-top: 32px;
}

.check_container form {
	width: 258px;
	margin: 0 auto;
}

.check_container label {
	padding-left: 35px;
	color: var(--color-text);
}

.check_container label:hover {
	color: var(--color-text);
}

.checkbox label .checkbox-decorator .check,
label.checkbox-inline .checkbox-decorator .check {
	border: .125rem solid var(--color-accent) !important;
}

.checkbox label input[type=checkbox]:checked+.checkbox-decorator .check,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check {
	color: var(--color-accent) !important;
	border-color: var(--color-accent);
	background: white;
}

.checkbox label input[type=checkbox]:checked+.checkbox-decorator .check:before,
label.checkbox-inline input[type=checkbox]:checked+.checkbox-decorator .check:before {
	color: var(--color-accent) !important;
}


.powered_by {
	width: 100%;
	position: relative;
	height: 24px;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
	text-align: center;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	z-index: 100;
}

.powered_by.full_screen_spce {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 24px;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.powered_by.full_screen_spce2 {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	height: 24px;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.powered_by img {
	width: 109px;
	height: 17px;
	margin: 4px auto;
	display: inline-block;
}

.text-center,
.text-color {
	color: var(--color-text);
}

.main_text_container {
	width: 100%;
	position: relative;
	padding: 5% 10%;
	color: var(--color-text);
}

.main_text_container h1 {
	position: relative;
	height: 51px;
	opacity: 0.9;
	color: var(--color-text);
	font-family: "Muli Bold", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 16px;
	display: inline-block;
}

.main_text_container p,
.textogral {
	opacity: 0.7;
	color: var(--color-text);
	font-family: "Muli", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.main_text_container p b {
	font-family: "Muli Bold", sans-serif;
	font-weight: 700;
}

.main_icon_container {
	position: relative;
	width: 100%;
	text-align: center;
	display: block;
	margin: 0;
	padding: 0;
}

.main_icon_container img {
	display: inline-block;
	width: 66px;
	height: 67px;
}

.action_buttons {
	position: relative;
	width: 100%;
	padding: 32px 10% 0px 10% !important;
	margin-bottom: 32px;
}


.action_buttons.noscroll_screen {
	position: absolute;
	left: 0;
	bottom: 24px;
	width: 100%;
	padding: 0px 10% 24px 10%;
}

.ocr_data_display {
	width: 100%;
	position: relative;
	padding: 0 10%;
	margin-bottom: 64px;
}

.ocr_data_display .form-group {
	margin-bottom: 1rem;
}

label.bmd-label-floating {
	color: var(--color-text)
}

.spaceLi {
	margin-left: 40px;
}

.custom-file-control:disabled,
.custom-file-control[readonly],
.form-control:disabled,
.form-control[readonly] {
	background-color: transparent !important;
	opacity: 1;
	background-image: linear-gradient(0deg, #009688 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0);
}

.is-focused [class*=" bmd-label"],
.is-focused [class^=bmd-label] {
	/*color: rgba(0, 0, 0, 0.5);*/
	color: var(--color-text);
}

.custom-file-control,
.form-control,
.is-focused .custom-file-control,
.is-focused .form-control {
	background-image: linear-gradient(0deg, var(--color-accent) 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0);
	color: var(--color-text);
}


.btn_square_back {
	width: 17px;
	height: 13px;
	background-color: var(--color-text);
	-webkit-mask-image: url(../images/btn_square_back.svg);
	mask-image: url(../images/btn_square_back.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

.arroba {
	width: 22px;
	height: 21px;
	background-color: var(--color-text);
	-webkit-mask-image: url(../images/arroba.svg);
	mask-image: url(../images/arroba.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

.phone {
	width: 20px;
	height: 20px;
	background-color: var(--color-text);
	-webkit-mask-image: url(../images/phone.svg);
	mask-image: url(../images/phone.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

.whatsapp {
	width: 22px;
	height: 21px;
	background-color: var(--color-text);
	-webkit-mask-image: url(../images/whatsapp.svg);
	mask-image: url(../images/whatsapp.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

.help_container .help_mail a {
	color: var(--color-accent);
	font-family: "Muli Bold", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: underline;
}

.help_container .help_phone a {
	color: #0091ff;
	font-family: "Muli Bold", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	display: inline-block;
	padding: 5px 10px;
}

.help_container .help_whats a {
	color: #66CD00;
	font-family: "Muli Bold", sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	display: inline-block;
	padding: 5px 10px;
}


.module_container {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}


.module_container .camera_capture_frame {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.module_container .module_gradient_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, #0d1015 0%, rgba(0, 0, 0, 0.55) 20%, rgba(12, 14, 18, 0) 40%, rgba(4, 5, 6, 0.6) 77%, #000000 100%);
	z-index: 2;
}

.module_container .module_title {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 3;
	text-align: center;
}

.module_container .module_title p {
	display: inline-block;
	width: auto;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(0, 0, 0, 0.9);
	color: #ffffff;
	font-family: "Muli Light", sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 22px;
	margin: 16px 0px;
}

.module_container .module_title p b {
	font-family: "Muli Bold", sans-serif;
	font-size: 16px;
	font-weight: 700;
}

.alert_light {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
}

.module_container .alert_instruction {
	position: relative;
	width: 100%;
	height: 100px;
	z-index: 4;
	text-align: center;
}

.module_container .alert_instruction img {
	display: inline-block;
	margin: 16px 0px;
}

.module_container .top_id_frame {
	display: block;
	position: absolute;
	width: 80%;
	height: 41px;
	left: 50%;
	top: 22%;
	z-index: 5;
	margin-left: -40%;
}

.module_container .top_id_frame::before {
	content: '';
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	left: 0;
	top: 0;
	border-top: 8px solid #f7b500;
	border-left: 8px solid #f7b500;
	border-radius: 4px;
}

.module_container .top_id_frame::after {
	content: '';
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 0;
	border-top: 8px solid #f7b500;
	border-right: 8px solid #f7b500;
	border-radius: 4px;
}

.module_container .top_id_frame.square_state {
	display: block;
	position: absolute;
	width: 70%;
	height: 41px;
	left: 50%;
	top: 15%;
	z-index: 5;
	margin-left: -35%;
}

.module_container .bottom_id_frame {
	display: block;
	position: absolute;
	width: 80%;
	height: 41px;
	left: 50%;
	top: 50%;
	z-index: 5;
	margin-left: -40%;
}

.module_container .bottom_id_frame::before {
	content: '';
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	left: 0;
	top: 0;
	border-bottom: 8px solid #f7b500;
	border-left: 8px solid #f7b500;
	border-radius: 4px;
}

.module_container .bottom_id_frame::after {
	content: '';
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 0;
	border-bottom: 8px solid #f7b500;
	border-right: 8px solid #f7b500;
	border-radius: 4px;
}

.module_container .bottom_id_frame.square_state {
	display: block;
	position: absolute;
	width: 70%;
	height: 41px;
	left: 50%;
	top: 43%;
	z-index: 5;
	margin-left: -35%;
}

.module_container .top_id_frame.focus_state::before {
	border-top: 8px solid #6dd400;
	border-left: 8px solid #6dd400;
}

.module_container .top_id_frame.focus_state::after {
	border-top: 8px solid #6dd400;
	border-right: 8px solid #6dd400;
}

.module_container .bottom_id_frame.focus_state::before {
	border-bottom: 8px solid #6dd400;
	border-left: 8px solid #6dd400;
}

.module_container .bottom_id_frame.focus_state::after {
	border-bottom: 8px solid #6dd400;
	border-right: 8px solid #6dd400;
}

.module_container .module_icon_container {
	position: absolute;
	top: 65%;
	width: 100%;
	height: auto;
	z-index: 5;
	text-align: center;
	display: block;
	margin: 0;
	padding: 0;
}

.module_container .module_icon_container img {
	display: inline-block;
	width: 66px;
	height: 67px;
}


.module_buttons {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0px 10% 24px 10%;
}

.module_buttons .cancel_btn {
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}


.doc_main_container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: #6D7278;
}

.doc_main_container .doc_controls {
	width: 100%;
	height: 56px;
	background-color: #000000;
	opacity: 0.5;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
	line-height: 56px;
	vertical-align: middle;
	text-align: right;
}

.doc_main_container .doc_controls p {
	display: inline-block;
	color: #ffffff;
	font-family: "Muli Black", sans-serif;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: 12px;
}

.doc_main_container .doc_controls .btn {
	margin-right: 5%;
}

.doc_main_container .document_preview_container {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: #6D7278;
	padding-top: 56px;
	padding-bottom: 56px;
	overflow-y: scroll;
}

.doc_main_container .document_preview_container img {
	display: block;
	padding: 5% 5% 2.5% 5%;
	width: 100%;
}

.doc_main_container .document_preview_container .doc_page {
	display: block;
	margin: 5% 5% 2.5% 5%;
	padding: 5%;
	width: 90%;
	min-height: 90%;
	background: #FFFFFF;
	font-size: 18px;
	color: #343434;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.doc_main_container .document_preview_container .doc_page_date {
	text-align: right;
	font-size: 12px;
	font-weight: bolder;
}

.doc_main_container .doc_button {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	border-radius: 0 !important;
	margin: 0;
	padding: 15px 0;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}


.align_alert {
	position: absolute;
	left: 0;
	top: 52%;
	z-index: 6;
	width: 100%;
	height: auto;
}

.align_alert p {
	width: 60%;
	color: #f7b500;
	font-family: "Muli Bold", sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
}

.status_txt {
	position: absolute;
	left: 0;
	bottom: 3px;
	z-index: 6;
	width: 100%;
	height: auto;
	text-align: center;
}

.status_txt p {
	display: inline-block;
	color: #d8d8d8;
	font-family: "Muli Light", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin: 0 !important;
	padding: 5px 0 !important;
}

.recorder_container {
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: 10;
	width: 100%;
	height: 64px;
	text-align: center;
}

.recorder_container .recorder_box {
	width: 192px;
	height: 64px;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.24), 0 8px 10px rgba(0, 0, 0, 0.12);
	border-radius: 32px;
	border: 1px solid rgba(255, 255, 255, .3);
	background-color: #151921;
	display: inline-block;
}

.recorder_box .circle_back {
	width: 32px;
	height: 32px;
	background-color: rgba(109, 114, 120, 0.5);
	position: relative;
	left: 15px;
	top: 15px;
	border-radius: 50%;
}

.recorder_box .recording_state {
	background-color: rgba(224, 32, 32, 0.5) !important;
}

.recorder_box .circle_front {
	width: 22px;
	height: 22px;
	background-color: #6d7278;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -11px;
	margin-top: -11px;
	border-radius: 50%;
}

.recorder_box .recording_state .circle_front {
	background-color: #e02020 !important;
}

.recorder_box .alert_state {
	background-color: transparent !important;
}

.recorder_box .audio_meter_box {
	width: 113px;
	height: 3px;
	position: relative;
	top: 0;
	left: 65px;
	margin: 0 !important;
	padding: 0 !important;
}

.recorder_box .audio_meter_box ul {
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.recorder_box .audio_meter_box ul li {
	display: inline-block;
	width: 3px;
	height: 3px;
	background: white;
	float: left;
	margin-right: 3px;
	border-radius: 3px;
}

.recorder_box .audio_meter_box ul.rec_state li {
	background-color: #0091ff !important;
}

.recorder_box .audio_meter_box ul li.b_a,
.recorder_box .audio_meter_box ul li.b_l {
	width: 23px;
	border-radius: 3px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_b {
	height: 6px;
	margin-top: -3px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_c {
	height: 12px;
	margin-top: -6px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_d {
	height: 18px;
	margin-top: -9px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_e {
	height: 21px;
	margin-top: -11px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_f {
	height: 18px;
	margin-top: -9px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_g {
	height: 12px;
	margin-top: -6px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_h {
	height: 6px;
	margin-top: -3px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_i {
	height: 12px;
	margin-top: -6px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_j {
	height: 18px;
	margin-top: -9px;
}

.recorder_box .audio_meter_box ul.rec_state li.b_k {
	height: 12px;
	margin-top: -6px;
}

.recorder_box .audio_meter_box ul li.b_l {
	width: 23px;
	border-radius: 3px;
	margin-right: 0px;
}

.overlay_box {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 25, 33, 0.85);
	padding: 20% 0;
	top: 0;
}

.overlay_box.hide_ovrly {
	display: none;
}


.overlay_box p {
	display: block;
	width: 280px;
	height: auto;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(0, 0, 0, 0.9);
	padding: 20px;
	color: #ffffff;
	font-family: "Muli", sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 auto;
}

.overlay_box p b {
	font-family: "Muli Black", sans-serif;
	font-weight: 900;
}

.overlay_box .alert_btn {
	width: 280px !important;
	margin: 20px auto !important;
	display: block !important;
}

.module_container .camera_capture_frame.speech_mod {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 1;
}

.kroke_bx {
	position: absolute;
	z-index: 9;
	left: 0;
	top: 20%;
	width: 100%;
	height: auto;
}

.kroke_bxss {
	position: absolute;
	z-index: 9;
	left: 0;
	width: 100%;

	height: 100px !important;
	top: auto;
}

.kroke_bx p {
	display: inline-block;
	width: 100%;
	height: auto;
	text-align: center;
	font-family: "Muli Bold", sans-serif;
	font-size: 12px;
	color: rgba(255, 255, 255, .5);
}

.kroke_bx p.trnsprnt {
	color: transparent !important;
}

.kroke_bx p.mid_p {
	color: #ffffff;
	font-family: "Muli Bold", sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-weight: bold;

}

.kroke_bx p.mid_p b {
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0.7;
	padding: 10px;
	border-radius: 24px;
	display: inline-block;
}

.kroke_bx p.mid_p b.ldng {
	width: 80px;
}

.kroke_bx span.mid_p {
	color: #ffffff;
	font-family: "Muli Bold", sans-serif;
	font-size: 16px;
	font-weight: 700;
	font-weight: bold;

}

.kroke_bx span.mid_p b {
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 0.7;
	padding: 10px;
	border-radius: 24px;
	display: inline-block;
}

.kroke_bx span.mid_p b.ldng {
	width: 80px;
}

.characterToken {
	display: inline;
	margin: 0 10px 0 10px;
}

.loader_container {
	position: fixed;
	width: 70px;
	height: 70px;
	background: rgba(0, 0, 0, .75);
	z-index: 999;
	border-radius: 5px;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
}

.loader_container .ispinner-large {
	left: 20px;
	top: 20px;
}

.id_mask {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -960px;
	margin-top: -960px;
	transform: scaleX(-1);
}

.anim_b,
.anim_h {
	animation: b_nimte 1s infinite alternate-reverse;
}

.blur_video {
	-webkit-filter: blur(50px);
	filter: blur(50px);
}

@keyframes b_nimte {
	0% {
		height: 6px;
		margin-top: -3px;
	}

	100% {
		height: 12px;
		margin-top: -6px;
	}
}

.anim_c {
	animation: c_nimte 1s infinite alternate-reverse;
}

@keyframes c_nimte {
	0% {
		height: 12px;
		margin-top: -6px;
	}

	100% {
		height: 6px;
		margin-top: -3px;
	}
}

.anim_d,
.anim_f,
.anim_j {
	animation: d_nimte 1s infinite alternate-reverse;
}

@keyframes d_nimte {
	0% {
		height: 18px;
		margin-top: -9px;
	}

	100% {
		height: 22px;
		margin-top: -11px;
	}
}

.anim_e {
	animation: e_nimte 1s infinite alternate-reverse;
}

@keyframes e_nimte {
	0% {
		height: 22px;
		margin-top: -11px;
	}

	100% {
		height: 12px;
		margin-top: -6px;
	}
}

.anim_g {
	animation: g_nimte 1s infinite alternate-reverse;
}

@keyframes g_nimte {
	0% {
		height: 12px;
		margin-top: -6px;
	}

	100% {
		height: 3px;
		margin-top: -1.5px;
	}
}

.anim_i {
	animation: i_nimte 1s infinite alternate-reverse;
}

@keyframes i_nimte {
	0% {
		height: 6px;
		margin-top: -3px;
	}

	100% {
		height: 22px;
		margin-top: -11px;
	}
}

.anim_k {
	animation: k_nimte 1s infinite alternate-reverse;
}

@keyframes k_nimte {
	0% {
		height: 6px;
		margin-top: -3px;
	}

	100% {
		height: 12px;
		margin-top: -6px;
	}
}

/* Puntos Crop */
.ReactCrop .ord-ne::after {
	width: 30px !important;
	height: 30px !important;
	border-radius: 20px !important;
	background-color: #6DD400;
	left: -20px !important;
	top: -10px !important;
	border: 2px solid #6DD400 !important;
	opacity: 0.5 !important;
}

.ReactCrop .ord-nw::after {
	width: 30px !important;
	height: 30px !important;
	border-radius: 20px !important;
	background-color: #6DD400;
	left: -10px !important;
	top: -10px !important;
	border: 2px solid #6DD400 !important;
	opacity: 0.5 !important;
}

.ReactCrop .ord-se::after {
	width: 30px !important;
	height: 30px !important;
	border-radius: 20px !important;
	background-color: #6DD400;
	left: -20px !important;
	top: -20px !important;
	border: 2px solid #6DD400 !important;
	opacity: 0.5 !important;
}

.ReactCrop .ord-sw::after {
	width: 30px !important;
	height: 30px !important;
	border-radius: 20px !important;
	background-color: #6DD400;
	left: -10px !important;
	top: -20px !important;
	border: 2px solid #6DD400 !important;
	opacity: 0.5 !important;
}

@media (min-width: 800px) {
	.container {
		max-width: 100% !important;
	}
}

@media screen and (min-width: 900px) {

	.myVideo-dimensions.vjs-fluid,
	.myVideo_rotate-dimensions.vjs-fluid {
		padding-top: 50% !important;
	}

	.myVideo2-dimensions.vjs-fluid {
		padding-top: 0 !important;
	}

	.overlay_box {
		padding: 2% 0;
	}

	.ine_mask {
		top: 70% !important;
		transform: scale(1.8) scaleX(-1) !important;
	}

	.id_mask {
		top: 65%;
		transform: scale(2.2);
	}

	.kroke_bx {
		top: 5%;
	}

	.document_msk_dsk {
		transform: scale(1.8, 1.23) !important;
	}
}

.ine_mask_cel {
	position: absolute;
	z-index: 2;
	margin-top: -215%;
	top: 0;
	width: 100%;
}

.id_mask_mobile {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}


@media screen and (min-width: 1280px) {

	.ine_mask {
		top: 75% !important;
		transform: scale(2) scaleX(-1) !important;
	}

	.alert_light {
		margin-top: 68px;
	}

	.id_mask {
		Top: 67%;
		transform: scale(2);
	}


	.kroke_bx {
		top: 2%;
	}

	.document_msk_dsk {
		transform: scale(1.8, 1.23) !important;
	}
}

@media screen and (min-width: 1600px) {

	.ine_mask {
		top: 70% !important;
		transform: scale(2.5) scaleX(-1) !important;
	}

	.id_mask {
		top: 68%;
		transform: scale(2.4);
	}

	.kroke_bx {
		top: 2%;
	}

	.document_msk_dsk {
		transform: scale(2, 1.23) !important;
	}
}

@media only screen and (min-device-height : 640px) and (max-device-width : 568px) {
	.myVideo2-dimensions.vjs-fluid {
		padding-top: 0 !important;
	}

}

.img_selfie_instructions {
	width: 80%;
}

/* Dispositivos muy grandes */
@media only screen and (min-device-height : 812px) and (max-device-width : 568px) {
	.id_mask {
		top: 65% !important;
		transform: scale(1.1) !important;
	}

	.ine_mask_cel {
		margin-top: -206% !important;
	}

	/* Puntos Crop */
	.ReactCrop .ord-ne::after {
		left: -0px !important;
		top: -10px !important;
	}

	.ReactCrop .ord-se::after {
		left: -0px !important;
		top: -0px !important;
	}

	.ReactCrop .ord-sw::after {
		left: -10px !important;
		top: 0px !important;
	}

}

/* Dispositivos grandes */
@media only screen and (min-device-height : 780px) and (max-device-width : 568px) {
	.id_mask {
		top: 65% !important;
		transform: scale(1.1) !important;
	}

	.ine_mask_cel {
		margin-top: -215% !important;
	}

	/* Puntos Crop */
	.ReactCrop .ord-ne::after {
		left: -0px !important;
		top: -10px !important;
	}

	.ReactCrop .ord-se::after {
		left: -0px !important;
		top: -0px !important;
	}

	.ReactCrop .ord-sw::after {
		left: -10px !important;
		top: 0px !important;
	}

	.document_msk {
		transform: scale(1.1, 0.9) !important;
	}

	.id_comp_capture {
		top: 40% !important;
		transform: scale(0.8);
	}

}

/* Dispositivos medianos */
@media only screen and (min-device-height : 640px) and (max-device-height : 780px) and (max-device-width : 568px) {
	.id_mask {
		top: 60% !important;
		transform: scale(1.1) !important;
	}

	.ine_mask_cel {
		margin-top: -222% !important;
	}

	/* Puntos Crop */
	.ReactCrop .ord-ne::after {
		left: -0px !important;
		top: -10px !important;
	}

	.ReactCrop .ord-se::after {
		left: -0px !important;
		top: -0px !important;
	}

	.ReactCrop .ord-sw::after {
		left: -10px !important;
		top: 0px !important;
	}

	.document_msk {
		/* transform: scale(1, 0.75) !important; */
		transform: scale(1, 0.60) !important;
		/*listo*/
	}

	.id_comp_capture {
		top: 40% !important;
		transform: scale(0.7);
	}

	.imgPermisos {
		width: 90% !important;
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}

	.overlay_box {
		padding: 16% 0 !important;
	}

	.img_selfie_instructions {
		width: 75%;
	}
}

/* Dispositivos pequeños */
@media only screen and (max-device-height : 640px) and (max-device-width : 568px) {
	.id_mask {
		top: 67% !important;
		transform: scale(0.9) !important;
	}

	.ine_mask_cel {
		margin-top: -235% !important;
		transform: scale(0.89);
	}

	.ReactCrop .ord-ne::after {
		left: -20px !important;
		top: -10px !important;
	}

	/* Puntos Crop */
	.ReactCrop .ord-ne::after {
		left: -0px !important;
		top: -10px !important;
	}

	.ReactCrop .ord-se::after {
		left: -0px !important;
		top: -0px !important;
	}

	.ReactCrop .ord-sw::after {
		left: -10px !important;
		top: 0px !important;
	}

	.document_msk {
		transform: scale(0.88, 0.62) !important;
		/*listo*/
	}

	.id_comp_capture {
		top: 40% !important;
		transform: scale(0.6);
	}

	.imgPermisos {
		width: 88% !important;
		margin-top: 1px !important;
		margin-bottom: 1px !important;
	}

	.overlay_box {
		padding: 15% 0 !important;
	}

	.img_selfie_instructions {
		width: 60%;
	}

}


/* Portrait IPAD*/
@media screen and (min-device-width: 720px) and (min-device-height: 1000px) and (orientation: portrait) {

	.ine_mask {
		top: 65% !important;
		transform: scale(2.2) scaleX(-1) !important;
	}

	.myVideo-dimensions.vjs-fluid,
	.myVideo_rotate-dimensions.vjs-fluid {
		padding-top: 50% !important;
	}

	.myVideo2-dimensions.vjs-fluid {
		padding-top: 0 !important;
	}

	.id_mask {
		top: 60%;
		transform: scale(2.2);
	}

	.kroke_bx {
		top: 5%;
	}

	.ine_mask_cel {
		margin-top: -240% !important;
	}

	.document_msk {
		transform: scale(1.6);
	}

	/* .mask_container {
		border-right: 100px solid rgba(0, 0, 0, 0.9) !important;
		border-left: 100px solid rgba(0, 0, 0, 0.9) !important;
		border-bottom: 60px solid rgba(0, 0, 0, 0.9);
	} */

	.div-side-mask_container {
		flex: 0.35 1 0% !important;
	}

	.rotate-image-instructions {
		margin-top: 13% !important;
	}
}

/* LANDSCAPE IPAD*/
@media screen and (min-device-width: 720px) and (min-device-height: 960px) and (orientation: landscape) {

	.id_mask {
		top: 65%;
		transform: scale(1.8);
	}

	.kroke_bx {
		top: 5%;
	}
}

@media all and (max-width: 329px) {
	small {
		display: none;
	}
}

.id_progress {
	width: 100%;
	height: 100%;
	background-image: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-primary) 100%);
	position: fixed;
	left: 0;
	top: 0;
	font-family: 'Muli', sans-serif;
}

.id_progress h5 {
	color: #b0b0b0;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	padding: 25px;
}

.id_progress .ispinner.ispinner-large {
	width: 20px;
	height: 20px;
}

.id_progress .inline_analisis {
	position: relative;
	padding-left: 32px;
	margin-left: 35px;
}

.id_progress .inline_analisis p {
	color: #666666;
	font-size: 14px;
	padding-top: 2px;
}

.id_progress .inline_analisis img {
	position: absolute;
	left: 0;
	top: 2px;
	z-index: 9;
	opacity: 0;
	transition: all 0.5s ease;
}

.id_progress .inline_analisis .inline_loader {
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 9;
	border: 1px solid #333;
	border-radius: 50%;
}

.id_progress .inline_analisis .inline_loader .ispinner {
	opacity: 0;
}

.id_progress .inline_analisis.active_v .inline_loader,
.id_progress .inline_analisis.done_v .inline_loader {
	border: none;
	border-radius: 0;
}

.id_progress .inline_analisis.active_v .inline_loader .ispinner {
	opacity: 1;
}

.id_progress .inline_analisis.active_v p {
	color: #b0b0b0;
	font-family: 'Muli Bold', sans-serif;
}


.id_progress .inline_analisis.done_v img {
	color: #b0b0b0;
	opacity: 1;
}


@media screen and (min-device-height: 450px) and (max-device-width : 568px) {
	.action_buttons.noscroll_screen {
		left: auto;
		bottom: auto;
		position: relative;
		width: 100%;
		padding: 0px 10% 0px 10%;
		margin-bottom: 32px;
	}

	.powered_by.full_screen_spce {
		width: 100%;
		position: relative;
		height: 24px;
		box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
		background-color: #FFFFFF;
		text-align: center;
		left: auto;
		bottom: auto;
	}
}

.sprite_stay_a {
	width: 182px;
	height: 45px;
	position: fixed;
	left: 50%;
	top: 43%;
	margin-left: -90px;
	margin-top: -22px;
	z-index: 99;
	background: url('../images/sprite_animation_a.png') no-repeat;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.sprite_stay_a.animado {
	opacity: 1;
	-webkit-animation: play steps(5) 2s infinite;
	-moz-animation: play steps(5) 2s infinite;
	-ms-animation: play steps(5) 2s infinite;
	-o-animation: play steps(5) 2s infinite;
	animation: play steps(5) 2s infinite;
}


@keyframes play {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-moz-keyframes play {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-webkit-keyframes play {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-ms-keyframes play {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-o-keyframes play {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}


.sprite_stay_b {
	width: 191px;
	height: 45px;
	position: fixed;
	left: 50%;
	top: 43%;
	margin-left: -95px;
	margin-top: -22px;
	z-index: 99;
	background: url('../images/sprite_animation_b.png') no-repeat;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.sprite_stay_b.animado {
	opacity: 1;
	-webkit-animation: playb steps(5) 2s infinite;
	-moz-animation: playb steps(5) 2s infinite;
	-ms-animation: playb steps(5) 2s infinite;
	-o-animation: playb steps(5) 2s infinite;
	animation: playb steps(5) 2s infinite;
}

@keyframes playb {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-moz-keyframes playb {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-webkit-keyframes playb {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-ms-keyframes playb {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}

@-o-keyframes playb {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -470px;
	}
}



.err_finale {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	position: fixed;
	left: 0;
	top: 0;
	font-family: 'Muli', sans-serif;
	z-index: 7;
}

.err_finale h5 {
	color: #b0b0b0;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	padding: 25px;
}

.err_finale p {
	color: rgba(255, 255, 255, .75);
	font-family: 'Muli', sans-serif;
	padding: 0 25px;
}

.err_finale p b {
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
}

.err_finale p .help_mail {
	color: #A21B43;
	text-decoration: underline;
}

.err_finale p .help_tel {
	color: #0091FF;
}

/* imagenes de rotación*/
.noRotate {
	margin: 0px;
	height: 100%;
	top: 0;
	background-color: black;
	width: 100%;
	position: absolute;
}


.rotate_device {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	color: rgba(255, 255, 255, .75);
	text-align: center;
}

.rotate_device * {
	padding: 10px;
}


.rotate_device .center_info_bx {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -166px;
	margin-top: -102px;
}


.rotate_device small {
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	color: rgba(255, 255, 255, .5);
}

.id_hold {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	color: rgba(255, 255, 255, .75);
	text-align: center;
}


.id_hold .center_info_bx {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -159px;
	margin-top: -226px;
}

.id_hold small {
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	color: rgba(255, 255, 255, .5);
}

.id_hold.show_id_hold {
	opacity: 1;
}

@media screen and (max-device-width: 1024px) and (orientation:landscape) {
	.rotate_device {
		opacity: 1;
	}

	.rotate_device.android_focus_hide {
		opacity: 0;
	}
}

@media screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.rotate_device {
		opacity: 1;
	}

	.rotate_device.android_focus_hide {
		opacity: 0;
	}
}

.id_mask_desk {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -960px;
	margin-top: -540px;
	transform: scale(1.2);
}

.desk_id_capture .module_icon_container {
	display: none;
}

.module_buttons .desk_id_capture_btn.forcewidth100 {
	width: 50% !important;
	margin-left: 25%;
	margin-right: 25%;
}

.browser_not_comp {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .9);
	z-index: 999;
	color: white;
	font-family: 'Muli', sans-serif;
	text-align: center;
	display: none;
	opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.browser_not_comp h4 {
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	color: rgba(255, 255, 255, .7);
}

.browser_not_comp .top_bx img {
	padding: 64px;
}

.browser_not_comp .divider {
	width: 108px;
	height: 1px;
	background: white;
	display: inline-block;
	margin-top: 64px;
	margin-bottom: 32px;
}

.browser_not_comp .browser_bx {
	width: 130px;
	display: inline-block;
	text-align: center;
}

.browser_not_comp .browser_bx a {
	color: white;
	text-decoration: underline;
	display: inline-block;
	width: 100%;
	padding-top: 10px;
}

.browser_not_comp .browser_bx p {
	color: rgba(255, 255, 255, .5);
}

.browser_not_comp .browser_bx small {
	color: rgba(255, 255, 255, .5) !important;
	display: inline-block;
	width: 100%;
}

.browser_not_comp.show_me_bx {
	display: block;
	opacity: 1;
}

.ios_browser {
	display: none;
}

@media screen and (max-width: 601px) {

	.browser_not_comp .top_bx img {
		padding: 64px 0 12px 0;
		transform: scale(.8);
	}

	.browser_not_comp h4 {
		font-size: 16px;
		padding: 20px;
	}

	.browser_not_comp .divider {
		margin-top: 24px;
		margin-bottom: 18px;
	}

	.browser_not_comp .bottom_bx small {
		font-size: 10px !important;
	}

	.ios_browser {
		display: inline-block !important;
	}
}

/* pasaporte*/
.pass_hold {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	color: rgba(255, 255, 255, .75);
	text-align: center;
}

.pass_hold .center_info_bx {
	width: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -226px;
}

.pass_hold img {
	margin: 0 0 30px 0;
}

.pass_hold small {
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	color: rgba(255, 255, 255, .5);
}

.pass_hold.show_id_hold {
	opacity: 1;
}

.id_type_bx {
	text-align: center;
	padding: 5% 10% 5% 10%;
	position: relative;
	margin: 0 !important;
}

.id_type_bx .id_cntr {
	padding-top: 1px;
}

.id_type_bx .mid_sep {
	position: absolute;
	z-index: 99;
	top: 0;
}

.id_type_bx h6 {
	font-size: 12px;
	display: block;
	margin-bottom: 20px;
	color: var(--color-text);
}

.centerText {
	text-align: center;
}

.izquierdaText {
	text-align: left;
}

#video_wrt,
#video_wrt_environment {
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
}

#video_wrt_environment {
	transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
	-o-transform: translateX(-50%) translateY(-50%) rotateY(180deg);
}


/* Estilos de videotoken lectura fixed */
.hollo_bx {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	color: rgba(255, 255, 255, .75);
	text-align: center;
	overflow: scroll;
}

.hollo_bx .center_info_bx {
	width: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -226px;
}

.hollo_bx img {
	margin: 0 0 30px 0;
}

.hollo_bx small {
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	color: rgba(255, 255, 255, .5);
}

.hollo_bx.show_id_hold {
	opacity: 1;
	background-image: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-primary) 100%);
}

.fake_over {
	display: block !important;
	text-align: left;
}

.ache1 {
	width: 100%;
	opacity: 0.9;
	color: #000000;
	font-family: "Muli Bold", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	display: inline-block;
	padding: 5%;
	margin-bottom: 25px;
}

.red_flag_karaoke {
	width: 96%;
	position: fixed;
	top: 0;
	left: 50%;
	background-color: rgba(0, 0, 0, .95);
	margin-left: -48%;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	border-left: 1px solid rgba(255, 255, 255, .5);
	border-right: 1px solid rgba(255, 255, 255, .5);
	border-radius: 0 0 4px 4px;
	display: none;
	opacity: 0;
	transition: all 0.5s ease;
}

.red_flag_karaoke.vsbl_bx {
	display: block;
	opacity: 1;
}

.red_flag_karaoke .head_shop {
	width: 100%;
}

.red_flag_karaoke .head_shop p {
	color: white;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	padding: 15px 0;
}

.red_flag_karaoke .head_shop b {
	color: white;
	text-align: center;
	font-size: 16px;
	font-family: 'Muli Bold', sans-serif;
}

.red_flag_karaoke .center_nmbrs {
	width: 100%;
	text-align: center;
}

.red_flag_karaoke .center_nmbrs .nmbr_bx {
	display: inline-block;
}

.red_flag_karaoke .center_nmbrs .nmbr_bx p.cnt_dwn {
	color: white;
	font-size: 60px;
	font-family: 'Muli Bold', sans-serif;
	display: block;
	width: 100px;
	height: 100px;
	/*border: 1px solid white;*/
	border-radius: 100px;
	padding-top: 3px;
}

.red_flag_karaoke .red_flg {
	display: block;
	width: 100%;
	text-align: center;
}

.red_flag_karaoke .center_nmbrs .token_txt {
	color: white;
	font-family: 'Muli Bold', sans-serif;
	font-size: 22px;
}

.red_flag_karaoke .center_nmbrs .token_nmbr {
	color: white;
	font-family: 'Muli Bold', sans-serif;
	font-size: 60px;
}

.red_flag_karaoke .center_nmbrs .token_nmbr b {
	color: gray;
	font-family: 'Muli Bold', sans-serif;
	font-size: 60px;
}

.hollo_gif_bx {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: black;
	z-index: 9999;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	font-weight: bold;
	font-family: 'Muli Bold', sans-serif;
	color: rgba(255, 255, 255, .75);
	text-align: center;
}

.hollo_gif_bx .center_info_bx {
	width: 320px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -160px;
	margin-top: -226px;
}

.hollo_gif_bx img {
	margin: 0 0 30px 0;
}

.hollo_gif_bx small {
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	color: rgba(255, 255, 255, .5);
}

.hollo_gif_bx.show_id_hold {
	opacity: 1;
}

.centerButtom {
	display: flex;
	justify-content: center;
}

.centrarTodo {
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*Help text*/
.ht {
	float: right;
	color: var(--color-text);
	font-size: x-small;
}

.fondo_negro {
	background-color: #000000;
}

.ReactCrop__crop-selection {
	border-image-source: none !important;
	border: 2px solid #6DD400 !important;
}

.ReactCrop .ord-n {
	display: none !important;
}

.ReactCrop .ord-e {
	display: none !important;
}

.ReactCrop .ord-w {
	display: none !important;
}

.ReactCrop .ord-s {
	display: none !important;
}

.gray_bg_color {
	margin-top: 4px;
	background-color: #6D7278 !important;
}

.check_container.comp_box {
	position: absolute;
}

.custom-checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}

.custom-checkbox span {
	display: block;
	margin-left: 20px;
	padding-left: 7px;
	line-height: 20px;
	text-align: left;
	cursor: pointer;
}

.custom-checkbox span::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	border: 1px solid var(--color-accent);
	@include vendorize(box-shadow, inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1));
}

.custom-checkbox span::after {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	font-size: 18px;
	color: var(--color-accent);
	line-height: 20px;
	text-align: center;
}

.custom-checkbox input[type="checkbox"] {
	opacity: 0;
	z-index: -1;
	position: absolute;
}

.custom-checkbox input[type="checkbox"]:checked+span::after {
	font-family: "Material Icons";
	content: "done";
	background: var(--color-accent);
	color: #fff;
}

/* ----------- IOS ----------- */

/* -----------  iPhone 7 ----------- */
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {

	.ine_mask_cel {
		transform: scale(0.95) !important;
	}

	/* .mask_container {
		border-right: 70px solid rgba(0, 0, 0, 0.9) !important;
		border-left: 70px solid rgba(0, 0, 0, 0.9) !important;
		border-bottom: 60px solid rgba(0, 0, 0, 0.9);
	} */

	.div-side-mask_container {
		flex: 0.2 1 0% !important;
	}

	.id_mask {
		top: 72% !important;
	}

}

@media only screen and (device-width: 375px) and (min-height: 570px) and (max-height: 600px) and (-webkit-device-pixel-ratio: 2) {

	.ine_mask_cel {
		transform: scale(0.95) !important;
	}

	/* .mask_container {
		border-right: 70px solid rgba(0, 0, 0, 0.9) !important;
		border-left: 70px solid rgba(0, 0, 0, 0.9) !important;
		border-bottom: 60px solid rgba(0, 0, 0, 0.9);
	} */

	.div-side-mask_container {
		flex: 0.2 1 0% !important;
	}

}

@media only screen and (device-width: 375px) and (max-height: 570px) and (-webkit-device-pixel-ratio: 2) {

	.ine_mask_cel {
		transform: scale(0.95) !important;
	}

	.div-side-mask_container {
		flex: 0.3 1 0% !important;
	}

}

@media only screen and (device-width: 393px) and (max-height: 619px) and (-webkit-device-pixel-ratio: 2) {

	.ine_mask_cel {
		transform: scale(0.95) !important;
	}

	.div-side-mask_container {
		flex: 0.3 1 0% !important;
	}

}

.container_grid {
	display: grid;
	grid-template-rows: 0.5fr 1fr 1fr;
	grid-template-columns: 1fr;
	width: 100vw;
	height: 100vh;
}

.div_relative {
	position: relative;
	text-align: center;
}

/*Slider switch*/
.ubicacionGPS {
	width: 100%;
	color: var(--color-text);
}

.ubicacionGPS tbody tr th {
	line-height: normal;
}

.location_icon {
	width: 20px;
	height: 27px;
	background-color: var(--color-text);
	-webkit-mask-image: url(../images/location_icon.svg);
	mask-image: url(../images/location_icon.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

.checkboxswitch {
	text-align: right;
}

.switchDir {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switchDir input {
	opacity: 0;
	width: 0;
	height: 0;
}

.sliderDir {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.sliderDir:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.sliderDir {
	background-color: var(--color-accent);
}

input:focus+.sliderDir {
	box-shadow: 0 0 1px var(--color-accent);
}

input:checked+.sliderDir:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

.sliderDir.round {
	border-radius: 34px;
}

.sliderDir.round:before {
	border-radius: 50%;
}

/*comporbante*/
.document_msk {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -190px;
	margin-top: -980px;
	transform: scale(1);
}

.id_mask_preview {
	position: absolute;
	left: 50%;
	top: 30%;
	z-index: 2;
	margin-left: -960px;
	margin-top: -960px;
}

.fondo_negro {
	background-color: #000000;

}

.id_comp_capture {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -141px;
	margin-top: -238px;
}


.module_container .module_gradient_overlay.comp_dom_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/wood_bg-min.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 2;
}

.check_container.comp_box {
	position: absolute;
	bottom: 110px;
	left: 50%;
	padding-top: 32px;
	padding-bottom: 20px;
	margin-left: -140px;
}

.check_container.comp_box label {
	color: white;
}

/*videotoken*/

#head_shop p {
	color: white;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	font-family: 'Muli', sans-serif;
	padding: 15px 0;
}

#head_shop b {
	color: white;
	text-align: center;
	font-size: 32px;
	font-family: 'Muli Bold', sans-serif;
}

#head_shop .cnt_dwn {
	color: white;
	font-size: 60px;
	font-family: 'Muli Bold', sans-serif;
	display: block;
	width: 100px;
	height: 100px;
	/*border: 1px solid white;*/
	border-radius: 100px;
	padding-top: 3px;
}

.token_nmbr {
	width: 100%;
	margin: 0;
	font-weight: bold;
}

.token_nmbr .centro {
	text-align: center;
	color: white !important;
	font-size: 115px !important;
	padding: 0;
}

.token_nmbr .lateral {
	color: gray !important;
	font-size: 115px !important;
	transform: translateX(0px) scale(0.7);
	text-align: center;
	opacity: 0.7;
	width: 5% !important;
}

.button_cancel_white {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 99;
}

.button_cancel_white button {
	color: white !important;
	border-style: solid !important;
	border-color: rgba(255, 255, 255, 0.1) !important;
	border: 1px;
}

.modal-center {
	margin-top: 50%;
	padding: 0 40px 0 40px;
}

html,
body {
	height: 100%;
}

/*comporbante desktop*/
.document_msk_dsk {
	position: absolute;
	top: 49%;
	left: 50%;
	z-index: 2;
	margin-left: -1924px;
	margin-top: -947px;
	transform: scale(1.55, 1.23);
}

@media screen and (max-height: 800px) and (max-width:1400px) {
	.document_msk_dsk {
		transform: scale(1.5, 1.1) !important;
	}
}

@media screen and (max-height: 800px) and (min-width:1400px) {
	.document_msk_dsk {
		transform: scale(1.7, 1.15) !important;
	}
}

@media screen and (max-height: 780px) and (min-width:1400px) {
	.document_msk_dsk {
		transform: scale(1.5, 1) !important;
	}
}

@media screen and (max-height: 760px) and (max-width:1400px) {
	.document_msk_dsk {
		transform: scale(1.4, 1) !important;
	}
}

@media screen and (max-height: 715px) and (max-width:1400px) {
	.document_msk_dsk {
		transform: scale(1.3, 0.85) !important;
	}
}

@media screen and (max-height: 710px) and (min-width:1400px) {
	.document_msk_dsk {
		transform: scale(1.3, 0.8) !important;
	}
}

@media screen and (max-height: 640px) {
	.document_msk_dsk {
		transform: scale(1.35, 0.8) !important;
	}
}

@media screen and (max-height: 612px) {
	.document_msk_dsk {
		transform: scale(1.3, 0.75) !important;
	}
}

@media screen and (max-height: 591px) {
	.document_msk_dsk {
		transform: scale(1.3, 0.7) !important;
	}
}

@media screen and (max-height: 569px) {
	.document_msk_dsk {
		transform: scale(1.25, 0.6) !important;
	}
}

@media screen and (max-height: 520px) {
	.document_msk_dsk {
		transform: scale(1.1, 0.5) !important;
	}
}

.sub_list {
	margin: 0 !important;
	padding: 0 !important;
	list-style-position: inside !important;
	list-style-type: none;
}

.sub_list>li:before {
	content: "-";
	position: absolute;
	margin-left: -1.1em;
	font-weight: bold;
}

.div_bottom {
	bottom: 0;
	width: 100%;
}

#div-canvas canvas {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}

.main_text_container.custom_padding {
	padding-bottom: 0px !important;
	padding-top: 3% !important;
}

.instructions_video_token {
	opacity: 1 !important;
	margin-bottom: 14% !important;
	margin-left: 10%;
	white-space: nowrap;
	font-size: 18px !important;
	letter-spacing: 0;
	line-height: 23px;
}

.action_buttons.custom_padding {
	margin-bottom: 0 !important;
	padding: 0px 10% 0px 10% !important;
}

/* Video token desktop */
.div_left_first {
	width: 47.5% !important;
	padding: 0 !important;
}

.div_left_second {
	width: 42.5% !important;
	padding: 0 !important;
}

.div_left_third {
	width: 37.5% !important;
	padding: 0 !important;
}

.div_left_fourth {
	width: 32.5% !important;
	padding: 0 !important;
}

.div_left_fifth {
	width: 27.5% !important;
	padding: 0 !important;
}

.div_center {
	width: 5% !important;
}

/* Video token mobile */

.token_nmbr .lateral_mobile {
	color: gray !important;
	font-size: 115px !important;
	transform: translateX(0px) scale(0.7);
	text-align: center;
	/*padding: 1% 0 0 0 !important;*/
	opacity: 0.7;
	width: 14% !important;
}

.div_left_first_mobile {
	width: 41% !important;
	padding: 0 !important;
}

.div_left_second_mobile {
	width: 27% !important;
	padding: 0 !important;
}

.div_left_third_mobile {
	width: 13% !important;
	padding: 0 !important;
}

.div_left_fourth_mobile {
	width: -1% !important;
	padding: 0 !important;
}

.div_left_fifth_mobile {
	width: -15% !important;
	padding: 0 !important;
}

.div_center_mobile {
	width: 14% !important;
}

.white_label {
	color: #FFFF !important;
}

.error .form-control {
	background-image: linear-gradient(0deg, #FF0000 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0);
}

.uppercase {
	text-transform: uppercase;
}

.modal-center-desktop {
	margin-top: 6%;
	padding: 0 40px 0 40px;
}

.imgPermisos {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* Estilos componente captura identificación */

.div-cropper {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
}

.container-flex {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.content-container {
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	flex: 1 1;
}

.module_buttons-cropper {
	position: relative;
	z-index: 5;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0px 10% 24px 10%;
}

.module_buttons-cropper .cancel_btn {
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.module_buttons-cropper .desk_id_capture_btn.forcewidth100 {
	width: 50% !important;
	margin-left: 25%;
	margin-right: 25%;
}

/* Máscara identificación */

.main_container {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.instruction_container {
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	flex: 0.25 1;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 3;
}

.main_container .alert_instruction {
	position: relative;
	width: 100%;
	height: auto;
	z-index: 4;
	text-align: center;
}

.main_container .alert_instruction img {
	display: inline-block;
	margin: 16px 0px;
}

.mask_container {
	justify-content: center;
	align-items: center;
	display: flex;
	/* flex-direction: column; */
	flex: 1 1;
	/* border-right: 30px solid rgba(0, 0, 0, 0.9);
	border-left: 30px solid rgba(0, 0, 0, 0.9); */
	z-index: 1;
	border-radius: 15px;
	position: relative;
}

.mask_canvas {
	height: 100%;
	width: 100%;
	z-index: 5;
	/*border-radius: 10px;*/
}

.guide_id_img {
	z-index: 2;
	width: 30%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.guide_id_img_desktop {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
	-moz-transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
	-ms-transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
	-o-transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
	transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
	transform: translate(-50%, -50%) rotate(90deg) scaleY(-1);
	width: 10%;
}

.buttons_container {
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	flex: 0.35 1;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 5;
}

.module_buttons_mask {
	/* position: fixed; */
	z-index: 5;
	left: 0;
	/* bottom: 0; */
	width: 100%;
	padding: 0px 10% 10px 10%;
}

.module_buttons_mask .cancel_btn {
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.module_buttons_mask .desk_id_capture_btn.forcewidth100 {
	width: 50% !important;
	margin-left: 25%;
	margin-right: 25%;
}

.overlay_box2 {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 25, 33, 0.85);
	padding: 0;
	top: 0;
}

.overlay_box2 .full100 {
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(0, 0, 0, 0.9);
	padding: 20px;
	color: #ffffff;
	font-family: "Muli", sans-serif;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 auto;
}

.overlay_box2 .full100 h3 {
	font-weight: bold;
	margin-top: 10%;
	font-size: larger;
}


.selectCamaras {
	box-sizing: border-box;
	background: none;
	color: white;
	border: 1px solid #979797;
	border-radius: 4px;
	-webkit-appearance: listbox !important;
	vertical-align: middle;
	text-align: center;
	padding: 0.46875rem 1rem;
	margin-bottom: 0.3125rem;
	font-size: 0.875rem;
}

.imgCamara img {
	width: 100%;
}


.module_gradient_overlay_loader {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, #0d1015 0%, rgb(0 0 0) 20%, rgb(12 14 18) 40%, rgb(4 5 6) 77%, #000000 100%);
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}


[class*="loader-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	color: inherit;
	vertical-align: middle;
	pointer-events: none;
}


.loader-38 {
	height: 0.1em;
	width: 0.1em;
	box-shadow: -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white;
	animation: loader-38 6s infinite;
}

@keyframes loader-38 {
	0% {
		box-shadow: -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white;
	}

	8.33% {
		box-shadow: -0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white;
	}

	16.66% {
		box-shadow: -0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white;
	}

	24.99% {
		box-shadow: -0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white;
	}

	33.32% {
		box-shadow: -0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white;
	}

	41.65% {
		box-shadow: 0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white;
	}

	49.98% {
		box-shadow: 0.2em 0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white;
	}

	58.31% {
		box-shadow: -0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white;
	}

	66.64% {
		box-shadow: -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white;
	}

	74.97% {
		box-shadow: -0.2em -0.2em 0 0.1em white, 0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white;
	}

	83.3% {
		box-shadow: -0.2em -0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, 0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white;
	}

	91.63% {
		box-shadow: -0.2em -0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white, -0.2em 0.2em 0 0.1em white;
	}

	100% {
		box-shadow: -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white, -0.2em -0.2em 0 0.1em white;
	}
}

.info_icon {
	height: 20px !important;
	padding-left: 2% !important;
	cursor: pointer !important;
}

.button_info {
	border: none !important;
	border-bottom: var(--color-accent) 2px solid !important;
}

.display_flex {
	display: flex !important;
}

.none_border {
	border: none !important;

}

.overlay_box_cameras {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(21, 25, 33, 0.85);
	padding: 0;
	top: 0;
}

.overlay_box_cameras .full100 {
	display: block;
	width: 100%;
	height: 100%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background-color: rgba(0, 0, 0, 0.9);
	padding: 3% 10% 0px 10%;
	color: #ffffff;
	font-family: "Muli", sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 auto;
}

.overlay_box_cameras h1 {
	position: relative;
	height: 51px;
	font-family: "Muli Bold", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	display: inline-block;
}

.image_scale_eight {
	transform: scale(0.8)
}

.div_overlay_cameras {
	position: absolute;
	bottom: 0px;
	margin-bottom: 32px;
	width: 80%;
}

.images_id_mask {
	text-align: center;
	padding: 0% 10% 5% 10%;
	position: relative;
	margin: 0 !important;
}

.arrow_down_cameras {
	margin-left: 5%;
	margin-top: 4%;
	vertical-align: top;
	margin-bottom: 3%;
}

.info_id {
	width: 20px;
	height: 20px;
	background-color: var(--color-accent);
	-webkit-mask-image: url(../images/info_icon.svg);
	mask-image: url(../images/info_icon.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
	padding-left: 2%;
	cursor: pointer;
}


.info {
	width: 20px !important;
	background-color: var(--color-accent);
	-webkit-mask: url(../images/info_icon.svg) no-repeat center / contain;
	mask: url(../images/info_icon.svg) no-repeat center / contain;
}

.span_info {
	height: 40px;
	border-bottom: var(--color-accent) 2px solid !important;
}

.red_border_bottom {
	border-bottom: #FF0000 2px solid !important;
}

.container-center-flex {
	display: flex;
	flex: 1 1 80%;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

.container-bottom-flex {
	display: flex;
	flex: 1 1 20%;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

.padding-five_percent {
	padding: 0 5% !important;
}

.div-side-mask_container {
	flex: 0.15 1 0%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 1;
}

.rotate-image-instructions {
	transform: rotate(90deg) !important;
	margin-top: 35%;
}

.rotate-button {
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.div-rotate-buttons {
	width: 100%;
	padding: 10px 10% 0px 10%;
}

.action_buttons_desk {
	position: relative;
	width: 100%;
	padding: 32px 10% 0px 10% !important;
	margin-bottom: 32px;
}

.div-text-center {
	text-align: center;
}

.screen_in_front {
	z-index: 9999 !important;
}

.img_selfie_instructions_desktop {
	width: 55%;
}

.div-text-left {
	text-align: left;
}

.div-text-right {
	text-align: right;
}


.container_selfie_instructions {
	padding: 0% 10%;
}

.contentIframe {
	width: 100%;
	height: 100%;
	min-height: 150px;
}

.div-version {
	text-align: end;
	font-size: 11px;
	color: var(--color-text);
}

.invalidEmail {
	font-size: 10px;
	color: red;
	font-weight: 500;
	text-align: left;
}

.module_container.fondo_negro {
	overflow-y: inherit !important;
}

.id_progress .inline_analisis svg {
	position: absolute;
	left: 0;
	top: 2px;
	z-index: 9;
	opacity: 0;
	transition: all 0.5s ease;
}

.id_progress .inline_analisis.done_v svg {
	color: #b0b0b0;
	opacity: 1;
}

.icon_check {
	width: 22px;
	height: 21px;
	fill: var(--color-accent);
	color: white;
	-webkit-mask-image: url(../images/componente_captura_identificacion/icn_circle_check.svg);
	mask-image: url(../images/componente_captura_identificacion/icn_circle_check.svg);
	mask-repeat: no-repeat;
	background-repeat: no-repeat;
	left: auto;
	position: relative;
	transform: translate(50% 50%);
	-webkit-transform: translate(50% 50%);
	-moz-transform: translate(50% 50%);
	-ms-transform: translate(50% 50%);
	-o-transform: translate(50% 50%);
}

/*
 * ==============================================
 * Nuevos estilos (Diciembre 2023)
 * ==============================================
 */

.terms_container .terms_bg_box span {
	display: block;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	font-family: Muli, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.54);
	padding-bottom: 26px !important;
}

.instructions_container {
	width: 100%;
	position: relative;
	padding: 5% 10% 2%;
	color: var(--color-text);
}

.instructions_container h1 {
	position: relative;
	height: 51px;
	opacity: 0.9;
	color: var(--color-text);
	font-family: "Muli Bold", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 16px;
	display: inline-block;
}

.instructions_container p,
.textogral {
	opacity: 0.7;
	color: var(--color-text);
	font-family: "Muli", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.instructions_container p b {
	font-family: "Muli Bold", sans-serif;
	font-weight: 700;
}

.ocr_data_display.custom_margin {
	margin-bottom: 2% !important;
}

.ul-padding {
	padding-left: 10%;
}

.contact_text {
	color: var(--color-text)
}

.padding-col {
	padding-top: 8%;
}

/*Nuevo Loader*/
.nuevo-load-preparacion-lv {
	background-color: var(--color-accent);
	border-radius: 50%;
	padding: 5px;
}

.nuevo-load-preparacion-lv .ispinner-blade {
	background-color: var(--color-primary);
}