@import "jquery.realperson.css";

.btn-enviar {
	margin-right: 110px !important;
}

.realperson-challenge {
	display: inline-block
}

.label-min-width {
	min-width: 185px;
}

@media (max-width: 992px) {
	.btn-enviar {
		margin-right: 0px !important;
	}

	.full-width {
		width: 100% !important;
	}

	.real-person-width {
		width: 100% !important;
		margin: 0px 0px 0px -0px !important;
	}

	.btn-enviar {
		margin-right: 0px !important;
	}
}

input,
select {
	border: 1px solid #006699 !important;
}

.input-field-real {

	font-size: 1.5em;
	padding: 25px;
}



@-moz-document url-prefix() {
	.input-field-real {
		margin: 0px 0px 0px 25px;
		/* Específico para Firefox */
	}
}

.boton_login {
	background-color: #DD624B;
	border: 1px solid #A43220;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF !important;
	font-size: 16px;
	font-weight: normal;
	height: auto !important;
	line-height: 16px;
	padding: 15px 30px !important;
	text-shadow: none;
	text-transform: capitalize;
	width: auto !important;
}

#usuario {
	font-size: 1.2em;
	padding: 15px;
}

#password,
#defaultReal {
	font-size: 1.3em;
	padding: 15px;
}

hr {


	border-top: 1px solid #0a58ca8f !important;
	border: 0;

	margin: 15px !important;

	padding: 0;

}

.lead-data {
	font-size: 1.09rem;
	font-weight: 300;
	line-height: 1.1;
}


body {
	font-family: "Roboto", Arial, sans-serif !important;
	height: 100vh;
	background-color: #fff;
	font-size: 14px !important;
}

.main-container {

	margin: 20px 10px 10px 10px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.40);
	overflow: hidden;
	padding: 20px;
}


.c4-container {

	margin: 0px 10px 10px 10px;
	background-color: white;

	overflow: hidden;
	padding: 20px;
}


.alert-custom {
	background-color: #dbdee30f !important;
	/* Fondo rojo claro por defecto */
	color: #0235af;
	/* Color del texto por defecto */
}

.alert-custom.custom-background {
	background-color: #dbdee30f !important;
	/* Cambia el fondo a un color diferente si lo necesitas */
}

strong {
	font-weight: bold !important;
	/* O puedes usar 700 */
}

/* Estilos responsivos */
@media screen and (max-width: 768px) {

	.main-container {
		margin: 0px 0px 0px 0px !important;
		border-radius: 0px !important;
		padding: 0px !important;

	}
}

.swal2-icon.swal2-info {
	border-color: #dd624b !important;
	color: #dd624b !important;
}

.table-container {
	margin: 0px 10px 10px 10px;
	background-color: white;

}

/* Personalización de los colores y bordes */
.table th,
.table td {
	text-align: center;
	vertical-align: middle;
	padding: 20px 0px 20px 0px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
}

.table thead {
	background-color: #984541;
	color: white;
}

.table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

.table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

.table tbody td:first-child {
	font-weight: bold;
}

/* Estilos responsivos */
@media screen and (max-width: 768px) {
	.table thead {
		display: none;
	}

	.table tbody tr {
		display: block;
		border: 1px solid #ef1c11;
		margin-bottom: 10px;
	}

	.table tbody td {
		display: block;
		width: 100%;
		text-align: left;
		border: none;
		padding-left: 10px;
	}

	.table tbody td::before {
		content: attr(data-label);
		font-weight: bold;
		margin-right: 5px;
	}
}

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

.card {
	width: 900px;
	padding: 10px;
	border-radius: 20px;
	box-shadow: 0 4px 12px #6a7177;
	background: #fff;
	border: none;

	position: relative;


	/*
		        overflow-y: auto;
		    max-height: 100%;
		    height: 100%;
		   */
}

.container {
	height: 100vh;
}

body {
	background: #eee;
}

.mobile-text {
	color: #989696b8;
	font-size: 15px;
}

.form-control {
	margin-right: 12px;
}

.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #ff8880;
	outline: 0;
	box-shadow: none;
}

.cursor {
	cursor: pointer;
}


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


.form-group2 {
	display: flex;
	align-items: center;
}

.jm-loadingpage {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background: url(../../img/cargando.gif) center no-repeat #fff;
}

a {
	outline: none;
	text-decoration: none;
	padding: 2px 1px 0;
}

a:link {
	color: #265301;
}

a:visited {
	color: #437a16;
}

a:focus {
	border-bottom: 1px solid;
	background: #bae498;
}

a:hover {
	border-bottom: 1px solid;
	background: #cdfeaa;
}

a:active {
	background: #265301;
	color: #cdfeaa;
}