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

* {
	font-family: 'Arimo', sans-serif;
}
*:focus {
	outline: none;
}

body {
	display: block;
	font-size: 16px;
	line-height: 1.3em;
	transition: 0.5s;
	overflow-y: scroll;
    /*overflow-x: hidden;*/
	background: #fff;
}
/*
body#index {
	width: calc(100% - 20px);
}
*/

*::-webkit-scrollbar {
    width: 10px;
	height: 10px;
	background-color: rgba(0,0,0,0.05);
}
 
*::-webkit-scrollbar-track {
}
 
*::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,0.2);
} 

#elofizetes {
	cursor: pointer;
	transition: background 0.15s;
}
#elofizetes:hover {
	background: #000;
}


#wait {
    position: fixed;
    width: 180px;
    height: 180px;
    border-radius: 180px;
    left: calc(50% - 90px);
    top: calc(50% - 85px);
    z-index: 4;
    background: url(../img/wait.gif) center no-repeat;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.2), 0 7px 0 4px rgba(0,0,0,0.1);
    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;
    background: #fff;
    display: block;
    min-height: calc(100% - 50px);
    position: absolute;
    width: 100%;
    left: 0;	
}
html.wait main {
	opacity: 0;
}
nav:not(#options) {
	position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 3;
	transition: all 0.2s;
	background: #f7f7f7;
	box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.2);
}

/* options */


nav#options {
	/*transition: all 0.5s;*/
    top: 40px;
	left: 0;
    padding: 0 0 20px 0;
    width: 100%;
    background: #ddd;
    box-shadow: 0 0 0 2000px rgba(0,0,0,0.7);
	z-index: 2;
	position: absolute;
}
/*
nav#options.hide {
	top: -630px;
	box-shadow: 0 0 0 2000px rgba(0,0,0,0);
}
*/

nav#options #elofizetes_aktiv {
	color: rgba(0,0,0,0.6);
    cursor: default;
    float: left;
    margin: 10px 0 -10px 20px;	
}

nav#options h1 {
	display: block;
	color: rgba(0,0,0,0.6);
	padding: 15px;
	clear: both;
} 
nav#options h1 i {
	color: rgba(0,0,0,0.3);
}

nav#options #tab_buttons {
	display: block;
    height: 35px;
    border-bottom: 2px solid rgba(0,0,0,0.3);
    margin-bottom: 20px;
}

nav#options hr {
	border: none;
	border-bottom: 2px #bbb solid;
    margin: 0;
    float: left;
    display: block;
    width: calc(100% - 7px);
    height: 10px;
	background: #ddd;
}

nav#options div.col1 {
	clear: left;
	display: table;
	float: left;
	width: calc(100% / 7);
}
nav#options div.col2 {
	display: table;
	float: left;
	width: calc(100% / 7 * 6);
}

nav#options div.col3.first {
	clear: left;
}
nav#options div.col3 {
	float: left;
	display: table;
	width: calc(100% / 3);
	box-shadow: inset -10px 0 0 #ddd, inset -12px 0 0 #bbb;
}
nav#options div.col3.last {
	box-shadow: none;
}


nav#options [option] {
    display: block;
    float: left;
    font-size: 16px;
    width: calc(100% - 32px);
    padding: 12px 15px 8px 15px;
    border: 0;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    cursor: pointer;
}
nav#options div.col3 [option]{
	width: calc(100% / 3 - 32px);
}

nav#options [option].off {
    cursor: default!important;
}
nav#options div.col2 [option] {
	width: calc(100% / 6 - 32px);
}
nav#options div.col2 i.show,
nav#options div.col3 i.cimkekshow {
    width: calc(100% / 7);
    margin: 0;
    text-align: center;
    font-size: 30px;
    height: 38px;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.15s;
    opacity: 0.5;
    padding: 5px 0;
    position: absolute;
}

nav#options div.col3 i.cimkekshow {
	width: 60px;
    position: relative;
	clear: left;
    float: left;
	padding: 0 0 10px 0;
}

nav#options div.col2 i#show_2 {
	left: calc(100% / 7 * 2);
}
nav#options div.col2 i#show_3 {
	left: calc(100% / 7 * 3);
}
nav#options div.col2 i#show_4 {
	left: calc(100% / 7 * 4);
}
nav#options div.col2 i#show_5 {
	left: calc(100% / 7 * 5);
}
nav#options div.col2 i#show_6 {
	left: calc(100% / 7 * 6);
}

nav#options div.col2 i.show:hover,
nav#options div.col3 i.cimkekshow:hover {
	opacity: 1;
}
nav#options div.col2 i.show:active,
nav#options div.col3 i.cimkekshow:active {
	font-size: 25px;
}
nav#options div[option] {
	padding: 10px 15px 8px 15px;
	background: #fff;
}

nav#options [option][readonly] {
	clear: both;
	cursor: default;
	background: #eee;
}
nav#options div.col3 [option][readonly] {
	clear: none;
}
nav#options [option=show][readonly] {
	background: rgba(0,0,0,0);
	border: none;
}
nav#options [option] {
	transition: opacity 0.2s;
}
nav#options div.col2 .off:not([option=nev]),
nav#options div.col3 .off {
	opacity: 0.1;
}
nav#options div.col2 i.show.off,
nav#options div.col3 i.cimkekshow.off {
	opacity: 0.3;
}
nav#options div.col2 i.show.off:hover,
nav#options div.col3 i.cimkekshow.off:hover {
	opacity: 1;
}

nav#options [option=statuszsorrend]{
    border-bottom: none;
}
nav#options [option=statuszsorrendmod] {
   	transition: all 0.15s;
}
nav#options [option=statuszsorrend]:not(.off):active,
nav#options [option=statuszsorrendmod]:not(.off):active {
	padding: 12px 15px 6px 15px;
}
nav#options [option=statusznev] {
    line-height: 20px;
}
nav#options [option=statusznev]:not([readonly]){
    font-size: 18px;
    font-weight: 600;
	cursor: text;
	transition: all 0.15s;
}
/*
nav#options [option=vezeto]:not([readonly]),
nav#options [option=beosztott]:not([readonly]),
nav#options [option=szallitas]:not([readonly]),
nav#options [option=tipus]:not([readonly]) {
	cursor: text;
}*/
nav#options input[option]:not([type=color]):not([readonly]):not(.off):focus {
	background: #333;
	color: #fff;
}


nav#options [option=statuszszin_0],
nav#options [option=statuszszin_2]{
	border-bottom: none;
}
nav#options [option=statuszszin_0][readonly],
nav#options [option=statuszszin_1][readonly],
nav#options [option=statuszszin_2][readonly],
nav#options [option=statuszszin_3][readonly] {
	padding: 8px 15px 7px 15px;
}
nav#options input[option*=statuszszin_][readonly]{
	height: 26px;
}
nav#options input[type=color] {
    height: 41px;
    background: #fff;
    padding: 4px 6px;
    width: calc(100% / 6 - 1px)!important;
    cursor: pointer;
	transition: all 0.15s;
	box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 8px #fff;
}
nav#options input[type=color]:hover {
	box-shadow: inset 0 0 0 6px rgba(0,0,0,0.1), inset 0 0 0 8px rgba(0,0,0,0.1);
}
nav#options input[type=color]:not(.off):active {
	box-shadow: inset 0 0 0 6px rgba(0,0,0,0.1), inset 0 0 0 8px #777;
}
nav#options [option=nev]:not([readonly]),
nav#options [option=vezeto]:not([readonly]),
nav#options [option=beosztott]:not([readonly]),
nav#options [option=szallitas]:not([readonly]),
nav#options [option=tipus]:not([readonly]){
	width: calc(100% - 36px)!important;
	cursor: text;
}
nav#options [option=nev]:not([readonly]) {
	font-weight: 600;
}
nav#options [option=aktivalva] {
	width: calc(100% - 36px)!important;
}

nav#options div:not(.col1) [option]:hover,
nav#options div:not(.col1) input.opt:hover,
nav#options input.tervez:hover {
	transition: all 0.15s;
	background: rgba(0,0,0,0.1);
}
nav#options div:not(.col1) input.opt:focus:hover,
nav#options input.tervez:focus {
	background: #333;
}


nav#options input.opt,
nav#options input.tervez {
	display: table;
    float: left;
    font-size: 16px;
    width: auto;
    padding: 12px 15px 8px 15px;
    border: 1px solid #bbb;
	margin: -1px 0 0 -1px;
	transition: all 0.15s;
}
nav#options input.opt[size]:focus,
nav#options input.tervez:focus {
	background: #333;
	color: #fff;
}
nav#options input.tervez {
    width: 20px;
	text-align: center;
    border-left: none;
    border-right: none;
	transition: all 0.15s;
}
nav#options input.tervez:focus {
	font-weight: 600;
}
nav#options input.tervez.focus {
	background: #333;
	color: #fff;	
}
nav#options input.tervez.ora {
	padding: 12px 5px 8px 15px;
}
nav#options .sep {
	transition: all 0.15s;
}
nav#options .sep.focus {
	background: #333;
	color: #fff;
}
nav#options .sep,
nav#options .sep2 {
	float: left;
    line-height: 40px;
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #bbb;
    height: 38px;
}
nav#options .sep2 {
	padding: 0 5px;
}
nav#options input.tervez.ora.first {
	border-left: 1px solid #bbb;
}
nav#options input.tervez.perc {
	padding: 12px 15px 8px 5px;	
}
nav#options input.tervez.perc.last {
	border-right: 1px solid #bbb;
}

nav#options button.opt_del,
nav#options button.opt_plus {
	display: none;
    float: left;
    cursor: pointer;
    margin: 7px 0 0 -36px;
    font-size: 18px;
    padding: 3px 7px 0 7px;
    font-weight: 600;
    background: rgba(0,0,0,0.2);
    border-radius: 20px;
	opacity: 0.8;
}
nav#options button.opt_plus {
	display: table;
    margin: 7px 0 0 -1px;
    background: #37975f;
    color: #fff;
    font-size: 19px;
    padding: 2px 9px 2px 5px;
    border-radius: 0 20px 20px 0;
	transition: all 0.15s;
}
nav#options button.opt_del:hover,
nav#options button.opt_plus:hover {
	opacity: 1;
}
nav#options button.opt_plus:hover {
	padding: 2px 9px 2px 10px;
}
nav#options button.opt_del:active,
nav#options button.opt_plus:active {
	background: #333;
	color: #fff;
	transition: all 0.05s;
}




nav#options select[option] {
	width: calc(100% / 7);
	padding: 15px 12px 9px 12px;
}
nav#options select[option] option {
	padding: 15px 12px 10px 12px;
}
nav#options div {
	
}
nav#options ul[menu] {
	position: absolute;
    background: #fff;
    padding: 0;
    list-style: none;
    width: calc(100% / 7 - 3px);
    margin: -32px -15px 0 -15px;
	border: 2px solid rgba(0,0,0,0.2);
	z-index: 1;
	box-shadow: 4px 4px 0 2px rgba(0,0,0,0.25);
	transition: border 0.15s;
}
nav#options ul[menu]:hover {
	border: 2px solid rgba(0,0,0,0.6);	
}
nav#options ul[menu] li {
	padding: 10px 13px 8px 13px;
    border-bottom: 1px solid #ccc;
	cursor: pointer;
	transition: all 0.15s;
}
nav#options ul[menu] li:last-child {
    border-bottom: none;
}
nav#options ul[menu] li:hover {
	background: rgba(0,0,0,0.1);
}
nav#options ul[menu] li.selected {
    background: #333;
    color: #fff;
}
nav#options ul[menu] li.selected:hover {
}

nav#options ul[menu^=statuszszin] {
    position: absolute;
    margin-left: 0;
    margin-top: -1px;	
	min-width: 240px;
}
/*
nav#options ul[menu=statuszszin_1] {
	margin-top: -42px;	
}
nav#options ul[menu=statuszszin_2] {
	margin-top: -84px;	
}
nav#options ul[menu=statuszszin_3] {
	margin-top: -126px;	
}
*/
nav#options ul[menu^=statuszszin][num="2"] {	
	margin-left: calc(100% / 7 - 1px);
}
nav#options ul[menu^=statuszszin][num="3"] {	
	margin-left: calc(100% / 7 * 2 - 1px);
}
nav#options ul[menu^=statuszszin][num="4"] {	
	/*margin-left: calc(100% / 7 * 3 - 1px);*/
	right: calc(100% / 7 * 2 + 20px);
}
nav#options ul[menu^=statuszszin][num="5"] {	
	/*margin-left: calc(100% / 7 * 4 - 1px);*/
	right: calc(100% / 7 + 20px);
}
nav#options ul[menu^=statuszszin][num="6"] {	
	/*margin-left: calc(100% / 7 * 5 - 1px);*/
	right: 20px;
}

nav#options ul[menu^=statuszszin] li {
    display: inline-block;
	padding: 0;
    width: calc(100% / 10);
    height: 27px;
    cursor: pointer;
    transition: all 0.15s;
    border: none;
}
nav#options ul[menu^=statuszszin] li:hover,
nav#options ul[menu^=statuszszin] li.selected {
    box-shadow: inset 0 0 0 3px #333, inset 0 0 0 6px #fff;
}

nav#options ul[menu^=statuszszin] li:last-child {
	width: 85px;
    height: 35px;
}
nav#options ul[menu^=statuszszin] li:last-child input {
    border: none;
    padding: 10px;
    width: calc(100% - 20px);
    font-weight: 600;
	background: transparent;	
}
nav#options ul[menu^=statuszszin] li:last-child i {
    position: absolute;
    padding: 10px;
	opacity: 0.5;
	transition: opacity 0.15s;
}
nav#options ul[menu^=statuszszin] li:last-child i:hover {
	opacity: 1;
}
nav#options ul[menu^=statuszszin] li:last-child i:active {
	padding: 12px 10px 8px 10px;
}




nav#options h2 {
    text-align: center;
    font-size: 15px;
    padding: 10px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    margin: 0;
	clear: both;
}

nav#options select {
	display: table;
}
nav#options #cimkeDefault {
	clear: left;
	float: left;
    margin: 0 60px 20px 60px;	
}
nav#options #cimkeDefault:active {
	transition: all 0.025s;	
}

nav#options #saveoptions {
    margin-top: 13px;
    width: 56px;
    background: #37975f;
    position: fixed;
    height: 56px;
    box-shadow: inset 0 0 0 40px rgba(0,0,0,0), 0 0 0 5px #fff, 0 4px 0 6px rgba(0,0,0,0.25);
    text-align: center;
    padding: 4px 0 0 7px;
    border-radius: 40px;
    transition: box-shadow 0.15s;
	z-index: 1;
}
nav#options #saveoptions:hover {
	box-shadow: inset 0 0 0 40px rgba(0,0,0,0.3), 0 0 0 5px #fff, 0 4px 0 6px rgba(0,0,0,0.25);
}
nav#options #saveoptions i {
	font-size: 30px;
	color: #fff!important;
	opacity: 1!important;
	line-height: 54px;
}
nav#options #saveoptions:active {
	margin-top: 15px;
	box-shadow: inset 0 0 0 40px rgba(0,0,0,0.3), 0 0 0 5px #fff, 0 2px 0 6px rgba(0,0,0,0.25);
}

nav#options #restore {
    position: absolute;
    background: #fff;
    padding: 20px;
    box-shadow: 0 7px 8px 6px rgba(0,0,0,0.2);
	border: 3px solid rgba(0,0,0,0.2);
	z-index: 1;
	transition: border 0.15s;
}
nav#options #restore:hover {
	border: 3px solid rgba(0,0,0,0.6);
}
nav#options #restore span {
    display: block;
	margin-bottom: 15px;
}
nav#options #restore button {
	margin-right: 10px;
}
nav#options #restore button:hover {
	background: rgba(0,0,0,0.2);
}

	
}

/* ************** */


.tervez nav {
	z-index: 3;
}
/*
nav:hover {
    box-shadow: 0 0 100px rgba(0,0,0,0.7);
}
*/


button {
    border: 2px solid rgba(0,0,0,0.2);
    /*background: #f7f7f7;*/
    color: #000;
    cursor: pointer;
    padding: 5px 10px 4px 10px;
    margin-right: 5px;
    transition: border 0.15s, background 0.15s, padding 0.05s;
}
button:hover {
	border: 2px solid #bbb;
}


nav button {
	padding: 11px 12px 9px 12px;
    margin: 0 0 2px 0;
    border: none;
    font-size: 13px;
    box-shadow: -1px 0 0 0 rgba(0,0,0,0.05), inset -1px 0 0 0 rgba(0,0,0,0.05);
	display: table;
    float: left;
}
nav button:active {
	padding: 12px 12px 8px 12px;
}

nav #optionsONOFF,
nav #user {
	float: right;
	padding: 10px 10px 5px 15px;
}
nav #optionsONOFF:active,
nav #user:active {
	padding: 10px 10px 5px 15px;
}

@keyframes pipa {
  0%	{opacity: 1;}
  25%	{opacity: 1;}
  50%	{opacity: 0;}
  75%	{opacity: 1;}
  100%	{opacity: 1;}
}

nav #optionsONOFF.save i {
	animation: pipa 1s infinite;
}
/*
nav #optionsONOFF.save:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(/img/pipa.png);
    display: block;
    position: absolute;
    margin-left: 21px;
    margin-top: -13px;
}
*/

nav #user {
	box-shadow: -1px 0 0 0 rgba(0,0,0,0.05);
}

nav #optionsONOFF i,
nav #user i {
    font-size: 20px;
    opacity: 0.5;
    transition: opacity 0.15s;
	vertical-align: sub;
}
nav #optionsONOFF:hover i,
nav #user:hover i {
	opacity: 1;
}

nav #user_menu {
    position: fixed;
    top: 35px;
    right: 10px;
    list-style: none;
    padding: 0 0 12px 0;
    margin: 0;
    border: 2px solid rgba(0,0,0,0.2);
	box-shadow: 4px 4px 0 2px rgba(0,0,0,0.25);
	background: #f7f7f7;
	z-index: 1;
}


nav #user_menu:hover {
	border: 2px solid rgba(0,0,0,0.6);
}

nav #user_menu li {
	margin: 0 12px;
}
nav #user_menu li a {
    font-size: 14px;
    padding: 10px 15px;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: left;
    margin: 0 -12px;
	transition: background 0.15s, border-color 0.15s, padding 0.05s;
    color: #000;
	cursor: pointer;
}
nav #user_menu li a i {
	transition: opacity 0.15s;
	opacity: 0.5;
}
nav #user_menu li a:active {
	padding: 12px 15px 8px 15px;
}
nav #user_menu li a:hover {
	background: #fff;
	border-color: #aaa;
}
nav #user_menu li a:hover i {
	opacity: 1;
}
nav #user_menu li:last-child a {
    border-bottom: none;
	margin-bottom: -11px;
}



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

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;
}
nav button i.fa.fa-trash {
	color: #e21b1b;
}
nav button i.fa.fa-times {
	margin-right: 0;
	margin-left: 8px;
}
nav button:hover {
	border: none;
	background: rgba(0,0,0,0.1);
	background: #fff;
}
nav button:hover i.fa {
	opacity: 1;
}

button.active,
button.active:hover,
button.actual,
button.actual:hover {
	border: 2px solid #555;
}
nav button.active,
nav button.active:hover,
nav button.actual,
nav button.actual:hover {
	border: none;
    background: rgba(0,0,0,0.1);
    box-shadow: -1px 0 0 0 rgba(0,0,0,0.05), inset -1px 0 0 0 rgba(0,0,0,0.05), 0 2px 0 0 rgba(0,0,0,0.3);
}

#tervezo_menu {
	position: absolute;
    display: table;
    left: 552px;
    border: 2px solid rgba(0,0,0,0.2);
    top: 19px;
    list-style: none;
    padding: 0 12px 11px 12px;
    background: #f7f7f7;
    box-shadow: 4px 4px 0 2px rgba(0,0,0,0.25);
    transition: border 0.15s;
	min-width: 64px;
}
#tervezo_menu:hover {
	border: 2px solid rgba(0,0,0,0.6);
}

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


#search {
	float: right;
}
#search input {
	padding: 10px 15px;
    background: #f7f7f7;
    border: none;
    width: 120px;
    margin: 0 0 2px 0;
	box-shadow: 43px 0 0 0 rgba(255,255,255,0), -1px 0 0 0 rgba(0,0,0,0);
	transition: all 0.15s;
}
#search input:hover,
#search input:focus {
	border: none;
	background: #fff;
	box-shadow: 43px 0 0 0 rgba(255,255,255,1), -1px 0 0 0 rgba(0,0,0,0.05);
}

#search i.fa-search {
    font-size: 20px;
    padding: 9px 8px 3px 8px;
    cursor: pointer;
    color: #777;
    display: table;
    float: right;
	transition: all 0.03s;
	position: relative;
}
#search i.fa-backspace {
	font-size: 14px;
    padding: 0 8px;
    color: #777;
    transition: all 0.15s;
    margin: 0 0 0 -38px;
    cursor: pointer;
}
#search i:hover {
	color: #000;
}
#search i.fa-search:active {
	 padding: 11px 8px 1px 8px;
}
#search i.fa-backspace:active {
	opacity: 0.5;
}
/*
nav input {
	transition: all 0.15s;
}
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(20% - 20px);
    float: left;
    margin: 0;
    overflow: hidden;
    transition: all 0.3s;
	/*
    box-shadow: 1px 0 0 0 rgba(0,0,0,0.1), inset -1px 0 0 0 rgba(0,0,0,0.1);
	padding: 10px;
	*/
    box-shadow: 2px 0 0 0 rgba(0,0,0,0.1);
	padding: 10px 9px 10px 11px;
}
section:hover {
}
section.archiv {
	width: calc(100% - 15px);
}
section h1,
section article:not(#ujmj):not(#mj) h1 {
	text-align: center;
    font-size: 20px;
    padding: 10px 0;
    margin: 0 0 5px 0;
}
section.archiv h1 {
	width: calc(100% - 5px);
}

section a {
	display: block;
	margin-bottom: 5px;
	padding: 15px;
	width: calc(100% - 30px);
	text-decoration: none;
	position: relative;
	transition: box-shadow 0.15s;

}
#index section a {
	min-height: 18px;
	transition: all 0.15s;
}
section.archiv a {
	width: calc(20% - 47px);
    display: inline-block;
    margin-right: 20px;
    vertical-align: text-top;
}
section.archiv .menu a {
	width: calc(100% - 16px);
}

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 3px rgba(0,0,0,0.2);
}
section a:hover {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
}
section a:active {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4);
}
section a.new:hover {
	box-shadow: inset 0 0 0 3px rgba(0,0,0,0.4);
}
section a.new:active {
	box-shadow: inset 0 0 0 3px rgba(0,0,0,0.6);
}
section a[menu="1"],
section a[menu="1"]:hover {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4), inset 0 0 0 100px rgba(0,0,0,0.25);
}
section a,
section a:visited {
	color: #000;
}
section a[csillag="1"] {
	background: rgba(0,0,0,0.2);
}



/* színek */

section a {
	background: #fff;
	color: #000;
}
section a[csillag="1"] {
	background: #757575;
	color: #fff;
}
section h1 {
	color: #757575;
}

section.szin1 a {
	background: #9fa8da;
	color: #000;
}
section.szin1 a[csillag="1"] {
	background: #3f51b5;
	color: #fff;
}
section.szin1 h1 {
	color: #3f51b5;
}

section.szin2 a {
	background: #90caf9;
	color: #000;
}
section.szin2 a[csillag="1"] {
	background: #2196f3;
	color: #fff;
}
section.szin2 h1 {
	color: #2196f3;
}

section.szin3 a {
	background: #80cbc4;
	color: #000;
}
section.szin3 a[csillag="1"] {
	background: #009688;
	color: #fff;
}
section.szin3 h1 {
	color: #009688;
}

section.szin4 a {
	background: #e6ee9c;
	color: #000;
}
section.szin4 a[csillag="1"] {
	background: #cddc39;
	color: #fff;
}
section.szin4 h1 {
	color: #cddc39;
}

section.szin5 a {
	background: #fff59d;
	color: #000;
}
section.szin5 a[csillag="1"] {
	background: #ffc107;
	color: #fff;
}
section.szin5 h1 {
	color: #ffc107;
}


section.szin6 a {
	background: #ffab91;
	color: #000;
}
section.szin6 a[csillag="1"] {
	background: #ff5722;
	color: #fff;
}
section.szin6 h1 {
	color: #ff5722;
}

section.szin7 a {
	background: #ce93d8;
	color: #000;
}
section.szin7 a[csillag="1"] {
	background: #9c27b0;
	color: #fff;
}
section.szin7 h1 {
	color: #9c27b0;
}

section.szin8 a {
	background: #f48fb1;
	color: #000;
}
section.szin8 a[csillag="1"] {
	background: #e91e63;
	color: #fff;
}
section.szin8 h1 {
	color: #e91e63;
}

section.szin9 a {
	background: #b0bec5;
	color: #000;
}
section.szin9 a[csillag="1"] {
	background: #607d8b;
	color: #fff;
}
section.szin9 h1 {
	color: #607d8b;
}








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

section a b,
section a u {
	margin-left: 65px;
    display: block;
}
section a u {
    /*margin-left: 65px;*/
	margin-left: 43px;
}



@keyframes lejart {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}

section a u.lejart {
    animation-name: lejart;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    font-weight: bold;
    padding: 0 0 4px 0;
    margin-bottom: 5px;
}





/*
section a u.hatarido_kesz,
section a u.hatarido_kesz {
    margin-left: 43px;
}
*/
section a u.utolso_megjegyzes {
	margin-top: 8px;
	/*margin-left: 43px;*/
	margin-bottom: 8px;
}
section a u.utolso_megjegyzes .fa-comment-alt {
    font-size: 14px;
}
section a u.g,
section a small {
	clear: left;
	margin-top: 8px;
}
section a u.beosztott,
section a u.vezeto {
	clear: left;
	/*margin-left: 43px;*/
}

section a u.info {
	margin-top: 9px;
}
section a u.info i {
	margin-right: 0;
}
section a u.info small {
	display: inline;
}

section hr {
	border: none;
    height: 15px;
    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.35em;
}
section small p {
	margin: 0;
}
section a small {
    padding: 5px 8px;
    width: calc(100% - 75px);
}

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

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;
	transition: opacity 0.15s;
}
section a i.fa-star {
    position: absolute;
    right: 10px;
    font-size: 30px;
    bottom: 18px;
}
section a i.fa-star.cs1 {
	opacity: 1;
}
section a i.fa-star.cs0 {
	opacity: 0;
}


section div i.cs0.fa-star {
	opacity: 0.1;
	cursor: pointer;
}section div i.cs0.fa-star:hover {
	opacity: 0.2;
}section div i.cs0.fa-star:active {
	opacity: 0.7;
}

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

#index section div {
    position: absolute;
    margin-left: 15px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 0 2px #333, 4px 4px 0 2px rgba(0,0,0,0.25);
    z-index: 1;
    /*text-align: center;*/
    width: calc(20% - 80px);
}
#index section div.menu b {
	transition: all 0.15s;
}
#index section div.menu b:hover {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
}
section.archiv 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;
	overflow: auto;
}

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);
	min-height: 30px;
}
section div hr {
	border-bottom: 2px solid rgba(0,0,0,0.2);
    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;
}



/* EDIT */

nav #close {
	float: right;
}

#edit #really, 
#edit #reallyclose {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(233,73,64,0.9);
    width: calc(100% - 60px);
    height: calc(100% - 30px);
    margin: 0;
    text-align: left;
    padding: 15px 30px;
    color: #fff;
}
#edit #reallyclose {
	text-align: right;
	background: rgba(55,151,95,0.9);
}
#edit #really button {
	background: #b83b33;
	color: #fff;
	border: 2px solid #9d2e27;
}
#edit #reallyclose button {
	background: #266942;
	color: #fff;
	border: 2px solid #1b4b2f;
}

#edit #really button:hover {
	background: #9d2e27;
}
#edit #reallyclose button:hover {
	background: #1b4b2f;
}
#edit #really button:active,
#edit #reallyclose button:active {
	box-shadow: inset 0 0 0 30px rgba(0,0,0,0.3);
	border: 2px solid #000;
}

#edit #cut,
#edit #del {
	background: #e21b1b;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
    color: #fff;
    padding: 10px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    position: absolute;
    z-index: 1;
	right: 60px;
}
#edit #cut:hover, 
#edit #del:hover {
	background: #7a231d;
}

#edit section {
	width: calc(30% - 20px);
	overflow-y: scroll;
}

#edit section article {
	padding: 10px 20px;
	margin-bottom: 5px;
	position: relative;
}
#edit section article#ido_osszesito,
#edit section article#osszesido {
	padding: 10px 5px;
}

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

#edit section article label {
    display: block;
    font-size: 13px;
    position: absolute;
    top: 10px;
    left: 20px;
	/*color: #aaa;*/
	opacity: 0.5;
	cursor: text;
	
}
#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:focus:not(#statusz),
#edit section article:not(#ujmj):not(#mj) input.focus:not(#statusz),
#edit section article textarea:focus,
#edit section article textarea.focus {
	box-shadow: inset 0 -500px 0 0 rgba(0,0,0,0), inset 0 -1px 0 0 rgba(0,0,0,0.4);
	font-weight: bold;
	letter-spacing: -0.3px;
	background: rgba(0,0,0,0.05);
}

#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 {

}

#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;
    margin: -10px -20px;
}
#edit section article:not(#ujmj):not(#mj) input:not(#statusz) {
	background: rgba(0,0,0,0);
}
#edit section article:not(#ujmj):not(#mj) input:not(#statusz)::placeholder {
	color: rgba(0,0,0,0.5);
}

#edit section a.time {
    padding: 5px 10px 4px 10px;
    background: rgba(0,0,0,0);
    margin: 0 -10px 0 -10px;
    width: 100%;
	transition: background 0.1s, color 0.15s;
	box-shadow: inset 0 0 0 20px rgba(0,0,0,0);
	float: left;
}
#edit section a.time:nth-child(even) {
    background: rgba(0,0,0,0.05);
}
#edit section a.time.first {
	margin-top: 4px;
}
#edit section a.time:last-child {
	margin-bottom: 30px;
	border-bottom: 2px solid rgba(0,0,0,0.2);
}
#edit section a.time:hover,
#edit section a.time:nth-child(even):hover {
	background: rgba(0,0,0,0.1);
	/*box-shadow: inset 0 0 0 20px rgba(0,0,0,0.7);*/

}

#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;
}

#edit section a.time i {
	font-style: normal;
	width: 95px;
	display: table;
	float: left;
}
#edit section a.time em {
	font-style: normal;
    width: 25%;
	min-width: 80px;
    display: inline-block;
	/*text-align: right;*/
}
#edit section a.time small {
    padding: 0;
    width: calc(100% - 185px);
    margin-left: 185px;
    margin-bottom: 0;
    margin-top: -20px;
    float: left;
    font-size: 12px;
}
#edit section article:not(#ujmj):not(#mj) a.time small li,
#edit section article:not(#ujmj):not(#mj) a.time small li:hover {
    padding: 2px 0;
    background: transparent;
    font-size: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#edit section article:not(#ujmj):not(#mj) a.time small li:last-child {
    border: none;
}



#edit section article:not(#ujmj):not(#mj).ido,
#edit section article:not(#ujmj):not(#mj).osszido {
	padding: 0;
    margin-top: 15px;
}

#edit section article:not(#ujmj):not(#mj).ido input:not(#statusz), 
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz) {
    width: calc(20% - 30px);
    display: inline-table;
    padding: 8px 10px 6px 10px;
    margin: -10px 0 0 0;
}
#edit section article:not(#ujmj):not(#mj).ido input:not(#statusz).idogazda,
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz).idogazda {
	width: calc(25% - 20px);
}
#edit section article:not(#ujmj):not(#mj).ido input:not(#statusz).idodatum,
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz).idodatum {
	width: calc(75% - 20px);
}




/*
#edit section article:not(#ujmj):not(#mj).ido input:not(#statusz).idoperc,
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz).idoperc {
	width: calc(15% - 20px);
}

#edit section article:not(#ujmj):not(#mj).ido input:not(#statusz).idomegjegyzes,
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz).idomegjegyzes {
	width: calc(35% - 20px);
}
*/

#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz),
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz):hover,
#edit section article:not(#ujmj):not(#mj).osszido input:not(#statusz):focus {
	font-weight: bold;
	box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.05);
	margin-top: 0;
	letter-spacing: 0;
}



#edit section article:not(#ujmj):not(#mj).ido .opentervez,
#edit section article:not(#ujmj):not(#mj).ido .oktervez {
	margin: -32px 0 0 66%;
    width: 20px;
    background: none;
    font-size: 32px;
}
#edit section article:not(#ujmj):not(#mj).ido .opentervez:hover,
#edit section article:not(#ujmj):not(#mj).ido .oktervez:hover {
	box-shadow: none;
}

@keyframes clickme {
	0% { opacity: 1; }
	50% { opacity: 0.1; }
	100% { opacity: 1; }
}

#edit section article:not(#ujmj):not(#mj).ido .opentervez i,
#edit section article:not(#ujmj):not(#mj).ido .oktervez i {
    padding: 0;
    width: auto;
    position: absolute;
    right: 0;
    top: 0;	
	font-size: 28px;
}

#edit section article:not(#ujmj):not(#mj).ido .opentervez i {
	cursor: pointer;
	transition: all 0.2s;	
	animation-name: clickme;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

#edit section article:not(#ujmj):not(#mj).ido .opentervez i:hover {
	opacity: 1;
	animation: none;
}
#edit section article:not(#ujmj):not(#mj).ido .opentervez i:active {
	opacity: 1;
	top: 2px;
	animation: none;
}



#edit section article.ido input.focus ~ i.fa-angle-up {
	top: -5px;
    right: 30px;
}


#edit section article #megjegyzes .___ {
color: rgba(0,0,0,0);
    font-size: 9px;
    height: 0;
    border-top: 1px dashed rgba(0,0,0,0.2);
    margin: 25px 0;
}
#edit section article #megjegyzes .___:last-child {
	display: none;
}
#edit section article #megjegyzes .title {
    display: table;
    margin-bottom: 5px;
    color: rgba(0,0,0,0.5);
    padding: 12px 15px 10px 15px;
    margin: -14px 0 0 -15px;
    cursor: pointer;
    transition: all 0.15s;
}
#edit section article #megjegyzes .title:hover {
	color: rgba(0,0,0,1);
}

#edit section article #megjegyzes .title:after {
    content: '\00D7';
    display: block;
    position: absolute;
    right: 0px;
    font-size: 24px;
    padding: 0;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    transition: all 0.15s;
    margin: -26px 0 0 0;
    line-height: 31px;
    text-align: center;
	opacity: 0.7;
	font-weight: 600;
}
#edit section article #megjegyzes .title:hover:after {
	opacity: 1;
}
#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;
    padding: 5px 10px 4px 10px;
}
#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: #206df0;
    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;
	background: transparent;
}


#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: rgba(0,0,0,0);
	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 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: 4px 4px 0 2px rgba(0,0,0,0.25);
	border: 2px solid rgba(0,0,0,0.2);
    background: #f7f7f6;
	margin-top: 0;
	transition: border 0.15s;
}
#edit section article div.jodit_toolbar_popup:hover,
#edit section article div.jodit_toolbar_list-open ul.jodit_toolbar:hover {
    border: 2px solid rgba(0,0,0,0.6);	
}
#edit section article div.jodit_toolbar_popup input,
#edit section article div.jodit_toolbar_popup .jodit_form button {
	border: 2px solid rgba(0,0,0,0.2);
    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;

}
#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-source,
#edit section article div ul.jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-table,
#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-hr,
#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: rgba(0,0,0,0.2);
}
#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: rgba(0,0,0,0.1);
} 
#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: rgba(0,0,0,0)!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;
	cursor: pointer;
	opacity: 1;
}
#edit i.cs1.fa-star:hover {
	opacity: 0.8;
}
#edit i.cs1.fa-star:active {
	opacity: 0.6;
	padding: 16px 0 12px 0;
}
#edit i.cs0.fa-star {
	opacity: 0.1;
}
#edit i.cs0.fa-star:hover {
	opacity: 0.2;
}
#edit i.cs0.fa-star:active {
	opacity: 0.5;
	padding: 16px 0 12px 0;
}

#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.1s, padding 0.15s;
    cursor: pointer;
    font-size: 25px;
	z-index: 1;
}
#edit section article i.fa-angle-up:before {
}
#edit section article i.fa-angle-up:hover {
	opacity: 1;
}

#edit section article input {
	transition: box-shadow 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: rgba(0,0,0,0.5);
    /*width: 50%;*/
    text-align: right;
    padding: 23px 23px 18px 23px;
    margin: -22px -24px 0 0;
}

#edit section article i.fa-angle-up:active {
	padding: 25px 23px 16px 23px!important;
}

#edit section article:not(#ujmj):not(#mj) ul {
    background: rgba(0,0,0,0.1);
    padding: 20px;
    list-style: none;
    display: block;
    margin: 9px -20px -10px -20px!important;
    border-bottom: 2px solid rgba(0,0,0,0.2);
}

#edit section article:not(#ujmj):not(#mj) li {
    cursor: pointer;
    padding: 5px 20px 3px 20px;
    display: block;
    color: rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    transition: all 0.15s;
    position: relative;
    font-size: 15px;
}
#edit section article.ido:not(#ujmj):not(#mj) ul {
	box-shadow: 0 -10px 0 0 rgba(0,0,0,0.1);
    margin: -22px 0 15px 0!important;
    padding: 35px 20px 10px 20px;
}

#edit section article:not(#ujmj):not(#mj) li.minus,
#edit section article:not(#ujmj):not(#mj) li.selected {
	color: #fff;
    background: rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
#edit section article:not(#ujmj):not(#mj) li.minus:before {
    content: '\00D7';
    position: absolute;
    right: 9px;
    top: 5px;
    transition: opacity 0.15s;
    color: #fff;
	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: rgba(0,0,0,0.1);
}
#edit section article:not(#ujmj):not(#mj):not(#megjegyzes) li.minus:hover {
	color: #fff;
	background: rgba(0,0,0,0.5);
}

#edit section article:not(#ujmj):not(#mj):not(#modositasok) span {
    display: block;
    padding: 5px 10px 4px 10px;
    margin: 10px 0;	
	background: rgba(0,0,0,0);
	color: #000;
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.2);
	transition: all 0.15s;
	clear: left;
}
#edit section article:not(#ujmj):not(#mj):not(#modositasok) span:hover {
	box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.05);
}
/*
#edit section article:not(#ujmj):not(#mj):not(#modositasok) span:first-child {
	margin: 10px 0 0 0;
	color: #000;
	background: rgba(0,0,0,0);
}
*/
#edit section article:not(#ujmj):not(#mj):not(#modositasok) span:last-child {
	margin-bottom: 10px;

	color: #000;
}
#edit section article:not(#ujmj):not(#modositasok) span u {
	width: 25%;
	min-width: 95px;
    display: inline-block;
}
#edit section article:not(#ujmj) span.time u,
#edit section article:not(#ujmj) span.time b {
    width: 25%;
	min-width: 95px;
    display: inline-block;
}
#edit section article:not(#ujmj) span.time b {
	/*text-align: right;*/
	min-width: 80px;
}

#edit section article #ujmegjegyzes_2 {
	margin-right: 25px;
}
#edit section article #ujmegjegyzes {
	height: 91px;
}
#edit section article #megjegyzes {
	/*height: 446px;*/
    font-size: 15px;
    /*border-bottom: 10px solid #fff;*/
	line-height: 20px;
	position: relative;
    margin-top: 20px;
    overflow-x: hidden;	
	padding: 25px 15px 20px 15px;
}
#edit section article #megjegyzes.full {
    position: fixed;
    z-index: 1;
    top: 22px;
    right: 0;
    width: 70%;
    background: #fff;
    height: calc(100% - 115px);
    box-shadow: -3px 0 0 0 rgba(0,0,0,0.2), 0 40px 80px rgba(0,0,0,0.1);
}
#edit section article input,
#edit section article textarea {
    box-shadow: inset 0 -500px 0 0 rgba(0,0,0,0), inset 0 -1px 0 0 rgba(0,0,0,0.2);
	transition: all 0.15s;
}
#edit section article input:hover,
#edit section article textarea:hover {
	box-shadow: inset 0 -500px 0 0 rgba(0,0,0,0.03), inset 0 -1px 0 0 rgba(0,0,0,0.4);
	font-weight: bold;
	letter-spacing: -0.3px;
}
#edit section article input#csillag:hover {
	transition: box-shadow 0s;
	box-shadow: none;
}
#edit section article#pluszido,
#edit section article#listaido,
#edit section article#frissits {
    font-size: 35px;
	width: 40px;
	height: 40px;
    padding: 0;
    text-align: center;
    line-height: 39px;
    font-weight: 600;
    cursor: pointer;
    margin: 10px 10px -50px 0;
	transition: all 0.15s;
	display: inline-table;
	border-radius: 100%;
}
#edit section article#listaido,
#edit section article#frissits {
    font-size: 21px;
    width: 36px;
    top: -5px;
    margin-bottom: 0;
    text-align: right;
    padding: 0 2px 0;
	left: calc(100% - 82px);
	
}
#edit section article#frissits {
    height: 39px;
    padding-top: 1px;
    top: -4px;	
}
#edit section article#pluszido:hover,
#edit section article#listaido:hover,
#edit section article#frissits:hover {
	background: rgba(0,0,0,0.5);
    color: #fff;
}

#edit section article#pluszido:active,
#edit section article#listaido:active,
#edit section article#frissits:active {
	background: rgba(0,0,0,0.75);
}




#edit section article i[del] {
    position: absolute;
    font-size: 18px;
    width: 20px;
    height: 18px;
    text-align: center;
    padding: 7px 7px 7px 5px;
    right: -10px;
    top: -7px;
    cursor: pointer;
    opacity: 0.3;
    transition: opacity 0.15s;	
}
#edit section article i[del]:hover {
	opacity: 1;
}


#edit #mj_full {
    position: absolute;
    top: 0;
    right: 115px;
	border: none;
	transition: all 0.15s;
	display: none;
}

#edit #mj_small {
    position: absolute;
    right: 130px;
    top: 0;
    padding: 22px 20px 23px 20px;
    background: rgba(0,0,0,0.1);
    transition: all 0.15s;
}
#edit #mj_small:hover {
	background: #555;
	color: #fff;
}
#edit #mj_full i.fas,
#edit #mj_small i.fas {
	font-size: 30px;
    vertical-align: middle;
    margin-right: 0;
	transition: opacity 0.15s;
}
#edit #mj_full i.fas {
	opacity: 0.3;
}
#edit #mj_full:hover i.fas {
	opacity: 1;
}

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

}	



#edit section article#modositasok_label {
	border-top: 1px solid rgba(0,0,0,0.2);
}
#edit section article#modositasok_label label {
	position: relative;
    margin: 0 0 10px -20px;
}

#edit section article#modositasok div p:not(.___) {
    display: flex;
    height: auto;
    margin: 0;
}
#edit section article#modositasok div p:not(.___):nth-child(odd) {
	background: rgba(0,0,0,0.05);
}
#edit section article#modositasok em {
    font-size: 14px;
    font-style: normal;
    opacity: 0.5;
    margin: 0;
    display: block;
    border-top: 1px dashed rgba(0,0,0,0.3);
    padding: 8px 0;
}
#edit section article#modositasok em:first-child {
    border-top: none;
}

#edit section article#modositasok strong,
#edit section article#modositasok span {
	width: calc(100% / 3 - 20px);
	display: table;
	float: left;
	font-size: 15px;
	background: rgba(0,0,0,0);
	padding: 5px 10px 4px 10px;
	margin: 0;
}

#edit section article#modositasok strong {
	clear: both;
}
#edit section article#modositasok span.mire:before {
    content: '\2192';
    position: absolute;
    margin-left: -40px;
    font-size: 25px;
    line-height: 15px;
}
#edit section article#modositasok hr {
    clear: both;
    /* border-bottom: 1px solid rgba(0,0,0,0.2); */
    /* margin-bottom: 5px; */
    height: 0;
}




	
	
	
	
#uzenet {
    display: block;
    position: fixed;
    width: 120px;
    text-align: center;
    padding: 9px 7px 6px 3px;
    z-index: 5;
    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 rgba(0,0,0,0.2);
    padding-bottom: 3px;
    width: 100%;
	color: #206df0;
	font-size: 15px;
}
#listaidoPage #print {
	font-size: 40px;
    cursor: pointer;
    transition: all 0.15s;
    opacity: 0.5;
    position: absolute;
    right: 80px;
    top: 30px;
}
#listaidoPage #closeLista {
    position: absolute;
    top: 40px;
    right: 30px;
    font-size: 60px;
    font-style: normal;
    opacity: 0.5;
    transition: all 0.15s;
    cursor: pointer;
}
#listaidoPage #print:hover,
#listaidoPage #closeLista:hover {
	opacity: 1;
}
#listaidoPage #print:active {
	top: 32px;
}
#listaidoPage #closeLista:active {
	top: 42px;
}

#listaidoPage p {
	margin-bottom: 40px;
    font-size: 20px;
	padding-left: 20px;
}
#listaidoPage p.munkaszam {
	margin-bottom: 0;
}
#listaidoPage table {
	width: 100%;
}

#listaidoPage table td {
    width: calc(25% - 40px);
    padding: 15px 20px;
    border: none;
    border-bottom: 1px solid #ccc;
	font-size: 16px;
}
#listaidoPage table td:nth-child(2) {
    width: calc(25% - 42px);
    border: 1px solid #ccc;
	border-top: none;
}
#listaidoPage table td:nth-child(3) {
    width: calc(50% - 42px);
	padding: 15px 20px;
    border-bottom: 1px solid #ccc;
}
#listaidoPage table td:nth-child(3) li {
    list-style: none;
    padding: 3px 0;
}
#listaidoPage table tr.osszesen td {
    font-weight: 600;
	border-top: 3px solid #ccc;
    border-bottom: none;
}

/* MUNKABEOSZTAS */


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

/*
#munkabeosztas nav {
	padding: 5px 18px;
}
*/
#munkabeosztas nav #datum {
	border: none;
    background: #f7f7f7;
    font-size: 19px;
    cursor: pointer;
    padding: 7px 15px 6px 15px;
	width: 105px;
    float: left;
	transition: all 0.15s;
}
#munkabeosztas nav #datum:hover,
#munkabeosztas nav #datum:focus {
	background: #fff;
}

#munkabeosztas nav #beosztott {
	display: none;
}

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

#munkabeosztas section {
    padding: 15px 10px;
    /*height: 1237px;*/
	min-width: 320px;
}
#munkabeosztas.tervez section {
	width: 50%;
	max-width: 900px;
}
#munkabeosztas section#time {
	text-align: right;
    min-width: 60px;
    max-width: 60px;
    padding: 15px 0;
}
#munkabeosztas section h1 {
	background: #aaa;
}
#munkabeosztas section a {
    padding: 5px 10px 5px 64px;
    margin-bottom: 0;
    width: calc(100% - 74px);
    height: 7px;
    font-size: 16px;
    line-height: 1.2em;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    color: #fff;	
    cursor: pointer;
	transition: box-shadow 0.15s;
}
#munkabeosztas section a:not(.header) {
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
#munkabeosztas section a.zoom:not(.header) {
	box-shadow: 0 -3px 0 0 #fff, inset 0 -2px 0 0 rgba(0,0,0,0.1), inset 0 0 0 1000px rgba(0,0,0,0);
}
#munkabeosztas section a:hover,
#munkabeosztas section a.zoom:not(.header):hover {
	box-shadow: 0 -3px 0 0 #fff, inset 0 0 0 0 rgba(0,0,0,0.25), inset 0 0 0 1000px rgba(0,0,0,0.1);
}
#munkabeosztas section a.active {
	box-shadow: 0 -3px 0 0 #fff, inset 0 0 0 4px rgba(0,0,0,0.3);
}
#munkabeosztas section a.active:hover {
	box-shadow: 0 -3px 0 0 #fff, inset 0 0 0 4px rgba(0,0,0,0.3);
}

#munkabeosztas section a::-webkit-scrollbar {
    width: 0px;
    background: rgba(0,0,0,0);
}
#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;
	cursor: pointer;
	background: rgba(0,0,0,0);
	transition: all 0.15s;
}
#munkabeosztas section a.header:hover {
	background: #f7f7f7;
	box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
}
#munkabeosztas section a.header:active {
	background: rgba(0,0,0,0.1);
	padding: 7px 37px 3px 37px;
}
#munkabeosztas section#time a.header {
    /*background: #fff;*/
    box-shadow: none;
    padding: 5px;
}

#munkabeosztas section#time a {
    overflow: initial;
    line-height: 9px;
    font-size: 11px;
    box-shadow: none;
    background: rgba(0,0,0,0);
    padding: 0 13px 0 0;
    width: calc(100% - 13px);
    color: #000;
    cursor: default;
}

#munkabeosztas section#time a.minute_00 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.15));
	font-weight: 600;
}
#munkabeosztas section#time a.minute_15,
#munkabeosztas section#time a.minute_30,
#munkabeosztas section#time a.minute_45 {
	background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.05));
}
#munkabeosztas section#time a.minute_30 {
	font-weight: 600;
}

/*
#munkabeosztas section a {
	margin-bottom: -1px;
	border-bottom: 1px solid #fff;
}
*/
#munkabeosztas section a strong {
	font-size: 1em;
	position: absolute;
	left: 5px;
	top: 3px;
}
#munkabeosztas section a i.info {
	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.info:before {
	font-size: 16px;
    content: "i";
    position: absolute;
    right: -6px;
    top: -1px;
    opacity: 1;
    font-weight: 600;
    background: #fff;
    padding: 2px 6px;
    border-radius: 0 0 0 11px;
    color: #000;
    font-family: monospace;
}
#munkabeosztas section a:hover i.info {
	position: absolute;
    z-index: 1;
    color: #000;
    background: #fff;
    padding: 3px 7px;
    width: calc(100% - 70px);
    box-shadow: 10px 0 0 0 #fff, 0 0 0 5px rgba(0,0,0,0.25);
    opacity: 0.9;
    top: -6px;
    transition: all 0.15s;
    right: 0;
}
#munkabeosztas section a[min="5"]:hover i.info {
	font-size: 10px;
	line-height: 10px;
	margin-top: -2px;
}
#munkabeosztas section a[min="10"]:hover i.info {
	font-size: 12px;
	padding: 0 7px;
}
#munkabeosztas section a[min="15"]:hover i.info {
	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:not(.tervez) section a[job="0"],
#munkabeosztas:not(.tervez) section a[job="0"]:hover {
	background: rgba(0,0,0,0);
    /*border-bottom: 1px solid rgba(0,0,0,0);*/
	cursor: default;
	box-shadow: none;
}
#munkabeosztas section a[job="0"] .info {
	display: none;
}
#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 a {
	background: rgba(0,0,0,0.1);
	color: #000;
}




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

#munkabeosztas.tervez section ul#sortable {
	padding: 0;
	margin: 0;
	list-style: none;
	/*background: rgba(0,0,0,0.3);*/
}
#munkabeosztas.tervez section ul#sortable li a {
	cursor: grab;
	position: realtive;
	transition: none!important;
}
#munkabeosztas.tervez section ul#sortable li a:not([job="0"]):active {
	cursor: grabbing;
	box-shadow: 0 0 0 0 rgba(0,0,0,0), inset 0 0 0 3px rgba(0,0,0,0.25), inset 0 0 0 0 rgba(0,0,0,0);
	/*z-index: 1;*/
	
}
#munkabeosztas.tervez section ul#sortable li a textarea {
    background: rgba(0,0,0,0);
    border: none;
    width: calc(40% - 30px);
    font-size: 15px;
    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 {
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.1);
	border-left: 2px solid rgba(255,255,255,0.75);
}

#munkabeosztas.tervez section ul#sortable li a textarea::placeholder {
	opacity: 0.5;
}

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

#munkabeosztas.tervez section ul#sortable li a[job="0"] {
    cursor: pointer;
    background: rgba(0,0,0,0);
	/*background: #fff;*/
	transition: all 0.15s;
}
#munkabeosztas.tervez section ul#sortable li a[job="0"]:hover {
	background: rgba(0,0,0,0.2);
}
#munkabeosztas.tervez section ul#sortable li a[job="0"]:active {
	opacity: 0;
}
#munkabeosztas.tervez section ul#sortable li a[job="0"] textarea, 
#munkabeosztas.tervez section ul#sortable li a[job="0"] textarea:focus {
	cursor: pointer;
	overflow: hidden;
	color: rgba(0,0,0,0);
	border:none;
	width: 0;
	box-shadow: none;
	padding: 0;
}

#munkabeosztas.tervez section ul#sortable li#newJobHolder a {
	background: rgba(0,0,0,0.4);
	transition: none;
}


#munkabeosztas.tervez section a {
	padding: 5px 40% 5px 60px;
	width: calc(60% - 60px)
}
#munkabeosztas.tervez section a.header {
	width: calc(100% - 4px);
    padding: 5px 0;
	transition: all 0.15s;
}
#munkabeosztas.tervez section a.header:active {
    padding: 7px 0 3px 0;
}

#munkabeosztas.tervez section ul#sortable li a[min="5"] { 
	padding: 0 40% 0 60px;
    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 60px;
	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 60px;
	height: 17px;
	font-size: 15px;
}
#munkabeosztas.tervez section ul#sortable li a[min="15"] textarea { 
	padding-top: 3px;
}

#munkabeosztas section a[min="5"]:not([job="0"]) i.fa-star {
	bottom: 0px;
    font-size: 8px;
    right: 12px;
}
#munkabeosztas section a[min="10"]:not([job="0"]) i.fa-star {
    bottom: 1px;
    font-size: 13px;
}
#munkabeosztas section a[min="15"]:not([job="0"]) i.fa-star {
	bottom: 3px;
    font-size: 18px;
}
#munkabeosztas section a[min="20"]:not([job="0"]) i.fa-star {
	bottom: 5px;
    font-size: 20px;
}
#munkabeosztas section a[min="25"]:not([job="0"]) i.fa-star {
	bottom: 6px;
    font-size: 26px;
}
#munkabeosztas section a[min="30"]:not([job="0"]) i.fa-star {
	bottom: 9px;
}
#munkabeosztas section a[min="35"]:not([job="0"]) i.fa-star {
	bottom: 13px;
}

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








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

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

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

#zoom i:not(.fa-star):not(.fa-cog):not(.fa-bars):not(.fa-eraser) {
	display: block;
    border-top: 1px dashed rgba(0,0,0,0.1)!important;
    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;
	clear: left;
}

#zoom a {
	padding: 7px 15px 5px 15px;
    display: block;
    margin: 15px auto 0 auto;
    cursor: pointer;
    width: calc(100% - 30px);
	color: #fff;
	background: rgba(0,0,0,0.2);
	text-decoration: none;
	
    transition: box-shadow 0.15s, margin 0.05s;
}
#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:active {
	margin: 17px auto -2px auto;
}

#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 !important;
    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.3);
    border: none;
    color: #fff;
    display: table;
    padding: 5px 0;
    transition: box-shdow 0.15s, transform 0.05s;
    float: left;
	margin: 0 10px 20px 0;
}
.tervez #zoom button:hover {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.4);
}
.tervez #zoom button:active {
	transform: scale(0.95);
}


#zoom a,
#zoom button{
	background: rgba(0,0,0,0.1);
	color: #000;
	transition: box-shadow 0.15s, margin 0.05s;
}
#zoom a:active,
#zoom button:active {

}

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

#addjobBefore,
#addjobAfter {
	position: absolute;
    background: #444;
    color: #fff;
    left: 61px;
    padding: 7px 15px 5px 15px;
    font-size: 20px;
    margin-top: 18px;
    border: 2px solid #fff;
	border-left: 0;
    cursor: pointer;
    transition: background 0.15s;
    border-radius: 0 30px 30px 0;
    text-align: center;
    font-weight: 600;
}
#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;
}

#jobBack {
	width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
}

#jobList,
#timeList {
	position: fixed;
    background: #fff;
    right: -5px;
    width: 75%;
    height: calc(100% - 43px);
    top: 43px;
    box-shadow: 0 0 0 2px #333, 0 0 0 10px rgba(0,0,0,0.1), 0 0 0 2000px rgba(0,0,0,0.3);
	overflow-y: scroll;
	z-index: 1;
}
#timeList {
	box-shadow: 0 0 0 2px #333, 0 0 0 10px rgba(0,0,0,0.1), 0 0 0 300px rgba(0,0,0,0.1);
	width: calc(75% - 300px);
	z-index: 2;
}
#jobList ul, 
#timeList ul {
	list-style: none;
	margin: 0;
	padding: 118px 0 20px 0;
}
#jobList ul li,
#timeList ul li {
	padding: 10px 20px 8px 20px;
	border-top: 2px solid rgba(0,0,0,0.1);
	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: 105px;
    z-index: 2;
    padding: 15px 20px;
    font-weight: 600;
    color: #999;
    background: #fff;
    width: calc(75% - 44px);
    border-bottom: 2px solid #ccc;
}
#closeList {
	position: fixed;
    cursor: pointer;
    font-size: 40px;
    background: #e21b1b;
    top: 43px;
    padding: 15px;
    color: #fff;
    right: 0;
    z-index: 2;
    font-style: normal;
	opacity: 0.5;
    transition: opacity 0.1s, background 0.15s;
}
#closeList:hover {
    opacity: 1;
}
#closeList:active {
    background: #ad0101;
}
#searchList {
    position: fixed;
    z-index: 2;
    right: 0;
    width: calc(75% - 45px);
    padding: 20px 20px 19px 20px;
    font-size: 18px;
    border: none;
    top: 37px;	
	
}

/* DATEPICKER */

#ui-datepicker-div {
    background: #fff;
	color: #000;
    padding: 10px;
    border: 2px solid #fff;
    position: absolute;
    top: -60px;
	transition: none;
	width: calc(25% - 48px);
	min-width: 300px;
	box-shadow: 0 0 0 2px #333, 4px 4px 0 2px rgba(0,0,0,0.25);
	margin-top: 2px;
}

#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: #f7f7f7;
	border: none;
    padding: 5px 5px 4px 5px;
    width: 25px;
    height: 20px;
    margin: 1px 3px;
    display: table;
    text-align: center;
	text-decoration: none;
	color: #000;
	transition: 0.15s;
}

#ui-datepicker-div a:hover {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,0.2);
}
#ui-datepicker-div a.ui-state-active {
	background: #000;
	color: #fff;
}
#ui-datepicker-div a.ui-state-highlight {
    box-shadow: inset 0 0 0 2px #000;
    font-weight: 500;
    font-size: 19px;
    margin-right: -2px;
    line-height: 19px;
	transition: 0.15s;
}
.ui-state-highlight:hover {
	box-shadow: inset 0 0 0 2px #fff;
}

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

.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 rgba(0,0,0,0.1);
}

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


/*   LOGIN   */

#ezadolgom {
	width: 320px;
    margin: 20px auto;
    display: block;
    max-width: 80%;
}

body#login {
	margin: 0;
}

body#login,
body#login main {
	background: rgba(0,0,0,0.1);
    min-height: unset;
}
body#login main {
    background: rgba(0,0,0,0.1);
    padding: 15px 0 40px;
    position: relative;
}
body#login form label {
	margin: 20px auto 5px auto;
	width: 300px;
	display: block;
	text-align: center;
	font-size: 16px;
	opacity: 0.5;
}

body#login form input {
	display: block;
	width: 300px;
	margin: 0 auto 5px auto;
	padding: 10px 0;
	border: 3px solid rgba(0,0,0,0.2);
	font-size: 20px;
	text-align: center;	
	background: #fff;
	transition: all 0.15s;
}
body#login form input:hover {
	border: 3px solid #bbb;
}

body#login form input:focus,
body#login form input:focus:hover {
	border: 3px solid #999;
}

body#login form input[type=button],
body#login form input[type=button]:focus {
	margin-top: 30px;
	width: 300px;
	background: #555;
	border: 3px solid #444;
	cursor: pointer;
	color: #fff;
}
body#login form input[type=button].small {
	font-size: 15px;
	padding: 5px 0;
	opacity: 0.7;
}
body#login form input[type=button]:hover {
	background: #555;
	border: 3px solid #000;
}
body#login form input[type=button]:active {
	background: #000;
}
body#login form i {
	display: block;
    width: 30px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    margin-top: -38px;
    margin-bottom: 43px;
    margin-left: calc(50% + 108px);
    margin-right: auto;
}
body#login form i#show_newpass {
	margin-bottom: 33px;
}

@keyframes villog {
	0% {background: #ba000d;}
	50% {background: #f44336;}
	100% {background: #ba000d;}
}

body#login form input.alert {
	background: #ba000d;
	border: 3px solid #9a0007;
	animation-name: villog;
	animation-duration: 1s;
	animation-iteration-count: infinite;	
}
body#login form input.alert::placeholder {
	color: #fff;
}

body#login article {
    background: #fff;
    padding: 40px;
    width: 900px;
	max-width: calc(100% - 80px);
    margin: 0 auto;	
	box-shadow: -900px 0 0 0 #fff, 900px 0 0 0 #fff;
}
body#login article h1 {
	font-size: 200px;
    line-height: 1em;
    border-bottom: 10px solid;
    font-weight: 600;
    color: #81f0e4;
    padding: 0 0 20px 0;
    margin: 50px 0;
    text-align: center;
}

body#login article h2 {
	text-transform: uppercase;
	margin: 70px 0 30px 0;
}





#elofizetes {
	position: fixed;
    z-index: 999;
    text-align: center;
    background: #cc0000;
    padding: 8px 20px;
    color: #fff;
    font-weight: bold;
    top: 0;
    right: 550px;	
}