body,
button {
	font-family: "Inter", sans-serif;
}

:root {
	--offcanvas-width: 270px;
	--topNavbarHeight: 56px;
}

.pagination .page {
	margin: 0 .5rem;
	text-decoration: none;
	border-radius: 1rem;
	/* border: 1px solid green; */
	padding: .5rem;
}

.pagination>li>a:hover {
	font-weight: bold;
	background-color: lightblue;
}

.vh-90 {
	height: 90vh;
}

.vh-85 {
	height: 85vh;
}

.vh-80 {
	height: 80vh;
}

.vh-75 {
	height: 78vh;
}

.errors {
	position: fixed;
	left: 45%;
	transform: translate(-50%, 0);
	color: #FFFFFF;
	font-size: 1.2rem;
	letter-spacing: .2rem;
	font-weight: bold;
}

.errors>ul>li {
	list-style: none;

}

.sidebar-nav {
	width: var(--offcanvas-width);
}

.sidebar-link {
	display: flex;
	align-items: center;
}

.sidebar-link .right-icon {
	display: inline-flex;
}

.sidebar-link[aria-expanded="true"] .right-icon {
	transform: rotate(180deg);
}

@media (min-width: 768px) {
	.access-form-login {
		max-width: 50%;
	}
}


@media (min-width: 992px) {
	body {
		overflow: auto !important;
	}

	.errors {
		left: 50%;
		transform: translate(-50%, 0);
	}

	main {
		margin-left: var(--offcanvas-width);
	}

	/* this is to remove the backdrop */
	.offcanvas-backdrop::before {
		display: none;
	}

	.sidebar-nav {
		-webkit-transform: none;
		transform: none;
		visibility: visible !important;
		height: calc(100% - var(--topNavbarHeight));
		top: var(--topNavbarHeight);
	}

	.access-form-login {
		max-width: 30%;
	}
}

/*
 * Reglas para login
 */
.body-login {
	/* background-color: #4db7fe; */
	background-color: rgb(255, 255, 255);
	box-sizing: border-box;
}

.login-wrapper {
	font-family: 'Courier New', Courier, monospace;
	height: 90vh;
	display: flex;
}

.access-form-login {
	background-color: #fff;
	border-radius: 1rem;
	padding: 5rem 1rem;
	margin: auto;
	width: 90%;
	/* max-width: 80%; */
	/* background-color: lightblue; */
}

.access-form-login>h2 {
	width: 70%;
	color: #777;
	font-size: 1.5rem;
	margin: 28px auto;
	margin-bottom: 20px;
	text-align: center;
}

.access-form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 1rem;
}

.access-form-group>input {
	padding: 1rem;
	font-size: 1.2rem;
}

.access-form-group label {
	margin-bottom: .5rem;
}

.access-form-login input {
	/* font-family: 'Courier New', Courier, monospace; */
	border-radius: .5rem;
	/* padding: .5rem; */
	/* width: 100%; */
}

.access-form-submit>input {
	padding: 1rem;
	width: 100%;
	border: none;
	background-color: #3498DB;
	color: #fff;
	letter-spacing: .2rem;
	cursor: pointer;
	font-size: 1.2rem;
}

.access-form-submit>input:hover {
	background-color: #1F78B4;
}

.message {
	/* color: #FFFFFF; */
	color: yellow;
	background-color: green;
}

textarea {
	resize: none;
}

.table td.fit,
.table th.fit {
	white-space: nowrap;
	width: 1%;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	text-transform: none;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	text-transform: none;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	text-transform: none;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	text-transform: none;
}

::placeholder {
	/* Recent browsers */
	text-transform: none;
}