438 lines
7.9 KiB
SCSS
Executable File
438 lines
7.9 KiB
SCSS
Executable File
@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 "fileinput.min";
|
|
@import "BSBMaterial/style";
|
|
@import "BSBMaterial/themes/all-themes";
|
|
@import "reset";
|
|
@import "induties/assign_in_duties";
|
|
@import "select2";
|
|
@import "select2-material";
|
|
|
|
/*@import "bootstrap-select/css/bootstrap-select.min";*/
|
|
|
|
/*----- Order Processing Items -----*/
|
|
.opi_ul {
|
|
display:block;
|
|
padding-left:0px;
|
|
}
|
|
.opi_ul li {
|
|
display:list-item;
|
|
list-style: none;
|
|
margin-top:2px;
|
|
}
|
|
|
|
.opi_selected {
|
|
background-color:#BEA2C2 !important;
|
|
}
|
|
.opi_default {
|
|
cursor: pointer;
|
|
background-color: #E8ECF9;
|
|
line-height: inherit;
|
|
padding:5px;
|
|
}
|
|
/*----- Order Processing Items -----*/
|
|
|
|
|
|
/* ========== Select Field ========== */
|
|
|
|
/* Remove focus */
|
|
select:focus {
|
|
outline: none}
|
|
|
|
/* Hide label */
|
|
.custom-selectfield label {display: none;}
|
|
/* Use custom arrow */
|
|
.custom-selectfield select {appearance: none}
|
|
.custom-selectfield {
|
|
position: relative;
|
|
&:after {
|
|
position: absolute;
|
|
top: 1em;
|
|
right: 0.5em;
|
|
/* Styling the down arrow */
|
|
width: 0;
|
|
height: 0;
|
|
padding: 0;
|
|
content: '';
|
|
border-left: .25em solid transparent;
|
|
border-right: .25em solid transparent;
|
|
border-top: .375em solid #111;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
/*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;
|
|
|
|
}
|
|
|
|
/*Logout Icon*/
|
|
i.logout_icon{
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
/* Second display image */
|
|
.second-display{
|
|
margin : 12px;
|
|
}
|
|
|
|
.float_right{
|
|
float : right;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.payment-btn-box {
|
|
width: 130px;
|
|
height: 50px;
|
|
}
|
|
|
|
@media screen and (max-width: 785px) {
|
|
#setting{ display: none;}
|
|
.menu-up{ display: none;}
|
|
.card-btn{padding: 0px 35px;}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
|
|
.mbl-table{
|
|
display: block;
|
|
overflow: scroll;
|
|
}
|
|
|
|
.mbl-table-card{
|
|
overflow: scroll;
|
|
display: inline-block;
|
|
}
|
|
|
|
.p-l-15{
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
#order_by{
|
|
width: 100% !important;
|
|
}
|
|
}
|
|
|
|
.report-table-header {
|
|
font-size: .95rem;
|
|
font-weight: 500;
|
|
color: rgba(0, 0, 0, 0.54);
|
|
padding: 10px;
|
|
}
|
|
|
|
.input-group-addon {
|
|
margin-bottom: 20px;
|
|
}
|
|
.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;
|
|
}
|
|
.border-top{
|
|
border-top:1px solid #fff;
|
|
}
|
|
|
|
.border-right{
|
|
border-right:1px solid #fff;
|
|
}
|
|
|
|
.border-left{
|
|
border-left:1px solid #fff;
|
|
}
|
|
.bottom{
|
|
margin-bottom:1px;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.new-design-navbar {
|
|
background-color: #5856D6;
|
|
color: white;
|
|
padding: 0 15px;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
height: 50px;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
|
position: relative;
|
|
z-index: 1030;
|
|
}
|
|
|
|
.new-design-navbar .container-fluid {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.new-design-navbar .navbar-left-section,
|
|
.new-design-navbar .navbar-right-section {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.new-design-navbar .bars-toggle {
|
|
color: white;
|
|
text-decoration: none;
|
|
margin-right: 15px;
|
|
padding: 0 10px;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.new-design-navbar .bars-toggle:hover {
|
|
background-color: rgba(255,255,255,0.1);
|
|
}
|
|
.new-design-navbar .bars-toggle .material-icons {
|
|
font-size: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.new-design-navbar .navbar-brand {
|
|
color: white !important;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 1.1rem; /* Adjust size */
|
|
font-weight: 500;
|
|
padding: 0;
|
|
margin: 0;
|
|
text-decoration: none;
|
|
}
|
|
.new-design-navbar .navbar-brand:hover {
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.new-design-navbar .navbar-brand .material-icons {
|
|
margin-right: 8px;
|
|
font-size: 22px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.new-design-navbar .navbar-right-section .nav-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 15px;
|
|
padding: 0 8px;
|
|
height: 100%;
|
|
cursor: default;
|
|
font-size: 0.9rem;
|
|
}
|
|
.new-design-navbar .navbar-right-section .nav-item .material-icons {
|
|
margin-right: 5px;
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.new-design-navbar .navbar-right-section .nav-item.dropdown > a.dropdown-toggle {
|
|
color: white;
|
|
text-decoration: none;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
padding: 0 8px;
|
|
}
|
|
.new-design-navbar .navbar-right-section .nav-item.dropdown > a.dropdown-toggle:hover {
|
|
background-color: rgba(255,255,255,0.1);
|
|
}
|
|
|
|
.new-design-navbar .navbar-right-section .nav-item.dropdown > a .material-icons:last-child { /* Dropdown arrow */
|
|
margin-left: 2px;
|
|
margin-right: 0;
|
|
font-size: 22px;
|
|
}
|
|
|
|
/* Dropdown Menu Styling */
|
|
.new-design-navbar .dropdown-menu {
|
|
border-radius: 4px;
|
|
border: 1px solid #ddd;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
|
margin-top: 2px !important;
|
|
}
|
|
.new-design-navbar .dropdown-menu > li > a {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px 20px;
|
|
color: #333;
|
|
font-size: 14px;
|
|
text-decoration: none;
|
|
clear: both;
|
|
font-weight: normal;
|
|
line-height: 1.42857143;
|
|
white-space: nowrap;
|
|
}
|
|
.new-design-navbar .dropdown-menu > li > a:hover,
|
|
.new-design-navbar .dropdown-menu > li > a:focus {
|
|
background-color: #f5f5f5;
|
|
color: #333;
|
|
}
|
|
.new-design-navbar .dropdown-menu > li > a .material-icons {
|
|
margin-right: 12px;
|
|
color: #777;
|
|
font-size: 18px;
|
|
vertical-align: middle;
|
|
}
|
|
.new-design-navbar .dropdown-menu .hidden {
|
|
display: none;
|
|
}
|
|
|
|
.material-icons {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-feature-settings: 'liga';
|
|
}
|