@font-face {
    font-family: 'OpenSansLight';
    src: url('/fonts/OpenSans-Light.eot');
    src: url('/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Light.ttf') format('truetype'),
         url('/fonts/OpenSans-Light.svg#dinprobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinprolight';
    src: url('/fonts/DINPro-Light.eot');
    src: url('/fonts/DINPro-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/DINPro-Light.ttf') format('truetype'),
         url('/fonts/DINPro-Light.svg#dinprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@gyartas-hatter: #BCCED3;

body{ margin:0; padding: 0; }
body, td, div, a, span, h1, h2, h3, p{ font-family: OpenSansLight, segoe ui, arial, verdana;  }
input, textarea, select { box-shadow:0px 0px 6px 1px #EAEAEA inset !important; border: 1px solid #AFAFAF; border-radius: 3px; }
input.readonly{ color: #939393; font-style: italic; }
input[readonly="readonly"]
{
    background-color:blue;
}

.dropped{ font-size: 8pt; border-bottom: 1px solid #C6C6C6; cursor: pointer; display: block; width: 150px; line-height: 100%; padding: 5px; }
.ui-draggable-dragging{ background: #B5D263; position: absolute; }

.mainMenuBlock{
	padding: 10px 10px 0 10px;
	background: white;
	white-space: nowrap;
}
.mainMenuBlock a { border: 1px solid #8E8E8E; border-bottom:0; border-radius: 5px 5px 0 0; padding: 0 10px 2px 10px; margin-right: 5px; color: #6D6D6D; font-weight: bold; font-size: 9pt; }
.rkt .mainMenuBlock a.selected { background: #D3D3D3; color: #505277; }
.gyt .mainMenuBlock a.selected { background: #BCCED3; color: #505277; }
.sze .mainMenuBlock a.selected { background: #BCCED3; color: #505277; }

.verticalBox{	
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
	display: block;	
	white-space: nowrap;
	z-index: 1000000;
	margin-top: 60px;	
}
.verticalBox a{ padding: 2px 10px 2px 10px; border: 1px solid gray; border-radius: 3px; text-decoration: none !important; }
.verticalBox a.selected{ background: white; }

.rkt .mainRightCell{ background: #D3D3D3; }
.gyt .mainRightCell{ background: #BCCED3; }
.sze .mainRightCell{ background: #BCCED3; }

.mainRightBlock{ width: 40px; height: 350px;}
.mainContentBlock{ width: 100%; }

.rkt .menuBlock{ padding: 10px; background: #D3D3D3; }
.gyt .menuBlock{ padding: 10px; background: #BCCED3; }
.sze .menuBlock{ padding: 10px; background: #BCCED3; }

.warning, .warningRow { color: #870000; }
.warningRow td { background:#FFFBDD !important; }

.warning2, .warningRow2 { color: #D60300; }
.warningRow2 td { background:#F7EAEA !important; }

a { text-decoration: none; color: #017DFF; }
a:hover { text-decoration: underline; }
a img { border:0 };
h1 { font: bold 19pt arial; border-bottom: 1px solid gray; }

.old{ color: gray; }
.actual{ color: #019500; font-size: 29pt; }
.both { clear: both; }



.rightProductMenu{
	width: 180px; 
	background: white; 
	border: 1px solid #D6D6D6; 
	border-radius: 4px; 
	box-shadow: 1px 1px 2px #C9C9C9;
	overflow: auto;
	
}

.positionFix{ position: fixed; top: 5px; }

.dropped{ font-size: 8pt; border-bottom: 1px solid #C6C6C6; cursor: pointer; display: block; width: 150px; line-height: 100%; padding: 5px; }
.ui-draggable-dragging{ background: #00DAEA; position: absolute; }
.ui-draggable{ cursor: pointer; }
.contentBox{
	width: 990px;
	background: white;	
	border: 1px solid #D6D6D6;
	border-radius: 4px;
	box-shadow: 1px 1px 2px #C9C9C9;
	/*margin-left: auto;
	margin-right: auto;
	*/
	margin-bottom: 25px;
}

.paddingBox{ 
	padding: 20px; 
	overflow: auto;	
}

.szam { 
	font: bold 16pt arial;
	padding: 5px 0 0 20px;
}
.old { color: gray; }

select { width: 200px; }

.page{
	background: white;
	border: 1px solid #917F53;
	width: 450px;
	height: 800px;
}
td.oldalszam{ font: bold 15pt arial; color: #896714; text-align: center; padding: 0 !important; }

#magazinListBlock div{ padding: 3px; border-bottom: 1px solid #DFDFDF; }
.magazinDelete{ background: url('images/kuka.png') center left no-repeat; margin: 3px; width: 15px; }

.termeklista { border-spacing: 0;  }
.termeklista thead tr { background: black; color: white; font-size: 11pt; }
.termeklista thead tr th { padding: 6px; text-align: left;}
.termeklistasor td{ font-size: 9pt; padding: 6px; border-bottom: 1px solid #D8D8D8; }
.termeklistasor td b{ color: #1A8FD8; }
.termeklistasor td a{ border: 1px solid  #017DFF; padding: 2px; color: #1A8FD8; border-radius: 3px; }
a.imageLink{ border: 0px !important; }
.osszeg{ text-align: right; }
.termeknev{ font: bold 10pt arial; color: #9D0000; }
.termekleiras{ font: normal 10px arial; line-height:98%; }
.termekar{ font: italic 8pt arial; color: #9D0000; }

.sor{ border: 1px solid green; margin: 3px; clear: both;}
.cella{ border: 1px solid gray; margin: 2px; }

.buttonBig{ 
	padding: 5px 12px 5px 12px; 
	border-radius: 4px; 
	border: 1px solid gray; 
	/*background: url('images/button_big.jpg') center left repeat-x;*/
	background: #009699; 
	color: white; 
	text-decoration: none; 
	font: normal 13pt OpenSansLight; 
	box-shadow:4px 4px 7px 2px #00AFB2 inset;
	cursor: pointer; 	
}
.buttonBig span{ font: normal 12pt OpenSansLight; color: white; text-decoration: none; }

.buttonSmall{ 
	padding: 0px 10px 2px 10px; 
	border-radius: 3px; 
	border: 1px solid #1E8ABC; 
	background: #009699;  
	color: white; 
	text-decoration: none; 
	box-shadow:4px 4px 7px 2px #00AFB2 inset;
	font: normal 11pt OpenSansLight; 
	cursor: pointer;
	}
.buttonSmall span{ font: normal 11pt OpenSansLight; color: white; text-decoration: none; }


.termekkeplista{ border-spacing: 0; width: 100%; }
.termekkeplista td{ border-bottom: 1px solid gray; padding: 5px; }
.nemtorik{ white-space: nowrap; }

/* dialogus r�teg */
.dialogLayer{ 
	background: url('images/filter_black_70.png');
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	padding: 0;
}

.dialogTopMenuButton{ }
.dialogTopMenuButton span { 
	border-bottom: 1px solid gray; 
	border-right: 1px solid gray; 
	border-radius: 0 0 5px 0; 
	padding: 0 35px 5px 5px; 
	cursor: pointer; 
	font-weight: bold;
	background: url('images/down_arrow.png') right center no-repeat; 
}

.dialogTopMenuContent{ 
	display: none;
	padding: 10px;
	border-bottom: 1px solid #E0E0E0;
	box-shadow: 0px 3px 3px #E5E5E5;
}

.dialogMenuBar{ text-align: right; background: black; border-bottom: 1px solid gray; padding: 10px; }
.dialogMenuBar a{ background: url('images/dialogshadow_close2.jpg') center center no-repeat; padding: 15px; }

.dialogContent{ 
	margin-left: auto;
	margin-right: auto;
	background: white url('images/ep_dialog_bg.png') top left no-repeat !important;
	width: 430px;
	height: 90px;
	position: fixed;
	top: 90px;	
	border-radius: 5px;	
}
.dialogLayout{
	padding: 25px !important;
}

.dialogBody { }
.dialogBody h1{ color: #236C8C; }
.dialogFrame{ border-radius: 5px; padding: 25px; }
.dialog_title{ font-family: OpenSansLight; font-size: 24pt; color:#C93A3A; }

.munkafazisElem{ font-size:9pt; border-bottom: 1px solid #E2E2E2; }
.munkafazisElem a { padding: 0 2px 0 2px; margin-right: 5px; }
.munkafazisElem span { color: #A00200; }
span.munkafazisNeve { color: black; }


.listBoxTitle{ padding: 3px; color: white; background: black; font-size: 9pt; }
#munkafazisLista div, #userLista div { font-size:9pt; border-bottom: 1px solid #E2E2E2; padding: 2px 5px 2px 5px; }

/********************/
.pageBox{ border: 1px solid gray; float: left; margin-bottom: 25px; width: 455px; background: white; box-shadow: 5px 5px 5px #D1D1D1; }
.pageNumber{ border-bottom: 1px solid #C1C1C1; background: #EAEAEA; padding-left: 10px; }
.pageProduct{ float: left; width: 48%; border-radius: 5px; background:#F4F7F9; margin:3px; font-size: 9pt; }
.productName{ color: #8E0000; }
.pageProductContent{ min-height: 130px; cursor: pointer; }
.productLead{line-height:90%; font-size: 8pt; }
.productDelete{ background: url('images/kuka.png') center left no-repeat; padding: 2px 0 3px 15px; font: normal 7pt arial; color: #009DA8; }

.showItem .pageProductContent{ display: block; }
.hideItem .pageProductContent{ display: none; }
.hideItem { width: 20px; }
.widtFull{ width: 90%; }
.pageProductCounter{ cursor:pointer; }
.hideItem .pageProductCounter{ text-decoration:line-through; }
.drop-hover{ background: #B5D263; }

.emptyBlock{ text-align: center; padding: 30px 10px 0 10px; color: #D5E2EA; font: bold 12pt arial; }

.munkafazisMegjegyzes{
	padding: 5px;
	font-size: 10pt;
	border-bottom: 1px solid #DBDBDB;
}
.munkafazisMegjegyzes span {color: #005989}
.munkafazisMegjegyzes span b{color: #910000}
.publikus_1 { background: #EFF4E1; }

.status_folyamatban { }
.status_kesz { background: #E1E9F2; }
.status_jovahagyva { background: #EFF4E1; }

.surgos { color: #C10000; font-weight: bold; }
.folyamatban { background: #DAEBEF; }
.keszrejelentve { background: #FFFAC9; }
.lezart { background: #EBFCCF; }


.sortable th { cursor: pointer; }


.onhold, .offhold {
    font-size: 20pt;
    margin-bottom: 20px;
}

.onhold { background-color: orange; }

.offhold { background-color: green; color: #fff; }

.loc_popup {
	display: none;
	position: absolute;
	top: 150px;
	left: 143px;
	background: #ffff66;
	border: 1px solid black;
	width:150px;
}