131 lines
2.0 KiB
SCSS
Executable File
131 lines
2.0 KiB
SCSS
Executable File
@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%;}
|
|
|
|
}
|