@import "material_icons";
@import "bootstrap/css/bootstrap-material-design.min";
@import "node-waves/waves";
@import "animate-css/animate";
@import "BSBMaterial/style";

.login_dashboard{
  background-color: #2790a5;
}

.active_tab{
  border-style: solid;
  border-color: #2790a5;
}

.login-page {
  margin: 0% auto;
  background-color: #2790a5;
}

.login-page .login-box .logo small {
  display: block;
  width: 100%;
  text-align: center;
  color: #000;
  margin-top: -5px;
}

.form-group {
  margin-bottom: 15px;
}

.emp-body{
  cursor: pointer;
  margin-bottom: 0px !important;
  margin-top:5px !important;
}
.emp-body .body{
  padding: 15px 5px;
  text-align: center;
  border-radius: 3px;
}
.empBtn{
  margin-top: -10px;
}

.padding-10 {
  padding: 10px;
}

.pin_pad {
  width: 33%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #54A5AF;
  font-size: 20px;
  color: white;
}

.bottom {
  margin-bottom: 1px;
}

.left {
  margin-left: 1px;
}

.card {
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  background-clip: padding-box;
  transition: 0.3s ease;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card-footer {
  padding: 0;
  background-color: #fff;
  border-top: none;
}

.p-card{
  margin: 20px -8px;
  text-align: center;
}

.p-name{
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 20px;
  font-size: 14px;
  weight : 30px;
  height : 48px;
}

.style_image{
  height : 137.5px;
  padding : 20px 0 20px 0;
  width : 70%;
  opacity: 0.7;
}

.style_icon{
  font-size: 111px;
  padding : 20px 0 20px 0;
}

/* Shop Name in Login Page */
.current-shop-name{
  color : #FFFFFF;
  font-size: 21px;
  font-weight: bold;
  margin : 0 0 20px 0;
}

.box {
  margin : 0 -60px 0 -60px;
}

@media screen and (max-width: 785px) {
  .login_pwd{width: 90%;}
  .login_ent{width: 10%;}
  // .card-btn{padding: 0px 35px;}
  // .nav-tabs{padding: 0px 44px;}
  .box{margin: unset;}
  .mbl-btn-usrgp{width: 48%;}

}
