.table_reg{
  margin-top: 5vh;
}
.container .table th{
  vertical-align: middle;
}
.table{
    
    border-radius: 5px;
    margin: 0px auto;
    float: none;
}

.body{
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
}
.navbar-dark .navbar-brand {
    color: #fa8072;
    font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.col-lg-3 ul{

	list-style-type: none;
	margin-left: 0;
	/*padding-left: 10vh;*/

}
.dropdown-menu a:hover, .dropdown-menu a:active{
	color: #fa8072;
	background-color: white;
}

/*.dropdown{
	background-color: black;
	color:white;
}*/
:root {
  --mainColor: #fa8072;
}

.row li{
  margin-bottom: 5.5vh;
}
.row li a {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 0%,
       var(--mainColor) 5px,
       transparent 5px
     );
    background-repeat: repeat-x;
    background-size: 100%;
  color: #000;
  padding-left: 10px;
  padding-bottom: 1.5vh;
  padding-top: 1.5vh;
  padding-right: 10px;
  text-decoration: none;
}

.row li a:hover {
  background:
     linear-gradient(
       to right,
       var(--mainColor) 100%,
       var(--mainColor) 5px,
       transparent
     );
     color:white;
}

.container-fluid{
  padding-left: 10vh;
  padding-right:10vh;
}

.col-lg-3 ul{
  padding-top: 10vh;
}
@media only screen and (max-width: 600px) {
  .table_reg .container{
    font-size: 12px;
  }
  .info h1{
  	font-size: 20px;
  }

}

#footer {
  background:#F3F3F3;
  padding-top: 40px;
  padding-bottom: 40px;
  color: black;
  font-size: 14px;

}
#footer .light
{
  color: #707070;
}
#footer img
{
  
  height: 10vh;
  margin:2vh;
}
.salmon
{
  color:#fa8072;
}

@media (max-width: 768px) {
  .container-fluid{
  padding-left: 10vw;
  padding-right:10vw;
}
}
body
{
    display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.container-fluid
{
  flex: 1;
}