/* 
body{
	font-family: "Open Sans";
	background:#eee;
}



.row{
	display: flex;	
	margin-bottom: 20px;
}
.flex-row{
	display: flex;justify-content: center;flex-wrap: wrap;width:100% ;
}
table {
	margin:auto;
	width:100%;
   border-collapse: collapse;
   border-spacing: 0;
   text-align: center;
	margin-bottom: 10px;
}
table td{
	border:1px solid #333;
	padding: 0px;
}
table td:nth-child(1){
	text-align: left;
}
table th{
	font-weight: bold;
}
select{
	transition:all ease 0.3s;
	background: #fff;
	transition: all ease 0.3s;
	border: none;
   box-sizing: border-box;
	text-align-last: center;	
}
select:hover{
	background: #eee;
}

input{
	transition:all ease 0.3s;
	text-align: center;
	background: #fff;
	
}
input:hover{
	background: #eee;
}
input:active{
	background: #eee;
}

label{
	
} */

body
{
  background-color:#ffffff;
  font-family: 'RobotoDraft', 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

*
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h3
{
  padding:10px 0px 10px 5px;
  background-color: #3b3738;
  /* border: 2px solid #1e1b1c; */
  color: white;
  /* box-shadow:  15px 15px 15px #1e1b1c, -15px -15px 27px #ffffff; */
  box-shadow: 5px 5px 5px #777;
}

/* img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
} */

p
{
  font-size:16px;
}

.bg-grey{
  background-color: #3b3738;
  color: white;
}
.bg-grey:hover{
  background-color: #3b3738;
  color: white;
  cursor: pointer;
}

.btn:active{
  cursor: pointer;
}
.btn:hover{
  cursor: pointer;
}

.bg-grey:active{
  color: black;
  cursor: pointer;
}

a:active{
  text-decoration: none;
}

a:hover{
  text-decoration: none;
}

.title_header{
  background-color: #3b3738;
  /* border: 2px solid #1e1b1c; */
  color: white;
  /* box-shadow:  15px 15px 15px #1e1b1c, -15px -15px 27px #ffffff; */
  box-shadow: 10px 10px 15px #777;
}

li{
  /* margin-right: 20px; */
  list-style-type: none;
}

ul{
  
  margin: 20px 0px 50px 0px;
  padding-left: 0px;
}

#myProgress {
  width: 100%;
  border-radius: 5px;
  background-color: #ddd;
}

#myBar {
  width: 10%;
  height: 30px;
  border-radius: 5px;
  background-color: #3b3738;
  text-align: center;
  line-height: 30px;
  color: white;
}

@media screen and (min-width: 1000px) {
	li{
  display: inline-block;
  width: 48%;
  /* margin-right: 20px; */
  list-style-type: none;
}
	
}