/* ===== Global elemek ===== */
body {
	background-color: black;
	background-image: url('/images/textura.png');
	background-repeat: repeat;
	background-attachment: fixed;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}
#pm_hatter {
	max-width: 1200px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding-top: 0 !important;
}
@media all and (max-width:550px) {
	#pm_hatter {
		padding: 10px !important;
		padding-top: 0 !important;
	}
}

/* ===== Belépési felület ===== */
#belepes_panel {
	position: relative;
	width: 430px;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px;
	padding-bottom: 70px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#logo {
	width: 275px;
	max-width: 95%;
	margin: 0 auto;
	margin-bottom: 20px;
}
#logo img {
	display: block;
	width: 100%;
	height: auto;
}
#belepes_panel label{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	width: 25%;
	float: left;
	line-height: 31px;
}

#belepes_panel input[type="email"]:focus {
  -webkit-appearance:none;
  background-color:lighten(tomato, 5%);
  outline:none;
  transition:background-color 1s;
  transition:border 1s;
}

#belepes_panel input[type="email"],
#belepes_panel input[type="password"]{
	display: block;

			float: right;
    	width: 87%;
	    height: 31px;
	    /* border-radius: 8px; */
	    /* -webkit-border-radius: 8px; */
	    outline: 0;
	    padding: 2px 10px;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    /* border: 1px solid rgba(0,0,0,0.2); */
	    background: none!important;
	    border: none;
	    border-bottom: 1px solid grey;
			color: white;
}
#belepes_panel input[type="password"]:after {
	clear: both;
}
#belepes_panel input[type="submit"],
#belepes_panel a{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	margin: 15px auto;
	float: right;
	padding: 10px 20px;
/*	border-radius: 10px;
	-webkit-border-radius: 10px;  */
	/* background-color: #ffcf0d;  */
	border: 1px solid #ffcf0d;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	max-width: 45%;
	text-align: center;
	background: none;
	color: #ffcf0d;

}
#belepes_panel input[type="submit"] {
	float: right;
	-webkit-appearance: none;
}
#belepes_panel a {
	float: left;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
}
#belepes_panel input[type="submit"]:hover{
	color: black;
	background-color: #ffcf0d;
}
@media all and (max-width:400px) {
	#belepes_panel {
		padding: 12px;
		padding-bottom: 70px;
	}
	#belepes_panel label {
		float: none;
		width: 100%;
		text-align: left;
	}
	#belepes_panel input[type="email"],
	#belepes_panel input[type="password"] {
		width: 83%;
	}
	#belepes_panel h1 {
		text-align: center;
	}
	#belepes_panel input[type="submit"],
	#belepes_panel a {
		width: 50%;
		padding: 10px 5px;
	}
}


/* ===== Fejléc= Logo + UserImg + Menü ===== */
#fejlec {
	margin-top: 10px;
	height: 144px;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
#artlogo {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 23%;
	max-width: 275px;
	z-index: 1;
}
#artlogo img {
	display: block;
	width: 80%;
	height: auto;
    margin: 20px auto 0;
}
@media (min-width: 1200px) {
	#artlogo {
		width: auto;
	}
	#artlogo img {
		width: auto;
		height: 76px;
	}
    #artlogo img.logo_megaplex {
        width: 220px;
        height: auto;
        margin-top: 31px;
    }
}
#user {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	z-index: 1;
}
#user > div {
	display: block;
	    border-radius: 50%!important;
	    border: 2px solid #867142;;
	    padding: 4px;
	    background-color: #443920;
	    /* -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
	    /* box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
	    /* border-radius: 0 0 8px 8px; */
	    /* -webkit-border-radius: 0 0 8px 8px; */
			margin-top: 27px;
	    z-index: 2;
	    /* height: 80%; */
	    height: 69px;
	    width: 69px;
}

.user_pic{
	display: none;
}
@media all and (max-width:1200px) {
	#fejlec {
		height: auto;
	}
	#artlogo {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		max-width: 275px;
		margin: 0 auto;
	}
	#user {
		display: none;
	}

	.pm_menu {
		padding-top:20px !important;
	}
}


/* ===== Menü ===== */
.pm_menu {
	position: relative;
	padding-top: 40px;
}
#menu {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	list-style: none;
	border: 0;
	position: relative;
	background-color: #494235;
	border-radius: 40px;
}
#menu > li {
	position:relative;
	display: inline-block;
	/* width: 119px; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	/* float: left; */
	text-align: center;
/*	border: 1px solid #fff;  */
	border-right: 0;
	width: 50%;
}
#menu li a {
	color: white;
	text-decoration: none;
	display: block;
}
#menu li span {
	display: block;
}
#menu li a,
#menu li span {
	padding: 25px 8px;
	font-size: 16px;
	height: 65px;
	box-sizing: border-box;
	text-align: center;
}
.munkaido_sub_user a{
	font-size: 15px!important;
	height: 38px!important;
	padding: 0px 15px!important;
	line-height: 38px;
	background: linear-gradient(to bottom, rgba(73, 66, 53, 0.05) 0%,rgba(73, 66, 53, 1) 100%);
}
/* .munkaido_sub_user a:first-child{
	padding: 20px 8px!important;
}  */

#menu li a:last-child:after{
	content: " ";
}
#menu li.aktiv, #menu li:hover {
	color: rgb(255,206,8);
	/* background: rgb(255,206,8); /* Old browsers
	background: -moz-linear-gradient(top,  rgba(255,206,8,1) 1%, rgba(223,181,11,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,206,8,1)), color-stop(100%,rgba(223,181,11,1)));
	background: -webkit-linear-gradient(top,  rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);  */
}
#menu li a:hover {
	color: rgb(255,206,8);
}
@media (min-width: 768px) {
	#menu {
		display: table;
		width: 100%;
		padding: 0 30px;
	}
	#menu li {
		width: auto;
		display: table-cell;
	}
}
@media (min-width: 1200px) {
	#menu {
		margin-left: 10px;
		width: calc(100% - 10px);
		padding: 0 80px 0 200px;
	}
}

@media all and (max-width:850px) {
}
@media all and (max-width:550px) {

		#menu{
			padding-left:0px;
		}

		#menu::before {
			position: inherit!important;
		}

		#menu::after {
			position: inherit!important;
		}


	/*#menu li:first-child {
		border-radius: 8px 0 0 0;
		-webkit-border-radius: 8px 0 0 0;
	}
	#menu li:nth-child(2) {
		border-radius: 0 8px 0 0;
		-webkit-border-radius: 0 8px 0 0 0;
	}
	#menu li:nth-child(3) {
		border-radius: 0 0 0 8px;
		-webkit-border-radius: 0 0 0 8px;
		border-top: 0;
	}
	#menu li:nth-child(4) {
		border-radius: 0 0 8px 0;
		-webkit-border-radius: 0 0 8px 0;
		border-top: 0;
	}
	.admin #menu li:nth-child(3) {
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	.admin #menu li:nth-child(4) {
		border-radius: 0;
		-webkit-border-radius: 0;
		border-top: 0;
	}
	#menu li:nth-child(5) {
		width: 100%;
		border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
	}  */
}


/*===== Tartalom ===== */
#tartalom {
	clear: both;
	position: relative;
	width: 100%;
}


/* ===== Aktivitás ===== */
#active_task {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 20px;
	/* background-color: #fff; */
	border-radius: 10px;
	/* -webkit-border-radius: 10px; */
	/* -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
	/* box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
	margin: 0 auto;
	margin-bottom: 40px;
	text-align: center;
	color: white;
}
#active_task h3 {
	font-size: 22px;
	color: white;
}

#active_task h5 {
	color: white;
}

#active_task #active_task_name {
	display: block;
  background: none;
  resize: none;
  border: none;
  width: 90%;
  color: white;
  overflow: auto;
  margin: 15px auto;
  padding: 2px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: auto;
  /* border-radius: 8px; */
  /* -webkit-border-radius: 8px; */
  outline: 0;
  border: 1px solid #a9a9a9;
  text-align: center;
}
#active_task span#counter {
	font-weight: bold;
	font-size: 22px;
	color: white;
}
#active_task input#befejez {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 51px;
	height: 51px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color: #ee2626;
	display: block;
	margin: 15px auto;
	margin-bottom: 0;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url('../../images/folyt_icon.png');
	background-position: center center;
	background-size: 35px 35px;
	background-repeat: no-repeat;
}
#all_task {
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 20px;
	background-color:#373632;
	padding-top: 0px;
	/*border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);   */
}
#all_task .thead::after{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0px;
	left: -30px;
	background-color: orange;

}

#all_task h3, .all_activity {
	font-size: 22px;
}
#all_task thead {
	background-color: #E0A726;
}
#all_task .all_tasks_folytat,
#all_task .all_tasks_szerk {
	vertical-align: middle;
	text-align: center;
}
#all_task .contico,
#all_task .editico {
	margin: 0 auto;
	width: 38px;
	height: 38px;
	/*margin: 0 auto;
	width: 35px;
	height: 35px;
	border-radius: 17.5px;
	-webkit-border-radius: 17.5px;
	background-color: #b3b3b3;  */
}
#all_task .editico a {
	display: block;
	height: 40px;
	background: url(../../images/szerk_icon.png) no-repeat center center transparent;
	background-size: 24px;
	padding: 0px 20px;
}
#all_task .contico:hover {
	background-color: #20ac00;
  border-radius: 50%;
  width: 42px;
}
#all_task .editico:hover {
	background-color: #ffcf0d;
	    border-radius: 50% 50%;
}
#all_task .contico img,
#all_task .editico img {
	transform: translate(0,1px);
	width: 31px;
	height: 31px;
	border: 0;
	padding: 3px;
	margin: 0px 3px;
}
#all_task tr.napi_osszesito , #all_activity tr.napi_osszesito {
	border-bottom:1px solid #000;
	background-color:#d2d2d2!important;
	color:#000;
	font-size: 22px;
}
#all_task tr.napi_osszesito td, #all_activity tr.napi_osszesito td {
	padding-left: 30px;
	background-color: #858583;
}
#all_task tr.separator {
	background-color: #373632 !important;
}
#all_task tr.separator td {
	padding: 10px;
}
#all_task table.all_tasks {
	width: 100%;
}
@media all and (max-width:850px) {
	#active_task {
		width: 100%;
	}
	#all_task .all_tasks_kezdes,
	#all_task .all_tasks_vege,
	#all_task .all_tasks_bef_ido {
		display: none;
	}
	#all_task .all_tasks_ügyfél,
	#all_task .all_tasks_projektnév,
	#all_task .all_tasks_taszknév,
	#all_task .all_tasks_Feladat{
		width: 20%;
	}

}
@media all and (max-width:650px) {
	#all_task .all_tasks_Feladat {
		display: none;
	}
}
@media all and (max-width:550px) {
	#active_task,
	#all_task {
		padding: 10px ;
	}
}
@media all and (max-width:500px) {
	#all_task .all_tasks_ügyfél {
		display: none;
	}
	#all_task .all_tasks_projektnév,
	#all_task .all_tasks_taszknév {
		padding: 2px;
	}
}
@media all and (max-width:400px) {
	#all_task .all_tasks_taszknév {
		display: none;
	}
}

/* ===== Feladatok ===== */
#taszk_offer {
	clear: both;
	position: relative;
}
#taszk_ajanlo,
#taszk_ajanlo_elkuld {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	margin: 15px auto;
	padding: 10px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #ffcf0d;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-align: center;
}
#taszk_ajanlo_elkuld {
	margin-bottom: 0;
}
.leiras_gomb {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline;
	margin: auto;
	padding: 5px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #ffcf0d;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-align: center;
}
#taszk_ajanlo:hover,
.leiras_gomb:hover,
#taszk_ajanlo_elkuld:hover {
	color: #fff;
	background-color: #000;
}
#taszk_ajanlo_panel {
	width: 50%;
	min-width: 500px;
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 20px;
	background: none!important;
	/* border-radius: 10px; */
	/* -webkit-border-radius: 10px; */
	margin: 15px auto !important;
	/* -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
	/* box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
}
#taszk_ajanlo_form {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
}
#taszk_ajanlo_panel table {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
}
#taszk_ajanlo_panel table td {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	vertical-align: top;
}
#taszk_ajanlo_panel table td:first-child {
	width: 100px;
}
#taszk_ajanlo_panel table td select,
#taszk_ajanlo_panel table td input,
#taszk_ajanlo_panel table td textarea{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	border: 1px solid rgba(0,0,0,0.2);
	outline: 0;

}
#taszk_ajanlo_panel table td input,
#taszk_ajanlo_panel table td textarea {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 8px;
}
#taszk_ajanlo_panel table td textarea {
	resize: none;
}
#my_tasks_panel,
#pay_tasks_panel,
#learning_tasks_panel,
#done_tasks_panel {
	clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 20px;
	padding-top: 0px;
  background-color: #373632;
  margin: 15px auto;
	margin-top: 0px;

}
#my_tasks_panel thead,
#pay_tasks_panel thead,
#learning_tasks_panel thead,
#done_tasks_panel thead {
	background-color: #E0A726;
}

#my_tasks_panel td.my_tasks_work_on_it,
#learning_tasks_panel td.my_tasks_work_on_it,
#pay_tasks_panel td.my_tasks_work_on_it,
#done_tasks_panel td.my_tasks_work_on_it {
	vertical-align: middle;
	text-align: center;
}
#my_tasks_panel .contico,
#learning_tasks_panel .contico,
#pay_tasks_panel .contico,
#done_tasks_panel .contico {
	margin: 0 auto;
	width: 38px;
	height: 38px;
}
#my_tasks_panel .contico:hover,
#learning_tasks_panel .contico:hover,
#pay_tasks_panel .contico:hover,
#done_tasks_panel .contico:hover {
	background-color: #20ac00;
	border-radius: 50%;
	width: 38px;
	height: 38px;
}
#my_tasks_panel .contico img,
#learning_tasks_panel .contico img,
#pay_tasks_panel .contico img,
#done_tasks_panel .contico img {
	width: 31px;
	height: 31px;
	border: 0;
	padding: 0;
	margin: 2px;
}
#my_tasks_panel .endico,
#learning_tasks_panel .endico,
#pay_tasks_panel .endico,
#done_tasks_panel .endico {
	margin: 0 auto;
	width: 39px;
	height: 39px;
	border-radius: 17.5px;
	-webkit-border-radius: 18px;
	background-color: #ee2626;
	cursor: pointer;
}
#my_tasks_panel .endico #befejez,
#learning_tasks_panel .endico #befejez,
#pay_tasks_panel .endico #befejez,
#done_tasks_panel .endico #befejez {
	background-color: transparent;
	width: 31px;
	height: 31px;
	border: 0;
	padding: 0;
	margin: 2px;
	text-indent: -9999px;
	background-image: url('../../images/folyt_icon.png');
	cursor: pointer;
	background-size: cover;
}
#my_tasks_panel table.my_tasks,
#pay_tasks_panel table.my_tasks,
#learning_tasks_panel table.my_tasks,
#done_tasks_panel table.my_tasks {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
@media all and (max-width:850px) {
	#my_tasks_panel .my_tasks_kezdes_date,
	#my_tasks_panel .my_tasks_vege_date,
	#my_tasks_panel .my_tasks_befektetett_ido {
		display: none;
	}
	#pay_tasks_panel .my_tasks_kezdes_date,
	#pay_tasks_panel .my_tasks_vege_date,
	#pay_tasks_panel .my_tasks_befektetett_ido {
		display: none;
	}

	#done_tasks_panel .my_tasks_kezdes_date,
	#done_tasks_panel .my_tasks_vege_date,
	#done_tasks_panel .my_tasks_tipus,
	#done_tasks_panel .my_tasks_befektetett_ido {
		display: none;
	}

	#learning_tasks_panel .my_tasks_kezdes_date,
	#learning_tasks_panel .my_tasks_vege_date,
	#learning_tasks_panel .my_tasks_befektetett_ido {
		display: none;
	}
}

@media all and (max-width:650px) {
	#pay_tasks_panel .leiras_gomb,
	#done_tasks_panel .leiras_gomb,
	#my_tasks_panel .leiras_gomb,
	#my_tasks_panel .my_tasks_allapot,
	#my_tasks_panel .my_tasks_idoigeny,
	#done_tasks_panel .my_tasks_idoigeny {
		display: none;
	}
	#taszk_ajanlo_panel {
		width: 100%;
		min-width: 100%;
	}
}

@media all and (max-width:380px) {
	#my_tasks_panel .my_tasks_tipus,
	#learning_tasks_panel .my_tasks_tipus,
	#learning_tasks_panel .my_tasks_projektnév,
	#my_tasks_panel .my_tasks_taszknév,
	#pay_tasks_panel .my_tasks_tipus,
	#pay_tasks_panel .my_tasks_taszknév,
	#done_tasks_panel .my_tasks_tipus,
	#done_tasks_panel .my_tasks_taszknév{
		display: none;
	}
	#my_tasks_panel,
	#pay_tasks_panel,
	#done_tasks_panel {
		padding: 10px;
	}
	#taszk_ajanlo_table tr td:first-child {
		width: 60px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}


/*===== Projektek ===== */
#projects_panel {
	clear: both;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 20px;
	background-color: #373632;
	/* border-radius: 10px; */
	/* -webkit-border-radius: 10px; */
	margin: 15px auto;
	padding-top: 0px;
	padding-bottom: 30px;
	/* -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
	/* box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); */
}
#projects_panel thead {
	background-color: #858583;
}
#projects_panel table.my_projects {
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 20px;
}

.projekt-form {
	padding: 0;
}
.projekt-tab-list {
	background: white;
	border: none;
	border-bottom: 1px solid #aaa;
}

@media all and (max-width:850px) {
	#projects_panel table.my_projects .my_projects_kezdes_date,
	#projects_panel table.my_projects .my_projects_hatarido_date,
	#projects_panel table.my_projects .my_projects_dokumentumok {
		display: none;
	}
}
@media all and (max-width:650px) {
	#projects_panel table.my_projects .my_projects_hatekonysag {
		display: none;
	}
}
@media all and (max-width:480px) {
	#projects_panel table.my_projects .my_projects_megjegyzes {
		display: none;
	}
}
@media all and (max-width:380px) {
	#projects_panel {
		padding: 10px;
	}
	#projects_panel table.my_projects .my_projects_ügyfél {
		display: none;
	}
}

/*===== Aktivitás szerkesztése ===== */
#act_szerk {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 60%;
	padding: 20px;
	background: none;
	/* border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.1);  */
	margin: 0 auto;
	margin-bottom: 40px;
}
#act_szerk label,
#act_szerk input {
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#act_szerk label {
	clear: both;
	float: left;
	width: 20%;
	margin: 10px 2% 10px 0;
	line-height: 31px;
	color: white;
}
#act_szerk input {
	background: none;
  float: left;
  width: 78%;
  overflow: auto;
  margin: 10px 0;
  height: 31px;
  padding: 2px 10px;
  height: auto;
  /* border-radius: 8px; */
  /* -webkit-border-radius: 8px; */
  outline: 0;
  border: 1px solid white;
  color: white;
}
#act_szerk .warning {
	color: #ee2626;
	text-align: right;
	clear: both;
}
#act_szerk input[type="submit"] {
	float: none;
	width: 100px;
	margin: 10px auto;
	margin-bottom: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	padding: 10px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #ffcf0d;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-align: center;
}
#act_szerk input[type="submit"]:hover {
	color: #fff;
	background-color: #000;
}


@media all and (max-width:850px) {
	#act_szerk{
		width: 100%;
	}
	#act_szerk label,
	#act_szerk input {
		float: none;
		width: 100%;
		line-height: 1em;
	}
}

/* ===== End taszk  =====*/

form#end_taszk_form label,
form#end_taszk_form input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
}
.ui-dialog {
	padding: 0;
}
.formLine {
	position: relative;
}
.formLine:after {
	display: block;
	clear: both;
	content: "";
}
.noborder {
	border: 0 !important;
}
label.error {
	color: red;
}
input.error{
	border: 1px solid red;
	outline: none;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(204,33,33,1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(204,33,33,1);
	box-shadow: 0px 0px 5px 1px rgba(204,33,33,1);
}
form#end_taszk_form .formLine {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 0 5px 130px;
	min-height: 29px;
}
form#end_taszk_form .formLine label {
	position: absolute;
	width: auto;
	top: 5px;
	left: 0;
	line-height: 29px;
	font-weight: bold;
}
form#end_taszk_form .formLine label + input {
	padding: 5px 15px;
}
/* ===== Global elemek ===== */
h1 {
    font-size: 18px;
    color: #1997CF;
}
h2 {
    font-size: 16px;
    color: #1997CF;
}
img {
    border: none;
}
a {
    color: #1997CF;
}
input[type="number"]{
	min-width: 3em !important;
	padding-right: 0 !important;
}

.images_frame {
	float:left;
	margin-right:10px;
	text-align:center;
}

.images_frame img {
	width:100px;
	height:100px;
}


.group_frame {
	position:relative;
}

.group_caption {
	position:absolute;
	top:20px;
	left:80px;
	z-index:2000;
	border:1px solid #000;
	border-radius:10px;
	padding:10px;
	background-color:#fff;
}

.newGroup {
	background-color:#fff;
	border:1px solid #000;
	position:absolute;
	top:500px;
	left:300px;
	z-index:200;
	width:350px;
}

.newGroup form {
	padding:10px;
}

.group_name label {
	font-weight:bold;
	margin-right:15px;
}

.group_name input {
	padding:5px;
	width:215px;
}

.group_comment {
	margin: 10px 0 10px 0;
}

.group_comment label {
	font-weight:bold;
}

.group_comment textarea {
	clear:both;
	width:305px;
	height:100px;
	margin-top:5px;
	padding:10px !important;
}

.title {
	border-bottom:1px solid #000;
	font-weight:bold;
}

.munkaido_sub {
	position:absolute;
	top:102px;
	left:605px;
	z-index:9999999;
	background-color:#DCDCDC;
	width:165px;
	height:290px;
	display:none;
}


.munkaido_sub_user {
	position:absolute;
	top:65px;
	left:0px;
	right: 0;
	z-index:5;
	background-color:#DCDCDC;
	display:none;
}

@media (min-width: 768px) {
	.munkaido_sub_user {
		right: auto;
	}
}


.munkarend:hover  + .munkaido_sub, .munkaido_sub:hover, .munkarend:hover  + .munkaido_sub_user, .munkaido_sub_user:hover {
	display:block;
}

.munkaido_sub li {
	padding:0 15px 0 15px;
}

#menu .munkaido_sub_user li {
	display: block;
	border:0;
	border-radius:0 !important;
	text-align:left !important;
	background-color: rgba(73, 66, 53, 0.97)!important;
}


.munkaido_sub a {
	font-weight:normal !important;
	background:none !important;
	border-bottom:1px solid #fff;
	padding:10px 0 10px 0 !important;
	width:135px;
}

.munkaido_sub li:last-child a {
	border-bottom:0;
}

.munkaido_sub a:hover {
	color:#000 !important;
}

.munkarend span {
	margin-left:10px;
}

.red_box, .green_box {
	float:right;
	padding:0px 5px;
	color:#fff;
	border-radius:10px;
}

.red_box {
	background-color:#ed1c24;
}

.green_box {
	background-color:#22aa3b;
}

.deleteGroup, .deleteGroupAjax {
	cursor:pointer;
	font-size:18px;
	color:red;
}

.marginright5 {
	margin-right:5px !important;
}

.marginright10 {
	margin-right:10px !important;
}

.dateslabel {
	width:53px;
	text-align:left;
}

#igenyles h3 {
	color:white;
	font-weight:bold;
	/* margin-right: 30px; */
}

/* .ertesito_tab {
	border-bottom:1px solid #c6c6c6;
}  */

#ertesito_valto {
	width:240px;
	margin-left:auto;
	margin-right:auto;
}
.admin-view #ertesito_valto {
	margin-left: 0;
	border-bottom: 0;
}

.ertesito_tab {
	width:290px;
	margin-left:auto;
	margin-right:auto;
}

#naptar {
	/* width: calc(100% - 385px) !important; */
	padding: 15px;
	padding-top: 0;
}
@media (min-width: 768px) {
	#naptar {
		padding: 25px;
		padding-top: 0;
	}
}
#calendar { display: table-cell; vertical-align: middle; }
#calendar_selector_legends {
	display: table-cell;
	width: 1px;
	vertical-align: middle;
	padding: 0 15px;
}

.homeOffice .fc-toolbar button,
.kikuldetes .fc-toolbar button {
	border: 1px solid #E0A726!important;
	color: #E0A726;
	position: relative;
}
.homeOffice .fc-toolbar button:focus,
.kikuldetes .fc-toolbar button:focus {
	outline: none!important;
}
.homeOffice .fc-toolbar button::after,
.kikuldetes .fc-toolbar button::after {
	position: absolute;
	font-size: 35px;
	line-height: 35px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -53%);
	display: block;
}
.homeOffice .fc-toolbar button.fc-prev-button::after,
.kikuldetes .fc-toolbar button.fc-prev-button::after {
	content: '\2039';
}
.homeOffice .fc-toolbar button.fc-next-button::after,
.kikuldetes .fc-toolbar button.fc-next-button::after {
	content: '\203A';
}
.homeOffice .fc-toolbar button.fc-today-button,
.kikuldetes .fc-toolbar button.fc-today-button {
	text-indent: 0;
}
.homeOffice .fc-toolbar button.fc-prev-button,
.homeOffice .fc-toolbar button.fc-next-button,
.kikuldetes .fc-toolbar button.fc-prev-button,
.kikuldetes .fc-toolbar button.fc-next-button {
	margin-right: 15px;
}
.homeOffice .fc-toolbar button.ui-state-default,
.homeOffice .fc-toolbar button span,
.kikuldetes .fc-toolbar button.ui-state-default,
.kikuldetes .fc-toolbar button span {
	background: transparent!important;
}
.homeOffice .fc-toolbar button.ui-state-active,
.kikuldetes .fc-toolbar button.ui-state-active {
	background-color: #E0A726!important;
	color: #373632;
}
.homeOffice .fc-view.fc-basic-view,
.kikuldetes .fc-view.fc-basic-view {
	border: 1px solid #464646;
}
.homeOffice .fc-week-number,
.kikuldetes .fc-week-number {
	background-color: #464646;
}
.homeOffice .fc-bg .fc-day,
.kikuldetes .fc-bg .fc-day {
	background-color: #373632;
	background-image: none;
}
.homeOffice .fc-bg .fc-day.fc-today,
.kikuldetes .fc-bg .fc-day.fc-today {
	background-color: #232220;
}
.homeOffice .fc-view .ui-widget-header,
.kikuldetes .fc-view .ui-widget-header {
	border: none!important;
}
.homeOffice .fc-view .ui-widget-content,
.kikuldetes .fc-view .ui-widget-content {
	border: none!important;
}
.homeOffice .fc-view .ui-widget-content.fc-day,
.kikuldetes .fc-view .ui-widget-content.fc-day {
	border: 1px solid #464646!important;
}
.homeOffice .fc-week-number,
.kikuldetes .fc-week-number {
	color: #E0A726;
	font-weight: normal;
}
.homeOffice .fc-day-header,
.kikuldetes .fc-day-header {
	color: white;
	font-weight: normal;
	border: none!important;
}
.homeOffice .fc-day-header::first-letter,
.kikuldetes .fc-day-header::first-letter {
	text-transform: uppercase;
}
.homeOffice .fc-content-skeleton .fc-day-number,
.kikuldetes .fc-content-skeleton .fc-day-number {
	color: white;
}
.homeOffice .fc-bgevent-skeleton .fc-bgevent,
.kikuldetes .fc-bgevent-skeleton .fc-bgevent {
	background-color: rgba(255,0,0,.2);
}

#calendar_selector_legends ul {
	margin-top: 45px;
}
#calendar_selector_legends li {
	color: white;
	text-align: center;
}
#calendar_selector_legends li:not(:last-child) {
	margin-bottom: 15px;
}
#calendar_selector_legends li > div {
	margin: 8px auto;
}
#calendar_selector_legends li::first-letter { text-transform: uppercase; }

@media (max-width: 767px) {
	.homeOffice .fc-toolbar button.fc-prev-button,
	.homeOffice .fc-toolbar button.fc-next-button,
	.kikuldetes .fc-toolbar button.fc-prev-button,
	.kikuldetes .fc-toolbar button.fc-next-button {
		margin-right: 0px;
	}
	.homeOffice .fc-day-header,
	.kikuldetes .fc-day-header {
		overflow: hidden;
	}
	#calendar_selector_legends {
		display: block;
		width: auto;
		padding: 0;
	}
	#calendar_selector_legends ul {
		margin-top: 15px;
	}
	#calendar_selector_legends li {
		display: inline-block;
	}
}

.ui-datepicker {
	padding: 1em;
}
.ui-datepicker .ui-datepicker-prev {
	left: 3px;
}

.small_arrow {
	position:relative;
	top:5px;
	margin-left:10px;
	width:14px;
	height:8px;
	background-image:url("../../../../images/arrow_down.png");
	background-repeat:no-repeat;
}

#igenyles button, #jovahagyas button {
	/* font-weight:bold; */
	font-size:16px;
}

#jovahagyas h3 {
	font-weight:bold;
}
.admin-view #jovahagyas h3 {
	color: white;
}

#gomb_elutasit {
	font-weight:normal !important;
	font-size:14px !important;
}

.admin_igenyles_frame {
	margin-top:20px;
}

.uservalaszto {
	width:150px !important;
}

#igenyles input, #igenyles textarea,
#jovahagyas input, #jovahagyas textarea {
	font-size:14px;
}

.jovahagyas_button {
	text-transform : uppercase;
	padding-top:6px !important;
	font-size:14px !important;
}

.jovahagyas_button:hover {
	background-color:#232220 !important;
	color:#fff  !important;
}

#gomb_elutasit:hover {
    background-color: #d60021 !important;
    border: 2px solid transparent!important;
}

.fullwidth {
	width:100%;
}

.width70 {
	cursor:pointer;
}

.bc_frame {
	margin-top:20px;
	margin-bottom:30px;
}

.bclinks {
	margin-right:5px;
}

.bclinksproj {
	float:left;
	margin-right:5px;
}

.del_dok {
	clear:both;
	margin-bottom:10px;
	width:130px;
}

.del_dok_icon {
	float:right;
}

.events  td  {
	cursor:pointer;
}

.admin_submenu li{
	background-color:#ffedb3;
}

.projekt_id_frame .select2-container  {
	width:100% !important;
}

.projekt_id_frame   {
	padding:0 !important;
}

.changeStatus {
	width:200px;
}

#naptar.naptar_full {
	width:100% !important;
	float:none;
	padding:0;
}

.newInput {
	height:32px;
	width:190px;
	padding:0 15px;
	text-align:center;
}


.side_menu {
	display:block;
	border-radius:8px;
	background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	margin-top:15px;
	border:1px solid #dadada;
}

.side_menu li {
	text-align:center;
}

.side_menu a {
	color:#000;
	text-decoration:none;
	display:block;
	padding:15px;
}

.table tbody .csoportok.ures {
	background:#E30023 !important;
}

.table tbody .csoportok.ures:hover {
	background:#C4001E !important;
	color:#fff !important;
}

.table tbody .csoportok.megegy {
	background:#ffcf10 !important;
}

.table tbody .csoportok.megegy:hover {
	background:#F5C60C !important;
	color:#fff !important;
}

.table tbody .csoportok.normal {
	background:#66D640 !important;
}

.table tbody .csoportok.normal:hover {
	background:#57B837 !important;
	color:#fff !important;
}
.maxwidth60 {
	max-width:60px;
}

.table .szabadsag, .table .beteg, .table .homeoffice {
	color:#fff !important;
}

.feedparagraph {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

.margintop10 {
	margin-top:10px;
}

.cursorpointer {
	cursor:pointer;
}

.projektStatusFrame {
	margin-bottom:25px;
}

.munkatarsak_buttom {
	position:relative;
	z-index:100000;
}

.marginright10 {
	margin-right:10px;
}

.hibabejelentes {
    border-radius: 8px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
    margin-top: 15px;
    border: 1px solid #dadada;
    text-decoration: none;
    display: block;
	width:150px;
}
.hibabejelentes a {
	color:#000;
	padding:15px;
	text-decoration:none;
	text-align:center;
	display:block;
}

.nem_hivatalos_ugyfel {
	color:red !important;
}

.showUsers {
	width:350px;
	height:500px;
	overflow:auto;
}

.closeuserlist {
	position:absolute;
	top:14px;
	right:6px;
	border-radius:16px;
	-moz-border-radius:16px;
}

.taszk_kereso_frame {
	width:90%;
	margin-bottom: 15px;
}

.taszk_kereso_text {
	width: 180px;
	height:40px;
}

.taszk_kereso {
	width:98%;
	border: 1px solid white!important;
	margin: 5px 10px 10px 0px;
  padding: 5px;
  background: none;
  color: white;
}

.taszk_kereso::placeholder{
	padding-left: 5px;
}

.taszk_ajanlo_ugyfel_frame .select2-container ,
.taszk_ajanlo_projekt_frame .select2-container
 {
	width:100% !important;
}

.selectIssue {
	width:290px;
}

.selectIssueFrame {
	display: none;
	position: relative;
	width: 300px;
	left: -253px;
	padding: 15px;
	background-color: #fff;
	border: 1px solid #373632!important;
	background-color: #444;
	color: white;
	z-index: 101;
}
.selectIssueFrame h6{
	color: white;
}

.kikuldetes_box {
	background: #008214 none repeat scroll 0 0 !important;
}

.loadIssues {
	color:white;
}

.showActivityYearFrame {
	width:80%;
	margin:0 auto 30px auto;
	text-align:center;
}

.showActivityYear {
	border-radius:10px;
	padding:8px 15px;
	margin:15px 15px 0 0;
	text-decoration:none;
	color:#000;
	font-size:18px;
	background-color:#fff;
}

.showActivityYearActive, .showActivityYear:hover {
    background: rgb(255,206,8);
    background: -moz-linear-gradient(top, rgba(255,206,8,1) 1%, rgba(223,181,11,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,206,8,1)), color-stop(100%,rgba(223,181,11,1)));
    background: -webkit-linear-gradient(top, rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);
    background: -o-linear-gradient(top, rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);
    background: linear-gradient(to bottom, rgba(255,206,8,1) 1%,rgba(223,181,11,1) 100%);}
.belepes-button{
	color: white;
}

.text-left{
	color: white;
}

.taskheader{
	margin-left: 25px;
}

/* th.all_tasks_ügyfél::before{
	position: absolute;
	content: "";
	height: 25px;
	width: 20px;
	left: 0px;
	background-color: #E0A726;
	z-index: 100;
 top: 184px;
}  */

/*th.all_tasks_folytat::after{
	position: absolute;
	content: "";
	height: 25px;
	width: 25px;
	background-color: #E0A726;
	z-index: 100;
	 top: 184px;
}  */

#all_task, #my_tasks_panel, #pay_tasks_panel, #learning_tasks_panel,  #done_tasks_panel{
	position: relative;
}

#filter::before{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	left: -20px;
	background-color: #E0A726;
	z-index: 100;
}

#filter::after{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	background-color: #E0A726;
	z-index: 100;
	right: -20px;
	top: 0px;
}

.user-view #all_tasks thead::before{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	left: 0px;
	background-color: #E0A726;
	z-index: 100;
}

.user-view #all_tasks thead tr:first-of-type::after{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	background-color: #E0A726;
	z-index: 100;
	top: 0;
	right: 0px;
}

#my_tasks thead::before{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	left: 0px;
	background-color: #E0A726;
	z-index: 100;
}

#my_tasks thead tr:first-of-type::after{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	background-color: #E0A726;
	z-index: 100;
		top: 0;
	right: 0px;
}


.elso::before{
	position: absolute;
	content: "";
	height: 30px;
	width: 20px;
	left: 0px;
	background-color: #E0A726;
	z-index: 100;
	top: 0px;
}
.vege::after{
	position: absolute;
	content: "";
	right: 0px;
	height: 30px;
	width: 25px;
	background-color: #E0A726;
	z-index: 100;
	top: 0px;
}

@media (max-width:570px) {
	#filter::before,
	#filter::after,
	.user-view #all_tasks thead::before,
	.user-view #all_tasks thead tr:first-of-type::after,
	#my_tasks thead::before,
	#my_tasks thead tr:first-of-type::after,
	.elso::before,
	.vege::after {
		display:none;
	}

}




.munkatarsak-title{
	color: white;
	padding-left: 25px;
}

.projekttervezes-title{
	color: white;
	padding-left: 25px;
}

.add-to-skype{
	color: white;
}
.tel{
	color: white;
}

.munkatarsak-table{
	    line-height: 35px;
}
.munkatarsak-table:nth-child(even) {
	background-color: #464646;
}
.munkatarsak-table:nth-child(odd) {
	background-color: #373632;
}

.munkatarsak-table td{
	padding-left: 10px!important;
}
.munkatarsak-header{
	padding-left: 10px!important;
}

.footer_menu{
	padding-top: 10px;
}

.footer_menu a{
	color: #E0A726!important;
}
.text-left a{
	color: #E0A726!important;
}
.btn-activity-box{
	padding-top: 20px;
}
.all_tasks td{
	height: 35px;
	line-height: normal;
  vertical-align: middle;
}

.my_tasks td{
	height: 35px;
	line-height: normal;
  vertical-align: middle;
}
.feladataim-title{
	padding-left: 25px;
}

.taszk_kereso_text h2{
	color: white;
}

#elvegzett_feladataim{
	color: white;
}

#act_szerk h1{
	color: white;
}

.projektek-header{
	padding-left: 20px;
	color: white;
}
#filter{
	background-color: #E0A726;
	line-height: 30px;
	padding-left: 5px;
	position: relative;
}

td.my_projects_ügyfél,
td.my_roles_ügyfél{
	color: #E0A726!important;
}

.taskot-kaptak{
  background: none;
	border: none;
	color: #E0A726;
	}

td.my_projects_status,
td.my_roles_status {
	color: black!important;
}

.szerepeim-title{
	color: white;
	border-top: 2px solid #4B4A46;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	clear: both;
}

th#my_projects {
	color: white!important;
}

#changeuser{
	color: white;
	padding-top: 10px;
}

.user-view table.dataTable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	*cursor: hand;
	color: white;
	line-height: 23px;
}

.user-view table.dataTable td {
	padding: 3px 10px;
  height: 35px;
  line-height: normal;
  vertical-align: middle;
	color: white;
}

.user-view table.dataTable tr.odd { background-color: #464646!important; }
.user-view table.dataTable tr.even { background-color: #373632!important; }
.user-view table.dataTable tr.odd td.sorting_1 { background-color: transparent;}
.user-view table.dataTable tr.even td.sorting_1 { background-color: transparent;}

.user-view .dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
	color: #ACABA9;
	padding-left: 10px;
	padding-bottom: 20px;
}
.user-view .paginate_disabled_previous,
.user-view .paginate_disabled_next {
	color: black!important;
}

.user-view .paginate_enabled_previous,
.user-view .paginate_enabled_next {
	color: #ACABA9 !important;
}

.user-view .dataTables_wrapper {
    position: relative;
    clear: both;
    margin-top: 5px;
}

.fejlesztett-skillek {
	color: white;
}

.department{
	color: white;
	font-size: 18px;
}

.jelentes-button{
	background: none;
	padding: 6px;
	border: 1px solid white;
	color: white;
}

.jelentes-button:hover {
    background-color: #232220;
}

.skill-table{
	display: flex;
	align-items: center;
	padding: 2px;
	padding-left: 5px;
}
.skill-table-title{
	padding-bottom: 6px;
  padding-top: 2px;
  font-size: 15px;
}

.jelentes-textarea{
	width: 98%;
	height: 100px;
	padding: 10px;
	background-color: #373632;
	border: 1px solid white;
	color: white;
	font-size: 14px;
}

#my_projects_length,
#my_roles_length{
	color: white;
	padding-left: 5px;
}
#my_projects_filter,
#my_roles_filter{
	color: white;
	padding-bottom: 5px;
}

.user-view .paginate_disabled_previous,
.user-view .paginate_enabled_previous,
.user-view .paginate_disabled_previous:hover,
.user-view .paginate_enabled_previous:hover{
	   background: url(../../images/left_arrow.png) no-repeat top left;
		 background-size: contain;
}

.user-view .paginate_disabled_next,
.user-view .paginate_enabled_next,
.user-view .paginate_disabled_next:hover,
.user-view .paginate_enabled_next:hover{
	   background: url(../../images/right_arrow.png) no-repeat top right;
		 background-size: contain;
}

.skillek{
padding-left: 5px;
}
.skillgroup{
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 15px;
}

.login-img{
	width: 25px;
	padding-right: 11px;
	border-right: 1px solid white;
}

.login-container{
	line-height: 35px;
	vertical-align: middle;
}

.ideiszabadsagok-title{
	display: inline-block;
	margin-right: 30px;
}

.szabi-tipus .select2-selection--single{
	background: none!important;
	border: 1px solid #aaa!important;
}

.szabi-tipus .select2-selection__rendered{
	color: white!important;
}

@media (min-width:380px) {
.bonuspadding{
	margin-right: 25px!important;
}
}

.szabadsag-igenyles-container{
	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.szabadsag-container-left{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.szabadsag-container-right{
	display: flex;
	align-items: center;
	justify-content: space-around;
}



.szabadsag-box{
	padding-right: 10px;
}

#ertesito-form{
	display: inline-block;
	padding-right: 50px;
}

.indoklas-container{
	display: inline-block;
	padding-right: 50px;
}

.betegszabi-second-row{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-top: 20px;
}

.betegszabi-naptar-container{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 30px;
	padding-bottom: 15px;
}

.betegszabi-naptar{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-right: 50px;
}

@media (max-width: 1199px) {
	.szabadsag-container-left{
		flex-direction: column;
	}
}

@media (max-width:850px) {

	.szabadsag-igenyles-container{
		flex-direction: column;
	}


	.betegszabi-naptar-container{
		flex-direction: column;
	    align-items: flex-end;
	}

	.betegszabi-second-row {
	    align-items: center;
    	flex-direction: column;
		padding-top: 0px!important;
	}

	.betegszabi-naptar {
		padding-right: 0px!important;
		padding-bottom: 20px;
	}

	.indoklas-container{
		padding-right: 0px!important;
	}

	#ertesito-form {
	    padding-top: 20px;
		padding-right:0px!important;
	}

	.homeoffice-naptar-container{
		flex-direction: column;
		align-items: flex-end;
	}

	.homeoffice-second-row {
		align-items: center!important;
		flex-direction: column;
		padding-top: 0px!important;
	}

	.homeoffice-naptar {
		padding-right: 0px!important;
		padding-bottom: 20px;
	}

	.homeoffice-container{
		padding-right: 0px!important;
	}

	#ertesito-form {
		padding-top: 20px;
		padding-right:0px!important;
		padding-bottom: 20px;
	}

	.jovahagyas_button {
		margin-top: 0px!important;
	}
}

.indoklas-text{
	color: white;
}

.homeoffice-second-row{
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding-top: 20px;
}

.homeoffice-naptar{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-right: 50px;
}

.homeoffice-select{
	display: inline-block;
	padding-right: 50px;
}

.homeoffice-container{
	display: inline-block;
	padding-right: 50px;
}

.homeoffice-naptar-container{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 30px;
	padding-bottom: 15px;
}

.homeoffice-text{
	color: white;
}

.szabadsag-naptar{
	display: flex;
  align-items: center;
  justify-content: center;
	padding-right: 20px;
}

.kikuldetes_kedvezmenyezett:focus{
	background-color: #373632!important;
}

.user-view .select2-container .select2-selection--single{
	background-color: #373632!important;
	border: 1px solid #aaa!important;
	border-radius: 0px!important;
}

.user-view .select2-container .select2-selection--single .select2-selection__rendered{
	color:white!important;
}

.projektek-filter{
	display: flex;
  align-items: center;
}

.projektek-checkbox{
margin-right: 15px;
margin-left: 5px;
}

.team th, .tasks th, .my_projects th, .my_roles th, .my_tasks th, .all_tasks th, .events th, .history th, #taszk_ajanlo_table th, .taszk_aktivitas_tablazat th, .transactions th {
	text-transform: capitalize!important;
	font-weight: bold;
	line-height: 20px;
}

.user-view .taszk-kereso-container{
	padding-bottom: 20px;
}

.user-view #my_roles{
	margin-bottom: 20px;
}
.user-view .formLine .taszk_kereso{
margin: 5px 10px 10px 0px;
padding: 5px;
background: none;
color: white;
}

.user-view #pay_tasks_panel form {
	color: white;
}

.user-view .footer_menu a{
	margin: 0px 3px;
}

.user-view #done_tasks_panel {
	display: none;
}

.user-view #taszk_nev,
.user-view #megjegyzes{
	background-color: #373632!important;
	border: 1px solid #aaa!important;
	border-radius: 0px!important;
	color: white;
}

.leiras_div{
	display: none;
	background-color: #373632!important;
	border: 1px solid #aaa!important;
	border-radius: 0px!important;
	color: white;
	padding: 10px;
	margin-top: 5px;
}

.learning-title{
	margin-top: 30px;
}

.learning-error-text{
	color: white;
	font-size: 18px;
	margin: 0;
}

.learning-error-container{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 400px;
	height: 36px;
	background-color: red;
	/* text-align: center; */
	margin: auto;

}

.learning-sikeres-container{
	display: block;
	max-width: 500px;
	width: 100%;
	padding: 20px;
	margin: 15px auto;
	text-align: center;
	color: #fff;
	background-color: #52652E;
	font-size: 18px;
}

.naptar_message {
	color:#fff;
	margin-bottom:25px;
	font-size:16px;
}


.user_tulorak {
	background-color:#fbfbfb;
}

.user_tulorak {
    background-color:#494235;
    color:#fff;
    padding:15px;
}

.user_tulorak h2 {
    color:#fff;
}

.user_tulorak .view_osszesito {
	display:flex;
	overflow-y:auto;
}

.showUserActivityFrame {
	display:inline-block;
	text-align:center;
	min-width:70px;
}

.showUserActivityFrame div {
	display:flex;
	flex-direction:column;
}

.showUserActivityFrame {
	border:1px solid #fff;
}

.showUserActivity:nth-child(1) {
	font-size:14px;
	padding:5px;
}

.showUserActivity:nth-child(2) {
	padding:5px;
	font-size:12px;
    border-top:1px solid #fff;
    background-color:#cccccc;
}

.activityNameFrame {
    margin-top:15px;
}

.activityIssuesFrame label {
	float:left;
	width:95px;
}
.activityNameFrame label {
	float:left;
	width:95px;
}

.whatsNewFrame {
    background-color:#494235;
    padding:16px;
    color:#fff;
}

.whatsNewFrame h2, .whatsNewFrame h3, .whatsNewFrame h4, .whatsNewFrame h5 {
    color:#fff;
    font-weight:bold;
    margin-bottom:0;
}

.whatsNewFrame input, .whatsNewFrame textarea {
    padding:5px;
}

.whatsNewFrame textarea {
    height:100px;
}

.versionIssueTitleFrame , .versionIssueDescriptionFrame {
    margin-bottom:15px;
}

.versionIssueFrame {
    margin-bottom:15px;
}

.versionIssueFrameGeneral {
    padding: 5px 0;
}


.flexBox {
    display:flex;
    align-items:center;
}

.deleteIssueChangeRed {
    background-color:#C4001E;
}

.deleteIssueChangeGreen {
    background-color:#008214;
}

.deleteIssueChange {
    padding:5px;
    display:flex;
    justify-content: center;
    max-width:90px;
    margin-bottom:5px;
    cursor:pointer;
    font-weight:bold;
    align-items:flex-end;
}

.versionIssueId {
    flex:0;
}

.flexBox * {
    flex:1;
}

.versionIssueId {
    min-width:40px;
    max-width:40px;
}

.issueLabel {
    max-width:70px;
    padding:5px 10px;
    border-radius:10px;
    justify-content: center;
    display:flex;
}

.issueLabelAdmin {
    background-color: #F8CF28;
    color:#000;
}

.issueLabelUser {
    background-color: #4D430B;
}

.versionIssueChangeType {
    max-width:86px;
    padding:5px;
    justify-content: center;
    display:flex;
    text-align:center;
}

.versionIssueChangeTypeUjFunkcio {
    border-radius: 10px;
    background-color:#62c400;
}

.versionIssueChangeTypeBug {
    border-radius: 10px;
    background-color:#FF0000;
}

.versionIssueTitle {
    flex:6;
}

.versionIssueDescriptionFrameGeneral {
    padding-top: 15px;
}

.showIssueDescription {
    padding:5px 10px;
    border-radius:15px;
    background-color:#fff;
    color:#000;
    cursor:pointer;
    max-width:15px;
    flex:0;
    margin-right:10px;
}

.versionTitle {
    padding: 15px 0 5px;
    cursor: pointer;
}

.editChangeIcon, .slideChanges {
    cursor: pointer;
    max-width: 15px;
    height:15px;
}

.slideChanges {
    margin-right: 10px;
}

.editChangeIcon {
    margin-left: 10px;
}

.versionInsideFrame {
    display:none;
    width: 100%;
}

.issueFrame + hr {
    margin-bottom:15px;
}

.versionFrame hr {
    max-width:90%;
    border-left:0;
    border-right:0;
    border-bottom:1px solid #4e4739;
    border-top:1px solid #4e4739;
}