#app
{  
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
main
{
	flex: 1 0 auto;
}
.border-none
{
	border: none;
}
.a_color
{
	cursor: pointer;
}
.btn_color 
{
	background-color: #cc0000;
}
.btn_color:hover
{
	background-color: #bf0000;
}
.bg-dark
{
	background-color: #000!important;
}
.navbar-dark .navbar-nav .nav-link
{
	color: #fff;
}


.sidenav 
{
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #000;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 56px;
	box-shadow: 5px 0 5px -5px #000;
}
.sidenav a 
{
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	color: #fff;
	display: block;
	transition: 0.3s;	
}
.sidenav a:hover 
{
 	color: #f1f1f1;
}
.sidenav .closebtn 
{
  	position: absolute;
  	top: 0;
  	right: 25px;
  	font-size: 31px;
    margin-left: 50px;
    padding: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}	
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.text_color {
	color: #cc0000;
}

.page-item.active .page-link {
    background-color: #cc0000;
    border-color: #cc0000;
    color: #ffffff !important;
}
.page-link  {
    color: #cc0000 !important;
}
.req_sign
{
	font-weight: bold;
}
.clear{
	clear: both;
}