#main.filename section#EREDMENY {
	width: 72%;
    border-left: 2px solid #aaa;
    height: 100%;
    position: fixed;
    left: calc(26%);
    top: 0;
}

#login form {
	margin: 20px 0;
	text-align: center;
}
#login form input {
	width: 230px;
	padding: 10px;
	border: 2px solid #ddd;
	text-align: center;
	font-size: 30px;
	color: #0076c0;
}

#login form input[type="submit"] {
	width: 250px;
	cursor: pointer;
	background: #0076c0;
	color: #fff;
	font-size: 20px;
	border: none;
	transition: background 0.15s;
}
#login form input[type="submit"]:hover {
	background: #00a6eb;
}

#login form input[type="submit"]:active {
	background: #27324a;
	transition: background 0.05s;
}


/*--------------------------------------------------------------------------------*/

html.wait,
html.wait * {
	cursor: wait;	
}

* {
	font-family: 'Arimo', sans-serif;
	/*cursor: url(img/santa.png) 11 15, auto !important;*/
}
*:focus {
	outline: none;
}

*:active {
	/*cursor: url(img/santa.png) 11 15, auto !important;*/
}

body {
	display: block;
	font-size: 16px;
	line-height: 1.3em;
	transition: 0.5s;
	overflow-y: scroll;
    overflow-x: hidden;
	margin-top: 50px;
	min-width: 1200px;
}
/*
body#index {
	width: calc(100% - 20px);
}
*/
#body_left,
#body_right {
	display: none;
    position: fixed;
    z-index: 1;
    font-size: 40px;
    opacity: 0.2;
    top: 50%;
    cursor: pointer;
    left: 5px;		
	padding: 0px 2px;
	transition: all 0.2s;
	border-radius: 0 3px 3px 0;
	box-shadow: 0 0 0 5px #fff;	
	background: #fff;
}
#body_left:hover,
#body_right:hover {
	opacity: 1;
    display: block;
}
#body_right {
	left: auto;
	right: -3px;
	border-radius: 3px 0 0 3px;	
}
@media only screen and (max-width: 1220px){
	body {
		overflow-x: scroll;		
	}
	#body_left,
	#body_right {
		display: block;
	}

}
#wait {
	position: fixed;
    width: 300px;
    height: 300px;
    border-radius: 150px;
    left: calc(50% - 160px);
    top: calc(50% - 85px);
    z-index: 4;
    background: url(img/wait.gif) center no-repeat;
    border: 5px solid rgba(0,0,0,0.0);
    cursor: none;
}
#wait.small {
	width: 50px;
    height: 50px;
    background-size: 150px;
    top: 12px;
    border: 2px solid rgba(0,0,0,0.4);
    left: calc(50% - 27px);
    box-shadow: 0 5px 8px rgba(0,0,0,0.1);
}

main {
	transition: opacity 0.5s;
}
html.wait main {
	opacity: 0;
}



#main.filename ul {
	list-style: none;
	padding: 0;
	margin-top: 10px;
}
#main.filename li {
	padding: 5px 0;
}

#main.filename li[onclick],
#main.filename li[onchange]{
	cursor: pointer;
	border-top: 1px solid #eee;
	padding: 5px 10px 3px 10px;
}

#main.filename li[onclick]:nth-child(odd){
	background: #f9f9f9;
}

#main.filename li[onclick]:hover,
#main.filename li[onchange]:hover {
	background: #000;
	color: #fff;
}

#main.filename input[type=text]{
    width: calc(100% - 22px);
    padding: 4px 10px 3px 10px;
    border: 1px solid #ccc;
	outline: none;
}
#main.filename input[type=text]:hover{
    border: 1px solid #555;
}
#main.filename input[type=text]:focus{
	background-color: #ccc;
}


#main.filename input[type=number]{
	width: 50px;
	border: 1px solid #ccc;
	padding: 4px 5px 3px 5px;
}



#main.filename button {
    cursor: pointer;
    padding: 5px 7px 4px 7px;
    font-weight: bold;
    background: #ccc;
    display: inline-block;
    border: none;
	margin-left: 10px;
}

#main.filename button:hover {
	background: #fff;
}

#main.filename input {
	margin-top: 5px;
}

#main.filename input[type=radio]{
	display: none;
}

#main.filename input[type=radio]+label {
	display: inline-block;
    cursor: pointer;
    padding: 5px 7px 4px 7px;
    background: #ccc;
}
#main.filename input[type=radio]:checked+label{
	background: #000;
	color: #fff;
}

#main.filename li:hover input[type=radio]+label {
	background: #000;
	color: #fff;
}
#main.filename li:hover input[type=radio]:checked+label {
	background: #fff;
	color: #000;
}

#main.filename button.big {
	font-size: 25px;
	margin-left: 0;
	padding: 10px 15px 8px 15px;
}

#main.filename button.big:hover {
	background: #000;
	color: #fff;
}

#main.filename #filename {
	font-size: 20px;
    margin-bottom: 10px;
    background: #ccc;
    padding: 5px 10px 3px 10px;
	font-weight: bold;
}
#main.filename #formatum {
	margin-left: 10px;
}

#main.filename section#FILE {
	width: 72%;
    border-left: 2px solid #aaa;
    height: 100%;
    position: fixed;
    left: calc(26%);
    top: 0;	
}
#main.filename span.v {
	cursor: pointer;
    padding: 3px 5px 1px 5px;
    font-size: 20px;
    display: table;
    background: #ccc;
    position: absolute;
    right: 1px;
    margin-top: -23px;
    line-height: 18px;
    transition: all 0.1s;
}
#main.filename span.v:hover {
	background: #000;
	color: #fff;
}
#main.filename input[type=text] {
    width: calc(100% - 22px);
    padding: 4px 10px 3px 10px;
    border: 1px solid #ccc;
    outline: none;
}



#main.filename #filename,
#main.filename #ivre,
#main.filename #AB {
	font-size: 20px;
	margin-left: 10px;
    margin-bottom: 10px;
    background: #ccc;
    padding: 5px 10px 3px 50px;
    font-weight: bold;
    width: calc(100% - 80px);
	position: relative;
}
#main.filename .copy {
	position: absolute;
    top: 5px;
    left: 0px;
    font-size: 15px;
    line-height: 22px;
    padding: 5px 10px 4px 10px;
    background: #37975f;
    color: #fff;
    transition: all 0.15s;
    border: 2px solid #000;
	width: 38px;
}
#main.filename #ivre_copy {
	top: 55px;
}
#main.filename #AB_copy {
	top: 105px;
}
#main.filename .copy:hover {
	background: #277e4e;
}
#main.filename .copy:active {
	background: #000;
	transition: none;
}
#main.filename #formatum {
	margin-left: 15px;
}

#main.filename section#FILE {
	width: 72%;
    border-left: 2px solid #aaa;
    height: 100%;
    position: fixed;
    left: calc(26%);
    top: 0;	
}





main.szallitas.print {
	width: 1200px;
}

main.szallitas h1 {
	font-size: 20px;
	padding: 7px 7px 5px 7px;
	background: #eee;
	border-bottom: 2px solid #ccc;
	margin: 30px 0 10px 0;
}

main.szallitas a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 10px 10px 7px 10px;
	border-bottom: 1px solid #eee;
	transition: background 0.2s;
}
main.szallitas a:hover {
	background: #f7f7f7;
}
main.szallitas a span {
	padding: 0 15px 0 0;
	display: inline-block;
	vertical-align: middle;
}

main.szallitas a span.munkaszam {
	width: 70px;
}
main.szallitas a span.megrendelo {
	width: 250px;
}
main.szallitas a span.szallitasicim {
	width: 400px;
}
main.szallitas a span.statusz {
	width: 100px;
}
main.szallitas a span.szallitasraelokeszitve,
main.szallitas a span.ugyfelnekelkuldve,
main.szallitas a span.utanvettelfizet {
	width: 22px;
}

#szallitasi_datum {
    border: 2px solid #ddd;
    background: #eee;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 10px 8px 10px;
    width: 120px;
    transition: all 0.1s;
    text-align: center;
	margin-bottom: 20px;
}
#szallitasi_datum:hover {
	background: #ddd;
	border: 2px solid #ccc;
}


nav {
	position: fixed;
    top: 0;
    left: 0;
    padding: 6px 18px;
    background: #eee;
    width: calc(100% - 36px);
    border-bottom: 2px solid #aaa;
    z-index: 1;
	transition: all 0.2s;
	min-height: 29px;
}
nav button {
	position: relative;
	z-index: 1;
}

nav button#grafikus_1 {
	display: none;
}
nav button[name]:after {
	display: block;
    position: absolute;
    z-index: 2;
    background: #fff1c6;
    color: #333;
    padding: 5px 10px;
    opacity: 0;
    border: 2px solid #b4aa8b;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 0.15s, margin-top 0.15s, transform 0.15s;
	margin-left: -7px;
	margin-top: 16px;
    content: attr(name);
	width: max-content;
	transform: scale(0);
}
nav button[name]:hover:after {
	transform: scale(1);
	opacity: 1;
	z-index: 0;
}


#nav_onoff {
	position: fixed;
    top: 12px;
    right: -10px;
    z-index: 1;
    padding: 5px;
    cursor: pointer;
    opacity: 0.5;
	transition: opacity 0.2s;
}
#nav_onoff:hover {
	opacity: 1;
}

#biztos_archiv {
	position: fixed;
    top: 50px;
    background: #555;
    padding: 20px 40px 40px 40px;
    color: #fff;
    left: 0;
    border: 2px solid #444;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

#biztos_archiv button {
    padding: 12px 12px 10px 12px;
    width: 100%;
    display: block;
    margin: 15px 0 0 0;
}
.tervez nav {
	z-index: 3;
}
/*
nav:hover {
    box-shadow: 0 0 100px rgba(0,0,0,0.7);
}
*/


button {
    border: 2px solid #ddd;
    background: #fff;
    color: #000;
    cursor: pointer;
    padding: 5px 10px 4px 10px;
    margin-right: 5px;
    transition: all 0.15s;
}
button:hover {
	/*border: 2px solid #bbb;*/
}

nav button {
    padding: 8px;
    margin: 2px -2px 0 0;
    border: none;
	border: 2px solid #ddd;
	/*
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
	*/
    background: #eee;
    box-shadow: 0 -10px 40px rgba(0,0,0,0.1);
    font-size: 13px;
	min-width: 33px;
}

nav button#tervezes,
nav button#koteszet,
nav button#teljes {
	margin-right: -6px;
}
nav button#tervezes i,
nav button#koteszet i,
nav button#teljes i {
	margin-right: 0;
}

i.fa, 
i.fab, 
i.fal,
i.fas,
i.far {
	margin-right: 8px;
}
#index nav i.fa, 
#index nav i.fab, 
#index nav i.fal,
#index nav i.fas,
#index nav i.far {
	margin-right: 0;
}

nav button i.fa {
    font-size: 17px;
    line-height: 0;
    vertical-align: middle;
    margin-top: -2px;
	opacity: 0.8;
}
nav button i.fa.fa-save {
	color: #37975f;
}
nav button i.fa.fa-check {
	color: #37975f;
	margin-right: 0;
}
nav button i.fa.fa-trash {
	color: #e21b1b;
}
nav button i.fa.fa-times {
	margin-right: 0;
	margin-left: 8px;
}
nav button:hover {
	z-index: 1;
	/*position: relative;*/
	/*border: 2px solid #bbb;*/
	/*
    border-left: 2px solid #bbb;
	border-right: 2px solid #bbb;
	*/
	background: #fff;
}
nav button:hover i.fa {
	opacity: 1;
}

button.active,
button:active,
button.active:hover,
button.actual,
button.actual:hover {
	z-index: 1;
	position: relative;
	background: #555;
	/*border: 2px solid #555;*/
	color: #fff;
}
nav button.active,
nav button.active:hover,
nav button.actual,
nav button.actual:hover {
    border: 0;
    border: 2px solid #555;
	/*border-left: 2px solid #555;
    border-right: 2px solid #aaa;
	box-shadow: 0 -3px 0 0 #555;
    border-bottom: 2px solid rgba(0,0,0,0.2);*/
}
button#archiv,
button#nem_archiv {
	margin-right: 0;
}
button#fiona {
	font-weight: bold;
	line-height: 15px;
    font-size: 16px;
    transform: translateY(1px);	
}

#tervezo_menu {
	position: absolute;
	z-index: 2;
    display: table;
    left: 269px;
    border: 2px solid #aaa;
    top: 25px;
    list-style: none;
    padding: 0 12px 11px 12px;
    background: #eee;
    width: 57px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
#tervezo_menu:hover {
	border: 2px solid #aaa;
}

/*#tervezo_menu li:nth-child(2),*/
#tervezo_menu li:nth-child(6){
	display: none;
}

#tervezo_menu li a {
    font-size: 14px;
    padding: 10px 0;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    margin: 0 -12px;
	transition: all 0.1s;
    color: #000;
}
#tervezo_menu li a:hover {
	background: #fff;
	border-color: #aaa;
}
#tervezo_menu li:last-child a,
#tervezo_menu li:nth-child(5) a {
    border-bottom: none;
	margin-bottom: -11px;
}


#search {
	float: right;
	position: relative;	
	margin-top: 5px;
}
#rightbuttons {
	float: right;
	position: relative;
}

#budapest_icon {
    position: absolute;
    left: -40px;
    width: 28px;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    margin: 0;
}
#rightbuttons #budapest_icon {
	top: 5px;
}
#search input {
	padding: 5px 8px;
    background: #fff;
    border: 2px solid #ddd;
	transition: 0.15s;
	width: 120px;
}
#search input:hover {
    border: 2px solid #bbb;
}
#search input:focus {
    border: 2px solid #555;
	background: #555;
	color: #fff;
}
#search i.fa-search {
    font-size: 20px;
    padding: 5px 8px 4px 8px;
    cursor: pointer;
    color: #777;
    display: table;
    float: right;
	transition: all 0.15s;
}
#search i.fa-search:hover {
	color: #000;
}
/*
nav input {
	transition: all 0.1s;
}
nav:hover input,
nav:hover #search input,
nav:hover button {
    padding-top: 10px;
	padding-bottom: 10px;
}
nav:hover #search i.fa-search {
	padding-top: 10px;
}
*/

section {
	display: block;
	/*width: calc(100% / 6 - 10px);*/
	width: calc(100% / 13 * 2 - 10px);
	float: left;
	margin: 10px 5px;
	overflow: hidden;
}
.koteszet section {
	width: calc(100% / 7 - 10px);
}
#main.filename section {
    position: relative;
}
body:not(.koteszet) section.DPD,
body:not(.koteszet) section.Egyeb {
	/*width: calc(100% / 12 - 10px);*/
	width: calc(100% / 13 * 1.5 - 10px);
}
body:not(.koteszet) section.DPD {
	margin-right: 5px;
}
body:not(.koteszet) section.Egyeb {
	margin-left: 0px;
}
section.Archivalva {
	width: calc(100% - 15px);
}
section h1,
section article:not(#ujmj):not(#mj) h1 {
	text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 0;
    margin: 0 0 5px 0;
}
section h1 big {
	font-size: inherit;
}
section.Archivalva h1 {
	width: calc(100% - 5px);
}

section a {
	display: block;
	background: #eee;
	margin-bottom: 5px;
	padding: 10px;
	width: calc(100% - 20px);
	text-decoration: none;
	position: relative;
	transition: box-shadow 0.15s;
}
section .noFiona,
section .noFiona * {
	display: none!important;
}

#index section a {
	min-height: 18px;
	font-size: 15px;
    line-height: 1.2em;
}
#index section.Archivalva a {
	float: left;
}

#index section.Archivalva a:nth-child(5n+2) {
	clear: left;
}

#index section a.block {
	display: block!important;
}

@keyframes hejj {
	0%		{transform: scale(0.8);}
	30%		{transform: scale(1);}
	70%		{transform: scale(1);}
	100%	{transform: scale(0.8);}
}

#index section a small.info {
	white-space: pre-wrap;
}
#index section a small.info em {
    display: table;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    animation-name: hejj;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    margin: 0 0 10px 0;
    transform: scale(0.8);
    padding: 5px 5px;
    border: 2px solid;
    box-shadow: 5px 5px 0 0;
}
#index section a small.info strong {
    font-size: 14px;
    letter-spacing: 0.3px;
    /*text-transform: uppercase;*/
	line-height: 0.7;
	padding-top: 10px;
}
#index section a small.info big {
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
}


section.Archivalva a {
	width: calc(20% - 35px);
    display: inline-block;
    margin-right: 5px;
    vertical-align: text-top;
}

section a[hide="1"]{
	display: none!important;
}

@keyframes new {
    from {opacity: 0;}
    to {opacity: 1;}
}
section a.new {
	animation-name: new;
    animation-duration: 1s;
	animation-iteration-count: 1;
	box-shadow: inset 0 0 0 6px rgba(0,0,0,0.2);
}
section a:hover {
	background: #ddd;
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.3);
}
section a.new:hover {
	box-shadow: inset 0 0 0 6px rgba(0,0,0,0.4);
}
section a[menu="1"] {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.5), inset 0 0 0 100px rgba(0,0,0,0.25);
}
section a,
section a:visited {
	color: #000;
}
section a[csillag="1"],
section h1
 {
	color: #fff;
}

section.Aktiv_munka a,
section div b.Aktiv_munka {
	background: #ffdbb3!important;
	transition: zoom 0.3s;
}

section.Aktiv_munka a[csillag="1"],
section.Aktiv_munka h1,
section div b.Aktiv_munka:hover,
#edit section article:not(#ujmj):not(#mj) input#statusz[value="Aktív munka"] {
	background: #ffa641!important;
}

section.Aktiv_munka a.small {
	zoom: 0.3;
    line-height: 1em;
	padding: 32px;
	margin-bottom: 15px;
}
section.Aktiv_munka a.small strong {
    margin: 3px 0 15px 0;
	font-size: 40px;
}

section.Aktiv_munka .smallbig {
    margin-top: -33px;
    position: absolute;
    font-size: 12px;
    cursor: zoom-out;
	opacity: 0;
	transition: opacity 0.15s;
	display: none;
}
section.Aktiv_munka .smallbig:hover {
	opacity: 1!important;
}
section.Aktiv_munka .smallbig.fa-expand {
    cursor: zoom-in;
    margin-top: -33px;
    font-size: 20px;
}


section strong {
    margin-right: 5px;
}
section a strong {
	padding: 2px 0;
}
section a b {
    margin-top: -18px;
}

section a b,
section a u {
	margin-left: 65px;
    display: block;
	word-break: break-word;
}
section.Aktiv_munka a.small b,
section.Aktiv_munka a.small u {
	margin-left: 105px;
}

section a u.hatarido_kesz {
    margin-left: 43px;
}
section.Aktiv_munka a.small u.hatarido_kesz {
    margin-left: 83px;
}
section a u.g,
section a small {
	clear: left;
	margin-top: 8px;
}

section a u.g.grafikus {
	margin-top: 0;
}

body:not(.koteszet) section.DPD a b, body:not(.koteszet) section.DPD a u,
body:not(.koteszet) section.Egyeb a b, body:not(.koteszet) section.Egyeb a u {
	margin-left: 5px;
	margin-top: 5px;
}
section.DPD a u[title="Grafikai határidő"],
section.Egyeb a u[title="Grafikai határidő"] {
	display: none;
}
body:not(.koteszet) section.DPD a small,
body:not(.koteszet) section.Egyeb a small {
	margin-left: 5px;
	width: calc(100% - 20px);
}

section hr {
	border: none;
    height: 10px;
    margin: 0;
}
section i {
	font-style: normal;
}
section u {
	text-decoration: none;
}
section small {
	font-size: 13px;
    margin-top: 5px;
    display: block;
    line-height: 1.25;
}
section.Aktiv_munka a.small small {
	margin-left: 100px;
	width: calc(100% - 260px);
}
section small p {
	margin: 0;
}
section a small {
    background: rgba(255,255,255,0.4);
    padding: 5px 8px;
    width: calc(100% - 75px);	
	margin-left: 60px;	
}
@media only screen and (max-width: 1400px){
	section a b,
	section a u,
	section a u.hatarido_kesz,
	section a small	{
		margin-left: 0;
	}
	section a b {
		margin-top: 0;
	}
	section a small {
		width: calc(100% - 15px);
	}
}

section a[csillag="1"] small {
    background: rgba(0,0,0,0.1);
	/*width: calc(100% - 110px);*/
}

section a small.szallitasimod {
	padding: 5px 0;
	background: none;
}

section i.fa-calendar-check,
section i.fa-pen-fancy {
	color: rgba(0,0,0,0.3);
	/*
    background: rgba(255,255,255,1);
    border-radius: 15px;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.8);
    padding: 0px 1px 1px 1px;
    color: #000;	
	*/
}

section i.fa-star {
	font-size: 25px;
	cursor: pointer;
	transition: opacity 0.15s;
}
section i.cs0.fa-star {
	opacity: 0.1;
}section i.cs0.fa-star:hover {
	opacity: 0.2;
}section i.cs0.fa-star:active {
	opacity: 0.7;
}

section i.cs1.fa-star {
	opacity: 1;
}section i.cs1.fa-star:hover {
	opacity: 0.7;
}section i.cs1.fa-star:active {
	opacity: 0.2;
}

section i.fiona {
    color: #fff;
    background: #000;
	font-weight: bold;
	text-align: center;
    width: 20px;
    line-height: 20px;
	position: absolute;
    bottom: 0;
    left: 0;
}
/*
section a i.fa-star {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #fff;
	opacity: 0;
}
section a[csillag="1"] i.fa-star {
	opacity: 1;
}
*/
#index section div {
    position: absolute;
    margin-left: 5px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.5), 0 5px 20px rgba(0,0,0,0.5);
    z-index: 1;
    /*text-align: center;*/
    /*width: calc(20% - 85px);*/
	width: calc(100% / 15 * 2 - 13px);
}

#index.koteszet section div {
	width: calc(100% / 14 * 2 - 8px);
}


section.Archivalva a ~ div {
	width: calc(20% - 72px);
}
/*
section div strong {
	position: absolute;
    left: -15px;
    top: -15px;
    padding: 13px 20px 17px 13px;
    background: #fff;
    border-radius: 0 28px 0 32px;
    border-top: 2px solid;
    border-left: 2px solid;
}
*/

section div b,
section article:not(#mj) div b,
section div a {
	padding: 7px 8px 5px 8px;
    display: block;
	margin: 5px auto 0 auto;
    cursor: pointer;
	width: calc(100% - 16px);
	transition: all 0.15s;
}
section div b:hover,
section article:not(#mj) div b:hover {
	color: #fff;
}
section div small {
    margin: -10px 0;
    /* text-align: left; */
    padding: 5px 10px;
}

section div strong,
section div u {
    display: block;
    width: calc(100% - 50px);
    /* text-align: left; */
    padding: 3px 0 0 50px;
}
section div u {
	padding-bottom: 10px;
	width: calc(100% - 80px);
}
section div hr {
	border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
    height: 5px;
}

section i.x {
    right: 0;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.15s;
    font-size: 30px;
    background: #e21b1b;
    top: 0;
    padding: 6px 7px;
    color: #fff;
}
section i.x:hover {
	opacity: 1;
}

section div i.cs0.fa-star,
section div i.cs1.fa-star {
    position: absolute;
    left: 17px;
    top: 20px;
    font-size: 35px;
}




/* KÖTÉSZET */

.koteszet section.Aktiv_munka,
.koteszet section.Elkuldve,
.koteszet section.Dekoralason,
.koteszet section.Szamlazason,
.koteszet b.Aktiv_munka,
.koteszet b.Elkuldve,
.koteszet b.Dekoralason,
.koteszet b.Szamlazason {
	display: none;
}



/* EDIT */

nav #close {
	float: right;
}
nav #print {
	float: right;
	margin-right: 10px;
	color: #0076c0;
}
nav #print i {
    font-size: 22px;
    margin-top: -9px;
    line-height: 16px;
    vertical-align: bottom;
	margin-right: 0;
}

nav #print_num {
	float: right;
    border: none;
    width: 30px;
    text-align: center;
    height: 20px;
    background: #eee;
    font-weight: 600;
    font-size: 17px;
    color: #0076c0;
    padding: 10px 0 0 0;
}

nav #osszesmezo {
	position: fixed;
    left: calc(50% - 70px);
    width: 140px;
}

#edit #really {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: #e94940;
    width: calc(100% - 60px);
    height: calc(100% - 30px);
    margin: 0;
    text-align: left;
    padding: 15px 30px;
    color: #fff;
}
#edit #really button {
	background: #b83b33;
	color: #fff;
	border: 2px solid #9d2e27;
}
#edit #really button:hover{
	border: 2px solid #7a231d;
}

#edit #cut {
    background: #e21b1b;
    border: none;
    cursor: pointer;
    transition: 0.2s;
    color: #fff;
    padding: 10px;
    border: 5px solid #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	position: absolute;
}
#edit #cut:hover {
	background: #7a231d;
	border: 5px solid #fff;
}

#edit section {
	width: calc(25% - 20px);
}

#edit section article {
	background: #eee;
	padding: 10px 20px;
	margin-bottom: 5px;
	position: relative;
}
#edit section article#utanvet {
	height: 48px;
}

#edit section article#gyartasok_box,
#edit section article#szallitasok_box {
	margin-top: -5px;
	background: #0076c0;
	text-align: center;
}
#edit section article#szallitasok_box {
	background: #dd1f1f;
}
#edit section article#gyartasok_box button,
#edit section article#szallitasok_box button,
#edit section article button#_utanvettelfizet {
	background: rgba(0,0,0,0.1);
    border: 2px solid rgba(0,0,0,0);
    color: #fff;
    transition: all 0.15s;
    font-size: 15px;
    padding: 5px 8px;
    margin: 0 5px 10px 5px;	
}
#edit section article button#_utanvettelfizet {
	width: 100%;
    margin: -8px;
    position: absolute;
    left: 8px;
    top: 8px;
    padding: 25px 20px 21px 20px;
    text-align: left;
    font-size: 16px;
    background: #eee;
    color: #ccc;
}


#edit section article#gyartasok_box button:hover,
#edit section article#szallitasok_box button:hover,
#edit section article button#_utanvettelfizet:hover {
	border: 2px solid rgba(0,0,0,0.1);
}
#edit section article#gyartasok_box button.active,
#edit section article#szallitasok_box button.active,
#edit section article button#_utanvettelfizet.active {
	background: #fff;
	color: #0076c0;
	font-weight: 600;
}

#edit section article#szallitasok_box button.active {
	color: #dd1f1f;
}

#edit section article button#_utanvettelfizet.active {
	background: #555;
	color: #fff;
}

#edit section.dupla {
	width: calc(50% - 20px);
}

#edit section article label {
    display: block;
    font-size: 13px;
    position: absolute;
    top: 10px;
    left: 20px;
	color: #777;
	cursor: text;
}

#edit section article aside#megjegyzes label {
	position: relative;
}


#edit section article ul.jodit_toolbar label {
    position: inherit;
	
}

#edit section article#ujmj {
	padding: 40px 20px 20px 20px;
	opacity: 0;
    position: absolute;
    z-index: 0;	
}
#edit section article#ujmj.show {
	opacity: 1;
    position: relative;
    z-index: 1;	
}
#edit section article#ujmj button {
	margin-bottom: 10px;
}

#edit section article#ujmj span[style="font-size: 24px;"],
#edit section article#mj span[style="font-size: 24px;"] {
	line-height: 24px;
	
}dit section article#ujmj span[style="font-size: 36px;"],
#edit section article#mj span[style="font-size: 36px;"] {
	line-height: 33px;
}
#edit section article#ujmj span[style="font-size: 48px;"],
#edit section article#mj span[style="font-size: 48px;"] {
	line-height: 40px;
}

#edit section article:not(#ujmj):not(#mj) input:hover,
#edit section article:not textarea:hover {
	background: #ddd;
}
#edit section article:not(#ujmj):not(#mj) input:focus,
#edit section article:not(#ujmj):not(#mj) input.focus,
#edit section article:not(#ujmj):not(#mj) input:focus:not(#statusz),
#edit section article:not(#ujmj):not(#mj) input.focus:not(#statusz),
#edit section article textarea:focus,
#edit section article textarea.focus {
	background: #555;
	color: #fff;
}

#edit section article:not(#ujmj):not(#mj) input:focus ~ label,
#edit section article:not(#ujmj):not(#mj) input.focus ~ label,
#edit section article textarea:focus ~ label,
#edit section article textarea.focus ~ label {
	color: #ccc;
}

#edit section article textarea,
#edit section article:not(#ujmj):not(#mj) input,
#edit section article:not(#ujmj):not(#mj) input:not(#statusz) {
    display: block;
    width: calc(100% - 25px);
    border: none;
    padding: 35px 45px 15px 20px;
    font-size: 16px;
    transition: 0.15s;
    margin: -10px -20px;
}

#edit section a.time {
    padding: 5px 10px 4px 10px;
    background: rgba(0,0,0,0);
    margin: 0 -10px 0 -10px;
    width: 100%;
    color: #fff;
	transition: box-shadow 0.15s, background 0.15s;
	box-shadow: inset 0 0 0 20px rgba(0,0,0,0);
}
#edit section a.time:nth-child(even) {
    background: rgba(0,0,0,0.1);
}
#edit section a.time.first {
	margin-top: 5px;
}
#edit section a.time:last-child {
	margin-bottom: -4px;
}
#edit section a.time:hover {
	box-shadow: inset 0 0 0 20px rgba(0,0,0,0.3);
}
#edit section a.time:nth-child(even):hover {
    background: rgba(0,0,0,0.05);
	box-shadow: inset 0 0 0 20px rgba(0,0,0,0.25);
}
#edit section a.time b,
#edit section a.time u,
#edit section span.timeOssz b,
#edit section span.timeOssz u {
	margin: 0 5px 0 0;
	display: inline-block;
}

#edit section span.time {
	cursor: pointer;
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0);
	transition: all 0.15s;
}
#edit section span.time:hover {
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
}
#edit section span.time .fa.fa-bars {
	float: right;
    padding: 2px 0 0 0;
	margin-right: 0;
}

#munkabeosztas.tervez section {
	margin-bottom: 50px;
}

#munkabeosztas.tervez section ul#sortable {
	padding: 0;
	margin: 0;
	list-style: none;
}
#munkabeosztas.tervez section ul#sortable li a {
	cursor: grab;
	position: realtive;
}
#munkabeosztas.tervez section ul#sortable li a:active {
	cursor: grabbing;
}
#munkabeosztas.tervez section ul#sortable li a textarea {
    background: rgba(0,0,0,0);
    border: none;
    width: calc(40% - 30px);
    font-size: 15px;
    color: #fff;
    display: block;
    border-left: 2px solid rgba(255,255,255,0.3);
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
	resize: none;
	height: 100%;
	transition: all 0.15s;
}
#munkabeosztas.tervez section ul#sortable li a textarea:focus {
    background: rgba(0,0,0,0.4);
	border-left: 2px solid rgba(255,255,255,0.75);
}

#munkabeosztas.tervez section ul#sortable li a textarea::placeholder {
	color: rgba(255,255,255,0.5);
}

#munkabeosztas.tervez section ul#sortable li a[min="5"] textarea {
	top: -3px;
}

#munkabeosztas.tervez section a {
	padding: 5px 40% 5px 70px;
	width: calc(60% - 74px)
}
#munkabeosztas.tervez section a.header {
	width: calc(100% - 4px);
    padding: 5px 0;
}

#munkabeosztas.tervez section ul#sortable li a[min="5"] { 
	padding: 0 40% 0 70px;
    font-size: 11px;
    line-height: 7px;
}
#munkabeosztas.tervez section ul#sortable li a[min="5"] textarea { 
	font-size: 11px;
	padding-top: 0;
}
#munkabeosztas.tervez section ul#sortable li a[min="5"] strong { 
	top: -2px;
}
#munkabeosztas.tervez section ul#sortable li a[min="10"] { 
    padding: 1px 40% 0 70px;
	font-size: 12px;
    height: 14px;
}
#munkabeosztas.tervez section ul#sortable li a[min="10"] textarea { 
	font-size: 12px;
	padding-top: 1px;
}
#munkabeosztas.tervez section ul#sortable li a[min="10"] strong {
	top: -1px;
}
#munkabeosztas.tervez section ul#sortable li a[min="15"] { 
	padding: 3px 40% 3px 70px;
	height: 17px;
	font-size: 15px;
}
#munkabeosztas.tervez section ul#sortable li a[min="15"] textarea { 
	padding-top: 3px;
}

#munkabeosztas.tervez section ul#sortable li a[job="1"] textarea {
	color: #000;
}







#edit section article #megjegyzes .___ {
    color: rgba(0,0,0,0);
    font-size: 9px;
    background: #ddd;
    padding: 5px 0 0 0;
    margin-top: 25px;
    height: 0;
    margin-bottom: 5px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #fff;
    margin-left: -20px;
    margin-right: -20px;
    margin: 25px -20px 5px -20px;
}
/*
#edit section article #megjegyzes .___:after {
	display: block;
    content: '✓';
    position: absolute;
    right: 45px;
    font-size: 16px;
    background: #ddd;
    padding: 0;
    border-radius: 0;
    width: 30px;
    height: 30px;
    transition: all 0.15s;
    line-height: 31px;
    text-align: center;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #fff;
    margin-top: -27px;
    transition: all 0.15s;
    cursor: pointer;
    color: #555;
    font-weight: bold;
    margin-top: -18px;
}
#edit section article #megjegyzes .___:hover:after {
	background: #666;
	color: #fff;
	border-top: 2px solid #555;
}
*/

#edit section article #keszek {
	position: absolute;
    top: 24px;
    right: 180px;
	padding-left: 30px;	
	
}
#edit section article #keszek b {
	font-size: 18px;
    position: absolute;
    left: 9px;
    top: 0;
}
#edit section article #megjegyzes .kesz {
	
	display: block;
    position: absolute;
    right: 0;
    font-size: 16px;
    background: #ddd;
    padding: 0;
    border-radius: 0;
    width: 30px;
    height: 30px;
    transition: all 0.15s;
    line-height: 31px;
    text-align: center;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #fff;
    margin-top: -10px;
    transition: all 0.15s;
    cursor: pointer;
    color: #555;
    font-weight: bold;
}
#edit section article #megjegyzes .kesz:hover {
	
	background: #666;
	color: #fff;
	border-top: 2px solid #555;
}


#edit section article #megjegyzes .title {
	display: table;
    margin-bottom: 5px;
    color: #666;
    padding: 6px 15px 5px 15px;
    background: #ddd;
    margin: -14px 0 20px -15px;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #ccc;
	cursor: pointer;
	transition: all 0.15s;
}
#edit section article #megjegyzes img {
	max-width: 100%;
}
#edit section article #megjegyzes .title b {
	transition: all 0.15s;
	color: #666;
}
#edit section article #megjegyzes .title:hover {
	background: #666;
	color: #fff;
	border-top: 2px solid #555;
}
#edit section article #megjegyzes .title:hover b {
	color: #fff;
}

#edit section article #megjegyzes .title:after {
	content: '×';
    display: block;
    position: absolute;
    right: 0px;
    font-size: 24px;
    background: #ddd;
    padding: 0;
    border-radius: 0;
    width: 30px;
    height: 30px;
    transition: all 0.15s;
    line-height: 31px;
    text-align: center;
    border-top: 2px solid #ccc;
	border-bottom: 2px solid #fff;
	margin-top: -27px;
	transition: all 0.15s;
}
#edit section article #megjegyzes .title:hover:after {
	background: #666;
	color: #fff;
	border-top: 2px solid #555;
}


#edit section article .jodit_wysiwyg table,
#edit section article #megjegyzes table {
    border-spacing: 3px 2px;
	border-collapse: inherit;
}
#edit section article .jodit_wysiwyg table tr,
#edit section article #megjegyzes tr {
    /*display: block;*/
}
#edit section article .jodit_wysiwyg table th, 
#edit section article .jodit_wysiwyg table td,
#edit section article #megjegyzes th,
#edit section article #megjegyzes td {
    display: table-cell;
    padding: 5px 10px 4px 10px;
    border: 1px solid #ccc;
	background: rgba(255,255,255,0.5);
}
#edit section article #megjegyzes p {
	margin: 0;
	padding: 4px 0;
}
#edit section article #megjegyzes ul {
    margin: 0 0 7px 0;
    padding-left: 17px;
}

#edit section article .jodit_wysiwyg a,
#edit section article #megjegyzes a {
	color: #0076c0;
    padding: 2px 5px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    width: auto;
    transition: all 0.15s;
    text-decoration: underline;	
}

#edit section article div.jodit_container,
#edit section article div.jodit_workplace,
#edit section article div.jodit_error_box_for_messages {
    position: relative;
    margin-left: 0;
    padding: 0;
    box-shadow: none;
    z-index: 1;
    text-align: left;
	border: none;
    width: auto;
	cursor: pointer;
}


#edit section article div ul.jodit_toolbar span.jodit_popup_triangle {
	display: none;
}
#edit section article div ul.jodit_toolbar span {
    padding: 0;
    margin: 0 0 7px -1px;
}

#edit section article divdiv.jodit_toolbar_list {
	position: absolute;
	z-index: 2;
}
#edit section article div.jodit_wysiwyg {
	width: 100%;
	padding: 10px;
	box-shadow: none;
	background: transparent;
	font-size: 16px;
	cursor: text;
	font-size: 16px;
}
#edit section article div.jodit_wysiwyg * {
	width: auto;
	padding: 0;
	margin: 0;
	/*display: inline-block;*/
}

#edit section article div.jodit_wysiwyg table,
#edit section article div.jodit_wysiwyg ul,
#edit section article div.jodit_wysiwyg li {
	display: table;
	min-width: 2px;
    min-height: 20px;
}
#edit section article div.jodit_wysiwyg u,
#edit section article div.jodit_wysiwyg strong,
#edit section article div.jodit_wysiwyg b {
	display: inline;
}
#edit section article div.jodit_wysiwyg ul {
	margin-bottom: 7px;
}
#edit section article div.jodit_wysiwyg p {
	display: block;
	padding: 4px 0;
}
#edit section article div.jodit_wysiwyg p:first-child {
	padding-top: 0;
}


#edit section article div.jodit_wysiwyg li:before {
	display: inline-block;
	content: '•\00a0\00a0';
}

#edit section article div ul.jodit_toolbar {
	box-shadow: none;
	border: none;
	background: #f7f7f6;
}

#edit section article div.jodit_toolbar_popup,
#edit section article div.jodit_toolbar_list-open ul.jodit_toolbar {
	display: block;
    box-shadow: 0 4px 25px rgba(0,0,0,0.3);
    border: 5px solid #fff;
    background: #f7f7f6;
	margin-top: 0;
}
#edit section article div.jodit_toolbar_popup input,
#edit section article div.jodit_toolbar_popup .jodit_form button {
	border: 2px solid #ddd;
    background: #fff;
    transition: all 0.15s;
    font-size: 15px;
    padding: 5px 10px 5px 10px;
    margin: 8px 0;
	height: auto;
	line-height: 1.3em;
}
#edit section article div.jodit_toolbar_popup .jodit_form button {
	margin-bottom: 0!important;
}
#edit section article div.jodit_toolbar_popup input:hover,
#edit section article div.jodit_toolbar_popup .jodit_form button:hover {
    border: 2px solid #bbb;
}
#edit section article div.jodit_toolbar_popup input:focus,
#edit section article div.jodit_toolbar_popup .jodit_form button:focus {
    border: 2px solid #555;
	background: #555;
	color: #fff;
}
#edit section article div.jodit_toolbar_popup div.jodit_tabs_buttons {
	display: none;
}

#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-brush .jodit_toolbar_popup .jodit_tabs_wrapper .jodit_tab {
	display: block !important;
}

#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-ol,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-0,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-1,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-2,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-3,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-5,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-7,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-9,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-12,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-13,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-14,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-paragraph, 
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-left 
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-hr, 
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-copyformat,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-fullsize,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-dots,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-hr,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-eraser,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-brush .jodit_toolbar_popup .jodit_tabs_buttons,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-brush .jodit_toolbar_popup .jodit_tabs_wrapper .jodit_tab:first-child {
	display: none !important;
}

#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-brush .jodit_colorpicker {
	min-width: 200px;
}
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-brush .jodit_colorpicker a:last-child {
    width: 40px;
    height: 40px;
    background: #ddd;
}
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-brush .jodit_colorpicker div.jodit_colorpicker_group a {
	width: 20px;
	height: 20px;
}

.jodit_toolbar>li.jodit_toolbar_btn.jodit_active, .jodit_toolbar>li.jodit_toolbar_btn:active {
	background: #ccc!important;
}
.jodit_toolbar>li.jodit_toolbar_btn {
	
}

#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-h1 h1 {
	color: #000;
}

#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn a {
    margin: 0;
    transition: all 0.15s;
    height: auto;
    padding: 9px;
} 
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn a:hover {
    background: #eee;
} 
#edit section article div .jodit_toolbar>li.jodit_toolbar_btn .jodit_toolbar_btn>a span, 
#edit section article div .jodit_toolbar>li.jodit_toolbar_btn>a span {
    margin: 0;
} 

#edit section article div .jodit_toolbar>li.jodit_toolbar_btn>a span.jodit_with_dropdownlist-trigger {
	display: none;
}
#edit section article .time .mikor {
	float: right;
} 

#edit #statusz {
	/*opacity: 0.8;*/
	transition: opacity 0.15s;
	color :#fff;
}
#edit #statusz:hover {
	opacity: 1;
}
#edit #statusz ~ label,
#edit #statusz:focus ~ label,
#edit #statusz.focus ~ label {
	color: #fff!important;
}
#edit #statusz:focus,
#edit #statusz.focus {
	opacity: 1;
}

#edit #csillag,
#edit #csillag:hover,
#edit #csillag:focus,
#edit #csillag.focus {
	color: transparent!important;
	background: #fff!important;
	text-align: right;
	cursor: default;
}

#edit #csillag ~ label {
	opacity: 0;
}
#edit i.cs0.fa-star,
#edit i.cs1.fa-star {
    position: absolute;
    left: 0;
    top: 0;
    padding: 14px 0;
    width: 100%;
    font-size: 40px;
    text-align: center;
}

#edit section article i.fa-angle-down {
	display: none;
}
#edit section article i.fa-angle-up {
	position: absolute;
    right: 25px;
    top: 22px;
    opacity: 0.33;
    transition: opacity 0.15s;
    cursor: pointer;
    font-size: 25px;
}
#edit section article i.fa-angle-up:before {
}
#edit section article i.fa-angle-up:hover {
	opacity: 1;
}

#edit section article input {
	transition: all 0.15s;
}

#edit section article input:focus ~ i.fa-angle-up,
#edit section article input.focus ~ i.fa-angle-up,
#edit section article textarea:focus ~ i.fa-angle-up,
#edit section article textarea.focus ~ i.fa-angle-up {
	color: #fff;
    width: 50%;
    text-align: right;
    padding: 23px;
    margin: -22px -24px 0 0;
}
#edit section article:not(#ujmj):not(#mj) ul {
    background: #333;
    padding: 20px;
    list-style: none;
    display: block;
    margin: 10px -20px -10px -20px;
}

#edit section article:not(#ujmj):not(#mj) li {
    cursor: pointer;
    padding: 5px 20px 3px 20px;
    display: block;
    color: #fff;
    border-bottom: 1px solid #444;
    transition: all 0.15s;
    position: relative;
    font-size: 15px;
}
#edit section article:not(#ujmj):not(#mj) li.minus,
#edit section article:not(#ujmj):not(#mj) li.selected {
	color: #000;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
#edit section article:not(#ujmj):not(#mj) li.minus:before {
    content: '×';
    position: absolute;
    right: 9px;
    top: 5px;
    transition: opacity 0.15s;
    color: #000;
	font-size: 20px;
}

#edit section article:not(#ujmj):not(#mj) li:last-child {
	border: none;
}
#edit section article:not(#ujmj):not(#mj) li:not(.selected):hover {
	background: #222;
}
#edit section article:not(#ujmj):not(#mj):not(#megjegyzes) li.minus:hover {
	color: #000;
	background: #ddd;
}

#edit section article:not(#ujmj):not(#mj) span {
    display: block;
    padding: 5px 10px 4px 10px;
    margin: 5px 0;
	color: #fff;
}
#edit section article:not(#ujmj):not(#mj) span:first-child {
	margin: 10px 0 19px 0;
	color: #000;
}
#edit section article:not(#ujmj):not(#mj) span:last-child {
	margin-bottom: 10px;
}
#edit section article:not(#ujmj) span.time1 {
	background: #69cdbe;
}
#edit section article:not(#ujmj) span.time2 {
	background: #fa9623;
}
#edit section article:not(#ujmj) span.time3 {
	background: #55aae1;
}
#edit section article:not(#ujmj) span.time4 {
	background: #a9c500;
}
#edit section article:not(#ujmj) span.time5 {
	background: #a367cf;
}
#edit section article:not(#ujmj) span.time6 {
	background: #ff645b;
}
#edit section article:not(#ujmj) span u {
	width: 100px;
    display: inline-block;
}
#edit section article:not(#ujmj) span.time u,
#edit section article:not(#ujmj) span.time b {
	margin-right: 5px;
}

#edit section article #ujmegjegyzes_2 {
	margin-right: 25px;
}
#edit section article #ujmegjegyzes_5 {
}


#edit section article #ujmegjegyzes {
		height: 91px;
}
#edit section article #megjegyzes {
	/*height: 446px;*/
    font-size: 15px;
    border-bottom: 10px solid #eee;
	line-height: 20px;
	position: relative;
    margin-top: 20px;
    overflow-x: hidden;	
	padding: 25px 15px 20px 15px;
}
#edit section article #megjegyzes * {
	font-family: 'Arimo', sans-serif !important;
	line-height: 1.3em;
	margin-bottom: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;	
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
#edit section article #megjegyzes .pipa {
	opacity: 0.3;
    display: block;
	padding-top: 10px;
    zoom: 0.6;
	max-height: 30px;
    overflow: hidden;	
}
#edit section article #megjegyzes small[style="font-size: 10px;"],
#edit section article #megjegyzes span[style="font-size:7.5pt"] {
	display: none;
}
#edit section article #megjegyzes img[src^="http://kreativmegoldas.hu/email"] {
	zoom: 0.7;
}
#edit section article #megjegyzes b,
#edit section article #megjegyzes b:hover {
	cursor: text;
	color: #000;
}
#edit section article #megjegyzes.full {
    position: fixed;
    z-index: 1;
    top: 40px;
    right: 0;
    width: 70%;
    background: #eee;
    height: calc(100% - 115px);
    box-shadow: -6px 0 0 0 #fff, 0 44px 60px rgba(0,0,0,0.33);
}
#edit section article input,
#edit section article textarea {
	transition: box-shadow 0.15s;
	background: #eee;
}
#edit section article textarea {
	resize: vertical;
}
#edit section article #info-info {
	margin-top: 20px;
	cursor: pointer;
}
#edit section article #info-info small {
	padding: 10px 0;
}
#edit section article #info-info small b {
	display: inline;
	padding: 0;
}

#edit section article input:hover,
#edit section article textarea:hover {
	box-shadow: inset 0 0 0 200px rgba(0,0,0,0.05);
}
#edit section article input#csillag:hover {
	transition: box-shadow 0s;
	box-shadow: none;
}

#edit #mj_full {
    position: absolute;
    top: 15px;
    right: 115px;
}
#edit #mj_small {
	position: absolute;
    right: 237px;
    top: -10px;
    padding: 22px 20px 23px 20px;
}
#edit #mj_full i.fas,
#edit #mj_small i.fas {
	font-size: 30px;
    vertical-align: middle;
    margin-right: 0;
}

#edit section article #megjegyzes:hover,
#edit section article #megjegyzes:focus,
#edit section article #megjegyzes.focus {
	background: #eee;
	color: #000;
}
#edit section article #megjegyzes ~ label,
#edit section article #megjegyzes:focus ~ label,
#edit section article #megjegyzes.focus ~ label {
	/*
	background: #eee;
	color: #777;
    padding: 5px 20px;
    margin: -10px -20px;
    width: calc(100% - 55px);
	*/

}	
	




section.Elkuldve a,
section div b.Elkuldve {
	background: #b4dbc5!important;
}section.Elkuldve a[csillag="1"],
section.Elkuldve h1,
section div b.Elkuldve:hover,
#edit section article:not(#ujmj):not(#mj) input#statusz[value="Elküldve"] {
	background: #37975f!important;
}

section.Gyartason a,
section div b.Gyartason{
	background: #a6c5f9!important;
}section.Gyartason a[csillag="1"],
section.Gyartason h1,
section div b.Gyartason:hover,
#edit section article:not(#ujmj):not(#mj) input#statusz[value="Gyártáson"] {
	background: #0076c0!important;
}


.koteszet section.Gyartason.gyartasok_0 a {
	background: #8ea1ee!important;
}.koteszet section.Gyartason.gyartasok_0 a[csillag="1"],
.koteszet section.Gyartason.gyartasok_0 h1 {
	background: #3536aa!important;
}

.koteszet section.Gyartason.gyartasok_2 a {
	background: #cee7f9!important;
}.koteszet section.Gyartason.gyartasok_2 a[csillag="1"],
.koteszet section.Gyartason.gyartasok_2 h1 {
	background: #508fe8!important;
}
.koteszet section.Gyartason.gyartasok_8 a {
	background: #b2e2ed!important;
}.koteszet section.Gyartason.gyartasok_8 a[csillag="1"],
.koteszet section.Gyartason.gyartasok_8 h1 {
	background: #3eb7d2!important;
}
.koteszet section.Gyartason.gyartasok_9 a {
	background: #b2d4ed!important;
}.koteszet section.Gyartason.gyartasok_9 a[csillag="1"],
.koteszet section.Gyartason.gyartasok_9 h1 {
	background: #3e94d2!important;
}

section.Dekoralason a,
section div b.Dekoralason {
	background: #d2b7a4!important;
}section.Dekoralason a[csillag="1"],
section.Dekoralason h1,
section div b.Dekoralason:hover,
#edit section article:not(#ujmj):not(#mj) input#statusz[value="Dekoráláson"] {
	background: #916e56!important;
}


section.DPD a,
section div b.Szallitason {
	background: #f1a5a5!important;
	/*zoom: 0.83;*/
	/*font-size: 13px;*/
    line-height: 1.2;
}section.DPD a[csillag="1"],
section.DPD h1,
section div b.Szallitason:hover,
#edit section article:not(#ujmj):not(#mj) input#statusz[value="Szállításon"] {
	background: #dd1f1f!important;
}

section.Egyeb a {
	background: #f7cccc!important;
	/*zoom: 0.83;*/
	/*font-size: 13px;*/
    line-height: 1.2;
}
section.Egyeb a[csillag="1"],
section.Egyeb h1 {
	background: #e75c5c!important;
}

section.Szamlazason a,
section div b.Szamlazason {
	background: #cbcbcb!important;
}section.Szamlazason a[csillag="1"],
section.Szamlazason h1,
section div b.Szamlazason:hover,
#edit section article:not(#ujmj):not(#mj) input#statusz[value="Számlázáson"] {
	background: #6d6d6d!important;
}

section.Archivalva a,
section div b.Archivalva {
	background: #e5e5e5!important;
}section.Archivalva a[csillag="1"],
section.Archivalva h1,
section div b.Archivalva:hover,
#edit section article:not(#ujmj):not(#mj) #statusz[value="Archiválva"] {
	background: #999!important;
}	
	
	
	
	
	
	
	
	
	
#uzenet {
    display: block;
    position: fixed;
    width: 100px;
    text-align: center;
    padding: 12px 15px 9px 15px;
    z-index: 3;
    background: #37975f;
    top: 0;
    left: calc(50% - 65px);
    color: #fff;
    font-weight: 600;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}
#uzenet.warning {
	background: #e21b1b;
}

#kimasolva  {
    position: absolute;
    font-size: 13px;
    padding: 7px 15px 8px 15px;
    z-index: 2;
    line-height: 1.3em;
    right: 0;
    width: calc(50%);
    background: #fff;
    color: #000;
    border-left: 3px solid #aaa;
    height: 53px;
    top: -13px;
}
#kimasolva b {
	display: table;
    margin-bottom: -11px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    width: 100%;
	color: #0076c0;
	font-size: 15px;
}

#printpage {
	position: absolute;
    display: block;
    width: calc(100% - 20px);
    top: 0;
}
#printpage .print {
	border-bottom: 1px solid #ddd;
	padding: 2px 5px;
	margin: 0;
	font-size: 12px;
	line-height: 1.3em;
}
#printpage .print b {
	font-weight: normal;
}
#printpage .print.munkaszam {
	text-align: right;
	border-bottom: none;
}
#printpage .print.path {
    text-align: right;
    font-size: 10px;
    border-bottom: 4px solid #ddd;
    margin-bottom: 10px;
    padding: 10px 5px;
	color: #777;
}
#printpage .print.munkaszam b {
	font-size: 25px;
	font-weight: 600;
}
#printpage .print.modositva,
#printpage .print.szallitasimod,
#printpage .print.hatarido_kesz {
    width: calc(100% / 3 - 11px);
    display: inline-block;
    border-right: 1px solid #ddd;
    border-top: 3px solid #ddd;
    text-align: center;
}
#printpage .print.hatarido_kesz {	
	border-right: none;
	width: calc(100% / 3 - 10px);
}
#printpage .print.modositva i,
#printpage .print.szallitasimod i,
#printpage .print.hatarido_kesz i {
	width: 100%;
	display: block;
}

#printpage .print.megnevezes {
	font-size: 16px;
	border-top: 3px solid #ddd;
	border-bottom: 4px solid #ddd;
	padding: 7px 0 5px 5px;
	margin-bottom: 5px;
	background: #eee;
}
#printpage .print.megnevezes b {
	font-weight: 600;
}
#printpage .print.gazda,
#printpage .print.info {
	padding: 5px;
}
#printpage .print.megjegyzes {
	border-bottom: none;
	border-top: 3px solid #ddd;
}
#printpage .print.megjegyzes p {
	padding: 0;
	margin: 0;
}

#printpage .print i {
	font-style: normal;
    width: 170px;
    display: inline-block;
	margin-right: 10px;
}
#printpage .print.megjegyzes p.title {
	font-size: 12px;
    display: table;
    color: #777;
	margin: 10px 0;
}

/* MUNKABEOSZTAS */


body#munkabeosztas {
	/*margin-top: 47px;*/
}

/*
#munkabeosztas nav {
	padding: 5px 18px;
}
*/
#munkabeosztas nav #datum {
	border: none;
    background: #eee;
    font-size: 19px;
	cursor: pointer;
	padding: 5px 0 0 0;
	float: left;
}

#munkabeosztas nav #grafikus {
	display: none;
}

#munkabeosztas main {
	transition: opacity 0.3s;
}
#munkabeosztas main.pale {
	/*opacity: 0.5;*/
}

#munkabeosztas section {
	width: calc((100% / 5) - 25px);
	margin: 5px;
	height: 1237px;
}
#munkabeosztas.tervez section {
	width: 50%;
	max-width: 900px;
}
#munkabeosztas section#time {
	width: 40px;
	text-align: right;
}
#munkabeosztas section h1 {
	background: #aaa;
}
#munkabeosztas section a {
    padding: 5px 10px 5px 64px;
    margin-bottom: 1px;
    width: calc(100% - 74px);
    height: 7px;
    font-size: 16px;
    line-height: 1.2em;
    overflow-y: auto;
    overflow-x: hidden;
	position: relative;
	color: #fff;
	transition: all 0.05s;
	cursor: pointer;
}
#munkabeosztas section a:hover {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.2);
}
#munkabeosztas section a.active {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.4);
}

#munkabeosztas section a::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
#munkabeosztas section a.empty,
#munkabeosztas section a.empty:hover {
	opacity: 0.25;
	box-shadow: none;
	cursor: default;
}

#munkabeosztas section a.header {
    height: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;	
	padding: 5px 37px 5px 37px;
	font-size: 18px;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.15);
	cursor: pointer;
}
#munkabeosztas section a.header:hover {
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.3);
}
#munkabeosztas section#time a.header {
	background: #fff;
	box-shadow: none;
	padding: 5px 10px;
}

#munkabeosztas section#time a {
    overflow: initial;
    line-height: 7px;
    font-size: 11px;
    box-shadow: none;
    background: #eee;
    padding: 0 5px;
    width: calc(100% - 10px);
	color: #000;
	cursor: default;
}
#munkabeosztas section#time a:nth-child(6n+2){
	background: #ddd;
}
#munkabeosztas section#time a:nth-child(6n+5){
	background: linear-gradient(to right, #eee, #ddd);
}
#munkabeosztas section#time a:nth-child(12n+8){
	font-weight: 600;
}
#munkabeosztas section a strong {
	font-size: 1em;
	position: absolute;
	left: 5px;
	top: 3px;
}
#munkabeosztas section a i {
	display: block;
	margin-top: 5px;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding-top: 3px;
    font-size: 13px;
    line-height: 1.3em;
}
#munkabeosztas section a i:before {
    font: normal normal normal 22px/1 FontAwesome;
    content: "\f05a";
    position: absolute;
    right: -6px;
    top: -2px;
    opacity: 1;
}
#munkabeosztas section a:hover i {
	position: absolute;
    z-index: 1;
    color: #000;
    background: #fff;
    padding: 3px 7px;
    width: calc(100% - 70px);
    box-shadow: 10px 0 0 0 #fff, 0 5px 10px rgba(0,0,0,0.25);
    opacity: 0.9;
    top: -5px;
    transition: all 0.1s;
    right: 0;
}
#munkabeosztas section a[min="5"]:hover i {
	font-size: 10px;
	line-height: 10px;
	margin-top: -2px;
}
#munkabeosztas section a[min="10"]:hover i {
	font-size: 12px;
	padding: 0 7px;
}
#munkabeosztas section a[min="15"]:hover i {
	font-size: 12px;
	padding: 2px 7px;
}

#munkabeosztas section a[min="5"]	{ 
	padding: 0 10px 0 64px;
    font-size: 11px;
    line-height: 7px;
}
#munkabeosztas section a[min="5"] strong { 
	top: -2px;
}
#munkabeosztas section a[min="10"]	{ 
    padding: 1px 10px 0 64px;
	font-size: 12px;
    height: 14px;
}
#munkabeosztas section a[min="10"] strong {
	top: -1px;
}
#munkabeosztas section a[min="15"]	{ 
	padding: 3px 10px 3px 64px;
	height: 17px;
	font-size: 15px;
}




#munkabeosztas section a[min="15"] strong	{ 
	top: 1px;
}
#munkabeosztas section a[min="20"]	{ height: 21px; }
#munkabeosztas section a[min="25"]	{ height: 29px; }
#munkabeosztas section a[min="30"]	{ height: 37px; }
#munkabeosztas section a[min="35"]	{ height: 45px; }
#munkabeosztas section a[min="40"]	{ height: 53px; }
#munkabeosztas section a[min="45"]	{ height: 61px; }
#munkabeosztas section a[min="50"]	{ height: 69px; }
#munkabeosztas section a[min="55"]	{ height: 77px; }
#munkabeosztas section a[min="60"]	{ height: 85px; }
#munkabeosztas section a[min="65"]	{ height: 93px; }
#munkabeosztas section a[min="70"]	{ height: 101px; }
#munkabeosztas section a[min="75"]	{ height: 109px; }
#munkabeosztas section a[min="80"]	{ height: 117px; }
#munkabeosztas section a[min="85"]	{ height: 125px; }
#munkabeosztas section a[min="90"]	{ height: 133px; }
#munkabeosztas section a[min="95"]	{ height: 141px; }
#munkabeosztas section a[min="100"]	{ height: 149px; }
#munkabeosztas section a[min="105"]	{ height: 157px; }
#munkabeosztas section a[min="110"]	{ height: 165px; }
#munkabeosztas section a[min="115"]	{ height: 173px; }
#munkabeosztas section a[min="120"]	{ height: 181px; }
#munkabeosztas section a[min="125"]	{ height: 189px; }
#munkabeosztas section a[min="130"]	{ height: 197px; }
#munkabeosztas section a[min="135"]	{ height: 205px; }
#munkabeosztas section a[min="140"]	{ height: 213px; }
#munkabeosztas section a[min="145"]	{ height: 221px; }
#munkabeosztas section a[min="150"]	{ height: 229px; }
#munkabeosztas section a[min="155"]	{ height: 237px; }
#munkabeosztas section a[min="160"]	{ height: 245px; }
#munkabeosztas section a[min="165"]	{ height: 253px; }
#munkabeosztas section a[min="170"]	{ height: 261px; }
#munkabeosztas section a[min="175"]	{ height: 269px; }
#munkabeosztas section a[min="180"]	{ height: 277px; }
#munkabeosztas section a[min="185"]	{ height: 285px; }
#munkabeosztas section a[min="190"]	{ height: 293px; }
#munkabeosztas section a[min="195"]	{ height: 301px; }
#munkabeosztas section a[min="200"]	{ height: 309px; }
#munkabeosztas section a[min="205"]	{ height: 317px; }
#munkabeosztas section a[min="210"]	{ height: 325px; }
#munkabeosztas section a[min="215"]	{ height: 333px; }
#munkabeosztas section a[min="220"]	{ height: 341px; }
#munkabeosztas section a[min="225"]	{ height: 349px; }
#munkabeosztas section a[min="230"]	{ height: 357px; }
#munkabeosztas section a[min="235"]	{ height: 365px; }
#munkabeosztas section a[min="240"]	{ height: 373px; }
#munkabeosztas section a[min="245"]	{ height: 381px; }
#munkabeosztas section a[min="250"]	{ height: 389px; }
#munkabeosztas section a[min="255"]	{ height: 397px; }
#munkabeosztas section a[min="260"]	{ height: 405px; }
#munkabeosztas section a[min="265"]	{ height: 413px; }
#munkabeosztas section a[min="270"]	{ height: 421px; }
#munkabeosztas section a[min="275"]	{ height: 429px; }
#munkabeosztas section a[min="280"]	{ height: 437px; }
#munkabeosztas section a[min="285"]	{ height: 445px; }
#munkabeosztas section a[min="290"]	{ height: 453px; }
#munkabeosztas section a[min="295"]	{ height: 461px; }
#munkabeosztas section a[min="300"]	{ height: 469px; }
#munkabeosztas section a[min="305"]	{ height: 477px; }
#munkabeosztas section a[min="310"]	{ height: 485px; }
#munkabeosztas section a[min="315"]	{ height: 493px; }
#munkabeosztas section a[min="320"]	{ height: 501px; }
#munkabeosztas section a[min="325"]	{ height: 509px; }
#munkabeosztas section a[min="330"]	{ height: 517px; }
#munkabeosztas section a[min="335"]	{ height: 525px; }
#munkabeosztas section a[min="340"]	{ height: 533px; }
#munkabeosztas section a[min="345"]	{ height: 541px; }
#munkabeosztas section a[min="350"]	{ height: 549px; }
#munkabeosztas section a[min="355"]	{ height: 557px; }
#munkabeosztas section a[min="360"]	{ height: 565px; }
#munkabeosztas section a[min="365"]	{ height: 573px; }
#munkabeosztas section a[min="370"]	{ height: 581px; }
#munkabeosztas section a[min="375"]	{ height: 589px; }
#munkabeosztas section a[min="380"]	{ height: 597px; }
#munkabeosztas section a[min="385"]	{ height: 605px; }
#munkabeosztas section a[min="390"]	{ height: 613px; }
#munkabeosztas section a[min="395"]	{ height: 621px; }
#munkabeosztas section a[min="400"]	{ height: 629px; }
#munkabeosztas section a[min="405"]	{ height: 637px; }
#munkabeosztas section a[min="410"]	{ height: 645px; }
#munkabeosztas section a[min="415"]	{ height: 653px; }
#munkabeosztas section a[min="420"]	{ height: 661px; }
#munkabeosztas section a[min="425"]	{ height: 669px; }
#munkabeosztas section a[min="430"]	{ height: 677px; }
#munkabeosztas section a[min="435"]	{ height: 685px; }
#munkabeosztas section a[min="440"]	{ height: 693px; }
#munkabeosztas section a[min="445"]	{ height: 701px; }
#munkabeosztas section a[min="450"]	{ height: 709px; }
#munkabeosztas section a[min="455"]	{ height: 717px; }
#munkabeosztas section a[min="460"]	{ height: 725px; }
#munkabeosztas section a[min="465"]	{ height: 733px; }
#munkabeosztas section a[min="470"]	{ height: 741px; }
#munkabeosztas section a[min="475"]	{ height: 749px; }
#munkabeosztas section a[min="480"]	{ height: 757px; }
#munkabeosztas section a[min="485"]	{ height: 765px; }
#munkabeosztas section a[min="490"]	{ height: 773px; }
#munkabeosztas section a[min="495"]	{ height: 781px; }
#munkabeosztas section a[min="500"]	{ height: 789px; }
#munkabeosztas section a[min="505"]	{ height: 797px; }
#munkabeosztas section a[min="510"]	{ height: 805px; }
#munkabeosztas section a[min="515"]	{ height: 813px; }
#munkabeosztas section a[min="520"]	{ height: 821px; }
#munkabeosztas section a[min="525"]	{ height: 829px; }
#munkabeosztas section a[min="530"]	{ height: 837px; }
#munkabeosztas section a[min="535"]	{ height: 845px; }
#munkabeosztas section a[min="540"]	{ height: 853px; }
#munkabeosztas section a[min="545"]	{ height: 861px; }
#munkabeosztas section a[min="550"]	{ height: 869px; }
#munkabeosztas section a[min="555"]	{ height: 877px; }
#munkabeosztas section a[min="560"]	{ height: 885px; }
#munkabeosztas section a[min="565"]	{ height: 893px; }
#munkabeosztas section a[min="570"]	{ height: 901px; }
#munkabeosztas section a[min="575"]	{ height: 909px; }
#munkabeosztas section a[min="580"]	{ height: 917px; }
#munkabeosztas section a[min="585"]	{ height: 925px; }
#munkabeosztas section a[min="590"]	{ height: 933px; }
#munkabeosztas section a[min="595"]	{ height: 941px; }
#munkabeosztas section a[min="600"]	{ height: 949px; }
#munkabeosztas section a[min="605"]	{ height: 957px; }
#munkabeosztas section a[min="610"]	{ height: 965px; }
#munkabeosztas section a[min="615"]	{ height: 973px; }
#munkabeosztas section a[min="620"]	{ height: 981px; }
#munkabeosztas section a[min="625"]	{ height: 989px; }
#munkabeosztas section a[min="630"]	{ height: 997px; }
#munkabeosztas section a[min="635"]	{ height: 1005px; }
#munkabeosztas section a[min="640"]	{ height: 1013px; }
#munkabeosztas section a[min="645"]	{ height: 1021px; }
#munkabeosztas section a[min="650"]	{ height: 1029px; }
#munkabeosztas section a[min="655"]	{ height: 1037px; }
#munkabeosztas section a[min="660"]	{ height: 1045px; }
#munkabeosztas section a[min="665"]	{ height: 1053px; }
#munkabeosztas section a[min="670"]	{ height: 1061px; }
#munkabeosztas section a[min="675"]	{ height: 1069px; }
#munkabeosztas section a[min="680"]	{ height: 1077px; }
#munkabeosztas section a[min="685"]	{ height: 1085px; }
#munkabeosztas section a[min="690"]	{ height: 1093px; }
#munkabeosztas section a[min="695"]	{ height: 1101px; }
#munkabeosztas section a[min="700"]	{ height: 1109px; }
#munkabeosztas section a[min="705"]	{ height: 1117px; }
#munkabeosztas section a[min="710"]	{ height: 1125px; }
#munkabeosztas section a[min="715"]	{ height: 1133px; }
#munkabeosztas section a[min="720"]	{ height: 1141px; }
#munkabeosztas section a[min="725"]	{ height: 1149px; }
#munkabeosztas section a[min="730"]	{ height: 1157px; }
#munkabeosztas section a[min="735"]	{ height: 1165px; }
#munkabeosztas section a[min="740"]	{ height: 1173px; }
#munkabeosztas section a[min="745"]	{ height: 1181px; }
#munkabeosztas section a[min="750"]	{ height: 1189px; }


#munkabeosztas section#grafikus_1 a {
	background: #69cdbe;
}

#munkabeosztas section#grafikus_2 a {
	background: #fa9623;
}

#munkabeosztas section#grafikus_3 a {
	background: #55aae1;
}
#munkabeosztas section#grafikus_4 a {
	background: #a9c500;
}
#munkabeosztas section#grafikus_5 a {
	background: #a367cf;
}
#munkabeosztas section#grafikus_6 a {
	background: #ff645b;
}

#munkabeosztas section a[job="1"]{
	opacity: 0.5;
    color: rgba(0,0,0,0);
}
#munkabeosztas section a[job="1"] i{
    color: #fff;
}
#munkabeosztas section a[job="1"]:hover{
	opacity: 1;
}
#munkabeosztas section a[job="1"]:hover i{
    color: #000;
}


#zoom {
    width: 300px;
    font-size: 18px;
    color: #fff;
    padding: 20px;
    line-height: 1.5em;
    box-shadow: 0 0 0 2px rgba(0,0,0,0.5), 0 5px 20px rgba(0,0,0,0.5);
    position: absolute;
	z-index: 1;
	background: #fff;
	color: #000;
}

#zoom._1 {
	/*background: #69cdbe;
	left: 53px;*/
}
#zoom._2 {
	/*background: #fa9623;
	left: calc((100% / 6) - (190px - 100% / 6 / 2) + 60px);*/
}
#zoom._3 {
	/*background: #55aae1;
	left: calc((100% / 6 * 2) - (190px - 100% / 6 / 2) + 49px);*/
}
#zoom._4 {
	/*background: #a9c500;
	left: calc((100% / 6 * 3) - (190px - 100% / 6 / 2) + 38px);*/
}
#zoom._5 {
	/*background: #a367cf;
	left: calc((100% / 6 * 4) - (190px - 100% / 6 / 2) + 27px);*/
}
#zoom._6 {
	/*background: #ff645b;
	right: 7px;*/
}
#zoom._7 {
	/*background: #ff645b;
	right: 7px;*/
}

.tervez #zoom {
	left: calc(50% + 10px);
	margin-top: -47px;
}

#zoom strong {
	display: block;
	font-size: 22px;
}

#zoom i {
	display: block;
    border-top: 1px dashed rgba(0,0,0,0.1);
    margin-top: 15px;
    padding-top: 10px;
    font-style: normal;
}
#zoom i:not(.x){
    line-height: 1.4em;
    font-size: 17px;
}
.tervez #zoom textarea {
	display: none;
}

#zoom hr {
	border: none;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    margin: 15px 0;
}

#zoom a {
	padding: 7px 15px 5px 15px;
    display: block;
    margin: 10px auto 0 auto;
    cursor: pointer;
    width: calc(100% - 30px);
	color: #fff;
	background: rgba(0,0,0,0.15);
	text-decoration: none;
	
    transition: all 0.15s;
}
#zoom a:hover {
	/*background: rgba(0,0,0,0.3);*/
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4); 
}

#zoom a i {
	display: inline-block;
    border: 0;
    padding: 0;
    margin: 0 10px 0 0;
	font-size: 20px;
}

#zoom header {
	border-bottom: 2px solid rgba(0,0,0,0.1);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
#zoom header b {
	margin-right: 10px;
}

#zoom i.x {
	right: 0;
    position: absolute;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.15s;
    font-size: 30px;
    background: #e21b1b;
    top: -15px;
    padding: 1px 7px 2px 7px;
    color: #fff;	
}
#zoom i.x:hover {
	/*color: #000;*/
	opacity: 1;
}
#zoom i.x:active {
	background: #ad0101;
}

.tervez #zoom button {
    width: 90px;
    font-size: 60px;
    background: rgba(0,0,0,0.15);
    border: none;
    color: #fff;
    display: inline-block;
    padding: 5px 0;
    transition: all 0.15s;
    margin-right: 10px;
}
.tervez #zoom button:hover {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4);
}
.tervez #zoom button:active {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.7);
}


#zoom._1 a,
#zoom._1 button{
	background: #69cdbe;
}
#zoom._2 a,
#zoom._2 button {
	background: #fa9623;
}
#zoom._3 a, 
#zoom._3 button {
	background: #55aae1;
}
#zoom._4 a,
#zoom._4 button {
	background: #a9c500;
}
#zoom._5 a,
#zoom._5 button {
	background: #a367cf;
}
#zoom._6 a,
#zoom._6 button {
	background: #ff645b;
}

#hol {
    position: absolute;
    left: 13px;
    width: 40px;
    background: rgba(0,0,0,0.25);
}

#addjobBefore,
#addjobAfter {
    position: absolute;
    background: #444;
    color: #fff;
    left: calc(70% / 4);
    padding: 5px 0 4px 0;
    font-size: 23px;
    margin-top: -18px;
    border: 2px solid #fff;
    cursor: pointer;
    transition: background 0.15s;
    border-radius: 30px;
    text-align: center;
    min-width: 29px;
}
#addjobAfter {
	/*border-radius: 0 0 15px 15px;*/
	/*margin-top: 0px;*/
	/*border: 2px solid #fff;*/
	/*padding: 1px 0 3px 0;*/
}
#addjobAfter.justThis {
	top: 92px;
}
#addjobBefore:hover,
#addjobAfter:hover {
	background: #000;
}

#jobList,
#timeList {
	position: fixed;
    background: #fff;
    right: 0;
    width: 75%;
    height: calc(100% - 43px);
    top: 43px;
    box-shadow: 0 0 50px rgba(0,0,0,0.7);
	overflow-y: scroll;
	z-index: 1;
}
#timeList {
	width: calc(75% - 300px);
	z-index: 2;
}
#jobList ul, 
#timeList ul {
	list-style: none;
	margin: 0;
	padding: 109px 0 20px 0;
}
#jobList ul li,
#timeList ul li {
	padding: 10px 20px 8px 20px;
	border-top: 2px solid #eee;
	cursor: pointer;
	/*transition: all 0.15s;*/
}
#jobList ul li:hover,
#jobList ul li.active,
#timeList ul li:hover,
#timeList ul li.active {
	background: #333;
	color: #fff;
}
#jobList ul li:hover,
#timeList ul li:hover {
	transition: all 0.15s;
}

#jobList ul li strong,
#timeList ul li strong {
	min-width: 60px;
    display: inline-block;
}
#jobList big {
	position: fixed;
    top: 102px;
    z-index: 2;
    padding: 15px 20px;
    font-weight: 600;
    color: #999;
    background: #fff;
    width: calc(75% - 56px);
    border-bottom: 2px solid #ccc;
}
#closeList {
	position: fixed;
    cursor: pointer;
    transition: opacity 0.15s;
    font-size: 40px;
    background: #e21b1b;
    top: 43px;
    padding: 15px;
    color: #fff;
    right: 16px;
    z-index: 2;
    font-style: normal;
	opacity: 0.5;
    transition: opacity 0.15s, background 0.15s;
}
#closeList:hover {
    opacity: 1;
}
#closeList:active {
    background: #ad0101;
}
#searchList {
    position: fixed;
    z-index: 2;
    right: 16px;
    width: calc(75% - 56px);
    padding: 20px 20px 19px 20px;
    font-size: 18px;
    border: none;
    top: 43px;	
	
}

/* DATEPICKER */

#ui-datepicker-div {
    background: #333;
	color: #fff;
    padding: 10px;
    border: 2px solid #333;
    position: absolute;
    top: -35px;
	transition: none;
	width: calc(25% - 48px);
	min-width: 300px;
}

#ui-datepicker-div .ui-datepicker-calendar {
	width: 100%;
}
#ui-datepicker-div .ui-datepicker-calendar tr td a {
	width: calc(100% - 15px);
}

#ui-datepicker-div a {
    background: #222;
	border: none;
    padding: 5px 5px 4px 5px;
    width: 25px;
    height: 20px;
    margin: 1px 3px;
    display: table;
    text-align: center;
	text-decoration: none;
	color: #fff;
}

#ui-datepicker-div a:hover {
	box-shadow: inset 0 0 0 2px #555;
}
#ui-datepicker-div a.ui-state-active {
	background: #fff;
	color: #000;
}
#ui-datepicker-div a.ui-state-highlight {
    box-shadow: inset 0 0 0 2px #fff;
    font-weight: 500;
    font-size: 19px;
    margin-right: -2px;
    line-height: 19px;
}
.ui-state-highlight:hover {
	box-shadow: inset 0 0 0 2px #000;
}

.ui-datepicker-prev {
	float: left!important;
	cursor: pointer;
	background: url(img/prev_.png)!important;
	opacity: 0.3;
}
.ui-datepicker-next {
	float: right!important;
	cursor: pointer;
	background: url(img/next_.png)!important;
	opacity: 0.3;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	opacity: 1;
	box-shadow: none!important;
}

.ui-datepicker-year {
	float: left;
	margin-left: 20px;
}
.ui-datepicker-month {
	float: right;
	margin-right: 20px;
}
.ui-datepicker-title {
    width: auto;
    margin: 0 auto;
    padding: 6px 0 15px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #000;
}

.mce-notification-warning {
    background-color: #000;
    border-color: #000;
    display: none!important;
	opacity: 0!important;
	visibility: none!important;
}