body {
	font-size: .9375rem;
	background-color: #F4F4F4;
	padding-top: 75px;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	background: radial-gradient(circle at 18% 0%, rgba(239, 74, 160, .10), transparent 35%), radial-gradient(circle at 90% 10%, rgba(38, 63, 163, .08), transparent 35%), #fbfbfe;
	color: #202236;
	margin-bottom: 100px;
}

.navbar {
	/*background: linear-gradient(135deg, rgb(74, 92, 242) 0%, rgb(190, 99, 231) 100%);*/
	color: #2c46a4 !important;
	padding: 0;
	border-bottom: 1px solid #dadce0;
}

.navbar-unread-badge {
	position: absolute;
	top: -6px;
	right: -10px;
	background-color: #dc3545;
	color: #fff;
	border-radius: 50%;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	min-width: 16px;
	height: 16px;
	padding: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.uzenet-olvasatlan {
	font-weight: 700;
}

.navbar-logo {
	height: 50px;
	margin: 5px 0px;
}

.navbar-brand {
	padding: 0;
}

.navbar-menu-toggle {
	margin-right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 13px;
	border: 1px solid rgb(239, 223, 233);
	background: rgb(255, 255, 255);
}

.mp-left {
	padding-left: 30px;
}

.mp-left a {
	text-decoration: none;
	color: #6e5a65;
}

.mp-left a i {
	width: 20px;
}

.mp-left-p {
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 10px 12px;
	border-radius: 12px;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.15s, color 0.15s;
	margin-bottom: 0;
}

.mp-left-p-aktiv {
	background: rgb(252, 231, 241);
	box-shadow: rgb(200, 22, 110) 3px 0px 0px inset;
}

.mp-left-aktiv a {
	color: rgb(200, 22, 110) !important;
}

.mp-left-p-toggle {
	justify-content: space-between;
	color: #6e5a65;
}

.mp-left-p-label {
	display: flex;
	align-items: center;
	gap: 11px;
}

.mp-left-p-arrow {
	font-size: 12px;
	transition: transform 0.15s;
}

.mp-left-p-open .mp-left-p-arrow {
	transform: rotate(180deg);
}

.mp-left-sub {
	display: none;
	padding-left: 18px;
}

.mp-left-sub.mp-left-sub-open {
	display: block;
}

.mp-left-sub-p {
	font-size: 13px;
}

.nav-link, .nav-link:active, .nav-link:hover {
	/*color: #2c46a4 !important;
	text-transform: uppercase;*/
	color: black;
	font-weight: bold;
	border-radius: 13px;
	border: 1px solid rgb(239, 223, 233);
	background: rgb(255, 255, 255);
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.nav-link-profile {
	line-height: 15px;
	padding: 0;
	overflow: hidden;
}

.nav-link-profile,
.nav-link-profile:active,
.nav-link-profile:hover,
.nav-link-profile:focus {
	padding-left: 0 !important;
}

@media (max-width: 767.98px) {
	.nav-link-profile,
	.nav-link-profile:active,
	.nav-link-profile:hover,
	.nav-link-profile:focus {
		padding-right: 0 !important;
	}

	.nav-link-profile .profile-picture-placeholder,
	.nav-link-profile .profile-picture {
		margin-right: 0;
	}
}

.profile-picture-placeholder {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: linear-gradient(135deg, rgb(200, 22, 110), rgb(124, 58, 237));
	color: rgb(255, 255, 255);
	font-weight: 800;
	font-size: 15px;
	display: grid;
	place-items: center;
	letter-spacing: 0.02em;
	margin-right: 10px;
}

.profile-picture {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	letter-spacing: 0.02em;
	margin-right: 10px;
}

.profile-picture > img {
	width: 40px;
	height: 40px;
	border-radius: 12px;
}

.profile-name {
	padding-top: 4px;
	padding-left: 0;
}

.dropdown-toggle::after {
	content: none;
}

span.nav-link-small {
	font-size: 9px;
	color: rgb(163, 142, 153);
}

.navbar-toggler {
	border-color: white;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 #fff;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.btn {
	border-radius: 11px;
}

.btn-primary, .btn-outline-primary:hover {
	background: #c40668;
	border: 0;
	border: 1px solid #c40668;
}

.btn-primary:hover {
	background: #A80559;
	border: 1px solid #A80559;
}

.btn-primary:active {
	background: #9E0554 !important;
	border: 1px solid #9E0554 !important;
}

.btn-outline-primary:active {
	background-color: #c40668 !important;
}

.wbox {
	background-color: white;
	box-shadow: 0 0 6px 0 #D6D6D6;
}

.btn-outline-primary {
	border: 1px solid #c40668;
	color: #c40668;
}

.pagetitle {
	margin-top: .75rem;
	margin-bottom: .75rem;
	color: #2c46a4;
	font-weight: 700;
}

.pagetitle i {
	color: #A70C56
}

.pagetitle i:hover {
	cursor: pointer;
}

.progress-bar {
	background: linear-gradient(135deg, rgb(44 70 164) 0%, rgb(167 12 86) 100%);
}

.progress {
	border-radius: 0;
}

.text-blue {
	color: #2c46a4;
}

.breadcrumb {
	padding: 0.5rem;
	padding-left: 0rem;
	padding-top: 0;
}

.breadcrumb a {
	color: #2c46a4;
	text-decoration: none;
}

.dropdown-item:active {
	background-color: #2A53A0;
}

.form-default {
	max-width: 800px;
	margin: auto;
	padding: 2rem 4rem;;
	border-top: 5px solid;
	border-image: linear-gradient(225deg, rgb(44 70 164), rgb(167 12 86)) 1;
	background-color: white;
	box-shadow: 0 0 6px 0 #D6D6D6;
}

@media (max-width: 767px) {
	.form-default {
		padding: 2rem 1rem;
	}
}

p.formtitle {
	font-size: x-large;
	color: #2c46a4;
	font-weight: bold;
	margin-bottom: 1rem;
	text-align: center;
}

.datatable thead {
	color: #2c46a4;
}

.datatable th, .datatable {
	border: none !important;
	border-collapse: collapse !important;
}

.datatable td {
	border: none !important;
}

.datatable tbody {
	box-shadow: 0 0 6px 0 #D6D6D6;
}

.datatable tbody td {
	border: 1px solid #D6D6D6 !important;
}

.datatable tbody tr {
	background-color: #fff;
}

.datatable tbody tr.even {
	background-color: #EFF3FB;
}

.datatable tbody tr:hover {
	background-color: #C3D2EE !important;
}

.btn-xs, .btn-group-xs > .btn {
	--bs-btn-padding-y: 0.05rem;
	--bs-btn-padding-x: 0.4rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: var(--bs-border-radius-sm);
}

.form-control, .form-select {
	border-radius: 8px;
}

.form-floating>label {
	left: auto;
}

.dg-title {
	margin-bottom: 0.3rem;
	text-transform: uppercase;
	color: #7A7A7A;
	font-weight: bold;
	font-size: smaller;
}

.torolt {
	color: #8F8F8F;
	text-decoration: line-through;
}

table.jel-adatell {
	width: 100%;
}

table.jel-adatell th {
	padding-right: 8px;
	width: 40%;
}

table.jel-adatell-50 th {
	width: 50%;
}

table.jel-adatell-25 th {
	width: 25%;
}

table.jel-adatell th, table.jel-adatell td {
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid gray;
}

.uid {
	text-decoration: none;
	color: black;
}

.accordion-item {
	border-radius: 0 !important;
}

.accordion-button:focus {
	box-shadow: none;
	border-radius: 0 !important;
}

.accordion-button:not(.collapsed) {
	background-color: #EFF3FB;
	color: #000;
}

.btn:hover {
	box-shadow: none;
}

.badge {
	text-decoration: none;
	border-radius: 0;
}

.bg-primary {
	background-color: #2c46a4 !important;
}

.badge-pink {
	background-color: #c40668 !important;
}

.form-floating>label {
	top: -17px;
}

.form-floating>.form-control, .form-floating>.form-select {
	height: 40px;
	min-height: 40px;
}

.form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}

.form-floating>.form-control {
	padding: 1.2rem 0.75rem;
}

.form-floating>.form-select {
	padding: 0 0.75rem;
}

.form-floating>.form-control:placeholder-shown~label {
	top: -9px;
}

.form-floating>.form-control:focus~label {
	top: -17px;
}

.form-floating {
	margin-bottom: .65rem !important;
}

.form-select:focus {
	border-color: #2c46a4;
	outline: 0;
	box-shadow: none;
}

.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #2c46a4;
	outline: 0;
	box-shadow: none;
}

.form-floating>.form-control:disabled~label::after, .form-floating>:disabled~label::after {
	background-color: rgba(255,255,255, .5);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
	border-color: var(--bs-form-invalid-border-color);
	box-shadow: none;
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
	border-color: var(--bs-form-invalid-border-color);
	box-shadow: none;
}

#chatbox {
	height: 300px;
	overflow-y: auto;
	border: 1px solid #696969;
	padding: 1.5rem;
	background-color: white;
}

#chatbox > p {
	margin-bottom: .25rem;
}

#chatbox > hr {
	margin-top: .25rem;
	margin-bottom: .25rem;
}

#jelenlet {
	padding: 2rem;
	text-align: center;
	border: 10px solid red;
}

#jelenlet > h3 {
	margin-bottom: 3rem;
}

.nav-link-tab {
	border-radius: 0 !important;
	color: #2A53A0 !important;
}

.nav-link-tab:hover {
	color: #2F5DB1 !important;
}

.nav-link-tab.active {
	border-radius: 0 !important;
	background-color: #2A53A0 !important;
	color: white !important;
}

.category-title {
	margin-left: 5px;
	margin-top: 1em;
	scroll-margin-top: 90px;
}

.temakor-tabs {
	scroll-margin-top: 90px;
}

.category-title > i {
	color: #2c46a4;
}

.category-title > i:hover {
	cursor: pointer;
}

.gyujtokategoria-title {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.category-left, .category-right {
	height: 0;
	cursor: pointer;
}

.category-left > svg {
	font-size: 2.5em;
	position: relative;
	top: 50px;
	left: -30px;
}

.category-right > svg {
	font-size: 2.5em;
	position: relative;
	top: 50px;
	left: calc(100% + 13px);
}

.category-left-live > svg, .category-right-live > svg {
	top: 100px;
}

.category-left-boxrow > svg, .category-right-boxrow > svg {
	top: 108px;
}

@media (max-width: 575px) {
	.category-left-boxrow > svg, .category-right-boxrow > svg {
		top: 70px;
	}
}

.category-videos {
	display: flex !important;
	overflow-x: scroll;
	padding: 6px;
	--ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}

.category::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}

.temakor-tabs {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	gap: 4px;
	border-bottom: 2px solid #E3E3EC;
}

.temakor-tabs .nav-item {
	margin: 0 !important;
}

.temakor-tab {
	background: none;
	border: none;
	border-bottom: 3px solid transparent;
	border-radius: 8px 8px 0 0 !important;
	color: #495057;
	padding: 10px 20px;
	font-weight: bold;
	white-space: nowrap;
	transition: background-color .15s ease, color .15s ease;
}

@media (max-width: 767px) {
	.temakor-tabs {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		--ms-overflow-style: none; /* Internet Explorer 10+ */
		scrollbar-width: none; /* Firefox */
	}

	.temakor-tabs::-webkit-scrollbar {
		display: none; /* Safari and Chrome */
	}

	.temakor-tabs .nav-item {
		flex-shrink: 0;
		scroll-snap-align: start;
	}
}

.temakor-tab:hover {
	background-color: #fff0f7;
	color: #c40668 !important;
}

.temakor-tab.active {
	background-color: #fff0f7 !important;
	border-bottom: 3px solid #c40668 !important;
	color: #c40668 !important;
}

.temakor-box-row {
	display: flex !important;
	flex-wrap: nowrap;
	align-items: stretch;
	overflow-x: scroll;
	gap: 24px;
	padding: 6px;
	--ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}

.temakor-box-row::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}

.temakor-box, .temakor-card-full {
	box-sizing: border-box;
	border: 1px solid #E3E3EC;
	border-radius: 12px;
	background-color: white;
	padding: 16px;
	display: flex;
	flex-direction: column;
}

.temakor-box {
	flex: 0 0 540px;
	min-width: 540px;
	max-width: 540px;
}

.temakor-card-full {
	width: 100%;
	margin-top: 12px;
}

.temakor-box .category-expand-btn, .temakor-card-full .category-expand-btn {
	margin-top: auto;
}

@media (max-width: 575px) {
	.temakor-box {
		flex: 0 0 306px;
		min-width: 306px;
		max-width: 306px;
		padding: 12px;
	}
}

.temakor-box .category-title, .temakor-card-full .category-title {
	font-size: .9375rem;
	margin-top: 0;
}

.temakor-box-header {
	min-height: 32px;
}

.temakor-title-badge {
	height: 24px;
	margin-right: 6px;
	vertical-align: middle;
}

.category-videos-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	padding: 6px;
}

.category-videos-grid .course {
	margin-right: 0;
	margin-bottom: 0;
}

.course-hidden {
	display: none;
}

.kategoria-expanded .course-hidden {
	display: block;
}

.category-expand-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 4px 0 12px 5px;
	padding: 0;
	background: none;
	border: none;
	color: #c40668;
	font-weight: 600;
	font-size: .875rem;
	cursor: pointer;
}

.category-expand-btn i {
	transition: transform 0.2s ease;
}

.category-expand-btn.expanded i {
	transform: rotate(180deg);
}

.mentorak-naptar-fej {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	margin-bottom: 12px;
}

.mentorak-naptar-fej-honapvalaszto {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.mentorak-naptar-fej-jobb {
	display: flex;
	justify-content: flex-end;
}

.mentorak-naptar-fej h5 {
	min-width: 160px;
	text-align: center;
	text-transform: capitalize;
}

.mentorak-naptar-grid {
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 1px;
	background-color: #E3E3EC;
	border: 1px solid #E3E3EC;
	border-radius: 12px;
	overflow: hidden;
}

.mentorak-naptar-fejnap {
	background-color: #fff0f7;
	color: #c40668;
	font-weight: bold;
	font-size: .8125rem;
	text-align: center;
	padding: 8px 4px;
}

.mentorak-naptar-nap {
	background-color: white;
	min-height: 96px;
	padding: 6px;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.mentorak-naptar-nap-ures {
	background-color: #FAFAFC;
}

.mentorak-naptar-nap-ma {
	background-color: #fff0f7;
}

.mentorak-naptar-nap-kattinthato {
	cursor: pointer;
}

.mentorak-naptar-nap-kivalasztott {
	box-shadow: inset 0 0 0 2px #c40668;
}

.mentorak-naptar-nap-szam {
	font-weight: bold;
	font-size: .8125rem;
	color: #495057;
}

.mentorak-naptar-nap-esemenyek {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mentorak-naptar-esemeny {
	display: block;
	background-color: #2A53A0;
	color: white !important;
	border-radius: 4px;
	padding: 2px 4px;
	font-size: .75rem;
	text-decoration: none;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

.mentorak-naptar-esemeny:hover {
	background-color: #2F5DB1;
}

.mentorak-naptar-tobb {
	font-size: .75rem;
	color: #8f93a0;
}

.mentorak-naptar-nap-pontok {
	display: none;
	gap: 3px;
	flex-wrap: wrap;
}

.mentorak-naptar-pont {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #c40668;
	display: inline-block;
}

.mentorak-naptar-nap-reszletek {
	display: none;
}

.mentorak-naptar-nap-reszletek-lathato {
	display: block;
	margin-top: 12px;
	border: 1px solid #E3E3EC;
	border-radius: 12px;
	padding: 12px 16px;
}

.mentorak-naptar-nap-reszletek-cim {
	margin-bottom: 8px;
	text-transform: capitalize;
}

.mentorak-naptar-nap-reszletek-sor {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding: 6px 0;
	border-top: 1px solid #E3E3EC;
	color: #212529 !important;
	text-decoration: none;
}

.mentorak-naptar-nap-reszletek-sor:first-of-type {
	border-top: none;
}

.mentorak-naptar-nap-reszletek-sor:hover {
	color: #c40668 !important;
}

.mentorak-naptar-nap-reszletek-ido {
	font-weight: bold;
	color: #2A53A0;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.mentorak-naptar-fej-honapvalaszto {
		gap: 6px;
	}

	.mentorak-naptar-fej h5 {
		min-width: 0;
		font-size: 1rem;
	}

	.mentorak-naptar-nap {
		min-height: 44px;
		padding: 4px 2px;
		gap: 2px;
	}

	.mentorak-naptar-fejnap {
		font-size: .6875rem;
		padding: 6px 2px;
	}

	.mentorak-naptar-nap-szam {
		font-size: .75rem;
	}

	.mentorak-naptar-nap-esemenyek {
		display: none;
	}

	.mentorak-naptar-nap-pontok {
		display: flex;
	}
}

.course {
	width: 224px;
	/*height: 200px;*/
	margin-right: 16px;
	background-color: white;
	box-shadow: 0 0 6px 0 #D6D6D6;
	cursor: pointer;
	position: relative;
	border-radius: 4px;
}

.course-live {
	width: 400px;
	border-radius: 8px;
}

.course > img {
	width: 224px;
	border-radius: 4px 4px 0 0;
}

.course-live > img {
	width: 400px;
	border-radius: 8px;
}

.course > .progress {
	border-radius: 0 0 4px 4px;
}

.course-live > img {
	width: 400px;
}

@media (max-width: 575px) {
	.course:not(.course-live) {
		width: 120px;
	}

	.course > img {
		width: 120px;
	}

	.course-live {
		width: 300px;
	}

	.course-live > img {
		width: 300px;
	}
}

.course:hover p {
	text-decoration: underline;
}

.course-detail {
	padding: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
	color: white;
	opacity: 0;
	transition: all 0.3s ease;
	height: 126px;
	border-radius: 4px 4px 0 0;
}

.course-live > .course-detail {
	border-radius: 8px;
}

.course-detail-live {
	height: 225px;
}

@media (max-width: 575px) {
	.course-detail {
		height: 184px;
	}

	.course-detail-live {
		height: 168px;
	}
}

.course:hover .course-detail {
	opacity: 1;
	transform: translateY(0);
}

.course:hover .course-detail p {
	text-decoration: none;
}

.course-status {
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	font-weight: bold;
	width: 75px;
	padding: 3px;
	text-align: center;
	border-radius: 7px;
	position: relative;
	float: right;
	right: 11px;
	top: -115px;
}

.course-csakpro {
	background-color: rgba(220, 53, 69, 0.8);;
	color: white;
	font-weight: bold;
	width: 60px;
	padding: 3px;
	text-align: center;
	border-radius: 7px;
	position: relative;
	float: left;
	left: 11px;
	top: -210px;
}

@media (hover: none) {
	.category-left {
		display: none;
	}

	.category-right {
		display: none;
	}

	/*.course {
		width: 300px;
	}

	.course > img {
		width: 300px;
	}*/
}

/*@media (max-width: 360px) {
	.course {
		width: calc(100vw - 70px);
	}

	.course > img {
		width: calc(100vw - 70px);
	}
}*/

.modal-content-pro {
	border-radius: 0;
	border: 0;
}

.modal-content-pro > .modal-header {
	padding: 0;
}

.modal-content-pro > .modal-header > img {
	width: 100%;
}

.modal-content-pro > .modal-header > button {
	position: absolute;
	top: 30px;
	right: 30px;
	padding: 0;
	margin: 0;
}

.accordion-button-pro {
	background-color: white !important;
	border-radius: 0 !important;
	color: #2c46a4 !important;
	font-size: 1.2rem;
}

.accordion-item-pro {
	border: 2px solid;
	border-image: linear-gradient(225deg, rgb(44 70 164), rgb(167 12 86)) 1;
}

#proIframe {
	height: 5300px;
}

@media(max-width: 991px) {
	#proIframe {
		height: 9000px;
	}

}

.form-check-input {
	border-color: #828282;
}

button.btn {
	box-shadow: none;
}

.kurzus-videolista {
}

.kurzus-videolista-inner {
	background-color: white;
	margin-bottom: 10px;
}

.kurzus-videolista-item {
	cursor: pointer;
	padding: 1rem 2rem;
	border-top: 1px solid #CFCFCF;
	font-weight: bold;
}

.kurzus-videolista-item i {
	color: gray;
}

.kurzus-videolista-item:hover, .kurzus-videolista-item:hover i {
	color: #c40668 !important;
}

.kurzus-videolista-item-aktiv, .kurzus-videolista-item-aktiv i {
	background: linear-gradient(90deg, #fff0f7, #fff);
	border-left: 4px solid var(--pink);
}

.kurzus-videolista-item:not(.kurzus-videolista-item-aktiv) .fa-circle-check, .kurzus-videolista-item:not(.kurzus-videolista-item-aktiv) .fa-square-check {
	color: #27b45a !important;
}

.kurzus-videolista-item-aktiv, .kurzus-videolista-item-aktiv i {
	color: #c40668 !important;
}

.kurzus-videolista-item-aktiv {
	border-left: 3px solid #E3A5BE;
	border-right: 3px solid #E3A5BE;
}

.kurzus-videolista-kep {
	height: 70px;
}

.kurzus-videolista-megn {
	display: inline;
	vertical-align: top;
}

@media (min-width: 1200px) { /* lg */
	.kurzus-videolista::-webkit-scrollbar {
		display: none;
	}
}

.btn.active {
	background: linear-gradient(225deg, rgb(44 70 164) 0%, rgb(167 12 86) 100%);
	border: 1px solid;
	border-image: linear-gradient(225deg, rgb(44 70 164), rgb(167 12 86)) 1;
}

main.esemeny::-webkit-scrollbar {
	display: none;
}

.esemeny-title {
	color: #111b55;
	font-size: 34px;
	line-height: 1.05;
	letter-spacing: -.04em;
	max-width: 720px;
	font-weight: bold;
}

.esemeny-subtitle {
	margin-top: 9px;
	color: #747789;
	font-size: 16px;
}

.esemeny-d {
	padding: 22px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid #ece3ec;
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(17, 27, 85, .09);
	overflow: hidden;
}

.kurzus-videolista-item i {
	font-size: 1.5rem;
	text-align: center;
}

.kurzus-videolista-item i.fa-angle-right {
	font-size: 1rem;
}

.esemeny-file:hover {
	color: #2c46a4;
	cursor: pointer;
}

.roadmap-close {
	position: fixed;
	top: 10px;
	right: 10px;
}

.text-gray {
	color: #CCCCCC;
}

.btn-mainpage-subscribe {
	position: absolute;
	bottom: 11px;
}

#collapseCourseDetails {
	max-height: 300px;
}

#collapseCourseDetails > .wbox {
	max-height: 300px;
	overflow-x: scroll;
	--ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}

.ratings {
	display: flex;
	align-items: center;
	height: 16px;
	margin: 0 0 10.5px;
	/*color: #444;*/
	line-height: 16px;
	letter-spacing: -0.15px;
}

.number {
	margin-right: 3.5px;
}

.rating-stars {
	position: relative;
	width: 65px;
	height: 16px;
	margin-top: 5px;
}

.empty-stars,
.filled-stars {
	display: flex;
	gap: 2px;
	height: 16px;
}

.filled-stars {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	white-space: nowrap;
}

.star {
	flex: 0 0 11px;
	width: 11px;
	height: 11px;
	display: block;
	clip-path: polygon(
		50% 0%,
		61% 35%,
		98% 35%,
		68% 57%,
		79% 91%,
		50% 70%,
		21% 91%,
		32% 57%,
		2% 35%,
		39% 35%
	);
}

.empty-stars .star {
	background: #dadce0;
}

.filled-stars .star {
	background: #f1cd4c;
}

.rs {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center; /* k�z�pre */
	gap: 5px;
}

.rs .fa-star {
	color: #ccc;
	cursor: pointer;
	size: 1.5rem;
}

.rs .fa-star:hover,
.rs .fa-star:hover ~ .fa-star {
	color: #F1CD4C;
}

.live-icon {
	background-color: rgba(225, 0, 45, 0.9);
	color: white;
	font-weight: bold;
	width: 95px;
	padding: 3px;
	text-align: center;
	border-radius: 7px;
	position: absolute;
	float: right;
	right: 11px;
	top: 11px;
	animation: blink 1s infinite;
}

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

.temakor-badge {
	height: 30px;
	margin-right: 5px;
}

.jelvenyek-card {
	display: flex;
	align-items: center;
	gap: 14px;
	background-color: #FFFFFF;
	border: 1px solid rgb(240, 226, 234);
	border-radius: 16px;
	padding: 12px 16px;
	box-shadow: rgba(40, 18, 30, 0.04) 0px 1px 2px;
	height: 100%;
	cursor: pointer;
}

.jelvenyek-card-badge {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.jelvenyek-card-badge img {
	max-width: 100%;
	max-height: 100%;
}

.jelvenyek-card-badge i {
	font-size: 22px;
	color: rgb(203, 182, 192);
}

.jelvenyek-card-title {
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 3px;
}

.jelvenyek-card-stats {
	flex: 1 1 auto;
	min-width: 0;
}

.jelvenyek-card-stat {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: rgb(138, 116, 128);
	margin-bottom: 1px;
}

.jelvenyek-card-stat i,
.jelvenyek-card-stat .jelvenyek-card-stat-icon {
	flex: 0 0 16px;
	text-align: center;
}

.vizsga-gomb {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1px solid rgb(239, 223, 233);
	border-radius: 10px;
	background: rgb(255, 255, 255);
	color: rgb(200, 22, 110);
	font-weight: 700;
	font-size: 12.5px;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s, transform 0.15s;
}

.vizsga-gomb:hover {
	background: rgba(252, 231, 241, 0.5);
	color: rgb(200, 22, 110);
	transform: translateY(-1px);
}

.vizsga-gomb--certifikat {
	border-color: #FF8B01;
	background: #FF8B01;
	color: rgb(255, 255, 255);
}

.vizsga-gomb--certifikat:hover {
	background: #E67D00;
	border-color: #E67D00;
	color: rgb(255, 255, 255);
}

.jelvenyek-card-stats .vizsga-gomb {
	margin-top: 12px;
	gap: 8px;
	padding: 11px 20px;
	border-radius: 12px;
	font-size: 15px;
}

.jelvenyek-progress {
	position: relative;
	flex: 0 0 auto;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: conic-gradient(rgb(200, 22, 110) calc(var(--pct) * 1%), rgb(240, 226, 234) 0);
}

.jelvenyek-progress-inner {
	position: absolute;
	inset: 5px;
	border-radius: 50%;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	font-weight: 800;
	color: rgb(42, 18, 30);
}

#vimeo_div {
	border-radius: 12px;
}

.nav-link-tab {
	color: #43465b !important;
	border: none !important;
	text-transform: none !important;
	background-color: white;
}

.nav-link-tab:hover {
	border:  !important;
	color: #c40668 !important;
}

.nav-link-tab.active {
	color: #c40668 !important;
	border: none !important;
	border-bottom: 3px solid #c40668 !important;
	background-color: white !important;
}

.kurzus-menu-card {
	padding: 22px 0;
	background: rgba(255, 255, 255, .94);
	border: 1px solid #ece3ec;
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(17, 27, 85, .09);
	overflow: hidden;
}

.right-status {
	padding: 22px;
	background: rgba(255, 255, 255, .94);
	border: 1px solid #ece3ec;
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(17, 27, 85, .09);
	overflow: hidden;
}

.right-status > h2 {
	font-size: 21px;
	font-weight: bold;
}

.right-status > h3 {
	font-size: 16px;
	font-weight: bold;
}

.right-status > .small-ring {
	margin: 8px auto 20px;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	position: relative;
}

.right-status > .small-ring strong {
	position: relative;
	z-index: 1;
	font-size: 22px;
	color: var(--navy);
	line-height: normal;
}

.small-ring:after {
	content: "";
	position: absolute;
	inset: 9px;
	border-radius: 50%;
	background: #fff;
}

#btn-navigacio {
	position: fixed;
	bottom: 0;
	margin-bottom: 0;
	left: 0;
	width: 100%;
	background-color: white;
	border: 1px solid #c40668;
	border-bottom: 0;
	padding: 10px;
	background-color: #c40668;
	color: white;
	z-index: 999999;
}

#video-placeholder {
	width: 100%;
	position: relative;
	aspect-ratio: 16 / 9;
}

#video-placeholder > img {
	display: block;
	width: 100%;
	transition: filter 0.2s ease;
}

#video-placeholder:hover > img {
	filter: brightness(0.6);
}

#video-placeholder:hover > img, #video-placeholder:hover > i {
	cursor: pointer;
}

#video-placeholder > i {
	font-size: 4rem;
 	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 2;
	color: #C40668;
}

#video-placeholder > .fa-play {
	font-size: 3rem;
	color: white;
	z-index: 1;
}

.elofizetes-tipus {
	border: 1px solid #dee2e6;
	padding: 10px;
	padding-left: 33px;
	border-radius: 20px;
}

.elofizetes-tipus-ar {
	font-size: 1.5rem;
}

.elofizetes-tipus-megt {
	background-color: #C40668;
	padding: 6px 12px;
	border-radius: 14px;
	color: white;
	font-weight: bold;
	font-size: 15px;
}

.form-check-input:checked {
	background-color: #C40668;
	border-color: #C40668;
}

.tooltip.tooltip-html .tooltip-inner {
	max-width: 320px;
	text-align: left;
}

.tooltip.tooltip-html .tooltip-inner p:last-child {
	margin-bottom: 0;
}

.hang-player {
	display: flex;
	align-items: center;
	gap: 14px;
	background-color: white;
	border: 1px solid #E3E3EC;
	border-radius: 13px;
	padding: 12px 16px;
	box-shadow: 0 0 6px 0 #D6D6D6;
}

.hang-player-toggle {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 0;
	display: grid;
	place-items: center;
	background: linear-gradient(135deg, rgb(44, 70, 164) 0%, rgb(167, 12, 86) 100%);
	color: white;
	font-size: 15px;
	cursor: pointer;
	transition: transform .15s ease, opacity .15s ease;
}

.hang-player-toggle i {
	padding-left: 2px;
}

.hang-player-toggle.is-playing i {
	padding-left: 0;
}

.hang-player-toggle:hover {
	opacity: .9;
}

.hang-player-toggle:active {
	transform: scale(.94);
}

.hang-player-main {
	flex: 1;
	min-width: 0;
}

.hang-player-progress {
	position: relative;
	height: 6px;
	border-radius: 999px;
	background-color: #E3E3EC;
	cursor: pointer;
}

.hang-player-progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0%;
	border-radius: inherit;
	background: linear-gradient(135deg, rgb(44, 70, 164) 0%, rgb(167, 12, 86) 100%);
}

.hang-player-progress-handle {
	position: absolute;
	top: 50%;
	left: 0%;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: white;
	border: 2px solid #c40668;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity .15s ease;
}

.hang-player-progress:hover .hang-player-progress-handle,
.hang-player-progress:focus-visible .hang-player-progress-handle {
	opacity: 1;
}

.hang-player-times {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
	font-size: .75rem;
	color: #8f93a0;
	font-variant-numeric: tabular-nums;
}

.hang-player-volume {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	gap: 8px;
}

.hang-player-volume-btn {
	background: none;
	border: 0;
	color: #8f93a0;
	font-size: 14px;
	cursor: pointer;
	width: 20px;
}

.hang-player-volume-btn:hover {
	color: #c40668;
}

.hang-player-volume-range {
	width: 70px;
	accent-color: #c40668;
}

@media (max-width: 480px) {
	.hang-player-volume-range {
		display: none;
	}
}

.jegyzetek-card h2 {
	font-size: 21px;
	font-weight: bold;
}

.jegyzetek-card {
	max-height: 100vh;
	display: flex;
	flex-direction: column;
}

.jegyzetek-lista {
	position: relative;
	flex: 0 1 auto;
	min-height: 0;
	overflow-y: auto;
	padding-right: 4px;
}

.jegyzet-cetli {
	position: relative;
	padding: 12px;
	margin-bottom: 12px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(17, 27, 85, .08);
}

.jegyzet-cetli-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}

.jegyzet-szinek {
	display: flex;
	gap: 4px;
}

.jegyzet-szin-gomb {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2px solid transparent;
	padding: 0;
	cursor: pointer;
}

.jegyzet-szin-gomb.active {
	border-color: var(--navy, #111b55);
}

.jegyzet-mozgat {
	display: flex;
	align-items: center;
	gap: 2px;
}

.jegyzet-fel-btn,
.jegyzet-le-btn {
	background: none;
	border: none;
	opacity: .5;
	font-size: 12px;
}

.jegyzet-fel-btn:hover,
.jegyzet-le-btn:hover {
	opacity: 1;
}

.jegyzet-drag-handle {
	cursor: grab;
	margin-left: 4px;
	opacity: .5;
}

.jegyzetek-lista-erintos .jegyzet-drag-handle {
	display: none;
}

.jegyzet-torol-btn {
	background: none;
	border: none;
	opacity: .5;
}

.jegyzet-torol-btn:hover {
	opacity: 1;
	color: #c40668;
}

.jegyzet-szoveg {
	width: 100%;
	min-height: 90px;
	border: none;
	background: transparent;
	resize: none;
	overflow: hidden;
	font-size: 14px;
	padding: 0;
}

.jegyzet-szoveg:focus {
	outline: none;
	box-shadow: none;
}