/*********************************************************/
/*
*              HEADER LOGIN
*
**********************************************************/
/*********************************************************/
/*
*              NAVIGATION
*
**********************************************************/
/*********************************************************/
/*
*              HEADER
*
**********************************************************/
/*********************************************************/
/*
*              6.2 BUTTON
*
**********************************************************/
/*********************************************************/
/*
*              TABLE
*
**********************************************************/
/*********************************************************/
/*
*              RESULTS
*
**********************************************************/
/*********************************************************/
/*
*              FOOTER
*
**********************************************************/
.header__login {
	padding-top: 6.5rem;
	padding-bottom: 6.5rem;
	background: rgba(0, 133, 196, 1) 0% 0% no-repeat padding-box;
}
#reserved__area {
	.sidenav {
		position: absolute;
		top: -56px;
		width: auto;
		opacity: 0;
		padding: 3.5rem 5rem 0 0;
	}
	.sidenav.sidenav__open {
		left: 0 !important;
		opacity: 1;
	}
}
#reserved__area__nav {
	ul {
		li {
			border-bottom: 1px solid rgba(0, 133, 196, 0.4);
			&:hover {
				border-bottom: 1px solid transparent;
			}
			a {
				border-bottom: 4px solid transparent;
				padding: 0.2rem 0;
				display: block;
				&:hover {
					border-bottom: 4px solid $tertiary-color;
				}
			}
		}
	}
}
#total__AR__container {
	position: relative;
	.btn__action {
		font-weight: 400;
	}
	.table>:not(caption)>*>* {
						padding: 0.5rem;
	}
	th[scope="col"] {
		color: $secondary-color !important;
	}
	td {
		font-size: .75rem;
	}
	th[scope="row"] {
		font-size: .75rem;
	}
	footer {
		padding-top: 0;
		padding-bottom: 0;
	}
}
.section__AR__shadow {
	background: transparent linear-gradient(73deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%) 0% 0% no-repeat padding-box;
	width: 100%;
	padding-top: 2.5rem;
	padding-bottom: 3.5rem;
	height: 100%;
	h3 {
		color: #fff;
	}
}
.cell__bordered {
	border: 1px solid rgba(153, 153, 153, 1);
	padding: .625rem;
}
@media screen and (min-width:992px) {
	#total__AR__container {
		.sidenav {
			display: block;
		}
	}
}