161 lines
2.0 KiB
SCSS
161 lines
2.0 KiB
SCSS
@import "bootstrap";
|
|
@import "font-awesome";
|
|
@import "theme";
|
|
@import "jquery-ui";
|
|
@import "bootstrap-datepicker3";
|
|
|
|
/* Show it is fixed to the top */
|
|
// body {
|
|
// min-height: 75rem;
|
|
// padding-top: 4.5rem;
|
|
// }
|
|
.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:70px;
|
|
line-height:70px;
|
|
text-align:center;
|
|
background:#54A5AF;
|
|
// float:left;
|
|
// margin:2px;
|
|
font-size:20px;
|
|
color:white;
|
|
// cursor:pointer;
|
|
}
|
|
|
|
.del_cashier_number{
|
|
opacity:0.6,
|
|
}
|
|
|
|
.pay{
|
|
width: 98%;
|
|
height:211px;
|
|
line-height:211px;
|
|
text-align:center;
|
|
font-size:20px;
|
|
color:white;
|
|
}
|
|
.payment{
|
|
height:70px;line-height:70px;align:center;color:white;font-size:16px;margin-bottom:1px;
|
|
}
|
|
|
|
.cash-color{
|
|
background-color:#80CBC4;
|
|
}
|
|
|
|
.credit-color{
|
|
background-color:#FFCCBC;
|
|
}
|
|
.other-payment-color{
|
|
background-color:#E1BEE7;
|
|
}
|
|
|
|
.cashier_number:hover{
|
|
background:#A9F5F2;
|
|
}
|
|
|
|
.style2 {
|
|
border-top: 3px double #8c8b8b;
|
|
}
|
|
|
|
.long{
|
|
width:49%;
|
|
}
|
|
|
|
.sold {
|
|
background-color: red;
|
|
}
|
|
|
|
.paid {
|
|
background-color: green;
|
|
}
|
|
|
|
.selected-item {
|
|
color: #fff !important;
|
|
background-color: blue !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;
|
|
}
|
|
|
|
.display-none{
|
|
display: none;
|
|
}
|
|
|
|
.text-white{
|
|
color: #fff;
|
|
}
|
|
|
|
/* Colors */
|
|
.purple {
|
|
background-color:#7a62d3;
|
|
}
|
|
|
|
.red {
|
|
background-color:#ff0000;
|
|
}
|
|
|
|
.green{
|
|
background-color: #009900
|
|
}
|
|
|
|
.orange{
|
|
background-color: #FF8C00
|
|
}
|
|
|
|
.left{
|
|
margin-left:1px;
|
|
}
|
|
|
|
.bottom{
|
|
margin-bottom: 1px;
|
|
}
|
|
/*----- Reset -----*/
|
|
|
|
select.form-control {
|
|
height: inherit !important;
|
|
}
|
|
|
|
.form-horizontal .form-group {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
/* Discount */
|
|
|
|
.discount-item-row {
|
|
cursor: pointer;
|
|
}
|
|
|
|
tr.discount-item-row:hover {
|
|
background-color: #e3e3e3 !important;
|
|
}
|