.btn-black{
	background-color: #425458;
    border-color: #5d7479;
    transition: .3s;
    color: white;
    font-weight: bold;
}
.btn-black:hover{
	background-color: #293133;
    border-color: #5d7479;
    transition: .3s;
    color: white;
    font-weight: bold;
}

.btn-green{
    background-color: #5cb85c;
    border-color: #5cb85c;
    transition: .3s;
    color: white;
    font-weight: bold;
}
.btn-green:hover{
    background-color: #519151;
    border-color: #519151;
    transition: .3s;
    color: white;
    font-weight: bold;
}

.req{
	color: red;
	font-weight: bold;
}
.validation_error p{
	color: #a03a36;
	font-weight: bold;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td 
  {
    color: black;
  }
  
  .employee-dashboard{
  padding: 15px 25px; background-color: white;border-top: 3px solid #5785c3;margin-top: 10px;
}
.attendance-on-dashboard{
  padding: 25px;
}
@media (max-width:576px){
  .header-main {
     padding: 10px !important;
  }
  .employee-dashboard{
  padding: 10px 0px;
}
.attendance-on-dashboard{
  padding: 0px;
}
}
@media (max-width: 576px)
{
.left-content {
    width: 91%;
}
}
@media (max-width: 576px){
.page-container.sidebar-collapsed-back .left-content {
    width: 91% !important;
}
}