.header_navigation {
    width: -webkit-fit-content;
	width: fit-content;
    display: flex;
    margin: auto;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.nav_button_l, .nav_button_r {
    font-size: 1.5rem;
    cursor: pointer;
    color: #343a4077;
}

.nav_button_l:active, .nav_button_r:active {
    color: #343a40;
}

.nav_button_l {
	padding: 0 0 0 1rem;
    margin-right: 0.25rem;
}

.nav_button_r {
	padding: 0 1rem 0 0;
    margin-left: 0.25rem;
}

.day_button {
	border: 1px solid #dee2e6;
    padding: 0.25rem 1rem;
    border-radius: 0.5rem;
    background-color: #f2f4f6;
    cursor: pointer;
}

.day_button:active {
    background-color: #e9ecef;
}

.course-form {
	width: -webkit-fit-content;
	width: fit-content;
	display: flex;
	margin: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 0.5rem;
}

.course {
	border: 1px solid #dee2e6;
	padding: 0.25rem 1rem;
	border-radius: 0.5rem;
	background-color: #f2f4f6;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.5;
	color: #343a40;
	text-align-last: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	outline:none;
}

.course:active {
	background-color: #e9ecef;
	outline:none;
}

.course:focus {
	background-color: #e9ecef;
	outline:none;
}

.card-nav-mobile {
	display: none;
}

.max-text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   text-size: 0.8rem;
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}

@media (hover: hover) {
	
	.nav_button_l:hover, .nav_button_r:hover {
		color: #343a40;
	}
	
	.day_button:hover {
		background-color: #e9ecef;
	}
	
	.course:hover {
		background-color: #e9ecef;
		outline:none;
	}
	
}

/*-- table --*/

.table-header {
	display: flex;
	padding: 0.5rem;
    border: 1px solid #dee2e6;
    border-bottom: none;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.table-footer {
	display: flex;
    flex-direction: column;
	padding: 0.5rem;
	border: 1px solid #dee2e6;
    border-top: none;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.table-footer span {
	padding: 0.5rem 0.75rem;
	line-height: 1.25;
}

.pagination {
	display: flex;
    list-style-type: none;
    margin-left: auto;
}

.page-controls-container {
	display: flex;
	flex-direction: column;
	padding: 0 1rem;
	overflow: auto;
}

.page-item a {
	position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item a:focus {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
	outline:none;
}

.page-item.left a {
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.page-item.right a {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.page-item.disabled a {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
    background-color: #fff;
    border-color: #dee2e6;
}

.res-hide {
	display: none;
}

.break-all {
	overflow-wrap: anywhere;
}

.review-container.selected {
	background-color: #fff9e1 !important;
}

table {
	width: 100%;
	/* border: 2px solid #dee2e6; */
	/* border-bottom: 1px solid #dee2e6; */
	/* border-right: 1px solid #dee2e6; */
	border: 1px solid #dee2e6;
	border-bottom: none;
	border-right: none;
}

td, th {
	padding: 0.5rem;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

th, .res {
	text-align: center;
}

tr:nth-of-type(even) {
	background-color: rgba(0,0,0,.05);
}

.ora.too_late {
	color: #c1c1c1;
}

thead tr {
	background-color: #fff;
}

@media (hover: hover) {
	
	.page-item a:active {
		z-index: 1;
		color: #fff;
		background-color: #005ec3;
		border-color: #005ec3;
		outline:none;
	}
	
	.page-item a:hover {
		z-index: 1;
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
		outline:none;
	}
	
}

@media (hover: none) {
	
	.page-item a:active {
		z-index: 1;
		color: #fff;
		background-color: #007bff;
		border-color: #007bff;
		outline:none;
	}
	
}

@media only screen and (max-width: 599px) {
	
	.card-nav {
		display: inline-grid !important;
	}
	
	.tap {
		margin: auto !important;
	}
	
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	
	.break-all {
		overflow-wrap: inherit;
	}
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block !important;
	}
	
	table {
		/* border: 2px solid #dee2e6; */
		border: 1px solid #dee2e6;
		border-bottom: none;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr {
		/* border-bottom: 2px solid #dee2e6; */
		/* border-bottom: 1px solid #dee2e6; */
	}
	
	tr:nth-of-type(even) {
		background-color: rgba(0, 0, 0, 0.05);
	}
	
	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #dee2e6;
		position: relative;
		padding-left: 50%;
		/* overflow: scroll; */
		overflow: auto;
		overflow-wrap: inherit;
	}
	
	td:nth-of-type(1)::before, .res {
		text-align: left;
	}
	
	td::before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		border-right: 1px solid #dee2e6;
		padding: 0.5rem;
		height: 100%;
		/* overflow: scroll; */
		overflow: auto;
		color: #343a40;
		text-align: left;
	}
	
	td:nth-of-type(1)::before { content: "Data"; }
	td:nth-of-type(2)::before { content: "Nome Cognome"; }
	td:nth-of-type(3)::before { content: "E-mail"; }
	td:nth-of-type(4)::before { content: "Testo"; }
	td:nth-of-type(5)::before { content: "Evidenza"; }
	td:nth-of-type(6)::before { content: "Azione"; }
	
}