737 lines
12 KiB
SCSS
737 lines
12 KiB
SCSS
@import "material_icons";
|
|
@import "tether";
|
|
@import "bootstrap/css/bootstrap-material-design.min";
|
|
@import "node-waves/waves";
|
|
@import "animate-css/animate";
|
|
@import "sweetalert/sweetalert.css";
|
|
@import "multi-select/css/multi-select.css";
|
|
@import "bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker";
|
|
@import "morrisjs/morris";
|
|
@import "BSBMaterial/style";
|
|
@import "BSBMaterial/themes/all-themes";
|
|
@import "reset";
|
|
@import "fileinput.min";
|
|
@import "custom";
|
|
|
|
|
|
/* Reset */
|
|
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.col-lg-1, .col-md-1, .col-sm-1,col-xl-1{
|
|
padding-left: 1px ;
|
|
padding-right: 1px ;
|
|
}
|
|
|
|
.ls-closed section.content {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
section.content {
|
|
margin: 0 5px 0 5px;
|
|
padding: 64px 0 0 0;
|
|
}
|
|
|
|
.table {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
select.form-control {
|
|
height: inherit !important;
|
|
}
|
|
|
|
.form-horizontal .form-group {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
.card-columns {
|
|
font-size: 18px !important;
|
|
}
|
|
|
|
@media (min-width:769px) and (max-width:1024px) {
|
|
.btn-block {
|
|
font-size: 11px !important;
|
|
}
|
|
}
|
|
|
|
/* End Reset */
|
|
|
|
#back {
|
|
padding: 0px 0px 7px 0px;
|
|
}
|
|
|
|
/*
|
|
.order-info {
|
|
min-height:300px;
|
|
max-height:500px;
|
|
overflow:auto
|
|
}
|
|
*/
|
|
|
|
.others-payment{
|
|
line-height:100px;
|
|
text-align:center;
|
|
color:white;
|
|
width:300px;
|
|
height:100px;
|
|
font-size:18px;
|
|
}
|
|
|
|
.orders-table {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cashier_number{
|
|
width: 33%;
|
|
height:58px;
|
|
line-height:58px;
|
|
text-align:center;
|
|
background:#54A5AF;
|
|
// float:left;
|
|
// margin:2px;
|
|
font-size:20px;
|
|
color:white;
|
|
// cursor:pointer;
|
|
}
|
|
|
|
.access_number{
|
|
width: 33%;
|
|
height:58px;
|
|
line-height:58px;
|
|
text-align:center;
|
|
background:#54A5AF;
|
|
// float:left;
|
|
// margin:2px;
|
|
font-size:20px;
|
|
color:white;
|
|
// cursor:pointer;
|
|
}
|
|
|
|
.del_cashier_number{
|
|
opacity:0.6,
|
|
}
|
|
|
|
// .btn_paymal_member{
|
|
// padding: 40px;
|
|
// font-size: 20px;
|
|
// font-weight: bolder;
|
|
// }
|
|
|
|
.move_table{
|
|
width: 100%;
|
|
height:74px;
|
|
line-height:74px;
|
|
text-align:center;
|
|
font-size:20px;
|
|
color:white;
|
|
}
|
|
|
|
|
|
.payment{
|
|
height:50px;
|
|
line-height:50px;
|
|
align:center;
|
|
color:white;
|
|
font-size:16px;
|
|
margin:5px;
|
|
}
|
|
|
|
.font-12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.cash-color{
|
|
background-color:#2196F3;
|
|
}
|
|
|
|
.credit-color{
|
|
background-color:#FFA500;
|
|
}
|
|
|
|
.other-payment-color{
|
|
background-color:#795548;
|
|
}
|
|
|
|
.others-color{
|
|
background-color:#E1BEE7;
|
|
height: 30px !important;
|
|
line-height: 30px !important;
|
|
}
|
|
|
|
|
|
.cashier_number:hover{
|
|
background:#A9F5F2;
|
|
}
|
|
|
|
.action-btn {
|
|
white-space: normal !important;
|
|
height: 60px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.radius-btn {
|
|
border-radius:5px;
|
|
color:#fff;
|
|
background-color:red;
|
|
}
|
|
|
|
.bottom-5 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.fluid {
|
|
width: 100%;
|
|
}
|
|
|
|
.style2 {
|
|
border-top: 3px double #8c8b8b;
|
|
}
|
|
|
|
.long{
|
|
width:43%;
|
|
}
|
|
|
|
.sold {
|
|
background-color: red;
|
|
}
|
|
|
|
.paid {
|
|
background-color: green;
|
|
}
|
|
|
|
.selected-item {
|
|
color: #fff !important;
|
|
background-color: blue !important;
|
|
}
|
|
|
|
.selected-account {
|
|
color: #fff !important;
|
|
background-color: blue !important;
|
|
}
|
|
|
|
.selected-payment {
|
|
color: #fff !important;
|
|
background-color: blue !important;
|
|
}
|
|
.payment_btn {
|
|
white-space: normal !important;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
color:#fff !important;
|
|
# background-color: green !important;
|
|
}
|
|
|
|
/* Reciept Style */
|
|
#order-charges-table td {
|
|
border-top: none !important;
|
|
}
|
|
|
|
.charges-name {
|
|
width: 80%;
|
|
text-align: left;
|
|
}
|
|
|
|
.item-name {
|
|
width: 60%;
|
|
text-align: left;
|
|
}
|
|
|
|
.item-attr {
|
|
width: 20%;
|
|
text-align: right;
|
|
}
|
|
|
|
.item-attr-edit{
|
|
width: 10%;
|
|
text-align: left;
|
|
}
|
|
|
|
.display-none{
|
|
display: none;
|
|
}
|
|
|
|
.text-white{
|
|
color: #fff;
|
|
}
|
|
|
|
/* Colors */
|
|
.purple {
|
|
background-color:#7a62d3;
|
|
}
|
|
|
|
.orange{
|
|
background-color:#FF7F50;
|
|
}
|
|
|
|
.red {
|
|
background-color:#F44336;
|
|
}
|
|
|
|
.green{
|
|
background-color: #009900;
|
|
}
|
|
|
|
.orange{
|
|
background-color: #FF8C00;
|
|
}
|
|
|
|
.blue{
|
|
background-color: blue;
|
|
}
|
|
|
|
/* End Colors */
|
|
|
|
.left{
|
|
margin-left:1px;
|
|
}
|
|
|
|
.dtp-date .left{
|
|
margin-left:0px;
|
|
}
|
|
|
|
.bottom{
|
|
margin-bottom:1px;
|
|
}
|
|
|
|
/* Discount */
|
|
|
|
.required abbr{
|
|
color: red !important;
|
|
}
|
|
|
|
.border-top{
|
|
border-top:1px solid #fff;
|
|
}
|
|
|
|
.border-right{
|
|
border-right:1px solid #fff;
|
|
}
|
|
|
|
.border-left{
|
|
border-left:1px solid #fff;
|
|
}
|
|
|
|
// #sxModal {
|
|
// display: none;
|
|
// overflow: auto;
|
|
// width: 100%;
|
|
// height: 100%;
|
|
// background-color: #000;
|
|
// background-color: rgba(0,0,0,0.4);
|
|
// position: fixed;
|
|
// top: 0;
|
|
// right: 0;
|
|
// bottom: 0;
|
|
// left: 0;
|
|
// z-index: 1100;
|
|
// }
|
|
|
|
// #sxModal-Content {
|
|
// position: relative;
|
|
// left: 42%;
|
|
// top: 30%;
|
|
// background-color: #32ad1a;
|
|
// color: #fff;
|
|
// text-align: center;
|
|
// width: 200px;
|
|
// height: 200px;
|
|
// padding-top: 5%;
|
|
// border-radius: 100px;
|
|
// z-index: 1101;
|
|
// }
|
|
|
|
/*Loading gif for payment*/
|
|
|
|
#loading_wrapper{
|
|
position: fixed;
|
|
background-color: #C8C8C8 ;
|
|
height: 100%;
|
|
width: 100%;
|
|
left: 0;
|
|
opacity: 0.6;
|
|
top: 0;
|
|
z-index: 9999999;
|
|
}
|
|
|
|
#loading{
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-image: url('../../../image/loading-ajax.gif');
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100); /* ie */
|
|
-moz-opacity: 1; /* mozilla */
|
|
|
|
}
|
|
|
|
/* For Payment Page */
|
|
|
|
.payment-long {
|
|
width:43%;
|
|
}
|
|
|
|
.btn_paymal_member {
|
|
padding: 40px !important;
|
|
font-size: 20px !important;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.btn_qrpay {
|
|
padding: 40px !important;
|
|
font-size: 20px !important;
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/* End Payment Page */
|
|
|
|
/* Logout Icon */
|
|
|
|
i.logout_icon{
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
/* End Logout Icon */
|
|
|
|
/* Notify */
|
|
|
|
#notify-wrapper {
|
|
position: absolute;
|
|
top: 55px;
|
|
left: 10px;
|
|
z-index: 9999;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
[data-notify="container"] {
|
|
margin-bottom: 5px !important;
|
|
margin-left:5px !important;
|
|
position:relative !important;
|
|
top: 25% !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
/* End Notify */
|
|
|
|
/* selected color for split bills */
|
|
.selected-split-item {
|
|
color: #fff !important;
|
|
background-color: #5DADE2 !important;
|
|
}
|
|
|
|
/* Start Is Member Modal */
|
|
#is_memberModal .modal-body {
|
|
height: 260px !important;
|
|
}
|
|
|
|
#is_memberModal .btn {
|
|
width: 80%;
|
|
}
|
|
|
|
#is_paymemberModal .modal-body {
|
|
height: 150px !important;
|
|
}
|
|
|
|
#is_paymemberModal .btn {
|
|
width: 80%;
|
|
}
|
|
/* End Is Member Modal */
|
|
|
|
/* Start iframe */
|
|
iframe {
|
|
border: none;
|
|
overflow: hidden !important;
|
|
width: 400px;
|
|
height: 550px;
|
|
}
|
|
|
|
#pdfModal .btn {
|
|
width: 150%;
|
|
height: 100%;
|
|
}
|
|
|
|
#receipt_pdf {
|
|
height: 400px;
|
|
}
|
|
/* End iframe */
|
|
|
|
/* section class for webview */
|
|
.section-margin {
|
|
margin-top: -50px;
|
|
}
|
|
|
|
.tax-btn-box {
|
|
width: 230px;
|
|
height: 80px;
|
|
}
|
|
|
|
/*Pagination*/
|
|
nav.pagination {
|
|
margin:10px;
|
|
|
|
}
|
|
nav.pagination .current{
|
|
background-color:#1f91f3;
|
|
color:#fff;
|
|
padding:4px 10px;
|
|
margin-top:-4px;
|
|
}
|
|
nav.pagination .page a,.next a,.last a,.prev a,.first a{
|
|
padding:6.5px 10px;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
nav.pagination .page a:hover,
|
|
a:focus {
|
|
background-color: #ccc;
|
|
text-decoration: none;
|
|
|
|
}
|
|
nav.pagination .page a:hover,
|
|
.first a:hover,.last a:hover,.prev a:hover,.next a:hover{
|
|
background-color: #ccc;
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
#oqs_loading_wrapper{
|
|
position: fixed;
|
|
background-color: #C8C8C8 ;
|
|
height: 100%;
|
|
width: 100%;
|
|
left: 0;
|
|
opacity: 0.6;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
#oqs_loading{
|
|
position: relative;
|
|
height: 100%;
|
|
width: 100%;
|
|
background-image: url('../../../image/loading-ajax.gif');
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
opacity: 1;
|
|
z-index: 101;
|
|
filter: alpha(opacity=100); /* ie */
|
|
-moz-opacity: 1; /* mozilla */
|
|
}
|
|
.existing_invoice{
|
|
background-color:#ffab51;
|
|
color:#fff;
|
|
|
|
}
|
|
|
|
|
|
/*----chane font_size (Amount Due && Balance)----*/
|
|
#balance{
|
|
height: 50%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.amount_balance{
|
|
height: 50%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
|
|
#amount_due{
|
|
height: 50%;
|
|
font-size: 20px;
|
|
}
|
|
|
|
/*customer modal UI */
|
|
.wizard {
|
|
background: #f1f1f1;
|
|
padding: 10px;
|
|
}
|
|
.wizard .nav-tabs {
|
|
position: relative;
|
|
border: 0px;
|
|
}
|
|
.wizard > div.wizard-inner {
|
|
position: relative;
|
|
margin: 0 0 0 145px !important;
|
|
}
|
|
.connecting-line{
|
|
height:12px;
|
|
background: #e0e0e0;
|
|
position: absolute;
|
|
width: 110%;
|
|
margin: 0 auto;
|
|
left: 0;
|
|
right: 0;
|
|
top:38%;
|
|
z-index: 1;
|
|
border-radius: 15px;
|
|
}
|
|
.active-line{
|
|
height:12px;
|
|
background: #e0e0e0;
|
|
position: absolute;
|
|
width: 5%;
|
|
margin: 0 auto;
|
|
left: 0;
|
|
right: 0;
|
|
top:61%;
|
|
z-index: 1;
|
|
border-radius: 15px !important;
|
|
}
|
|
.connecting-line a.active{
|
|
background-color: #2ED4E0;
|
|
}
|
|
.border-right{
|
|
border-radius: 15px 0 0 15px;
|
|
}
|
|
.border-left{
|
|
border-radius: 0;
|
|
}
|
|
.wizard .nav-tabs > li {
|
|
margin-bottom: -20px;
|
|
}
|
|
.wizard .nav-tabs > li > a.active > a, .wizard .nav-tabs > li > a.active > a:hover, .wizard .nav-tabs > li > a.active > a:focus {
|
|
cursor: default;
|
|
border: 0;
|
|
color:#2ED4E0;
|
|
border-bottom-color: transparent;
|
|
}
|
|
.wizard .nav-tabs li p{
|
|
padding-top:40px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
.list-inline{
|
|
text-align: center;
|
|
}
|
|
span.round-tab {
|
|
width: 28px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
display: inline-block;
|
|
border-radius: 100px;
|
|
background:#DFE3E4;
|
|
border: 2px solid #fff;
|
|
z-index:1;
|
|
position:absolute;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
.wizard li > a.active span.round-tab{
|
|
background:#2196F3;
|
|
color:white;
|
|
border: 1px solid #fff;
|
|
}
|
|
span.round-tab:hover{
|
|
color: white;
|
|
border: 1px solid #fff;
|
|
background-color:#2196F3;
|
|
}
|
|
.wizard .nav-tabs > li {
|
|
width: 25%;
|
|
}
|
|
.wizard .nav-tabs > li a{
|
|
width: 28px;
|
|
height: 28px;
|
|
margin: 18px auto;
|
|
border-radius: 100%;
|
|
padding: 0;
|
|
color: #777;
|
|
}
|
|
.wizard .tab-pane {
|
|
position: relative;
|
|
padding-top: 5px;
|
|
border-top: 1px solid #fff;
|
|
margin-top: 20px;
|
|
}
|
|
.next-step:hover, .next-step, .prev-step:hover, .prev-step{
|
|
position: relative;
|
|
background-color: #2196F3;
|
|
font-size: 14px;
|
|
color: #FFFFFF;
|
|
}
|
|
/*customer modal UI */
|
|
|
|
.payment-btn-box {
|
|
width: 130px;
|
|
height: 50px;
|
|
}
|
|
|
|
@media screen and (max-width: 785px) {
|
|
section.content{
|
|
margin: 80px 15px 0 225px;
|
|
}
|
|
|
|
.mbl_view{
|
|
display: none;
|
|
}
|
|
|
|
.navbar-brand-txt{
|
|
margin-top: -15px;
|
|
}
|
|
|
|
.toggle_mbl {
|
|
text-align: right;
|
|
}
|
|
|
|
.toggle_mbl img{
|
|
width: 24px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.toggle_mbl a:hover, a:focus{
|
|
background-color: unset;
|
|
}
|
|
|
|
.col-mbl-view{
|
|
width: 50%;
|
|
}
|
|
|
|
.info-box .icon{
|
|
display: none;
|
|
}
|
|
|
|
.mbl_product_div{
|
|
display: none;
|
|
}
|
|
|
|
.sidebar .menu{
|
|
top: 10px;
|
|
}
|
|
|
|
.page-header{
|
|
width: 100% !important;
|
|
}
|
|
|
|
.ls-closed .bars:after, .ls-closed .bars:before{
|
|
top: 14px;
|
|
}
|
|
|
|
.mbl_card{
|
|
width: 100% !important;
|
|
}
|
|
|
|
.mbl_lbl{
|
|
display: none;
|
|
}
|
|
|
|
.mbl-style{
|
|
padding: 10px 10px;
|
|
}
|
|
|
|
.m-auto{
|
|
width: 33%;
|
|
}
|
|
|
|
.online_order{
|
|
text-align: right;
|
|
}
|
|
|
|
.mbl-right-btn{
|
|
text-align: right;
|
|
}
|
|
}
|