body { line-height: 1.5; font-size: 14px; }
a:link { color: #0081b8; }
a:visited { color: #0081b8; }
input[type=text], input[type=password], textarea, select {
	padding: 7px 10px;
	border: 1px #BBB solid;
	transition: box-shadow .15s;
	-moz-transition: box-shadow .15s; 
	-webkit-transition: box-shadow .15s; 
	-o-transition: box-shadow .15s; 
	/* box-shadow: 0px 0px 20px 0px #DDD; */
	/* -webkit-box-shadow: 0px 0px 20px 0px #DDD; */
	/* -moz-box-shadow: 0px 0px 20px 0px #DDD; */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
}
input[type=text]:hover, input[type=text]:focus, 
input[type=password]:hover, input[type=password]:focus, 
textarea:hover, textarea:focus, 
select:hover, select:focus {
	/* box-shadow: 0px 0px 20px 0px #B5B5B5;  */
	/* -webkit-box-shadow: 0px 0px 20px 0px #B5B5B5;  */
	/* -moz-box-shadow: 0px 0px 20px 0px #B5B5B5;  */
}
button, .button, input[type=button], input[type=submit] {
	display: inline-block;
	padding: 7px 14px;
	background-color: #999;
	color: #FFF;
	border: 0px;
	/*border-radius: 12px;*/
	/*-webkit-border-radius: 12px;*/
	/*-moz-border-radius: 12px;*/
}
::-webkit-input-placeholder { color: #AAA; }
:-moz-placeholder { color: #AAA; }
:-ms-input-placeholder { color: #AAA; }
:hover::-webkit-input-placeholder { color: #CCC; }
:hover:-moz-placeholder { color: #CCC; }
:hover:-ms-input-placeholder { color: #CCC; }

.alignc { text-align: center; }
.table { display: table; }
.row   { display: table-row; }
.cell  { display: table-cell; }
.infotable .cell { padding: 0 10px 10px 0; }
.back_link { display: block; margin: 1.5em 0; text-align: center; }
.found_info { display: block; margin: 1.5em 0; text-align: center; }
.found_info + .back_link { margin-top: -1em; }

#main {
	padding: 1% 2% 5% 2%;
	min-height: calc(100vh - 130px);
}

#tttasks,
#tttasks-search,
#tttasks-head {
	padding: 0;
	margin-top: 2%;
	margin-bottom: 0;
	box-sizing: border-box;
}
#tttask h1 {
	clear: both;
	font-size: 200%;
	margin: 1em 0;
}
#tttasks h2,
#tttask h2 {
	clear: both;
	margin: 0.8em 0 0.8em 0;
	font-weight: normal;
	font-size: 175%;
}
#tttask h2 { font-size: 150%; margin: 30px 0 10px 0; }
#tttasks-head a:link, #tttasks-head a:visited, #tttask a, #tttasks a { color: #0081b8; }
#tttasks-head { position: relative; }
#tttasks-head h1 { font-size: 200%; }
#tttasks-head a { display: inline-block; margin-right: 1em; }
#tttasks-head .akt { text-decoration: underline; }
#tttasks-head .inakt, #tttasks-head .inakt:visited { color: #7BB1C0; }

#submenu { /*display: table;*/ padding: 0; margin: 0 0 1.5em 0; }
#submenu li { display: inline-block; vertical-align: bottom; white-space: nowrap; padding: 0 2em 0 0; line-height: 2.5em; margin-left: 0; }
#submenu a { font-size: 18px; color: #b2bb1c; }
#submenu a:hover { text-decoration: none; }
#submenu li.akt a { border-bottom: 3px solid #c6cd65; }
#submenu:hover li a { border-bottom: 0; }
#submenu li:hover a { border-bottom: 3px solid #c6cd65; }

/*
#submenu li.akt {
	position: relative;
}
#submenu li.akt:after, #submenu li.akt:before {
	top: 90%;
	left: 46%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#submenu li.akt:after {
	border-color: rgba(198, 205, 101, 0);
	border-top-color: #c6cd65;
	border-width: 2px;
	margin-left: -2px;
}
#submenu li.akt:before {
	border-color: rgba(198, 205, 101, 0);
	border-top-color: #c6cd65;
	border-width: 8px;
	margin-left: -8px;
}*/

#tttask .inner {
	margin-left: 35px;
}
#tttask .description {
	margin-left: 35px;
	margin-left: 4%;
}
#tttask .description h2 {
	text-indent: -35px;
}
#tttask .description img {
	margin-right: 4%;
	max-width: 100%;
	height: auto !important;
}
#tttask .infotable {
	margin-top: 25px;
}
#tttask img.featured {
	max-width: 500px;
}
#tttask .featured-image {
	text-align: center;
	background-color: #E9E9E9;
	padding: 10px;
}
#tttasks .item {
	padding-bottom: 10px;
	overflow: auto;
}
#tttasks .more {
	text-align: right;
	margin-right: 10px;
}
/*lista kép*/
#tttasks img.featured {
	float: left;
	max-width: 200px;
	max-height: 200px;
	margin: 0px 15px 5px 0px;
	object-fit: cover;
}

#tttask .description table,
#tttask .resources table,
#tttask .plan table,
#tttask .goals table {
	width: 100%;
	border-collapse:collapse!important;
	background-color: #FFF;
}
#tttask .description table p:first-child,
#tttask .resources table p:first-child,
#tttask .plan table p:first-child,
#tttask .goals table p:first-child {
	margin: 0px;
}
#tttask .description table td,
#tttask .resources table td,
#tttask .plan table td,
#tttask .goals table td {
	padding: 10px;
	width: auto!important;
	vertical-align: top;
}
#tttask .description table ul,
#tttask .resources table ul,
#tttask .plan table ul,
#tttask .goals table ul {
	margin: 5px 0;
}
#tttasks-search {
	width: 30%;
	padding: 0;
	-moz-transition: height  0.25s; 
	-webkit-transition: height  0.25s; 
	-o-transition: height  0.25s; 
	transition: height  0.25s;
}
.tttasks-search-highlight {
	background-color: #ecf5d9!important;
}
#tttasks-search.opened {
	width: 100%;
	clear: both;
	text-align: center;
}
#tttasks-search .search-submit {
	display: none;
}
#tttasks-search.opened .search-submit {
	display: inline-block;
}
#tttasks-search input.search {
	width: 86%;
	background: url(images/icon-22-search.png) no-repeat 96% center;
}
#tttasks-search.opened input.search {
	width: 85%;
	max-width: 100%;
	box-sizing: border-box;
}
#tttasks-search.opened .parameters-opener {
	display: none;
}
#tttasks-search .parameters {
	display: grid;
	grid-template-columns: 8% 8% 8% 8% 8% 8% 8% 8% 8% 8%;
	grid-gap: 2%;
	grid-row-gap: 10px;
	margin-bottom: 2%;
	-moz-transition: height  0.25s; 
	-webkit-transition: height  0.25s; 
	-o-transition: height  0.25s; 
	transition: height  0.25s;
}

#tttasks-search select[name=kind] { grid-column: 1 / 3; }
#tttasks-search select[name=type] { grid-column: 3 / 5; }
#tttasks-search select[name=class] { grid-column: 5 / 7; }
#tttasks-search select[name=subject] { grid-column: 7 / 9; }
#tttasks-search select[name=subject_skills] { grid-column: 7 / 9; }
#tttasks-search select[name=time] { grid-column: 9 / 12; }
#tttasks-search .text_search { grid-column: 4 / 8; }
#tttasks-search .text_search input[type=submit] { position: absolute; width: 1px; height: 1px; padding: 0; }
#tttasks-search .parameters-opener { padding-left: 10px; }

#tttasks-crumb-menu {
	float: left;
	width: 68%;
	list-style: none;
	padding: 15px 0px;
	margin: 0;
}
#tttasks-crumb-menu a {
	color: #0081b8;
}
#tttasks-crumb-menu img.home {
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#tttasks-crumb-menu li {
	display: inline-block;
	margin-left: 0px;
}
#tttasks-crumb-menu li:after {
	content: "›"; 
	display: inline-block;
	padding: 0 7px;
	/*position: abso*/
}

.pager {
	clear: both;
	text-align: center;
	font-size: 120%;
	padding: 3% 1%;;
}
.pager .nav,
.pager .item {
    display: inline-block;
    padding: 15px 7px;
    line-height: 0;
}
.pager .item {
	background-color: #DDD;
}
.pager .nav {
	margin: 5px;
}
.pager .nav,
.pager .item.akt {
	color: #BBB;
	background-color: #EEE;
}

.crumbmenu { margin-bottom: 1em; }
.crumbmenu .item { display: inline-block; margin-right: 10px; }
.crumbmenu .item:hover { text-decoration: none; color: #c6cd65; }
.crumbmenu .item:after { content: " › "; padding-left: 9px;  }
.crumbmenu .item:last-child:after { content: ""; padding-left: 0;  }
.crumbmenu img { max-height: 18px; vertical-align: top; }

@media (max-width: 1024px)
{
	.pagewidth { width: 90%; }
}

@media (max-width: 800px)
{
	.pagewidth { width: 100%; border-left: 0; border-right: 0; }
	#main { padding: 4% 4% 4% 4%; }
	#tttasks-search .parameters {
		grid-template-columns: 32% 32% 32%;
		grid-row-gap: 10px;
	}
	#tttasks-search select[name=kind] { grid-column: 1 / 2; }
	#tttasks-search select[name=type] { grid-column: 2 / 3; }
	#tttasks-search select[name=class] { grid-column: 3 / 4; }
	#tttasks-search select[name=subject] { grid-column: 1 / 2; }
	#tttasks-search select[name=subject_skills] { grid-column: 1 / 2; }
	#tttasks-search select[name=time] { grid-column: 2 / 3; }
	#tttasks-search .text_search { grid-column: 3 / 4; }
	#tttasks-search.opened input.search { width: 100%; }
}

@media (max-width: 600px)
{
	#tttasks-search .parameters {
		grid-template-columns: 48% 48%;
		grid-row-gap: 7px;
	}
	#tttasks-search select[name=kind] { grid-column: 1 / 2; }
	#tttasks-search select[name=type] { grid-column: 2 / 3; }
	#tttasks-search select[name=class] { grid-column: 1 / 2; }
	#tttasks-search select[name=subject] { grid-column: 2 / 3; }
	#tttasks-search select[name=subject_skills] { grid-column: 2 / 3; }
	#tttasks-search select[name=time] { grid-column: 1 / 2; }
	#tttasks-search .text_search { grid-column: 2 / 3; }
	
}

@media (max-width: 450px)
{
	#submenu li { padding-right: 1em; }
	#submenu a { font-size: 16px; }
	#tttask .description h2 { text-indent: 0; }
	#tttask .description { margin-left: 0; }
}

@media (max-width: 400px)
{
	
}