@media all {
	BODY,HTML{margin:0px;padding:0px;height:100%;width:100%;background-color:#029E88;font-family:'Roboto',sans-serif;font-weight:300;font-size:12px;box-sizing:border-box;overflow:hidden;}
}
@media (max-width: 1360px) {
	BODY,HTML{margin:0px;padding:0px;height:100%;width:100%;background-color:#029E88;font-family:'Roboto',sans-serif;font-weight:300;font-size:10px;box-sizing:border-box;overflow:hidden;}
}

.notes-info tr td {
	height: 30px !important;
	text-align: left;
}
.notes-info tr td:first-child {
	width: 30%;
	font-weight: bold;
}

.invisible {
	display: none;
}

.navi {
	margin: 10px 5px;
}

input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow: 0 0 0 1000px white inset;}
a, a:visited, a:link, a:active, .link {color:#024E88;text-decoration:none;cursor:pointer;}
a:hover, .link:hover {
	color:#024E88;
	text-decoration:underline;
}
a.invers, a.invers:visited, a.invers:link, a.invers:active {
	color:#024E88;
	text-decoration:none;
	cursor:pointer;
}
a.invers:hover {
	color:#024E88;
	text-decoration:underline;
}
.links {
	list-style:none;
}
.links li {
	float:left;
	color: #dedede;
}
.footer1 {
	width: 699px;
	height: 25px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.pointer {
	cursor: pointer;
}
.subtable {
	width:100% !important;
	border-collapse:separate;
	border-spacing: 0px;
}
.subtable tr {
	height: 25px;
	vertical-align:center;
}
.subtable tr th {
	background-color: #ededed;
	box-sizing: border-box;
	overflow: hidden;
}
.subtable tr td {
	border: 1px solid #ededed;
	padding: 2px;
	height: 25px !important;
}
.subtable tr:hover td {
	background: linear-gradient(to bottom,#beebff 0,#a8e4ff 100%) !important;
	cursor: pointer;
}
.subtable tr.nohover:hover td {
	background: transparent !important;
}

#productiontable thead tr th {
	border:1px solid #dedede;
}

.bergyartas-button,
.ingredients-button,
.producing-button {
    border: none;
    background: #2d4f87;
    color: #ffffff;
    padding: 10px 5px;
	font-size:10px;
}

.semiproduct td{
	background-color: #dedede;
}
.contractproduct td{
	background-color: #ededed;
}
.selected-grid-row {
	background: linear-gradient(to bottom,#beebff 0,#a8e4ff 100%) !important;
}
.subtable tbody.multirow tr:last-child td{
	border-bottom: 1px solid #ededed;
}
.subtable tbody.multirow  tr td{
	border-bottom: none;
	border-top: none;
}
.subtable tbody.multirow:hover {
	background: linear-gradient(to bottom,#beebff 0,#a8e4ff 100%) !important;
	cursor: pointer;
}
.subtable tbody.multirow:hover tr td{
	background: none !important;
}
.tcn-datatable-content {
	background-color: #F7F7F7;
}
.tabdiv {
	bottom: 0px;
	position: absolute;
	top: 30px;
	right: 0px;
	left: 0px;
	border-top: 1px solid #aaa;
}
.logo {
	width: 190px;
	height: 40px;
	background-image:url( 'image/smarttrade.png' );
	background-size: 100%;
}
.line {
	border:0;
	height:1px;
	background:-moz-linear-gradient(left, 	 #78e0ed 0%,#ffffff 50%,#78e0ed 100%);
	background:-webkit-linear-gradient(left, #78e0ed 0%,#ffffff 50%,#78e0ed 100%);
	background:linear-gradient(left, 		 #78e0ed 0%,#ffffff 50%,#78e0ed 100%);
	width:100%;
}
.footer {
	position: absolute;
	bottom: 0px;
}
.user-firstname {
	color: #000;
	font-size: 14px;
	padding: 0px 3px;
	line-height: 30px;
	cursor: pointer;
	font-weight: bold;
}
.user-menu {
	position: absolute;
	top: 48px;
	right: 2px;
	display: none;
	width: 190px;
	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;
	height: 30px;
	cursor: pointer;
	padding: 8px 10px;
	color: #000;
	line-height: 15px;
	text-align: left;
}
.user-menu ul li:hover {
	background-color: #014a7f;
	color: #ffffff;
}
.short-input {
	width:120px!important;
}

.edi-message {
	width: 300px;
	height: 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 500;
}

div, a, td, p {
	box-sizing: border-box;
}
:focus {
	outline: none;
}
.info {
	background-color:#a9e2ff;
	text-align:center;
	color: 0px;
	padding: 2px 4px;
	float: right;
}
.info:hover {
	cursor: pointer;
	opacity: 0.8;
}
.tcn-datagrid-controls {
	/*border-bottom: 1px solid rgb(170, 170, 170);*/
}
.notes-info {
	background-color:#a9e2ff;
	text-align:center;
	color: 0px;
	padding: 2px 4px;
}
.button-bar {
	margin-top: 15px;
}
.info div {
	display: none;
}
.info:hover div {
	display: block;
	position: absolute;
	background-color: #ffffff;
	border:1px solid #343434;
	width: 200px;
}
P {
	color: #343434;
	font-size: 1.2em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
	margin: 0px;
}
h1 {
	font-size: 3em;
}
h1.information {
	font-size: 3em;
	line-height: 3em;
	padding: 50px 20px;
	text-align:center;
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
header {
	height: 40px;
	background-color: #ffffff;
}
.header-table {
	width:100%;
	border-collapse:separate;
	border-spacing: 0px;
	table-layout: fixed;
}
.header-table tr td {
	margin:0px;
	padding:0px;
}
.ordered {
	float: left;
	height: 20px;
	width:150px;
	line-height: 20px;
	font-weight:bold;
	text-align:center;
	margin-left:10px;
}
.main-menu {
	background-color: #024E88;
	width: 100%;
	height: 48px;
	position: relative;
}
.main-menu-right-item,
.main-menu-item {
	border-right: solid 1px #ffffff;
	color: #ffffff;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 1.2em;
	display:inline-block;
	background-color:#024E88;
	float:left;
}

.main-menu-right-item:first-child:nth-last-child(5),
.main-menu-right-item:first-child:nth-last-child(5) ~ div,
.main-menu-item:first-child:nth-last-child(5),
.main-menu-item:first-child:nth-last-child(5) ~ div {
	width: calc( 33.666% - 40.666px );
}
.main-menu-right-item:first-child:nth-last-child(6),
.main-menu-right-item:first-child:nth-last-child(6) ~ div,
.main-menu-item:first-child:nth-last-child(6),
.main-menu-item:first-child:nth-last-child(6) ~ div {
	width: calc( 24.666% - 24.666px );
}
.main-menu-right-item:first-child:nth-last-child(7),
.main-menu-right-item:first-child:nth-last-child(7) ~ div,
.main-menu-item:first-child:nth-last-child(7),
.main-menu-item:first-child:nth-last-child(7) ~ div {
	width: calc( 20% - 20px );
}
.main-menu-right-item:first-child:nth-last-child(8),
.main-menu-right-item:first-child:nth-last-child(8) ~ div,
.main-menu-item:first-child:nth-last-child(8),
.main-menu-item:first-child:nth-last-child(8) ~ div {
	width: calc( 16.6666% - 16.6666px );
}
.main-menu-right-item:first-child:nth-last-child(9),
.main-menu-right-item:first-child:nth-last-child(9) ~ div,
.main-menu-item:first-child:nth-last-child(9),
.main-menu-item:first-child:nth-last-child(9) ~ div {
	width: calc( 14.28% - 14.28px );
}

.main-menu-right-item:first-child:nth-last-child(10),
.main-menu-right-item:first-child:nth-last-child(10) ~ div,
.main-menu-item:first-child:nth-last-child(10),
.main-menu-item:first-child:nth-last-child(10) ~ div {
	width: calc( 12.50% - 12.58px );
}

.main-menu-right-item:first-child:nth-last-child(11),
.main-menu-right-item:first-child:nth-last-child(11) ~ div,
.main-menu-item:first-child:nth-last-child(11),
.main-menu-item:first-child:nth-last-child(11) ~ div {
	width: calc( 11.1111% - 11.1111px );
}

.main-menu-right-item:first-child:nth-last-child(12),
.main-menu-right-item:first-child:nth-last-child(12) ~ div,
.main-menu-item:first-child:nth-last-child(12),
.main-menu-item:first-child:nth-last-child(12) ~ div {
	width: calc( 10% - 10px );
}
.main-menu-right-item:first-child:nth-last-child(4),
.main-menu-right-item:first-child:nth-last-child(4) ~ div,
.main-menu-item:first-child:nth-last-child(4),
.main-menu-item:first-child:nth-last-child(4) ~ div {
	width: 150px;
}

.user-information, .sub-menu-display {
	width: 50px!important;
}
#userName {
	border-right: none;
    right: 0px;
    position: absolute;
}


.main-menu-item:hover,
.active-menu-item {
	background-color:#C3B26B;
}
.main-menu-item a:visited,
.main-menu-item a:link,
.main-menu-item a:active {
	text-decoration: none;
	color: #ffffff;
}
.main-menu-item a.active,
.main-menu-item a:hover {
	color:#ffffff;
}
.selected_menu{
	width:50px;
	height:50px;
	border-radius:50%;
	border:solid 2px #343434;
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
	margin-right:10px;
	margin-left:10px;
	display: none;
}
.main-menu-menu-rendeles, .main-menu-menu-lemondas {
	background-image: url(image/icon_layers.png);
}
.main-menu-penzugy {
	background-image: url(image/icon_bill.png);
}
.main-menu-adatok {
	background-image: url(image/icon_user.png);
}
.main-menu-icon {
	background-repeat: no-repeat;
	background-position: left center;
	overflow: hidden;
	min-height: 30px;
	padding-left: 40px;
	padding-top: 0px;
	color: #ffffff;
	display: inline-block;
	cursor: pointer;
}
.main-menu-right-item {
	position:relative;
	width: 23%;
	text-align: left;
	padding: 0px;
}
#user-change {
	position: absolute;
	height: 49px;
	width: 100%;
	border: none;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
/*form*/
.form-scroll-area {
	width: 800px;
	margin: 30px auto;
}
.form-content1 {
	margin:0px;
}
.form-content1 h2 {
	margin-top:20px;
}
.current-page-title {
	margin-top:20px;
}
.custom-form-wrapper {
	height:100%;
	overflow-y:auto;
}
#book-items {
	margin-top:30px;
}
.error-input {
	border: 1px double #f40f5b !important;
}
.tcn-form {
	position: absolute;
	left:0px;
	bottom:0px;
	width: 0px;
	top: 0px;
	background-color: #F7F7F7;
	border-left: 1px solid #AAA;
}
#mcContent {
	position: absolute;
	left:0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #fff;
}

.log-information {
	margin: 20px 10%;
	color: gray;
	font-style: italic;
}

.log-information-tab {
	position: absolute;
	bottom:1px;
	margin: 6px 10%;
	color: gray;
	font-style: italic;
}

@media all and (max-width: 1360px) {
   .form { width: 100%!important; }
   .content h2 {width:100%!important;}
   .form-content h2 {width:100%!important;}
   .log-information {margin-left:5px;}
   .log-information-tab {margin-left:5px;}
}

table.form2,
table.form1,
table.form {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	table-layout: fixed;
}
table.form tr td.title {
	height: 40px;
	vertical-align:bottom;
}
.menu table tbody tr.tcn-grid-row {
	background-color: #eeeeee;
}
.menu table tbody tr.tcn-grid-row:hover {
	background-color: #dbeefd !important;
}
.menu table.form tbody tr td:first-child,
table.form tbody tr td:first-child {
	width: 30% !important;
	padding-left: 20px;
	font-weight: bold;
}
table.form tbody tr td:last-child {
	padding-right: 20px;
}
table.form tbody tr td:first-child {
	padding-left: 0px;
}

table.form1 tr td:nth-child(odd) {
	width: 18%;
	text-align: right;
	font-weight: bold;
}
table.form2 tr td:nth-child(odd) {
	width: 30%;
	text-align: right;
	font-weight: bold;
}

.form-column-1 tr td:first-child {
	text-align: left !important;
	padding-left: 10px !important;
	padding-top: 0px !important;
}

.form-column-1 tr td.title {
	height: 20px !important;
}

.require-field-label{
	color:#055e8f;
}
@media all {
	#cancel,.bt,#cancel1,#close-tab,#cancel2,#closeing,#back,#newIncome,#newOutgo,#recordingSheet,#Sheet,#insertBook,#data,#print_record_item,#Deliverynote,#cancel-full,#NewService,#product-print-label,.inline-print,.cancel-buttons,.partner-buttons {
		color: #ffffff;
		border: none;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		background-color: #024E88;
		padding: 0px 10px;
		width: 20%;
		cursor: pointer;
		margin-bottom: 30px;
		float: right;
		height: 30px;
		line-height: 30px;		
	}
}
@media (max-width: 1360px) {
	#cancel,.bt,#cancel1,#cancel2,#close-tab,#closeing,#back,#newIncome,#newOutgo,#recordingSheet,#Sheet,#insertBook,#data,#print_record_item,#Deliverynote,#cancel-full,#NewService,#product-print-label,.inline-print,.cancel-buttons,.partner-buttons {
		font-size: 12px;
	}
}

@media all {
	.bonuspercent {
		width: 40px;
	}
	
	.bonusvalue {
		width: 80px;
	}
}
@media (max-width: 1360px) {
	.bonuspercent {
		width: 30px;
	}
	
	.bonusvalue {
		width: 50px;
	}
}

.inline-print {
	background-color: #7ba0ff;
	margin: 0px;
}
.partner-buttons {
	margin-bottom:1px;
	margin-right:5px;
	font-size: 12px;
	width:100%;
}
#send, .buttons{
	color: #ffffff;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #cc0919;
	padding: 0px 10px;
	display: block;
	width: 15%;
	cursor: pointer;
	float: right;
	height: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	margin-right:2px;
}
#send:hover, .buttons:hover {
	opacity: 0.8;
}
#savePrint, #print1, #print, #excel, #excel1,#inventory_sync1 {
	color: #ffffff;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #cc0919;
	padding: 0px 10px;
	display: block;
	width: 210px;
	cursor: pointer;
	float: right;
	height: 30px;
	margin-right:2px;
}
#save, #save1, #save2, #save3, #close2, #edit1, #next, #controlEdit, #notes, #ClosingBtn, #send, #subscription, #sendEmail, .save-buttons, .save-button, .delete-button, .cancel-button, .partner-save-button{
	color: #ffffff;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #C3B26B;
	padding: 0px 10px;
	display: block;
	width: 15%;
	cursor: pointer;
	float: right;
	height: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	margin-right:2px;
}
#save, #cancel, #print1, #edit1, #excel1, #sendEmail, #next, #product-print-label,#inventory_sync1, .save-button, .cancel-button, .delete-button {
	width:15%;
	height: 40px !important;
	line-height: 40px !important;
	margin-right: 0px;
	margin-left: 2px;
	/*padding-top: 12px;*/
	font-size: 14px;
}
#newIncome, #newOutgo, #NewService, #print_record_item, #sendEmail,.bt {
	width: 160px;
	background-color:#458E3A;
}
#print, #insertBook, #excel {
	width:160px;
}
#close2 {
	width: 160px;
}
#subscription {
	width: 180px;
}
.header-button {
	width:19%!important;
	height: 40px!important;
	margin-right: 0px;
	margin-left: 2px;
	padding-top: 10px!important;
	font-size: 18px!important;
}
#product-copy:hover,
#product-print-label:hover,
#bulk_delete_button:hover,
#subscription:hover,
#back:hover,
#print_record_item:hover,
#NewService:hover,
#ClosingBtn:hover,
#cancel-full:hover,
#insertBook:hover,
#data:hover,
#controlEdit:hover,
#notes:hover,
#Sheet:hover,
#recordingSheet:hover,
#print1:hover,
#inventory_sync1:hover,
#print:hover,
#excel1:hover,
#excel:hover,
#edit1:hover,
#savePrint:hover,
#newIncome:hover,
#Deliverynote:hover,
#close2:hover,
#cancel:hover,
#close-tabe:hover,
#cancel1:hover,
#cancel2:hover,
#save:hover,
#send:hover,
#save1:hover,
#save2:hover,
.partner-buttons:hover,
.inline-print:hover,
.cancel-buttons:hover,
.delete-button:hover,
.save-button:hover {
	opacity:0.8;
}
input[type="number"],
input[type="text"],
input[type="password"],
select,
textarea {
	padding: 3px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	margin-left:0px;
	height: 26px;
	font-weight:normal;
	width: 100%;
	margin-right: 5px;
}

@media all {
	input[type="number"] {
		text-align: right;
		width:100px;
		max-width:100%;
	}
}
@media (max-width: 1360px) {
	input[type="number"] {
		text-align: right;
		width:50px;
		font-size: 10px;
	}
}

select[readonly="readonly"], select[readonly],
textarea[readonly="readonly"], textarea[readonly],
input[readonly="readonly"], input[readonly]  {
	background-color:#fffee6 !important;
	color: #afadad !important;
}

:disabled {
	background-color:#fffee6 !important;
	color: #afadad !important;
}
select {
	padding: 3px 6px;
}
textarea {
	height: auto;
	height: 60px;
}
.tcn-checkbox {
	text-align: left;
	/*padding-left: 225px;*/
	margin: 0px;
	padding: 5px;
	list-style: none;
}
.tcn-tree-area {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	top: 50px;
	overflow: auto;	
}

#tcn-tree,
.tcn-tree {
	text-align: left;
	padding-left: 20px;
	margin: 0px;
	list-style: none;	
}
/* form vege*/
.button {
	display:inline-block;
	width: auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0px 10px;
	cursor: pointer;
	background-color: #f40f5b;
	color: #ffffff;
	font-size: 1.5em;
	float: right;
	border: none;
}
.button:hover {
	opacity: 0.8;
}
.error {
	position: relative;
	color: #ff4b71;
	font-size: 1em;
	display: none;
	padding-left: 2px;
	text-align: left;
	/*margin-bottom: 10px;*/
}
#Comment {
	resize:none;
	height:80px;
}
label[for="Comment"] {
}
.search-field {
	width: 100% !important;
	padding:10px 40px !important;
	margin-top: 1px;
	border:none !important;
	background: #f9f9f9 url(image/btn_search.png) no-repeat 10px center;
}
.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: 100%;
	height: 500px;
	border: 2px solid #cccccc;
	float: left;
	overflow:hidden;
	text-align:center;
}

.tcn-thumb {
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 5px;
	border: 1px solid #cccccc;
	position:relative;
}
.tcn-thumb-1 {
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 0px;
	position:relative;
}
.tcn-thumb:hover{
	box-shadow: 0px 2px 10px #888888;
}
.tcn-selected-thumb {
	border:3px solid #dd0000 !important;
}

.image-delete {
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 26px;
	height: 26px;
	border:1px solid #cccccc;
	background: url(image/delete-button.png) no-repeat;
	cursor: pointer;
}
.image-delete:hover {
	opacity:0.8;
}

.tcn-thumb img {
	width: 100%;
	height: 100%;
}

.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;
}
.delete-image {
	display: block;
	width: 26px;
	height: 26px;
	border:1px solid #cccccc;
	background: url(image/delete-button.png) no-repeat;
}
.description {
	box-sizing: border-box;
	background-color: #F8F8F8;
	margin-bottom:15px;
	padding: 10px 5px;
	border-left: 5px solid #C3B26B;
	width: 80%;
	margin: 5px auto;
}
/* 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;
	position: relative;
	overflow: hidden;
	margin-right: 1px;
	color: #ffffff;
	width: 129px;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	text-align:center;
	font-weight:bold;
}
.fileinput-button {
	background-color:#458E3A;
}
.fileinput-button1 {
	background: -webkit-linear-gradient(rgb(247, 247, 247), rgb(221, 221, 221))!important;
	background: -o-linear-gradient(rgb(247, 247, 247), rgb(221, 221, 221))!important;
	background: -moz-linear-gradient(rgb(247, 247, 247), rgb(221, 221, 221))!important;
	background: linear-gradient(rgb(247, 247, 247), rgb(221, 221, 221))!important;
	border: 1px solid #A4A4A4!important;
	border-radius: 2px!important;
	height: 24px!important;
	margin-right: 1px!important;
	font-weight: normal!important;
	color: #555555!important;
}
.tcn-btn span.text,
.fileinput-button1 span.text,
.fileinput-button span.text {
	display: inline-block;
	/*margin: 4px -5px 0px 2px;*/
	height: 16px;
	font-size:13px;
}
span.tcn-btn span.ui-icon-trash {
	position: relative;
	top: 3px;
}
span.tcn-btn:hover, .fileinput-button:hover {
	opacity:0.8;
}
.tcn-btn {
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-right: 1px;
	color: #ffffff;
	height: 30px;
	padding: 0px 10px;
	line-height: 30px;
	text-align:center;
	background-color: #5cb85c;
	cursor: pointer;
}
.tcn-btn-hidden {
	display: none;
}
.tcn-yellow-button{
	background-color: #C3B26B;
}
.tcn-red-button {
	background-color: #cc0919;
}
.tcn-green-button {
	background-color: #5cb85c;
}
.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;
}
iframe {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border: none;
}
/**	SUBMENU **/
#sb-header {
	width: 200px;
	background-color: #024E88;
	overflow: auto !important;
	position: absolute;
	left: 0px;
	bottom: 0px;
	top: 88px;
	z-index:1000;
	opacity: 0.95;
}
#sb-header ul {
	width: 100%;
	height: 30px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
}
#sb-header ul li{
	height: 30px;
	width: 100%;
	line-height: 30px;
	text-align: left;
	padding: 0px 15px;
	color: #fff;
	font-size: 13px;
	margin: 3px auto;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
}
#sb-header ul li.active-submenu,
#sb-header ul li:hover {
	cursor: pointer;
	background-color: rgba(3, 46, 79, 0.8);
}
.active-submenu-button {
	background-color: #C3B26B;
	position: relative;
	z-index: 99999999999999;
}
.active-submenu-button:after {
	top: 100%;
	left: 21px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(136, 183, 213, 0.06);
	border-top-color: #C3B26B;
	border-width: 8px;
	margin-left: -8px;
}
#sb-header ul li:first-child{
	margin-top: 25px;
}
#sb-header ul li:last-child{
	border-bottom: none;
}

.menu-group {
}

.menu-group[data-state="opened"] {
	background: rgba(3, 46, 79, 0.8);
	padding: 0px !important;
}
.menu-group[data-state="opened"] div{
	border-bottom: 1px solid #022948;
	padding-left: 15px;
}
.menu-group ul{
	display: none;
	margin: 0px !important;
	padding: 0px !important;
	width: 100%;
}
.menu-group[data-state="opened"] ul{
	display: block !important;
}
.menu-group ul li {
	margin: 0px !important;
	padding: 0px 20px !important;
	height: 30px !important;
}

.menu-group ul li:first-child {
	margin-top: 0px !important;
}

.menu-group-handle {
	font-weight: bold;
	margin-left: -13px;
	font-size:14px;
	display: inline-block;
	width: 13px;
	text-align:center;
}

/**	SUBMENU VEGE **/
/**	DATAGRID **/
.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;
	height: 30px;
	min-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	background-color: #f6f6f6;
	background-image: none !important;
	border-bottom: 1px solid #aaaaaa;
}
.tcn-datagrid-footer{
	border: none;
	height:0px;
}
.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;
}
.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-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;
}
.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 #aaaaaa;
}
.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 #aaaaaa;
	overflow: hidden;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.datagrid-table thead tr th[data-autofiltered="1"] {
	background-color: #fbf6d6 !important;
}

.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 0px;
}
.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 td{
	background: linear-gradient(to bottom,#beebff 0,#a8e4ff 100%) !important;
	color: #000000;
}
.datagrid-table tbody tr.hover td{
	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: #EAEAEA;
}
.datagrid-table tbody tr:nth-child(odd) {
	background: #F7F7F7;
}*/
#cbSelAll{
	position: relative;
}
.datagrid-table tbody tr td{
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	padding: 2px;
	white-space: nowrap;
	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{
	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;
}
.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-parent-form,
.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-right:1px solid #ccc;
	width: 200px;
	height: 44px;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}
select.tcn-datagrid-search-field-type,
select.tcn-datagrid-search-field-list{
	position: relative;
	height: 44px;
	width: 150px;
	line-height: 22px;
	margin:0px;
	border:none;
}
input[type="submit"].tcn-datagrid-search-button{
	background: #fff url(image/btn_search.png) no-repeat center center;
	margin:0px;
	height: 45px;
	width:44px;
	padding: 0px;
	border:none;
	border-left:1px solid #CCCCCC;
	margin-right:0px;
}
.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;
}
.tcn-datagrid-bulk-buttons LI.menu,
.tcn-datagrid-bulk-buttons LI{
	text-align: center;
	width: 44px;
	height: 44px;
	padding: 5px 0px 0px 0px;
	background-color: #fff;
	background-image: none !important;
	border-right: 1px solid #cccccc;
	float:left;
	box-sizing:border-box;
	line-height:44px;
	list-style: none;
}
.tcn-datagrid-bulk-buttons LI:first-child{
	border-left: 1px solid #cccccc;
}
.tcn-datagrid-bulk-buttons LI:last-child{
	border-right: none !important;
}
.tcn-datagrid-bulk-buttons:last-child LI:last-child{
	border-right: 1px solid #cccccc !important;
}
.tcn-datagrid-buttons {
	text-align: center;
	width: 44px;
	height: 45px;
	padding: 0px;
	border-left: 1px solid #cccccc;
	box-sizing: border-box;
	line-height:45px;
	display: inline-block;
	position: relative;
	top: -1px;
}
.tcn-datagrid-buttons:hover {
	background-color: #C3B26B;
}
.tcn-datagrid-buttons:hover span{
	background-image: url(image/ui-icons_ffffff_256x240.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: #C3B26B;
	background-image: none !important;
	border-left: none;
}
.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;
}
.small-field {
	width: 120px !important;
}
.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: 44px;
	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;
	margin-left: -1px;
	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: 5px;
	padding-left: 10px;
	text-align: left;
	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: #C3B26B;
	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;
	padding-left: 25px;
}
.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;
}
.justifyRight {
	text-align: right;
}
.tcn-datagrid-autofilter-elem{
	height: 32px;
}
.tcn-columnlist-checklist,
.tcn-autofilter-checklist{
	position: relative;
	height: 320px;
	border: 1px solid #cccccc;
	overflow: auto;
}
.tcn-datagrid-disable-select{
	webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.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;
}

.icon-ui-routes { 
	background: url( image/icon_routes.png ); 
	background-size: 17px; 
}

.icon-ui-routes,
.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);
}
.active-label {
	color: red !important;
}
.tcn-icon-button-black{
	position: absolute;
	background-image: url(image/ui-icons_454545_256x240.png);
	zoom: 1.5;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border: 1px solid #cccccc;
	top: -3px;
	background-color: #e6e6e6;
	background-image: none !important;
	z-index: 5000;
}
.tcn-icon-button-black div{
	position: relative;
	display: none;
}
.tcn-icon-button-black:hover div{
	display: block;
	position: relative;
}
.tcn-icon-button{
	margin-top: 0px;
	zoom: 1.4;
}
.tcn-icon-button-2{
	width: auto;
	height: 16px;
	display: inline-block;
	zoom: 1.4;
	border: 1px solid #cccccc;
}
.tcn-icon-button-1{
	margin: 0px;
	width: 50px;
	height: 40px;
	background: #3aeb5b url(image/ui-icons_ffffff_256x240.png);
	float: left;
}
.tcn-icon-pencil{
	background-position: 0px 0px;
}
.tcn-icon-pencil:hover{
	background-position: 0px -40px;
}
.tcn-icon-minus{
	background-position: -50px 0px;
}
.tcn-icon-minus:hover{
	background-position: -50px -40px;
}
.pagination-column3{ 
	position: relative;
	display: inline-block;
	zoom: 1;
	width: auto;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	vertical-align: top;
}
.pagination-column3 LI{
	position: relative;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	zoom: 1;
	width: 45px;
	height: 45px;
	border-left: 1px solid #CCCCCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 11px;
	padding-left: 10px;
	text-align: center;
	cursor: pointer;
}
.pagination-column3:last-child LI:last-child {
	border-right: none;
}
.pagination-column3:last-child a:last-child li{
	border-right: 1px solid #cccccc;
}
ul.pagination-column3 li.active-icon-button,
ul.pagination-column3 li:hover{
	background-color: #C3B26B;
	border-left: none !important;
}
.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;
}
.pagination-column4{
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	vertical-align: top;
	background-color: #e4e8eb;
	background-image: none !important;
}
.pagination-column4 LI{
	padding: 0px;
	margin: 0px;
	display: inline-block;
	zoom: 1;
	width: 69px;
	height: 30px;
	border-right: 1px solid #ebebeb;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 3px;
	padding-left: 20px;
	text-align: center;
}
.pagination-column4 LI.return{
	width: auto;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: left;
	float: right;
	color: #000;
	font-weight: bold;
	vertical-align: top;
}
.pagination-column4 LI.next-main-record,
.pagination-column4 LI.prev-main-record{
	width: auto;
	border: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	float: right;
	color: #000;
	font-weight: bold;
	vertical-align: top;
}
.pagination-column4 LI.return span{
	position: relative;
	top: -6px;
}
.pagination-column4 LI.active-menuitem,
.pagination-column4 LI:hover{
	background-color: #353535;
	background-image: none !important;
	color: #ffffff;
}
.pagination-column4 LI.active-menuitem .ui-icon,
.pagination-column4 LI:hover .ui-icon{
	background-image: url(image/ui-icons_ffffff_256x240.png);
}
.pagination-column3 LI.active-icon-button .ui-icon,
.pagination-column3 LI:hover .ui-icon{
	background-image: url(image/ui-icons_ffffff_256x240.png);
}
.tcn-datagrid-bulk-buttons LI:hover .tcn-icon-button {
	background-image: url(image/ui-icons_ffffff_256x240.png);
}
.tcn-datagrid-bulk-buttons LI:hover  {
	cursor:pointer;
}
.page-title{
	border-bottom: 1px solid #aaa;
	position: relative;
	background-color: #fff;
	background-image: none !important;
	height: 45px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #ebebeb;
	padding-top: 0px;
}
.single-page-title,
.single-page-subtitle{
	color: #343434;
	font-weight: normal;
	padding: 15px 0px 0px 0px;
	font-size: 18px;
	margin: 0px;
	display: inline-block;
	zoom: 1;
}
.single-page-subtitle{
	font-size: 13px;
}
.content {
	background-color: #fff;
}
.normal {
	height:35px!important;
	line-height:25px!important;
}
input[type="submit"].tcn-datagrid-search-button:hover {
	background: #C3B26B url(image/btn_fff_search.png) no-repeat center center;
	cursor:pointer;
	border-left: none;
}
.tcn-datagrid-footer {
	position: absolute;
	bottom: 0px;
	height: 0px;
	left: 0px;
}
/** DATAGRID VEGE **/
@media all {
	.form-content-dictation,
	.form-content-fixed,
	.form-content {
		margin: 0px auto;
		width: 100%;
		position: absolute;
		top: 40px;
		bottom: 0px;
		overflow: auto;
		background-color: #fff;
		padding: 20px 0px;
	}
	.form-content-dictation h2,
	.form-content-fixed h2,
	.form-content h2 {
		width: 80%;
		margin: 0px auto !important;
		padding: 8px 10px;
		box-sizing: border-box;
		background-color: #EAEAEA;
		font-size: 14px;
		font-weight: bold;
		color: #000;
	}
	.form-content-dictation table,
	.form-content-fixed table,
	.form-content table {
		width: 80%;
		margin: 0px auto;
		background-color: #F8F8F8;
	}
	.form-content-dictation table tr td,
	.form-content-fixed table tr td,
	.form-content table tr td {
		height: 40px !important;
		border-bottom: 1px solid #ededed;
	}
}
@media (max-width: 1200px) {
	.form-content table {
		width: 100%;
	}
	.form-content-dictation h2,
	.form-content-fixed h2,
	.form-content h2 {
		width: 100%;
	}
	.dictation {
		width: 95% !important;
	}
	.description {
		width: 95% !important;
	}
}
.form-content-dictation table tr td:first-child,
.form-content-fixed table tr td:first-child,
.form-content table tr td:first-child {
	text-align: right;
}

.form-content-dictation table tr td:first-child {
	width: 30% !important;
}
table.form tr td:first-child {
	text-align: right;
}
.message,
.tcn-error-message,
.tcn-confirm {
	padding: 10px 10px;
	width: 500px;
	box-sizing: border-box;
	text-align: center;
	margin: 40px auto;
}
.message,
.tcn-confirm {
	color: #000;
	background-color: #feffcb;
	border: 1px solid #fbff25;
}
.tcn-error-message {
	color: #000;
	background-color: #ffd7c1;
	border: 1px solid #fc9760;
}
.message UL,
.tcn-error-message UL,
.tcn-confirm UL{
	list-style:none;
	padding: 0px;
}
.message UL LI,
.tcn-error-message UL LI,
.tcn-confirm UL LI{
	text-align: left;
}
.help {
	display:none;
	position: fixed;
	background-color: #e4e4e4;
	border: 1px solid #cccccc;
	padding: 10px;
	z-index: 300;
	width: 300px;
	box-sizing: border-box;
	margin-left:500px;
	-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;
}
.form-header {
	height: 40px;
	position: absolute;
	width: 100%;
	background-color: #ffffff;
	top: 0px;
}
.global-search {
	background: url(image/btn_search.png) no-repeat 10px center;
	padding-left: 40px !important;
	width:100% !important;
	height:48px !important;
	border-bottom: none !important;
	border-top: none !important;
}
.green-panel {
	background-color: #458E3A;
}
.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!important;
}
.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: #C3B26B;
}
.greenish-panel {
	background-color: #007986
}
.blue-panel {
	background-color: #02659e;
}
.dark-blue-panel {
	background-color: #021c60;
}
.light-blue-panel {
	background-color: #7ba0ff;
}
.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;
}
.loading {
	background: url(image/loading1.gif) no-repeat center center;
	z-index: 50000;
}
.line-loading {
	background: url(image/ajax-loader.gif) no-repeat center center;
	z-index: 50000;
}
#loading {
	background: url(image/loading1.gif) no-repeat center center;
	z-index: 50000;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #ffffff;
	display: none;
}
/* ÉRTÉKESÍTÉSI FELÜLET */
.sales-header {
	position: absolute;
	height:50px;
	left: 0px;
	right: 0px;
	top: 0px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #ededed;
	/*z-index: 5000000;*/	
}
.sales-categories,
.sales-products,
.sales-sales33,
.sales-sales{
	position: absolute;
	width: 33%;
	top: 50px;
	bottom: 0px;
	background-color: #ffffff;
	border-right: 1px solid #ebebeb;
}

.sales-categories {
	overflow: hidden;
	left: 0px;
}
.sales-products {
	left: 33%;
	width: 28%;
}
.sales-sales33,
.sales-sales{
	border-right: none;
	width: 39%;
	right: 0px;
	border:1px solid #ccc;
}
.sales-sales {
	min-width: 600px;
}
.sales-footer {
	position: absolute;
	height:30px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	background-color: #F7F7F7;
	border-bottom: 1px solid #ededed;
}
.sales-tool {
	height: 45px;
	position: absolute;
	left: 1px;
	top: 0px;
	right:1px;
	background-color: #F7F7F7;
	overflow: hidden;
}
.sales-tool-vertical {
	width: 45px;
	position: absolute;
	left: 0px;
	top: 0px;
	bottom:0px;
	background-color: #F7F7F7;
	overflow:hidden;
}
.sales-product-list,
.sales-category-list {
	position: absolute;
	left: 0px;
	right:0px;
	bottom: 0px;
	top: 45px;
	overflow: auto;
}
.sales-product-list {
	bottom: 95px;
}

.set-partner-panel {
    width: 50px;
    height: 50px;
    float: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    line-height: 50px;
    text-align: center;
    padding-top: 7px;
    padding-left: 12px;	
}

.sales-product-favorite-list {
	position: absolute;
	left: 0px;
	right:0px;
	bottom: 0px;
	height: 95px;
	overflow: auto;
	border-top: #de4544;
	background-color: #F7F7F7;
}
.sales-category-box-back,
.sales-product-box,
.sales-category-box {
	background-color: #eaeaea;
	width: 80px;
	height: 80px;
	margin: 5px;
	display: inline-block;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #959595;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	position: relative;
}
.sales-category-box-back:hover,
.sales-product-box:hover,
.sales-category-box:hover {
	background-color: #024e88;
	color: #ffffff;
	border-color: #1d2d39;
}
.sales-favorite-product {
    background-color: #c3b26b;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.sales-category-box-back {
	line-height: 80px;
	background-color: #de4544;
}
#sales-product-search {
	width:100%;
	height: 42px;
	margin-top:2px;
	margin-bottom:2px;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
}
#sales-total-sum {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 50px;
	background-color: #EDEDED;
}
#sales-total-sum {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 50px;
	background-color: #EDEDED;
}

.sales-total-sum33 {
	height: 89px !important;
	padding-right: 10px;
}

.sales-total-sum-table {
	width:75%;
	float: right;
	border-spacing:0px;
	border-collapse:collapse;
	background-color: #EDEDED;
}
.sales-total-sum-table tr th,
.sales-total-sum-table tr td,
.sales-total-sum-table tr td.total-sum-discount,
.sales-total-sum-table tr td.total-sum,
.sales-total-sum-table tr td.total-label {
	font-weight: bold;
	text-align: right;
	font-size: 14px;
}

.sales-total-sum-table tr th {
	border-bottom:1px solid #dddddd;
}

.sales-total-sum-table tr td.total-sum-discount {
	font-weight: normal;
}

.sales-total-sum-table tr td.total-sum {
	color: #dd0000;
}

@media (max-width: 1360px) {
	.sales-total-sum-table tr th,
	.sales-total-sum-table tr td,
	.sales-total-sum-table tr td.total-sum-discount,
	.sales-total-sum-table tr td.total-sum,
	.sales-total-sum-table tr td.total-label {
		font-size: 12px;
	}
}
.selected-format,
.selected-category {
	background-color: #C3B26B !important;
	cursor: pointer;
	border-left: none !important;
}
.selected-format span,
.selected-category span{
	background-image: url(image/ui-icons_ffffff_256x240.png);
}
.sales-partner {
	height: 230px;
}
#sales-sold-products,
.sales-selected-product-list33,
.sales-selected-product-list {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 50px;
	overflow: hidden;
}

#sales-sold-products,
.sales-selected-product-list {
	top: 255px;
}
#sales-sold-products33,
.sales-selected-product-list33 {
	top: 0px;
	bottom: 89px;
}

#soldproduct-search {
	border: none !important;
}

#sales-sold-products {
	top: 50px;
	overflow: scroll;
	bottom: 0px;
}
.text-align-left {
	text-align:left!important;
}
.text-align-right {
	text-align:right!important;
}
div#tabs ul {
	background-color: #fff;
}
.label-top {
	vertical-align:top;
	padding-top:8px;
}
.inventory-table {
	width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	background-color: #EDEDED;
}
#maintab .ui-tabs-active, #tabs .ui-tabs-active {
	height:28px;
}
.control-qty {
	width:60px!important;
}
.custom-datagrid-button {
	cursor:pointer;
}
div#pageTitle .search-panel {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: -1px;
}
.table-thirty-percent {
	width:30%;
}
.table-fifty-percent {
	width:50%;
}
.table-70-percent {
	width:70%;
}
.link {
	color:#024E88;
	cursor:pointer;
}
.link:hover {
	text-decoration:underline;
}
div#add_new_service_dialog div[role="tabpanel"] div.form-content {
	top:60px!important;
	width:98.7%!important;
}
.ui-widget-overlay {
background-color: #ccc;
opacity: 0.4;
}
.standard-form-wrapper {
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;
	margin-top: 40px;
}
.subsubmenu-item {
	height: 28px!important;
	width: 100%!important;
	font-size: 12px!important;
}
.subsubmenu-selected {
	background-color:#024E88!important;
}
.report-button-left, .report-button-right {
	width:50px;
	height:50px;
	border:1px solid #ccc;
}
.report-button-left:hover, .report-button-right:hover {
	background-color:#024E88;
	cursor:pointer;
}
.report-button-left {
	float:left;
	margin-right:2px;
}
.report-button-right {
	float:right;
	margin-left:2px;
}
.report-page-wrapper {
	padding-left:20px;
}
.report-page-wrapper .current-page-title {
	margin-bottom:20px;
}
.report-page-wrapper table.form tbody tr td:first-child {
	text-align:left!important;
}
.report-page-wrapper h3 {
	margin-top:15px;
	margin-bottom:10px;
}
.report-page-wrapper .tcn-checkbox {
	padding-left:15px!important;
}
.report-page-wrapper .report-parameter-zone {
	overflow: auto;
	position: absolute;
	top: 82px;
	bottom: 0px;
	right: 0px;
	left: 20px;
}
.selectAll, .selectNone {
	height:13px;
	width: 13px;
	float:left;
	cursor:pointer;
}
.selectNone {
	margin-left:2px;
	background-image:url(image/selectnone.gif);
}
.selectAll {
	background-image:url(image/selectall.png);
}
.remove-partner, .remove-vendor, .remove-product {
	position: relative;
	top: -19px;
	left: 453px;
	cursor:pointer;
}
.partner-wrapper, .vendor-wrapper, .product-wrapper {
	height:26px!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;
}
.icons-50x50-577b88 {
	background-image: url(image/iconset-e6e7ea.png);
	border: 1px solid #cccccc;
	box-sizing: border-box;
	margin-right: 3px;
}
.icons-50x50-577b88:hover {
	background-image: url(image/iconset-577b88.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-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 }
.icon-chart{ background-position: -916px -123px; transform: rotate( 90deg ); }
.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;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.users-th {
	padding: 11px 5px;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
label[for="RoleID"] {
	margin-left:10%;
}
.invoices-details-button {
	width: 9% !important;
	height: 26px;
	float: left;
	background:#024E88 url(image/down-icon.png) no-repeat center center;
	border:none;
	color:#fff;
	cursor:pointer;
}
.invoices-details-button-up {
	width: 9% !important;
	height: 26px;
	float: left;
	background:#024E88 url(image/up-icon.png) no-repeat center center;
	border:none;
	color:#fff;
	cursor:pointer;
}
.main-select {
	height:50px;
	width:150px;
	margin-left:0px;
	margin-right:0px;
	border-left: none !important;
	border-top: none !important;
	float:left;
}
.type-wrapper {
	display:none;
}
.type-wrapper-active {
	display:table;
}
.form-button-big {
	width:10%;
	height:30px;
	float:left;
	margin-right:2px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding-top:7px;
	text-align:center;
	cursor:pointer;
}
.form-button-big:hover {
	opacity:0.8;
}
.profile-icon, .submenu-icon {
	position: relative;
	top: 9px;
	left: 7px;
}
.main-menu-szervizeles { background-image: url(image/icon_service.png); background-size: 25px contain; }
.main-menu-utvonalak { background-image: url(image/icon_route.png); background-size: 25px contain; }
.main-menu-ertekesites { background-image: url(image/icon_bill.png); background-size: 25px 25px; }
.main-menu-gyartas { background-image: url(image/icon_bakery.png); background-size: 25px 25px; }
.main-menu-partnerek { background-image: url(image/icon_user.png); background-size: 25px contain; }
.main-menu-torzsadatok { background-image: url(image/icon_basic.png); background-size: 25px contain; }
.main-menu-raktar { background-image: url(image/icon_inventory.png); background-size: 25px contain; }
.main-menu-beallitasok { background-image: url(image/icon_setup.png); background-size: 25px contain; }
.main-menu-lekerdezesek { background-image: url(image/icon_report.png); background-size: 25px contain; }
.main-menu-termekek { background-image: url(image/icon_products.png); background-size: 25px contain; }
.submenu-icon { background-image: url(image/icon_menu.png); }
.profile-icon { background-image: url(image/icon_profile.png); }
.header-buttons-1,
.header-buttons {
	color: #ffffff;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background-color: #024E88;
	width: 20%;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 30px;
	height: 50px;
	width: 100px;
	padding-top: 18px;
	float: left;
	margin: 0px;
	margin-left:1px;
	box-sizing: border-box;
}
.header-buttons-1 {
	background: #024E88 url(image/arrow-down.png) no-repeat 90% center;
}
.header-buttons-1 ul {
	position: relative;
	display: none;
	top: 15px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border:1px solid #cccccc;
	width: 200px;
}
.header-buttons-1 ul  li{
	text-align: left;
	padding: 5px 8px;
	color: #000;
	font-weight: normal;
}
.header-buttons-1 ul  li:hover{
	background-color: #024E88;
	color: #fff;
}
.header-buttons-1:hover ul {
	z-index: 5000000;
	display: block;
	opacity: 1 !important;
}
.header-buttons:hover {
	cursor:pointer;
	opacity: 0.8;
}
.header-buttons-1:hover {
	cursor:pointer;
	background-color: rgba(2, 78, 136, 0.80);
}
.ui-number-field {
	text-align: right;
}
.price-label {
	position: absolute;
	bottom: 1px;
	right: 1px;
	color: #dd0000;
}
.title-label {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	height: 60px;
	overflow: hidden;
}
#pContent {
	position: absolute;
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
}
#invoice-closing-form UL {
	list-style: none;
}
#invoice-closing-form H3 {
	margin: 20px 0px;
}
.parent-date,
.parent-select {
	width: 200px !important;
	padding: 10px 5px 10px 5px !important;
	border:1px solid #cccccc !important;
	height:45px;
	box-sizing: border-box;
	margin: 0px;
	border-bottom: none !important;
	border-top: none !important;
}
.parent-date:first-child {
	border-left: none !important;
}
.parent-select:first-child {
	border-right: none !important;
}
.parent-select:nth-child(2) {
	border-left: 1px solid #cccccc !important;
}
.parent-select:last-child {
	border-right: none !important;
}
.no-border {
	border: none !important;
}
.tcn-message {
	width: 70%;
	margin: 30px auto;
	background-color: #ffeab5;
	border: 1px solid #C3B26B;
	padding: 20px;
}
#contextmenu {
	display: none;
	position: absolute;
	z-index:50000;
	background-color: #ffffff;
	border:1px solid #cecece;
}
#contextmenu UL {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#contextmenu UL LI{
	box-sizing: border-box;
	height: 30px;
	cursor: pointer;
	padding: 8px 10px;
	color: #000;
	line-height: 15px;
	text-align: left;
}
#contextmenu UL LI:hover{
	background-color: #014a7f;
	color: #ffffff;
}
#tcn-report .description {
	width: 100% !important;
	margin-bottom: 20px;
}
#sales-delivery,
#sales-commission {
	margin-left: 10px;
	display: inline-block;
}
#sales-cassa-value {
	float: right;
	margin-right: 20px;
	background: url(image/arrow-down-black.png) no-repeat right center;
	cursor: pointer;
	position: relative;
	background-color: rgb(195, 178, 107);
	padding: 3px 20px;
	color: #ffffff;
}
#sales-cassa-value div{
	font-weight: bold;
}
#sales-cassa-value ul{
	display: none;
	margin: 0px;
	padding: 0px;
	list-style:none;
	width: 100%;
	right: 0px;
}
#sales-cassa-value ul li{
	padding: 8px 20px;
	text-align: right;
	border-bottom: 1px solid #cccccc;
	color: #000;
}
#sales-cassa-value ul li:last-child{
	border-bottom: none;
}
#sales-cassa-value ul li:hover{
	background-color: #024E88;
	color: #fff;
}
#sales-cassa-value:hover ul {
	display: block;
	position: absolute;
	background-color: #fff;
	z-index: 500000;
	border: 1px solid #cccccc;
}
.tcn_filename {
	text-align: left !important;
}
ul.attachments {
	margin: 0px;
	padding: 0px;
	list-style: none;
    display: block;
    width: 100%;
    height: 100px;
}
ul.attachments li{
	margin: 0px;
	padding: 3px;
	float: left;
}
.pdf-icon {
	width: 50px;
	height: 58px;
	background: url(image/pdf.png);
}
.separator {
	height: 2px !important;
	font-size: 1px;
	padding: 0px !important;
	border-top: 1px solid #ccc;
}
.separator:hover {
	background-color: none;
}
ul.no-list-style {
	list-style: none;
}
.half {
	width: 50%;
	float: left;
}
.tcn_custom_filter_row {
	text-align: center;
	padding: 5px;
}
.tcn_custom_filter_row select {
	width: 40% !important;
}
.tcn_custom_filter_row input[type="text"] {
	width: 40% !important;
}
table#parameters tbody tr.row1:hover {
	background-color: transparent;
	cursor:default;
}
table#parameters tbody tr:hover {
	background-color: #E3E3E3;
	cursor:pointer;
}
table#table-align-left tbody tr td:first-child {
	text-align:left!important;
}
.moduls {
	width:40px;
	height:40px;
	float:left;
	cursor: pointer;
	margin-left:1px;
	background-color: #ff7061;
	background-repeat: no-repeat;
}
.active-modul,
.moduls:hover {
	background-color: #C3B26B !important;
}
.modul-sales {
	background-image:url(image/sales-modul.png);
}
.modul-invoices {
	background-image:url(image/invoice-modul.png);
}
.modul-vehicles {
	background-image:url(image/vehicle-modul.png);
}

.modul-webshop {
	background-image:url(image/webshop-modul.png);
	background-size: 33px;
    background-position: center center;
}

.modul-partner {
	background-image:url(image/partner-modul.png);
}

.modul-documents {
	background-image:url(image/documents-modul.png);
}

.bonus {
	text-align:center;
	width: 100%;
	height: 25px;
	line-height:25px;
	color: #ffffff;
	background-color: #02659e;
}

.bonus:hover {
	opacity: 0.8;
}

.allbonus {
	background-color: #cc0919 !important;
}

.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;

}

@media all {

	.item-price,
	.item-discount,
	.item-quantity {
		text-align: right;
	}
	.item-price {
		width: 79% !important;
	}
}

@media (max-width: 1360px) {
	.item-price,
	.item-discount,
	.item-quantity {
		font-size:10px;
	}
}

#cost_summary_option {
	display: none;
	background-color: #7BDB56 !important;
    opacity: 1 !important;
    position: absolute;
    z-index: 5000;
    margin: 0px;
    margin-left: -10px;
    width: 200px;
	list-style: none;
	padding:0px;
}
#cost_summary_option:hover {
    opacity: 1 !important;
}
#cost_summary:hover {
    opacity: 1 !important;
}

#cost_summary_option LI{
	border-bottom: 1px solid #fff;
	text-align: left;
	padding: 1px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
#cost_summary_option LI:hover{
	opacity: 0.8;
}

.scrollable {
	overflow: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;	
}


.tcn-pages {
	width: 250px;
	height: 40px;
	float: left;
	border-bottom: none;
	border-top: none;
}

.remove-suggested-product {
    position: relative;
    left: 18px;
    cursor: pointer;
}

.image-placeholder {
    border: none!important;
    margin: 60px auto;
    font-size: 26px;
    color: #B1B1B1;
    cursor: default;
}

div#table_editor {
	background-color: #fff;
    border: 1px solid #898989;
    width: 150px;
    height: 170px;
    position: relative;
    top: 38px;
    left: -3px;
	display:none;

}

div#table_editor table {
	margin: 0px;
	padding: 0px;
}

div#table_editor table td {
	width:10px;
	height:15px;

}

div#table_editor table td.te-hover { background-color:#029E88; }

#table_editor_counter {
    width: 100%;
    height: 17px;
    text-align: center;
}

#fonttype_editor {
    background-color: #fff;
    width: 155px;
    text-align: left;
    height: auto;
    border: 1px solid #898989;
    padding: 4px;
    position: relative;
    top: 38px;
    left: -3px;
	display:none;
}

#fonttype_editor>ul>ul>li { padding-left:15px; }
#fonttype_editor>ul>ul>li:hover { background-color:#ccc; cursor:pointer; }

#fontcolor_editor, #fontbgcolor_editor {
    background-color: #fff;
    width: 150px;
    height: 150px;
    text-align: left;
    border: 1px solid #898989;
    padding: 4px;
    position: relative;
    top: 38px;
    left: -3px;
	display:none;

}
#fontcolor_editor table, #fontbgcolor_editor table { border:0px; }
#fontcolor_editor table td, #fontbgcolor_editor table td {
	width:10px;
	height:28px;
	border:0px;

}
#fontcolor_editor table td:hover, #fontbgcolor_editor table td:hover { opacity: 0.8; }


#fontsize_editor {
    background-color: #fff;
    width: 41px;
    height: auto;
    text-align: center;
    border: 1px solid #898989;
    padding: 4px;
    position: relative;
    top: 38px;
    left: -3px;
	display:none;

}
#fontsize_editor>ul>li:hover { background-color:#ccc; cursor:pointer; }


#headings_editor {
    background-color: #fff;
    width: 110px;
    height: auto;
    text-align: left;
    border: 1px solid #898989;
    padding: 4px;
    position: relative;
    top: 38px;
    left: -3px;
	display:none;

}
#headings_editor>ul>li:hover { background-color:#ccc; cursor:pointer; }

#webshop-tool{ display:flex; }

.html-disable[disabled] { background-blend-mode: lighten; }

#et_wrapper {
    width: 80%;
    margin-left: 10%;
}

ul.tcn-datagrid-bulk-buttons li span {
    position: relative;
    top: 1px;
}

.route-button {
	height:26px;
	float:left;
	color:#fff;
	font-size:14px;
	padding:3px 7px;
	margin-left:2px;
	cursor:pointer;
	
}

.route-button:hover {
	opacity:0.8;
	
}

#role_tabs.ui-tabs { background-color:transparent!important; margin-top: 20px; }
#role_tabs.ui-tabs .ui-tabs-nav { background-color:transparent!important; }
#role_tabs.ui-tabs .ui-tabs-active { background-color:#ddd!important; }
#role_tabs.ui-tabs .ui-tabs-nav li { background-color:#f8f8f8; }
#role_tabs.ui-tabs .ui-tabs-panel { border-top: 1px solid #ddd; }


/* TCN_Calendar */
/* general style */
#calendarHeader {
    height: 45px;
    width: 100%;
}

#calendarContent {
    position: absolute;
    top: 44px;
    bottom: 0px;
    border-top: 1px solid #ccc;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
	
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
								  not supported by any browser */
}

#calendarDates,
#calendarViews,
#calendarOptions {
    height: 45px;
    float: left;
}

#calendarDatePicker {
    height: 45px;
    font-size: 16px;
    width: 120px;
    text-align: center;
	float:left;
	border: 1px solid #ccc;
    border-right: 0px;
	margin: 0px;
}

#calendarOptionFilter {
    width: 220px;
    float: left;
    margin: 0px;
    border-right: 0px;
    height: 100%;
}

#calendarDates div:last-child,
#calendarViews div:last-child,
#calendarOptions div:last-child {
    border-right: 1px solid #ccc;
	margin-right: 20px;
}

.calendar-date-icon,
.calendar-view-icon,
.calendar-option-icon {
	height:45px;
	width:45px;
	float:left;
	border: 1px solid #ccc;
    border-right: 0px;
	cursor:pointer;
	
}

.calendar-date-icon:hover,
.calendar-view-icon:hover,
.calendar-option-icon:hover,
.calendar-view-active {
	background-color:#C3B26B!important;
	
}

.calendar-date-icon:hover .button-title,
.calendar-view-icon:hover .button-title,
.calendar-option-icon:hover .button-title,
.calendar-view-active .button-title {
	color:#fff!important;
}

.button-title {
    font-size: 8px;
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    top: 25px;
}


/* calendar days table */
.calendar-days {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
	table-layout: fixed;
}
.calendar-days td, .calendar-days th {
	border: 1px solid #ccc;
	border-right: 2px solid #ccc;
	
}

.calendar-days td:last-child, .calendar-days th:last-child {
	border-left: 1px solid #ccc !important;
	
}

.calendar-days td:first-child {
	width:50px;
	text-align:center;
}

.calendar-days tr.full-hour td {
	border-top: 2px solid #ccc;
}

.calendar-days td.today, .calendar-days th.today {
	background-color:#e7eef3;	
}

.calendar-days th.selected-day {
	border-top:2px double #015288!important;
	border-left:2px double #015288!important;
	border-right:2px double #015288!important;
}

.calendar-days td.selected-day {
	border-left:2px double #015288!important;
	border-right:2px double #015288!important;
}

.calendar-days tr:last-child td.selected-day {
	border-left:2px double #015288!important;
	border-right:2px double #015288!important;
	border-bottom:2px double #015288;
}

.calendar-days tr th:first-child,
.calendar-days tr td:first-child {
	max-width: 300px;
}

.calendar-days-cell-selected,
.calendar-days td:not(:first-child):hover {
	cursor:pointer;
	border:2px double #C3B26B !important;
	background-color: #f1e9c9;
	
}

.calendar-days-event {
	position:absolute;
	border: 2px solid #c3b26b;
	background-color: rgba(195, 178, 107, 0.6);
	cursor:pointer;
	opacity:1!important;
	box-sizing: content-box;
	overflow: hidden;
}

.calendar-days-timestamp {
    font-size: 10px;
    position: absolute;
    top: -1px;
}

.calendar-days-title {
    margin-top: 12px;
    margin-bottom: 0px;
	font-weight:bold;
}
.calendar-days-title-notime {
    margin-top: 0px;
    margin-bottom: 0px;
	font-weight:bold;
}

.calendar-days-content {
    margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
}

.calendar-days-event:hover { 
	opacity: 0.8!important; 
}

.calendar-days-event .ui-resizable-handle::after {
	content: "&nbsp";
    border-top: 1px solid #777777;
    border-bottom: 1px solid #777777;
    display: inline-block;
    width: 15px;
    height: 1px;
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
}


/* calendar month table */
.calendar-month {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.calendar-month td {
	height:130px;
	border: 1px solid #ccc;
	text-align:left;
	vertical-align:top;
	width: calc( 100% / 7 );
	position:relative;
}

.calendar-month th {
	border: 1px solid #ccc;
	text-align:left;
	width: calc( 100% / 7 );
}

.calendar-month-dayindex-faded {
	color: #ccc;
}

.calendar-month td.today {
	background-color:#e7eef3;	
}

.calendar-month td.selected-day {
	border:2px double #015288!important;
}

.calendar-month-event {
    width: 100%;
    border: 2px solid #c3b26b;
    background: rgba(195, 178, 107, 0.6);
	cursor:pointer;
	margin-bottom: 2px;
	opacity: 1!important; 
}

.calendar-month-event:hover { 
	opacity: 0.8!important; 
}

.calendar-month-cell-selected,
.calendar-month td:hover {
	border: 2px solid #c3b26b !important;
    background: rgba(195, 178, 107, 0.6);
	cursor:pointer;
	
}

.calendar-month td.calendar-month-td-no-hover:hover {
	border: initial;
    background: initial;
	
}

/* calendar upcoming table */
.calendar-upcoming {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

.calendar-upcoming td,
.calendar-upcoming th {
	border:1px solid #ccc;
	padding:2px;
}

.calendar-upcoming td.calendar-upcoming-new {
	border-top:2px solid #ccc;
}

.calendar-upcoming tr th {
	text-align:left;
}

.calendar-upcoming tr td:first-child,
.calendar-upcoming tr th:first-child {
	border-right:2px solid #ccc;
	width: 100px;
	text-align:center;
}

.calendar-upcoming-cell-selected,
.calendar-upcoming td:not(:first-child):hover {
	cursor:pointer;
	border:2px double #C3B26B !important;
	background-color: #f1e9c9;
	
}

/* smart icons */
.smart-icon { background-image: url( image/smart-iconset-cccccc.png ); }
.smart-icon:hover, .calendar-view-active { background-image: url( image/smart-iconset-ffffff.png )!important; }
.smart-icon-prev { background-position: 72px 231px; }
.smart-icon-next { background-position: -27px 190px; }
.smart-icon-today { background-position: -310px 150px; }
.smart-icon-day { background-position: -349px 150px; }
.smart-icon-days { background-position: -428px 150px; }
.smart-icon-week { background-position: -389px 150px; }
.smart-icon-month { background-position: -669px 469px; }
.smart-icon-upcoming { background-position: -350px -230px; }
.smart-icon-new { background-position: -508px -189px; }
.smart-icon-edit { background-position: -228px 10px; }
.smart-icon-delete { background-position: -469px -189px; }
.smart-icon-print { background-position: -589px -30px; }
.smart-icon-excel { background-position: -69px 269px; }


.ui-tabs-error {
    border-top: 1px solid #f40f5b;
    border-left: 1px solid #f40f5b;
    border-right: 1px solid #f40f5b;
}

.ui-tabs-error a {
	color: #f40f5b!important;
}

#errorMessage {
	display:none;
    position: absolute;
    width: 60%;
    height: 40px;
    background: #bf0000;
	color: #fff;
    z-index: 10;
    margin-left: 20%;
    top: 40%;
	text-align: center;
    padding-top: 8px;
}

.packages-table td, .packages-table th {
	padding: 2px 4px;
	
}

.packages-table tfoot td {
	height:25px!important;
	
}

.asterisks {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.remove-modul {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}

table.inlinetable tr td:first-child {
	text-align: left;
}
table.inlinetable tr td {
	height: 20px;
}

.base-flour-name,
.kneading-name,
.other-name,
.filling-name,
.surface-name {
	width: 95% !important;
}

.delete-ingredients {
	width: 20px;
	cursor: pointer;
}
.type-button-dictation,
.type-button {
	width: 200px;
    height: 40px;
    margin-bottom: 10px;
    background-color: #024e88;
    border: none;
    color: #ffffff;
    font-size: 14px;
}

.type-button:hover {
	opacity: 0.8;
}

.quantity-stock {
	text-align: right;
}

.balance-field {
	width: 100px !important;
	float: left;
}

.all-balance {
	width: 21px !important;
	height: 21px !important;
	float: left;
}


.editablediv {
	width:100%;
	height:200px;
	border:1px solid #cccccc;
	background-color:#ffffff;
	margin-left:5px;
	overflow:auto;
}

#main-tabs {
	top:100px;
	left:10px;
	right:10px;
	bottom:0px;	
}

@media (max-width: 1360px) {
	/*header {
		height: 25px;
	}*/
	
	/*.logo {
		height: 25px;
		width: 133px
	}
	
	.moduls {
		width: 25px;
		height: 25px;
	}*/
	
	.main-menu {
		height: 35px;
	}
	.main-menu-right-item, .main-menu-item {
		height: 35px;
		line-height: 35px;
	}
	.profile-icon, .submenu-icon {
		top: 0px;
	}
	
	#sb-header {
		top: 75px;
	}
	#main-tabs {
		top:85px;
	}
}


.inventory-plus-button {
	width:20px;
	border:1px solid #cdcdcd;
	padding: 3px 3px;
	text-align:center;
	margin-right:5px;
	height: 20px;
}

.bold {
	font-weight: bold !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;
}
