@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap');

/** Boostrap */

html,
body {
	font-family: 'Titillium Web', sans-serif !important;
}

.cover-container {
	max-width: 83em !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
	color: #fff !important;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
	margin-left: 0.5em;
	border: none;
	border-radius: 2px;
}

table.dataTable tbody tr {
	background-color: #bfbfbf !important;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
	background-color: #888686 !important;
}

table.dataTable.display tbody tr.even > .sorting_1 {
	background-color: #bfbfbf !important;
}

table.dataTable.display tbody tr.odd > .sorting_1 {
	background-color: #888686 !important;
}

.cover {
	padding: 0px !important;
}

table#example {
	margin-left: 0px;
	margin-right: 0px !important;
}

header {
	background: #fff;
	padding: 10px 20px;
	border-radius: 5px;
}

nav.nav.nav-masthead.justify-content-center {
	padding-top: 0.2rem;
}

.nav-masthead .nav-link {
	color: rgb(23 16 86) !important;
	margin-bottom: 0px !important;
	text-shadow: none;
	letter-spacing: -0.3px;
	font-size: 15px;
	margin-left: 20px;
}

.nav-masthead .active {
	color: #e24949 !important;
	margin-bottom: 0px !important;
	text-shadow: none;
	letter-spacing: -0.5px;
	font-size: 16px;
}

.btn-primary {
	color: #fff;
	background-color: #f02e0e !important;
	border-color: #d40000 !important;
}

.card-header {
	background-color: rgb(0 0 0 / 57%) !important;
	border-bottom: 1px solid rgb(0 0 0 / 0%) !important;
}

.card {
	border: none !important;
}

body {
	box-shadow: none !important;
}

footer.mastfoot.mt-auto {
	margin-top: 50px !important;
}

.display-4 {
	font-size: 2.5rem !important;
}
/*
.dataTable td:nth-last-child(1),
.dataTable td:nth-last-child(2) {
	width: 50px;
}
*/

h2#contador {
	font-weight: 800;
	color: #bb3030;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #c7c7c7 !important;
	opacity: 1;
	border: 1px solid #585858 !important;
}

/* Mobile */
@media only screen and (max-width: 600px) {
	.txt-mobile {
		text-align: right;
		font-size: 12px;
		margin-top: 17px;
		color: #ee1b24;
	}
	.nav-masthead .nav-link {
		width: 100%;
		padding: 0px !important;
		margin: 0px !important;
	}

	nav.nav.nav-masthead {
		margin-top: 10px;
	}

	.wd-600 {
		width: auto;
		margin: 0 auto;
		margin-top: 60px;
	}

	.dropdown-menu.show {
		position: inherit !important;
		transform: inherit !important;
		text-align: center;
		border: none;
	}
	div#example_wrapper {
		width: 100%;
		overflow-x: scroll;
	}
}

@media only screen and (min-width: 601px) {
	.navbar-nav {
		width: 100%;
		flex-direction: row !important;
	}
	.txt-mobile {
		display: none;
	}
	.wd-600 {
		width: 600px;
		margin: 0 auto;
		margin-top: 60px;
	}
}
