/*
smartcashregisterapp for prod and dist, 
v 0.7.0 css - by A. Tshiani - 07/01/2015
v0.7.1 - April 2016 // Stable 6 May 2016
*/
html, body {
	position: relative;
	height: 100vh;
}
/*
body{
	padding-top: 20px;

	padding: constant(safe-area-inset-top) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left); 
	
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); 
	background: red;
	background-color:  transparent;
}
*/
/*change sb color on left panel reveal*/
body.with-panel-left-reveal div.statusbar-overlay, body.with-panel-right-reveal div.statusbar-overlay{
    background:black;
}

body #picker-date-container .picker-item {
	color: #999;
}

body #picker-date-container .picker-selected {
	color: #000;
}
@media (max-width: 767px) {
	body #picker-date-container .picker-items {
		font-size: 18px;
	}

	body #picker-date-container .picker-item {
		height: 36px;
		line-height: 36px;
		padding: 0 6px;
	}
}

/*##################################################*/
/****************** EXPERIMENTAL *******************#/
/####################################################/
/* Your app custom files in this file */
.view-left {
	float: left;
	width: 320px;
	/*border-right: 1px solid #333;*/
  }

  body.layout-default .left-page {background:#dfe3eb}
  body.layout-dark .left-page {background:#131313}
  
  .view-main {
	width: -webkit-calc(100% - 321px);
	width: -moz-calc(100% - 321px);
	width: -ms-calc(100% - 321px);
	width: calc(100% - 321px);
  }
  @media (max-width: 768px) {
	.view-left {
	  width: 240px;
	}
	.view-main {
	  width: -webkit-calc(100% - 241px);
	  width: -moz-calc(100% - 241px);
	  width: -ms-calc(100% - 241px);
	  width: calc(100% - 241px);
	}
  }

/*PICKER MODAL*/
body .picker-modal{z-index:150000;}
/*END EXPERIMENT*/
body div.modal-in .modal-text i:not(.size-equivalent){font-size:3em}
/*#####################################################*/

body.layout-dark .text-dark, body.layout-dark .list-block input.text-dark{color:#131313}

/*ADJUSTMENT FOR THE BACKRGOUND*/
body.layout-default .layout-background{background: white;}
body.layout-dark .layout-background{background: #1c1d1f;}

/*ADJUSTMENT FOR THE NAVBAR BUTTONS/TABS*/
body .navbar-inner .buttons-row {width: 300px;}
body.layout-default.theme-yelLow .navbar-inner .buttons-row a.button {border-color:#333;}
body.layout-default:not(.theme-yelLow) .navbar-inner .buttons-row a.button {border-color:#fff;}
body.layout-dark .navbar-inner .buttons-row a.button.active, body.layout-dark.theme-yelLow .button.button-fill:not(.price-book-link){color:#333;}

/*ADJUSTMENT FOR THE TABLE HEADER*/
body div.my-header{height:44px;}

/*ADJUSTMENT FOR THE FLOATING BUTTON*/
body.layout-default .floating-button i, body.layout-default .speed-dial-buttons a i{color: white;}
body.layout-dark .floating-button i, body.layout-default .speed-dial-buttons a i, body.theme-yellow a.text-dark-yellow.button-fill, body.theme-yellow div.text-dark-yellow.button-fill, body.layout-dark.theme-yellow a.tab-link.button.active, body.theme-yellow .action-bar-label, body.layout-default.theme-yellow .floating-button i, body.layout-default.theme-yellow .speed-dial-buttons a i, body.layout-default.theme-yellow .text-dark-yellow {color: #333;}

/*################## ff5722
/*PERSONNAL THEMES*/
/*lightgreen*/
body .bg-lightgreen, body .bg-pickup{background-color: #8bc34a;}
body .color-lightgreen, body .color-pickup{color: #8bc34a;}

/*purple*/
body .bg-purple, body .bg-delivery{background-color: #9c27b0;}
body .color-purple, body .color-delivery{color: #9c27b0;}

/*cyan*/
body .bg-cyan{background-color: #00bcd4;}
body .color-cyan{color: #00bcd4;}

/*deeporange*/
body .bg-deeporange, body .bg-shipping{background-color: #ff5722;}
body .color-deeporange, body .color-shipping{color: #ff5722;}

/*item-outer*/
body .item-outer{
	color:#8e8e93;
	flex-direction: column;
}
body .item-outer > div{
	display: block;
	text-align:right;
	font-size:13px;
}
body .item-strip { width:3px; height: auto; }

body .item-inner-container{
	display: flex;
	justify-content: space-between;
	font-size: 13px;
}
body .item-container-title{
	font-variant: small-caps;
	font-weight: 600;
	flex-shrink: 1;
	min-width: 0;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
body .item-container-subtitle{
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
	text-overflow: ellipsis;
}
/*WITH THE THEMES COME/*/
body.theme-lightblue.layout-dark, body.theme-blue.layout-dark, body.theme-green.layout-dark, body.theme-yellow.layout-dark, body.theme-red.layout-dark, body.theme-orange.layout-dark, body.theme-pink.layout-dark, body.theme-gray.layout-dark, body.theme-black.layout-dark, body.layout-dark .statusbar-overlay {
    background: #131313;
}
body.layout-default .popup-register .searchbar:after, body.layout-white .popup-register .searchbar:after {
  display:none;
}
/*for blue theme*/
body.layout-default .statusbar-overlay, body.layout-default .views .navbar, body.layout-default .qty, body.layout-default .bar-info.active, body.layout-default .views .navbar a:not(.in-subnavbar), body.layout-default .views .navbar i, body.layout-default li.authok div.item-title::before, body.layout-default li.no-authok div.item-title::before, body.layout-default ul li.modifier div.item-title::before, body.theme-blue .login-screen-content, body.theme-blue .login-screen-content .bottom-page, .theme-blue.layout-default .subnavbar {
    background: #007aff;
	color:white;
}
body.theme-blue .theme-color, body.layout-default .navbar-inner .buttons-row a.button.active {
	color: #007aff;
}
body.theme-blue.layout-default, body.theme-blue .theme-background{
	background: #007aff;
}
body.layout-dark .item-title, body.layout-dark .subnavbar .row, body.layout-dark .data-table td, body.layout-dark .list-block.cart-totals > ul input {
	color: #bbb;
}
body.layout-dark .item-subtitle:not(.perk-progress){
	color: #777;
}
body.layout-dark div.page-content.contacts-content {
	background: #000;
}
body.theme-blue.layout-default, body.layout-default .theme-background{
	background: #007aff;
}

/*mini media on login-screen*/
body.theme-blue .staff-mini-media.acronym, body.theme-blue.layout-default .themed-badge, body.theme-blue.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#007aff;
}
/*navbar & subnavbar*/
body.theme-blue.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-blue.layout-dark .themed-badge{
	background: #007aff;
	color:#000;
}
/*appearance buttons*/
body.theme-blue .set-ui.selected{
	border-color:#007aff;
}

/*for lightblue theme*/
body.theme-lightblue.layout-default .statusbar-overlay, body.theme-lightblue.layout-default .views .navbar, body.theme-lightblue .qty, body.theme-lightblue.layout-default .bar-info.active, body.theme-lightblue.layout-default .views .navbar a:not(.in-subnavbar), body.theme-lightblue.layout-default .views .navbar i, body.theme-lightblue.layout-default li.authok div.item-title::before, body.theme-lightblue.layout-default li.no-authok div.item-title::before, body.theme-lightblue.layout-default ul li.modifier div.item-title::before, body.theme-lightblue .login-screen-content, body.theme-lightblue .login-screen-content .bottom-page, .theme-lightblue.layout-default .subnavbar {
    background: #5ac8fa;
	color:white;
}
body.theme-lightblue .theme-color, body.layout-default .navbar-inner .buttons-row a.button.active {
	color: #5ac8fa;
}
body.theme-lightblue.layout-default, body.theme-lightblue .theme-background {
	background: #5ac8fa;
}
/*mini media on login-screen*/
body.theme-lightblue .staff-mini-media.acronym, body.theme-lightblue.layout-default .themed-badge, body.theme-lightblue.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#5ac8fa;
}
/*navbar & subnavbar*/
.theme-lightblue.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-lightblue.layout-dark .themed-badge{
	background: #5ac8fa;
	color:#000;
}
/*appearance buttons*/
body.theme-lightblue .set-ui.selected{
	border-color:#5ac8fa;
}

/*for yellow theme*/
body.theme-yellow.layout-default .statusbar-overlay, body.theme-yellow.layout-default .views .navbar, body.theme-yellow.layout-default .qty, body.layout-default.theme-yellow .bar-info.active, body.theme-yellow.layout-default .views .navbar a:not(.in-subnavbar), body.theme-yellow.layout-default .views .navbar i, body.theme-yellow.layout-default ul li.modifier div.item-title::before, body.theme-yellow.layout-default li.authok div.item-title::before, body.theme-yellow.layout-default li.no-authok div.item-title::before, body.theme-yellow .login-screen-content, body.theme-yellow .login-screen-content .bottom-page,  .theme-yellow.layout-default .subnavbar {
    background: #ffcc00;
	color:#131313;
}
body.theme-yellow .theme-color{
	color: #ffcc00;
}
body.theme-yellow.layout-default, body.theme-yellow .theme-background{
	background: #ffcc00;
}
/*mini media on login-screen*/
body.theme-yellow .staff-mini-media.acronym, body.theme-yellow.layout-default .themed-badge, body.theme-yellow.layout-default .navbar-inner .buttons-row a.button.active{
	background: #333;
	color:#ffcc00;
}
body.theme-yellow .store-staff-block .item-title{
	color:#333;
}
/*navbar & subnavbar*/
body.theme-yellow.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-yellow.layout-dark .themed-badge{
	background: #ffcc00;
	color:#000;
}
/*appearance buttons*/
body.theme-yellow .set-ui.selected{
	border-color:#ffcc00;
}

/*for orange theme*/
body.theme-orange.layout-default .statusbar-overlay, body.theme-orange.layout-default .views .navbar, body.theme-orange .qty, body.theme-orange.layout-default .bar-info.active, body.theme-orange.layout-default .views .navbar a:not(.in-subnavbar), body.theme-orange.layout-default .views .navbar i, body.theme-orange.layout-default ul li.modifier div.item-title::before, body.theme-orange.layout-default li.authok div.item-title::before, body.theme-orange.layout-default li.no-authok div.item-title::before, body.theme-orange .login-screen-content, body.theme-orange .login-screen-content .bottom-page,  .theme-orange.layout-default .subnavbar {
    background: #ff9500;
	color:white;
}
body.theme-orange .theme-color{
	color: #ff9500;
}
body.theme-orange.layout-default, body.theme-orange .theme-background{
	background: #ff9500;
}
/*mini media on login-screen*/
body.theme-orange .staff-mini-media.acronym, body.theme-orange.layout-default .themed-badge, body.theme-orange.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#ff9500;
}
/*navbar & subnavbar*/
body.theme-orange.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-orange.layout-dark .themed-badge{
	background: #ff9500;
	color:#000;
}
/*appearance buttons*/
body.theme-orange .set-ui.selected{
	border-color:#ff9500;
}

/*for pink theme*/
body.theme-pink.layout-default .statusbar-overlay, body.theme-pink.layout-default .views .navbar, body.theme-pink .qty, body.theme-pink.layout-default .bar-info.active, body.theme-pink.layout-default .views .navbar a:not(.in-subnavbar), body.theme-pink.layout-default .views .navbar i, body.theme-pink.layout-default ul li.modifier div.item-title::before, body.theme-pink.layout-default li.authok div.item-title::before, body.theme-pink.layout-default li.no-authok div.item-title::before, body.theme-pink .login-screen-content, body.theme-pink .login-screen-content .bottom-page, .theme-pink.layout-default .subnavbar {
    background: #ff2d55;
	color:white;
}
body.theme-pink .theme-color{
	color: #ff2d55;
}
body.theme-pink.layout-default, body.theme-pink .theme-background{
	background: #ff2d55;
}
/*mini media on login-screen*/
body.theme-pink .staff-mini-media.acronym, body.theme-pink.layout-default .themed-badge, body.theme-pink.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#ff2d55;
}
/*navbar & subnavbar*/
body.theme-pink.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-pink.layout-dark .themed-badge{
	background: #ff2d55;
	color:#000;
}
/*appearance buttons*/
body.theme-pink .set-ui.selected{
	border-color:#ff2d55;
}

/*for green theme*/
body.theme-green.layout-default .statusbar-overlay, body.theme-green.layout-default .views .navbar, body.theme-green .qty, body.theme-green.layout-default .bar-info.active, body.theme-green.layout-default .views .navbar a:not(.in-subnavbar), body.theme-green.layout-default .views .navbar i, body.theme-green.layout-default ul li.modifier div.item-title::before, body.theme-green.layout-default li.authok div.item-title::before, body.theme-green.layout-default li.no-authok div.item-title::before, body.theme-green .login-screen-content, body.theme-green .login-screen-content .bottom-page,  .theme-green.layout-default .subnavbar {
    background: #4cd964;
	color:white;
}
body.theme-green .theme-color{
	color: #4cd964;
}
body.theme-green.layout-default, body.theme-green .theme-background{
	background: #4cd964;
}
/*mini media on login-screen*/
body.theme-green .staff-mini-media.acronym, body.theme-green.layout-default .themed-badge, body.theme-green.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#4cd964;
}
/*navbar & subnavbar*/
body.theme-green.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-green.layout-dark .themed-badge{
	background: #4cd964;
	color:#000;
}
/*appearance buttons*/
body.theme-green .set-ui.selected{
	border-color:#4cd964;
}

/*for red theme*/
body.theme-red.layout-default .statusbar-overlay, body.theme-red.layout-default .views .navbar, body.theme-red .qty, body.theme-red.layout-default .bar-info.active, body.theme-red.layout-default .views .navbar a:not(.in-subnavbar), body.theme-red.layout-default .views .navbar i, body.theme-red.layout-default ul li.modifier div.item-title::before, body.theme-red.layout-default li.authok div.item-title::before, body.theme-red.layout-default li.no-authok div.item-title::before, body.theme-red .login-screen-content, body.theme-red .login-screen-content .bottom-page, .theme-red.layout-default .subnavbar {
    background: #ff3b30;
	color:white;
}
body.theme-red .theme-color{
	color: #ff3b30;
}
body.theme-red.layout-default, body.theme-red .theme-background{
	background: #ff3b30;
}
body.theme-red .staff-mini-media.acronym, body.theme-red.layout-default .themed-badge, body.theme-red.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#ff3b30;
}
/*navbar & subnavbar*/
body.theme-red.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-red.layout-dark .themed-badge{
	background: #ff3b30;
	color:#000;
}
/*appearance buttons*/
body.theme-red .set-ui.selected{
	border-color:#ff3b30;
}

/*for gray theme*/
body.theme-gray.layout-default .statusbar-overlay, body.theme-gray.layout-default .views .navbar, body.theme-gray .qty, body.theme-gray.layout-default .bar-info.active, body.theme-gray.layout-default .views .navbar a:not(.in-subnavbar), body.theme-gray.layout-default .views .navbar i, body.theme-gray.layout-default li.authok div.item-title::before, body.theme-gray.layout-default li.no-authok div.item-title::before, body.theme-gray.layout-default ul li.modifier div.item-title::before, body.theme-gray .login-screen-content, body.theme-gray .login-screen-content .bottom-page, .theme-gray.layout-default .subnavbar {
    background: #8e8e93;
	color:white;
}
body.theme-gray .theme-color{
	color: #bbb;
}
body.theme-gray.layout-default, body.theme-gray .theme-background{
	background: #8e8e93;
}
/*mini media on login-screen*/
body.theme-gray .staff-mini-media.acronym, body.theme-gray.layout-default .themed-badge, body.theme-gray.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#8e8e93;
}
/*navbar & subnavbar*/
body.theme-gray.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-gray.layout-dark .themed-badge{
	background: #8e8e93;
	color:#000;
}
/*appearance buttons*/
body.theme-gray .set-ui.selected{
	border-color:#8e8e93;
}

/*for black theme*/
body.theme-black.layout-default .statusbar-overlay, body.theme-black.layout-default .views .navbar, body.theme-black.theme-black .qty, body.layout-default .bar-info.active, body.theme-black.layout-default .views .navbar a:not(.in-subnavbar), body.theme-black.layout-default .views .navbar i, body.theme-black.layout-default li.authok div.item-title::before, body.theme-black.layout-default li.no-authok div.item-title::before, body.theme-black.layout-default ul li.modifier div.item-title::before, body.theme-black .login-screen-content, body.theme-black .login-screen-content .bottom-page, .theme-black.layout-default .subnavbar{
    background: #000;
	color:white;
}
body.theme-black .theme-color{
	color: #fff;
}
body.theme-black.layout-default, body.theme-black .theme-background{
	background: #000;
}
/*mini media on login-screen*/
body.theme-black .staff-mini-media.acronym, body.theme-black.layout-default .themed-badge, body.theme-black.layout-default .navbar-inner .buttons-row a.button.active{
	background: white;
	color:#000;
}
/*navbar & subnavbar*/
body.theme-black.layout-dark .navbar-inner .buttons-row a.button.active, body.theme-black.layout-dark .themed-badge{
	background: #fff;
	color:#000;
}
/*appearance buttons*/
body.theme-black .set-ui.selected{
	border-color:#000;
}

/*login screen color when layout dark*/
/*texts*/
body.layout-dark .login-screen-content, body.layout-dark .login-screen-content .item-title,body.layout-dark .login-screen-content .bottom-page{color:#131313}
body.layout-default .login-screen-content, body.layout-default .login-screen-content .item-title,body.layout-default .login-screen-content .bottom-page{color:#fff}
/*mini-media*/
body.layout-dark .login-screen-content .staff-mini-media.acronym{background-color: #131313;}
body.layout-default .login-screen-content .staff-mini-media.acronym{background-color: #fff;}

.brdr-rt{
	border-right: 1px solid #131313;
	box-sizing: border-box;
}

/*body .popover-selected-discounts .content-block-title{margin-top:20px;text-align: center;}*/
body .smc-block-title{
	display: flex;
	justify-content:space-between;
	align-items: center;
	font-size: 24px;
	font-weight: bold;
	margin: 15px;
}
body .smc-block-title > i{opacity: 0.7;}

body.layout-dark .smc-block-title{color:#fff;}

body .popover-selected-discounts .promo-icon{
	border: 2px solid;
	border-radius: 50%;
	padding: 3px;
	font-size: 17px;
	font-weight: bold;
}

.sale-details-container .card, .pmt-container .card{height: calc(100% - 20px)}

body.layout-dark .sales-item.selected{background: #333;}
body.layout-default .sales-item.selected{background: #f7f7f8;}

.with-scan-icon{
	background-image: url('../img/giftcard.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
}
/*###############
#### GENERAL ####
###############*/
body .smc-middle{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

body .smc-icon-square{
	border-radius: 10px;
	width: 29px;
	height: 29px;
	border: 1px solid;
}

body .smc-icon-round{
	border-radius: 100%;
	width: 20px;
	height: 20px;
	border: 2px solid;
	font-weight: 600;
}

body .smc-small-icon-round{
	border-radius: 100%;
	width: 26px;
	height: 26px;
	border: 2px solid;
	box-sizing: border-box;
}

body .content-block-title.group-title{display: flex;justify-content: space-between;align-items: center;}

body .picker-button-container{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

body .picker-button-container .picker-button, body .picker-button{
	border-radius: 10px;
	height: 36px;
	box-sizing: border-box;
}
body .picker-button.active{color:attr(data-color);}
body .picker-button.active-state{opacity:0.5;}

body.layout-dark .picker-button{background: #333;}
body.layout-dark .picker-button > input{color: #fff;}
body.layout-default .picker-button{background: #eee;}
body.layout-default .picker-button > input{color:black;}

/*time picker*/
body .picker-button-container .time-picker{padding-top: 7px; width: 30%; margin-left: 3px;}
body .picker-button-container .calendar-date{width: 70%;}
body .item-inner .item-title.label.width-30{width: 30%;}

.popover form#store_pickup_form ul:after, .popover form.ship-setting-form ul:after{height:0px}
.popover .content-block-inner.with-picker:before{height: 0px;}

body .smc-bold{font-weight: bold;}

body .smc-brdr-1{border-width: 1px;}
body .smc-brdr-2{border-width: 2px;}

.map-icon.disabled > i{display: none;}
.map-icon.disabled::before{
	font-family: "Framework7 Icons";
	content:"map_pin_slash";
	font-size: 29px;
	opacity: 0.55;
}

/*##### POPUPS ####*/
body .popup{border-radius: 13px;}
body .popup .navbar{border-radius: 13px 13px 0 0;}

body .small-margin-after{margin-right: 3px;}
body .small-margin-before{margin-left: 3px;}
body .margin-10-before{margin-left:10px;}
body .margin-10-after{margin-right:10px;}
/*#################################
########### SETTINGS ##############
#################################*/
/*UI button*/

.set-ui{
	width: 54px;
	height: 54px;
	border-radius: 100%;
	margin: 10px 10px;
	padding: 6px;
}
.set-ui.selected{
	background-clip: content-box;
	border: 2px solid #5ac8fa;
}
.app-layout-row, app-theme-row{justify-content: start;}

#promo_settings .item-title.label{
	width:80%;
}

/*#################################
############ SALES HISTORY ########
#################################*/

/* SALES HISTORY STUFF*/
.transaction-panel{
	/*height: calc(100vh - 100px); */
	box-sizing: border-box;
}
#sales_list thead th{
	transform: translateY(-16px);
	height: 0px;
	line-height: 0px;
	visibility: hidden;
}
#sales_details{
	transform: translateY(-16px);
}
/*
body.layout-dark .sales-item.selected::before{
	font-family: "Framework7 Icons";
	content:"checkmark_circle_fill";
	font-size: 0.6em;
	position: absolute;
	color: #fff;
}
*/
.swiper-container.sales-history-container {
	width: 100%;
	height: 100%;
}
.swiper-slide.sales-slide, .swiper-slide.customers-slide {
	font-size: 18px;
	height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*padding: 30px;*/
}
.infinite-scroll-preloader{
	margin-top: -20px;
	margin-bottom: 10px;
	text-align: center;
}
.date-filter-slide{
	align-items: center;
	justify-content: center; 
	justify-content: center;
	line-height: 25px;
	height: auto;
}
.infinite-scroll-preloader .preloader{
	width: 34px;
	height: 34px;
}
#sales_details td.label-cell span.sale-pmt-status::before{
	margin-right: 3px;
	font-size: 1em;
}
#sales_details td.label-cell span.sale-status, #contact_list .badge, #checkout_panel .next-loy-level, .next-loy-level{text-transform: capitalize;}

#sales_period{margin-right: 5px;}
#smc_sale_items .item-title-row > div, .small-text div, #smc_sale_items .item-subtitle > div, .sales-footer-block div.item-inner{
	font-size: 14px;
	font-weight: 600;
}
.customer-name.show-order-infos::after{
	font-family: "Framework7 Icons";
	content: "chevron_right_2";
	margin-left:3px;
}
.item-text.order-details, .item-text.order-source-time, .item-text.auto-height {
    height: auto;
    max-height: 42px;
	font-size: 0.8em;
}
.item-text.height-21 {
    height: 21px;
	font-size: 0.8em;
}
.item-title span.text-wrapped, .myflex .item-options.text-wrapped{
	display: block;
	min-height: 18px;
	white-space:normal;
}
.order-details-footer{
	position: absolute;
	bottom: 0;
	width: 100%;
}
#smc_sale_items .item-subtitle > div{opacity: 0.5;}

span.paid::before{
	font-family: "Framework7 Icons";
	content: "checkmark_circle";
	color: #4cd964;
}
span.partial::before{
	font-family: "Framework7 Icons";
	content: "circle_lefthalf_fill";
	color: orange;
}
span.pending::before{
	font-family: "Framework7 Icons";
	content: "clock";
	color: #ff3300;
}
span.refunded::before{
	font-family: "Framework7 Icons";
	content: "purchased_circle";
	color: #5ac8fa;
}
.card-header.sale-details{
	display: block;
	text-align: center;
}
.card-header .customer-name{
	font-size: 0.8em;
	padding: 3px 0;
}
.sale-action-bar{
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.action-bar-link{width:40px; text-align: center;}
.action-bar-link i.f7-icons{
	font-size: 22px;
}
span.action-bar-label{
	line-height: 1;
	display: block;
	margin: 0;
	letter-spacing: .01em;
	font-size: 10px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sales-footer-block{width:100%}

#date_filter_swiper div[class*="col-"]{text-align:center;}

body.layout-default #date_filter_swiper span.themed-overlined {
	text-decoration: overline;
	text-decoration:#fff
}
body.layout-dark.theme-blue .themed-overlined {
	text-decoration: overline solid #007aff;
	-webkit-text-decoration:overline solid #007aff;
}
body.layout-dark.theme-lightblue .themed-overlined {
	text-decoration:overline solid #5ac8fa;
	-webkit-text-decoration:overline solid #5ac8fa
}
body.layout-dark.theme-green .themed-overlined {
	text-decoration: overline solid #4cd964;
	-webkit-text-decoration: overline solid #4cd964;
}
body.layout-default.theme-yellow .themed-overlined {
	text-decoration: overline solid #000;
	-webkit-text-decoration: overline solid #000;
}
body.layout-dark.theme-yellow .themed-overlined {
	text-decoration: overline solid #fc0;
	-webkit-text-decoration: overline solid #fc0;
}
body.layout-dark.theme-red .themed-overlined {
	text-decoration: overline solid #ff3b30;
	-webkit-text-decoration: overline solid #ff3b30;
}
body.layout-dark.theme-orange .themed-overlined {
	text-decoration: overline solid #ff9500;
	-webkit-text-decoration: overline solid #ff9500;
}
body.layout-dark.theme-pink .themed-overlined {
	-webkit-text-decoration:overline solid #ff2d55;
	text-decoration: overline solid #ff2d55;
}
body.layout-dark.theme-grey .themed-overlined {
	text-decoration: overline solid #8e8e93;
	-webkit-text-decoration: overline solid #8e8e93;
}
body.layout-dark.theme-black .themed-overlined {
	text-decoration: overline solid #fff;
	-webkit-text-decoration: overline solid #fff;
}
/*search bar for subnavbar*/
.hidden-away, .page .hidden-away{
	display: none
}

.invisible{
	visibility: hidden;
}

.searchbar.search-sale.shown-down{
	opacity:1;
	display: flex;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.searchbar.search-sale{
	display: none;
	opacity:0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
/*END*/
.content-block.searchbar-not-found > p{
	align-items: center;
	justify-content: center;
	display: flex;
	height: calc(100vh/2);
}
/*##############################
/*###### CUSTOMERS PAGE ########
###############################*/
.content-block.my-table-headblock.my-header{
	padding: 0;
	width: 100%;
	position: fixed;
	z-index: 200;
}
.row.my-table-head{
	font-size: 12px;
	letter-spacing: 0.03em;
	vertical-align: middle;
	border-top-color: inherit;
	border-right-color: inherit;
	border-bottom-color: #8e8e93;
	border-left-color: inherit;
	height: 100%;
	box-sizing: border-box;
	align-items: center;
	margin: 0;
	color:#8e8e93;
}
.margintop-44{margin-top:44px;}
/*.row.customers-table-head.content-block-inner:after{height: 0px;}*/
#customer_list a, .my-list-table a{padding-right: 15px;}
.my-list-table > li div.item-title{font-weight: normal;}
.my-list-table .item-media.cus-mini-media{height: 40px; width: 40px;}
.my-list-table .item-subtitle, .my-list-table .item-text, body .small-text{font-size: small;}
.my-list-table > li div{font-size: medium;}
#cus_receipt_form, .rewards-perks .item-title, #cus_receipt_form input, #cus_receipt_form input::-webkit-input-placeholder{
	font-size:16px;
}
#cus_receipt_form input::-webkit-input-placeholder{color:#ccc;}

.cus-item-inner{align-items:center;}
.cus-item-inner::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #c8c7cc;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
body.layout-dark .cus-item-inner::after{background-color: #393939;}
.customers-table .item-text{
	height: auto;
	font-size: 0.8em;
}
.cus-item-content .center-right, .center-right{
	text-align: right;
	width: calc(100% - 2em);
	display: inline-block;
}
.alphanumeric-data, .align-center{text-align: center;}

.userdetails-footer, .staffdetails-footer{margin: 15px;}
.show-filtered:active {
    color: blue;
}
/*END*/

/*Searchbar for light theme*/
body.theme-lightblue .searchbar, body.theme-yellow .searchbar, body.theme-green .searchbar, #checkout_panel .card-header{
	background: #333;
}
/*for closed shift theme*/
body.theme-closed .login-screen-content, body.theme-closed .statusbar-overlay{
	/*background: radial-gradient(ellipse at 0% 0%, #eb562e 0%, #ff4155 0%);*/
	background:#222426;
	color:#6d6d72;
}
body.theme-closed .theme-color, body.theme-closed .login-screen-content .bottom-page, body.theme-closed .login-screen-content, body.theme-closed .login-screen-content .item-title {
	color: #6d6d72;
}
body.theme-closed, body.theme-closed .theme-background, body.theme-closed .button.active{
	background:#222426;
}

/*balance due button*/
#balancedue.color-red{
	color:#ff3b30;
	font-weight:800;
}

/*color themes for home buttons*/
.theme-green .home-button, .theme-green .staff-pic{
	border:1px solid #4cd964;
}
.theme-blue .home-button, .theme-blue .staff-pic{
	border:1px solid #007aff;
}
.theme-lightblue .home-button, .theme-lightblue .staff-pic{
	border:1px solid #5ac8fa;
}
.theme-yellow .home-button, .theme-yellow .staff-pic{
	border:1px solid #ffcc00;
}
.theme-pink .home-button, .theme-pink .staff-pic{
	border:1px solid #ff2d55;
}
.theme-orange .home-button, .theme-orange .staff-pic{
	border:1px solid #ff9500;
}
.theme-red .home-button, .theme-red .staff-pic{
	border:1px solid #ff3b30;
}
.theme-gray .home-button, .theme-gray .staff-pic{
	border:1px solid #8e8e93;
}
.theme-black .home-button, .theme-black .staff-pic{
	border:1px solid #000;
}
.theme-closed .home-button, .theme-closed .staff-pic, .theme-closed .button{
	border:1px solid #222426;
}
/*login screen & shift stuff*/
body.theme-closed a{
	color: #ffffff;/*#ff4155;*/
	text-decoration:underline;
}
body.theme-closed a.item-link.list-button, body.theme-closed .navbar a, body.theme-closed .navbar i{
	color: #6d6d72;/*#ff4155;*/
	text-decoration:none;
}

body.theme-closed .theme-background{
	background: #b72f20;
}
body.theme-closed .staff-mini-media.acronym, body.layout-dark.theme-closed .staff-mini-media.acronym {
	color:#222426;
	background:#fff;
}
.layout-dark div.Normal a.link.cancel-auth{
	color:#ddd;
}
body.layout-dark .content-block span.item-title.label.full{color:#ddd;}
body.layout-default .content-block span.item-title.label.full{color:#000;}
.color-btn-gray{color:#555; font-weight:100;}

.small-caps{
	font-variant: small-caps;
	font-size:small;
}
div.popup.popup-shift{
	overflow:hidden;
}

.list-block input.inputfield::-webkit-input-placeholder {
	color: #ccc;
}

body.layout-dark .list-block input.inputfield::-webkit-input-placeholder {
	color: #444;
}

body .list-block .with-narrow-height-fields input[type="text"], body .list-block .with-narrow-height-fields a.smart-select .item-content{
	height:32px;
}
body .customer-form .smart-select .item-after.default-country{
	max-width: 100%;
	padding:0;
	margin: 0;
}
body .customer-form ul .no-padding{padding:0;}
body .customer-form ul .no-min-height{min-height:0;}
body .customer-form ul .no-after:after{height:0;}
body .list-block .inputfield[required]::-webkit-input-placeholder {
	 font-weight: normal;
	 /*color: #ff3b30;*/
}
body label.error, body label.range-error{
	font-size: 0.8em;
	color: #ff3b30;
}
body div.item-input .inputfield.error::-webkit-input-placeholder, body div.item-input .inputfield.error::placeholder{
	font-style: italic;
}

body label.error::before, body label.range-error::before{
	font-family: 'Framework7 Icons';
	margin-right:3px;
}
body label.error::before{
	content:'hand_draw';
}
body label.range-error::before{
	content:'hand_raised_fill';
}
/*collapsible*/
body .collapsible-item-content {
	display: none;
	overflow: hidden;
	margin-left: 15px;
}

body .container-inner{
	width: 300px;
	margin-left: -5px;
}

body .collapsible-item-content:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #c8c7cc;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

body.layout-dark .collapsible-item-content:after {
	background-color: #393939;
}
	
html.pixel-ratio-2 .collapsible-item-content:after {
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}

body .list-block:not(.media-list) .collapsible-item-expanded:not(.media-item)>.item-inner {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
	background-size: 20px 20px;
}

body div.item-title.pending:before{
	font-family: 'Framework7 Icons';
	content:'circle_fill';
	font-size: 0.6em;
	vertical-align: middle;
	color:#007aff;
	margin-right:3px;
}

body .list-block .inputfield{color:#8e8e93}
div.text-right, input.text-right, a.text-right{text-align: right;}
div.text-left, input.text-left, a.text-left, .list-block .list-button.text-left{text-align: left;}
div.text-center, input.text-center, a.text-center{text-align:center;}
div.float-popup .calculator-row div[class*="col-"].calculator-button, div.float-popup .orange-buttons > div[class*="col-"].erase-button {
	height:80px;
	line-height:80px;
	font-size:2em;
}
div.float-popup .orange-buttons > div[class*="col-"].equal-button{
	background: #ffcc00;
}
div.float-popup .orange-buttons > div[class*="col-"].ok-button{
	height:240px;
	line-height:240px;
	font-size:2em;
}
div.orange-buttons .calculator-button i{line-height: inherit;}
div.calculator-button i, div.calculator-button.cancel-button i, div.calculator-button.backspace-button i{color:#333; font-weight: 100;}
div.popup-shift .login-screen-title, .login-screen-title{margin: 10px 0 0 0;}
div.sub-title{
	font-size: 0.8em;
	color: #555;
	height:20px;
}
input.float-amount{
	font-size: 2em;
	width: 60%;
	text-align: center;
	vertical-align: sub;
	border: 1px solid #ccc;
	border-radius: 10px;
	margin: 0px 10px;
}
div.float-row{
	font-size: 2em;
	text-align: center;
	display:flex;
	height: 150px;
	/*padding-top: 40px;*/
}
div.float-row-content{
	margin:auto;
}

span.float-type-amount{font-weight:600;}
/*Leading currency sign*/
/*
span.lead::before, div.lead::before, .lead::before{
	content:attr(data-currency-sign);
	margin-right:3px;
}
*/
/*Trailing currency sign*/
/*
span.trail::after, div.trail::after, .trail::after{
	content:attr(data-currency-sign);
	margin-left:3px;
}
*/
div.row .col-auto.cradle{
	/*padding:15px 0px;*/
	border-right: 1px solid #000;
	height: 100%;
}
div.row .col-auto.cradle:last-child{border-right: none;}
.float-type-title{margin:10px 0;}

body.theme-blue .login-screen-content .bottom-page a, body.theme-lightblue .login-screen-content .bottom-page a, body.theme-yellow .login-screen-content .bottom-page a, body.theme-red .login-screen-content .bottom-page a, body.theme-pink .login-screen-content .bottom-page a, body.theme-orange .login-screen-content .bottom-page a, body.theme-green .login-screen-content .bottom-page a {
	color: #131313;
	text-decoration: underline;
}
div.float-panel{
	background: #222426;
	height: 150px;
	text-align: center;
}
.popup-shift .navbar-inner .center div.buttons-row{
	width:200px;
	margin-left: 50px;
}
/*END FOR THEMES*/
label.item-content{
	cursor: pointer;
	/*color:red;*/
}
/*WHITE ICONS FOR CLEAR LAYOUTS*/
body.layout-default .views .navbar i.icon.icon-back{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
body.layout-default .views .navbar i.icon.icon-bars{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}

/*DARK ICONS FOR CLEAR LAYOUTS*/
body.layout-default.theme-yellow .views .navbar i.icon.icon-back{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23555555'%2F%3E%3C%2Fsvg%3E");
}
body.layout-default.theme-yellow .views .navbar i.icon.icon-bars{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23555555'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
}
/*END*/
.panel-adjust{width:calc(100% - 260px)}
.panel.panel-right.panel-reveal{
	background:#131313;
	font-size:17px;
}
div.panel .navbar{
	color:white;
}
div.extra-margin-left{
	margin-left:1.2em;
}
/*PANEL FIXES*/
/* navbar*/
.navbar.panel-navbar{height:64px}
.navbar.panel-navbar .cus-mini-media{margin-bottom:20px;height:60px;width:60px;}
.panel .navbar-inner{padding-top:40px;height:auto;}

.panel.panel-left.panel-reveal, .panel.panel-left.panel-cover  {background:black; font-size:17px;}
.panel.panel-left .cus-mini-media{margin-bottom:15px;height:60px;width:60px;}
/*pages*/
.panel .pages{margin-top:64px;}
.panel .page{background:black;margin-top: 35px;}

div{
	-moz-user-select: none;        
	-webkit-user-select: none;        
	user-select: none;
}
/*CORRECTION OF 100% HEIGTH BUG*/
/*div.tabs-animated-wrap, div.searchbar-overlay.items-search-overlay{*/
div.searchbar-overlay.items-search-overlay{
	height:calc(100% - 88px);
	overflow:hidden;
}

.rounded{
	border-radius:100%; 
}
.content-block.narrow, .item-inner.narrow, .list-block.narrow, .narrow{
	margin: 0;
	padding:0;
}
.content-block.narrow-margin, .item-inner.narrow-margin, .list-block.narrow-margin, .narrow-margin{
	margin: 0;
}
.smc-link{font-weight: 700;padding-top: 10px;}
.content-block.with-room, .item-inner.with-room, .list-block.with-room{
	margin: 10px 0;
	padding:0;
}
.no-margintop, .no-margin{
	margin:0;
}
.full-height{height:100%}
.bottom-15, content-block.bottom-15{
	margin-bottom:15px;
}
.item-content.no-padding{
	padding:0;
}
.no-padbottom, .page-content.no-padbottom{
	padding-bottom:0;
}
.full{
	width:100%;
	padding: 0;
}
.big15{
	font-size:1.5em;
}
.big18{
	font-size:1.8em;
}
.big20{
	font-size:2em;
	vertical-align: middle;
}
.big22{
	font-size:2.2em;
	vertical-align: middle;
}
.big30{
	font-size:3em;
}
.link.inshop.active-state, .row .link.active-state, #gc_senders_list li.pickme:active {
    opacity: 0.3;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}
input[type="search"]::-webkit-input-placeholder {
	text-align: center;
}
/* */
.cus-popup-picture.half{
	width:94px;
	height:94px;
	margin-left: calc(50% - 106px*0.5);
}
.content-panel{
	/*height: calc(100vh - 44px);/*on tablet???*/
	height: 100%;
	box-sizing: border-box;
}
/*
#cardnumber.gcnumber{
	background-repeat: no-repeat;
	background-position: 0px center;
	background-image:url(../img/giftcard_fill.svg);
	background-size: 25px;
	padding: 0 30px;
}
*/
.button-bottom{
	position: absolute;
	bottom: 13px;
	width: 100%;
}
.check-not-ok::before{
	font-family: 'Framework7 Icons';
	content:'multiply_circle';
	margin-right:3px;
}
.check-ok::before{
	font-family: 'Framework7 Icons';
	content:'checkmark_circle';
	margin-right:3px;
}
.gcnumber-clear{
	position: absolute;
	width: 45px;
	height: 45px;
	right: 0;
	top: 0;
	opacity: 0;
	pointer-events: none;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
	-webkit-background-size: 14px 14px;
	background-size: 17px 17px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	cursor: pointer;
}
#reader > div.results{padding: 15px 0; font-size: 17px;text-align: center;}
.giftcard-processor-container{
	display: flex;
	align-items: center;
	flex-direction: column;
}
/*
div#checkout_panel .card-header, div#checkout_panel .pmt-slide-block .card-content-inner{
	padding: 20px;
}
*/
div#checkout_panel .header-block{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 44px;
	align-items: center;
	font-size: 14px;
}
.swiper-slide.pmt-slide .slide-block .card-content-inner > div{
	text-align: center;
}
.swiper-slide.pmt-slide .tr-feedback{display:flex; justify-content: space-between; margin:0px; font-size: 17px;}
.swiper-slide.pmt-slide .tr-feedback .tr-icon i{font-size: 50px;}

.swiper-slide.pmt-slide .row.tr-loyalty-rewards{height: 50%}
.swiper-slide.pmt-slide .row div.col-50:last-child{
	border-left: 1px solid #ccc;
}
.swiper-slide.pmt-slide .loyalty-graph{width: 100%; height: 130px;}
.swiper-slide.pmt-slide .card-footer{
	position:absolute;
	bottom:30px;
	width:100%;
	padding:5 15px;
}
.swiper-slide.pmt-slide .pmt-slide-block .card-footer{
	bottom:50px;
}
.card-button{
	position:absolute;
	bottom:10px;
	width: 100%;
}
.card-button p{
	display:flex;
	justify-content: center;
}
.swiper-slide.pmt-slide{
	width: calc(100% - 100px);
	margin-left: 0px;
	margin-right: 0px;
	/*height: calc(100% - 50px);*/
}
.pmt-block-title{
	display: flex;
	justify-content: space-between;
	height: 36px;
	align-items: center;
	margin: 10px;
}
.pmt-title{
	display: flex;
	align-items: flex-start;
}
.pmt-title > span{margin-left:5px;}
.amount-block{
	font-size: 17px;
	font-weight: 700;
	margin-left: 10px;
}
.amount-icon{
	font-size: 29px;
	font-weight: 100;
	margin-right: 10px;
}
div.pmt-block-title .pmt-block-amount{margin-left: 5px;}
.pmt-block-title .amount-block .f7-icons{margin: 0 17px 0 5px;}

#checkout_panel .rewards-perks div.item-subtitle{text-align: left;}
#checkout_panel .rewards-perks div.item-subtitle > i{margin-right: 2px; font-size: 0.8em;}

body.layout-dark .swiper-pagination-bullet{background:#ccc;}

div#checkout_panel .card-header a.link i+span {
	margin-left:-9px;
}

#checkout_panel .list-block.tr-receipt li > a.item-link{padding-left: 0px}

.weight-700{
	font-weight:700;
}
i.icon.icon-form-facebook{
	width: 29px;
	height: 29px;
	background-image: url("../img/i-form-facebook.png");
}
span.checkout-feedback, .views .to-uppercase{
	text-align:center;
	font-weight: 700;
	text-transform: uppercase;
}
span.checkout-feedback .feedback-txt{font-size: 18px;}

div.tr-icon-txt span{margin-right:3px}
div.tr-icon-txt i{font-size:1em;margin-right: 1px;}

span.emphasized, div.emphasized{
	font-size:1.3em;
}
span.bolded, div.bolded{font-weight:bold;
}
body.layout-dark .card-footer{color: #fff;}
body.layout-default .card-footer{color: #000;}

.swiper-pagination.checkout-pagination{bottom: 18px;}
.popover.popover-checkout{
	width:360px;
	height:408px;
}
.popover .popover-inner, .popover .view, .popover-checkout-view{border-radius: 13px;}

.popup-checkout input.tender-amount, .popover-checkout input.tender-amount{
	font-size: 0.9em;
	color:white;
	width: 100%;
	text-align: center;
	vertical-align: sub;
	background: initial;
}
ul#split-list i.f7-icons{
	font-size:25px;
}
.payment-panel{
	text-align:center;
	height: 100%;
}
.payment-panel .payment-amount-title{
	font-size:0.8em;
	text-align:center;
 }
.payment-panel .panel-block{padding:20px 0;}

.payment-panel .panel-footer{
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	padding: 15px 15px;
	box-sizing: border-box;
}
/*
body .modal.modal-in .input-field::after{
	margin-left:3px;
	font-family: 'Framework7 Icons';
	content:'qrcode_viewfinder';
}
*/
body .section-title, #checkout_panel .loyalty-title{
	text-transform: uppercase;
	margin: 10px 0px 5px 0px; 
	font-size: 17px;
	font-weight: 900;
}

/*
.payment-panel .panel-footer{
	min-height: 44px;
	position: relative;
	padding: 10px 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
*/
i.f7-icons.size-12 { font-size: 12px }
i.f7-icons.size-14 { font-size: 14px }
i.f7-icons.size-16 { font-size: 16px }
i.f7-icons.size-17, .size-17 { font-size: 17px }
i.f7-icons.size-18 { font-size: 18px }
i.f7-icons.size-19 { font-size: 19px }
i.f7-icons.size-21 { font-size: 21px }
i.f7-icons.size-22 { font-size: 22px }
i.f7-icons.size-settings { font-size: 18px }
i.f7-icons.size-24 { font-size: 24px }
i.f7-icons.size-25 { font-size: 25px }
i.f7-icons.size-26 { font-size: 26px }
i.f7-icons.size-27, i.size-27 { font-size: 27px }
i.f7-icons.size-28 { font-size: 28px }
i.f7-icons.size-29, i.size-29 { font-size: 29px }
i.f7-icons.size-30 { font-size: 30px }
i.f7-icons.size-32 { font-size: 32px }
i.f7-icons.size-36 { font-size: 36px }
i.f7-icons.size-48 { font-size: 48px }
i.f7-icons.size-50 { font-size: 50px }
i.f7-icons.size-64 { font-size: 64px }
i.f7-icons.size-equivalent { font-size: 1em }
i.f7-icons.size-bigger, .size-bigger { font-size: 1.2em }
i.f7-icons.size-x2, .size-x2 { font-size: 2em }
i.f7-icons.size-x3, .size-x3 { font-size: 3em }
i.f7-icons.size-x5, .size-x5 { font-size: 5em }
i.f7-icons.size-x8 { font-size: 8em }
i.f7-icons.size-x10 { font-size: 10em }

.f7-icons[data-icon]:before {
	content: attr(data-icon);
	color: inherit;
}

.fw-100{font-weight:100}
.fw-900{font-weight:900}

.left-right{
	bottom:15%;
	position:absolute;
	-webkit-animation:linear infinite alternate;
	animation: linear infinite alternate;
	-webkit-animation-name: run;
	animation-name: run;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}     
@keyframes run {
    0% { left: 0;}
    50%{ left : 100px;}
    100%{ left: 0;}
}

i.f7-icons.circled{
	border: 5px solid;
	border-radius: 100%;
	padding: 10px;
	font-weight: 900;
}
i.f7-icons.squared{
	border: 3px solid;
	border-radius: 6px;
	padding: 20px 5px 5px;
	font-weight: 600;
}
i.f7-icons.size-menu{
	font-size: 28px;
}
/* this will add space between the icon on the navbar*/
.view .navbar .left a+a {/*, .navbar .right a+a */
	margin-left: 1.4em;
}
/* CART STUFF */
body.layout-dark #cart, body.layout-dark #pmt_panel{
	background:silver;
	/*-webkit-box-shadow:inset 0 0 5px #000000;*/
}
.myhide{
	display:none;
}
a.price-book-link.button.button-fill{
	text-align:center;
	display: inline-block;
	font-weight: 300;
	background:#333;
}
a.price-book-link::before{
	font-family: "Framework7 Icons";
	content:"book_circle";
	position: relative;
	margin-right: 5px;
	vertical-align: initial;
	font-size: 16px;
	color: #fff;
}
.sub-actions{
	font-size:1.8em;
	font-weight: 100;
	padding: 0px;
	color:#333;
	height:44px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	display:-webkit-flex;
	align-items: center;
}
.sub-actions div{
	-webkit-flex-basis:auto;
	flex-basis: auto;
	margin: 0 6px;
}
.sub-actions div.active-state{
	opacity:0.3;
}
.remove-item.icon{
	padding-top: 5px;
	font-size: 20px;
	display: inline-block;
}
body .info-badge{margin-left: 5px;}
.themed-badge{
	border-radius: 50%;
	padding:0 2px;
}
.scr-badge{
	/*display:none;*/
	background-color: #ff3b30;
	color: white;
	z-index: 1000;
	border-radius: 16px;
	position: relative;
	min-width: 16px;
	min-height: 16px;
	/*font-size: 0.8em;*/
	text-align: center;
	margin: -20px 0 0 -9px;
	font: 11px "Helvetica Neue", Helvetica;
	font-weight: 600;
	padding: 1px;
	line-height:16px;
}
.scr-badge1, .scr-dot-below{
   position:relative;
}

.scr-badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   z-index: 1000;
   top:-7px;
   right:-7px;
   /*font-size:0.5em;*/
   font: 11px "Helvetica Neue", Helvetica;
   font-weight: 600;
   padding: 1px;
   background:#ff3b30;
   color:white;
   width:16px;
   height:16px;
   text-align:center;
   line-height:16px;
   border-radius:50%;
   /*box-shadow:0 0 1px #333;*/
}
.scr-badge-top[data-badge]:after {
	content:attr(data-badge);
	position:absolute;
	z-index: 1000;
	top:3px;
	right:-6px;
	font: 11px "Helvetica Neue", Helvetica;
	font-weight: 600;
	padding: 1px;
	background:#ff3b30;
	color:white;
	min-width:16px;
	min-height:16px;
	text-align:center;
	line-height:16px;
	border-radius:50%;
 }
 .scr-badge-right[data-badge]:after{
	content: attr(data-badge);
	display: inline-block;
	margin-left: 5px;
	font: 0.9em "Helvetica Neue", Helvetica;
	padding: 2px;
	background: #ff3b30;
	color: white;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
 }
 .scr-dot-below:after{
	content: '';
	position: absolute;
	z-index: 1000;
	top:26px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #333;
 }
 #promo_and_discounts{
	font-size: 0.8em;
	font-family: 'Helvetica Neue', Helvetica;
	border-radius: 20%;
 }
.discount-sale-on, i.flaticon-sale13.discount-cart.discount-sale-on{
	color:#ff3b30;
}
.item-redeemed-icon{
	margin-right: 3px;
	font-size: 16px;
}
.qty{
	min-width: 33px;
	height: 30px;
	background: #8e8e93;
	font-size: 0.9em;
	line-height: 200%;
	color: #fff;
	text-align: center;
	border-radius: 20%;
	padding: 0 1px;
	box-sizing: border-box;
}
body .qty.disabled{opacity: 1;}
.setting{
	padding: 3px;
	border-radius: 7px;
}
div.app-style{text-transform:capitalize;}
.setting-value{
	text-align: right;
	color:#CCC;
}
span.slider-value{
	border: 1px solid gray;
	margin-left: 10px;
	border-radius: 3px;
	/*padding:0 1px 0 1px;*/
}

.view.cartdiscount-view div.subnavbar{justify-content: center;}
.view.cartdiscount-view div.subnavbar a {height: 29px;}

.cart-totals i.discount-infos{vertical-align: text-bottom;}
/*
div.range-slider-input::before{
	content:attr(data-range-value);
	border: 1px solid gray;
	margin-left: 10px;
	border-radius: 3px;
	padding:0 1px;
}
*/
.pmts-methods-slide{
	min-height:calc(100vh - 44px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body.layout-dark .qty, body.layout-dark .discount-infos.badge{
	background: #8e8e93;
	color:#131313;
}
span#qtyunits{
	display: block;
	font-size: 0.5em;
	line-height: 0px;
}

body.layout-default .generaltotal, body.layout-default .generaltotal-title, body.layout-default .list-block input.buttontotal{
	font-weight:900;
	color:white;
}

.generaltotal-title{
	text-align:left;
}
.discounter .item-title.label{
	width:75%;
	color:white;
}
.cart-totals input[type="text"], #checkout_panel input[type="text"]:not(.aligned-left){
	text-align:right;
}
body.theme-yellow .list-block .content-button input.totalgeneral, body.theme-yellow .generaltotal, body.theme-yellow .generaltotal-title, body.theme-yellow div[class*="col-"].set-gc-amount.selected-amount{
	color:#333;
}
.popover-item-variants .item-after{
position: absolute;
right: 35px;
top: 11px;
}

.popover-item-variants .variants-slide{height:auto;}
.popover-item-variants .variants-toolbar-inner{font-size: 0.8em; font-weight: 500;}
.popover-item-variants .variants-toolbar-icon{margin:0 5px;}
.popover-item-variants .variant-navigator::before{
	font-family: "Framework7 Icons";
	content:"qrcode_viewfinder";
	font-size: 1em;
	font-weight: 500;
	margin-right:5px;
}

body .modifiers:not(:empty)::before{
	font-family: "Framework7 Icons";
	content:"info_circle";
	margin-right:1px;
}
body .notes:not(:empty)::before{
	font-family: "Framework7 Icons";
	content:"doc_text";
	margin-left: 2px;
}
/* Pin code entry page stuff */
.upincode{
	display:none;
}
.home-button{
	/*border:1px solid #4cd964;*/
	height:80px; 
	min-width:70px; 
	text-align:center;
	font-size:2.5em;
	line-height: 2.2em;
	margin: 5px;
	font-weight:100;
}
.home-button.normal{
	border:0px solid #bbb;
	font-size:1.6em;
	line-height:3.6em;
	-moz-user-select: none;        
	-webkit-user-select: none;        
	user-select: none;
}
.home-button.normal a{color:#000;}
.home-button.rounded.active-state{
	/*background:#4cd964;*/
	opacity: 0.3;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
	color:#fff;
	-moz-user-select: none;        
	-webkit-user-select: none;        
	user-select: none;
}
.home-button.del-char{
	font-size: 2.2em;
	line-height: 3em;
	border:0;
	padding-top:10%;
}

.home-button.del-char.active-state{
	opacity: 0.3;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}
.pin-panel{
	margin:0 auto; 
	width:270px;
}
.pin-dot{
	border:1px #bbb solid;
	border-top-width: 1px;/*get rid of the framework input border top width*/ 
	border-radius:100%; 
	background:none; 
	width:14px; 
	height:14px;
}
.pin-dot input{
	border: 0px;
	background: none;
	width: 12px;
	height: 12px;
	padding:0px;
	border-radius:100%;
}
.pin-dots-box{
	margin:0 auto; 
	width:134px;
}
.pin-dots-box > div{
	margin:15px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content: space-between;
}
div.pinpad-message{
	text-align:center;
	margin: 20px 0px 15px 0px;
	font-weight: 500;
}
.small-media-swiper{height:75px; margin-top:10px;}
.swiper-authorised-staff>.swiper-pagination-bullets{
    bottom: 10px;
    left: 0;
    width: 100%;
}
.badge.vip, .badge.regular, .badge.local, .badge.new{
	width: auto;
	text-align: center;
	color: #333;
}

.row.myflex, .calendar-custom-toolbar .myflex{
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	align-items: center;
	width:100%;
	position: relative;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.row .item-options{
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	flex-shrink: 1;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
div.item-after.price{
	-webkit-align-items: baseline;
	align-items: baseline;
}
.row .old-price{
	white-space: nowrap;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	flex-shrink: 0;
	margin-left: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.item-pic{
	height: 150px;
	border: 1px solid red;
}
div.row.tight.qty-calc{
	width:100%;
}
input.qty-input.qty-target{
	height: 50px;
	text-align: center;
	font-weight: 500;
	font-size:1em;
}
div[class*="col-"].panel-qty{
	text-align: center;
	border-radius:5px;
	height: 50px;
	font-size: 2em;
	font-weight: 500;
	line-height: 40px;
}
div[class*="col-"].panel-qty.display-qty, .display-editable{
	background:none;
	padding: 0px;
	/*margin: 0 6px;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

div[class*="col-"].panel-qty.display-qty{margin: 0 6px;}

body .panel-qty.button i.f7-icons{
	font-size: 24px;
	font-weight: bolder;
	line-height: 50px;
}
/*
.display-editable.edited, div[class*="col-"].panel-qty.display-qty.edited{
	border:1px solid #ff9500;
	background:none;
	padding: 0 3px;
}
body input[type=text].edited{
	border: 1px solid orange;
	border-radius: 13px;
	color: orange;
	padding-right: 10px;
}
*/
body.layout-dark .popover .list-block input[type=text].inputfield.dim, body.layout-dark .dim{color: #555;}
body.layout-default .dim{color: #eee;}
div[class*="col-"].panel-qty.active-state{
	opacity: 0.6;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}
.display-editable{
	border-radius: 6px;
	width: 100%;
	text-align:left;
}
/*input.align-right, ul#itemoptions .display-editable input, ul.customize-sale .display-editable input{*/
input.align-right{
	text-align:right;
}
div.popover-inner, .layout-dark .popover .popover-angle::after, .popover.layout-dark .popover-angle::after{
	/*box-shadow: 1px 1px 5px #4d4443;*/
	box-shadow: rgba(255,255,255,0.7) 0px 0 1px;
}
/*END*/

div.center-item{
	margin:0 auto;
}
/* CUSTOMER POPUP STUFF */
a.link.inshop .cusinfo, a.link.inshop .searchbar-txt{
	/*margin-left: 10px;*/
	line-height: 0px;
	font-size: 14px;
}
a.link.inshop:not(.centered){
	display: flex;
	align-items: center;
}
.removecus{
	color: #8e8e93 ;
	font-size: 1em;
}
body span.cusinfo::after{
	content: attr(data-cusloyaltystatus);
	font-size: 0.6em;
	margin: 0 0 0 3px;
	padding: 1px;
	vertical-align: middle;
}
/*##### details picture border*/
.vip{color:#d1b555;}
.regular{color:#a8a9ad;}
.local{color:#c58867;}
.new{color:paleturquoise;}
.yes{color:#ff2d55;}

#newcus_pic{
	position: relative;
	display: none;
	height:250px;
	width: 200px;
	-moz-opacity:0 ;
	opacity: 0;
	/*filter:alpha(opacity: 0);*/
	-webkit-filter: opacity(0);
	filter: opacity(0);
	z-index: 2;
}

.cus-popup-picture.new, .cus-mini-media.new{
	border-color: paleturquoise;
}
.cus-popup-picture.local, .cus-mini-media.local{
	border-color: #c58867;
}
.cus-popup-picture.regular, .cus-mini-media.regular{
	border-color:#a8a9ad;
}
.cus-popup-picture.vip, .cus-mini-media.vip{
	border-color:#d1b555;
}

.badge.vip{
	background-color:#d1b555;
}

.badge.regular{
	background-color:#a8a9ad;
}
.badge.local{
	background-color:#c58867;
}
.badge.new{
	background-color:paleturquoise;
}
.cus-popup-picture{
	background:url(../img/assets/people/nopic.jpg) no-repeat;
	background-size:100% 100%;
	border-radius: 100%;
	height: 150px;
	width: 150px;
	border-style:solid;
	border-width:6px;
	margin: 0 auto;
}
.cus-pic-status {
	text-align: center;
	font-size: small;
	margin-top: 15px;
}
.top-margin-20{margin-top: 20px;}
/*.cus-pic-status > span:not(.picture-msg){text-transform:uppercase; font-weight: bold;}*/
.cus-pic-status > span:first-child{text-transform:uppercase; font-weight: bold;}
.pic-and-details-container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}
.verif-question{
	font-size: 1.2em;
	text-transform: none;
	font-weight: 500;
	text-align: center;
}
body.layout-dark .verif-question{color: white;}
body.layout-default .verif-question{color: black;}

a#userconfirm{
	background-color: #4cd964;
}
div.cus-pic-status span.milestone::before{
	font-family: "Framework7 Icons";
	content:"status";
	margin-right: 2px;
}
div.cus-pic-status span.accountnr::before{
	font-family: "Framework7 Icons";
	content:"creditcard";
	margin-right: 2px;
}
/*### Contact list stuff #### */
.contacts-container{
	height:409px;
}
#contact_list{
	height:auto;
}
.navbar .right a.link{font-weight:bold}
.panel-links i.f7-icons{margin-right: 15px;}
.panel-links a{
	display: flex;
	align-items: center;
}

/*### gift card sender list ###*/
.gc-sender-container{ height:462px;}
#gc_senders_list{height:auto;}
.contacts-block{margin-top: -19px;}

.show-character-count:after {
	content:attr(data-count-characters);
	color:gray;
	font-size: 0.6em;
	margin-left: 2px;
 }

/*### home page staff list styles*/
.store-staff-container{
	height:160px;
	margin-top: 50px;
}
div.content-block.bottom-page{
	position: absolute;
	box-sizing: border-box;
	bottom: 10px;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0 35px 0px 35px;
}
.rotate-poster{
	font-size: 7em;
	transform: rotate(15deg);
}
.rounded-mini-media {
    /*background: url(../img/assets/people/augustin.png) no-repeat;*/
    background-size: 100% 100%;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto;
    border: 2px solid #ccc;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 400;
    /*border-width: 4px;*/
}
.cradle-content-media{
    height: 100px;
	font-size: 2.5em;
	font-weight: 400;
	display: flex;
}
div.cradle-title-row{
	display: flex;
	box-sizing: border-box;
	padding: 2px 0;
	height: 24px;
}
a.money-qty{
	line-height: 24px;
	padding: 0px;
	text-decoration: none;
	margin: auto;
}
div.cradle-content{
	position: relative;
}
img.cradle-money-img.coin-img{
	object-fit: contain;
	margin: auto;
	height:50px;
}
img.cradle-money-img.banknote-img{
	object-fit: contain;
	margin: auto;
	height:100px;
}
.center-vertical{
	margin: auto;
}
input.picker-input{	
	visibility: hidden;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	position: relative;
}
div.money-picker-target{
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 20%;
	width: 100%;
}
.money-picker{
	color:red;
}
.picker-item span{
	display:block;
}

img.rotated-90deg {
	-webkit-transform:rotate(90deg) scale(0.9);
	transform:rotate(90deg) scale(0.9);
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	/*height:74px;
	max-width:74px;*/
}
div.coin, div.banknote{
	font-size: 0.5em;
	line-height: 15px;
	text-align: center;
	height: 15px;
	border: double;
}
.popover.popover-cradles .list-block:first-child li:first-child a, .popover.popover-cradles .list-block:last-child li:last-child a{border-radius: initial;}
/*old
span.coin{
	border: double;
	border-radius: 100%;
	font-size: 0.6em;
	padding: 0 4px;
}
span.banknote{
	border: double;
	font-size: 0.4em;
	padding: 1px 8px;
}

span.coin{
	border: solid 1px;
	border-radius: 100%;
	font-size: 0.6em;
	padding: 1px 5px;
}

span.banknote{
	border: 1px solid;
	font-size: 0.6em;
	padding: 1px 8px;
}
*/
span.badge-for-coin{
	margin: 20% 0 0 12%;
}
span.badge-for-banknote{
	margin: -12% 0 0 15%;
}
div.popover.popover-picker-columns{
	width:120px;
}
.money-badge {
	color: white;
	z-index: 1000;
	border-radius: 16px;
	position: absolute;
	min-width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 1em;
	text-align: center;
	font-weight: 600;
	padding: 3px;
}
.badge-for-reedeems {
font-size: 12px;
display: inline-block;
color: #fff;
background: #8e8e93;
border-radius: 18px;
padding: 0 3px;
height: 16px;
line-height: 16px;
box-sizing: border-box;
text-align: center;
}
div.popover.popover-cradles{
	width:250px;
}
img.cradle-list-img{
	height:22px;
	object-fit:contain;
}
.cradle-qty-active, a.cradle-qty-active{
	padding: 2px 1px;
	background-color: black;
	border: 1px solid #fff;
	margin-left: 1px;
}
div.list-block.space-around{
	margin: 20px -1px;
}

.store-staff-slide .staff-mini-media{
	/*background: url(../img/assets/people/augustin.png) no-repeat;*/
	background-size: 100% 100%;
	height: 100px;
	width: 100px;
	line-height:100px;
	text-align:center;
	border-radius: 100%;	
	margin:0 auto;
	border-style: none;
	font-size:3em; 
	text-transform:uppercase; 
	font-weight:400;
	/*border-width: 4px;*/
}
.store-staff-block .staff-timer, .store-staff-block .staff-title, .authorized-staff-slide .staff-title{
	font-size: 1em;
	text-align: center;
}
body .blocked-staff::before{
	font-family: "Framework7 Icons";
	content: "lock_shield";
	margin-right: 3px;
}
body .staff-name::before{color:#ff3b30}

body .item-subtitle i.f7-icons, body .content-block-title i.f7-icons {margin-right:3px;}

div.pinpad-buttons .swiper-button-next, div.pinpad-buttons .swiper-button-prev{height: 24px;}

body .item-title.hasaddress::after{
	font-family: "Framework7 Icons";
	content: "placemark_fill";
	margin-left:5px;
}

/*### checked in customers styles*/
ul#checkedin-list.checked-in-cus{
	background: black;
	padding:5px 0;
}
.ci-cus-container{
	height:110px;
}
.checkedin-cus-block{
	margin: 0 auto;
	width: 87px;
}
.checkedin-cus-block .cus-timer, .checkedin-cus-block .cus-title{
	font-size: 0.7em;
	text-align: center;
}
.checkedin-cus-block .cus-mini-media, .cus-mini-media{
	background:url(../img/assets/people/default.jpg) no-repeat;
	background-size:100% 100%;
	height:40px;
	width:40px;
	border-radius:100%;
	margin: 0 auto;
	border-style:solid;
	border-width:3px;
}
.cus-mini-media.in-searchbar{
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.content-button{
	margin:0;
	padding:5px 3px;
}
body.layout-dark .content-button{
	background: #1c1d1f;
}
#checkout_pmt.locked{
	border-color:#8e8e93;
	color:#8e8e93;
}
#smc_items .item-subtitle{
	font-size:11px;
}
#smc_items{height:auto; box-sizing: border-box;}

#smc_items li.swipeout div.item-after.price[data-discount-icon="true"]::before{
	font-family: "Flaticon";
	content:"\e0ab";
	font-size: 1em;
	margin: 0px;
}
#smc_items li.swipeout .bundle::before{
	font-family: "Framework7 Icons";
	content:"link";
	font-size: 0.8em;
	margin-right: 3px;
}

body .animated.fastest{
	--animate-duration: 0.18s;
	/*color:#ff6600;*/
}

body .mydisabled{pointer-events: none;}

#smc_items li.swipeout div.item-after.price[data-pb-icon="true"]::after{
	font-family: "Framework7 Icons";
	content:"book_circle";
	font-size: 1em;
	margin: 0 0 0 2px;
}

.item-subtitle .old-price{
	text-decoration:line-through;
	text-align:right;
}
.item-options{
	overflow: hidden;
	text-overflow: ellipsis;
}
/*Loyalty stuff */
#redeemstatus{
	font-size: 0.8em;
}
.item-subtitle .punch {
	color:#8e8e93;
}
.item-subtitle .selected {
	color:white;
}

span.not-achieved{
	color:#8e8e93;
	border:1px solid #8e8e93;
	text-decoration: none;
	text-align: center;
	display: block;
	border-radius: 5px;
	line-height: 27px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none;
	padding: 0 10px;
	margin: 0;
	height: 29px;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	font-family: inherit;
	
}
/* WIDGETS */
.metric-block.orange{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(238, 204, 169, 1)), to(rgba(206, 112, 15, 1)));
}
.metric-block.gray{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(220, 215, 238, 1)), to(rgba(156,158,160,1)));
}
.metric-block.red{
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(237, 135, 135, 1)), to(rgba(206, 33, 31, 1)));
}
.metric-block.blue {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(123, 202, 241, 1)), to(rgba(9, 72, 157, 1)));
}
.metric-block{
	border-radius: 6px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%;
	color: white;
	margin-bottom:10px;
	
}
.metric-content{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	width:100%;
}
.metric-inner{
	padding-right: 15px;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.metric-inner-block{
	border-bottom:1px solid #fff;
}
.metric-title-row, .metric-subtitle-row, .metric-extra-row{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.metric-subtitle-row, .metric-extra-text, .metric-extra-text-after{
	font-size:0.8em;
}
.metric-title, .metric-text, .metric-extra-text{
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	flex-shrink: 1;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
.metric-after, .metric-text-after, .metric-extra-text-after{
	white-space: nowrap;
	color: #fff;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	flex-shrink: 0;
	margin-left: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-height: 28px;
}

body .metric-block .metric-graph{display: block; box-sizing: border-box; height: 100px; width: 324px;}

.loyalty-chart-box{
	height: 150px;
	width: 150px;
	margin: auto;
}
/* MY PICKER */
div.mypicker{
	position: absolute;
	-webkit-transform: translateY(550px);
	transform: translateY(550px);
	width: 100%;
	height:240px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
div.mypicker.move-up{
	-webkit-transform: translateY(310px);
	transform: translateY(310px);
	z-index: 999;
}
div.mypicker.move-up.with-display{
	-webkit-transform: translateY(calc(100% + 15px));
	transform: translateY(calc(100% + 15px));
	z-index: 999;
}
/*CALENDAR*/
.calendar-custom-toolbar > .toolbar-inner{font-weight: 600;}
.calendar-custom-toolbar .toolbar-inner .buttons-2{width: 60px;}
.calendar-custom-toolbar .toolbar-inner i{font-weight: bold; font-size: 24px;}

/*END*/

/*CALCULATOR*/
.content-block-inner.with-picker:after{
	height:0px;
}

.popover.popover-calculator{
	width:240px;
	z-index:15000;
}
body .picker-calendar-week-days{
	text-transform: uppercase;
	color: #8e8e93;
}
.picker-calendar-row:after{
	height:0px;
}
.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before, .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before, .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before, .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{
	height:0;
}
.picker-calendar-day.picker-calendar-day-next, .picker-calendar-day.picker-calendar-day-prev{
	visibility: hidden;
}
/*
.row.calculator-row:nth-child(even)  > div[class*="col-"]{
	background:#bbb;
}
*/
/*SCROLLABLE*/
.scrollable{
	overflow:auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.scrollable *{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0, 0, 0);
}
div.popover-style{
	min-height:240px;
}
div.popover-style.mini {
	height: 110px;
	min-height:110px;
}
div.toggle-height{
	min-height:550px;
	max-height:550px;
}
.row .orange-buttons > div[class*="col-"]{
	background:#ff9500;
}
.row .white-buttons div[class*="col-"]{
	background:#fff;
}
.row .gray-buttons div[class*="col-"]{
	background:#ddd;
}
body.layout-dark .row .gray-buttons div[class*="col-"]{
	background:#ddd;
}
/*let's make the orange buttons flex*/
.orange-buttons{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height:240px;
}
.calculator-row div[class*="col-"].calculator-button, .orange-buttons > div[class*="col-"]{
	height: 60px;
	box-sizing: border-box;
	text-align:center;
	font-size: 1.5em;
	font-weight: 100;
	line-height: 60px;
	color:#000;
}
/*
.orange-buttons div[class*="col-"].ok-button{
	height:180px;
}
.orange-buttons div[class*="col-"].ok-button.short{
	height:120px;
}
*/
.calculator-row div[class*="col-"].calculator-button.active-state, .orange-buttons > div[class*="col-"].active-state {
    opacity: 0.3;
	background:#e3e3e3;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
}
div[class*="col-"].calculator-button.highlight{
	color: #ff9500;
	font-weight: 400;
}

.layout-dark .popover-calculator .popover-angle::after{
	background:#ddd;
}
.displaybar, .picker-display{
	text-align: right;
	padding: 10px;
	font-size: 2em;
	font-weight: 200;
	display: flex;
	justify-content: space-between;
}
.popover-checkout .displaybar{
	padding: 0px 10px;
	font-size: 3em;
	font-weight: 300;
}
.infobar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	padding: 0px 10px;
	font-size:0.8em;
	height:60px;
}
.popover-checkout .popover-angle.on-top:after{
	background:black;
}
  
.discount-type{
	margin-top: -6px;
	font-size: 0.7em;
	margin-right:3px;
	vertical-align: bottom;
}
.discount-type > i{margin:0 3px;}
span.calculator-displaybar{
	margin-left: 10px;
	display: inline-block;
	min-width: 20px;
	align-self: flex-end;
	flex-grow: 1;
}
.calculator-info{
	text-align:center;
	padding:10px;
	height:60px;
}
.needauth div.item-title::after{
	/*content:"<span class='flaticon-password4'></span>";*/
	color:red;
}
.prompted-li, .prompted-label{
	color:#ff9500;
}
.needauth div.item-media img, .no-needauth div.item-media img{
	width:24px;
	height:24px;
}
ul li.modifier div.item-title::after{
	content:attr(data-supplement);
	/*border:1px solid #8e8e93;
	border-radius:6px;
	padding:0 3px;*/
	margin-left:5px;
	text-transform: capitalize;
}
ul li.modifier div.item-title::before{
	content:attr(data-sign);
}
ul li.modifier div.item-title::before, li.authok div.item-title::before, li.no-authok div.item-title::before{
	/*border:1px solid #8e8e93;*/
	border-radius:6px;
	margin-right:10px;
	background: #8e8e93;
	padding:0 3px;
	width: 24px;
	height: 24px;
	text-align: center;
	display: inline-block;
}
li.authok div.item-title::before{
	content:"%";
}
li.no-authok div.item-title::before{
	content: "M";
	padding: 0 4px;
}
div.itempic .free-price{
	color:white;
	background:rgba(0, 0, 0, 0.6);
	height:inherit;
	text-align: left;
}
div.popover a.input-clear{
	width: 30px;
	height: 30px;
	margin-left: 10px;
	padding: 0;
	opacity: 0;
	background-position: right;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	cursor: pointer;
}
div.popover a.input-clear.activated{
	opacity:1;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
div.itemspage{
	padding: 0;
	margin-top:0px;
}
div.itemspage-search{
	/*padding:6px 0;*/
	padding: 0;
	margin-top:6px;
}
body.layout-default div[class*="col-"].register-button{
	background:#fff;
}

div[class*="col-"].register-button{
	background:silver;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	height:90px;
	border-radius:10px;
	color:#000;
	box-sizing: border-box;
	border:0px;
	padding:6px;
	-moz-user-select: none;        
	-webkit-user-select: none;        
	user-select: none;
}
div[class*="col-"].register-button.no-display, .no-display{
	visibility:hidden;
}
div[class*="col-"].register-button.active-state{
	opacity: 0.3;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
div[class*="col-"].set-gc-amount{
	height: 40px;
	font-size: 0.8em;
	font-weight: 400;
	text-align:center;
	vertical-align: middle;
	box-sizing: border-box;
	-moz-user-select: none;        
	-webkit-user-select: none;        
	user-select: none;
	padding:6px;
}
ul#itemoptions input, ul#itemoptions textarea, ul.customize-sale input, ul.customize-sale textarea{
	font-size:initial;
}
#products_pages .itemspage div.row, #products_pages .itemspage-search .row, #pmtmode_buttons .row, .search-items-here.item-found .itemspage-search div.row{
	margin:6px 0;
}
.row .col-33.register-button {
	width: -webkit-calc((100% - 6px*2) / 3);
}
.row .col-20.set-gc-amount {
	width: calc((100% - 5px*4) / 5);
}
.row .col-16{
	/*width:16.6666667%;*/
	width: calc((100% - 6px*5) / 6);
}
textarea.narrow-area{
	height:44px;
}
.swiper-pagination-bullet{
	margin:0 3px;
}
/* END WIDGETS*/

/* EFFECTS */
@keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

.shake {
	-webkit-animation-name: spaceboots;
	animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	display:inline-block
}

.blink{
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation:blink-animation 1s steps(5, start) infinite;
}
@-webkit-keyframes  blink-animation {
	to {
		visibility: hidden;
	}
}
@keyframes  blink-animation {
	to {
		visibility: hidden;
	}
}
/* END EFFECTS */

/* DRAFT ORDERS */
.order-nr-items::before{
	margin:2px;
	content:'-';
}
div#qrcode{text-align: center;margin-top: 3px;}
div#qrcode img{border:2px solid}
div#qrcoderef{font-size:0.5em; font-weight: 200;text-align: center;}
body .takeaway::before{
	font-family: 'Framework7 Icons';
	content:'square_arrow_left_fill';
	margin-right:3px;
}
body .pickup::before{
	font-family: 'Framework7 Icons';
	content:'square_arrow_down_fill';
	margin-right:3px;
}
body .delivery::before{
	font-family: 'Framework7 Icons';
	content:'paperplane';
	margin-right:3px;
}
body .order::before{
	font-family: 'Framework7 Icons';
	content:'qrcode';
	margin-right:3px;
}
body .order-date::before{
	font-family: 'Framework7 Icons';
	content:'calendar_today';
	margin-right:3px;
}
body.layout-default .popover .subnavbar .no-background{background-color:#f7f7f8;}
body.layout-dark .popover .subnavbar .no-background{background-color:#131313;}

body .popover .view .list-block:first-child:last-child li:first-child:last-child a, body .popover .view .list-block:first-child:last-child ul:first-child:last-child {
	border-radius: 0px
}
.popover .view .list-block:last-child ul {border-radius:0px}
.popover .view .list-block:last-child li:last-child a {border-radius:0px}

body.layout-default .popover .list-block ul, body.layout-default .popover ul.ul-inner, body.layout-default .with-form{background: white;}
body.layout-dark .popover .list-block ul, body.layout-dark .popover ul.ul-inner, body.layout-dark .with-form{background:#1c1d1f;}
.popover .list-block ul.ul-inner{border-radius: 0px}
/*END Draft orders*/

/* NOTIFICATIONS */
body .inset.right-left-10{margin-left: 10px;margin-right: 10px;}
.custom-item-buttons .item-content{padding-left: 10px;}
.row.for-app-button{padding: 0 10px;}

.app-item-buttons div.row > div{
	border-radius: 6px;
	height: 60px;
	padding: 5px 10px;
}
body .row .col-50.app-button{width: calc((100% - 10px*1)/2);margin-bottom: 10px;}

.app-button-titlerow{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.app-button-subtitle{
	font-weight: 500;
	margin-top: 5px;
	color: #8e8e93;
}
.app-button-media{font-size: 29px;}
body form.searchbar.no-bg{background: none;}
body form.searchbar.no-bg:after{height: 0;}
.app-button-after{font-size: 1.2em;font-weight: bolder;}
/*END NOTIFICATIONS */

/*CALENDAR STUFF*/
.calendar-events-column{
	height: -webkit-fill-available;
	background:white;
}
body.layout-dark .calendar-events-column{
	background: #1c1d1f;
	color:white;
}

body.layout-default .calendar-events-column{
	background: white;
	color:black;
}

body.layout-default .day-name{color:black;}
body.layout-dark .day-name{color:#ddd;}

.smc-toolbar{
	bottom: 0px;
	left: 0px;
	height: 44px;
	width: 100%;
	box-sizing: border-box;
	font-size: 17px;
	position: relative;
	margin: 0;
	z-index: 500;
}
.calhead {	
	text-align:left;
	color: #fff;
	display: flex;
	justify-content: space-between;
}
.calhead.smaller {	
	font-size: 1em;
	padding:10px 0 10px 10px;
	text-align:left;
}
.calfoot {
	text-align:left;
	padding:5px 0 5px 0;
	/*color:#000;*/
	border-top:1px solid #ccc;
	/*background-color:#fff;*/
	overflow:auto;
	/*-webkit-box-shadow:inset 0 0 10px #000000;*/
}
.caldays {
    text-align: center;
	/*background-color:#FFFFFF;
	color:black;*/
}

#dayslist {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#dayslist > div{
	flex:0 14%;
	padding: 10px 0px;
	font-size: 15px;
}

#dayslist > div.monthday{color: rgb(146, 146, 146);}

#dayslist .weekdays{
	display: flexbox;
	flex-direction: column;
}
#dayslist .day-name-small{
	font-size: 0.6em;
}

/*
.caldays li {
    background: none repeat scroll 0% 0% transparent;
    margin: 10px 10px;
    line-height: 100% !important;
    width: 14px;
    font-size: 15px;
    color: rgb(146, 146, 146);
    float: left;
    list-style: none outside none;
	border:0px;
	font-weight:300;
}
*/
.caldays .today{
	background-color:#ff3b30;
	/*border-radius: 100%;*/
	font-weight:600;
}

/*
#dayslist > div.prevmonthday{
	color:rgb(54, 121, 181);
}
*/
.space5{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.caltoday{
	display: flex;
	justify-content: center;
	align-items: center;
}

.day-name {
    font-size: 36px !important;
    text-transform: uppercase;
    font-weight: 500 !important;
}

.space5 .smonth {
    font-size: 9px;
    text-transform: uppercase;
}
.space5 .daynbr {
    font-size: 18px;
	font-weight:600;
	line-height:1;
}

.calfoot .eventslist {
	margin:10px 0 10px 0;
}

.calfoot #eventslist li, .calfoot #commentlist li.annul {
	min-height: 41px;
	padding: 0px 20px;
	cursor: pointer;
	background: none;
	line-height: normal;
	list-style: none;
	border:none;
}
.calfoot #commentlist li.annul {
	padding:0px;
	min-height:0px;
}
.calfoot #eventslist li.eventelt .eventtime, .calfoot #commentlist li.eventelt .eventtime, .registerButtons2 li.green2, .buttongreen{
	background:#c6cf52;
	border: 1px solid #b9c14c;
}

.calfoot #eventslist li.eventalert .eventtime,  .calfoot #commentlist li.eventalert .eventtime, .registerButtons2 li.red2, .buttonred {
	background:#d44d45;
	border: 1px solid #b8413a;
}

.calfoot #eventslist li.eventwarning .eventtime {
	background: #FF9900;
	border: 1px solid #b8413a;
}

.calfoot #eventslist li .eventtime, .calfoot #commentlist li .eventtime {
	border-radius: 3px;
	border: 1px solid #ccc;
	color:#F6F6F6;
	font-size: 20px;
	padding: 3px;
	float: left;
	font-weight: bold;
	line-height: 100%;
}
.calfoot #commentlist li .eventtime.regular{
	font-size:0.9em;
	margin-right: 5px;
}
.calfoot #eventslist li h1 {
	font-size: 20px;
	float: left;
	font-weight: normal;
	/*color: #000;*/
	clear: none;
	line-height:100%;
	margin:5px 10px;
}

.calfoot #commentlist li h3 {
	font-size: 0.7em;
	font-weight: 300;
	/*color: #000;*/
	clear: none;
	line-height:150%;
	margin:5px 5px;
}

ul#cash_activity li{
	display: flex;
	justify-content: start;
	background: white;
	height: 54px;
	align-items: center;
}

ul#cash_activity li .cash-item-userpic.cus-mini-media.size-25{height: 25px; width: 25px;}
.cash-item-reason{width:60%}
.cash-item-user{text-align: center;}

ul#cash_activity li > div{margin-left:15px;}

.item-reason-after, .cash-item-after{
	color:#8e8e93;
	white-space: nowrap;
	font-size: 0.7em;
}

.right-col{width: 10%; text-align: right;}

body .searchbar div.tray-data{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
div.icon-tray::before{
	font-family: "Framework7 Icons";
	content:"tray_full_fill";
	margin-right: 2px;
	font-size: 1em;
}
div.sufficient::before{color:#4cd964;}
div.insufficient::before{color:#ff3b30;}
div.risky::before{color:#ff9500;}
.statsbar{
	background: #333;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 15px;
}
.stats-values{
	color: white;
	text-align: center;
	font-size: 2.5em;
	font-weight: 100;
}
.stats-values-titles{
	color: rgb(146, 146, 146);
	text-align: center;
}
.user-stats-details{
	text-align: center;
	padding: 0px;
}
.user-stats-details > .row{
	margin: 1px 0;
}
.stats-detail{
	height: 100px;
	text-align: center;
	padding: 30px;
}
body.layout-default .stats-detail, body.layout-default .user-info{background: white;}
body.layout-dark .stats-detail, body.layout-dark .user-info{background: #1c1d1f;}

.stats-detail > .title{font-weight: 100; font-size: 2em;}
.stats-detail > .after{font-size: 0.8em;}
body.layout-default .stats-detail > .after{color: lightslategray;}
body.layout-dark .stats-detail > .after{color: lightgray;}
.row .stats-detail{width: calc((100% - 1px*2)/ 3);}

.user-details > .after{font-size: 0.8em;text-align: center;}
.user-info{height:90px; padding: 15px; box-sizing: border-box;}

/*TEAMS / SHIFTS */
.add-team-item{
	background-color: #333;
	border-radius: 6px;
	height: 70px;
	margin: 0 0 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.add-team-item > i{font-size:20px;}
body.layout-default .add-team-item > i{color:white;}

.scheduler-grid-header{
	padding: 15px 0 10px 0;
	border-bottom: 0.5px solid #131313;
	margin-bottom: 5px;
	font-weight: 600;
}

body .scheduler-header{
	display: flex;
	align-content: space-between;
	width: 100%;
}

.subnavbar div.scheduler-header div{
	width: 33%;
}
div.scheduler-header div.head-right{
	display: flex;
	justify-content: flex-end;
	margin: 0 0 0 10px;
}

div.scheduler-header div.head-right > a{
	margin-left: 10px;
}

div.with-radius{
	border-radius: 5px; 
}
div.shiftmanager-bloc{
	padding: 10px 0px;
}

.shiftmanager-swiper-pagination > .swiper-pagination-bullet-active {
	background: #fff;
}
.inbreak-staff::after{
	font-family: "Framework7 Icons";
	content:"timer";
	margin-left: 3px;
	font-size: 1em;
}
span.in-break{
	display: block;
}
.inbreak::before{
	font-family: "Framework7 Icons";
	content:"pause_fill";
	margin-right: 3px;
	font-size: 1em;
}
.indelay::before{
	font-family: "Framework7 Icons";
	content:"alarm";
	margin-right: 3px;
	font-size: 1em;
}

.connected::before{
	font-family: "Framework7 Icons";
	content:"circle_fill";
	margin-right: 3px;
	font-size: 0.6em;
	color:#4cd964;
	vertical-align: top;
}
.disconnected::before{
	font-family: "Framework7 Icons";
	content:"circle";
	margin-right: 3px;
	font-size: 0.6em;
	color:#ff3b30;
	vertical-align: top;
}
.time-lapsed{
	min-width: 77px;
	display: inline-block;
	text-align: left;
	padding: 0 1px 0 1px;
}
.time-lapsed::before{
	font-family: "Framework7 Icons";
	content:"stopwatch";
	margin-right: 3px;
	font-size: 1em;
}
.time-lapsed.pause::before{
	font-family: "Framework7 Icons";
	content:"pause_fill";
	margin-right: 3px;
	font-size: 1em;
}