#inst101 {
	margin-left: auto !important;
    margin-right: auto;
}

#page-message-output-popup-notifications .breadcrumb {
	display: none;
}

.courses .top_courses .img-whp {
	object-fit: contain !important;
}

.notification-area .footer {
	display: none;
}

.block_cocoon_course_categories .img_hvr_box {
	background-size: contain;
}

.tc_footer .flaticon-comment {
    position: relative;
    cursor: pointer;
}

.tc_footer .flaticon-comment::after {
    content: "Szekciók száma";
    position: absolute;
    transform: translateX(-80%);
	font-family: "Open Sans";
    background-color: #333;
    color: white;
    padding: 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    z-index: 9999; /* Ensure it's on top of other elements */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.tc_footer .flaticon-comment:hover::after {
    opacity: 1;
    visibility: visible;
}

.tc_footer .flaticon-profile {
    position: relative;
    cursor: pointer;
}

.tc_footer .flaticon-profile::after {
    content: "Résztvevők száma";
    position: absolute;
    transform: translateX(-80%);
	font-family: "Open Sans";
    background-color: #333;
    color: white;
    padding: 8px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    z-index: 9999; /* Ensure it's on top of other elements */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.tc_footer .flaticon-profile:hover::after {
    opacity: 1;
    visibility: visible;
}


.details .info .enrolmenticons {
	display: none;
}

.ccnHook_uni .ccn-settings-nav-notif {
	display: inline-block !important;
}

.instructor_thumb.text-center img {
    height: 100px;
    width: 100px;
}


#supervideo_area_embed {
	margin-bottom: 10vh;
}

#supervideoheading {
	display: none;
}

.card-deck {
	justify-content: center;
}

#inst82 {
	height: 50vh;
	overflow-y: auto;
}

.col-xl-5 {
	max-width: 25%
}

.col-lg-3, .col-xl-3 {
	max-width: 25%;
}

.format-remuiformat .activity-cards .single-card .activityname {
    transition: transform 0.3s ease, font-size 0.3s ease; /* Smoothly scale the text */
}

.format-remuiformat .activity-cards .single-card:hover .activityname {
    transform: scale(1.1); /* Scale the text size up on hover */
    font-size: 1.1em; /* Alternatively, you can increase the font size instead of using transform */
}

.format-remuiformat .activity-cards .single-card {
    background-color: #005a7b !important; /* Base background color */
    box-shadow: 0 0 15px rgba(0, 90, 123, 0.6); /* Blue glow */
    position: relative; /* Ensure hover effect stays inside the card */
    transition: background 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

.format-remuiformat .activity-cards .single-card:hover {
    box-shadow: 0 0 25px rgba(0, 90, 123, 1); /* Stronger glow on hover */
    background: radial-gradient(circle at var(--x) var(--y), rgba(255, 255, 255, 0.3), #005a7b); /* Highlight effect */
}

/* JavaScript to capture the cursor position and set CSS variables for hover */
.format-remuiformat .activity-cards .single-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none; /* Ensure it doesn't block interactions */
    background: radial-gradient(circle at center, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 70%);
    transition: background 0.3s ease;
}

.format-remuiformat .activity-cards .single-card:hover::before {
    background: radial-gradient(circle at var(--x) var(--y), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 70%);
}


.format-remuiformat .activity-icon {
	display: none !important;
}

.block_fastnav {
	display: none;
}

.block-fastnav-lock {
	display: none !important;
}

#section-0 #page-header {
	background-size: contain !important;
}

.tool_courserating-widget {
	z-index: 1000;
}

.format-remuiformat .instructor-info {
	display: none !important;
}

.format-remuiformat .category {
	display: none;
}

#section-0 .section-details {
	display: none !important;
}

#section-0 .rmuiformate-header-wrapper.d-none {
	display: block !important;
}

.format-remuiformat #section-0 {
	display: block !important;
	margin-bottom: 40px;
}

.format-remuiformat .wdm-section-summary #customButtonfooldal {
	display: none !important;
}

.format-remuiformat .col-md-12.p-0.wdm-card-section {
	display: none !important;
}

.block_course_index.block.blog_tag_widget .courseindex-link.text-truncate {
	white-space: normal !important;
}

.card-section-leftnav {
	background-color: #005a7b !important;
}

.card-section-rightnav {
	background-color: #005a7b !important;
}

#inst65 {
	display: none;
}

.format-remuiformat .general-single-card .sno {
	display: none;
}

.userprofile .our-team {
	margin-top: 35px;
}

.userprofile .our-team .col-lg-6.col-xl-4 {
	opacity: 1;
}

.instructor_personal_infor .instructor_thumb {
	margin-top: 16px !important;
}

.userprofile .our-team .row {
	width: 100%
}

.block_user_favorites .fa.fa-arrows-v {
	display: none;
}

@media (max-width: 767px) {
	.my_course_content_container.block-myoverview.block-cards .btn.btn-link.btn-icon.icon-size-3.coursemenubtn {
		margin-top: 4px;
		margin-left: 4px;
	}
}

@media screen and (max-width: 1200px) {
    .ccn_breadcrumb_s {
        height: 180px;
    }
}

@media screen and (max-width: 1200px) {
    .ccn_context_frontend .inner_page_breadcrumb {
        padding-top: 90px;
    }
}

.header.backto {
	font-family: 'Nunito', sans-serif;
}

.breadcrumb-item {
	font-family: 'Nunito', sans-serif;
}

.singlebutton.quizstartbuttondiv .btn.btn-primary {
	font-family: "Nunito", sans-serif;
}

@media (max-width: 767px) {
    .breadcrumb {
        flex-wrap: wrap !important;
		font-size: 10px !important;
    }
}

@media only screen and (max-width: 520px) {
    .inner_page_breadcrumb.ccn_breadcrumb_s .breadcrumb_content {
        margin-top: 0;
        padding-top: 0px;
    }
}

.breadcrumb_content .row .col-xl-6 .breadcrumb_title {
	width: 100% !important;
}
 
.breadcrumb_content .row .col-xl-6 {
	text-align: center;
}
 
.breadcrumb_content .row {
	display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
 
.ccn_breadcrumb_s .breadcrumb_content .breadcrumb {
	float: none;
}

.breadcrumb_content .breadcrumb {
	display: flex !important;
}

.ccn_breadcrumb_s .breadcrumb_content {
	padding: 0;
}

[class^="flexsections-level-"] {
    margin-left: 3vh;
}

#user-notifications .close {
	top: 10px;
}

.ccnHeader1.header-nav.menu_style_home_one.navbar-scrolltofixed.main-menu.scroll-to-fixed-fixed {
	height: 94px;
}

.ccnHeader1.header-nav.menu_style_home_one.navbar-scrolltofixed.main-menu.slideIn.animated.scroll-to-fixed-fixed {
	background-color: white;
}

.text-muted.text-uppercase.small.line-height-3 {
	display: none;
}

.page-header-image.mr-2 {
	display: none;
}

#search-button i {
	color: black;
}

.col-lg-6.col-xl-4 {
	opacity: 1;
	transform: translateY(0);
}

.activity-header .activity-information {
	display: none;
}

.footertext {
	color: #ffffff;
	font-size: 4vh;
	font-family: "Nunito", sans-serif;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.col-md-12.col-lg-8.col-xl-9 {
	display: flex;
	justify-content: center;
}

/*.ccn_context_frontend .inner_page_breadcrumb {
	display: none;
}*/

.my_course_content_list .mc_content_list .thumb .overlay ul {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.my_course_content_list .mc_content_list .thumb .overlay ul li a {
	text-align: center;
}

.text-muted.text-uppercase.small.line-height-3 {
	display: none;
}

.block_myoverview.block .subtitle {
	display: none;
}

/*.user_setting_content .dropdown-item:not(:first-child):not(:last-child) {
    display: none;
}*/




.mycoursedetails {
	width: 50%;
	float: left;
}

.courseimage img {
	border-radius: 40px;
}

h3.sectionname {
	margin-left: 30px;
}

header.header-nav.menu_style_home_one.dashbord_pages {
    background-image: none;
    background-color: #FFFFFF;
}



.dropdown-menu.show li [data-value="future"] {
    display: none;
}


.ccn_fav_icon {
	display: none;
}

.ccn_mc_progress {
	margin: initial;
}

.my_course_content_list .mc_content_list .thumb .overlay ul li {
	height: 100px;
    width: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.custom-button-quiz {
	font-size: 15px;
	font-family: "Open Sans", sans-serif;
	color: #fff;
	line-height: 1;
	padding: 14px 20px;
	margin-right: 5px;
	background-color: #005A7B;
	border-width: 2px;
	border-color: #005A7B;
	border-radius: 5px;
	border-style: solid;
	box-shadow: none;
}

.newButtonContainer {
	padding-left: 10px;
	vertical-align: middle;
	display: inline-block;
}

@media screen and (max-width: 1000px) {
    .newButtonContainer {
		padding-left: 0px;
        margin-top: 10px;
    }
}

.tevekenyseg {
border-radius: 40px;
}

/**/
.fa-stack.fa-2x > a:hover .fa-stack-1x {
    color: #333; /* or any color that's visible against your white background */
}
/**/
.fa-stack.fa-2x .fa-circle-o {
    display: none;
}
/**/
.box.py-3.generalbox.ccn-enrol-cta-box .float-right {
    float: none!important;
}

/**/
.login_page_logo.text-center span {
    font-size: 25px !important;
    font-weight: bold !important;
}

/*Kurzusok kártyák belebegtetése*/
/*.col-lg-6.col-xl-4 {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.2s, transform 1.2s;
    will-change: opacity, transform;
}
/*Footerben a három link az oldal szélességének harmada legyen*/
.col-sm-12.col-md-4.col-lg-4 {
  width: 33.33%; /* Make each element take up one third of the total width */
  display: flex;
  justify-content: center; /* Center the contents within each element */
  text-align: center; /* Center the text within each element */
}
/**/
.customButtonHoverEffect {
    background-color: transparent; /* Transparent background */
    border: 3px solid black; /* Bold sides */
    color: black; /* Text color */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Smooth transition for hover effect */
}

.customButtonHoverEffect:hover {
    background-color: black; /* Black background on hover */
    color: white; /* White text color on hover */
    border-color: white; /* White border color on hover */
}

/**/
.banner-style-one .banner-btn {
    border: 2px solid #fff;
    border-radius: 85px;    /* Updated border-radius */
    color: #fff;
    font-family: "Nunito", sans-serif;
    font-size: 20px;
    padding: 20px 30px;    /* Updated padding */
}
/**/
.btn-block a[data-ccn="slide_btn_text1"]:hover {
    color: black;
}
/**/
.progress-bar{
background-color: green;
}
/* Hide the first dropdown-divider if no filter option element is listed before it.
   This can happen for some subset configurations of the block_myoverview course filter. */
.block_myoverview button#groupingdropdown + .dropdown-menu li:first-of-type.dropdown-divider:first-of-type {
    display: none;
}

.tevekenyseg{
    border-radius: 10px;
}

.block_myoverview.block .dropdown.mr-1{
    display: inline-block;
    float:left;
    margin-top: 10px;
	margin-left: 7px;
	z-index: 10002 !important;
}

.block_myoverview.block .d-flex.flex-wrap.align-items-center .dropdown {
	margin-left: 8px;
}

.block_myoverview.block .d-flex.flex-wrap.align-items-center{
    display: inline-block!important;
    float: none;
    margin-top: 10px;
	z-index: 10001;
    position: relative;
}

.block_myoverview.block .d-flex.align-items-center {
    /* Your new CSS properties here */
    display: block !important; /* Example */
}
.ccn_context_dashboard.ccn_dashboard_header_scroll .dashboard_main_content .main_content_container {
    padding: 0px 0 0;
}

.calendarwrapper {
	margin-top: 100px;
}
#inst58 {
display:none;
}

header.header-nav {
    border-bottom: 8px solid rgb(0, 90, 123) !important;
}

.message_container .message_input button.btn {
	font-size: 12px;
}

#instance-282-header {
	background: #e40919;
	border-radius: 20px;
}

#inst282 .h4{
	color: white;
	text-align: center;
	font-size: 20px;
}

header.main-menu{
    position: relative !important;
    z-index: 1200 !important;
}

header.header-nav.dashbord_pages {
    z-index: 1200 !important;
}

ul.sub-menu{
    z-index: 1400 !important;
}

.mm-page {
    //padding-top: 100px;
}