@CHARSET "UTF-8";

body
{
	
}

a
{
	
}

.sk-chase {
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}

.puncture_buttons
{
	border-radius:5px;height:90px;
}

.puncture_buttons a
{
	color:#fff;
	font-weight:bold;
}

.puncture_buttons-updatepuncturetime
{
	padding-top:11px;text-align:center;border:1px solid #fff;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#55b2dd;height:45px;
}

.puncture_buttons-updatemore
{
	float:right;border-bottom-right-radius:5px;background-color:#337ab7;width:50%;height:45px;border:1px solid #fff;text-align:center;padding-top:11px;
}

.puncture_buttons-updateless
{
	border:1px solid #fff;float:left;border-bottom-left-radius:5px;background-color:#337ab7;width:50%;height:45px;text-align:center;padding-top:11px;
}

.lightbox_preloader
{
	width:100%;
	height:100%;
	position:fixed;
	background-color:#000;
	opacity: 0.7;
	z-index:20000;
	display:none;
  	filter: alpha(opacity=50);
}

.searcher, .uploader, .surveyinput
{
	width:100%;display:flex;
}

.searcher-input, .uploader-input, .surveyinput_input
{
	flex:1;
	margin-left:5px;
}

.searcher-button, .uploader-button, .surveyinput-button
{
	margin-left:10px;
	width:120px;
	margin-right:5px;
}

.uploadbutton
{
	line-height: 1.42857143;
	width: 100%;
	border-color: #2e6da4;
color: #fff;

background-color: #337ab7;

border-color: #2e6da4;

padding: 7px 0px;



border: none;

border-radius: 4px;

cursor: pointer;

font-weight: bold;
}

#preloader
{
	top:0px;
	left:0px;
	position:fixed;
	z-index:10000;
	height:100%;
	width:100%;
	display:none;
	background-color: #111;
	opacity: 0.6;
  	filter: alpha(opacity=60);
}

.mm_user
{
	background-color: rgb(51, 122, 183);
	color:#fff;
}

.mm_surveys
{
	background-color: #ffff00;
	color:#cc0000;
}

.mm_productadd
{
	background-color: rgb(254, 150, 2);
	color:#fff;
}

.mm_mealcard, .mm_mealadd
{
	background-color:rgb(225, 38, 28);
	color:#fff;
}

.mm_mealcard:before, .mm_mealadd:before, .mm_productadd:before, .mm_surveys:before, .mm_user:before
{
	font-size:38px;
	visibility:visible;
}

textarea {
	height:230px;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

textarea#MealDescription
{
	height:100px;
}

.loginform
{
	
}

.loginformEmail, .loginformDate, .loginformPass, .loginformButton, .loginformFullName
{
	position: relative;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
}

.loginformEmail i, .loginformDate i, .loginformPass i, .loginformFullName i
{
	position: absolute;
	left:0px;
	top:2px;
	padding:9px 8px;
	color:#aaa;
	font-size:34px;
}

/*.loginformEmail.loginformEmailBg i
{
	background-color:#999;
	border-radius: 4px 0 0 4px;
}*/

input.loginform[type=email]:focus, input.loginform[type=password]:focus, input.loginform[type=date]:focus, input.loginform[type=text]:focus
{
	box-shadow: 0 0 8px 0 dodgerBlue;
	border-color: dodgerBlue;
}

input.loginform[type=email]:focus + i,input.loginform[type=password]:focus + i ,input.loginform[type=date]:focus + i, input.loginform[type=text]:focus + i
{
	color: dodgerBlue;
}

input.loginform[type=email],input.loginform[type=password],input.loginform[type=date],input.loginform[type=text]
{
	width:100%;
	border-radius: 4px;
	padding: 13px 20px;
	height:60px;
	padding-left:55px;
}

input[type=search],input[type=text], select,input[type=date]
{
    width: 100%;
    padding: 13px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input.sugarInput[type=text]
{
	width:110px;
	padding: 6px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	margin-top:14px;
	margin-left:16px;
}

input.correctInput[type=text]
{
	width:36px;
	padding: 4px 1px 3px 5px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	margin-top:14px;
	margin-left:0px;
}

input.insulinaInput[type=text]
{
	width:60px;
	padding: 6px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
	margin-top:14px;
	margin-left:14px;
}

.circle_menu
{
	border: 1px solid #aaa;
    border-radius: 55px;
    width:110px;
    height:110px;
    text-align:center;
    padding-top:37px;
    margin-left:17px;
    float:left;
    margin-top:15px;
	display:none;
}

.correctsubmit
{
	width: 30px;
    background-color: #4CAF50;
    color: white;
    padding: 4px 4px;
    margin: 4px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight:bold;
	margin-top:14px;
	margin-left:3px;
}

.sugarsubmit
{
	width: 70px;
    background-color: #4CAF50;
    color: white;
    padding: 7px 10px;
    margin: 4px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight:bold;
	margin-top:14px;
	margin-left:8px;
}

.sugarsubmit:hover
{
	 background-color: #4CAF50;
}

.formlogin
{
	width: 100%;
    background-color: #07c;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    font-weight:bold;
}

.formsubmit
{
	width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 13px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight:bold;
}


.readmore
{
	width: 100%;
    background-color: #07c;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight:bold;
}

.formsubmit:hover
{
	 background-color: #4CAF50;
}

.person-name
{
	color:#fff;
	/*position:absolute;right:65px;bottom:12px;*/text-align:right;
	float:right;
	margin-right:10px;
	margin-top:10px;
}

.person_status_bar
{
	position:fixed;width:100%;z-index:3000;background-color:#888;bottom:0px;height:40px;width:100%;left:0px;text-shadow: 1px 1px 0px #283744;font-weight:bold;font-size:14px;
}

.person_bar_image
{
	/*position:absolute;right:6px;bottom:6px;*/
	float:right;
	margin-right:8px;
	margin-top:-16px;
}

.person_bar_image img
{
	border-radius:50%;width:50px;border:1px solid #fe7f02;height:50px;
}

.person_pointers
{
	color:#ccc;
	/*position:absolute;right:228px;bottom:12px;*/
	float:right;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}

.person-wbt_pointer
{
	color:#fff;
	/*position:absolute;right:105px;bottom:12px;*/
	float:right;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}

.person-ww_pointer
{
	color:#fff;
	/*position:absolute;right:170px;bottom:12px;*/
	float:right;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
}

.productName
{
	font-size:18px;font-weight:bold;margin-left:8px;width:200px;
	margin-right:72px;
}

.table-set, .table-sugarset
{
	width:95%;
}

.table-set-subtitle
{
	background-color:#dddddd;
	font-weight:bold;
}

th
{
	background-color:#dddddd;
}

.table-set td, .table-set th
{
	padding:2px;
	text-align:center;
}

.table-sugarset td, .table-sugarset th
{
	padding:2px;
	text-align:center;
	font-size: 14px;
}

.wbt_color
{
	color:#2255dd;
}

.ww_color
{
	color:#22dd55;
}

.ww_wbt_color
{
	color:#dd0000;
}

#lgtbox1{
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 2002;
    height: 100%;
    width: 100%;
    background-image: url(../img/lbox_tile.png);
    display: none;
}

#lgtbox2{
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 2002;
    height: 100%;
    width: 100%;
    background-image: url(../img/lbox_tile.png);
    display: none;
}

.lgtb_name
{
	font-size:14px;font-weight:bold;margin-left:8px;width:390px;position:absolute;top:4px;left:37px;
}

.dish_info
{
	position:absolute;
	top:110px;
	left:5px;
	width:98%;
	font-size:14px;
}

.meal_info
{
	position:absolute;
	top:110px;
	left:5px;
	width:98%;
	font-size:14px;
}

#meal_info4, #meal_info2, #meal_info3
{
	display:none;
	overflow:auto;
	height:412px;
}

#meal_info1
{
	overflow:auto;
	height:412px;
	border:0px solid red;
}

.dishimage, .mealimage,.sugarimage
{
	left:725px;position:absolute;top:-10px;
	z-index:120;
}

.dishimage img, .mealimage img, .sugarimage img
{
	border-radius:50%;height:100px;width:100px;border:1px solid #45a049;
	
}

.contextMenuProduct, .contextMenuDish, .contextMenuMeal, .contextMenuSurvey
{
	left:725px;position:absolute;top:7px;
	border:1px solid #fe7f02;
	width:100px;
	height:420px;
	border-radius: 45px;
	background-color:#fff;
	z-index:100;
	display:none;
	text-align:center;
}



.product_display, .dish_display, .meal_display, .survey_display {
    width: 800px;
    height: 85%;
    margin-left: -400px;
    border-radius: 25px;
    background-color: #fff;
    position: absolute;
    top: 75px;
    left: 50%;
}

.tomeal
{
	background-color:#55b2dd;color:#fff; border:1px solid #fff; float:left;padding:10px;border-radius: 4px;
	
}



nav#nav-mobile
{
  position: relative;
  display: block;
}

nav#nav-mobile ul
{
    display: block;
    list-style-type: none;
	padding:0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #4CAF50;
}

.nav-mobile-product
{
	background-color: #fe9602 !important;
}

.nav-mobile-meal
{
	background-color: rgb(225, 38, 28) !important;
}

.nav-mobile-sugar
{
	background-color: #eecc00 !important;
	
}

.nav-mobile-meal-feed
{
	background-color: rgb(225, 98, 38) !important;
}

nav#nav-mobile li
{
	font-family: 'Titillium Web', sans-serif;/*'PT Sans', Arial, sans-serif;*/
	color: white;
    display: block;
    padding: 5px 0;
    margin: 0px;
    border-bottom: solid 1px #fff;
    line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
	/*font-weight:bold;*/
	font-size:16px;
}


nav#nav-mobile li:last-child
{
	border-bottom: none;
}

nav#nav-mobile a
{
    display: block;
    color: white;
    padding: 6px;
    text-decoration: none;
}

    nav#nav-mobile a:hover {
    background-color: #4CAF50;
    color: #fff;
}


nav.clearfix {
  height: 40px;
  width: 100%;
  background: #455868;
  font-size: 12pt;
  font-family: 'PT Sans', Arial, sans-serif;
  font-weight: bold;
  position: relative;
  border-bottom: 2px solid #283744;
}
nav.clearfix ul {
  padding: 0;
  margin: 0 auto;
  width: 600px;
  height: 40px;
}
nav.clearfix li {
  display: inline;
  float: left;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix
{
    *zoom: 1;
}

nav.clearfix a {
  color: #fff;
  display: inline-block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
  text-shadow: 1px 1px 0px #283744;
}

nav.clearfix li a {
  border-right: 1px solid #576979;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
nav.clearfix li:last-child a {
  border-right: 0;
}
nav.clearfix a:hover, nav a:active {
  background-color: #8c99a4;
}

nav.clearfix a#pull
{
  display: none;
}

.separator_menu
{
	display:none;
}

.contextmenu
{
	display:none;
}

.kafel
{
	width:24.857%;
	min-width:170px;
	height:100px;
	float:left;
	position:relative;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}

.kafel1
{
	background-color:#fe7f02;
}

.kafel2
{
	background-color:#4CAF50;
}

.kafel3
{
	background-color:rgb(225, 38, 28);
}

.contextmenu .kafel .tytul
{
	position:absolute;
	left:0px;
	top:42%;
	text-align:center;
	width:100%;
	font-weight:bold;
}

.kafel a
{
	text-decoration:none;
	color:#fff;
}

.insulinaForm
{
	display:none;
	width:250px;
	height:60px;
	background-color:red;
	position:absolute;
	top:184px;
	right:50px;
	z-index:90;
	border-radius: 25px;
}

.sugarForm
{
	display:none;
	width:250px;
	height:60px;
	background-color:red;
	position:absolute;
	top:269px;
	right:50px;
	z-index:90;
	border-radius: 25px;
}

.addOnsBar
{
	display:none;
	width:170px;
	height:48px;
	position:absolute;
	top:102px;
	right:50px;
	z-index:90;
	border-radius: 25px;
	border:1px solid #333;
	background-color:#fff;
}

#layer_panel_dish_dishtomeal, #layer_panel_meal_additional, #layer_panel_meal_insuline, #layer_panel_meal_checksugar,#layer_panel_dish_copy,#layer_panel_dish_edit,#layer_panel_meal_edit,#layer_panel_dish_remove, #layer_panel_meal_remove, #layer_panel_dish_tomeal,#layer_panel_dish_editproducts, #layer_panel_dish_dishbyproduct, #layer_panel_dish_editdishes, #layer_panel_dish_mealbydish, #layer_panel_dish_producttodish, #layer_panel_survey_dicsurveyfrommeal
{
	margin-top:1px;
	visibility:hidden;
	font-size:30px;
	font-family: "Glyphicons Halflings";
}


#layer_panel_meal_copy, .clock_settime, #layer_panel_meal_reload
{
	float:left;
	visibility:hidden;
	margin-left:14px;
	font-size:30px;
	font-family: "Glyphicons Halflings";
}

#layer_panel_dish_closer, #layer_panel_meal_closer,#layer_panel_survey_closer
{
	/*float:left;*/
	margin-top:2px;
	margin-left:8px;
	font-size:6px;
	visibility:hidden;
}


#layer_panel_dish_back, #layer_panel_assign_survey
{
	margin-top:2px;
	margin-left:8px;
	font-size:6px;
	visibility:hidden;
}

.survey_later:before
{
	color:#4CAF50;
	visibility:visible;
	font-size:28px;
	font-family: "Glyphicons Halflings";
	content: "\e077";
}

.survey_erlier:before
{
	color:rgb(225, 38, 28);
	visibility:visible;
	font-size:28px;
	font-family: "Glyphicons Halflings";
	content: "\e069";
}

.mealparts:before
{
	color:#fff;
	visibility:visible;
	font-size:18px;
	font-family: "Glyphicons Halflings";
	content: "\e088";
}



.dishlist_shortcut, .meallist_shortcut, .dishlist_sort, .dishlist_add
{
	float:left;
	visibility:hidden;
	margin-right:5px;
	margin-left:5px;
	font-size:28px;
	font-family: "Glyphicons Halflings";
}

.feed_button, .feeditem_button, .survey_action_button, .remove_button
{
	text-align:center;
	visibility:hidden;
	font-size:28px;
	font-family: "Glyphicons Halflings";
}

.active_button
{
	text-align:center;
	visibility:hidden;
	font-size:45px;
	font-family: "Glyphicons Halflings";	
}

.pump_button, .angry_button, .illness_button
{
	font-family: "FontAwesome";
	text-align:center;
	visibility:hidden;
	font-size:45px;
}

.illness_button_on:before
{
	content:"\f236";
	visibility:visible;
	color:#ffdd00;
}

.illness_button_off:before
{
	content:"\f236";
	visibility:visible;
	color:#ddd;
}

.active_button_on:before
{
	content:"\e005";
	visibility:visible;
	color:#ffdd00;
}

.active_button_off:before
{
	content:"\e005";
	visibility:visible;
	color:#ddd;
}

.pump_button_on:before
{
	content:"\f1fb";
	visibility:visible;
	color:#ffdd00;
}

.pump_button_off:before
{
	content:"\f1fb";
	visibility:visible;
	color:#ddd;
}

.angry_button_on:before
{
	content:"\f1e2";
	visibility:visible;
	color:#ffdd00;
}

.angry_button_off:before
{
	content:"\f1e2";
	visibility:visible;
	color:#ddd;
}

.remove_button:before
{
	content: "\e020";
	color:#ff0000;
	visibility:visible;
}

.survey_action_button:before
{
	color:#55b2dd;
	visibility:visible;
	content: "\e114";
}

.feeditem_button:before
{
	color:rgb(225, 38, 28);
	visibility:visible;
	content: "\e012";
}

.dishlist_shortcut:before, .feed_button:before
{
	color:#4CAF50;
	visibility:visible;
	content: "\e012";
}

.clock_settime:before
{
	color:red;
	visibility:visible;
	content: "\e023";
}

.meallist_shortcut:before
{
	color:rgb(225, 38, 28);
	visibility:visible;
	content: "\e012";
}

.dishlist_sort:before
{
	color:#07c;
	visibility:visible;
	content:"\e150";
}

.dishlist_add:before
{
	color:#4CAF50;
	visibility:visible;
	content:"\e081";
}

#layer_panel_meal_reload:before
{
	color:#55b2dd;
	visibility:visible;
	content: "\e031";
}

#layer_panel_meal_copy:before
{
	color:#55b2dd;
	visibility:visible;
	content: "\e224";
	
}
#layer_panel_meal_additional:before
{
	color:#000;
	visibility:visible;
	content: "\e139";
}

#layer_panel_meal_checksugar:before
{
	color:#f8e704;
	visibility:visible;
	content: "\e231";
}

#layer_panel_meal_insuline:before
{
	content: "\e146";
	color:rgb(225, 38, 28);
	visibility:visible;
}

#layer_panel_dish_editmeals:before
{
	content: "\e012";
	color:rgb(225, 38, 28);
	visibility:visible;
}

#layer_panel_dish_mealbydish:before
{
	content: "\e012";
	color:rgb(225, 38, 28);
	visibility:visible;
}

#layer_panel_dish_producttodish:before
{
	content: "\e179";
	color:#4CAF50;
	visibility:visible;
}

#layer_panel_dish_dishtomeal:before
{
	content: "\e179";
	color:rgb(225, 38, 28);
	visibility:visible;
}

#layer_panel_dish_editproducts:before
{
	content: "\e012";
	color:#fe7f02;
	visibility:visible;
}

#layer_panel_dish_dishbyproduct:before, #layer_panel_dish_editdishes:before
{
	content: "\e012";
	color:#4CAF50;
	visibility:visible;
}

#layer_panel_dish_remove:before, #layer_panel_meal_remove:before
{
	content: "\e020";
	color:#ff0000;
	visibility:visible;
	font-size:30px;
}

#layer_panel_survey_dicsurveyfrommeal:before
{
	content: "\e162";
	color:#ff0000;
	visibility:visible;
	font-size:30px;
}

#layer_panel_dish_edit:before, #layer_panel_meal_edit:before
{
	content: "\e242";
	color:#55b2dd;
	visibility:visible;
}


#layer_panel_dish_copy:before
{
	content: "\e224";
	color:#55b2dd;
	visibility:visible;
}


#layer_panel_dish_closer:before, #layer_panel_meal_closer:before, #layer_panel_survey_closer:before
{
	font-family: "Glyphicons Halflings";
  content: "\e088";
  color:red;
  visibility:visible;
  font-size:30px;
}


#layer_panel_dish_back:before
{
	font-family: "Glyphicons Halflings";
	content: "\e092";
  	color:#55b2dd;
  	visibility:visible;
  	font-size:30px;
}

#layer_panel_assign_survey:before
{
	font-family: "Glyphicons Halflings";
  	color:#4CAF50;
  	visibility:visible;
  	font-size:30px;
}

#layer_panel_dish_tomeal:before
{
	font-family: "Glyphicons Halflings";
  content: "\e066";
  color:green;
  visibility:visible;
  font-size:30px;
}


:root {
  --main-light-color: #337ab7;
  --main-dark-color: #481b0b;
  --main-background-color: black;
}

.box{
	width: 80vh;
	height: 80vh;
	/* border: solid black; */
	margin: auto;
	position: relative;
	display: block;
}

.bottom_popup{
  	height: 110px;
  	width: 190px;
  	background-color: var(--main-light-color);
  	position: absolute;
  	border-radius: 10%;
  	bottom:70px;right:76px;
  	display:none;
}

.right-point{
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 55px solid var(--main-light-color);
	position: absolute;
	top: 70px;
	right: -25px;
	transform: rotate(-60deg);
}

.userprofile-switch
{
	/*background-color:#f04343;
	height:30px;
	width:100%;*/
	line-height: 1.55;
	letter-spacing: 2px;
	margin-top:10px;
}

.userprofile-switch a
{ 
	color:#fff;
}

.userprofile-switch-span
{
	border-bottom:0px solid #fff;
	height:28px;
}

.userprofile-switch-span-u
{
	/*border-bottom:4px solid #fff;*/
	height:28px;
}



.userprofile-switch span
{
	margin-left:10px;
	color:#fff;
}

.userprofile-basics
{
	margin-left:10px;
	margin-right:10px;
	
}

.userprofile-picture, .puncture_buttons, .userprofile-password
{
	display:none;
	margin-left:10px;
	margin-right:10px;
	margin-top:50px;
}


@media screen and (max-width: 860px)
{
	.userprofile-switch
	{
		height:30px;
		width:100%;
	}

	.dishimage,.mealimage, .sugarimage
	{
		left:325px;position:absolute;top:-10px;
	}


	.contextMenuProduct, .contextMenuDish, .contextMenuMeal, .contextMenuSurvey
	{
		left:325px;position:absolute;top:7px;
	}

	.product_display, .dish_display, .meal_display, .survey_display
	{
	    width: 400px;
	    height: 80%;
	    margin-left: -220px;
	    border-radius: 25px;
	    background-color: #fff;
	    position: absolute;
	    top: 125px;
	    left: 50%;

	}
	
  nav.clearfix { 
      height: auto;
    }
    nav.clearfix ul {
      width: 100%;
      display: block;
      height: auto;
    }
    nav.clearfix li {
      width: 50%;
      float: left;
      position: relative;
    }
    nav.clearfix li a {
    border-bottom: 1px solid #576979;
    border-right: 1px solid #576979;
  }
    nav.clearfix a {
      text-align: left;
      width: 100%;
      text-indent: 25px;
    }
	.separator_menu
{
	display:block;
	clear:both;
}

	.kafel
	{
		width:49.65%;
		min-width:170px;
		height:100px;
		float:left;
		position:relative;
	}
}

@media only screen and (max-width : 480px)
{
	.userprofile-switch
	{
		height:30px;
		width:100%;
	}
	
	.dishimage,.mealimage,.sugarimage
	{
		left:278px;position:absolute;top:-10px;
		z-index:120;
	}
	
	.contextMenuProduct, .contextMenuDish, .contextMenuMeal, .contextMenuSurvey
	{
		left:278px;position:absolute;top:7px;
	}
	
	.product_display, .dish_display, .meal_display, .survey_display
	{
	    width: 355px;
	    height: 80%;
	    margin-left: -177px;
	    border-radius: 25px;
	    background-color: #fff;
	    position: absolute;
	    top: 85px;
	    left: 50%;
		
	}
	
	.separator_menu
	{
		display:block;
		clear:both;
	}
  nav.clearfix {
    border-bottom: 0;
  }
  nav.clearfix ul {
    display: none;
    height: auto;
  }
  nav.clearfix a#pull {
    display: block;
    background-color: #283744;
    width: 100%;
    position: relative;
  }
  nav.clearfix a#pull:after {
    content:"";
    background: url('../nav-icon.png') no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
	}
  
  	.lgtb_name
	{
		font-size:14px;font-weight:bold;margin-left:8px;width:250px;position:absolute;top:4px;left:37px;
	}
	
	.table-sugarset th
	{
		font-size: 13px;
	}
  
}

@media only screen and (max-width : 400px)
{

	.userprofile-switch
	{
		height:30px;
		width:100%;
	}
		.dishimage,.mealimage,.sugarimage
		{
			left:228px;position:absolute;top:-10px;
		}
		
		.contextMenuProduct, .contextMenuDish, .contextMenuMeal, .contextMenuSurvey
		{
			left:228px;position:absolute;top:7px;
		}
	
		.product_display, .dish_display, .meal_display, .survey_display
		{
		    width: 311px;
		    height: 77%;
		    margin-left: -155px;
		    border-radius: 25px;
		    background-color: #fff;
	    position: absolute;
		    top: 65px;
	    left: 50%;
		}
		
		.separator_menu
		{
			display:block;
			clear:both;
		}
	 nav.clearfix {
	    border-bottom: 0;
 }
 nav.clearfix ul {
    display: none;
    height: auto;
 }
	  nav.clearfix a#pull {
	    display: block;
	    background-color: #283744;
	    width: 100%;
	    position: relative;
	  }
	  nav.clearfix a#pull:after {
	    content:"";
	    background: url('../nav-icon.png') no-repeat;
	    width: 30px;
	    height: 30px;
	    display: inline-block;
	    position: absolute;
	    right: 15px;
	    top: 10px;
	  }
  
  
	#layer_panel_dish_editmeals:before
	{
		font-family: "Glyphicons Halflings";
		content: "\e012";
		color:rgb(225, 38, 28);
		visibility:visible;
		font-size:28px;
	}

	#layer_panel_dish_editproducts:before
	{
		font-family: "Glyphicons Halflings";
		content: "\e012";
		color:#fe7f02;
		visibility:visible;
		font-size:28px;
	}

	#layer_panel_dish_mealbydish:before
	{
		font-family: "Glyphicons Halflings";
		content: "\e012";
		color:rgb(225, 38, 28);
		visibility:visible;
		font-size:28px;
	}





	#layer_panel_dish_tomeal:before
	{
		font-family: "Glyphicons Halflings";
		content: "\e066";
		color:green;
		visibility:visible;
		font-size:28px;
	}

	#layer_panel_dish_closer:before, #layer_panel_meal_closer:before, #layer_panel_survey_closer:before
	{
		font-family: "Glyphicons Halflings";
	  content: "\e088";
	  color:red;
	  visibility:visible;
	  font-size:28px;
	}
	  
	#layer_panel_dish_dishtomeal:before,#layer_panel_meal_additional:before,#layer_panel_meal_insuline:before, #layer_panel_meal_checksugar:before, #layer_panel_dish_remove:before, #layer_panel_meal_remove:before,#layer_panel_dish_producttodish:before, #layer_panel_dish_copy:before, #layer_panel_dish_edit:before, #layer_panel_meal_edit:before, #layer_panel_dish_dishbyproduct:before, #layer_panel_dish_editdishes:before, #layer_panel_survey_dicsurveyfrommeal:before
	{
		font-size:28px;
	}
  
  
	.dish_info
	{
		position:absolute;
		top:110px;
		left:5px;
		width:98%;
		font-size:12px;
	}

	.meal_info
	{
		position:absolute;
		top:110px;
		left:5px;
		width:98%;
		font-size:12px;
	}
	
	.table-sugarset td
	{
		padding:2px;
		text-align:center;
		font-size: 12px;
	}
	
	.table-sugarset th
	{
		font-size: 13px;
	}
	
	.lgtb_name
	{
		font-size:14px;font-weight:bold;margin-left:8px;width:200px;position:absolute;top:4px;left:37px;
	}

	#meal_info2
	{
		font-size:12px;
	}	

	nav#nav-mobile li
	{
		font-size:13px;
	}

	#meal_info1,#meal_info3
	{
		overflow:auto;
		height:312px;
	}
	
	input.correctInput[type=text]
	{
		width:39px;

	}
}