﻿
*, *::after, *::before {
	box-sizing: border-box;
}

.modal .titulo {
	background: #67b8de;
	padding: 15px 15px 1px 15px;
	color: #FFF;
}

	.modal .titulo h1, .modal .titulo h2, .modal .titulo h3, .modal .titulo h4, .modal .titulo h5, .modal .titulo h6, .modal .titulo p {
		color: #FFF !important;
		font-weight: 300 !important;
	}

.modal h2 {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #FFF !important;
}

.cuerpo {
	padding: 30px;
}

.popup {
	display: none;
	background-color: white;
	padding: 0px;
	position: fixed;
	z-index: 5001;
	border: 1px solid #666;
	font-size: 12px;
	font-weight: bold;
	min-width: 500px;
	text-align: left;
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.12) !important;
}


#popup.popup, #popup1.popup, #popup2.popup, #popup3.popup, #popup4.popup {
	min-width: inherit !important;
	max-width: 490px;
}

#popup1 button, #popup2 button, #popup3 button, #popup4 button {
	width: 100%;
	font-size: 9px !important;
}

#popup1.popup, #popup2.popup, #popup3.popup, #popup4.popup {
	background-color: #000;
}

	#popup1.popup .contPOPUP, #popup2.popup .contPOPUP, #popup3.popup .contPOPUP, #popup4.popup .contPOPUP {
		position: relative;
	}

	#popup1.popup .popup-cont-qr, #popup2.popup .popup-cont-qr, #popup3.popup .popup-cont-qr, #popup4.popup .popup-cont-qr {
		position: absolute;
		bottom: 7%;
		overflow: hidden;
		width: 100%;
		padding: 0 7.3%;
	}

	#popup1.popup .popup-qr, #popup2.popup .popup-qr, #popup3.popup .popup-qr, #popup4.popup .popup-qr {
		float: left;
		width: 90px;
		margin-right: 10px;
		text-align: center;
	}

		#popup1.popup .popup-qr a, #popup2.popup .popup-qr a, #popup3.popup .popup-qr a, #popup4.popup .popup-qr a {
			font-size: 14px;
			color: #fff;
			text-decoration: underline !important;
		}

			#popup1.popup .popup-qr a:hover, #popup2.popup .popup-qr a:hover, #popup3.popup .popup-qr a:hover, #popup4.popup .popup-qr a:hover {
				color: #aaa;
			}

		#popup1.popup .popup-qr img, #popup2.popup .popup-qr img, #popup3.popup .popup-qr img, #popup4.popup .popup-qr img {
			width: 90px;
		}

	#popup.popup input, #popup1.popup input, #popup2.popup input, #popup3.popup input, #popup4.popup input {
		border-radius: 6px;
	}

#popup6 {
	width: 866px;
	height: 633px;
	background: url(../images/modal-vinculacion.png);
}

.btnContinuar {
	position: absolute;
	bottom: 34px;
	right: 10px;
}

	.btnContinuar button {
		width: 440px !important;
		background-color: #0d658b !important;
		color: #fff;
	}


.img-appStore img {
	display: none;
}

@media (max-width: 768px) {
	#popup.popup, #popup1.popup, #popup2.popup, #popup3.popup, #popup4.popup {
		width: 75% !important;
	}

	.popup .row.m-a-1 .col-sm-6.text-center {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	#popup1 button, #popup2 button, #popup3 button, #popup4 button {
		font-size: 10px !important;
	}

	#popup1.popup, #popup2.popup, #popup3.popup, #popup4.popup {
		background-color: #000;
	}
}


@media (max-width: 550px) {
	#popup1.popup .popup-cont-qr, #popup2.popup .popup-cont-qr, #popup3.popup .popup-cont-qr, #popup4.popup .popup-cont-qr {
		bottom: 7%;
	}

	#popup.popup input, #popup1.popup input, #popup2.popup input, #popup3.popup input, #popup4.popup input {
		width: 90%;
		white-space: break-spaces;
	}
}

@media (max-width: 450px) {
	#popup1.popup .popup-cont-qr, #popup2.popup .popup-cont-qr, #popup3.popup .popup-cont-qr, #popup4.popup .popup-cont-qr {
		bottom: 7%;
	}

	.linkApp {
		margin-top: -50px;
	}

	#popup1.popup .contPOPUP, #popup2.popup .contPOPUP, #popup3.popup .contPOPUP, #popup4.popup .contPOPUP {
		padding-bottom: 20px;
	}

	.img-appStore img {
		display: block;
	}

	.img-qr img {
		display: none;
	}
}

#btnPrefieroTurnosPresencialPopUp1, #btnPrefieroTurnosPresencialPopUp2, #btnPrefieroTurnosPresencialPopUp3, #btnPrefieroTurnoPresencialPopUpDB1 {
	border: 1px solid #fff !important;
	color: #fff !important;
	background-color: transparent !important;
	padding: 7.58px 10px !important;
}


#btnRecuperarClaveFiscalPopUp1, #btnRecuperarClaveFiscalPopUp2, #btnRecuperarClaveFiscalPopUp3, #btnRegistroBiometricosPopUpDB1 {
	border: 1px solid #0d658b !important;
	color: #0d658b !important;
	background-color: #fff !important;
	padding: 7.58px 10px !important;
}
