@charset "UTF-8";
/*
    DEMO STYLE
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
	font-size:14px;
	line-height:1.42857143;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #3E6D9C;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 15px 10px;
    /*background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
}

.navbar-btn {
	background:#ed8014;
    box-shadow: none;
    outline: none !important;
    border:1px solid transparent !important;
	border-radius:5px;
	color:#fff;
	box-shadow:none !important;
	transition:all ease .3s;
}
.navbar-btn:hover{
	background:#efefef !important;
	border:1px solid transparent !important;
	outline: none !important;
	color:#ed8014;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}
/*** Toggle switch *****/
.switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0cb721;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.btn-back{
	margin-right:5px;
	border:0;
	border-radius:50%;
	background:#00b0f0;
	width:30px;
	height:30px;
	color:#fff;
	cursor:pointer;
}
.color-theme{
	color:#ed8014;
}
.color-dark-blue{
	color:#3E6D9C;
}

/* ---------------------------------------------------
	Button css
----------------------------------------------------- */
.btn-theme-default{
	background: linear-gradient(0deg, #11cdef, #0da7f0);
    color: #fff !important;
    border: 0;
    text-shadow: 0 0 3px rgb(0 0 0 / 35%);
}
/*** End Button css ***/

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background:#e57a11;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: auto;
	padding:10px;
    line-height: 35px;
    text-align: center;
    background:rgba(0,0,0,.15);
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background:rgba(0,0,0,.25);
    color: #fff;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 20px;
    background:#ed8014;
	font-weight:bold;
	color:#fff;
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding:15px 10px;
    font-size:14px;
	color:#fff;
    display: block;
	text-shadow:0 0 5px rgb(0 0 0 / 50%);
	transition:all ease .3s;
}
#sidebar ul li a:hover {
    color: #fff;
    background:rgba(0,0,0,.15);
}
#sidebar ul li a:focus {
    color: #fff;
    background:rgba(0,0,0,.15);
}
/*
#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}


a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}*/


ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    /*background: #6d7fcc;*/
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #7386D5;
}
a.article, a.article:hover {
    background: #e69d3f !important;
    color: #fff !important;
}

.back-to-top {
    position:fixed !important;
    bottom: 25px;
    right: 25px;
    display: none;
	width:32px;
	height:32px;
	padding:6px !important;
	border-radius:50% !important;
	font-size: 14px !important;
    align-items: center;
    justify-content: center;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
	position:relative;
    /*position: absolute;
    top: 0;
    right: 0;*/
}

/*** Fix bootstrap bug *****/
.collapse:not(.show){
	/*display:block !important;*/
}
.navbar-collapse{
	width:auto;
}
.navbar-nav{
	display:block;
}
.navbar-right{
	float:right;
}
.nav>li{
	font-size:14px;
    position: relative;
    display: block;
}
.nav>li>a{
	padding:10px 15px;
}
.modal{
	background:rgba(0,0,0,.35);
}
.modal-content{
	border:0;
}
.btn-modal-close{
	width:30px;
	height:30px;
	padding:0.267rem;
	border:0;
	border-radius:30px;
}
@media (min-width: 768px){

	.navbar-nav>li{
		float:left;
		margin-right:5px;
	}
}
input.form-control,
select,
textarea
{
	font-size:0.762rem !important;
}

/*** Live orders *****/
.card-orders{
	background:#fff;
	margin-bottom:10px;
}
.card-orders .card-footer{
	background:#fff;
}
.order-created-id{
	font-weight:bold;
}
.merchant-detail--{
	display:flex;
	margin-bottom:10px;
}
.merchant-logo{
	width:56px;
	height:56px;
	border:1px solid #eee;
	display:flex;
	align-items:center;
}
.merchant-logo img{
	max-width:100%;
}
.merchant-name-address{
	padding:0 10px;
}
.merchant-name-title{
	font-weight:bold;
}
.location-marker{
	padding:5px 0;
}
.customer-detail--{
	display:flex;
}
.customer-name-address{
	padding:0 10px;
}
.customer-name-contact span.customer-name--{
	font-weight:bold;
	margin-right:5px;
	display:block;
}
.orders-total{
	font-weight:bold;
}
.orders-total span.orders-amount{
	font-weight:bold;
}
.btn-pickup-now{
	background:#fbaf4d;
	border-radius:20px;
	border:1px solid #fbaf4d;
	color:#222;
	font-weight:bold;
	font-size:14px;
}
.btn-success-delivered{
	background:#198754;
	border-radius:20px;
	border:1px solid #198754;
	color:#fff;
	font-weight:bold;
	font-size:14px;	
}
/*** Reports *****/
.card-today-revenue{
	padding:15px 0;
	margin-bottom:10px;
}
.today-revenue-display{
	padding:30px 10px;
	font-weight:bold;
	font-size:14px;
	color:#6b4a20;
	text-align:center;
	position:relative;
}
.today-revenue-display:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fbaf4d;
	border-radius:10px;
	width:100%;
	height:100%;
	z-index:-1;
}
.today-revenue-display span.today-revenue-amount{
	display:block;
	font-size:200%;
}
.today-revenue-title{
	margin-top:10px;
	text-align:center;
}
.card-today-orders{
	padding:15px 0;
	margin-bottom:10px;
}
.today-orders-display{
	padding:40px 10px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	text-align:center;
	position:relative;	
}
.today-orders-display:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#198754;
	border-radius:10px;
	width:100%;
	height:100%;
	z-index:-1;
}
.today-orders-display span.today-orders-amount{
	display:block;
	font-size:200%;	
}
.today-orders-title{
	margin-top:10px;
	text-align:center;	
}
@media (max-width:414px){
	.today-revenue-display:before,
	.today-orders-display:before
	{
		border-radius:50%;
	}
}
/*** merchant dashboard *****/
.section-dashboard{
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;	
}
.section-header{
	margin-bottom:10px;
}
.section-body{
	margin-bottom:10px;
}
.tab-live-order li{
	width:45%;
}
.tab-live-order li.nav-item a{
	display:block;
	padding:0px;
	opacity:.5;
}
.tab-live-order li.nav-item a.active{
	opacity:1;
}
.live-order-grid{
	width:100%;
	min-height:65px;
	padding:5px;
	border-radius:10px;
	text-align:center;
	font-size:90%;
	display:table;
	position:relative;
}
.live-order-grid.new-order{
	background:#eee;
}
.live-order-grid.order-preparing{
	background:#ddd;
}
.live-order-grid.order-done{
	background:#ccc;
}
.live-order-alert{
	background:#d00;
	padding:6px 0 0;
	border-radius:50%;
	color:#fff;
	position:absolute;
	right:-5px;
	top:-10px;
	width:32px;
	height:32px;
}
.grid-title{
	display:table-cell;
	vertical-align:middle;
}
.no-order-message{
	padding:20px 0;
	text-align:center;
}
.no-order-icon{
	width:65%;
	max-width:360px;
	margin:0 auto;
}
.card-live-order{
	margin-bottom:10px;
}
.card-live-order-header{
	background:#eee;
	padding:.5rem 1rem;	
	border-bottom:1px solid #eee;
}
.card-live-order-foot{
	padding:10px;
	font-size:14px;
}
.live-order-item ul{
	margin:0 0 6px;
	padding:0 0 0 20px;
}
.remark{
	font-size:12px;
	font-style:italic;
}
.live-order-status{
	text-align:center;
	padding:5px;
}
.status-accpted{
	padding:10px;
	background:green;
	color:#fff;
}
.status-rejected{
	padding:10px;
	background:red;
	color:#fff;
}
.status-rider-pickup{
	padding:10px;
	background:#fbaf4d;
	color:#fff;	
}
.status-rider-completed{
	padding:10px;
	background:#eee;
	border:1px solid #ddd;
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
}
/*** Menu management *****/
.tab-menu-management{
	/*flex-wrap:nowrap;
	display:block;*/
	margin:0;
	padding:10px 0;
	flex-wrap: nowrap;
}
.tab-menu-management li{
	float:left;
	list-style:none;
	display:block;
	white-space: nowrap;
}
.tab-menu-management li.nav-item a{
	display:block;
	padding:10px;
}
.tab-menu-management li.nav-item a.active{
	background:#0062a5;
    color: #fff;
    border: 0;
    text-shadow: 0 0 3px rgb(0 0 0 / 35%);
	border-radius: 5px;
}
.menu-list-management ul{
	margin:0;
	padding:0;
}
.menu-list-management li{
	list-style:none;
	border-bottom:1px solid #dedede;
}
.menu-list-management li:nth-child(even){
	background:#f5f5f5;
}
.menu-list-management li:last-child{
	border-bottom:0;
}
.menu-list-head{
    font-weight: bold;
	color:#fff;
    background:#ed8014;
    padding: 10px;
	margin-bottom:5px;
}
.menu-list-head .mm-title{
	margin-right:10px;
}
.menu-list-head button{
	color:#fff;
}
.menu-list-head .categories-status{
	font-weight:normal;
	font-size:small;
	letter-spacing:.5px;
}
.menu-list-detail{
	padding:5px;
}
.menu-list-item-title{
	font-weight:bold;
	background:#efefef;
	padding:10px 6px;
	border-bottom:1px solid #e4e4e4;
}
.food-name{
	width:60%;
}
.edit-trash-menu-list button{
	border:0;
	background:none;
}
.btn-menu-edit{
	color:#888;
	border-radius:50%;	
}
.btn-menu-trash{
	color:#888;
	border-radius:50%;	
}
.switch-menu-list {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}

.switch-menu-list input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-menu-list .menu-list-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-menu-list .menu-list-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .menu-list-slider {
  background-color: #0cb721;
}

input:focus + .menu-list-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .menu-list-slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
.menu-list-slider.round {
    border-radius: 34px;
}
.menu-list-slider.round:before {
	border-radius: 50%;
}
.menu-list-item-pic{
	margin:6px;
	width:40%;
}
.menu-list-item-price{
	font-weight:bold;
}
.menu-list-item-desc{
	padding:6px;
	width:60%;
	font-size:13px;
}
/*** Merchant Dashboard css ***/
.page-heading{
	font-weight:bold;
	color:#0062a5;
}
.page-title{
	padding:15px 0;
	font-size:16px;
	font-weight:bold;
	color:#ed8014;
}
.welcome-title{
	margin:10px 0;
}
.welcome-title .time-session{	
	color:#3dc9d9;
}
.welcome-title .merchant-name{
	font-weight:bold;
	color:#ed8014;
}
a.order-detail-link{
}
.order-detail-number{
	margin-right:5px;
	padding:5px 10px;
	background:#ddd;
	border-radius:5px;
	font-weight:bold;
}
.order-grand-amount{
	font-size:22px;
	font-weight:bold;
}
.btn-create-new-sales{
	background:linear-gradient(0deg, #11cdef, #0da7f0);
	color:#fff;
	border:0;
	text-shadow:0 0 3px rgb(0 0 0 / 35%);
}
/*** Order details page ***/
.merchant-shop-title{
	background:#fbaf4d;
	padding:15px 10px;
	margin-left:-15px;
	margin-right:-15px;
	font-weight:bold;
	text-align:center;
}
.order-detail-header{
	padding-bottom:5px;
	border-bottom:1px solid #dedede;
}
.order-detail-content{
	padding:10px 0;
}
.order-detail-list{
	margin-bottom:10px;
}
.order-detail-list ul{
	margin:0;
	padding:0;
}
.order-detail-list li{
	list-style:none;
	padding-bottom:6px;
}
.order-detail-footer{
	font-weight:bold;
	background:#e6e6e6;
	padding:10px;
	margin-left:-10px;
	margin-right:-10px;
}
/*** reports page ***/
.panel{
	margin-bottom:6px;
}
.panel-head{
	padding:6px;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.link-report-history{
	cursor:pointer;
	width:30px;
	height:30px;
	padding:5px 10px;
	text-align:center;
	background:#eee;
	border-radius:15px;
	font-size:small;
}
/*** restaurant management page ***/
.subtitle{
	color:#ed8014;
	font-size:16px;
	font-weight:bold;
	margin-bottom:.5rem;
}
.main-image-grid{
	text-align:center;
	position:relative;
	overflow:hidden;
}
.main-image-grid a{
	display:block;
}
.img-desc{
	font-size:10pt;
	margin:5px 0;
}
.custom-select{
	position:relative;
	padding:.375rem .75rem;
}
/*** edit-image page ***/
.edit-photo-toggle{
	position:absolute;
	top:10px;
	right:10px;
}
.btn-edit-photo{
	cursor:pointer;
	width:32px;
	height:32px;
	padding:5px;
	color:#000 !important;
	background:#fff;
	border-radius:50%;
}
.dropdown-toggle:after{
	display:none;
}
.edit-photo-toggle .dropdown-item{
	font-size:14px;
}
/*** menu management ***/
.btn-add-item{
	width:100%;
	height:45px;
	padding:10px;
	border-radius:50%;
	background: linear-gradient(0deg, #ccc, #efefef);
    color: #777;
    border: 0;
    text-shadow: 0 0 3px rgb(0 0 0 / 35%);
}
/*** add-new-item ***/
.upload-new-item-img{
	padding:10px 0;
	text-align:center;
	font-size:14px;
}
.new-item-img{
	width:100px;
	height:100px;
	margin:10px auto;
	background:#eee;
	display:block;
}
.food-categories-list{
	font-size:0.762rem !important;
}
.food-categories-list ul{
	margin:10px 0;
	padding:0;
}
.food-categories-list li{
	list-style:none;
}
.custom-tick {
  display: block;
  position: relative;
  padding-left: 35px;
  /*margin-bottom: 12px;*/
  bottom:10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-tick input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
}
/*** setting page ***/
.setting-list{
	margin:0;
	padding:0 10px;
}
.setting-list li{
	list-style:none;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	position:relative;
}
.setting-list li:before{
	content:'';
	position:absolute;
	display:block;
	bottom:0;
	right:0;
	width:30%;
	height:2px;
	background:#fff;
}
/*** myprofile page ***/
.phone-verified{
	font-size:12px;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
	background:#198754;
}
.phone-unverified{
	font-size:12px;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
	background:#e33010;
}
/*** edit password page ***/
.btn-view-pw{
    position: absolute !important;
    right: 10px;
    top: 3px;
    padding: 0px;	
}
/*** salesbooking page ***/
.btn-accept-order{
	background:#21a938;
	border-color:#21a938;
	color:#fff;
}
.btn-reject-order{
	background:#d13939;
	border-color:#d13939;
	color:#fff;
}
/*** showqr.blade.php ***/
.qrcode-wrap{
	max-width:320px;
	margin:0 auto;
}
.qrcode-card{
	border:3px solid #00b0f0;
	border-radius:30px;
	margin-top:-60px;
}
.qrcode-header{
	text-align:center;
}
.qrcode-header img{
	max-width:50%;
}
.qrcode-generate{
	background: #00b0f0;
	margin: 20px;
	margin-top:60px;
    padding: 15px;
    border-radius: 15px;
}
.qrcode-generate img{
	max-width:100%;
}
.qr-merchant-name{
	margin-bottom:10px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:100%;
}
.ccpoint-collect{
	padding:0 15px 15px;
	text-align:center;
}
.ccpoint-title{
	color:#00b0f0;
	display:block;
}
.ccpoint-amount{
	color:#0062a5;
	font-weight:bold;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.point-plus{
	border-radius:50%;
	width:22px;
	height:22px;
	margin-right:5px;
	background:green;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.point-minus{
	border-radius:50%;
	width:22px;
	height:22px;
	margin-right:5px;
	background:red;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
}
/*** bookinglist ***/
#calendar{
	width:100% !important;
	border:1px solid #e7e7e7;
}
.header{
	width:100% !important;
}
.day{
	width: 14.28% !important;
}
.details{
	width:100% !important;
}
@media (max-width:414px){
	#calendar{
		width:350px !important;
		border:none;
	}
	.header{
		width:350px !important;
	}
	.day{
		width:50px !important;
	}
}