html, body {
	color: #222;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

input,select,option,textarea,label,button {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-size: 0.925rem !important;
}

input[type="file"] {
	width: auto !important;
}

.row {
	max-width: 98%;
}

.normal_size {
	font-size: 1em;
}

.user-icon {
	border-radius: 50%;
	margin-left: 8px;
}

.idopont {
	padding: 3px 6px;
	border-radius: 4px;
	margin: 0;
}

.alert-box {
	font-size: 1rem;
}

a,
a:link,
a:active,
a:visited {
	color: #4e51a3;
	text-decoration: none;
	transition-duration: .5s;
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
	transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4,0,.2,1);
}

a:hover {
	color: #16172e;
	text-decoration: underline;
}

h1 {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.4rem;
}

h2 {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.3rem;
}

h3 {
	font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.2rem;
}

form {
	display: inline;
}

li {
	list-style-type: none;
	padding: 0.6rem 0 0 0;
}

.szurke {
	color: #bbbbbb;
}

.piros {
	color: #d00;
}

i.li-icon {
	padding-right: 0.2rem;
}

li.highlight {
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	margin: 5px 0;
	background-color: #e8e8e8;
}

p {
	margin: 10px 0px;
}

fieldset {
	margin: 4px auto;
	padding: 4px 20px;
	width: 500px;
	border: 1px solid #BBBBBB;
}

legend {
	margin-left: 20px;
	padding: 2px 6px;
}

hr {
	margin: 0px 100px;
	border: 0;
	height: 2px;
	background-color: #BBBBBB;
}

input.checkbox {
	border: 0px;
	padding: 0px;
	margin: 0 3px 0 0;
	vertical-align: 1px;
}

div.fejlec_fix {
	background-color: #1a1b36;
	color: #2e2e2e;
	box-shadow: 0 2px 4px rgba(0,0,0,.08);
	border-bottom: 1px solid #e0e0e0;
	position: fixed;
	z-index: 100;
	padding: 6px;
}

div.fejlec_fix img#logo {
	margin: .6rem 0 0 .4rem;
	width: 200px;
}

div.fejlec_fix div {
	float: right;
	color: #9a9bc7;
}

div.fejlec_fix div a {
	margin: 0 !important;
}

div.fejlec_fix ul {
	width: auto !important;
}

div.fejlec_fix ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

div.fejlec_fix .button {
	font-size: 0.875rem !important;
	padding: 0.5625rem 1rem !important;
	margin: 0;
}

div.fejlec_fix button.dropdown:after {
	border: none;
}

.fejlec_kontener {
	margin-top: 4rem;
}

div.fejlec {
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	padding: 2rem;
}

div.fejlec h1 {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: .8rem;
}

div.fejlec div.nyelv {
	position: relative;
	top: 70px;
	left: 696px;
	width: 300px;
	text-align: right;
}

div.fejlec div.nyelv div {
 font-size: 10px;
}

div.fejlec .separator {
	color: #6c757d;
	padding: 0 5px;
}

div.fejlec a,
div.fejlec a:link,
div.fejlec a:active,
div.fejlec a:visited {
	color: #4e51a3;
}

div.fejlec a:hover {
	color: #0f5c8a;
}

div.oldalblokk {
	padding: 1.6rem;
}

div.tartalom {
	margin: 0.6rem 0;
	padding: 15px;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	background-color: #fff;
	position: relative;
	word-wrap: break-word;
}

.csoportnev::before {
	display: block;
	height: 60px;
	margin: -60px 0 0;
	content: "";
}

dt {
	font-weight: bold;
}

dd {
	margin: 2px 0px 5px 5px;
}

p.login {
	padding: 15px 0 0 0;
	text-align: center;
	width: 100%;
	margin: auto;
}

a.tutor,
a.tutor:link,
a.tutor:active,
a.tutor:visited {
	font-weight: bold;
	text-decoration: none;
	width: 300px;
}

form#a-legjobb-tananyag select {
	margin: 0 2px;
}
		
p.info {
	width: 250px;
	margin: 10px auto 10px auto;
	padding: 5px;
	border: 1px solid #444;
	background-color: #FFFFCC;
	font-size: 12px;
}

p.hiba {
	width: 350px;
	margin: 10px auto 10px auto;
	padding: 5px;
	border: 1px solid #8B0000;
	background-color: #FFE4E1;
	color: #8B0000;
	font-size: 12px;
}

div.tartalom img {
	margin: 5px;
	border: 1px solid #aaa;
	padding: 1px;
}

div.tartalom span.alcim {
	font-weight: bold;
}

span.uj_fajl {
	font-weight: bold;
	color: #a00;
}

table.sortable th {
	cursor: pointer;
}
		
table.tutorlista,
table.tutorlista th,
table.tutorlista td {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.hallgatolista {
	width: 100%;
}

table.hallgatolista th {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
}

table.hallgatolista tr.even {
	background-color: #eee;
}

table.hallgatolista tr.even,
table.hallgatolista tr.odd {
	cursor: pointer; 
}

table.hallgatolista tr.even:hover,
table.hallgatolista tr.odd:hover {
	background-color: #ffd6b4;
}

table.hallgatolista td,
table.hallgatolista th {
	text-align: center;
}

table.hallgatolista td.hallgato {
	text-align: left;
}

.textarea-resizer {
	height:4px;
	background-color:#d00;
	cursor:s-resize;
}

.grippie {
	border: 1px solid #ddd;
	background-color: #eee;
	width: 380px;
	height: 9px;
	margin: 1px 0 0 0;
	overflow: hidden;
	background-image: url(images/grippie.png);
	background-position: center 2px;
	background-repeat: no-repeat;
	cursor: s-resize;
}

table.fajllista td,
table.fajllista th {
	font-size: 1rem;
	line-height: 1.45rem;
}

li.nincs_talalat {
	list-style-image: url(images/lista_nincs_talalat.gif);
}

li.legjobb_tananyag {
	list-style-image: url(images/legjobb_tananyag.gif);
}

li.legjobb_tananyag a,
li.legjobb_tananyag a:link,
li.legjobb_tananyag a:active,
li.legjobb_tananyag a:visited,
li.legjobb_tananyag a:hover {
   color: #A76C23;
   font-weight: bold;
  }
		
li.tanulasinaplo {
	list-style-image: url(images/lista_tanulasinaplo.gif);
}

li.vissza {
	list-style-image: url(images/lista_vissza.gif);
	margin-bottom: 5px;
}

li.hallgato {
	list-style-image: url(images/lista_hallgato.gif);
}

li.kurzus {
	list-style-image: url(images/lista_kurzus.gif);
	color: #555;
}

li.kurzus_portfolio {
	list-style-image: url(images/lista_kurzus_portfolio.gif);
	color: #555;
}

li.kurzus_archiv {
	list-style-image: url(images/lista_kurzus_archiv.gif);
	color: #555;
}

li.fajl_pdf {
	list-style-image: url(images/lista_fajl_pdf.gif);
}

li.fajl_msword {
	list-style-image: url(images/lista_fajl_msword.gif);
}

li.fajl_excel {
	list-style-image: url(images/lista_fajl_excel.gif);
}

li.fajl_powerpoint {
	list-style-image: url(images/lista_fajl_powerpoint.gif);
}

li.fajl_plain {
	list-style-image: url(images/lista_fajl_plain.gif);
}

li.fajl_jpeg {
	list-style-image: url(images/lista_fajl_jpeg.gif);
}

li.fajl_gif {
	list-style-image: url(images/lista_fajl_gif.gif);
}

li.fajl_png {
	list-style-image: url(images/lista_fajl_png.gif);
}

li.fajl_zip,
li.fajl_compressed {
	list-style-image: url(images/lista_fajl_zip.gif);
}

li.kitoltendo {
	list-style-image: url(images/lista_tanulasinaplo.gif);
}

li.statisztika {
	list-style-image: url(images/lista_statisztika.gif);
}

table.tanulasi_naplo {
	width: 100%;
}

table.tanulasi_naplo, table.tanulasi_naplo td {
	border: 1px solid #aaa;
	border-collapse: collapse;
}
		
table.tanulasi_naplo td {
	text-align: center;
	margin: 0px;
	padding: 8px;
}

td.foglalt {
	color: #888;
}

button {
	border: 1px solid #aaa;
}

button.szabad {
	color: #294971;
	background-color: #cbd9eb;
	border-color: #294971;
	cursor: pointer;
}

button.szabad:hover {
	background-color: #95b7de;
}

button.felugyelet {
	color: #3E592E;
	border-color: #3E592E;
	background-color: #CFF7B7;
}

button.felugyelet:hover {
	background-color: #B6E29A;
}

button.foglalt {
	color: #a0a0a0;
	border-color: #aaaaaa;
	background-color: #f0f0f0;
	cursor: not-allowed;
}

button.sajat {
	color: #6B470E;
	border-color: #6B470E;
	background-color: #FFD896;
	cursor: not-allowed;
}

table.tanulasi_naplo td select {
	width: 35px;
}

table.tanulasi_naplo tr {
	border-bottom: 1px solid #aaa;
}

table.tanulasi_naplo tr.paros {
	background-color: #ddd;
}

table.tanulasi_naplo td.feladat {
	text-align: left;
}

table.tanulasi_naplo th {
	background-color: #ddd;
	border: 1px solid #aaa;
	height: 20px;
	padding: 2px 4px;
}

table.tanulasi_naplo th.mini {
	font-size: 9px;
}

p.kerdes {
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}

div#fajlfeltoltesProgress {
	display: none;
	padding: 0 1rem;
}

div#fajlfeltoltesProgress div#info {
	margin: 3px;
}

div.lablec {
	color: #aaaaaa;
	margin-bottom: 1rem;
}

#modal {
	background: #fff;
	padding: 1em;
	border-radius: 5px;
}

#modal a {
	display: inline-block;
	padding: 3px 8px;
	border: 1px solid #000;
}

#modal a.lefoglal {
	background-color: #071960;
	color: #fff;
	font-weight: bold;
}

#modal a.megsem {
	background-color: #ddd;
	color: #444;
	border-color: #888;
}

#modal label {
	display: inline;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	max-width: 80%;
	height: 2.2rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer !important;
	display: inline-block;
	overflow: hidden;
	outline: none !important;
}

.inputfile + label i {
	padding-right: 0.4em;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile-6 + label {
	color: #222;
}

.inputfile-6 + label {
	border: 1px solid #007095;
	background-color: #efefef;
	padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
	border-color: #007095;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
	padding: 6px 12px;
}

.inputfile-6 + label span {
	width: 500px;
	min-height: 2em;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
}

.inputfile-6 + label strong {
	font-weight: normal;
	height: 100%;
	color: #ffffff;
	background-color: #008CBA;
	display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
	background-color: #007095;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
	.nev-fejlecben {
		display: none;
	}
}

@media screen and (min-width: 50em) {
	div.fejlec_fix img#logo {
		margin: .4rem 0 0 .4rem;
		width: auto;
	}
}

#kilepes-modal a.button {
	margin: 1rem 0.4rem;
}

.progress {
	height: 10px;
}

.tabs {
	border-bottom: 1px solid #e1e1e1;
}

.tabs li {
	margin-right: .2rem;
}

.tabs dd > a, .tabs .tab-title > a {
	padding: .8rem 1.2rem !important;
	background-color: #f9f9f9;
}

.tabs dd.active > a, .tabs .tab-title.active > a {
	background-color: #eee;
}