BODY, HTML {
	margin:0px;
	padding:0px;
	height: 100%;
	width: 100%;
	background-color: #fffed5;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #343434;
}

.weeklymenumenugroup {
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	background-color: #fee877;
}

.tcn_filename {
	width: 250px;
}
.tcn_progress,
.tcn_filesize {
	width: 50px;
}
.tcn_buttons {
	width: 100px;
}

.require-field-label {	
	font-weight: bold;
	color: #577b88;
}

.invisible {
	display: none;
}

:focus {
	outline: none;
}

P {
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}


h1 {
	font-size: 3em;
}
h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.5em;
}

form h2 {
	margin:0px;
	padding: 0px;
}

h3.strong {
	margin: 6px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}

.white-text {
	color: #ffffff !important;
}

h2.main-menu-title {
	color: #ffffff;
	float: left;
	height: 50px;
	margin: 0px;
	line-height: 50px;
	white-space: nowrap;
	
}

#sb-header {
	display: none;
	width: 100%;
	height: 100px;
}

.meal-substance {
	height: 20px;
	font-size: 0.8em;
	width: 92%;
	border-top: 1px solid #fee877; 
	background-color: #fbfcdd;
	position: absolute;
	line-height: 20px;
	padding-left: 3px;
	overflow: hidden;
	box-sizing:border-box;
	bottom: 0px;
	left:0px;
	cursor: pointer;
}
.meal-substance.hover {
	height: 140px;
	bottom: -120px;
	z-index: 4000;
	left:0px;
	border:1px solid #fee877;
}

.day-substance {
	font-size: 0.8em;
	background-color: #fee877;
}

.loading {
	background: #6C6C6C url(image/loading1.gif) no-repeat center center;
	position: fixed;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	opacity:0.4;
	z-index: 115000;
	display: none;
}
.FormLoading {
    background: #6C6C6C url(image/loading1.gif) no-repeat center center;
    opacity: 0.4;
    position: fixed;
    width: inherit;
    top: 0px;
    bottom: 0px;
    z-index: 1000;
	display: none;
}

.loading-widget {
	background: url(image/loading1.gif) no-repeat center center;
}
.loading-widget-background {
	background: url(image/loading1.gif) no-repeat center center;
}

.foods {
	min-height: 100px;
}
.menucard[data-edit="0"] tr td .foods {
	min-height: auto;
}

.page-title {
	font-size: 3em;
	color: #fff;
	margin: 20px 0px 0px 60px;
	font-weight: 300;
}

.tree-navigation {
	color: #fff;
	font-weight: 300;
}

.tree-area {
	padding-left:1px;
	position: absolute;
	top: 53px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: auto;
}

.current-page-title {
	font-size: 3em;
	margin: -80px 0px 30px 0px;
	font-weight: 300;
}

.inlineb {
	display: inline-block;
	margin-left:10px;
}

.icon-bar {
	position: relative;
	margin: -20px 60px;
	text-align: right;
	z-index: 2000;
}

.page-title-small {
	font-size: 1.5em;
	color: #ffffff;
	margin: 40px 20px;
}

.user-information {
	position: absolute;
	right: 60px;
	top: 30px;
	text-align: right;
	height: 50px;
	z-index:1000;
}
.user-profile {
	width: 60px;
	height: 60px;
	float: right;
	margin-left: 5px;
	border-radius: 50%;
}
.user-profile-big {
	width: 160px;
	height: 160px;
	float: left;
	margin-left: 5px;
}
.user-firstname {
	color: #343434;
	font-size: 2em;
	padding: 0px 3px;
	line-height: 60px;
	text-align: right;
	float: right;
	cursor: pointer;
}
.user-lastname {
	color: #fff;
	font-size: 1em;
	text-align: right;
}

.menu-bar {
	position: fixed;
	width: 280px;
	top: 130px;
	bottom: 0px;
	left: 0px;
	margin-left: 60px;
}

.valide_panel{
	background-color: #D5FDC5;
}

.invalide_panel{
	background-color: #ff5c0a;
}

.all-stock {
	font-size:13px;
	font-weight: bold !important;
}

.menu-panel {
	position: absolute;
	display: inline-block;
	zoom: 1;
	margin-right: 12px;
	margin-bottom: 20px;
	height: 120px;	
	width: 120px;	
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	-khtml-border-radius: 20px; 
	border-radius: 20px;
}

.menu-panel:hover {
	opacity: 0.8;
	cursor: pointer;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

.menu-title {
	position: absolute;
	font-size: 1em;
	bottom: 10px;
	text-align: center;
	width:100%;
}

.green-panel {
	background-color: #189f04;
}

.very-ligh-gray-panel {
	background-color: #ECECFB;
}

.turquoise-panel {
	background-color: #84989d;
}

.purple-panel {
	background-color: #89049d;
}

.dark-purple-panel {
	background-color: #780171;
}

.light-purple-panel {
	background-color: #936eca;
}

.brown-panel {
	background-color: #9b3a03;
}

.red-panel {
	background-color: #cc0919;
}
.light-red-panel {
	background-color: #fee0d1;
}
.light-green-panel {
	background-color: #cbffb2;
}

.dark-purple-panel {
	background-color: #765d84;
}

.dark-yellow-panel {
	background-color: #edce2c;
}

.dark-red-panel {
	background-color: #ff003c;
}

.grey-panel {
	background-color: #616161;
}
.light-grey-panel {
	background-color: #cccccc;
}

.yellow-panel {
	background-color: #CEC814;
}

.greenish-panel {
	background-color: #007986
}

.blue-panel {
	background-color: #02659e;
}

.dark-blue-panel {
	background-color: #021c60;
}

.light-blue-panel {
	background-color: #7ba0ff;
}

.sky-blue-panel {
	background-color: #55a2f3;
}

.dark-green-panel {
	background-color: #5a724e;
}

.light-green-panel {
	background-color: #7BDB56;
}

.white-panel {
	background-color: #ffffff;
}

.orange-panel {
	background-color: #ed8d10; 
}

.dark-orange-panel {
	background-color: #df7d00;
}

.greyish-yellow-panel {
	background-color: #cfd225 !important;
}

.deep-purple-panel {
	background-color: #342538;
}

.deep-pink-panel {
	background-color: #c1444c;
}

.pink-panel {
	background-color: #EFBFFF;
}

.light-yellow-panel {
	background-color: #fcff00;
}

.greyish-blue-panel {
	background-color: #506084;
}

.greyish-green-panel {
	background-color: #84c99c;
}

/*	borderek */
.green-border {
	border-color: #189f04 !important;
}

.purple-border {
	border-color: #89049d !important;
}

.dark-purple-border {
	border-color: #780171 !important;
}

.light-purple-border {
	border-color: #936eca !important;
}

.brown-border {
	border-color: #9b3a03 !important;
}

.red-border {
	border-color: #cc0919 !important;
}

.dark-purple-border {
	border-color: #765d84 !important;
}

.dark-yellow-border {
	border-color: #fcdc33 !important;
}

.dark-red-border {
	border-color: #ff003c !important;
}

.grey-border {
	border-color: #616161 !important;
}

.yellow-border {
	border-color: #338C0A !important;
}

.greenish-border {
	border-color: #007986 !important;
}

.blue-border {
	border-color: #02659e !important;
}

.dark-blue-border {
	border-color: #021c60 !important;
}

.light-blue-border {
	border-color: #7ba0ff !important;
}

.dark-green-border {
	border-color: #5a724e !important;
}

.light-green-border {
	border-color: #bcfda5 !important;
}

.white-border {
	border-color: #ffffff !important;
}

.orange-border {
	border-color: #ed8d10 !important; 
}

.dark-orange-border {
	border-color: #df7d00 !important;
}

.greyish-yellow-border {
	border-color: #cfd225 !important;
}

.deep-purple-border {
	border-color: #342538 !important;
}

.deep-pink-border {
	border-color: #c1444c !important;
}

.pink-border {
	border-color: #ff96f9 !important;
}

.light-yellow-border {
	border-color: #fcff00 !important;
}

.greyish-blue-border {
	border-color: #506084 !important;
}

.greyish-green-border {
	border-color: #84c99c !important;
}

/* border vége */

.menu-ingredients {
	background-image: url(image/menu-ingredients.png);
}

.menu-invoices {
	background-image: url(image/menu-invoices.png);
}

.menu-menu-card {
	background-image: url(image/menu-menu-card.png);
}

.menu-booking {
	background-image: url(image/menu-booking.png);
}

.menu-portion {
	background-image: url(image/menu-portion.png);
}

.menu-inventory {
	background-image: url(image/menu-inventory.png); 
}

.menu-recipes {
	background-image: url(image/menu-recipes.png);
}

.menu-setup {
	background-image: url(image/menu-setup.png);
}

.menu-basics {
	background-image: url(image/menu-basic.png);
}

.menu-reports {
	background-image: url(image/menu-report.png);
}

.menu-invoices-small {
	background-image: url(image/menu-invoices-small.png);
}

.menu-booking-small {
	background-image: url(image/menu-booking-small.png);

}

.menu-ingredients-small {
	background-image: url(image/menu-ingredients-small.png);
}

.menu-menu-card-small {
	background-image: url(image/menu-menu-card-small.png);
}

.menu-portion-small {
	background-image: url(image/menu-portion-small.png);
}

.menu-inventory-small {
	background-image: url(image/menu-inventory-small.png); 
}

.menu-recipes-small {
	background-image: url(image/menu-recipes-small.png);
}

.menu-setup-small {
	background-image: url(image/menu-setup-small.png);
}

.menu-basics-small {
	background-image: url(image/menu-basic-small.png);
}

.menu-reports-small {
	background-image: url(image/menu-report-small.png);
}

#page {
/*	display: none;*/
}

#page-area {
	position: fixed;
	left: 0px;
	right:0px;
	bottom:0px;
	top: 0px;
	overflow:auto;
}

.page-area-editable {
	background-color:#f1f1f1;
}

/* submenu */
.greyish-green-panel-submenu, 
.greyish-blue-panel-submenu, 
.deep-pink-panel-submenu, 
.greyish-yellow-panel-submenu, 
.dark-yellow-panel-submenu, 
.dark-purple-panel-submenu, 
.deep-purple-panel-submenu, 
.dark-orange-panel-submenu, 
.sky-blue-panel-submenu,
.submenu-panel {
	display: none;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	width: 250px;
	overflow:auto;
	z-index:6000;
}

.sky-blue-panel-submenu {
	background-color: #55a2f3;
}

.greyish-green-panel-submenu {
	background-color: #84c99c;
}

.greyish-blue-panel-submenu {
	background-color: #506084;
}

.deep-pink-panel-submenu {
	background-color: #c1444c;
}

.greyish-yellow-panel-submenu {
	background-color: #cfd225;
}
 
.dark-yellow-panel-submenu {
	background-color: #edce2c;
}

.dark-orange-panel-submenu {
	background-color: #df7d00;
}

.dark-purple-panel-submenu {
	background-color: #765d84;
}

.deep-purple-panel-submenu {
	background-color: #342538;
}

.sub-sub-menu {
	display:none;
	padding: 0px !important;
}

.sub-sub-menu.active-sub {
	display: block;
	opacity:0;
	height:0px;
	overflow: auto;
	padding: 0px !important;
}

.submenu-list,
.submenu-list li ul,
.submenu-list ul li ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.submenu-list li,
.submenu-list li ul li,
.submenu-list li ul li ul li {
	margin: 2px 0px !important;
	padding: 2px 5px !important;
	width: 100% !important;
	color: #343434 !important;
	box-sizing: border-box;
}
.submenu-list li:hover
.submenu-list li ul li:hover
.submenu-list li ul li ul li:hover{
	background-color: transparent !important;
}
.submenu-list:hover,
.submenu-list:hover ul,
.submenu-list:hover ul li,
.submenu-list:hover ul li ul li,
.sub-sub-menu:hover,
.sub-sub-menu:hover ul li:not(.active-list){
	background-color: transparent !important;
}

.active-list,
.row.active-list,
.row:hover {
	background-color: #f0a123 !important;
}

.greyish-green-panel-submenu ul.submenu,
.sky-blue-panel-submenu ul.submenu, 
.greyish-blue-panel-submenu ul.submenu, 
.deep-pink-panel-submenu ul.submenu, 
.greyish-yellow-panel-submenu ul.submenu, 
.dark-yellow-panel-submenu ul.submenu, 
.dark-purple-panel-submenu ul.submenu, 
.deep-purple-panel-submenu ul.submenu, 
.dark-orange-panel-submenu ul.submenu, 
ul.submenu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	width: 250px;
	bottom: 31px;
	overflow: auto;
	top: 100px;
}

.greyish-green-panel-submenu ul.submenu li,
.sky-blue-panel-submenu ul.submenu li 
.greyish-blue-panel-submenu ul.submenu li, 
.deep-pink-panel-submenu ul.submenu li, 
.greyish-yellow-panel-submenu ul.submenu li, 
.dark-yellow-panel-submenu ul.submenu li, 
.dark-purple-panel-submenu ul.submenu li, 
.deep-purple-panel-submenu ul.submenu li, 
.dark-orange-panel-submenu ul.submenu li, 
ul.submenu li {
	padding: 12px 20px;
	margin: 0px;
	font-size: 1em;
	cursor: pointer;
}

ul.submenu li {
	color: #343434;
}
ul.submenu li:hover, 
ul.submenu li.active {
	background-color: #5ae072;	
	color: #ffffff;
	cursor: pointer;
}

.dark-orange-panel-submenu ul.submenu li {
	color: #ffffff;
}
.dark-orange-panel-submenu ul.submenu li:hover, 
.dark-orange-panel-submenu ul.submenu li.active {
	background-color: #F0A123;	
	color: #ffffff;
}

.dark-orange-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.dark-orange-panel-submenu ul.menu-list_submenu_closed .active_menu_icon  {
	background-color: #faba68;	
	color: #ffffff;
}

.dark-purple-panel-submenu ul.submenu li {
	color: #ffffff;
}
.dark-purple-panel-submenu ul.submenu li:hover, 
.dark-purple-panel-submenu ul.submenu li.active {
	background-color: #6a1c96;
	color: #ffffff;
}
.dark-purple-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.dark-purple-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #6a1c96;	
	color: #ffffff;
}

.greyish-green-panel-submenu ul.submenu li {
	color: #ffffff;
}
.greyish-green-panel-submenu ul.submenu li:hover, 
.greyish-green-panel-submenu ul.submenu li.active {
	background-color: #5eb67d;	
	color: #ffffff;
}

.greyish-green-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.greyish-green-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #5eb67d;	
	color: #ffffff;
}

.greyish-blue-panel-submenu ul.submenu li {
	color: #ffffff;
}
.greyish-blue-panel-submenu ul.submenu li:hover, 
.greyish-blue-panel-submenu ul.submenu li.active {
	background-color: #334368;	
	color: #ffffff;
}

.greyish-blue-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.greyish-blue-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #334368;	
	color: #ffffff;
}

.deep-pink-panel-submenu ul.submenu li {
	color: #ffffff;
}
.deep-pink-panel-submenu ul.submenu li:hover, 
.deep-pink-panel-submenu ul.submenu li.active {
	background-color: #e0555e;	
	color: #ffffff;
}

.deep-pink-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.deep-pink-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #e0555e;	
	color: #ffffff;
}

.sky-blue-panel-submenu ul.submenu li {
	color: #ffffff;
}
.sky-blue-panel-submenu ul.submenu li:hover, 
.sky-blue-panel-submenu ul.submenu li.active {
	background-color: #4482C3;	
	color: #ffffff;
}

.sky-blue-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.sky-blue-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #4482C3;	
	color: #ffffff;
}

.greyish-yellow-panel-submenu ul.submenu li {
	color: #ffffff;
}
.greyish-yellow-panel-submenu ul.submenu li:hover, 
.greyish-yellow-panel-submenu ul.submenu li.active {
	background-color: #a5a80e;	
	color: #ffffff;
}

.greyish-yellow-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.greyish-yellow-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #a5a80e;	
	color: #ffffff;
}

.deep-purple-panel-submenu ul.submenu li {
	color: #ffffff;
}
.deep-purple-panel-submenu ul.submenu li:hover, 
.deep-purple-panel-submenu ul.submenu li.active {
	background-color: #654c6c;	
	color: #ffffff;
}

.deep-purple-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.deep-purple-panel-submenu ul.menu-list_submenu_closed .active_menu_icon {
	background-color: #654c6c;	
	color: #ffffff;
}

.dark-yellow-panel-submenu ul.submenu li {
	color: #ffffff;
}
.dark-yellow-panel-submenu ul.submenu li:hover, 
.dark-yellow-panel-submenu ul.submenu li.active {
	background-color: #f0a123;	
	color: #ffffff;
}

.dark-yellow-panel-submenu ul.menu-list_submenu_closed .submenu_icons_closed:hover, 
.dark-yellow-panel-submenu ul.menu-list_submenu_closed .active_menu_icon  {
	background-color: #f0a123;	
	color: #ffffff;
}

.dark-yellow-panel-submenu ul.submenu li.sub-sub-menu,
.dark-yellow-panel-submenu ul.submenu li.sub-sub-menu:hover {
	background-color: #fee877 !important;
	color: #343434;
}
.dark-yellow-panel-submenu ul.submenu li.sub-sub-menu,
.dark-yellow-panel-submenu ul.submenu li.sub-sub-menu:hover {
	background-color: #fee877 !important;
	color: #343434;
}
.dark-purple-panel-submenu ul.submenu li.sub-sub-menu,
.dark-purple-panel-submenu ul.submenu li.sub-sub-menu:hover {
	background-color: #fcf1fb !important;
	color: #ffffff;
}
.dark-purple-panel-submenu ul.submenu li.sub-sub-menu,
.dark-purple-panel-submenu ul.submenu li.sub-sub-menu:hover {
	background-color: #fcf1fb !important;
	color: #ffffff;
}


.dark-orange-panel-submenu ul.submenu li.sub-sub-menu,
.dark-orange-panel-submenu ul.submenu li.sub-sub-menu:hover {
	background-color: #FFCA87 !important;
	color: #343434;
}


/*	submenu vege */


.function-bar {
	position: fixed;
	bottom: 0px;
	height: 100px;
	left: 0px;
	right: 0px;
	background-color: #008299;
}

.column-2 {
	position: absolute;
	width: 500px;
	box-sizing: border-box;
	padding: 5% 20px 20px 20px;
}

.column-2.left {
	bottom: 0px;
	top: 0px;
	right: 50%;
	text-align: left;
	overflow:auto;
}

.column-2.right {
	position: fixed;
	overflow: auto;
	width: 340px;
	bottom: 0px;
	top: 0px;
	left: 50%;
	background-color: #1aa833;
	text-align: left;
	color: #ffffff;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	-khtml-border-radius: 20px; 
	border-radius: 20px;
}

.padding30 {
	padding-top: 30px;
}

.link,
a:link,
a:visited,
a:active {
	color: #4b8efb;
	font-weight: 300;
	text-decoration: none;
}
.link,
a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.copyright {
	margin-top: 20px;
}

.copyright P {
	font-size: 0.8em;
	margin: 0px;
}

.help {
	display:none;
	position: fixed;
	background-color: #e4e4e4;
	border: 1px solid #cccccc;
	padding: 10px;
	z-index: 300;
	width: 300px;
	box-sizing: border-box;	
	-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}
.help:before{
	content: '';
	display: block;
	position: absolute;
	top: 5%;
	left: -20px;
	width: 0;
	height: 0;
	border-color: transparent #e4e4e4 transparent transparent;
	border-style: solid;
	border-width: 10px;
}


.widget-zone {
	left: 0px !important;
	bottom: 10px !important;
	/*border: 2px dashed #6464e1 !important;	 */
}

#widget-workplace { /*kell az ujhoz is*/
	position: absolute;
	top: 72px;
	left: 0px;
	right: 45px;
	bottom: 40px;
	margin-left: 10px;
	padding:8px;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.6);
	border: 8px solid #fcdc33;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	-khtml-border-radius: 20px; 
	border-radius: 20px;
	overflow-x:hidden;
	overflow-y:auto;
}

#widget-workplace .menucard-list{

	width: 96%;
	position: absolute;
	bottom: 0px;
	top: 58px;
	left: 55px;

}

#widget-workplace .toolbar{

	margin-left:50px;

}

#menus_side_bar, #calendar_side_bar{

	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:38px;
	background-color:#fcdc33;
	border: 8px solid #fcdc33;
	background-image: url(image/etlap.png);
    background-repeat: no-repeat;
	background-position: center;

}

#calendar_side_bar {
	background-color:#55a2f3;
	border: 8px solid #55a2f3;
	background-image: url(image/calendar.png);

}

.widget {
	position: relative;
	width: 400px;
	height: 250px;
	float: left;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 25px !important;
	text-align:center;
	background-color: #1aa734 !important;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	-khtml-border-radius: 20px; 
	border-radius: 20px;
	overflow-x:hidden;
	overflow-y:auto;
}

.widget-contain {
	position: absolute;
	top: 40px;
	width:100%;
	height: 87%;
	bottom: 0px;
}

.widget-title {
	color: #ffffff;
	font-size: 2em;
	font-weight: 100;
}

.print_this_widget{
	display:block;
	position:absolute;
	left:11px;
	bottom:0px;
	padding-left:3px;
	padding-right:3px;
	cursor: pointer;
	opacity:0.9;
	color:black !important;
}
.print_this_widget:hover{
	opacity:0.6;
}

.delete_widget{
	display: block;
	position: absolute;
	right: 11px;
	top: 9px;
	height: 14px;
	width: 10px;
	color: white;
	cursor: pointer;
	background-image: url('image/delte_widget.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity:0.4;
}

.delete_widget:hover{
	opacity:0.9;
}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}


.empty-widget-title {
	color: #ffffff;
	font-size: 150%;
	font-weight: 100;
	text-align: center;
}

.empty-widget {
	/*border:1px dashed #646464;*/
	background-color: #1aa734 !important;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	-khtml-border-radius: 20px; 
	border-radius: 20px;
}

ul.widget-area {
	column-count: calc((100% - 250px) / 420);
	column-gap: 10px;
	-webkit-column-count: calc((100% - 250px) / 420);
	-webkit-column-gap: 10px;
	list-style: none;
	overflow: auto;
	padding: 0px;
}

ul.widget-area li {
	display: inline-block;
	zoom:1;
	vertical-align: top;
	width: 410px;
	height: 250px;
	white-space:nowrap;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	box-sizing: border-box;
}

ul.widget-area li:hover {
	background-color: #3c217c;
}

.table-zone {
	position: fixed !important;
/*	left:260px;*/
	right: 25px;
	bottom: 0px;
	top: 108px;
}

.table-responsive {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 93px;
	overflow:auto;
}

.table-responsive-nobutton {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: -47px;
	overflow:auto;
}

.table-area {
	position: fixed;
	left: 316px;
	right: 10px;
	bottom: 0px;
	top: 158px;
}

.search-field {
	width: 200px !important;
	padding:16px 30px !important;
	margin-top: 1px;
	/*border: 1px solid #1aa734 !important;*/
	background: #ffffff url(image/btn_search.png) no-repeat left center;
	height: 50px !important;
	margin: 0px 3px 0px 0px;
}
.search-field30 {
	width: 180px !important;
	padding:0px 30px !important;
	border:1px solid #cccccc !important;
	background: #ffffff url(image/btn_search.png) no-repeat left center;
	height: 32px !important;
}

.parent-date,
.parent-select {
	width: 200px !important;
	padding: 0px 0px !important;
	border:1px solid #cccccc !important;
	height:50px;
	box-sizing: border-box;
	margin-left: 3px;
}


.search-button {
	height:48px !important;
	margin-top:1px !important;
	width:15px !important;
	float:left !important;
	display:none;
}

.search-panel {
	width: 100%;
	height: 53px;
	/*background-color: #343434;*/
	/*overflow: hidden;*/
}

.rotatediv {
    margin-top: 74px;
    padding: 0px;
    margin-left: 0px;	
	text-align: center !important;
}

.rotate90 {
	width: 80px;
	height: 20px;
	text-align: left;
    -ms-transform: rotate(-90deg); /* IE9+ */
    -moz-transform: rotate(-90deg);  /* Firefox */
    -o-transform: rotate(-90deg);  /* Opera */
    -webkit-transform: rotate(-90deg);  /* Safari & Chrome */
    transform: rotate(-90deg);	
	transform-origin: top left; 
	-webkit-transform-origin: top left; 
	-moz-transform-origin: top left; 
	-o-transform-origin: top left; 
}

.weekend {
	background-color: #cccccc;
}
.weekend:hover {
	background-color: #cccccc !important;
}

table.list, table.list-1, table.login-form, table.table-header, table.form, table.list-multi-row, table.info, table.list-row, table.list-border{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	table-layout: fixed;
}

.table-header {
	height: 50px;
	position: absolute;
	left: 0px;
	right: 0px;
}

table.list tbody tr:hover {
	background-color: #c2e3f2 !important;
	cursor: pointer;
}
table.list tbody tr.nobg:hover {
	background-color: #eeeeee !important;
}
table.list tbody tr.nobg-noborder:hover {
	background-color: #eeeeee !important;
}

table.list tbody tr.nobg-noborder td {
	border:none !important;
}



table.list-row tbody tr:hover {
	background-color: #cccccc;
	cursor: pointer;
}

table.list-multi-row tbody:hover {
	background-color: #eeeeee;
	cursor: pointer;
}

table.list-multi-row tbody  {
	border-bottom: 1px solid #fbfcfe;
}

table.list-row tfoot tr td,
table.list tfoot tr td,
table.list-border tfoot tr td,
table.list-multi-row tfoot tr td,
table.table-header thead tr th,
table.list-multi-row thead tr th,
table.list-row thead tr th,
table.list thead tr th,
table.list-1 thead tr th,
table.list-1 tfoot tr th,
table.list-1 tfoot tr td,
table.list-border thead tr th {
	background-color: #dce0e1 !important;
	color: #343434;
	padding: 11px 5px;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	border-right: 1px solid #d9dbda;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

table.list-border tr,
table.list tr,
table.list-1 tr {
	height: 40px;
}

table.list-multi-row tfoot tr td,
table.list-row thead tr th,
table.list-multi-row thead tr th {
	background-color: #014a7f;
}


table.list-row tbody tr td,
table.list-border tbody tr td,
table.list tbody tr td {
	padding: 2px 5px;
	border-bottom: 1px solid #d9dbda;
	color: #343434;
	box-sizing: border-box;
	font-weight: 400;
	/*overflow: hidden;
	white-space: nowrap;*/
}

table.list-1 tbody tr td {
	padding: 2px 5px;
	border-bottom: 1px solid #d9dbda;
	color: #343434;
	box-sizing: border-box;
	font-weight: 400;
}

table.list-row tr td {
	padding: 5px!important;
}

table.list-border tbody tr td {
	border-right: 1px solid #d9dbda;
}

table.list-row tbody tr td.thin {
	padding: 0px 5px !important;
}
table.form tr td.title {
	padding-left: 2px;
	vertical-align:bottom;
}
table.form tbody tr td {
	position: relative;
/*	border-bottom: 1px solid #d9dbda;*/
}
table.form tbody tr td:first-child {
	width: 200px;
	font-weight: bold;
	vertical-align:top;
	padding-top: 6px;
}

table.list-border tbody tr:hover,
table.list tbody tr:hover {
	background-color: #eeeeee;
	cursor: pointer;
}
table.list-border tbody tr.active-row,
table.list tbody tr.active-row {
	background-color: #eeeeee;
}

/*table tbody tr:nth-child(odd) td {
	background-color: #3367b9;
}*/

.form-zone {
	position:fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 0px;
	/*background-color: #3c217c;*/
	background-color: #eeeeee;
	color: #343434;
	overflow-y:auto;
	overflow-x:hidden;
}

.form-header {
	height: 60px;
	/*width: 100%;*/
	/*padding: 20px;*/
	/*margin: 30px 20px 0px 20px;*/
	box-sizing: border-box;
	text-align: right;
	/*border-top-right-radius: 20px;
	border-top-left-radius: 20px;*/
	background-color: #dce0e1;
	overflow:hidden;
}

.edit-button,
.print-button,
.excel-button,
.header-button,
.cancel-button,
.back-button,
.saveparam-button,
.load-button,
.closing-button,
.new-record-button,
.records-button,
.set-manual-button,
.set-auto-button,
.save-button {
	display: inline-block;
	width: 90px;
	padding: 10px;
	font-size: 13px;
	font-weight:bold;
	height: 58px;
	color:#ffffff;
	text-align: center;
	padding-top: 35px;
	box-sizing: border-box;
	margin-right: 1px;
}

.new-record-button,
.records-button,
.saveparam-button,
.load-button,
.header-button {
	float: left;
}

.edit-button:hover,
.print-button:hover,
.excel-button:hover,
.header-button:hover,
.cancel-button:hover,
.closing-button:hover,
.back-button:hover,
.new-record-button:hover,
.records-button:hover,
.set-manual-button:hover,
.saveparam-button:hover,
.load-button:hover,
.set-auto-button:hover,
.save-button:hover {
	cursor: pointer;
	opacity: 0.8;
}

input[readonly] {
	background-color: #f5f5f5;
}

.set-manual-button,
.set-auto-button {
	background: #84989d;
	float:left;
	padding-top: 6px;
	
}

.new-record-button {
	background: #84989d url(image/check.png) no-repeat top center;
}
.records-button {
	background: #84989d url(image/check.png) no-repeat top center;
}
.save-button {
	background: #84989d url(image/save.png) no-repeat top center;
}
.closing-button {
	background: #cd3a3a url(image/save.png) no-repeat top center;
}
.cancel-button {
	background: #84989d url(image/cancel.png) no-repeat top center;
}
.back-button {
	background: #84989d url(image/back1.png) no-repeat top center;
}
.print-button {
	background: #84989d url(image/print_widget.png) no-repeat;
	 background-position: 50% 30%; 
	background-size: 40% 40%;
}
.excel-button {
	background: #84989d url(image/excel-icon.png) no-repeat;
	background-size: 30%;
    background-position: 50% 9px;
}
.edit-button {
	background: #84989d url(image/cancel.png) no-repeat top center;
}

.check {
	background: #84989d url(image/check.png) no-repeat top center;
}

.form-content, .form-content-dictation {
	width: 100%;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	overflow: auto;
	overflow-x: hidden;
}

.button-back {
	width: 40px;
	height: 40px;
	float:left;
	background: url(image/back2.png) no-repeat top center;
	border:1px solid #dddddd;
}


.form-content-dictation {
	width: 100%;
	color: #000000;
}

.form-content-wide {
	position: relative;
	width: 100%;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
}

.form-content-fixed {
	bottom:10px;
	width: 100%;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	overflow: auto;
}

form table.dictation {
	width: 99%;
	margin-left: 0px;
}  

form table.dictation tr td {
	height: 30px;
}

form table.dictation tr td:first-child {
	width: 200px;
	text-align: right;
}

form table.dictation tr td[colspan="2"] {
	width: 200px;
	text-align: left;
}

.description {
	margin: 5px 0px;
	border-left: 5px solid #cccccc;
	padding: 10px;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"],
select,
textarea {
	padding: 0px 6px;
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	margin-left:0px;
	height: 26px;
}

input[type="number"] {
	padding-right: 0px;
}
select {
	padding: 3px 6px;
}
textarea {
	height: auto;
}

.small {
	padding: 2px !important;
	width: 50px;
	font-size: 0.8em; 
}
.right-field {
	text-align:right;
}

.right {
	float: right;
}
.left {
	float: left;
}

input[type="button"].tab-sub-buttons,
input[type="button"].tab-ingredient-buttons,
input[type="button"].tab-buttons {
	width: auto;
	float: left;
	font-size: 0.82em;
	margin-right: 2px;
	margin-top:2px;
	min-width: 19%;
}

input[type="button"].tab-sub-buttons,
input[type="button"].tab-ingredient-buttons {
	min-width: 0%;
	width: 16.27%;
}

input[type="submit"],
input[type="button"] {
	font-size: 1em;
	color: #ffffff;
	/*background-color: #c09400;*/
	display: block;
	width: 100%;
	text-decoration:none;
	text-align: center;
	/*padding: 10px 5px;*/
	box-sizing: border-box;
	border: none;
	height: 32px;
}
input[type="submit"]:hover,
input[type="button"]:hover {
	opacity: 0.8;
}

select,
textarea {
	width: 100%;
}

textarea {
	padding:5px;
}

select {
	margin-left:0px;
}

.error-input {
	border:1px solid #ff4b71 !important;
}
.error-checkbox {
	outline:1px solid #ff4b71 !important;
}
.error {
	position: relative;
	color: #ff4b71;
	font-size: 1em;
	display: none;
	padding-left: 2px;
	/*margin-bottom: 10px;*/
}

.input-search {
	position: absolute;
	right: 10px;
	left: 50px;
	border-left: none;
	height: 50px !important;
}

.icons-50x50-1aa734,
.icons-50x50-577b88,
.icons-50x50-d0d24b,
.icons-50x50,
.icons-50x50-empty {
	width: 50px;
	height: 50px;
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;	
}

.facebook {
	background-image: url(image/facebook.png);	
	width: 48px;
	height: 48px;
	display: inline-block;
	border-radius: 50%;
	border:1px solid #cccccc;
}
.facebook:hover {
	background-color: #1aa833;
	background-image: url(image/facebook-white.png);	
	
}

.icons-44x44-1aa734{
	width: 44px;
	height: 44px;
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

.icons-50x50-1aa734 span {
	display: inline-block;
	position: absolute;	
	font-size: 0.7em;
	text-align: center;
	bottom:2px;
	width: 100%;
	zoom: 1;
	color: #84989d;
}
.icons-50x50-1aa734.verified span,
.icons-50x50-1aa734.active-icon span,
.icons-50x50-1aa734:hover span {
	color: #ffffff;
}

.icons-50x50-empty {
	text-align: center;
	line-height: 50px;
	font-size: 2em;
	color: #ffffff;
	font-weight: 100;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
}

.fa {
	text-align: center;
	line-height: 20px;
	width: 20px;
	height: 20px;
	font-size: 0.8em;
	color: #343434;
	font-weight: 100;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
}

.no-border {
	border: 1px solid #1aa734;
	-moz-border-radius: 0px !important; 
	-webkit-border-radius: 0px !important; 
	-khtml-border-radius: 0px !important; 
	border-radius: 0px !important;
}

.icons-50x50 {
	/*background-image: url(image/iconset.png);*/
	background-image: url(image/iconset-cccccc.png);
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin-right: 3px;
}

.icons-50x50-577b88 {
	background-image: url(image/iconset-577b88.png);
	border: 1px solid #577b88;
	box-sizing: border-box;
	margin-right: 3px;
}
.icons-50x50-d0d24b {
	background-image: url(image/iconset-d0d24b.png);
	border: 1px solid #cfd225;
	box-sizing: border-box;
	margin-right: 3px;
}
.icons-50x50-1aa734 {
	background-image: url(image/iconset-cccccc.png);
	border: 1px solid #cccccc;
	box-sizing: border-box;
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	margin-right: 3px;
}

.icons-44x44-1aa734 {
	background-image: url(image/iconset-cccccc.png);
	border: 1px solid #cccccc;
}

.icons-50x50:hover, .active-icon {
	/*background-color: #2b2b2b;*/
	background-image: url(image/iconset.png);
	background-color: #5ae072;
	cursor: pointer;
}

.icons-50x50-577b88:hover, .active-icon577b88 {
	background-image: url(image/iconset.png);
	background-color: #577b88;
	cursor: pointer;
}
.icons-50x50-1aa734:hover, .icons-50x50-1aa734.active-icon, .icons-50x50-1aa734.verified {
	background-image: url(image/iconset.png);
	background-color: #189f04;
	cursor: pointer;
}

.icons-50x50-black {
	width: 50px;
	height: 50px;
	display: inline-block;
	background-image: url(image/iconset-black.png);
}


.icon-skip-back { background-position: -8px -9px }
.icon-add { background-position: -65px -9px }
.icon-previous { background-position: -121px -9px }
.icon-help { background-position: -178px -9px }
.icon-rotate-camera { background-position: -235px -9px }
.icon-attach-camera { background-position: -292px -9px }
.icon-contact-info { background-position: -348px -9px }
.icon-pin { background-position: -404px -9px }
.icon-rotate { background-position: -461px -9px }
.icon-webcap { background-position: -518px -9px }
.icon-page2 { background-position: -574px -9px }
.icon-show-bcc { background-position: -632px -9px }
.icon-reply { background-position: -688px -9px }
.icon-presence { background-position: -744px -9px }
.icon-placeholder { background-position: -802px -9px }
.icon-unfavorite { background-position: -858px -9px }
.icon-dislike { background-position: -916px -9px }
.icon-admin { background-position: -972px -9px }
.icon-tag { background-position: -1029px -9px }
.icon-phonebook { background-position: -1086px -9px }
.icon-report-hacked { background-position: -1142px -9px }
.icon-two-bars { background-position: -1199px -9px }
.icon-skip-ahead { background-position: -8px -66px }
.icon-no { background-position: -65px -66px }
.icon-favorite { background-position: -121px -66px }
.icon-upload { background-position: -178px -66px }
.icon-people { background-position: -235px -66px }
.icon-zoomin { background-position: -292px -66px }
.icon-hung-up { background-position: -348px -66px }
.icon-music-info { background-position: -404px -66px }
.icon-shuffle { background-position: -461px -66px }
.icon-pictures { background-position: -518px -66px }
.icon-day { background-position: -574px -66px }
.icon-hide-bcc { background-position: -632px -66px }
.icon-slideshow { background-position: -688px -66px }
.icon-priority { background-position: -744px -66px }
.icon-view { background-position: -802px -66px }
.icon-unpin { background-position: -858px -66px }
.icon-like { background-position: -916px -66px }
.icon-street { background-position: -972px -66px }
.icon-repeat-once { background-position: -1029px -66px }
.icon-memo { background-position: -1086px -66px }
.icon-sync-folder { background-position: -1142px -66px }
.icon-three-bars { background-position: -1199px -66px }
.icon-play { background-position: -8px -123px }
.icon-yes { background-position: -65px -123px }
.icon-photo { background-position: -121px -123px }
.icon-emaji { background-position: -178px -123px }
.icon-close-pane { background-position: -235px -123px }
.icon-bookmarks { background-position: -292px -123px }
.icon-view-all { background-position: -348px -123px }
.icon-go { background-position: -404px -123px }
.icon-list { background-position: -461px -123px }
.icon-save-local { background-position: -518px -123px }
.icon-week { background-position: -574px -123px }
.icon-cut { background-position: -632px -123px }
.icon-sort { background-position: -688px -123px }
.icon-skydrive { background-position: -747px -123px }
.icon-lock-screen { background-position: -802px -123px }
.icon-open-local { background-position: -858px -123px }
.icon-align-right { background-position: -916px -123px }
.icon-map { background-position: -972px -123px }
.icon-repeat-all { background-position: -1029px -123px }
.icon-microphone { background-position: -1086px -123px }
.icon-block-concat { background-position: -1142px -123px }
.icon-four-bars { background-position: -1199px -123px }
.icon-pause { background-position: -8px  -179px }
.icon-more { background-position: -65px  -179px }
.icon-settings { background-position: -121px -179px }
.icon-two-page { background-position: -178px -179px }
.icon-open-pane { background-position: -235px -179px }
.icon-document { background-position: -292px -179px }
.icon-map-pin { background-position: -348px -179px }
.icon-keyboard { background-position: -404px -179px }
.icon-shop { background-position: -461px -179px }
.icon-caption { background-position: -518px -179px }
.icon-calendar { background-position: -574px -179px }
.icon-attach { background-position: -632px -179px }
.icon-manage { background-position: -688px -179px }
.icon-today { background-position: -744px -179px }
.icon-set-title { background-position: -802px -179px }
.icon-mute { background-position: -858px -179px }
.icon-align-center { background-position: -916px -179px }
.icon-clear-selection { background-position: -972px -179px }
.icon-outline-star { background-position: -1029px -179px }
.icon-post-update { background-position: -1086px -179px }
.icon-switch-apps { background-position: -1142px -179px }
.icon-edit { background-position: -8px  -236px }
.icon-redo { background-position: -65px  -236px }
.icon-video { background-position: -121px -236px }
.icon-upload { background-position: -178px -236px }
.icon-world { background-position: -235px -236px }
.icon-protected-document { background-position: -292px -236px }
.icon-phone { background-position: -348px -236px }
.icon-dock-left { background-position: -404px -236px }
.icon-select-all { background-position: -461px -236px }
.icon-stop { background-position: -518px -236px }
.icon-characters { background-position: -574px -236px }
.icon-paste { background-position: -632px -236px }
.icon-all-apps { background-position: -688px -236px }
.icon-font { background-position: -744px -236px }
.icon-cc { background-position: -802px -236px }
.icon-italic { background-position: -858px -236px }
.icon-align-left { background-position: -916px -236px }
.icon-decrease-font { background-position: -972px -236px }
.icon-solid-star { background-position: -1029px -236px }
.icon-back-to-window { background-position: -1086px -236px }
.icon-add-friend { background-position: -1142px -236px }
.icon-save { background-position: -8px  -293px }
.icon-save-multiple {   
	background-image: url(image/save-multiple.png );
	width: 48px;
	height: 48px;
	border: 1px solid #CCC;
	background-size: 40px 40px;
	background-position: center center;
	background-repeat: no-repeat; 
	margin-right:2px;
	cursor:pointer;

}
.icon-add-empty {
	background-image: url(image/add-empty-ico-ccc.png );
	background-position: 5px 5px;

}
.icon-add-empty:hover {
	background-image: url(image/add-empty-ico.png );
	background-position: 5px 5px;

}
.icon-save-multiple:hover {  
	background-image: url(image/save-multiple-hover.png );
	background-color:#189f04;

}
.icon-save-multiple span { 
	display: inline-block;
	position: relative;
	font-size: 0.7em;
	text-align: center;
	top: 33px;
	width: 100%;
	zoom: 1;
	color: #84989d;
}
.icon-save-multiple:hover span {
	color:#fff;
}
.icon-undo { background-position: -65px  -293px }
.icon-refresh { background-position: -121px -293px }
.icon-forward-email { background-position: -178px -293px }
.icon-flag { background-position: -235px -293px }
.icon-page { background-position: -292px -293px }
.icon-video-chat { background-position: -348px -293px }
.icon-dock-right { background-position: -404px -293px }
.icon-orientation { background-position: -461px -293px }
.icon-show-result { background-position: -518px -293px }
.icon-reply-all { background-position: -574px -293px }
.icon-filter { background-position: -632px -293px }
.icon-unfilter { background-position: -1199px -179px }
.icon-disconnect-drive { background-position: -688px -293px }
.icon-font-cold { background-position: -744px -293px }
.icon-stop-slidshow { background-position: -802px -293px }
.icon-underline { background-position: -858px -293px }
.icon-zoom { background-position: -916px -293px }
.icon-increase-font { background-position: -972px -293px }
.icon-calculator { background-position: -1029px -293px }
.icon-full-screen { background-position: -1086px -293px }
.icon-tuch-pointer { background-position: -1142px -293px }
.icon-delete { background-position: -8px  -349px }
.icon-home { background-position: -65px  -349px }
.icon-download { background-position: -121px -349px }
.icon-clock { background-position: -178px -349px }
.icon-preview-link { background-position: -235px -349px }
.icon-bullets { background-position: -292px -349px }
.icon-switch { background-position: -348px -349px }
.icon-dock-bottom { background-position: -404px -349px }
.icon-import { background-position: -461px -349px }
.icon-volume { background-position: -518px -349px }
.icon-read { background-position: -574px -349px }
.icon-copy { background-position: -632px -349px }
.icon-map-drive { background-position: -688px -349px }
.icon-contact { background-position: -744px -349px }
.icon-permission { background-position: -802px -349px }
.icon-bold { background-position: -858px -349px }
.icon-zoom-out { background-position: -916px -349px }
.icon-font-size { background-position: -972px -349px }
.icon-direction { background-position: -1029px -349px }
.icon-new-folder { background-position: -1086px -349px }
.icon-goto-start { background-position: -1142px -349px }
.icon-discard { background-position: -8px  -406px }
.icon-out { background-position: -65px  -406px }
.icon-mail { background-position: -121px -406px }
.icon-send { background-position: -178px -406px }
.icon-globe { background-position: -235px -406px }
.icon-comments { background-position: -292px -406px }
.icon-contact1 { background-position: -348px -406px }
.icon-remote { background-position: -404px -406px }
.icon-import-all { background-position: -461px -406px }
.icon-repair { background-position: -518px -406px }
.icon-link { background-position: -574px -406px }
.icon-emoji2 { background-position: -632px -406px }
.icon-new-window { background-position: -688px -406px }
.icon-folder { background-position: -744px -406px }
.icon-highlight { background-position: -802px -406px }
.icon-move-to-folder { background-position: -858px -406px }
.icon-open-file { background-position: -916px -406px }
.icon-cellphone { background-position: -972px -406px }
.icon-target { background-position: -1029px -406px }
.icon-calendar-reply { background-position: -1086px -406px }
.icon-zero-bars { background-position: -1142px -406px }
.icon-remove { background-position: -8px  -463px }
.icon-next { background-position: -65px  -463px }
.icon-search { background-position: -121px -463px }
.icon-crop { background-position: -178px -463px }
.icon-trim { background-position: -235px -463px }
.icon-mail2 { background-position: -292px -463px }
.icon-rename { background-position: -348px -463px }
.icon-sync { background-position: -404px -463px }
.icon-browse-phoe { background-position: -461px -463px }
.icon-message { background-position: -518px -463px }
.icon-accounts { background-position: -574px -463px }
.icon-inportant { background-position: -632px -463px }
.icon-open-with { background-position: -688px -463px }
.icon-audio { background-position: -744px -463px }
.icon-disable-update { background-position: -802px -463px }
.icon-like-dislike { background-position: -858px -463px }
.icon-other-user { background-position: -916px -463px }
.icon-reshare { background-position: -972px -463px }
.icon-library { background-position: -1029px -463px }
.icon-unsync-folder { background-position: -1086px -463px }
.icon-one-bar { background-position: -1142px -463px }
.icon-excel{ background-position: -1199px -236px }
.icon-pdf{ background-position: -1199px -293px }
.icon-print{ background-position: -1199px -349px }


ul.menu-list {
	list-style: none;
	margin-left: 60px;
	margin-top: 60px;
	padding: 0px;
	overflow: auto;
    height: calc( 100% - 60px );
}

ul.menu-list li {
	display: inline-block;
	zoom:1;
	vertical-align: top;
	width: 300px;
	margin-top: 10px;
	padding: 3px;
	white-space:nowrap;
	box-sizing: border-box;
	min-height: 46px;
}

ul.menu-list li:hover {
	background-color: #f2f0a0;
	cursor: pointer
}

.small-menu-title {
	color: #343434;
	display: inline-block;
	zoom:1;
	height: 40px;
	overflow: hidden;
	margin-left:2px;
	float: left;
	white-space: pre-wrap;
	width: calc(100% - 42px);
	box-sizing: border-box;
}	 

.menu-icon {
	width: 40px;
	height: 40px;
	display: inline-block;
	zoom:1;
	float:left;
	background-image: url(image/menu-icon-set.png);
	position: static;
    margin: 0px;
}

.small-menu-menus { background-position: 0px 0px }
.small-menu-menu-planning { background-position: -80px 0px }
.small-menu-menu-generation { background-position: -40px 0px }
.small-menu-menu-dublication { background-position: -160px 0px }
.small-menu-weekly-number { background-position: -120px 0px }
.small-menu-menu-orders { background-position: -200px 0px }
.small-menu-partners { background-position: -240px 0px }
.small-menu-stock { background-position: -280px 0px }
.small-menu-incomming { background-position: -320px 0px }
.small-menu-outgoing { background-position: -360px 0px }
.small-menu-outgoing-using { background-position: -400px 0px }
.small-menu-inventory-notes { background-position: -480px -80px }
.small-menu-stock-tacking { background-position: -440px 0px }
.small-menu-create-order { background-position: -480px 0px }
.small-menu-orders { background-position: -520px 0px }
.small-menu-vendors { background-position: -560px 0px }
.small-menu-recipies { background-position: 0px -40px }
.small-menu-ingredient-replace { background-position: -80px -40px }
.small-menu-recipebook { background-position: -120px -40px }
.small-menu-ingredients { background-position: -160px -40px }
.small-menu-nutrients { background-position: -240px -40px }
.small-menu-tax-replace { background-position: -200px -40px }
.small-menu-ingredients-prices { background-position: -280px -40px }
.small-menu-company { background-position: -80px -80px }
.small-menu-subscription { background-position: -120px -80px }
.small-menu-kitchens { background-position: -320px -40px }
.small-menu-inventories { background-position: -360px -40px }
.small-menu-here-list { background-position: -400px -40px }
.small-menu-users { background-position: -480px -40px }
.small-menu-user-permissions { background-position: -520px -40px }
.small-menu-roles { background-position: -560px -40px }
.small-menu-logs-loggin { background-position: -240px -80px }
.small-menu-logs-editing { background-position: -280px -80px }
.small-menu-agegroups { background-position: -80px -80px }
.small-menu-holidays { background-position: -160px -80px }
.small-menu-customize { background-position: 0px -80px }
.small-menu-dictation { background-position: -400px -80px }
.small-menu-reports { background-position: -440px -80px }
.small-menu-events { background-position: -200px -80px }
.small-menu-import { background-position: -320px -80px }
.small-menu-export { background-position: -360px -80px }

/*molnar.krisztian*/
.small-menu-statments { background-position: -520px -80px } /*intézmények*/
.small-menu-recipies-group { background-position: -560px -80px } /*receptcsoportok*/
.small-menu-befor-mat-changes { background-position: 0px -120px } /*korábinyersanyagcserek*/
.small-menu-material-group { background-position: -40px -120px } /*nyersanagycsoportok*/
.small-menu-material-category { background-position: -80px -120px } /*nyersanyagkategoriak*/
.small-menu-material-allergy { background-position: -120px -120px } /*alergéncsoportok*/
.small-menu-material-diat { background-position: -160px -120px } /*diéták*/
.small-menu-material-eating { background-position: -200px -120px } /*étkezések*/
.small-menu-material-tax { background-position: -240px -120px } /*áfakulcs*/
.small-menu-material-mony-type { background-position: -280px -120px } /*pénznemek*/
.small-menu-material-selejt { background-position: -320px -120px } /*selejtezési*/
.small-menu-material-mat-out { background-position: -360px -120px } /*anyagkiszabat*/
.small-menu-accesory { background-position: -400px -120px } /*találatimenyiség*/
.small-menu-made-list { background-position: -440px -120px } /*gyártásinaptó*/
.small-menu-ferkvenci-list { background-position: -480px -120px } /*gyakoriségilista*/
.small-menu-slot { background-position: -520px -120px } /*létszámösszesítő*/
.small-menu-inventory { background-position: -560px -120px } /*raktárkészlet*/
.small-menu-inventory-list { background-position: -0px -160px } /*bevételezés*/
.small-menu-inventory-in { background-position: -40px -160px } /*kivételezések*/
.small-menu-inventory-change { background-position: -80px -160px } /*raktárkészlet vétozások*/
.small-menu-inventory-tex-list { background-position: -120px -160px } /*számlaösszesítő*/


div.tree {
	overflow: auto;
}

.tcn-tree-zone {
	margin: 0px auto;
	width: 900px;
	padding: 0px;
	list-style: none;
}

ul.tcn-tree {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.tcn-tree li,
ul.tcn-tree li.tcn-open,
ul.tcn-tree li.tcn-close {
	height: auto;
	display: block;
	float: none;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	/*background: url(image/left.png) no-repeat left top;*/
	cursor: pointer;
	vertical-align: top;
	zoom:1;
}

ul.tcn-tree li span {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-top: 0px;
	margin-left: 5px;
	padding-top: 3px;
	white-space: nowrap; 
	overflow: hidden;
}

ul.tcn-tree li.tcn-active-tree,
ul.tcn-tree li.tcn-open {
	padding: 0px 0px 0px 10px;
	/*background: url(image/down1.png) no-repeat left top;*/
	border: none;
}

ul.tcn-tree li.tcn-active-tree UL,
ul.tcn-tree li.tcn-open  UL{
	display: block;
}

ul.tcn-tree li.tcn-active-tree UL LI,
ul.tcn-tree li.tcn-open  UL LI{
	height: auto;
	display: block;
	float: none;
}


ul.tcn-tree li.tcn-close ul {
	padding: 0px 0px 0px 25px;
	margin: 5px 0px 0px 0px;
	display: none;
}

ul.tcn-tree li.tcn-close ul li {
	height: auto;
	display: block;
	float: none;
}

ul.tcn-tree li ul {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	display: none;
}

ul.tcn-tree li ul li {
	height: auto;
	display: block;
	float: none;
}

.tcn-tree-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	float: left;
	background-image: url(image/ui-icons_222222_256x240.png);
	zoom: 1;
}

.tcn-tree-hover {
	background-color:red;
	border:1px solid black;
}
.tcn-tree-hover1 {
	background-color:green;
	border:1px solid black;
}


.ui-tabs-vertical { width: 1em; }
.ui-tabs-vertical > .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical > .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical > .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical > .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical > .ui-tabs-panel { padding: 1em; float: right;}

.multi-table {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	table-layout: fixed;
	font-size: 0.88em;
}

.multi-table tr td:nth-child(odd) {
	text-align:right;
	width: 35%;
}


iframe.dictation {
	width: 100%;
	height: 99%;
}


#filter-list {
	width:100%;
	height:165px;
	display:none;
	background-color: #fffed5;
	position: relative;
}

.delete-filter-box {
	position: absolute;
	height: 15px;
	width: 100%;
	bottom: 0px;
	border-top: 1px solid #000;
	background-color: #fff;
}

.delete-filter {
	cursor: pointer;
}
.delete-filter:hover {
	text-decoration: underline;
}

.filter-box {
	margin: 0px;
	padding:0px;
	list-style:none;
	vertical-align: top;
}

.filter-box li {
	vertical-align: top;
	display: inline-block;
	zoom:1;
	float: left;
	height: 150px;
}
.filter-title {
	margin: 0px;
	padding-left: 3px;
	box-sizing: border-box;
	height: 30px;
}

.filter-data {
	height: 120px;
	overflow: auto;
}

.select-panel {
	float: right;
	width: 40px;
	height: 15px;
	z-index: 100;
}

.selectAll, .selectNone {
	width: 15px;
	height: 15px;
	cursor: pointer;
	display: inline-block;
	zoom: 1;
}

.selectAll {
	background: url(image/selectall.png) no-repeat;
}

.selectNone {
	background: url(image/selectnone.gif) no-repeat;
}

.selectAll-white {
	background: url(image/selectall.png) no-repeat;
}

.selectNone-white {
	background: url(image/selectnone.gif) no-repeat;
}

.ui-widget-header {
	border-bottom: 3px solid #84989d;
	padding-left:8px !important; 
	width:100%;
	box-sizing: border-box;
}

.ui-tabs-active, .ui-state-active {
	background: none !important;
	background-color: #84989d !important;
	border: none !important;
	margin-bottom: 0px;
	/*height: 30px !important;*/
}

.ui-tabs-active a {
	color: #ffffff !important;
}

.tcn-group-checkbox-mainlist {
	padding: 0px;
	list-style: none;
}

.tcn-group-checkbox-main {
	padding: 5px 0px;
}


.tcn-group-checkbox-main span.main-label {
	display: block;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
	cursor: pointer;
	padding-left: 20px;
}

.tcn-group-checkbox.main {
	padding-left: 20px;
}

.tcn-group-checkbox-main span.main-label.open-main {
	background: url(image/arrow-down-black.png) no-repeat left center;
}
.tcn-group-checkbox-main span.main-label.close-main {
	background: url(image/arrow-left-black.png) no-repeat left center;
}

.tcn-group-checkbox-arrow.open-arrow {
	background: url(image/arrow-down-black.png) no-repeat center center;
}
.tcn-group-checkbox-arrow.close-arrow {
	background: url(image/left.png) no-repeat center center;
}

#tcn-group-checkbox-search {
	padding: 10px;
	padding-left: 30px;
	width: 100%;
	height: 30px;
	background: #ffffff url(image/btn_search.png) no-repeat left center;
	opacity: 0.5;
}

#tcn-group-checkbox-search:hover,
#tcn-group-checkbox-search:focus{
	opacity: 1;
}

.tcn-group-checkbox,
.tcn-checkbox {
	list-style:none;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
}

.tcn-group-checkbox-arrow {
	width: 20px;
	height: 20px;
	background-color:red;
	display: inline-block;
	cursor: pointer;
}

ul.tcn-group-checkbox li.group {
	font-weight:bold;
	padding: 10px 0px;
}
ul.tcn-group-checkbox li.list {
	padding-left: 30px;
}

.info tr td {
	padding: 5px;
}
.info tr td:first-child {
	text-align: right;
	width: 160px;
}

.info tr td:last-child {
	color: #343434;
	font-weight: bold;
}

.highlight {
	color: #0F0F1E;
	font-weight:bold;
}

.toolbar {
	width:100%;
	height: 50px;
	margin:0px;
	padding: 0px 3px;
	overflow: hidden;
	/*background-color: #fffda5;*/
}

.menucard-list {
	/*background-color: #00bcf2;*/
	width: 100%;
	position:absolute;
	bottom:0px;
	top: 50px;
	left: 0px;
	/*display:none;*/
	/*z-index: 5000;*/
}
#menucards {
	position:absolute;
	bottom:0px;
	top: 0px;
	right: 0px;
	left: 0px;
	overflow: auto;
}

.meal-summary {
	background-color: #fffda5;
	border-top: 1px solid #edce2c;
}

.menucard-list ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

.menucard-list ul li {
	padding: 5px 0px;
	margin: 0px;
	color: #ffffff;
}

.menucard-list ul li div.row{
	width: 100%;
	padding: 3px 5px;
	box-sizing: border-box;
}

.menucard-list ul li div.row:hover,
.menucard-list ul li div.row.active-list {
	background-color: #ffab3f;
	cursor: pointer;
}

.caption {
	/*display: inline-block;*/
	zoom:1;
}

ul#menuList > li > div.caption {
	width: 100%;

}

ul#menuList > li > div.caption:hover {
	background-color:#FFD38C;

}

.current-menu {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0px 3px;
	box-sizing: border-box;
	/*color: #ffffff;*/
	font-size: 1.2em;
	zoom:1;
	position:absolute;
	top: 0px;
}


.day-box {
	position: absolute;
	top: 110px;
	bottom: 0px;
	width: 200px;
	border: 1px solid red;
	display: inline-block;
	zoom:1;
}

.day-box-header {
	height: 40px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background-color: #cc0919;
}

.meal-box {
	width:100%;
}

.meal-box-header {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background-color: #189f04;
}

.menu-header {
	height: 25px;
	width: 100%;
	background-color: #189f04;
	margin-top: 10px;
}
.current-menu-title {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 25px;
	padding-left: 10px;
}

.biogastro {
	background-color: #f9f8f8;
}

.menucard {
	width: 100%;
	border-collapse:separate;
	border-spacing: 5px;
	table-layout: fixed;
}

.menucard tr td.group {
	background-color: #f0a123;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	border: none;
	box-sizing: border-box;
}

.menucard tr td.colheader {
	background-color: #fee877;
	color: #343434;
	text-align: center;
	font-weight: bold;
	border: none;
}

.menucard tr td.rowheader {
	background-color: #fee877;
	color: #343434;
	text-align: center;
	font-weight: bold;
	border: none;
	vertical-align: middle;
}

.menucard tr td {
	border: 1px solid #cccccc;
	width: 100%;
}
.menucard[data-edit="0"] tr.menu {
	vertical-align: top;
	height: auto;
}
.menucard tr.menu {
	vertical-align: top;
	height: 100px;
}
.menucard tr.menu td.summary, 
.menucard tr.summary {
	vertical-align: top;
	background-color: #fee877;
}
.menucard tr.menu td.summary:hover,
.menucard tr.summary td.recipe:hover{
	background-color: transparent;
}

.menucard tr td.meal {
	color: #343434;
	text-align: left;
	font-weight: normal;
	padding: 3px;
}

.menucard tr td.recipe:hover,
.menucard tr td.selected {
	background-color: #ffac3f;	
}

.menucard[data-edit='0'] tr td.recipe {
	text-align:left;
	vertical-align:top;
	position: relative;	
	height: auto;
	padding-bottom: 7px;
}
.menucard tr td.recipe {
	text-align:left;
	height: 100px;
	padding-bottom: 45px;
	vertical-align:top;
	position: relative;
}

.menucard tr td.summary {
	background-color: #fee877;	
	text-align:left;
	height: 100px;
	vertical-align:top;
}

.recipe-field {
	width:100%;
}

.ok-button{
	margin-top:0px !important;
	padding:0px !important;
	width:26px !important;
	height:26px !important;
	display:inline-block !important;
	zoom:1;
}

.menu-recipe, .menu-ingredient {
	padding: 2px;
	height: 20px;
	box-sizing: border-box;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
}

.menucard[data-edit="0"] tr td .menu-recipe, 
.menucard[data-edit="0"] tr td .menu-ingredient {
	padding: 2px;
	box-sizing: border-box;
	overflow: auto;
	word-break: normal;
	white-space: normal;
	height: auto;
}



.menu-recipe div, 
.menu-recipe span, 
.menu-ingredient div,
.menu-ingredient span{
	float:left;
}

.menu-recipe-title-no-drag {
	display: inline-block;
	cursor: default;	
	float: none;
	line-height: 100%;
    padding-bottom: 5px;
}

.menu-recipe-title {
	overflow: hidden;
	display: inline-block;
	zoom:1;
	cursor: move;
}

.menu-recipe-title {
	width: calc(100% - 40px);
}
.menu-recipe-title-no-drag {
	width: calc(100% - 20px);
}
.half-checked {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#errorMessage {
	position: absolute;
	margin-top: 40%;
	padding: 10px 10px;
	width: 80%;
	box-sizing: border-box;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	color: #ffffff;
	background-color: #088620;
	opacity: 0;
	display: none;
	z-index: 5000;
}

.message {
	padding: 10px 10px;
	width: 500px;
	box-sizing: border-box;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #3c1900;
	background-color: #feffcb;
}
.message-left {
	padding: 10px 10px;
	width: 700px;
	box-sizing: border-box;
	text-align: left;
	color: #3c1900;
	background-color: #feffcb;
}

.error-message {
	background-color: #cc0919 !important;
}

.report-parameter-zone {
	position: absolute;
	top:0px;
	bottom: 0px;
	right: 0px;
	left: 20px;
	width:100%;
	overflow: auto;
}

.user-menu {
	position: absolute;
	top: 90px;
	right: 30px;
	display: none;
	width: 250px;
	height: auto;
	background-color: #fdfdfd;
	border:1px solid #8F8F8F;
	z-index: 11000;
}

.user-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.user-menu ul li  {
	box-sizing: border-box;
	padding: 8px 20px;
	height: 30px;
	cursor: pointer;
}

.user-menu ul li:hover {
	background-color: #014a7f;
	color: #ffffff;
}

.lock-window {
	display: none;
	position: fixed;
	z-index: 60000;
	background-color: #014a7f;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.lock-window.locked {
	display: block;
}

.lock-login {
	width: 600px;
	margin: 150px auto;
	height: 300px;
}

.lock-login ul {
	margin:0px;
	padding: 0px;
	list-style: none;
	vertical-align: top;
}

.lock-login ul li{
	display: inline-block;
	zoom:1;
	margin-right: 20px;
	vertical-align: top;
}

.lock-password {
	padding: 6px 5px;
	width: 200px;
	margin-top: 25px;
}

.lock-password-button {
    position: relative;
    display: inline-block !important;
    background-color: #7577fb;
    width: 30px !important;
    height: 26px !important;
    box-sizing: border-box !important;
    color: #ffffff;
    margin-left: -33px !important;
    top: 0px !important;
}

.interval {
	float:left;
	height: 50px;
}

.interval select {
	height: 50px !important;
	width: 220px !important;
	margin: 0px !important;
	float: left;
	border-left: none;
}

.interval input[type="text"] {
	height: 50px !important;
	width: 100px !important;
	margin: 0px !important;
	float: left;
}

.interval #year,.interval #year1 {
	width: 80px !important;
}

.interval input[type="button"] {
	display: inline-block !important;
	width: 50px !important;
	height: 50px !important;
	zoom:1 !important;
	position:relative !important;
	top:0px;
}

.origin:hover {
	text-decoration: underline;
	cursor: pointer;
}

/*widget molnar_krisztian*/

.befor_interval{
	margin-left:8px;
	display:block;
	float:left;
	font-weight:500;
	color:#fff;
	text-align:left;
}

.widget-contain input.hasDatepicker {
	width: 17.5%;
	display: block;
	float:left;
	margin-left: 2px;
	margin-bottom: 2px;
}

.widget-contain select{
	display:block;
	float:left;
	margin:0 auto;
	width:29.5%;
	margin-bottom:2px;
}

.befor_interval{
	margin-left:10px;
	display:block;
	float:left;
	font-weight:500;
	color:#fff;
	text-align:left;
}

.widget-contain input{
	width: 17%;
	vertical-align: baseline;
	margin-left: 2.5px;
	margin-bottom: 2px;
}

#no_have_meal{
	margin:0 auto;
	position:relative;
	top:40%;
	color:#fff;
}

#no_new_news{
	margin:0 auto;
	position:relative;
	top:40%;
	color:#fff;
}

#no_lack{
	margin:0 auto;
	position:relative;
	top:40%;
	color:#fff;
}

/*news*/

.news_parts_continer{
	margin-top:4px;
	width: 100%;
	text-align:center;
	cursor:pointer;
}
.news_parts_continer:hover{
	opacity:0.7;
}

.new_parts_title{
	color:#fff;
	width:100%-1px;
	padding-top:2px;
	height:25px;
	background-color:#39BF7A;
	font-weight:bold;
}

.news_parts_text{
	padding:5px;
	width:100%-5px;
	min-height:10px;
	text-align:justify;
	background-color:#FFF;
	opacity:0.9;
}

/*pop-up window*/

#opend_news_parts_continer{
	margin:0 auto;
	position:relative;
	min-width:510px;
	height:420px;
}

.opend_news_parts_arrow{
	position:absolute;
	min-width:100px;
	width:20%;
	height:100%;
	background-color:#C9C055;
	opacity:0.4;
}
.opend_news_parts_arrow:hover{
	opacity:0.9;
}

#opend_news_parts_arrow_left{
	left:0;
	top:0;
}
#opend_news_parts_arrow_right{
	right:0;
	top:0;
}

#pop_up_continer{
	min-width:510px;
}

.opend_news_parts_continer_inner{
	position:absolute;
	left:20%;
	top:0px;
	width:60%;
	height:100%;
	color:#FFF;
}

.opend_new_parts_title{
	text-align:center;
	color:#fff;
	width:100%-1px;
	padding-top:2px;
	height:25px;
	background-color:#39BF7A;
	font-weight:bold;
}

.opend_news_parts_text{
	padding:5px;
	width:100%-5px;
	height:auto;
	overflow:auto !important;
	text-align:justify;
	opacity:0.7;
	color:#000000;
}

/*----------widget-----------*/

/*--/news--*/

/*proc*/

#task_continer{
	width:100%;
	height:auto;
}

.proces_continer{
	/*margin-top:-1px;*/
	margin-bottom:0px;
	/*background-color:#84c99c;*/
	/*border-bottom:1px solid white !important;*/
}

.proces_continer div{
	padding:2px;

}

.proces_note{
	text-align:left;
	padding-left:15px !important;
	margin-top: 5px;
	border: 1px solid #FFF !important;
	cursor:pointer;
}

.proces_note_in{
	color:#fff;
}

.proces_deadline{
	right:5px;
	text-align:right;
	margin-left:-7px;
	width: 100%;
	color:#fff;
	border-bottom:1px solid #fff;
}

.modify_proc_atcivity{
	cursor:pointer;
	width:50% !important;
	margin:0px auto !important;
	background-color:transparent;
	border-left:1px solid white !important;
	border-right:1px solid white !important;
	border-bottom:1px solid white !important;
}

#clean_modify{
	margin: 10px auto -9px auto;
	padding-top: 0px;
	width: 49%;
	height: 20px;
	text-align: center;
	background-color: #FFF;
	cursor: pointer;
	font-weight:bold;
}

#add_proc_date_picker{
	display: block;
	margin: -9px auto;
	width: 49% !important;
	float:none;
}

#add_proc_button_send{
	display: block;
	margin: 10px auto;
	background-color: transparent;
	width: 49%;
	cursor: pointer;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
}

#send_proc_data_continer{
	/*background-color:#506084;*/
	margin-top:0px;
	margin-bottom:-10px;
}

#add_proc_date_textarea{
	margin-top:-2px;
	min-width:100%;
	max-height:90px;
}

#proc_add_mod_error{
	/*background-color:#506084;*/
	color:#FFF;
	border-top:1px solid white;
}

/*----/proc---*/

/*notes*/

#notes_continer{
	position:relative;
	width:100%;
	height:100%;
}
#notes_bottom_menu{
	position: absolute;
	left:0;
	bottom:0px;
	width:100%;
	height:80px;
}
#add_note_textarea{
	margin-bottom:-5px;
	min-height:46px;
	max-height:46px;
}
#bottom_menu_up{
	position: absolute;
	left: 45%;
	bottom: 9px;
	width: 40px;
	height: 35px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding-top: 5px;
	border:1px solid #fff;
	color: #FFF;
	opacity:0.7;
	font-size: 40px;
	text-align: center;
	cursor:pointer;
}
#bottom_menu_up:hover{
	opacity:0.9;
}
#clean_modify_notes{
	margin: -5px auto;
	padding-top: 0px;
	width: 49%;
	height: 20px;
	text-align: center;
	background-color: #FFF;
	cursor: pointer;
	margin-bottom: 5px;
	font-weight: bold;	
	
}

#note_rows_continer{
	height:76%;
	overflow-y:scroll;
	overflow-x:hidden;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.note_rows{
	position:relative;
	margin:0 auto;
	width: 91%;
	padding-left:20px;
	padding-right:20px;
	text-align: left;
	height: auto;
	cursor: pointer;
	color:#fff;
	border-bottom:1px solid #d3d3d3;
}

.notes_arrows{
	position:absolute;
	width:12px;
	height:18px;
	top:45%;
	opacity:0.4;
	cursor:pointer;
}
.notes_arrows:hover{
	opacity:0.9;
}

#notes_arrow_left{
	left:6px;
	background-image: url('image/active-row_left.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#notes_arrow_right{
	right:6px;
	background-image: url('image/active-row.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#notes_row_id_0{
	display:block;
}

#add_note_button_send{
	display: block;
	margin:-3px auto;
	background-color: #1AA732;
	width: 49%;
	cursor: pointer;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
#delete_note_button_send:hover{
	opacity:0.6;
}

#delete_note_button_send{
	display: inline-block;
	margin:-3px auto;
	background-color: #1AA732;
	width: 24%;
	cursor: pointer;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
#add_note_button_send:hover{
	opacity:0.6;
}
/*-----/notes-----*/

/*lack*/

.widget_lack_parts{
	width:100%;
}
.widget_lack_parts label{
	display:inline-block;
	width:20%;
	background-color:#FFF;
	text-align:center;
	border-bottom:1px solid #000000;
}

.widget_lack_parts div{
	display:block;
	width:20%;
	background-color:#FFF;
	text-align:center;
	border-bottom:1px solid #000000;
}

.lack_table{
	width:100%;
}

.lack_table th{
	background-color:#fff !important;
}

.lack_table td{
	background-color:#D6D6D6;
	text-align:center;
}

/*-----/lack------*/

/*widget print css format*/
.print_table{
	margin:0 auto;
	border:1px solid black;
}
.print_table th{
	border:1px solid black;
}

.print_table td, .print_table tr{
	border:1px solid black;
}

.widget_food_table{
	width:100%;
	color:#fff;
	margin:15px auto;
	text-align:left;
    border-spacing: 0px;
}
.widget_food_table th{
	border:1px solid #FFF;
	padding: 4px;
	padding-left:10px;
}
.widget_food_table td, .widget_food_table tr{
	border-bottom:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	padding: 4px;
	padding-left:10px;
}

.widget_food_table_right{
	text-align:right;
}

/*------/widget print css format-------------*/

/*------inventro_last_12-----*/

/*----/inventro_last_12-----*/


.autocomplete-dashboard {
	background-color: #fffdce;
}

.scollable-up {
	width: 100%;
	height: 5px;
	background:url(image/smallarrowdown.png) no-repeat top center;
	cursor: pointer;
}

.scrollable {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background:url(image/smallarrowup.png) no-repeat top center;
}

.tcn_uploaded_files {
	width: 100%;
}

#emptyimage {
	box-sizing: border-box;
	width: 150px;
	height: 150px;
	text-align: center;
	padding: 30px 0px; 
	font-size: 18px;
	color: #cccccc;
}

.no-picture {
	width: 150px;
	height: 150px;
	border: 2px solid #cccccc;
	float: left;
	background: url(image/no-picture.png) no-repeat left top;
}

#dropzone, .slider, .tcn-image-zone {
	width: 150px;
	height: 150px;
	border: 2px solid #cccccc;
	float: left;
	/*background: url(image/no-picture.png) no-repeat left top;*/
	overflow:hidden;
	text-align:center;
}

.tcn-image {
	opacity: 0;
}

.tcn-image-zone {
	position:relative;
}

.tcn-image-zone .tcn-image-buttons,
#profile-image .tcn-image-buttons {
	display:none;
}

#profile-image:hover .tcn-image-buttons {
	position: absolute;
	top: 5px;
	right: 5px;
	display:block;
}


/*format etlap sablon*/

#zindex_modify_continer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:20%;
}

#etlap_continer_all_elements{
	position:absolute;
	right: 0px;
	top:50px;
	left:0;
	bottom:0px;
	background-color:#D2D2D2;
	overflow: auto;
}

#header_continer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-color:#ADADAD;
}

#left_side_item_continer{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:100%;
	background-color:#CF974C;
}
.draggable_elements{
	height:20px;
}
.img_up_inner{
	width:184px;
	height:155px;
	background-image: none;
	background-repeat: no-repeat;
    background-size: 100% 100%;
	border:1px solid black;
}
#right_side_format_continer{
	position:absolute;
	top:0px;
	right:0px;
	width:240px;
	height:100%;
	background-color:#CCCCCC;
}

.format_page{
	position:relative;
	top: 40px;
	width:595px;
	height:842px;
	margin:0 auto;
	background-color:#fff;
	-webkit-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 3px 0px rgba(50, 50, 50, 0.75);
}

.draggable_elements{
	cursor:pointer;
}
.draggable_elements:hover{
	opacity:0.7;
}

#header_continer input{
	width:90px !important;
	display:inline-block;
}

#header_continer select{
	width:90px !important;
	display:inline-block;
}

.page_inner_elements{
	cursor:pointer;
}

/*sablon alakzatok*/

.square_format {
	width: 100px;
	height: 100px;
	background-color:black;
}

.square_format_menu {
	width: 95%;
	height: 70%;
	border:1px solid black;
	background-color:rgba(0,0,0,0.1);
}

.circle_format {
	width: 100px;
	height: 100px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:black;
}

.square_randed_format {
	width: 100px;
	height: 100px;
	background-color: black;
	-moz-border-radius: 6%;
	-webkit-border-radius: 6%;
	border-radius: 6%;
}

/*--/sablon alakzatok---*/

/*---------/format etlap sablon*/

/*Setup formats*/

.installer_continer{
	width:40%;
	height:auto;
	min-width:490px;
	margin:80px auto;
	border:2px solid #dce0e1;
	background-color:#FFF;
}

/*----/setup formats----*/

#fn-dashboard{
	color:black !important;
}

#this_item_need_to_be_black{
	color:black !important;
}


ul.information {
	margin: 0px;
	width: 100%;
	padding: 0px;
	vertical-align: top;
	
}

ul.information li{
	width: 32%;
	margin-right: 1%;
	display: inline-block;
	float: left;
}

#stock_info_contact {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	/*table-layout: fixed;*/
}

#stock_info_contact tbody tr{
	text-align:left;
	padding:3px;
}

#stock_info_contact tbody tr th{
	text-align:left;
	background-color:#FFF;
	border-bottom:1px solid #fff;
}

#stock_info_contact tbody tr td{
	border-bottom:1px solid #eae5e5;
	padding: 5px;
}

#stock_info_contact tbody tr td:first-child{
	font-weight: bold;
	width: 210px;
	padding: 5px;
}

.right_position_table_number{
	text-align:right;
}

.submenu_icons_closed{
	width:40px;
	height:40px;
	position:relative;
	left:-35px;
}

.menu-list_submenu_closed{
	position:relative;
	list-style:none;
	display:block;
	cursor:pointer;
}

#pre-order-now-button{
	position:fixed;
	right:20%;
	top:0px;
	width:160px;
	height:30px;
	font-size:16px;
	background-color:#4C87E5;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	padding-top:7px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom:3px solid #fff;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
	opacity:0.8;
}

#pre-order-now-button:hover{
	opacity:1;
}

#smoke_area{
	position:absolute;
	background-color:rgba(255,255,255,0.6);
	top:0;
	left:0;
	z-index:2000;
	width:100%;
	height:100%;
}

#pre-order-continer{
	position:fixed;
	left:27%;
	top:15%;
	width:50%;
	min-width:500px;
	height:70%;
	background-color:#EBEBEB;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border:3px solid #fff;
	overflow:auto;
}

#close_pre-order-continer{
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: #fff;
	right: 0;
}

#prices_table{
	width:100%;
	border:1px solid #555555;
	text-align:center;
}
#prices_table tr{
}
#prices_table tr td{
	border:1px solid #555555;
}

#LastPrice{
	width:230px;
	margin:5px auto;
	text-align:center;
	font-weight:bold;
	font-size:22px;
}

.IndividualOrder_hidden_elements{
	color:red;
	width:340px;
	margin:5px auto;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

.partner_present_table{
	text-align:center;
}

.partner_present_table thead tr th{
	background-color: #dce0e1 !important;
	color: #343434;
	padding: 11px 0px;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	border: 1px solid #d9dbda;
	position: relative;
	text-align:center;
}

.partner_present_table tbody tr{
	border-bottom: 1px solid #d9dbda;
	color: #343434;
	height:100%;
}

.partner_present_table tbody tr td{
	box-sizing: border-box;
	border: 1px solid #d9dbda;
}

#present-div {
	position: absolute;
	
}
		

.partner_present_fist_in_row{
	background-color: #F2F2F2 !important;
	color: #343434;
	padding: 11px 5px;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	text-align:left;
}

.partner_present_fist_in_row_all{
	background-color: #dce0e1 !important;
	color: #343434;
	padding: 11px 5px;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	border-right: 1px solid #d9dbda;
	position: relative;
	text-align:center;
	font-weight:bold;
}

.price-field {
	text-align:right;
}

#weekly-number-menucard{
	position:absolute;
	top:100px;
}

.outgoing-item_closed td div{
	font-weight: bold;
}

.outgoing-item_closed td {
	background-color: #FFFF99;
}

#outgoing-using-item_continer{
	/*position:absolute;
	overflow:scroll;
	height:100%;*/
	width:100%;
}

.invoices-details-button {
	width: 9% !important;
	height: 26px!important;
	float: left;
	background:#84989d url(image/down-icon.png) no-repeat center center;
	color:#fff;
	cursor:pointer;

}

.invoices-details-button-up {
	width: 9% !important;
	height: 26px!important;
	float: left;
	background:#84989d url(image/up-icon.png) no-repeat center center;
	color:#fff;
	cursor:pointer;

}

.invoices-partner-name {
	width: 90%;
	float: left;
	margin-right: 1%;

}

.method {
	font-weight: normal !important;
	cursor:pointer;
	font-size: 10px;
}

.method:hover {
	text-decoration: underline;
}

.exsisting-groups, .exsisting-groups-none {
	height: 20px;
	font-size: 12px;
	width: 8%;
	border-top: 1px solid #fee877; 
	background-color: #fbfcdd;
	position: absolute;
	line-height: 20px;
	padding-left: 3px;
	box-sizing:border-box;
	bottom: 0px;
	right:0px;
	color:red;
	font-weight:bold;
	text-align:center;
	z-index:9001;
	
}

.exsisting-groups div {
	display: none;
}

.exsisting-groups:hover div {
	position: absolute;
	display: block;
	color: black;
	border: 1px solid #fee877; 
	background-color: #fbfcdd;
	font-weight:normal;
	width:150px;
	text-align:left;
	left:-135px;
	padding:4px;
	
}

ul.attachments {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.attachments li{
	margin: 0px;
	padding: 3px;
	float: left;
}

.pdf-icon {
	width: 50px;
	height: 58px;
	background: url(image/pdf.png);
}

.main-menu-icons {
	height: 31px;
	width: 250px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	cursor: pointer;
}

.sub-main-icon {
	width: 12.5%;
	height: 31px;
	float: left;
	background-size: 100%;
}


/* file feltöltés */
.fileinput-button1 input,
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.fileinput-button1,
.fileinput-button {
	display: inline-block;
	*display: inline;
	zoom:1;
	position: relative;
	overflow: hidden;
	margin-right: 4px;
	color: #ffffff;
	width: 129px;
	height: 30px;
	padding-top: 3px;
	text-align:center;
	/*
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	*/
}

.fileinput-button {
	background-color: #5cb85c;
}

.tcn-btn span.text,
.fileinput-button1 span.text,
.fileinput-button span.text {
	display: inline-block;
	*display: inline;
	margin: 6px 4px 0px 4px;
	height: 16px;
	zoom:1;
	/*float: left;*/
	
}

.tcn-btn {
	display: inline-block;
	*display: inline;
	zoom:1;
	position: relative;
	overflow: hidden;
	margin-right: 4px;
	color: #ffffff;
	/*width: 229px;*/
	height: 30px;
	padding-top: 3px;
	text-align:center;
	background-color: #5cb85c;
	/*
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	*/
	min-width:80px;
	cursor: pointer;
}

.tcn-btn-hidden {
	display: none;
}

.tcn-yellow-button{
	background-color: #f0ad4e;
}

.tcn-red-button {
	background-color: #d9534f;
}

.tcn-green-button {
	background-color: #5cb85c;
}
.tcn_uploaded_files {
	width: 100%;
}

.empty-box {
	background-size:100%;
	float:right;
	position:absolute;
	right:5px;
	cursor:pointer;

}


/**********************************************************************************/
/************************* DOKUMENTUM FORMÁTUM SZERKESZTŐ *************************/
/**********************************************************************************/

.format-wrapper {
	width:100%;
	position:absolute;
	bottom:10px;
	top:0px;
	border:5px solid #8294BD;

}

.format-main-menu {
	width:100%;
	height:40px;
	background-color:#8294BD;
	overflow:hidden;

}

.format-side-menu {
	width:365px;
	float:left;
	position:absolute;
	bottom:0px;
	top:40px;    
	z-index: 20;

}

.format-side-icons {
	padding-top:1px;
	width:50px;
	height:100%;
	float:left;
	position:relative;
	background-color:#8294BD;
	border-right:5px solid #8294BD;

}

.format-side-options {
	width:0px;
	height:100%;
	float:left;
	position:relative;
	background-color:#eeeeee;
	overflow-y:auto;
	overflow-x:hidden;

}

.format-menu-item {
	height:40px;
	margin-top:8px;
	margin-left:15px;
	margin-right:25px;
	font-size:16px;
	float:left;
	cursor:pointer;
	color:lightgrey;
	font-weight:bold;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.format-menu-item-selected {
	color:white;

}

.format-menu-item:hover{
	color:white;

}

.format-menu-control {
	height:40px;
	margin-top:8px;
	margin-right:15px;
	font-size:16px;
	float:left;
	cursor:pointer;
	color:lightgrey;
	font-weight:bold;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

#block_page {
    background-color: #C8CDD8;
    width: 100%;
    height: 1200px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 10;
    opacity: 0.7;
}

#start_message {
    margin-left: auto;
    margin-right: auto;
    width: 350px;
    text-align: center;
    margin-top: 300px;
    opacity: 1;
    z-index: 20;
}

#undo {
	margin-left:50px;

}

.format-icon-disabled-fix,
.format-icon-disabled {
    background-image: url(image/iconset-e6e7ea.png)!important;
}

.format-menu-control:hover{
	color:white;

}

.format-menu-scale {
	height:40px;
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
	font-size:16px;
	float:right;
	color:lightgrey;
	font-weight:bold;

}

.format-select-scale {
	height:35px;
	width:100px;
	font-size:16px;
	float:right;

}

.format-page-area {
	float:left;
	position:absolute;
	padding:30px;
	left:55px;
	right:0px;
	top:41px;
	bottom:0px;
	overflow-y:auto;

}

.format-page {
	width:793.7px;
	height:1122.5px;
	margin-left:auto;
	margin-right:auto;
	border:black 1px solid;
	box-shadow:5px 5px 5px grey;
	position:relative;

}

.format-icon {
	padding:0px;
	margin:0px;
	border:none;
	border-bottom:1px white solid;
	background-image:url(image/iconset.png);
}

.format-icon:hover, .format-icon-selected {
	background-color:#506084;

}

.format-side-icons-group {
	display:none;

}

.format-side-icons-selected {
	display:block;

}

.format-side-options-group {
	width:280px;
	border:none;
	background:none;
	display:none;
	padding:10px;

}

.format-side-options-selected {
	display:block;

}

.format-option-title {
	border-left:5px solid #8294BD;
	padding-left:5px;
	margin-bottom:20px;
	color:black;
	font-size:14px;
	font-weight:bold;

}

.format-option-input {
	margin-bottom:20px;

}

.format-option-input[type="text"] {
	width:183px;

}

.format-option-button {
	background-color:#8294BD;
	color:white;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;

}

.format-option-button:hover {
	background-color:#334368;

}

#new_multiple, label[for="new_multiple"] {
	display:none;

}

.format-option-borders {
	margin-bottom:20px;

}

label[for="textfield_color"], label[for="menucard_color"], label[for="menulist_color"], label[for="datafield_color"] {
	margin-right: 40px!important;

}

label[for="menucard_bordercolor"], label[for="menulist_bordercolor"], label[for="line_bordercolor"] , label[for="circle_bordercolor"]{
	margin-right: 20px!important;

}

label[for="circle_fillcolor"] , label[for="rectangle_fillcolor"]{
	margin-right:25px!important;

}

#textfield_color, #menucard_color, #menucard_bordercolor, #menulist_bordercolor, #menulist_color, #line_bordercolor , #circle_bordercolor, #circle_fillcolor, #rectangle_fillcolor, #datafield_color {
	border: none;
	padding: 0px;
	width: 177px!important;
	height: 27px!important;

}

#textfield_bold, #datafield_bold {
	margin-right:50px;

}

.format-option-label-border {
	width:80px;
	margin:0px;
	float:left;
	height:26px;
	margin-top: 5px;
	position:absolute;
	margin-bottom: 5px;

}

.format-option-input-border {
	width:80px;
	float:left;
	margin-right:5px;
	margin-left: 85px !important;
	margin-bottom: 5px;

}

.format-option-input-border-color {
	width:95px;
	height:26px;
	border: none;
	padding: 0px;
	position: relative;
	margin-bottom: 5px;

}

#image_emptyimage {
	box-sizing: border-box;
	width: 275px;
	height: 150px;
	text-align: center;
	padding: 50px 5px;
	font-size: 18px;
	color: #cccccc;
}

#image_errormsg {
	box-sizing: border-box;
	width: 275px;
	height: 150px;
	text-align: center;
	padding: 40px 5px;
	font-size: 18px;
	color: red;

}

#image_image {
	height: 100%;
    width: initial;

}


#image_dropzone {
	width: 275px;
	height: 150px;
	border: 2px solid #cccccc;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-bottom:20px;

}


#line_npoint_top, #line_npoint_left, #line_mpoint_top, #line_mpoint_left, #line_width {
	width: 152px;

}

#line_npoint_xpos, #line_mpoint_xpos {
	margin-left: 9px;

}

#line_width {
	margin-left:22px;

}

#line_mpoint_top, #line_npoint_top {
	margin-left: 5px;

}

#line_mpoint_left, #line_npoint_left {
	margin-left: 15px;

}

#z_up {
	margin-left: 50px;

}

#new_name, #save_name, #save_as_name {
	width:280px;

}

#delete_name {
	font-weight: bold;

}

#delete_description {
    width: 250px;
    margin-bottom: 30px;

}

.format-textarea {
	height:100px;
	margin-bottom: 20px;

}

.format-colorinput {
	width: 175px;
    padding: 0px;
    border: 0px;

}

.format-colorinput-short {
    width: 95px;
}

#menutable_color { margin-left: 42px;}
#menutable_bordercolor { margin-left: 22px;}

.format-tab-icon {
	border:none;
	border-right:1px white solid;
	margin:0px;
	float:left;
	background-image:url(image/iconset.png);

}

.format-tab-icon:hover, .format-tab-icon-selected {
	background-color:#506084;

}

.format-side-options-tabs {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height:50px;
	border-bottom:5px solid #8294BD;
	background-color:lightgrey;

}

.format-side-options-tabs-content {
	margin-top:50px;
	display:none;

}

.format-side-options-tabs-content-selected {
	display:block;

}

#circle_radius {
	margin-left: 25px;

}

#circle_border {
	margin-left: 15px;

}

.rendered {
	position:absolute;
	border-style:solid;
	padding:2px;

}

.focused-object {
	box-shadow: 0 0 3px yellow;

}

.ui-state-disabled[id="rendered"] {
	opacity:1!important;
	filter:none!important;

}

.sp-replacer {
	width:100px!important;
	height:19px!important;
	border:none;
	padding:0px!important;
	margin-bottom:5px!important;

}

.sp-preview {
	width:100px!important;
	height:17px!important;

}

table.information {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	table-layout: fixed;	
}

table.information tr th {
	width: 200px;
	text-align: right;
	padding-right: 10px;
}


table.information tr td table{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	table-layout: fixed;	
}

table.information tr td table tr th,
table.information tr td table tr td {
	font-size: 10px;
	border:1px solid #000;
}

.inline-print {
	height: 30px;
	width: auto;
	float: right;
	text-align: center;
	background-color: #4aa9f9;
	color: #ffffff;
	line-height: 30px;
	padding: 0 10px;
}

.inline-print:hover {
	opacity: 0.8;
	cursor: pointer;
}


.green-text {
	color: green;
}

.gray-text {
	color: gray;
}

.blue-text {
	color: blue;
}

#ingredient-data {
	position: absolute;
	top: 88px;
	bottom: 0px;
	left: 12px;
	right: 0px;
	overflow: auto;
}

.italic {
	font-style: italic;
}




/*DATAGRID*/
.tcn-datatable-content {
	/*background-color: #F7F7F7;*/
}

.tcn-datatable-filter-bar { 
	position: fixed;
	top: 0px;margin: 0px;
	margin-left: 350px;
	padding: 0px;
	list-style: none;
	height: 50px;
	z-index: 7000;
}

.tcn-datatable-filter-bar li { 
	height: 50px;
	width: 50px;
	display: inline-block;
	zoom: 1;
	padding-top: 15px;
	padding-left: 13px;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #e4e8eb;
}
.tcn-datatable-filter-bar li ul{ 
	display: none;
	z-index: 2000;
}

.tcn-datatable-filter-bar li:hover ul{ 
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #ffffff;
	background-image: none !important;
	width: 200px;
	max-height: 250px;
	top: 50px;
	left: -2px;
	z-index: 7000;
	-moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
}

.tcn-datatable-filter-bar li:hover ul LI{ 
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	list-style: none;
}

.tcn-datatable-filter-bar li:hover ul LI.top{ 
	height: 10px;
}

.tcn-datatable-filter-bar li:hover ul LI.button{ 
	height: 30px;
	text-align: center;
	background-color: #f7f7f7;
	background-image: none !important;
}

.tcn-datatable-filter-bar li:hover ul LI.data{ 
	height: 130px;
	vertical-align: top;
}

.tcn-datatable-filter-bar li:hover ul LI.data ul{ 
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.tcn-datatable-filter-bar li:hover ul LI.data ul li{ 
	border-right: none !important;
}

.tcn-datatable-filter-bar li:hover ul LI.data div{ 
	display: block;
	overflow: auto;
	height: 125px;
}

.tcn-datatable-filter-bar li:hover ul LI.normal{ 
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
}

.tcn-datatable-filter-bar li:hover ul LI.normal:hover{ 
	background-color: #4281f4;
	background-image: none !important;
	color: #ffffff;
}

.tcn-datatable-filter-bar li:hover ul LI.normal:hover a{ 
	color: #ffffff !important;
	text-decoration: none;
}

.tcn-datatable-filter-bar li:hover ul LI.normal a.active{ 
	background: url(image/pipa.png) no-repeat right center;
	text-decoration: none;
}

.tcn-datatable-filter-bar li:hover ul LI.normal a{ 
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: inline-block;
	zoom: 1;
}

.tcn-datagrid{ 
	width: 100%;
	min-width: 100%;
	/*margin-left: -999999px;*/
}

.tcn-datagrid-footer,.tcn-datagrid-header{ 
	position:relative;
	min-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-color: #f6f6f6;
	background-image: none !important;
	border-bottom: 1px solid #ccc;
}

.tcn-datagrid-header{
	height: 30px;
	border-top: 1px solid #ccc;
} 
.tcn-datagrid-footer{ 
	border: none;
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tcn-datagrid-footer-cell{ 
	padding-right: 2px;
	padding-left: 2px;
}

.tcn-datagrid-footer .fixed .fixed-column,
.tcn-datagrid-header .fixed .fixed-column,
.tcn-datagrid-footer .fixed,
.tcn-datagrid-header .fixed { 
	height: 29px;
	display: inline-block;
	width: auto;
	float: left;
	zoom: 1;
	border-left: 1px solid #ccc; 
}

.tcn-datagrid-footer .fixed .fixed-column,
.tcn-datagrid-footer .fixed{ 
	height: auto;
}

.tcn-datagrid-footer .number,
.tcn-datagrid-header .number{ 
	width: 41px;
}

.tcn-datagrid-footer .fixed  {
	bottom:0px;
	position:absolute;
}

.tcn-datagrid-footer .number-2{ 
	width: 71px;
}

.tcn-datagrid-footer .footer,
.tcn-datagrid-header .header{ 
	/*display: inline-block;*/
	overflow: hidden;
}
.tcn-datagrid-header .header{ 
	display: inline-block;
}

.tcn-datagrid-footer .footer .scroll,
.tcn-datagrid-header .header .scroll{ 
	height: 50px;
	overflow-x: scroll;
	white-space: nowrap;
}

.tcn-datagrid-footer .footer .scroll{ 
	height: auto;
	overflow: hidden;
	white-space: nowrap;
}

.tcn-datagrid-footer .footer .txt,
.tcn-datagrid-header .header .txt{ 
	height: 30px;
}

.JustifyRight {
	text-align: right;
}

.JustifyLeft {
	text-align: left;
}

.tcn-datagrid-footer .footer .txt{ 
	height: auto;
}

.datagrid-table1,
.datagrid-table{ 
	border-spacing: 0px;
	table-layout: fixed;
}

.datagrid-table1 tbody tr,
.datagrid-table thead tr{ 
	height: 30px;
	vertical-align: top;
	position: relative;
}

.datagrid-table1 tbody tr td{ 
	padding-top: 8px;
	border-top: 1px solid #cccccc;
}
.datagrid-table1 tbody tr:first-child td{ 
	border-top: none;
}

.resizable{ 
	height: 30px;
	float: left;
	white-space: pre;
	overflow: hidden;
	padding-top: 2px;
	position: relative;
}

.resizable.sortable{ 
	cursor: pointer;
	background: url(image/sortable.png) center right no-repeat;
}

.resizable.desc{ 
	cursor: pointer;
	background: url(image/desc.png) center right no-repeat;
}
.resizable.asc{ 
	cursor: pointer;
	background: url(image/asc.png) center right no-repeat;
}

.resizable a{ 
	text-decoration: none;
	color: black;
}

.datagrid-table1 tbody tr td,
.datagrid-table thead tr th{ 
	position: relative;
	border-right: 1px solid #cccccc;
	overflow: hidden;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.datagrid-table thead tr th{ 
	white-space: pre-line;
}

.datagrid-table1 tbody tr td.number,
.datagrid-table thead tr th.number{ 
	width: 41px;
	padding: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.datagrid-table1 tbody tr td.number-2{ 
	width: 71px;
	padding: 8px 0px 0px 2px;
}

.datagrid-table tbody tr{ 
	height: 25px;
	position: relative;
	background-color: #ffffff;
	background-image: none !important;
}

.datagrid-table tbody tr,
.datagrid-table tbody tr td{ 
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.datagrid-table tbody tr.active-datagrid-row{ 
	background: linear-gradient(to bottom,#beebff 0,#a8e4ff 100%) !important;
	color: #000000;
}
.datagrid-table tbody tr.hover{ 
	background-color: #e7f4f9 !important;
	color: #000000;
	cursor: pointer;
}

.datagrid-table tbody tr td.checkbox,
.datagrid-table thead tr th.checkbox{ 
	width: 30px;
	padding: 2px;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.datagrid-table tbody tr:nth-child(even) {
	background: #F7F7F7;
}
.datagrid-table tbody tr:nth-child(odd) {
	background: #fff;
}

#cbSelAll{ 
	position: relative;
}

.datagrid-table tbody tr td{ 
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px;
	white-space: pre;
	overflow: hidden;
	position: relative;
}

.datagrid-table tbody tr td.number{ 
	width: 41px;
	background-color: #f6f6f6;
	background-image: none !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.datagrid-table tbody tr td.number.active-datagrid-row{ 
	background: #f6f6f6 url(image/active-row.png) no-repeat right center !important;
	color: #000000;
}

.tcn-datatable-content{ 
	overflow: hidden;
	position: absolute;
	width: 100%;
	white-space: nowrap;
	vertical-align: top;
}

.tcn-datatable-content .fixed{ 
	overflow: hidden;
	background-image: none !important;
	display: inline-block;
	zoom: 1;
	float: left;
	border-left: 1px solid #ccc;
}

.tcn-datatable-content .fixed .txt,
.tcn-datatable-content .fixed .scroll{ 
	overflow: hidden;
}

.tcn-datatable-content .content{ 
	overflow: scroll;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	zoom: 1;
	margin: 0px;
}

.tcn-datagrid-pagination{ 
	position: relative;
	float: right;
	text-align: right;
	margin-right: 20px;
	height: 50px;
}

A.tcn-datagrid-pagination-button:link,
A.tcn-datagrid-pagination-button:active,
A.tcn-datagrid-pagination-button:visited{ 
	position: relative;
	display: inline-block;
	zoom: 1;
	height: 25px;
	width: 30px;
	border: 1px solid #aaaaaa;
	margin: 0px 5px 0px 0px;
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	font-size: 17px;
}

A.tcn-datagrid-pagination-button:hover{ 
	background-color: #4387f5;
	background-image: none !important;
	border: 1px solid #2f5bb7;
	cursor: pointer;
	color: #ffffff;
}

A.tcn-datagrid-pagination-button.disabled{ 
	display: none;
}

input.tcn-datagrid-pagination-field{ 
	position: relative;
	height: 25px;
	width: 30px;
	max-width: 30px;
	margin: 0px;
	top: -1px;
	margin-right: 5px;
	text-align: center;
	border: 1px solid #aaaaa;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tcn-datagrid-pagination-current{ 
	display: inline-block;
	zoom: 1;
	font-weight: bold;
	height: 19px;
	width: 30px;
	top: 3px;
	position: relative;
	border: 1px solid #aaaaaa;
	padding: 3px 0px 0px 0px;
	margin-right: 5px;
	text-align: center;
	color: #aaaaaa;
}

.tcn-datagrid-pagination-current-records{ 
	display: block;
	margin-right: 5px;
}

.tcn-datagrid-search-box{ 
	display: inline-block;
	zoom: 1;
	padding:0px;
	margin:0px;
}

.tcn-datagrid-search-form{ 
	display: inline-block;
	zoom: 1;
	margin: 0px;
	padding: 0px;
}

label.tcn-datagrid-search-text{ 
	display: block;
}

input.tcn-datagrid-search-field{ 
	border:none;
	border:1px solid #ccc;
	width: 200px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	margin-bottom: 2px;
}
select.tcn-datagrid-search-field-type,
select.tcn-datagrid-search-field-list{ 
	position: relative;
	height: 50px;
	width: 150px;
	line-height: 22px;
	margin:0px;
	border:none;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

input[type="submit"].tcn-datagrid-search-button{ 
	background: #F7F7F7 url(image/btn_search.png) no-repeat center center;
	margin:0px;
	height: 44px;
	width:44px;
	padding: 0px;
	border:none;
	border-right:1px solid #CCCCCC;
	margin-right:0px;
	display: inline-block;
}

.tcn-datagrid-search-box-search{ 
	margin: 0px;
	padding:0px;
}

.tcn-datagrid-search-box-searched-text{ 
	cursor: pointer;
	font-weight: bold;
}

.no-search{ 
	padding-top: 0px !important;
}

.tcn-datagrid-bulk-buttons{ 
	position: relative;
	display: inline-block;
	zoom: 1;
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	vertical-align: top;
	/*margin-left: 3px;*/
}

.tcn-datagrid-bulk-buttons LI.menu,
.tcn-datagrid-bulk-buttons LI{ 
	text-align: center;
	width: 50px;
	height: 50px;
	/*padding: 5px 0px 0px 0px;*/
	background-image: none !important;
	/*border: 1px solid #cccccc;*/
	float:left;
	box-sizing:border-box;
	line-height:50px;
	list-style: none;
	margin-left: 3px;
}

.tcn-datagrid-buttons {
	text-align: center;
	width: 50px;
	height: 50px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	box-sizing: border-box;
	line-height:44px;
	display: inline-block;
}

.tcn-datagrid-buttons:hover {
	background-color: #F1974B;
}
.tcn-datagrid-buttons:hover span{
	background-image: url(image/iconset-1aa734.png);
}

.tcn-span {
	position: relative;
	top: 5px;
}

.tcn-datagrid-bulk-buttons LI.menu:hover,
.tcn-datagrid-bulk-buttons LI:hover{ 
	background-color: #f6f6f6;
	background-image: none !important;
}

.tcn-datagrid-bulk-buttons LI.menu{ 
	width: 65px;
	padding-top: 0px;
}

.tcn-datagrid-bulk-buttons LI:hover{ 
	background-color: #189f04;
	background-image: none !important;
}

.tcn-datagrid-bulk-buttons LI:hover .tcn-icon-button {
	background-image: url(image/ui-icons_ffffff_256x240.png);
}

.tcn-grid-filter-button {
	position: relative;
	top: -5px;
	padding-top: 5px;
	background-color: transparent!important;
}

.tcn-datagrid-filter-area{ 
	display: inline-block;
	zoom: 1;
	margin-top: 5px;
}

select.tcn-datagrid-filter-field, 
select.tcn-datagrid-bulk-action-field{ 
	height: 24px;
	width: 158px;
	margin-right: 10px;
}

.tcn-grid-filter-button-nav,
.tcn-grid-filter-button{ 
	cursor: pointer;
	background: url(image/arrow-down-black.png) no-repeat center right;
	box-sizing:border-box;
}

.tcn-grid-filter-button-nav:hover,
.tcn-grid-filter-button:hover{ 
	background: #f6f6f6 url(image/arrow-down-black.png) no-repeat center right;
}

.tcn-grid-filter-button-nav{ 
	position: relative;
	width: 120px;
}

.tcn-grid-filter-button-nav UL,
.tcn-grid-filter-button UL{ 
	display: none;
}

.tcn-grid-filter-button-nav:hover UL,
.tcn-grid-filter-button:hover UL{ 
	top: 51px;
	border: none;
	display: block;
	position: absolute;
	z-index: 1000;
	background-color: #f8f8f8;
	background-image: none !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: auto;
	min-width: 230px;
	list-style: none;
	border: 1px solid #cccccc;
	text-align: left;
}

.tcn-datagrid-bulk-buttons LI.normal,
.tcn-grid-filter-button-nav:hover UL LI.normal,
.tcn-grid-filter-button:hover UL LI.normal{ 
	padding: 0px;
	padding-left: 10px;
	text-align: left;
	height: 28px;
	line-height: 28px !important;
	border: none;
	border-bottom: 1px solid #cccccc;
	background: none;
	width: 100%;
	display: block;
}

.tcn-datagrid-bulk-buttons LI.normal:hover,
.tcn-grid-filter-button-nav:hover UL LI.normal:hover,
.tcn-grid-filter-button:hover UL LI.normal:hover{ 
	background-color: #4281f4;
	background-image: none !important;
	color: #ffffff;
}
.tcn-grid-filter-button:hover UL LI.normal:hover A{ 
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

.tcn-datagrid-bulk-buttons LI.normal:last-child,
.tcn-grid-filter-button-nav:hover UL LI.normal:last-child,
.tcn-grid-filter-button:hover UL LI.normal:last-child{ 
	border: none;
}

.tcn-datagrid-bulk-buttons LI.normal A,
.tcn-grid-filter-button-nav:hover UL LI.normal A,
.tcn-grid-filter-button:hover UL LI.normal A{ 
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.tcn-datagrid-bulk-buttons LI.data,
.tcn-grid-filter-button-nav:hover UL LI.data,
.tcn-grid-filter-button:hover UL LI.data{ 
	padding: 5px;
	text-align: left;
	border: none !important;
	background: none;
	width: 100%;
}

.tcn-datagrid-bulk-buttons LI.data:last-child,
.tcn-grid-filter-button-nav:hover UL LI.data:last-child,
.tcn-grid-filter-button:hover UL LI.data:last-child{ 
	border: none !important;
}

.tcn-datagrid-bulk-buttons LI.data A,
.tcn-grid-filter-button-nav:hover UL LI.data A,
.tcn-grid-filter-button:hover UL LI.data A{ 
	text-decoration: none;
}

.tcn-grid-filter-button-nav:hover UL LI.top,
.tcn-grid-filter-button:hover UL LI.top{ 
	padding: 5px;
	text-align: left;
	height: 20px;
	background: none !important;
	border: none !important;
}

.tcn-grid-filter-button-nav:hover UL LI.data div,
.tcn-grid-filter-button:hover UL LI.data div{ 
	overflow: hidden;
	height: 250px;
	position: relative;
	width: auto;
	border: none !important;
}

.tcn-grid-filter-button-nav:hover UL LI.data div UL,
.tcn-grid-filter-button:hover UL LI.data div UL{ 
	max-height: 250px;
	overflow: auto;
	border: none !important;
}

.tcn-grid-filter-button-nav:hover UL LI.data div UL LI,
.tcn-grid-filter-button:hover UL LI.data div UL LI{ 
	padding: 5px;
	text-align: left;
	width: 100% !important;
	display: block !important;
	background: none !important;
	border: none !important;
}

.tcn-grid-filter-button-nav:hover UL LI.button,
.tcn-grid-filter-button:hover UL LI.button,
.tcn-grid-filter-button-nav:hover UL LI.button:hover,
.tcn-grid-filter-button:hover UL LI.button:hover{ 
	border: none !important;
	border-top: 1px solid #dddddd !important;
	height: 30px;
	width: 100%;
	padding-top: 4px;
	background: none !important;
}

.tcn-grid-filter-button-nav:hover UL LI.button input,
.tcn-grid-filter-button:hover UL LI.button input{ 
	width: 50px;
	height: 100%;
	margin: 0px;
}

.tcn-grid-filter-button-nav:hover UL LI.button input:hover,
.tcn-grid-filter-button:hover UL LI.button input:hover{ 
	font-weight: bold;
	cursor: pointer;
}

.tcn-grid-filter-button-nav:hover UL LI.data UL LI:hover,
.tcn-grid-filter-button:hover UL LI.data UL LI:hover{ 
	background-color: #d5f1ff;
	background-image: none !important;
}

.tcn-grid-filter-button-nav:hover UL LI A:active,
.tcn-grid-filter-button-nav:hover UL LI A:link,
.tcn-grid-filter-button-nav:hover UL LI A:visited,
.tcn-grid-filter-button:hover UL LI A:active,
.tcn-grid-filter-button:hover UL LI A:link,
.tcn-grid-filter-button:hover UL LI A:visited{ 
	display: inline-block;
	zoom: 1;
	width: 100%;
	height: 100%;
	color: #000000;
}

.tcn-grid-filter-button-nav:hover UL LI A:hover,
.tcn-grid-filter-button:hover UL LI A:hover{ 
	text-decoration: none;
}

.tcn-grid-filter-button-nav:hover UL LI A.active:active,
.tcn-grid-filter-button-nav:hover UL LI A.active:link,
.tcn-grid-filter-button-nav:hover UL LI A.active:visited,
.tcn-grid-filter-button:hover UL LI A.active:active,
.tcn-grid-filter-button:hover UL LI A.active:link,
.tcn-grid-filter-button:hover UL LI A.active:visited{ 
	background: url(image/pipa.png) no-repeat left center;
}

.tcn-grid-bulk-buttons LI:hover{ 
	background-color: #000000;
	background-image: none !important;
}

.tcn-context-menu{ 
	position: absolute;
	width: 250px;
	display: none;
	background-color: #ffffff;
	background-image: none !important;
	border: 1px solid #aaaaaa;
	z-index: 6000;
	-moz-box-shadow: 3px 3px 2px rgba(64, 64, 64, 0.5);
	-webkit-box-shadow: 3px 3px 2px rgba(64, 64, 64, 0.5);
	box-shadow: 3px 3px 2px rgba(64, 64, 64, 0.5);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tcn-grid-context-menu-header,
.tcn-grid-context-menu-button{ 
	width: 250px;
	padding: 5px 10px 5px 10px;
	text-align: left;
	color: #000000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.selected{ 
	width: 250px;
	/*background: url(image/check.png) center right no-repeat;*/
}

.tcn-grid-context-menu-sep{ 
	border-top: 1px solid #aaaaaa;
}

.tcn-grid-context-menu-header{ 
	font-weight: bold;
}

.tcn-grid-context-menu-header:hover{ 
	background-color: none;
	background-image: none !important;
}

.tcn-grid-context-menu-button:hover{ 
	background-color: #4281f4;
	background-image: none !important;
	color: #ffffff;
	cursor: pointer;
}

.tcn-datagrid-autofilter-elem{ 
	height: 50px;
}

.tcn-select-panel {
	float: right;
}

.tcn-columnlist-checklist,
.tcn-autofilter-checklist{ 
	position: relative;
	height: 290px;
	border: 1px solid #cccccc;
	overflow: auto;
	margin-top: 3px;
}

.tcn-columnlist-checklist ul, 
.tcn-autofilter-checklist UL{ 
	margin: 0px;
	padding: 0px;
}

.tcn-columnlist-checklist ul li, 
.tcn-autofilter-checklist label{ 
	margin: 0px;
	padding: 0px;
	display: block;
}

#mcContent {
	position: absolute;
	left:0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	/*border: 1px solid #AAAAAA;*/
}

.pagination-column3{ 
	padding: 0px;
	margin: 0px;
	height: 45px;
	vertical-align: top;
	display: inline-block;
}

.pagination-column3 LI{ 
	position: relative;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	zoom: 1;
	width: 50px;
	height: 50px;
	margin-left: 3px;
	/*border-right: 1px solid #ebebeb;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*padding-top: 11px;
	padding-left: 10px;*/
	text-align: center;
}

/*ul.pagination-column3 li:hover{
	background-color: #F1974B;
}*/

.pagination-column3 LI div.sub-bulk{ 
	display: none;
}

.pagination-column3 LI.opened div.sub-bulk{ 
	display: block;
	position: absolute;
	background-color: #ffffff;
	background-image: none !important;
	z-index: 6000;
	right: 0px;
	width: 300px;
	height: 350px;
	overflow: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
}

.pagination-column3 LI.opened div.sub-bulk ul{ 
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 300px;
	height: 300px;
	overflow: auto;
}

.pagination-column3 LI.opened div.sub-bulk ul li{ 
	display: block;
	width: 280px;
	height: auto;
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.pagination-column3 LI.opened div.sub-bulk ul li.bulk_active-row{ 
	background-color: #cccccc;
	background-image: none !important;
}

.tcn-datagrid-controls{ 
	/*border-bottom: 1px solid #aaa;*/
	position: relative;
	/*background-color: #f7f7f7;*/
	background-image: none !important;
	min-height: 55px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*border-bottom: 1px solid #ebebeb;*/
	padding-top: 0px;
	margin-bottom: 2px;
}

.tcn-button-icon,
.tcn-tree-icon,
.tcn-icon-button-black,
.tcn-icon-button{ 
	width: 16px;
	height: auto;
	min-height: 16px;
	display: inline-block;
	zoom: 1;
}

.tcn-button-icon,
.tcn-tree-icon{ 
	background-image: url(image/ui-icons_ffffff_256x240.png);
	min-height: 18px;
}

.tcn-icon-button{ 
	background-image: url(image/ui-icons_454545_256x240.png);
}

/* DISPATCHER */

.dispatcher-page-wrapper, .menu-prices-page-wrapper {
	overflow-y:auto;
	padding-top:20px;
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.dispatcher-left-column {
	float:left;
	width:420px;

}

.dispatcher-center-column {
	float:left;
	width:250px;

}

.dispatcher-right-column {
	float:left;
	width:330px;

}

.dispatcher-footer-panel {
	float:left;
	width:100%;
	margin-top:20px;

}

.dispatcher-column-label {
	width:150px;

}

.dispatcher-column-field {
	width:250px;

}

.dispatcher-input-text {
	width:250px;

}

.dispatcher-input-short-text {
	width:100px;

}

.dispatcher-select-field {
	width:250px;

}

.dispatcher-textarea {
	width:250px;
	height:100px;
	resize:none;

}

.dispatcher-column-menu {
	width:100px;
	text-align:right;

}

.dispatcher-column-amount {
	width:80px;

}

.dispatcher-column-navbuttons {
	width:65px;

}

.dispatcher-menu-input {
	width: 80px;

}

.dispatcher-navbutton {
	float:left;
	margin-right:2px;
	width:25px!important;
	height:25px!important;
	font-size:18px!important;
	font-weight:bolder;
	padding: 4px 0px 0px 2px !important;
	cursor:pointer;

}

.dispatcher-button-dec {
	padding: 0px 0px 0px 0px !important;
}


.dispatcher-currentorders-table {
	margin-top:20px;
	margin-bottom:20px;
	border-spacing: 0px;
    border-collapse: collapse;

}
.dispatcher-currentorders-table th {
	height:25px;
	font-size:14px;

}

.dispatcher-currentorders-table td {
	border-top:1px solid grey;
	margin:0px;
	height:25px;
	font-size:14px;

}

.disp-currord-number {
	width: 120px;
	text-align:center;

}

.disp-currord-datetime {
	width: 150px;
	text-align:center;

}

.disp-currord-partnername {
	width: 200px;
	text-align:left;

}

.disp-currord-orders {
	width: 220px;
	text-align:left;

}

.disp-currord-sumgross {
	width: 120px;
	text-align:right;

}

.disp-currord-payment {
	width: 100px;
	text-align:center;

}

.disp-currord-comment {
	width: 220px;
	text-align:left;

}

.disp-currord-deliverername {
	width: 200px;
	text-align:left;

}

.disp-currord-isinternet {
	width: 80px;
	text-align:center;

}

.disp-currord-isaccepted {
	width: 80px;
	text-align:center;

}

.disp-currord-invoicenumber {
	width: 100px;
	text-align:center;

}

.dispatcher-even-row {
	background-color: rgb(232, 232, 232);

}

.dispatcher-current-sales td,
 .dispatcher-current-sales th{
	width:60px;
	height:27px;
	text-align:right;

}

.dispatcher-current-sales {
	border-spacing: 0px;
    border-collapse: collapse;

}

.dispatcher-currsales-menu {
	width:100px!important;

}

.dispatcher-weekly-input {
	float:left;
	width:50px;

}

.dispatcher-currweekly-prices,
.dispatcher-currweekly-orders{
	margin-top:20px;
	margin-bottom:20px;
	border-spacing: 0px;
    border-collapse: collapse;

}

.dispatcher-currweekly-prices th {
	border-bottom:1px grey solid;

}

.dispatcher-currweekly-prices .disp-currweekly-menu {
	width:100px;
	text-align:right;
	padding-right:4px;

}

.dispatcher-route-table {
	border-spacing: 0px;
	border-collapse: collapse;

}

.disp-route-even {
	background-color: #DCDCDC;

}

.disp-route-new-poi-row {
	background-color: #FEFFB7;

}

.disp-route-new-poi-row.disp-route-even {
	background-color: #E1E2A4;

}

.disp-route-target {
	background-color: #D9FFD9;
}

.disp-route-target.disp-route-even {
	background-color: #C7EBC7;
}

.disp-route-error {
	background-color: #FFE0E0;
}

.disp-route-error.disp-route-even {
	background-color: #EACACA;
}

.dispatcher-route-table th {
  border-bottom: 1px grey solid;
  cursor: default;
}

.disp-route-row-header:hover {
	opacity:1!important;

}

.disp-route-row {
	height:30px;
	cursor: -webkit-grab;
}

.disp-route-row:hover {
	opacity:0.8;
}

.disp-route-cell {
	padding-right:5px;

}

table.dispatcher-menu-table tbody .dispatcher-row:hover, .dispatcher-row-selected,
table.dispatcher-partner-data-table tbody .dispatcher-row:hover,
table.dispatcher-currweekly-orders tbody .disp-currweekly-row:hover {
	background-color: #FDFF84;

}

#recipe-subtances {
	margin-top:20px;

}

.separator-panel {
	height:40px;

}

.menu-search-results-table {
	width: 100%;
	margin-left: 6px;
	margin-top:5px;
	border-spacing: 0px;
    border-collapse: collapse;
	

}

.menu-search-results-colheader {
	height: 30px;
	font-size: 14px;
	background-color:#f0a123;
	padding-left:5px;
	padding-right:5px;
	color:#fff;

}

.menu-search-results-cell {
	height:25px;
	font-size:14px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;

}

.ms-even-row {
	background-color:#fee877;

}

#ms_menu, #ms_number, #ms_title, #ms_meal {
	text-align:left;

}

#ms_amount {
	text-align:right;

}

#ms_date {
	width:140px;

}

#ms_meal {
	width:180px;

}

#ms_menu {
	width:240px;

}

#ms_amount {
	width:100px;

}

#ms_number {
	width:100px;

}

.outgoing-using-buttons-wrapper {
	height: 35px;
	width: 800px;
	position: absolute;
	left: 0px;
	top: 80px;

}

.print-record-item, #send, #back {
	cursor:pointer;

}

.dispatcher-options-input {
	width: 25%;
	height: 18px!important;
	float: left;
	padding: 0px!important;
	font-size: 11px;
}

.dispatcher-options-label {
	width: 20%;
	height: 18px;
	float: left;
	font-size: 11px;
	margin: 0px;
	text-align: right;
	margin-right: 1%;
	

}

.dispatcher-options {
	width: 100%;
	height: 21px;
	padding-top: 1px;
	position: absolute;
	bottom: 20px;
	left: 0px;
	border-top: 1px #FEE877 solid;
	background-color: #FBFCDD;
	line-height: 20px;
	box-sizing: border-box;

}

.inventory-in-add-service, .inventory-in-edit-service {
	width: 26px;
	height: 26px;
	float:left;
	margin-left:2px;

}

.inventory-in-add-service:hover, .inventory-in-edit-service:hover {
	opacity:0.8;
	cursor:pointer;

}

.inventory-in-add-service {
	background-image:url(image/inventory-add.png);
	background-size:20px 20px;
	background-position:center center;
	background-repeat: no-repeat;

}

.inventory-in-edit-service {
	background-image:url(image/inventory-edit.png);
	background-size:20px 20px;
	background-position:center center;
	background-repeat: no-repeat;

}

.menu-switch-container {
	float:left;
	margin-left:10px;
	cursor:pointer;

}

.menu-switch-container:hover {
	opacity:0.8;

}

.package-bar {
	position: absolute;
	top:38px;
	left: 200px;

}

.record-data-box {
	width: 375px;
	display: inline-block;
	margin-top: 18px;

}

#record_tabs  > div.ui-tabs-panel {
	margin-top: 1px;
	width: calc( 100% - 10.5em );
	height: 93%;
	padding: 0px;

}

#record_tabs  > ul.ui-tabs-nav {
	height: 100%;
	border-bottom: none;
	overflow-x: hidden;
	overflow-y: auto;
	direction:rtl;
	padding-top: 0px;
	padding-left: 0px!important;
	position: relative;
	top: 31px;
	border-right:3px solid #84989D;

}

#record_tabs  > ul.ui-tabs-nav li {
	direction: ltr;
	width: 143px;
	padding-left: 10px;
	
}

#record_tabs {
	width:100%;
	height: 100%;
	background: url(image/loading1.gif) no-repeat center center;

}

.patient-datas {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 16px;

}

table.patient-record-table {
	width: 750px;
	border-spacing: 0px 5px;

}

table.patient-record-table > tbody > tr > td {
	min-height:25px;

}

table.patient-record-table > tbody > tr > td:first-child {
	width:150px;
	vertical-align: top;
	padding-top: 6px;

}

.patient-record-textarea {
	width: 600px;
	height:100px;
	resize: none;

}

.patient-record-textarea-small {
	width: 600px;
	height:50px;
	resize: none;

}

.patient-record-textarea-comment {
	width: 750px;
	height:300px;
	resize: none;

}

.patient-record-input {
	width: 588px;
	border: 1px solid #CCC;
	height: 20px;
	padding: 1px 5px;
	
}

.patient-record-select {
	width: 600px;
	border: 1px solid #CCC;
	height: 24px;

}

.patient-record-input-short {
	width: 77px;
	border: 1px solid #CCC;
	height: 20px;
	margin-right: 2px;
	padding: 1px 5px;

}

.patient-record-input-shorter {
	width: 48px;
	border: 1px solid #CCC;
	height: 20px;
	margin-right: 2px;
	padding-right: 2px;

}

.patient-record-input-midshort {
	width: 91px;
	border: 1px solid #CCC;
	height: 20px;
	margin-right: 2px;
	padding-right: 2px;

}

.ui-tabs-vertical {
    width: 100%;
    position: absolute;
    bottom: 0px;
    top: 0px;
    overflow: hidden;
}
.ui-tabs-vertical > .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: left;
    width: 200px;
	position: absolute;
    top: 0px;
    bottom: 0px;
    overflow: auto;
    border-top: 1px solid #cccccc;
}
.ui-tabs-vertical > .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0;
}
.ui-tabs-vertical > .ui-tabs-nav > li > a {
    display:block;
}
.ui-tabs-vertical > .ui-tabs-nav > li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}
.ui-tabs-vertical > .ui-tabs-panel {
    padding: 1em;
    float: right;
    overflow: auto;
    position: absolute;
    left: 200px;
    right: 0px;
    bottom: 0px;
    top: 0px;
	border: 1px solid #cccccc;
}

.record-sub-tabs {
	height: 100%;

}

.record-sub-tabs > .ui-tabs-panel {
	padding: 1em;
	padding-bottom:6em;
	overflow-y: auto;
	height: calc( 100% - 120px );
	background: #fff;

}

.patient-record-auto-input-short {
	width: 242px;
	border: 1px solid #CCC;
	height: 20px;
	padding: 1px 5px;

}

.patient-record-auto-input {
	width: 95.7%;
	border: 1px solid #CCC;
	height: 20px;
	padding: 1px 5px;

}

table.patient-record-food-table {
	border-spacing:0px;
	border-collapse:collapse;

}

table.patient-record-food-table thead tr {
	background-color: rgb(246, 228, 255);

}

table.patient-record-food-table th {
	position: relative;
	height: 110px;
	width: 20px;

}

table.patient-record-food-table th p { 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
	-moz-transform: rotate(-90.0deg);
	-ms-transform: rotate(-90.0deg);
	-o-transform: rotate(-90.0deg);
	-webkit-transform: rotate(-90.0deg);
	transform: rotate(-90.0deg);
	transform-origin: top left;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	position: absolute;
	width: 100px;
	text-align: left;
	top: 93px;
	left: 6px;

}

table.patient-record-food-table tbody td {
	text-align:center;
	vertical-align:middle;
	height:20px;

}

table.patient-record-food-table tbody td:first-child {
	text-align:left;
	padding-left:5px;

}

table.patient-record-food-table tbody tr.even-row {
	background-color:rgb(240, 212, 255);

}

table.patient-record-food-table tbody tr.title-row {
	background-color:rgb(188, 154, 207);

}

.float-right {
	float: right;
	position: relative;
	right: 0px;
	top: 6px;
	height: 10px;

}

.disease-input, .drug-input, .lab-input {
	width: 600px;
	border: 1px solid #CCC;
	height: 23px;
	padding-right: 35px!important;

}

.disease-input, .lab-input {
	padding-right: 6px!important;
	
}

.disease-name {
	width:398px;

}

.disease-date {
	width:89px;

}

.lab-input {
	width:52px;

}

.lab-name {
	width:338px;

}

.lab-unit-dp {
	width:82px;

}

.remove-drugs {
	position: relative;
	top: -19px;
	left: 585px;
	cursor: pointer;

}

.remove-disease, .remove-lab, .remove-sport, .remove-alcohol, .remove-narcotic, .remove-sub {
	cursor: pointer;
	background: #F5F5F5;
	width: 22px;
	height: 18px;
	border: 1px solid #CCC;
	display: inline-block;
	position: absolute;
	text-align: center;
	padding-top: 6px;

}

.lab-wrapper, .disease-wrapper, .drug-wrapper, .sport-wrapper, .alcohol-wrapper, .narcotic-wrapper, .regular-wrapper, .dislike-wrapper, .complain-wrapper {
	height: 26px!important;

}

.input-ok-button {
	height: 18px;
	width: 24px;
	display: inline-block;
	position: absolute;
	color: #fff;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 6px;
	cursor:pointer
	
}

.input-ok-button:hover {
	opacity:0.8;

}

.lab-error, .antrop-alert-1 {
	background-color:rgb(255, 220, 220)!important;

}

.antrop-alert-2 {
	background-color:rgb(255, 149, 149)!important

}

.antrop-alert-3 {
	background-color:rgb(255, 107, 107)!important

}

.lab-warning, .antrop-warning {
	background-color:rgb(255, 252, 220)!important;

}

.lab-min, .lab-max, .lab-value {
	text-align:right;
	padding-right:2px!important;

}

.input-number {
	text-align:right;

}

.antrop-info {
	position: absolute;
	left: 180px;
	top: 7px;

}

.sport-input { width:95px; text-align:right; }
.sport-name { width:242px; text-align:left; }
.sport-intensity { width:91px; }
.sport-met { width:52px; }

.alcohol-input, .narcotic-input { width:95px; text-align:right; }
.alcohol-name, .narcotic-name { width: 390px; text-align:left; }
.alcohol-when, .narcotic-when { width: 91px; text-align:left; }
.narcotic-since { text-align:center; }

.regular-input, .dislike-input, .complain-input { width: 98.5%; padding-right:20px!important; }

.remove-regulars, .remove-dislikes, .remove-complains {
	position: relative;
	top: -19px;
	left: 401px;
	cursor: pointer;
  
 }
 
 #Lab_unit {
	width: 82px;
	height: 24px;
	position: relative;
	top: 1px;
 
 }
 
 .habit-add-new {
	color: #fff;
	width: 100px;
	cursor: pointer;
	float: right;
	margin: 3px;
	height: 18px;
	padding-top: 4px;
	background: #765D84;
 
 }
 
 .habit-add-new:hover {
	opacity:0.8;
 
 }
 
 .remove-new-habit {
	position: absolute;
	font-size: 14px;
	top: 6px;
	left: 257px;
	cursor: pointer;
 
 }
 
 .intake-input {
	height: 20px;
	border: 1px solid #CCC;
	padding-left:5px;
	padding-right:5px;
	
}

 .intake-select {
	height: 24px;
	border: 1px solid #CCC;
	max-width: 200px;
	position: absolute;
	
}

#Intake_date { width: 140px;text-align: center; }
#Intake_datecomment { width: 590px; }
#Intake_mealid {	width: 120px;}
#Intake_time {margin-left: 110px;width: 80px;text-align: center;}
#Intake_mealcomment {width: 388px;}
#Intake_mealplace {width: 140px;}
#Intake_method {width: 150px;margin-left: 100px;}
#Intake_item {width: 386px;}
#Intake_amount {width: 70px;text-align: right;}
#Intake_unit {width: 100px;}
#Intake_OK {margin-left: 250px;}

table.intake-day {
	border-collapse:collapse;
	width:755px;
	margin-bottom: 50px;
}

table.intake-day td, table.intake-day th {
	border: 2px solid rgb(204, 204, 204);
	height: 20px;
}

table.intake-day tr.header-row {
	background-color: rgb(246, 228, 255);

}

table.intake-day tbody tr.even-row {
	background-color:rgb(240, 212, 255);

}

table.intake-day tbody tr.title-row {
	background-color:rgb(188, 154, 207);

}

table.intake-day td.remove-item {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	cursor: pointer;

}

.sub-name {
	margin-left: 10px!important;
	width: 330px;

}

.sub-min, .sub-max, .sub-unit {
	width: 52px;

}

.sub-min, .sub-max {
	text-align:right;

}

.save-button-diet:hover, .cancel-button-diet:hover {
	opacity:0.8;

}

.save-button-diet, .cancel-button-diet {
	float: left;
	height: 25px;
	width: 100px;
	text-align: center;
	font-size: 14px;
	padding-top: 9px;
	background: #765D84;
	margin-right: 10px;
	color: #fff;
	cursor: pointer;

}

.cancel-button-diet {
	width:150px;

}

#Copyfrom {
	float: left;
	width: 429px;
	height: 34px;
	border: 1px solid #765D84;

}

.record-sub-tabs div.ui-tabs-panel:last-child {
	padding:0px;

}

.record-sub-tabs #viewdate_custom_week {
	width: 300px;
	float: left;
	height: 30px;
	position: absolute;
	left: 211px;
	border: 1px solid #F0A123;

}

.quantity-field {
	width: 20%;
	margin-left: 5px;

}

.diet-menu-control-button {
  width: 100px;
  height: 21px;
  background-color: #FFD500;
  color: #343434;
  float: left;
  margin-left: 2px;
  margin-top: 1px;
  padding-top: 7px;
  cursor: pointer;
}

.diet-menu-control-button:hover {
	opacity:0.8;
}


.ideal-range {
	width: 166px;
	margin-left: 30px;
}

.margin-top-outgoing {
	margin-top:6px;

}


.small-toolelement { height:34px!important; }
.small-toolsearch-button { height:32px!important; }
.small-toolsearch { height:25px!important; width: 100px!important; background:none; padding-left:2px!important; }
.small-menuid { height:34px!important; width: 100px!important; background:none; padding-left:2px!important; }
.small-toolicon { height:34px!important; width:34px!important; margin:0px!important; }
.small-toolpanel >* { height:34px!important; } 
.small-toolpanel #year { height:34px!important; width:68px!important; }
.small-toolpanel #week { height:34px!important; width:205px!important; }
.small-toolpanel select { height:34px!important; }
.small-toolpanel input[type="text"] { height:34px!important; }
.small-toolpanel input[type="button"] { height:34px!important; width:20px!important; }
.small-toolicon span { display:none; }


.recipe-price-div {
	background: url(image/arrow-down.png) no-repeat right center;
	cursor: pointer;
	position: relative;
	background-color: #84989d;
	color: #ffffff;
}

.recipe-price-div div{
	font-weight: bold;
	padding: 10px 20px;
}

.recipe-price-div ul{
	display: none;
	margin: 0px;
	padding: 0px;
	list-style:none;
	width: 100%;
	right: 0px;
	background-color: #84989d;
}

.recipe-price-div ul li{
	padding: 8px 20px;
	text-align: left;
	color: #fff;
	border-top: 1px solid #fff;
}
.recipe-price-div ul li:last-child{
	border-bottom: none;
}
.recipe-price-div ul li:hover{
	opacity:0.8;
}

.recipe-price-div:hover ul {
	display: block;
	position: absolute;
	z-index: 500;
	border: 1px solid #cccccc;
}

.ingredient-stock-wrapper {
	display:none;

}

.wrapper-visible {
	display:block!important;

}

ul.usage-list li {
	display: list-item;
	float: none;
	margin-bottom: 2px;
	
}

.open-tree {
	float:left;
	width:15px;
	height:15px;
	background: url(image/active-row.png) no-repeat center center;
}

.close-tree {
	float:left;
	width:15px;
	height:15px;
	background:url(image/arrow-down.png) no-repeat center center;
}

.sub-value {
	font-weight:bold;
	cursor: pointer;
}

.sub-value:hover {
	text-decoration: underline;
}

.grid-zone {
	position:static!important;

}

.repair-step-two {
	display:none;

}

.fn-parent-important {
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	width: 150px!important;
}

.current-menu-price, .new-menu-price {
    text-align: right;
    width: 120px;
}

#event {
	display:none;

}

.custom-menu {
    width: 340px;
    display: inline-block;
    margin: 0px;
}

.custom-date {
    width: 90px;
    display: inline-block;
    margin: 0px;
}

#custom_ok {
    display: inline-block;
    width: 26px;
    height: 21px;
    margin: 0px;
    background-color: #84989D;
    color: #fff;
    position: relative;
    top: -1px;
    padding-top: 5px;
    text-align: center;
}

#custom_ok:hover {
	opacity:0.8;
	cursor:pointer;
}

#error_handler {
	display:none;
	color:red;
	font-size:10px;

}

.custom-error {
	border:1px solid #FF8A8A!important;

}

.custom-wrapped-remove {
	display: inline-block;
    position: relative;
    left: 10px;
    top: 1px;
    cursor: pointer;

}

.custom-wrapped-menu {
    width: 340px;
}

.custom-wrapped-date {
    width: 90px;
}

.notification-bar {
    width: 400px;
    padding-left: 60px;
    padding-right: 5px;
    background-color: #DAFDDC;
    border: 2px solid #45AC49;
    border-radius: 10px;
    background-image: url( image/note-info.png );
	background-position: 2% 14%;
    background-repeat: no-repeat;
	position: relative;
    z-index: 5000;
	margin-left: 10px;
	top:-18px;

}

.ild-hoverable:hover {
	cursor:pointer;
	background-color: #ccc!important;

}

.recipe-servings-number {
    width: 65px;
    height: 22px;
    border: 1px solid #CCC;
    padding-right: 5px;
}

#recipesDialogFeedback {
    position: absolute;
    top: 200px;
    left: 225px;
    z-index: 100;
    background-color: green;
    color: #fff;
    width: 250px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
	display:none;

}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


tr.ki-hoverable:hover,
table.ki-table tr.even-row:hover  {
	background-color: #ccc;
	
}

table.ki-table tr.even-row {
	background-color: #EEEEEE;

}

input.ki-chx {
  float: left;
  position: relative;
  top: 5px;
  left: 2px;
}

input.ki-text {
  float: left;
  width: 75px;
}

input.ki-bulk-chx {
  float: left;
  position: relative;
  left: 2px;
}

table.table-list {
	width:100%;
	border-collapse: collapse;
	padding: 0px;

}

table.table-list th {
	height: 25px;
	text-align: left;
	background-color: #ccc;

}

table.table-list td {
	height:25px;

}

table.table-list tr.even-row {
	background-color:#E6E6E6!important;

}

table.table-list tr:hover {
	background-color: #B5B5B5!important;
	cursor: pointer;

}

#SaveOrder {
    width: 150px;
    height: 25px;
    color: #fff;
    text-align: center;
    padding-top: 7px;
    margin-left: 610px;
	margin-top: 20px;
}

#SaveOrder:hover {
    opacity: 0.8;
    cursor: pointer;
}

ul#dispMenuList > li:hover {
	background-color:#FFD38C!important;

}

ul#dispMenuList > li.active-list:hover {
	background-color:#f0a123!important;

}

.list-title {
    padding-left: 50px;
    padding-top: 12px;
}

input#menu_list_search {
    height: 40px;
    width: 290px;
    position: absolute;
    left: 63px;
    top: 17px;
}

.resizable .sort {
	margin-top: 6px;

}

.vendors-input, .products-input {
    width: 375px;
}

.remove-vendor, .remove-product {
    position: relative;
    left: 6px;
}

.recipe-serving-menu {
	position: absolute;
	z-index: 10000;
	display: none;
	width: 140px;
	height: 160px;
	background-color:#ffffff;
	border: 1px solid #cccccc;
	-moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.5);
}

.recipe-serving-menu  ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.recipe-serving-menu ul li {
	padding: 5px 10px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	cursor: pointer;
}

.recipe-serving-menu ul li:hover {
	background-color: #84989d;
	color: #ffffff;
}

.recipe-serving-menu ul li:last-child {
	padding: 5px 10px;
	border-bottom: none;
}


#present_table {
	border-collapse:collapse;
	border-spacing:0px;
	position: relative;
    left: 3px;
    top: 2px;

}

#present_table thead tr:first-child {
	background-color:#765D84;
	color:#fff;

}

#present_table th, #present_table td {
	padding: 2px 5px;
	font-weight:normal;

}

#present_table tfoot td, #present_table tbody tr td:last-child {
	font-weight:bold;

}

#present_table tbody tr.odd {
	background-color: #E9DFEF;

}

#present_table tbody tr:hover {
	background-color: #D6C9DE!important;
	

}

#present_table .present-border-right {
	border-right: 1px solid #969595;
	
}

#present_table .present-border-bottom {
	border-bottom: 1px solid #969595;

}

#present_table .present-border-right-generated {
	border-right: 1px solid #D4D4D4;

}

#present_table_wrapper {
    position: absolute;
    top: 48px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
}

div#repair-dialog div#tb-grid {
	margin-top:88px;

}

.page-wrapper {
    overflow: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;

}

.order-button {
    width: 120px!important;
    float: left;
	margin-left: 3px;
	background-color: #667579;
	cursor:pointer;
}

.order-buttons {
    width: 100%;
    height: 35px;
    background-color: #84989D;
}

div.tcn-image-zone img {
	height:100%;
	width:100%;

}

#remove_img {
	width: 24px;
    height: 24px;
    position: absolute;
    background-image: url( image/iconset-cccccc.png );
	background-position: -78px -78px;
	cursor:pointer;
	display:none;
}

#remove_img:hover {
	background-image: url( image/iconset-black.png );
}

.order-remove {
    display: inline-block;
    font-size: 16px;
    position: relative;
    top: 3px;
    cursor: pointer;
}

.order-amount {
    width: 70px;
    text-align: right;
}

.order-ingredient {
    text-align: left;
    width: 200px;
}

.order-sumrow {
	text-align:right;
}


#messages_add_new,
#newsfeed_add_new {
	color: #1AA734;
	font-style: italic;
	text-decoration: underline;
	cursor:pointer;

}


#Messages_sidebar,
#Newsfeed_sidebar {
    width: 200px;
    float: left;
	padding-top: 25px;
	font-size:14px;
}

#Messages_sidebar {
	width: 180px;
    height: 400px;
    margin-right: 20px;
    border-right: 1px solid #1AA734;
    padding: 0px;
    margin-top: 40px;
	
}

#Messages_body,
#Newsfeed_body {
    width: 700px;
    float: left;
	position:relative;
	padding-bottom:30px;
	padding-top: 30px;
	font-size:14px;
}

.newsfeed-pager {
	width: 700px;
	height: 30px;
	position:absolute;
    text-align: center;
}

#Newsfeed_pager_top { top:0px; }
#Newsfeed_pager_bottom { bottom:0px; }

#Messages_groups,
#Newsfeed_archive {
	padding-left: 20px;
	margin-top: 0px;

}

ul#Messages_groups  li,
ul#Newsfeed_archive  li{
	list-style-type: none;
	text-decoration:underline;
	color:#1AA734;
	cursor:pointer;

}

ul#Messages_groups  li:hover,
ul#Newsfeed_archive  li:hover,
#newsfeed_add_new:hover,
#messages_add_new:hover,
.nf-pager:hover,
.nf-keyword:hover,
.nf-post-admin-edit:hover,
.nf-post-admin-delete:hover,
.nf-post-admin-seenby:hover,
.nf-read-more:hover,
.nf-post-header:hover,
.nf-return:hover,
.nf-del-file:hover {
	opacity:0.7;
	
}

.nf-pager {
    cursor: pointer;
    padding: 0px 5px 3px 5px;
    border: 1px solid #1AA734;
    border-radius: 4px;
    margin-left: 3px;
    background-color: #C3FFCE;

}

.nf-pager-selected {
	color: #000;
	padding: 0px 5px 3px 5px;
    border: 1px solid black;
    border-radius: 4px;
    margin-left: 3px;

}

.nf-h3 {
	margin-bottom: 5px!important;

}

.nf-keyword {
    border: 1px solid #1AA734;
    background-color: #C3FFCE;
    border-radius: 5px;
    padding: 1px 5px;
    cursor: pointer;
    margin-right: 3px;
    line-height: 19px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 3px;
}

.nf-post-box {
	border: 1px dashed black;
    padding: 15px;
	position: relative;
	margin-top: 10px;
    margin-bottom: 10px;

}

.nf-post-header {
	margin-top: 0px;
    border-bottom: 1px solid #1AA734;
	cursor:pointer;

}

.nf-post-timestamp{
	position: absolute;
    top: 37px;
    right: 15px;
	font-style:italic;
	font-size: 12px;

}

.nf-post-popup .nf-post-timestamp {
	top: 32px;

}

.nf-post-keywords {
	margin-top: 25px;

}

.nf-post-body {
	text-align:justify;
	padding-bottom:20px;
	font-size:14px;

}

.nf-post-unread {
    border-color: #1AA734!important;
    background-color: #E7FBEB!important;
}

.nf-post-pinned {
    background-color: #FFDFAC!important;
    border-color: #cc0919!important;
}

.nf-post-admin-delete {
    position: absolute;
    top: 8px;
    right: 15px;
    text-decoration: underline;
    font-style: italic;
    color: #1AA734;
	cursor:pointer;
	font-size: 12px;
}

.nf-post-admin-edit  {
    position: absolute;
    top: 8px;
    right: 55px;
    text-decoration: underline;
    font-style: italic;
    color: #1AA734;
	cursor:pointer;
	font-size: 12px;
}

.nf-post-admin-seenby {
    position: absolute;
    top: 8px;
    right: 125px;
    text-decoration: underline;
    font-style: italic;
    color: #1AA734;
    cursor: pointer;
    font-size: 12px;
}

.ms-return,
.nf-return,
.nf-read-more {
    font-size: 16px;
    font-style: italic;
    text-decoration: underline;
    color: #1AA734;
    cursor: pointer;
    margin-left: 10px;
	display: block;
}

.nf-inline-chx {
    float: left;
    position: relative;
    top: -1px;
}

.nf-search-title {
    font-size: 18px;
    font-style: italic;
}

.nf-del-file {
    color: #1AA734;
    text-decoration: underline;
	cursor:pointer;
}

#nf_search {
	width:165px;

}

#ms_search {
	    width: calc( 100% - 30px );
		height: 30px;
		font-size: 18px;

}

#ms_search_ok,
#nf_search_ok {
    width: 28px;
    height: 26px;
    display: inline-block;
    background-color: #1AA734;
	font-size: 12px;
}

#ms_search_ok {
	height:30px;
	font-size: 14px;
	padding: 0px;
	
}

.nf-img-container {
    float: right;
	margin-left:5px;
	text-align:center;
}

.nf-att-image {
    display: block;
    margin-bottom: 2px;
	cursor: pointer;
	border:1px solid #ccc;
}

.nf-att-title {
    font-style: italic;
    margin-top: 1px;
}


.nf-icon-xls {
	background-image: url( image/excel-ico.png );
	width: 50px;
    height: 50px;

}

.nf-icon-doc {
	background-image: url( image/word-ico.png );
	width: 50px;
    height: 50px;

}
.nf-icon-pdf {
	background-image: url( image/pdf-ico.png );
	width: 50px;
    height: 50px;

}

.nf-doc-container {
    height: 50px;
    margin-top: 20px;
}

.nf-doc-single {
	float:left;
	display:inline-block;
	margin-right:10px;
	text-align:center;

}

.nf-att-doc {
	margin-left: auto;
    margin-right: auto;
	cursor:pointer;

}

#news_feed_counter {
    width: 24px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: -5px;
    border: 1px solid #CCC;
    border-radius: 7px;
    background-color: #189F04;
    color: #fff;
    padding: 0px;
    font-size: 12px;
	
}

.menuimport-header,
.menuimport {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	table-layout: fixed;
}

.menuimport-header tr td {
	background-color: #fee877;
	border:1px solid #cccccc;
	height:70px;
	font-weight: bold;
	text-align: center;
	padding: 5px 3px;
}
.menuimport tr td {
	border:1px solid #cccccc;
	padding: 5px 3px;
}

.menuimport tr td:first-child {
	background-color: #fee877;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

table#OUE_Table {
	border-collapse: collapse;
    border-spacing: 0px;
	margin-bottom: 20px;
	max-width:800px;

}

table#OUE_Table thead td {
	text-align:center;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background-color:#84989d;
	color: #fff;

}

.oue-ingredient {
    width: 220px;
}

.oue-amount {
    width: 80px;
	text-align:right;
}

.oue-delete {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
	cursor: pointer;
}

.oue-menu-row {
    background-color: #B3C5CA;
    height: 20px;
    padding-left: 5px;
    font-weight: bold;
}

.oue-menu-row-err {
	background-color: #FF9191!important;

}

.oue-even {
    background-color: #E5ECEF;
}

.oue-sum {
	text-align:right;

}


#OutgoingUnsingEmptyFormWrapper {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 113px;
    bottom: 0px;
    overflow: auto;
}

.rec-ing-sortable,
.rec-ing-sortable-asc,
.rec-ing-sortable-desc {
	margin-left: 5px;
	padding: 5px;
    background-repeat: no-repeat;
    background-position: center;

} 
.rec-ing-sortable { background-image:url( image/sortable.png ); }
.rec-ing-sortable-asc { background-image:url( image/sort-asc.png ); }
.rec-ing-sortable-desc { background-image:url( image/sort-desc.png ); }

.menu2 {
	padding: 40px;
	box-sizing: border-box;
	width: 800px;
}

#submenu_search {
	width: 96%;
    margin-left: 2%;
    height: 30px;
    font-size: 16px;
    padding: 2px;

}

.dashboard-menuid {
    height: 50px;
    width: 220px;
    margin: 0px;
    float: left;
}

#lockPasswordLogout{
    width: 200px;
    height: 25px;
    margin-top: 10px;
    background-color: #7577FB;
}

.designable-unlocked, .designable-locked {
    width: 150px!important;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 31px!important;
    background-color: #189F04;
    color: #fff;
    font-weight: bold;
}

.designable-unlocked:hover, .designable-locked {
	opacity:1!important;
	background-color: #61AD55;

}

table.ms-table { border-collapse: collapse; border-spacing: 0px; cursor:pointer; width: 698px; }
table.ms-table td { border-bottom: 1px dashed black; padding: 1px 4px; }
table.ms-table tr td:first-child { border-left: 1px dashed black; }
table.ms-table tr td:last-child  { border-right: 1px dashed black; }
table.ms-table tr.ms-msg-unread td { border-color: #1AA734!important; background-color: #E7FBEB!important; }
.ms-msg-message { color:#828282; }
.ms-msg-body { text-align: left; }
.ms-msg-sent { text-align: center; font-size: 12px; min-width: 61px; }
.ms-msg-delete, .ms-msg-recover { text-align: center; color: #1AA734; text-decoration: underline; cursor:pointer; }
.ms-msg-full { display:none; cursor:initial; }
.ms-msg-body { padding: 10px!important; position:relative; }
.ms-full-header { border-bottom: 1px solid #1AA734; margin-top: 0px; font-size: 22px; }
.ms-full-body { text-align: justify; }
.ms-group-active { font-weight:bold; }

.ms-msg-delete:hover,
.ms-msg-full-close:hover,
.ms-msg-full-delete:hover,
.ms-msg-full-recover:hover,
.ms-return:hover
{  opacity:0.7; }

.ms-msg-full-timestamp {
	position: absolute;
    top: 25px;
    right: 15px;
	font-style:italic;
	font-size: 12px;

}

.ms-msg-full-recover,
.ms-msg-full-close,
.ms-msg-full-delete  {
    position: absolute;
    top: 5px;
    right: 10px;
    text-decoration: underline;
    font-style: italic;
    color: #1AA734;
	cursor:pointer;
	font-size: 12px;
}

.ms-msg-full-recover,
.ms-msg-full-delete {
    top: 5px;
    right: 59px;
}

#send_new_ticket,
#send_new {
    font-size: 18px;
    margin-bottom: 5px;
}

.linked-recipe {
    color: green!important;
    text-decoration: underline;
	cursor:pointer;
}

.linked-recipe:hover {
	opacity:0.8;	
}


/**MEGRENDELÉS*/

.inventory-order-header {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:82px;
	background-color:#ffffff;
}

.inventory-order-data {
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	background-color: #ff981f;
	margin-bottom:1px;
}

.inventory-order-dates {
	font-weight: bold;
}

.email-editor {
	overflow:auto;
	border:1px solid #aaa;
	background-color:#fff;
	height:500px;
}

.ordered {
	background-color: #ededed;
}


table.fixed-header tbody, 
table.fixed-header thead {
    display: block;
}

table.fixed-header tbody {
	overflow: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;
	top: 69px;
	position: absolute;
	background-color: #ffffff;
}

table.fixed-header {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
}

table.fixed-header th {
	background-color: #ff981f;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:3px;
}

table.fixed-header td {
	border-right:1px solid #dedede;
	border-bottom:1px solid #000000;
	padding:3px;
}

.selected-order-row td,
table.fixed-header tbody tr:hover td {
	background-color: #ffd8ab;
}

.red-font-color {
	color: red;
}

.log-information {
	margin: 20px 0px;
	color: gray;
	font-style: italic;
	font-size: 9px;
}

.log-information-tab {
	margin: 20px 10px;
	color: gray;
	font-style: italic;
	font-size: 9px;
}


.inventory-item-storno {
	color: grey;
	font-style: italic;
}

.kitchen-label {
	overflow: hidden;
	width: 90%;
	white-space: nowrap;
	font-weight:bold;
	display: inline-block;
}

.different-quantity {
	border: 1px solid #ffff19 !important
}

.filter-ul {
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 49px;
    width: 200px;
    right: -1px;
    background-color: #ffffff;
    z-index: 50000000000;
	border: 1px solid #dddddd;	
	border-top:none;
	display: none;
	list-style: none;
}

.needs-quantity {
	font-weight:bold;
	color:red;
}

.needs-quantity:hover{
	text-decoration:underline;
	cursor:pointer;
}


.menu-selector {
	width: 25px;
    height: 25px;
    float: right;
    border: 1px solid black;
    position: relative;	
	cursor:pointer; 
}

.selected-menu-selector {
	background: url(image/checked.png) no-repeat center center;
}


.group-header {
	padding: 10px 5px;
}


.table tr td.header {
	background-color: #dedede;
	text-align: center;
	font-weight: bold;
}

.dispacher-partner-list {
	width: 200px;
	position:absolute;
	top:50px;
	bottom:0px;
	overflow:auto;
	border:1px solid #dedede;
}

.dispacher-partner-list table {
	width: 100%;
}

.dispacher-partner-list table tr td {
	border-bottom: 1px solid #dedede;
	padding: 2px;
}

.dispacher-partner-list table tr td:hover {
	background-color: #dedede;
	cursor: pointer;
}

.dispacher-partner-list table tr td.active-partner {
	background-color: #dedede;
}


.dispatcher-menu-list-header {
	position:absolute;
	top:0px;
	height:20px;
	left:210px;
}

.dispatcher-menu-list-header table tr th {
	border: 1px solid #dedede;
	background-color: #6a1c96;
	color: white;
	padding: 5px 1px;
}

.dispatcher-menu-list {
	position:absolute;
	top:25px;
	right:0px;
	left:210px;
	bottom:0px;
	overflow:auto;
}

.dispatcher-menu-list-header table,
.dispatcher-menu-list table {
	border-collapse:collapse;
	border-spacing: 0px;
}
	
.dispatcher-menu-list table tr td{ 
	border: 1px solid #dedede;
}

.dispatcher-menu-list table tr.active-date, 
.dispatcher-menu-list table tr:hover{ 
	background-color: #faf8f8;
}

.dispacher-menu-list-summa td {
	padding: 5px 0px;
	text-align: right;
	font-weight: bold;
}

.dispather-paying {
	position:absolute;
	top:0px;
	bottom: 0px;
	width: 500px;
	border:1px solid black;
	left: 650px;
	overflow: auto;
}

.dispatcher-menu-list-week-header td{
	background-color: #fffde7;
	padding: 10px 0px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.dispatcher-menu-list-week-footer td {
	background-color: #dedede;
	padding: 5px 0px;
	text-align: right;
	font-weight: bold;	
}