@charset "UTF-8";

:root {
	--main-bg-color: #18465a;
	--main-text-color: #ffffff;
	--light-bg-color: #85adc7;
	--border-color: #18465a;
	--dark-blue: #18465a;
	--light-blue: #85adc7;
	--dark-red: #c40a27;
	--light-red: #e83f38;
	--dark-green: #04a690;
	--light-green: #8ccaad;
	--footer-blue: #194a75;
}

body {
	font-size: 15px;

}

main{
	background: var(--main-bg-color);
	display: flex;
	justify-content:center;
	padding: 3rem 0;
}

main > .container{
	background:white;
	border-radius: 3px;
	padding: 1rem;
	margin: -1rem;
}

a {
	color: var(--main-bg-color);
}

a:hover,
a:active {
	color: var(--light-bg-color);
}

.btn-success:hover {
	background-color: #00ad48;
	border-color: #00ad48;
}

.warnRow,
.warnRow a,
.warnRow a:hover,
.warnRow a:active {
	background-color: #fff3cd;
	color: #856404 !important;
}

body .ui-panel .ui-panel-titlebar,
body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer,
body .ui-datatable th.ui-state-default,
body .ui-datatable tfoot td.ui-state-default,
body .ui-datatable .ui-datatable-header,
body .ui-treetable .ui-treetable-header,
body .ui-treetable thead th,
body .ui-fileupload .ui-fileupload-buttonbar,
body .ui-accordion .ui-accordion-header,
body .ui-accordion .ui-accordion-header.ui-state-active,
body .ui-accordion .ui-accordion-header.ui-state-hover,
body .ui-accordion .ui-accordion-header.ui-state-active:hover {
	background: var(--main-bg-color);
	color: var(--main-text-color);
	border: none;
}

body .ui-datatable table,
body .ui-treetable table,
body .ui-datatable tbody.ui-datatable-data,
body .ui-datatable tbody.ui-datatable-data > tr.ui-widget-content,
body .ui-datatable tbody.ui-datatable-data td,
body .ui-datatable tr.ui-widget-header {
	border-color: var(--border-color) !important;
}

body .ui-accordion .ui-accordion-header:first-child {
	border-top: 0;
}

body .ui-accordion .ui-accordion-header > .ui-icon {
	color: var(--main-text-color);
}

body .ui-treetable .ui-treetable-header {
	text-align: center;
}

.btn-success {
	background: #00903c;
}

body .ui-datatable thead th.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable thead th.ui-state-active {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}
body .ui-datatable thead th.ui-state-active.ui-state-hover {
	background: var(--light-bg-color);
	color: var(--main-text-color);
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
	background: #e2fcec;
}

body > header {
	background-color: var(--main-bg-color);
	color: var(--main-text-color);
}

body > header a,
body > header a:hover,
body > header a:active {
	color: var(--main-text-color);
}

body > footer {
	width: 100%;
	background-color: var(--main-bg-color);
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 60px;
	border-top: none;
	font-size: 18px;
	font-weight: 300;
	min-height: 100px;
	display: flex;
	justify-content:center;
	align-items:center;
}

body > footer a,
body > footer a:hover,
body > footer a:active {
	color: var(--main-text-color);
	text-decoration: none;
}

body > footer ul {
	list-style-type: none;
	padding-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0;
}

body > footer ul > li {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}

#headerMenu ul li a{
	color:white;
	font-weight: 400;
}

#headerMenu ul li a:hover, #headerMenu ul li a:active{
	color: var(--light-blue);
}

#headerMenu ul li a:hover, #headerMenu ul li.active > a,
#headerMenu2 ul li a:hover, #headerMenu2 ul li.active > a {
	color: var(--light-blue);
}

.centered{
	display: flex;
	justify-content:center;
	align-items:center;
	gap: 10px;
}

.text-white{
	color: #ffffff;
}

.serverInfoBox {
	color: var(--footer-blue) !important;
}

.navbar-light .navbar-toggler {
	border-color: #ffffff;
/*	position: absolute;
	top: 20px;
	right: 1rem;*/
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

body > header {
	margin: 0;
}

body > header .header-title {
	font-size: 1.4rem;
	font-weight:500;
	max-width: 550px;
}

@media (min-width: 576px) {
	body > header .header-title {
		font-size: 1.9rem;
	}
}

th.kiemeltOszlop,
td.kiemeltOszlop {
	background: var(--dark-blue);
}

th.kiemeltOszlop {
	color: #ffffff;
}

td.oszlopNoWrap > div {
	overflow: visible !important;
}

td.oszlopNoWrap .ui-selectoneradio > div {
	display: flex;
}

td.oszlopNoWrap .ui-selectoneradio label {
	white-space: no-wrap;
}

#question_1237 .questionPlayerTable * {
	font-size: 0.9rem;
}