* {
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.bordes {
/* 	border: 1px solid red; Grosor, estilo y color del borde */
}


.alinear-izquierda {
    text-align: left;
}

.centrar-texto {
	text-align: center;
}

.alinear-derecha {
	text-align: right;
}

.centrar-vertical {
	vertical-align: bottom;
}

.degradado-gris {
	background: linear-gradient(to top, #f0f0f0, #d3d3d3);
}

/* Estilo para el cuadro de texto numérico */
.numero-input {
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 2rem;
	line-height: 1.0;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgb(243, 243, 244);
	/* 	background-image: url('../../img/laboratorios/fondo_lab.png'); */
	background-attachment: fixed;
	background-size: 100% 100%;
}

.align-vertical {
	display: flex;
	align-items: stretch;
}

.align-vertical .col-sm-6 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.numeric-input-codigo {
	width: 30%; /* Modifica el ancho según tus preferencias */
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.container_form {
	border: solid white;
	width: 540px;
	height: 339px;
	margin: 50px auto;
	border-radius: 49% 51% 49% 51%/29% 31% 69% 71%;
	backdrop-filter: blur(7px) saturate(150%);
	-webkit-backdrop-filter: blur(7px) saturate(150%);
	background-color: rgba(71, 219, 210, 0.71);
	box-shadow: 0px 42px 31px -14px rgba(0, 0, 0, 0.75);
	padding: 21px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.container_form h1 {
	color: #10469a;
	font-weight: bold;
}

.form_body {
	text-align: left;
}

.loader {
	width: 48px;
	height: 48px;
	border: 5px solid #FFF;
	border-bottom-color: #FF3D00;
	border-radius: 50%;
	display: inline-block;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
    @keyframes rotation {
    	0% {
        	transform: rotate(0deg);
    	}
    	100% {
        	transform: rotate(360deg);
    	}
    } 

/*
* ESTILO DE MODAL DE DIRECCIONES
*/
.swal-modal {
	width: 578px;
}

.swal-modal .swal-text {
	text-align: center;
	font-size: 19px;
	font-weight: 600;
}

.table-responsive {
	font-size: larger;
}

.politicas {
	color: #000080;
}

.swal-modal2 {
	width: 800px;
}

.btnValidar {
	margin-right: 20%;
}

.text-muted {
	color: #777;
	display: flex;
	flex-direction: column;
}

.text-muted  button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 6px;
}

.color-activo {
	color: #0fa6cccb;
}

.btn.highlight {
	background-color: yellow;
	/* Otros estilos de resaltado */
}

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

/* ANIMACIÓN DE CARGA */
.page-loading-1 {
	visibility: hidden;
}

.page-loading {
	visibility: visible;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 999;
	backdrop-filter: blur(3px) saturate(200%);
	-webkit-backdrop-filter: blur(3px) saturate(200%);
	background-color: rgba(255, 255, 255, 0.10);
}

.three-balls {
	margin: 0 auto;
	width: 70px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
}

.three-balls .ball {
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	-webkit-animation: bouncedelay 2.0s infinite
		cubic-bezier(.62, .28, .23, .99) both;
	animation: bouncedelay 2.0s infinite cubic-bezier(.62, .28, .23, .99)
		both;
}

.three-balls .ball1 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}

.three-balls .ball2 {
	-webkit-animation-delay: -.08s;
	animation-delay: -.08s;
}

.detalle1 .detalle2 .titulo5 .titulo5a .deudaminima {
	float: right;
	background-color: #fff;
	font-weight: bold;
	font-size: 100%;
	padding: .3em;
	border-radius: .5em
}

.detalle1 .detalle2 .titulo5 .titulo5a button {
	padding: .5em;
	border-radius: .5em;
	color: #fff;
	float: right;
	background-color: #01AAB8;
	border: 0 outset #a8cf45
}


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

/* parcial1.css */