.title{
color:#4c4c4c;;
font-size: 30px;
font-weight: 300;
}
label{
color:#4c4c4c;
}
form{
height: auto;
margin:100px auto;
background-color: #fff;
box-shadow: 0px 0px 4px 1px #cccccc;
padding: 20px;
width:70vw;
}
select{
width: 60%;
padding: 8px;
border: 1px solid #b5b5b5;
outline: none;
}
input[type="text"],input[type="password"]{
width: 100%;
display: block;
margin: 20px 0 0 0;
padding: 8px;
border: 1px solid #b5b5b5;
outline: none;
padding-top: 10px;
padding-bottom: 10px;
}
input[type='button'],input[type="submit"]{
outline: none;
width: 100%;
height: 45px;
background: #969696;
font-size: 20px;
text-shadow: 0 -0.5px #565656;
border-radius: 3px;
border-width: 0;
border-bottom-width: 3px;
color: #fff;
border-style: solid;
}
input[type='button']:active,input[type="submit"]:active{
width: 100%;
border-bottom: 0px;
font-size: 20px;
height: 42px;
margin-top: 3px;			
background-color: #777;
}
.error{
margin-left:1px;
float: right;
margin-bottom: 5px;
height: 20px;
color: red;
}
.justify-content-end{
justify-content: flex-end
}
.d-flex{
display:flex;
}
.box-shadow{
height: 41px;
background: #2b2b2b;
box-shadow: 1px 3px 5px 1px #cccccc;
}
body{
 background: #fff;
}
th{
	background: #8ecaff !important;
	border: 1px solid #aaa !important;
	    padding: 1px 4px !important;
}
td{
	border: 1px solid #aaa !important;
	    padding: 1px 4px !important;
}