html, body {
	width: 100%;
	height: 100%;
 	font-family: 'Arial'; /* Roboto */
 	font-size: 16px;
 	margin: 0;
 	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}
::-webkit-scrollbar-thumb {
    border: 8px solid transparent;
    background-clip: padding-box;
    -webkit-border-radius: 20px;
    background-color: #fff;
}
.trans05 {
	transition: all 0.3s;
}
.fixed {
	position: fixed;
}
.pointer {
	cursor: pointer;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.transperancy2 {
	opacity: .2;
}
.shadow10 {
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color='#000000');
}
.shadow20 {
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color='#000000');
}
.txt_shadow1 {
	text-shadow: 1px 1px #000;
}
.txt_shadow1w {
	text-shadow: 1px 1px #fff;
}
.txt_shadow2 {
	text-shadow: 2px 2px #000;
}
.fl_l {
	float: left;
}
.fl_r {
	float: right
}
.clr {
	clear: both;
}
.round {
	border-radius: 5px;
}
.circle {
	border-radius: 100%;	
}
.blink {
	-webkit-animation: blink 1s linear infinite;
	animation: blink 1s linear infinite;
}
.in_bl {
	display: inline-block;
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
  	opacity: 0;	
  }
}
.rot {
	-webkit-animation: rot 1s linear infinite;
	animation: rot 1s linear infinite;
}
@keyframes rot {
  0% {
    transform: translate(-50%,-50%) rotate(0);
  }
  100% {
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
.boxsiz {
	box-sizing: border-box;
}
.hide {
	display: none;
}
.preload {
	background-color: rgba(80,80,80,.7);
	z-index: 1000;
	top: 0;
	left: 0;
}
.confirm button.ok {
	font-weight: bold;
}
.order_cloud,
.confirm_cloud {
	background-color: rgba(0,0,0,.8);
	z-index: 100;
	top: 0;
	left: 0;	
}
.confirm_cloud {
	z-index: 1000;	
}
.confirm_cloud .confirm .txt {
	text-align: center;
	margin: 30px;
	font-size: 24px;
}
.preload img {
	width: 200px;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	-webkit-filter: drop-shadow(0 0 6px #000);
}
.content .confirm {
	border: 1px solid #fff;
	background-color: rgba(192,192,192,.8);
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding: 30px;
}
.content .order_list {
	margin: 0;
	list-style: none;
	border: 1px solid #fff;
	background-color: rgba(192,192,192,.8);
	top: 30px;
	left: 30px;
	right: 30px;
	padding: 10px;
	overflow-y: auto;
	bottom: 20px;
}
.content .order_list .total_txt {
	margin-right: 10px;
}
.content button {
	background: #999999; /* fallback */
	background: -webkit-linear-gradient(#cccccc, #777777);
	background: -o-linear-gradient(#cccccc, #777777);
	background: -moz-linear-gradient(#cccccc, #777777);
	background: linear-gradient(#cccccc, #777777);
	border: 1px solid #000;
	font-size: 26px;
	padding: 10px;
	color: #fff;
}
.content .order_list button {
	margin-top: -10px;
	margin-right: 10px;
}
.content .order_list li:last-child {
	font-size: 36px;
	color: #fff;
}
.content .order_list li {
	padding: 10px;
}
.content .order_list li.new {
	background-color: rgba(255,255,255,.5);
}
.content .items li .pic,
.content .order_list li .pic {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    border: 1px solid #fff;
    margin-right: 10px;
    position: relative;
}
.content .items li .pic.zoom {
	width: 100%;
	height: 500px;
}
.content .items li .pic .order_qty,
.content .order_list li .pic .order_qty {
    right: -12px;
    top: -12px;	
}
.content .items li .name,
.content .items li .price,
.content .order_list li .name,
.content .order_list li .price {
	color: #fff;
	font-size: 32px;
}
.descr .ingredient {
	border: 1px solid #000;
    white-space: nowrap;
    margin: 2px;
    font-size: 15px;
    font-style: normal;
    padding: 3px;
    height: 26px;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
}
.content .items li .descr .ingredient.active {
    padding-right: 30px;
}
.content .items li .descr {
	margin-top: 10px;
}
.content .items li .descr,
.content .order_list li .descr {
	font-style: italic;
	font-size: 20px;
	/* width: 360px; */
}
.header {
	height: 70px;
	border-bottom: 1px solid #fff;
	background-color: rgba(255,255,255,.3);
}
.content {
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 90px);
}
.content .items li .minus,
.content .order_list li .minus {
	position: absolute;
    margin-left: 10px;	
	top: -5px;
    left: -15px;    
}
.content .order_list li .minus {
    right: initial;
    margin: initial;
    margin-left: 10px;
}
.minus,
.content .items li .descr .ingredient.active .off {
    text-align: center;
	background: #990000; /* fallback */
	background: -webkit-linear-gradient(#ff0000, #990000);
	background: -o-linear-gradient(#ff0000, #990000);
	background: -moz-linear-gradient(#ff0000, #990000);
	background: linear-gradient(#ff0000, #990000);
	border: 1px solid #fff;
	color: #fff;
}
.content .items li .descr .ingredient.transperancy2 .off span {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}
.content .items li .descr .ingredient.transperancy2 .off {
	background: #009900; /* fallback */
	background: -webkit-linear-gradient(#009900, #006600);
	background: -o-linear-gradient(#009900, #006600);
	background: -moz-linear-gradient(#009900, #006600);
	background: linear-gradient(#009900, #006600);    
}
.minus span:before,
.content .items li .descr .ingredient.active .off span:before {
	content: "✕";
}
.minus {
    width: 30px;
    padding: 2px;
    line-height: 30px;
    height: 30px;    
}
.content .menuBtn,
.content .cats,
.content .types,
.content .items,
.content .tables,
.main_edit_menu,
.edit_menu .cats,
.det .types,
.slides {
	margin: 0;
	padding: 0;
	list-style: none;
}
.det .reports {
	border-collapse: collapse;
}
.det .reports td {
	border: 1px solid #000;
	padding: 4px;
}
.edit_menu .items {
	margin: 0;
	padding: 0;
}
.content .menuBtn li,
.content .cats li,
.content .types li,
.content .tables li {
	text-align: center;	
	padding: 10px;
}
.content .items,
.content .tables {
	background-color: rgba(255,255,255,.5);
	border: 1px solid #fff;
	margin-top: 10px;
	padding: 10px;
}
.content .menuBtn li,
.content .items li,
.content .tables li {
	padding: 10px;
	position: relative;
}
.content .types li.clr,
.content .tables li.clr {
	padding: 0;
}
.content .items li .pic .order_qty,
.content .order_list li .pic .order_qty,
.content .tables li .unseen,
.content .tables li .check {
	background-color: #c00;
	color: #fff;
	border: 1px solid #fff;
	position: absolute;
	width: 24px;
	height: 24px;
    text-align: center;
    line-height: 24px;
}
.content .tables li .check {
	background-color: #090;
}
.copy_text {
	right: 0px;
	bottom: 0px;
	color: #888;
	font-size: 9px;
	padding: 5px;
}
.dev_id {
	left: 0px;
	bottom: 0px;
	color: #fff;
	background-color: #888;
	font-size: 9px;
	padding: 5px;
}
.switch_lang {
	margin: 10px;
	height: 50px;
	-webkit-filter: drop-shadow(0px 0px 5px #000);	
}
.total_price {
	font-size: 54px;
	font-weight: 400;
	padding: 5px;
	color: #fff;
}
.total_price sup {
	vertical-align: top;
}
.content {
	margin-top: 70px;
	padding: 20px;
}
.content .order_cloud .minus {
	right: 0;
	margin: 10px;
	z-index: 100;
}

/* admin */
.main_edit_menu li {
	min-width: 100px;
	text-align: center;
	border: 1px solid #000;
	padding: 6px;
}
.main_edit_menu li.sel {
	background-color: #999;	
}
.main_edit_menu li a {
	color: #000;
}
.edit_menu {
	width: 240px;
	border-right: 1px dotted #000;
	margin: 10px;
}
.edit_menu .items {
	height: 550px;
	overflow-y: auto;	
}
.edit_menu input,
.edit_menu button,
.edit_menu select,
.det input,
.det button,
.det select,
.upload_logo input,
.upload_logo button,
.youtube_id input, 
.youtube_id button {
	font-size: 16px;
	padding: 4px;
}
.youtube_id,
.slides_order {
	padding: 5px;
}
.det select {
	width: 200px;
}
.edit_menu select,
.edit_menu button {	
	width: 100%;
}
.edit_menu li input,
.det li input {
	width: 150px;
	border: 0;
}
.edit_menu li.sel,
.det li.sel {
	border: 1px solid #c00 !important;
}
.det {
	margin-left: 260px;
}
.det .item {
	line-height: 32px;
}
.det .item input, .det .item select, .det .item button {
	font-size: 16px;
	margin-left: 5px;
}
.det .item .pic {
    width: 120px;
    height: 120px;
    background-size: cover;
    background-position: center;
    border: 1px solid #000;
}
.edit_menu .cats li {
	border: 1px solid #fff;	
}
.edit_menu .cats li:hover {
	border: 1px solid #c00
}
.progress {
	position:relative;
	width: 200px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 8px;
}
.bar {
	background-color: #3c3;
	width: 0%;
	height: 100%;
	border-radius: 5px;
}
.percent {
	position:absolute;
	display:inline-block;
	font-size: 0.7em;
	top: .1em;
	left: 45%;
	text-align: center;
}
.logo_edit {
	margin-left: 10px;
}