body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	font-family: 'proxima_novaregular';
}
* {scrollbar-width: thin;
  scrollbar-color: #20449c #ccc;
 }
 li{
 	list-style: none;
 }
#page-login{
	width: 100%;
}
#page-login .img-box img{
	width: 50%;
}
#page-login .height-full{
	height:100vh;
	width: 100%;
	object-fit: cover;
	im
}
.log-section{
	display: flex;
	align-items: center;
}
#page-login .img-box{
	width: 100%;
}
#page-login .img-box img{
	width: 100%;
}
#page-login form{
	width: 100%;
}
#page-login .details_Update{
	color: #20449c;
	font-size: 18px;
	line-height: 32px;
	text-align: center;
	display: block;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 4rem;
}
#page-login .countrycode-selection {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#page-login select.country-select {
	border: 0;
	border-bottom: 1px solid #e7e4e4;
	line-height: 40px;
	display: inline-block;
	padding: 1rem 0.5rem;
	width: 15%;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: none;
	border-bottom: 1px solid #777;
}
#page-login .form-element-wrapper input {
	font-weight: 400;
	color: #000;
	opacity: 1;
	border: 0;
	border-bottom: .0625rem solid #e7e4e4;
	height: 2.625rem;
	width: 99%;
	border-bottom: 1px solid #777;
}
#page-login .form-element-wrapper label{
	display: none;
}
#page-login .login-details a.edit-receipt-btn{
	display: block;
	width: 100%;
	background: #;
	color: #fff;
	background: #20449c;
	text-decoration: none;
	padding: 11px 0;
	text-align: center;
}
#page-login .login-details a.edit-receipt-btn:hover{
	border: 1px solid #20449c;
	background: #fff;
	color: #20449c;
}
#page-login .justified-center-log{
	width: 70%;
	margin: 0 auto;
}


#page-login .otp-text{
	display: inline-block;
	font-size: 14px;
	margin: 0 10px;
	color: #333;
}
#page-login  .otp-resend-text {
	display: block;
	font-size: 13px;
	margin: .5rem 0;
	color: #20449c;
	text-align: center;
	cursor: pointer;
	font-weight: 700;
}
#page-login  .link-to-register {
	color: orange;
	font-size: 13px;
}
#page-login .otp-resend{
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
}
#page-login .otp-resend a{
	text-decoration: none;
}

#page-login .productto-select {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding-bottom: 30px;
}
#page-login .productto-select .shop-logo img {
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background-size: cover;
}
#page-login .login-details{
	text-align: right;
} 
#page-login .shop-address h5 {
	color: #001A33;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 15px;
	text-align: left;
}
#page-login .shop-address p {
  font-size: 13px;
  margin: 10px 0 0;
  line-height: 20px;
  color: #7e7d7d;
  text-align: left;
}
#page-login .shop-address span {
  text-align: left;
  font-size: 12px;
  display: block;                 
  padding: 10px 0 0 0;
}
#page-login .refresh-btn2{
display: inline-block;
  text-align: right;
  background: #ccc;
  width: 24px;
  line-height: 23px;
  height: 24px;
  text-align: center;
  border-radius: 100%;
}
#page-login .shop-logo {
	position: relative;
	float: left;
	margin-right: 20px;
}
#page-login .login-detail{
	text-align: right;
	position: relative;
}
#page-login .shop-logo span {
	position: absolute;
	bottom: 3px;
	left: 0;
	display: block;
	width: 100px;
	background: #ffffffdb;
	text-align: center;
	font-size: 11px;
	color: green;
	padding: 5px 0;
	text-decoration: underline;
}
#page-login .select-to-access {
	display: inline-block;
	text-align: center;
	font-weight: 400;
	border: 1px solid #e4f1ff70;
	color: #1884d0;
	background: #e4f1ff70;
	width: 100px;
	font-size: 14px;
	height: 40px;
	line-height: 37px;
	position: relative;
	top: -80px;
	text-decoration: underline;
}
#page-login .justified-center-log span.icon-dineorder1 {
	font-size: 3rem;
	margin: 0 auto 3rem;
	display: block;
	text-align: center;
}
#page-login span.icon-dineorder1.icon-dineorder1::before {
  content: "\e96d";
}

.full-page-wrapper{
	width: 100%;
}
.full-page-wrapper .menu-wrap{
	margin-right: 25px;
}
.full-page-wrapper .menu-wrap label{
	color: #132ba3;
	cursor: pointer;
	font-size: 17px;
}
.full-page-wrapper .menu-wrap input{
	display: none;
}
#page-manage-website {
	width: 100%;
}
#page-manage-website .headerWrap{
	border-bottom: 1px solid #eee;
}
#page-manage-website .managepage-heading {
	
}
#page-manage-website .manage-webpage-design{
	padding: 1.5rem 1.5rem .5rem;
	box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}
#page-manage-website .managemenu-list li{
	list-style: none;
}
#page-manage-website .data-row{
	display: flex;
  padding: 1.5rem 0 1.5rem 1.5rem;
  border-left: 0.25rem solid #fff;
  position: relative;
  border-bottom: 1px solid #dae1e866;
  cursor: pointer;
}
#page-manage-website .manage-container-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#page-manage-website .float-left {
	float: left;
	font-family: 'proxima_novaregular';
	font-size: 17px;
	word-break: break-word;
	padding-left: 15px;
	color: #333;
}
#page-manage-website .managepage-heading a.add-category-menu{
	font-size: 14px;
	font-weight: 300;
}
#page-manage-website .managepage-heading a.add-category-menu i{
	padding-right: 8px;
}
#page-manage-website .managepage-heading a.add-category-menu, 
#page-manage-website .managecontent-heading a.add-category-menu {
	margin-right: -.6rem;
	text-decoration: none;
}
#page-manage-website a.add-category-menu {
	display: inline-block;
	padding: 1.25rem 1rem;
	text-align: center;
	border: .0625rem solid #e4f1ff70;
	color: #1884D2;
	font-size: .8rem;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: .3rem;
	background: #e4f1ff70;
	margin: -.2rem .7rem 0;
	background: #132ba3;
	border: 1px solid #132ba3;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	font-weight: 400;
	min-width: 6rem;
	float: right;
}
#page-manage-website a.manage-btn {
	padding: .5rem 1rem;
	text-align: center;
	border: .0625rem solid #e4f1ff70;
	color: #1884D2;
	font-size: .9rem;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: .3rem;
	transition: .3s ease-out .3s;
	background: #e4f1ff70;
	position: absolute;
	right: 0;
	top: 50%;
	min-width: 5rem;
	transform: translate(0, -50%);
	display: block;
}
#page-manage-website .managemenu-list .hiddendiv {
  height: auto;
  position: absolute;
  top: 4rem;
  width: 11.5rem;
  box-shadow: 0 0 0.8rem #c5cfd87d;
  overflow-y: hidden;
  border-radius: .3rem;
  background: #fff;
  z-index: 9;
  right: 0;
  padding: 7px 0;
  width: 113px;
  font-size: 14px;
  display: none;
}
#page-manage-website .managemenu-list .hiddendiv {
  display: none;
}
    
#page-manage-website .managemenu-list .manage-btn:hover + #page-manage-website .managemenu-list .hiddendiv {
  display: block;
}
#page-manage-website .manage-container ul{
	padding-left: 10px;
}
#page-manage-website .managemenu-list .hiddendiv:hover{
	background: #132ba3;
	color: #fff;
}
#page-manage-website span.icon-fold {
	width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  margin-right: 15px;
  border-radius: 100px;
  background: linear-gradient(to right, rgba(50, 227, 218, 1) 0%, 
  	rgba(57, 194, 221, 1) 37%, 
  	rgba(73, 164, 225, 1) 62%, 
  	rgba(97, 124, 232, 1) 100%);
}
#page-manage-website span.icon-fold i{
	color: #fff;
	font-size: .8rem;
  padding-right: 0;
  width: 1rem;
  margin-top: 0;
}
#page-manage-website .managemenu-list {
	padding-left: 0;
}
#page-manage-website .dropdown-menu li {
	list-style: none;
}
#page-manage-website .dropdown-menu li span{
	list-style: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: block;
  top: 15px;
  position: absolute;
  left: 46px;
  border-radius: 100px;
  cursor: pointer;
}
#page-manage-website .dropdown-menu li span i.fa fa-bars:before{
	content: "\f0c9";
}
#page-manage-website .dropdown-menu.action-dropdown i {
	font-size: 1rem;
	width: 1.5rem;
	display: inline-block;
	font-weight: 400;
	color: #777;
}
#page-manage-website .tabs {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
#page-manage-website .mobile-headericon-div{
	position: absolute;
	top: 10px;
}
#page-manage-website .manage-container-left p.item-des {
	margin: 0;
	color: #6a6969;
	font-size: .9rem;
}
#page-manage-website .fa-th-large::before {
	content: "\f009";
	display: none;
}
#page-manage-website .menuTab {
	height: 3rem;
}
#page-manage-website .open-tab {
	z-index: 99;
}
#page-manage-website .tabs > label {
	display: inline-block;
	padding: 0.375rem 0 0.375rem 0;
	margin: 0 0.125rem 0 0;
	text-align: center;
	float: right;
	font-size: .9rem;
	padding: 1rem 1.5rem .75rem;
	line-height: 1.1rem;
	border-bottom: 0.125rem solid #ffffff;
}
#page-manage-website .open-tab input#tab1{
	display: none;
}
#page-manage-website .open-tab label.selected-tab{
  color: #132ba3;
  border-bottom: 0.125rem solid #132ba3 !important;
  cursor: pointer;
  margin-right: 25px;
}

#page-manage-website .pos-image{
	width: 90%;
	margin: 0 auto;
}

#page-manage-website .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content/Box */
#page-manage-website .modal-content {
  background-color: #fefefe;
  margin: 2% auto; /* 15% from the top and centered */
  padding: 50px;
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
  position: relative;
}
#page-manage-website .modal-content span.close{
 	position: absolute;
 	z-index: 0;
 	top: 10px;
 	right: 10px;
 	border-radius: 100px;
}

/* The Close Button */
#page-manage-website .close {
	color: #000;
	float: right;
	font-size: 32px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 0;
	background: #000;
	height: auto;
	color: #fff;
	width: 36px;
	height: 36px;
	text-align: center;
}
#page-manage-website .close:hover {
	color: #ff0 !important;
}

#page-manage-website .close:hover,
#page-manage-website .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#page-manage-website .modal-content label{
	font-size: 16px;
	color: #333;
	font-weight: 600;
}
#page-manage-website .modal-content input[type=text], select {
  width: 100%;
  padding: 13px 20px;
  margin: 8px 0 15px;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 0px;
  box-sizing: border-box;
}

#page-manage-website .modal-content input[type=submit] {
  width: 100%;
  background-color: #132ba3;
  color: #fff;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  font-size: ;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  border-radius: 0;
}

#page-manage-website .modal-content input[type=submit]:hover {
  background-color: #000;
}
#page-manage-website .modal-content input[type=file] {
  width: 100%;
  margin: 8px 0;
}
#page-manage-website .modal-content textarea {
  width: 100%;
  height: 120px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: #f8f8f8;
  resize: none;
  margin-top: 8px;
  margin-bottom: 16px;
}
.hide{
	display: none;
}
.show{
	display: block;
}

#qPrint, #foodfinder-basket-id, #foodfinder-basketproduct-id, #foodfinder-basketproductline-id, #foodfinder-basketcomponent-id, #foodfinder-store_Number_Of_Auto_Print, #foodfinder-store_Number_Of_Auto_Print_Chef, #foodfinder-store_Auto_Print_Split_Chef, #file-form-ps, #files-ps, #qPrintDuplicate, #qPrintChef, #qPrintChefDuplicate, #qPrintToken, #qPrintTokenDuplicate, #openDrawer, #stockinvoicerecieptPrint, .mobile-headericon-div {display:none!important;}

.d-flex-cus{
	display: flex;
	flex-direction: row;
}
.right-align{
	justify-content: flex-end;
}
.left-align{
	justify-content: flex-start;
}


/*--page top middle area start--*/
#page-design-wrap-top-header .d-flex-cus{
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
}
#page-design-wrap-top-header{
	margin: 0 -2rem 0;
}
#page-design-wrap-top-header .bgRed{
	background: red;
}
#page-design-wrap-top-header .preview-btn {
	margin: 0 3px;
}
#page-design-wrap-top-header .publish-btn {
	background: #d56e00;
	color: #fff;
	border-radius: 1rem;
}
#page-design-wrap-top-header .right-align{
	display: flex;
	justify-content: flex-end;
}
#page-design-wrap-top-header ul.device{
	padding-left: 0;
	display: flex;
	justify-content: flex-end;
}
#page-design-wrap-top-header ul.device li a{
	padding: .5rem .4rem;
}
#page-design-wrap-top-header .page-home{
	padding:0 .5rem 0 .9rem;
	background: #000;
	color: #fff;
	text-decoration: none;
}
#page-design-wrap-top-header .page-home i{
	padding-left: 5px;
}
/*--/page top middle area end--*/


/*--page middle area start--*/
.preview-btn.bgRed{
	background: red;
}
#page-heading-wrap-middle .editor-gridbox ul li.item-container img.builder-image{
	width: 100%;
}
/*--/page middle area end--*/


/*--page left area start--*/
#page-design-lft-wrap #content2 .editor-Component-type img{
	width: auto;
	max-width: 100%;
}
#page-design-lft-wrap #content2{
	margin-bottom: 8rem;
}
#page-design-lft-wrap #content1 .editor-Component-type img{
	width: 100%;
}
.compose-body .left-editor-section{
	padding: 5px;
}
.compose-body .left-editor-section .content{
	margin-top: 10px;
}
#page-design-lft-wrap #content1{
	padding: 0rem 0 0 0;
	margin: 0rem 0 0 0;
}
#page-design-lft-wrap #content1 .box-custem{
	padding: 0;
}
#page-design-lft-wrap #content1 .box-row .editor-component-fix{
	padding: 5px;
  margin: 0 1% 5% 1% !important;
  width: 94%;
}
#page-design-lft-wrap .tab-fix{
	margin-left: .7rem;
	padding: 10px 10px 10px 7px;
}
#page-design-lft-wrap .editor-Component-type{
	width: 98%;
	margin-bottom: 0rem;
	margin-top: .5rem;
}
#page-design-lft-wrap .tabs label{
	cursor: pointer;
}
#page-design-lft-wrap #content2 .box-container{
	margin-right: 4%;
}
#page-design-lft-wrap .webpage-edit .accordion .handle label.accordian-heading::before{
	content: "\f105";
	font-size: .9rem;
  font-family: "FontAwesome";
}
/*--/page left area end--*/


/*--page right side area start--*/
.modal-dialog .right-editor-section{
	padding-left: 0;
}
#page-sidebar .editor-Component-type img{
	display: block;
  margin: 0 auto 7px auto;
}
#page-sidebar .grid-img-div img{
	max-width: 100%;
  height: 1.5rem;
  font-size: 2rem;
  width: auto
}
#page-sidebar .webpage-edit .accordion .handle label.accordian-heading::before{
	content: "\f107";
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;
  font-size: 1rem;
  line-height: 1.3rem;
  vertical-align: middle;
  float: right;
}
#page-sidebar .content-wrap{
	padding: 0 1rem 1rem 1rem;
}

#page-design-rgt-wrap .accordion .handle label.accordian-heading::before{
	font-family: "FontAwesome";
	content: '\f107 ';
	font-size: .9rem;
}
#page-design-rgt-wrap .form-element-wrapper{
	min-height: 80px;
  width: 100%;
  resize: none;
}
#page-design-rgt-wrap label.form-label{
	display: none;
}
/*--page right side area end--*/


/*--bottom default header hide section--*/
.full-page-wrapper .headerWrap{
	display:none;
}

.success-modal, .error-modal{
	z-index: 9999 !important;
}