.bg{
	background:url('https://edulive.edu-smart.info/live-class/edu-smart-logo.png') no-repeat;
	width: 100%;
	height: auto;
	height: 100vh;
}
.form-container{
	border: 0px solid #fff;
	padding: 30px 60px;
	margin-top: 20vh;
	-webkit-box-shadow: 1px 3px 17px 0px rgba(0,0,0,1);
	-moz-box-shadow: 1px 3px 17px 0px rgba(0,0,0,1);
	box-shadow: 1px 3px 17px 0px rgba(0,0,0,1);
}

.form-container2{
	border: 0px solid #fff;
	padding: 30px 60px;
	margin-top: 20vh;
	width: 95%;
	margin-left:auto;
    margin-right:auto;
	-webkit-box-shadow: 1px 3px 17px 0px rgba(0,0,0,1);
	-moz-box-shadow: 1px 3px 17px 0px rgba(0,0,0,1);
	box-shadow: 1px 3px 17px 0px rgba(0,0,0,1);
}
input[type="password"]:focus {
        outline:0;  
}

label{
		font-weight: bold;
		
		font-family: sans-serif;
}

table {
	width:100%;
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 15px;
  text-align: center;
  font-weight: bold;
}
table tr:nth-child(even) {
  background-color: #eee;
}
table tr:nth-child(odd) {
 background-color: #fff;
}
table#t01 th {
  background-color: black;
  color: white;
}

.btn-space2 {
   		
	width: 100%;
	table-layout: fixed;
	font: 15px Montserrat, sans-serif;
}
a.disabled{
	pointer-events: none;
	cursor: default;
}
.blink_me{
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite; 

}

@keyframes blinker{
	0% {opacity: 1.0}
	50% {opacity: 0.0}
	100% {opacity: 1.0}
}