@CHARSET "UTF-8";

.ion_base.login_wall {
/*	background: url('/media/images/airport-bg.jpeg'); */
}

.ion_base>.row.box {
	max-width: 100%;
	margin: 0;
}

.faded input.string_editor::placeholder {
  color: gray !important;
}
.faded input.string_editor{
  border: 1px solid beige !important;
}
.curr_select.select {
	width: auto;
	float: left;
}

.int_editor.money_input {
	width: 80px;
	float: left;
}

.clip_copy {
  float: right;
  width: auto;
  text-align: center;
  background: ghostwhite;
  padding: 0 5px;
  border-radius: 5px;
  color: silver;
  cursor: pointer;
}
.clip_copy:hover{
	color:gray;
}
.clip_copy:active{
	background:chartreuse;
}
.a_top .clip_copy{
	float:left;
	margin:5px;
}

.a_top {
	background: lavender;
	color: white
}

.a_main {
	margin-bottom: 100px;
	padding: 0 50px !important;
}

.modal_close {
	right: 8px;
}

.auth_html {
	text-align: right;
}

.number {
	text-align: right;
}

.nav_up {
	float: left;
	margin: 3px;
	padding: 0 5px;
	border-radius: 3px;
	margin-top:20px;
	opacity:0.5;
}
.nav_up:hover{
	opacity:1;
}

.nav_up.modact {
	text-decoration: underline;
}

.nav_sep.box {
	float: left;
	color: silver;
	font-size: 24px;
	margin-top:16px;
}

.top_nav {
	float: left;
	padding-top: 3px;
	padding-left: 30px;
}

/* Top menu */
.top_nav .menuitem {
	float: left;
	color: teal;
	padding: 5px 10px;
}

.top_nav .menuitem .text_label {
	padding-left: 10px;
}

.top_nav .menuitem.selected {
	background: white;
}

.inbox_top {
	float: right;
	background: white;
	color: burlywood;
	margin: 4px;
	font-size: 14px;
	border-radius: 5px;
	padding: 0 3px;
}

.mobile_menu {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0;
	background: lavender;
	padding: 0 5px;
	max-height: 200px;
    overflow-y: auto;
}

.bot_notice {
	color: blue;
	font-size: 12px;
	margin: 10px auto;
	padding: 5px 10px;
	width: 50%;
	background: white;
	border-radius: 5px;
}

.bot_notice .btn {
	float: right;
	background: aliceblue;
	border: 1px solid chartreuse;
	border-radius: 3px;
	padding: 0 5px;
	font-size: 12px;
	color: teal;
}

.bot_notice .btn:hover {
	background: white;
}

.rectype_count.plaintext {
	font-style: italic;
	float: right;
	color: gray;
}

.mobile_focus>.io {
	margin-bottom: 50px;
}

.rec_info_closer {
	text-align: center;
	margin: 10px auto;
	width: 50%;
	background: gainsboro;
}

/* inv short */
.inv_article.box {
	float: left;
}

.inv_location.box {
	float: left;
}

.inv_amount.box {
	float: right;
}

.inv_short.box.current_0 {
	opacity: 0.5;
}

/* amount update */
input.inv_amt {
	width: 50px;
	float: left;
	text-align: right;
	margin-right: 5px;
	background: beige;
}

.inv_dim.plaintext {
	padding: 3px 0;
	display: inline-block;
	color: cadetblue;
	width: 30px;
}

.inv_minus, .inv_plus {
	margin: 0 5px;
}

.inv_toempty.plaintext.act {
	font-size: 12px;
	border: 1px dotted orange;
	padding: 0 3px;
	border-radius: 3px;
	color: brown;
	margin-left: 10px;
}

.inv_stamp.plaintext {
	display: block;
	clear: both;
	color: gray;
	font-style: italic;
	font-size: 9px;
}

.by_art_list .kb_amt.box {
	float: left;
}

/* article short */
.art_stock.box {
	float: right;
	width: 100px;
	text-align: right;
}

.art_name.box {
	float: left;
}

.art_kbs.plaintext {
	color: cornflowerblue;
	font-size: 12px;
	background: aliceblue;
	padding: 0 5px;
	border-radius: 3px;
	font-weight: bold;
	border: 1px solid cadetblue;
}

/* nutrition */
.art_nutrition {
	float: right;
	color: green;
	font-size: 0.7em;
	padding: 0 10px;
	border: 1px solid;
	margin: 2px 10px;
	border-radius: 2px;
	min-height: 14px;
	opacity: 0.3;
}

.art_nutrition:hover {
	opacity: 1;
	background: white;
}

.main_ration_view .art_nutrition.box {
	float: left;
	width: 100px;
}

.main_ration_view .nut_info {
	float: left;
	width: 80px;
}

.nut_info {
	float: left;
	clear: both;
	text-align: right;
}

.nut_name {
	width: 40px;
	float: left;
	text-align: left;
	color: gray;
	text-transform: uppercase;
	color: gray;
}

.nut_val {
	width: 45px;
	float: left;
	text-align: right;
	float: left;
}

.nut_info.nutstar_0 {
	display: none;
}

.nutri_info.show_all .nutstar_0 {
	display: block;
}

.nutri_info.box {
	float: left;
}

.nv_totals.box {
	float: right;
	font-size: 12px;
	border: 1px solid green;
	padding: 5px;
}

.nv_line.box {
	float: left;
	clear: both;
}

.nv_name.plaintext {
	color: gray;
	width: 80px;
	float: left;
	text-transform: uppercase;
}

.nv_sums.plaintext {
	float: left;
	width: 80px;
	text-align: right;
}

.nv_line:hover span {
	text-decoration: underline;
}

/* prices */
.art_price {
	float: right;
	width: 100px;
	text-align: right;
}

.rec_price.plaintext {
	float: right;
	color: gray;
	text-align: right;
	font-size: 14px;
}

.ing.plaintext {
	float: left;
}

.ing_price.plaintext {
	color: gray;
	font-size: 12px;
	float: right;
	clear: left;
	text-align: right;
	width: 100px;
}

/* shopper */
.shopper_top.box {
	background: white;
	float: right;
	color: green;
	font-size: 14px;
	margin: 4px;
	padding: 0 3px;
	border-radius: 5px;
}

.shopper .artype.box {
	float: left;
	width: 100%;
}

.arsubtype_box.box {
	display: none;
}

.arsubtype_box.arsub_haskb {
	display: block;
}

.artype.box.show_all_subs .arsubtype_box {
	display: block;
}

.shopper .arsubtype_box.box {
	float: left;
	padding: 0 5px;
	margin: 0 15%;
	width: 70%;
	min-width: 160px;
	margin-bottom: 20px;
}

.arsubtype_label.box {
	cursor: pointer;
	color: green;
	font-style: italic;
	opacity: 0.5;
	text-transform: capitalize;
	width: 100%;
	float: left;
}

.arsubtype_toggle {
	float: right;
}

.art_box.box.no_kb {
	display: none;
	color: gray;
}

.arsubtype_box.show_all .art_box.box.no_kb {
	display: block;
}

.icon.toggle {
	opacity: 0.2;
}

.show_all .icon.toggle {
	opacity: 1;
}

.art_kb.box {
	float: right;
}

.art_box:hover {
	background: aliceblue;
}

.art_box.box {
	float: left;
	width: 100%;
	font-size: 14px;
	border-left: 1px solid silver;
	padding-left: 5px;
}

.shopper_view .art_stock.box {
	display: none;
}

.shopper_view .art_name.box {
	font-size: 32px;
}

.shopper_view .art_kbs {
	display: none;
}

.by_art_list .kb_art {
	display: none;
}

.by_art_list .kb_artamt {
	display: none;
}

.by_art_list .kb_stamp {
	display: none;
}

/* kanbans */
.notice_top {
	background: white;
	float: right;
	color: orange;
	font-size: 10px;
	margin: 4px;
	padding: 0 3px;
	border: 1px solid;
	border-radius: 5px;
}

.kb_inv.box {
	float: left;
}

.kb_inv .cont_label {
	float: left;
	font-size: 12px;
	color: teal;
}

.kb_art {
	float: left;
	clear: both;
}

.kb_amt.box {
	float: right;
}

.kb_stamp {
	float: right;
	font-size: 10px;
}

.kb_artamt {
	float: right;
	clear: both;
}

.amt_warn {
	color: orange;
}

.kb_goal {
	float: right;
	clear: both;
}

.kb_source {
	color: silver;
	font-family: courier;
	font-size: 14px;
	width: 180px;
	float: left;
}

.goal_label.plaintext {
	width: 100px;
	float: right;
	text-align: right;
}

.kb_skip, .kb_cart, .kb_uncart, .kb_apply {
	float: right;
	margin: 10px 20px;
	color: cadetblue;
	border: 1px solid cadetblue;
	padding: 0 5px;
	border-radius: 5px;
}

.icon.checkbox {
	float: right;
	margin: 0 20px;
	color: green;
}

.icon.checkbox .faded {
	color: gainsboro;
	opacity: 0.5;
}

.art_box .icon.note {
	float: right;
	margin: 0 20px;
	opacity: 0.5;
}

.est_price.plaintext {
	float: right;
	margin: 0 10px;
	color: silver;
}

.cart_short.box {
	float: left;
	width: 100%;
}

.cart_totals.box {
	float: left;
	clear: both;
	width: 100%;
	font-size: 16px;
	text-align: right;
}

.cart_title {
	float: left;
	width: 100%;
}

.shopper_btn {
	float: right;
	font-size: 16px;
	border: 1px solid green;
	margin: 10px;
	padding: 0 5px;
	border-radius: 4px;
}

.mobile_header.box {
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 25px;
}

.mobile_header .icon.edit {
	opacity: 0.2;
}

.mobile_header:hover .icon.edit {
	opacity: 1;
}

.q_active .item {
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	margin-bottom: 2px;
}

.modal_close.btn_close {
	position: unset;
	text-align: center;
	width: 100%;
	margin-top: 16px;
}

/* QR */
.qr_short img {
	float: left;
}

.qr_con.box {
	float: right
}

.cont_inline {
	display: inline;
}

.cont_inline .scene_label {
	text-transform: uppercase;
	color: teal;
}

.cont_inline .cont_label {
	color: cadetblue;
}

.qr_label {
	font-style: italic;
	color: coral;
}

.qr_code.box {
	color: gray;
	font-family: Courier;
}

/* print QR */
.ion_base.printables {
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.printables .row {
	margin: 0;
}

.printables .a_main {
	padding: 0;
	margin: 0;
}

.printables .qr_list {
	padding: 0;
}

.printables .qr_sticker.box {
	float: left;
	width: 5.2cm;
	height: 2.97cm;
	padding: 10px;
}

.printables .qr_img {
	float: left;
	max-height: 85px;
}

.printables .qr_label {
	height: 50px;
	border-bottom: 1px solid silver;
	padding-top: 20px;
	float: left;
	width: 2.4cm;
	padding-left: 10px;
}

.inv_qr {
	opacity: 0.3;
}

.inv_qr.qr_set {
	opacity: 1;
	color: blue;
}

.fa-print {
	opacity: 0.2;
}

.fa-print.queued {
	opacity: 1;
}

/* container select */
.scene_label.box {
	color: teal;
	text-transform: uppercase;
}

.scene_conts.box {
	float: left;
	margin: 20px;
	margin: 20px;
}

.scene_conts.current_0 {
	opacity: 0.3;
}

/* article select */
.artype_arts.box {
	float: left;
	margin: 20px;
}

.artype_label.box {
	color: green;
	text-transform: uppercase;
	cursor: pointer;
	float: left;
	width: 100%;
}
.modal_overlay.ing_artselect .modal_content {
  width: 80%;
}
.by_rec_list .nut_info {
  display: none;
  max-height: 20px;
}
.by_rec_list .art_nutrition{
	opacity:0.2;
}
.by_rec_list .art_nutrition:hover{
	opacity:1;
}
.by_rec_list .art_nutrition .nutri_header {
  display: none;
}
.by_rec_list .art_nutrition:hover .nut_info {
	display:block;
}
.by_rec_list .ing_price{
	clear:none;
}
.artselect_optgroup.box {
	float: left;
	width: 200px;
	border: 1px solid silver;
	margin: 5px;
	padding: 0 5px;
	overflow-y: auto;
	height:400px;
}

.arsubtype_label.plaintext {
	text-decoration: underline;
	text-align: center;
	float: left;
	width: 100%;
	font-size: 14px;
	color: gray;
}

.icon_artype_hygiene {
	color: aqua;
}

.icon_artype_kitchen {
	color: darkcyan;
}

.icon_artype_food {
	color: greenyellow;
}

.icon_scene_ {
	color: brown;
}

.icon_alacarte_ {
	color: crimson;
}

.icon_recipes_ {
	color: limegreen;
}

.icon_produce_ {
	color: orange;
}

.article_short .icon.edit {
	float: right;
	margin: 10px;
	opacity: 0.5;
}

.art_info {
	font-size: 12px;
	color: gray;
	display: block;
}

.select_option.box {
	float: left;
	width: 100%;
	font-size: 14px;
}


/* recipes */
.faded input {
	border: 0;
	border-bottom: 1px solid gainsboro;
	border-radius: 0;
	font-style: italic;
	opacity: 0.5;
}

.rec_author.plaintext {
  display: block;
  width:200px;
  color: gray;
  font-size: 0.8em;
  clear:left;
  margin-top: 50px;
  border-top: 1px solid silver;
}

.menu_comment {
  font-size: 0.8em;
  color: gray;
  padding-left: 15px;
  float: left;
  clear: both;
}

.rec_ings_toggle, .rec_steps_toggle {
	float: right;
	border: 1px solid teal;
	padding: 0 5px;
	font-size: 12px;
	color: teal;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0.8;
	background: lavender;

}

.rec_ings_toggle:hover, .rec_steps_toggle:hover {
	opacity: 1;
}

.ings_title, .steps_title {
	float: left;
	text-decoration: underline;
	text-decoration-color: blue;
}

.rec_steps.box {
	float: left;
	font-size: 14px;
	margin: 20px 1%;
	padding: 10px;
	border: 1px solid silver;
	width: 600px;
}
.rec_steps li{
	color:blue;
}
.rec_steps li .text{
	color:black;
}
.rec_step.plaintext {
	float: left;
	clear: both;
	margin: 5px 0;
	margin-left: 10px;
}

/* rations */
.ration_totals.box {
	font-size: 10px;
	float: right;
}

.ration_art.box {
	float: left;
	width: 120px;
}

.ration_artsum.box {
	float: left;
	width: 80px;
	text-align: right;
}

.ration_sum.box {
	clear: both;
	float: right;
}

.ration_sum.box:hover {
	border-bottom: 1px solid silver;
}

/* menus */
.menu_summary {
	float: left;
	width: 100%;
}

.menu_ings.box {
	float: left;
	font-size: 14px;
	clear: left;
	margin: 20px 1%;
	border: 1px solid silver;
	padding: 10px 15px;
	min-width: 320px;
	max-width:40%;
}
.main_rec_image {
	float: left;
	margin-right: 10px;
	width: 20%;
}

.menu_ing.box {
	float: left;
	width: 100%;
	clear: both;
	border-bottom: 1px solid white;
	clear: both;
	margin-left: 10px;
}

.rec_desc.plaintext {
	float: left;
	font-style: italic;
}

.rec_info.box {
	float: left;
}

.menu_ing.box:hover {
	border-bottom: 1px solid silver;
}

.menu_art.box {
	float: left;
	width: 180px;
}

.menu_amt.box {
	float: left;
	width: 100px;
	text-align: right;
}

.menu_avail.box {
	float: left;
	width: 100px;
	text-align: right;
}

.menu_kb.box.act {
	float: left;
	margin: 0 10px;
	width: 100px;
	text-align: center;
	color: teal;
}



.by_rectype_list .top {
	float: left;
	width: 200px;
}

.by_rectype_list .iotabs_option {
	clear: both;
	width: 100%;
	border:1px solid silver;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right:0;
	margin: 1px 0;
	background: honeydew;

}
.header_img{
	width:100%;
}
.by_rectype_list .iotabs_option.selected {
	background:white;
}
.book_rec_price.box {
	float: right;
	clear: right;
	color: silver;
}

.haskb .menu_avail.box {
	opacity: 0.5;
}

.needskb .menu_avail.box {
	color: orange;
}

.availok .menu_avail.box {
	opacity: 0.2;
}

.menu_auto {
	float: left;
	clear: both;
	border: 1px solid teal;
	padding: 0 5px;
	font-size: 12px;
	color: teal;
	border-radius: 3px;
	margin: 10px;
	border: 1px solid teal;
}

/* restaurant */
.rectype.box {
	float: left;
	width: 100%;
	margin-bottom: 50px;
	min-height: 500px;
	margin-top: 50px;
}

.rectype.box .top {
	margin-bottom: 0;
	border-bottom: 1px solid silver;
}

.rectype_name {
	width: 95%;
	float: left;
	border-bottom: 1px solid silver;
	text-transform: capitalize;
	clear: both;
	font-size: 20px;
	color: gray;
}

.recipe.box {
	float: left;
	clear: both;
	width: 100%;
	margin: 5px;
	margin: 5px;
	padding: 0 5px;
}

.io.main_rec_view {
	border: 1px solid silver;
	float: left;
	padding: 10px;
	border-radius: 5px;
}
.main_rec_view .icon.edit {
  opacity: 0.5;
}
.main_rec_view .icon.edit:hover {
  opacity: 1;
}
.recipe.box:hover {
	background: aliceblue;
}

.rest_rec_list .main {
	margin-top: 20px;
}

.rest_rec_left.box {
	float: left;
	width: 50%;
}

.rest_rec_right.box {
	float: right;
}

.alacarte .art_nutrition {
	background: white;
	opacity: 0.4;
}

.alacarte .art_nutrition:hover {
	opacity: 1;
}

.alacarte .rec_image {
	width: 100%;
}

.alacarte .recipe_image {
	float: left;
	margin: 5px;
	border-radius: 5px;
	overflow: hidden;
	width: 60px;
	height: 60px;
}

.recipe_name {
	font-size: 18px;
	float: left;
	width: 80%;
}

.recipe_desc {
	float: left;
	font-style: italic;
	font-size: 14px;
	color: gray;
}

.rec_order {
	float: right;
	margin: 5px;
	border: 1px solid orange;
	border-radius: 5px;
	padding: 0 5px;
	color: orange;
	background: white;
	width: 100px;
	text-align: center;
	position: relative;
	top: 25px;
}

.rec_order.in_cart {
	background: green;
	color: white;
	border-color: green;
}

.rec_order:hover {
	background: orange;
	color: white;
}

.io.rest_rec_list {
	clear: both;
}

.rest_rec_list .item.box {
	border: 0;
}

.io.ration_empty {
	display: none;
}

.order_content.box {
	width: 100%;
	font-size: 14px;
	padding-left: 200px;
}

.ration_restshort .rec_price.plaintext {
	border-top: 1px solid;
}

.ration_ordered_note {
	float: right;
	width: 100%;
	color: silver;
	font-size: 14px;
	text-align: right;
}

.order_item.box {
	float: left;
	width: 100%;
}

.order_item_recipe {
	float: left;
}

.order_item_price {
	float: right;
	color: silver;
}

.io.rest_summary_view {
	border: 1px solid chartreuse;
	border-radius: 5px;
	padding: 10px;
}

.ration_order.box.act {
	float: right;
	font-size: 16px;
	border: 1px solid green;
	margin: 5px;
	padding: 0 5px;
	border-radius: 5px;
	clear: both;
}








/* News */
.news_section.box {
  font-size: 1.2em;
  float: left;
  margin: 8px;
  color: deepskyblue;
}
.clip_copy.changed a{
	color:teal;
}
.news_date.box {
  float: left;
  color: silver;
  padding: 0 10px;
}

.news_content.box {
  float: left;
}

.news_box.box {
  float: left;
  width: 100%;
}








/* `xs` returns only a ruleset and no media query */

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media ( max-width : 767.98px) {
	.menuitem .text_label {
		display: none;
	}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media ( max-width : 991.98px) {
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media ( max-width : 1199.98px) {
}

/*  `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media ( max-width : 1399.98px) {
}