:root {
	--rutaImagenes: 'https://localhost:7256/images';
}

@font-face {
	font-family: Domine;
	src: url('Domine-VariableFont_wght.ttf')
}

@font-face {
	font-family: Slabo;
	src: url('Slabo27px-Regular.ttf')
}

html {
	font-size: 14px;
}

hr {
	margin-top: 0;
}

h5, h6 {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	html {
		font-size: 16px;
	}
}

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	font-family: Domine, Slabo;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

*[class*="link"] {
	cursor: pointer;
}

*:invalid {
	border-color: red;
}

input[type=text]:read-only, input[type=number]:read-only, input[type=date]:read-only, input[type=datetime]:read-only, input[type=email]:read-only,
input[type=url]:read-only {
	background-color: lightgray;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
	box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.btn-bioeticos {
	background-color: #0084AE;
	border-color: #0084AE;
	color: white;
}

	.btn-bioeticos:active {
		background-color: #0084AE;
		border-color: white;
		color: white;
		box-shadow: 0px 0px 1px 3px #0084AE;
	}

	.btn-bioeticos:disabled {
		background-color: #0084AE;
		border-color: #0084AE;
		color: white;
		opacity: 0.40;
	}

	.btn-bioeticos:hover {
		background-color: #0084AE;
		border-color: #0084AE;
		color: white;
		box-shadow: 0px 0px 3px 1px #0084AE;
	}

.btn-delete {
	border: 0px solid white;
	background-image: url('../images/delete-48.png');
	height: 25px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat
}
.btn-edit {
	border: 0px solid white;
	background-image: url('../images/edit-48.png');
	height: 25px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat
}

.btn-outline-bioeticos {
	border-color: #38BBC9;
	color: #0084AE;
}

.btn-outline-bioeticosRadio {
	border-color: #38BBC9;
	color: #0084AE;
}

	.btn-outline-bioeticosRadio:active {
		background-color: #38BBC9;
		border-color: #38BBC9;
		color: white;
		/*box-shadow: 0px 0px 1px 3px #0084AE;*/
	}

	.btn-outline-bioeticosRadio:hover {
		background-color: #38BBC9;
		border-color: #38BBC9;
		color: white;
		box-shadow: 0px 0px 3px 1px #0084AE;
	}

	.btn-check:active + .btn-outline-bioeticosRadio, .btn-check:checked + .btn-outline-bioeticosRadio,
	.btn-outline-bioeticosRadio.active, .btn-outline-bioeticosRadio.dropdown-toggle.show, .btn-outline-bioeticosRadio:active {
		color: #fff;
		background-color: #38BBC9;
		border-color: #38BBC9;
	}

.btn-search {
	border: 0px solid white;
	background-color: white !important;
	background-image: url('../images/buscar.png');
	background-position: center;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat
}

.bg-header {
	background-color: #0084AE;
}

.bodyContent {
	position: absolute;
	top: 5.1em;
	left: 200px;
	right: 0px;
	width: unset;
	bottom: 61px;
}

.div-fijo {
	position: fixed; /* Fija el elemento a la pantalla */
	top: 60%; /* Lo ubica a 50px de la parte superior */
	right: 0; /* Lo alinea a la derecha */
	/*background-color: lightblue;*/ /* Un color para verlo mejor */
	padding: 0px; /* Espacio interno */
}

.form-check-custom .form-check-input-danger:checked { /*~ .form-check-label-danger::before {*/
	background-color: #f30d06 !important;
}

	.form-check-custom .form-check-input-danger:checked:focus { /*~ .form-check-label-danger::before {*/
		box-shadow: 0 0 0 1px #f30d06, 0 0 0 0.2rem rgba(255, 0, 0, 0.25)
	}

.form-check-custom .form-check-input-danger:focus { /*~ .form-check-label-danger::before {*/
	box-shadow: 0 0 0 1px #f30d06, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}

.form-check-custom .form-check-input-danger:active { /*~ .form-check-label-danger::before {*/
	background-color: #f30d06;
}

.table > tbody > tr.table-active td {
	background-color: var(--bs-warning-bg-subtle) !important;
}

.fondoCristal {
	background: rgba(255, 255, 255, .3);
	/* background: rgba(0, 132, 174, .3); */
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.fondoLogin {
	/*background-image: url('~/images/fondoLogin.png');*/
	background-position: center;
}

.font-domine {
	font-family: Domine;
}

.font-slabo {
	font-family: Slabo;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
	color: var(--bs-secondary-color);
	text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
	text-align: start;
}

.form-label {
	margin-bottom: 0rem;
}

.headerApp {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 5.1em;
	background-color: #0084AE;
	/*color: white !important;*/
}

.headerAppOld {
	height: 5.5em;
	background-color: #0084AE;
	/*color: white !important;*/
}

.negativeColorFont {
	mix-blend-mode: color;
	color: #0084AE;
}

.recuadro-grisLight {
	/*background-color: #F0F5F8;*/
	background-color: #EEFAFB;
	padding-top: 5px;
}

.rounded-10 {
	border-radius: 0.8rem;
}

*:required, .obligatorio {
	/*background-color: var(--bs-danger-bg-subtle) !important;*/
	/*background-color: #FBE6E8 !important;*/
}

.row {
	padding-bottom: .5rem;
}

.shadowLogin {
	/*box-shadow: inset 0px 0px 10px 5px #0084AE;*/
	box-shadow: inset 0px 0px 10px 5px #0084AE, 0px 0px 5px 2px #0084AE;
}

.sombra-texto {
	text-shadow: 2px 2px 10px black;
}