/*
A Projekthez ebben a fájlban kell kézzel létrehozni új, egyedi Class-eket!
MINDNZDGES 24
*/

/* eh_tracker */

.eh_settings_label_holder {
	position:absolute; top:28px; left:90px;
	line-height:41px;
	color:#3F3F3F;
}
.eh_settings_label_kategoria {
/*	position:absolute; top:28px; left:20px;
	font-size:20px;*/
}
.eh_settings_label_kategoria_felirat {
	position:absolute; 
	left:-75px;
	width:210px;
	text-align:center;
	transform:rotate( -90deg );
}


.eh_tracker_title {
	position:absolute; left:18px; top:12px;
	color:#000318; font-size:18px; font-weight:bold;
}
.eh_tracker_texts {
	position:absolute; left:18px; top:42px; width:1040px; height:34px; overflow:hidden;
	color:#275ea7; font-size:12px;
}
.eh_settings_detailed_category {
	position:absolute; top:0px; left:0px;
}
.eh_settings_detailed_category .label {
	position:absolute; left:-85px; width:183px; height:34px; padding:8px 0 0 0; border:1px solid #cccccf; border-radius:4px;
	color:#000105; font-size:18px; text-align:center;
	transform:rotate( -90deg );
}


.eh_settings_buttons_holder {
	position:absolute; left:200px; top:5px; width:387px; height:558px;
	border:1px solid #bbc3ca; border-radius:2px;
}
.eh_settings_track_holder {
	position:absolute; left:610px; top:5px; width:280px; height:558px;
	border:1px solid #bbc3ca; border-radius:2px;
}

.eh_settings_track_holder_mobil {
	position:relative; top:5px; width:280px; height:558px;
	border:1px solid #bbc3ca; border-radius:2px;
}

	.eh_settings_track_div {
		position:absolute; left:24px; width:235px; height:32px;
	}
		.eh_settings_track_div img.track {
			position:absolute; left:0px; top:16px;
		}
		.eh_settings_track_div .lbl1 {
			position:absolute; left:0; top:0px; color:#3F3F3F;
		}
		.eh_settings_track_div .lbl2 {
			position:absolute; right:36px; top:0px; color:#3F3F3F;
		}
		.eh_settings_track_div .lbl3 {
			position:absolute; top:0px; width:200px; text-align:center; color:#3F3F3F;
		}
		.eh_settings_track_div .value {
			position:absolute; right:0px; top:17px;
			font-size:11px;
		}
		.eh_settings_track_div .tracker {
			position:absolute; top:20px; left:95px;
		}

		
.eh_tracker_myself, .eh_tracker_environment {
	position:absolute;
}
	.eh_tracker_myself .status_img, .eh_tracker_environment .status_img {
		position:absolute; left:0; top:0; width:100%; height:100%;
	}
	.eh_tracker_myself .eh_tracker_counter, .eh_tracker_environment .eh_tracker_counter {
		position:absolute; left:38%; top:38%; width:24%; height:24%;
		display:flex; justify-content:center; align-items:center;
		border:1px solid #000; border-radius:50%;
		background-color:#fff;
	}
	.eh_tracker_myself .eh_tracker_hoop, .eh_tracker_environment .eh_tracker_hoop {
		position:absolute; width:100%; height:100%;
		border:2px solid #000; border-radius:50%;
		box-sizing:border-box;
	}

.eh_tracker_main{
	position:relative; float:left; margin:3px;
}

.eh_tracker_click{
	cursor:pointer; 
}
.eh_tracker_myself_label{
	text-align:center; 
	font-weight:bold; 
	font-size:11px !important; 
	color:#000; 
	font-family:'OpenSauceSans';
}

.eh_tracker_keret{
	
	border-radius:3px; 
	-moz-border-radius-topleft:3px; 
	-moz-border-radius-topright:3px; 
	-moz-border-radius-bottomright:3px; 
	-moz-border-radius-bottomleft:3px; 
	-webkit-border-top-left-radius:3px; 
	-webkit-border-top-right-radius:3px; 
	-webkit-border-bottom-left-radius:3px; 
	-webkit-border-bottom-right-radius:3px;
	border:1px solid #afafaf;
	font-family:'OpenSauceSans';
	font-size:11px;
	 align-items:center; justify-content:center; display:flex;
	color:#3F3F3F;
}

.diak_eh_tracker_name{

	float:left; 
	font-weight:normal; 
	cursor:pointer;cursor:hand;
}

.h_menu_24, .h_menu_24_selected {
	font-size:11px;
	width:138px; height:34px; margin:6px 0 0 13px; padding:9px 0 0 20px;
	box-sizing:border-box;
}

.h_menu_24_eh, .h_menu_24_eh_selected {
	font-size:11px;
	width:138px; height:45px; margin:6px 0 0 13px; padding:9px 0 0 20px;
	box-sizing:border-box;
}

.h_menu_24_eh a, .h_menu_24_eh_selected a {
	color:#707070; text-decoration:none;
	float:left; margin:2px 0 0 6px;
}

.h_menu_24_eh_selected {
	background-color:#f9e72e; border:none; border-radius:5px;
}
.h_menu_24_eh_selected a {
	color:#000;
}

.h_menu_24 img, .h_menu_24_selected img {
	float:left;
}
.h_menu_24 a, .h_menu_24_selected a {
	color:#707070; text-decoration:none;
	float:left; margin:2px 0 0 6px;
}

.h_menu_24_selected {
	background-color:#f9e72e; border:none; border-radius:5px;
}
.h_menu_24_selected a {
	color:#000;
}



.dashboard_nudgesAndPoints p {
	margin:0;
	font-size:19px; font-weight:bold;
}
	.dashboard_nudgesAndPoints .title p:first-of-type {
		color:#707070; font-size:11px;
		margin-bottom:12px; font-weight:normal;
	}


.dashboard_myBadges {
	position:relative; width:110px; height:150px; padding:5px; text-align:center;
}

.dashboard_myBadges p {
	text-align:center; font-weight:bold; font-size:11px;
	border-radius:6px;
	padding:4px;
}

.progress_myBadges {
	position:relative; width:110px; height:160px; padding:5px; text-align:center;
}

.progress_myBadges p {
	text-align:center; font-weight:bold; font-size:11px;
	border-radius:6px;
	padding:4px;
}

.progress_mobil_myBadges {
	position:relative; width:100px; height:150px; padding:5px; text-align:center;
}

.progress_mobil_myBadges p {
	text-align:center; font-weight:bold; font-size:11px;
	border-radius:6px;
	padding:4px;
}

.text_title {
	font-size:13px; font-weight:bold;
	margin:6px 0 0 0;
}
.text_sub_title {
	font-size:11px; color:#262e44;
	margin:6px 0 0 0;
}


.resources_title {
	font-size:20px; font-weight:bold;
	margin-top:4px;
}
.resources_sub_title {
	font-size:12px; color:#767677;
}


.resources_div {
	float:left;
	border-radius:6px; background-color:#fff; margin:0 20px 20px 0; box-sizing:border-box;
	width:247px; height:260px;
}
	.resources_div .bg_img {
		width:247px; height:150px; background-position:center center;
		border-top-left-radius:5px; border-top-right-radius:5px;
	}
	.resources_div .bg_img_mobil {
		width:247px; height:150px; background-position:center center;
		border-top-left-radius:5px; border-top-right-radius:5px;
	}
	.resources_div p {
		margin-left:14px; margin-right:14px;
		color:#767677; font-size:9px;
	}
	.resources_div p.title {
		font-weight:bold; font-size:9px;
	}
	.resources_div p.txt {

	}
	.resources_div p.download a {
		color:#369fff; text-decoration:none; font-size:9px; font-weight:bold;
	}




.sprint_selected_menu {
	border-bottom:2px solid yellow; font-weight:bold;
}



.learning_tribe_container, .learning_tribe_container_w_padding {
	position:relative; float:left; width:245px; height:120px;
	box-sizing:border-box; border-radius:5px; background-color:#fff;
}
.learning_tribe_container_w_padding {
	margin:0 20px 20px 0;
	margin-right:max(70px, 6%);
}
	.learning_tribe_header, .learning_tribe_header .lbl, .learning_tribe_header .stage
	, .learning_tribe_icons, .learning_tribe_icons .avatar
	, .learning_tribe_footer, .learning_tribe_footer .points, .learning_tribe_footer .badges {
		position:relative; float:left;
	}
	.learning_tribe_header {
		height:74px; width:calc(100% - 20px);
		box-sizing:border-box; border-bottom:1px solid #f4f4f4; margin-left:10px;
	}
		.learning_tribe_header .avatar {
			float:left;
			width:60px; height:60px;
			box-sizing:border-box; padding:10px 0 0 5px;
		}
			.learning_tribe_header .avatar img {
				border-radius:50%; width:50px; height:50px;
			}
		.learning_tribe_header .stage {
			font-size:12px; font-weight:bold;
			width:118px; height:60px;
			box-sizing:border-box; padding:10px 0 0 10px;
		}
			.learning_tribe_header .stage .lbl {

			}
			.learning_tribe_header .stage .counter {
				float:left;
				color:#33a9a7; font-size:11px; text-align:center;
				background-color:#ddf1f0; border-radius:5px; width:60px; height:20px; box-sizing:border-box; padding:3px 0 0 0; margin:6px 0 0 0;
			}

		.learning_tribe_header .icon_pack {
			float:right;
			margin:8px 0 0 0;
			opacity:0.1;
		}

	.learning_tribe_footer {
		box-sizing:border-box;
		margin-top:8px;
		height:34px; width:100%;
		color:#7a7a7a;
	}
		.learning_tribe_footer img {
			 float:left; margin:9px 0 0 14px;
		}
		.learning_tribe_footer .points {
			 margin:7px 0 0 12px;
		}
		.learning_tribe_footer .badges {
			float:right;
			margin:7px 12px 0 0;
		}
			.learning_tribe_footer .value {
				color:252525; font-weight:bold;
			}




.forum_selector {
	float:left;
}
	.forum_selector img {
		float:left;
		height:32px; margin-right:7px;
		cursor:pointer;
	}
	.forum_selector div {
		float:left;
		font-size:11px; color:#0e8cff;
		margin:3px 7px 0 0;
		cursor:pointer;
	}
	.forum_selector .forum_type {
		height:18px; padding:2px 2px 3px 2px;
	}
	.selected {
		border:1px solid #0e8cff !important; border-radius:5px;
	}
	.forum_type_mobil {
		border:1px solid #ccc; border-radius:5px;
	}
	.forum_selector .forum_type_mobil {
		width:48px; height:48px; padding:6px 0 0 0;
		box-sizing:border-box;
	}
	.forum_selector .forum_type_mobil img {
		margin:0px; float:none;
	}










.day_24_summary_content{
	box-sizing:border-box;
	padding:10px 0 10px 10px; width:inherit; height:630px;
	overflow-y:auto;
}

.day_24_summary_merfoldko{
	position:relative;
	width:100%; margin-bottom:20px;
}

.day_24_summary_merfoldko .day_24_summary_title{
	color:#707070; font-weight:bold;
	background-color:#fff;
	height:80px; padding:20px; border-radius:6px; box-sizing:border-box;
}

.day_24_summary_title_name{
	float:left;
	box-sizing:border-box;
	width:75%; padding:10px;
}

.day_24_summary_title_point{
	float:left;
	width:25%;
	padding:10px;
	text-align:right;
	box-sizing:border-box;
}

.day_24_summary_sprint{
	margin-left:11px;
	border-left:2px solid #f8e840;
	margin-top:10px;
}

.day_24_summary_sprint .statusz{
	background-image:url(<?=$httpImages?>mn_nyil_s.png);
	cursor:pointer;
	position:absolute; 
	top:0px;
	right:300px; 
	width:17px;
	height:17px;
}

.day_24_summary_preview{
	text-align:center;
	position:relative;
}

.day_24_summary_preview .day_24_summary_preview_details{
	width:80%; 
	margin-left:auto; 
	margin-right:auto;
	margin-top:20px;
	display:none;
}

.day_24_summary_preview.selected .day_24_summary_preview_details{
	display:block !important;
}

.day_24_summary_sprint .day_24_summary_reflection{
	border-bottom:2px solid grey; 
	margin-bottom:5px;
}

.day_24_summary_sprint_header{
	height:50px;
}

.day_24_summary_sprint_body{
	color:#707070; background-color:#fff;
	padding:10px; border-radius:6px;
}

.day_24_summary_sprint_footer{
	padding:5px;
	color:#707070; background-color:#f3f4f5;
}

.day_24_summary_sprint_footer_left{
	float:left;
	padding:5px;
}

.day_24_summary_sprint_footer_right{
	float:right;
	width:100px; padding:5px;
	text-align:center;
}

.green_button{
	background-color:#000; color:#fff; cursor:pointer;
	border-radius:6px;
}







.mobil_separator {
	color:#707070;
	border-top:2px solid #707070; margin:0px; padding:24px; clear:both;
}
.mobil_text_left {
	margin:0; padding:24px 24px 2px 24px; text-align:left;
}


.mobil_forum_since {
	width:100%; text-align:center;
	font-size:10px; color:#717171;
}

.mobil_forum_sent_msg, .mobil_forum_received_msg {
	/*width:85%;*/
	width:calc(100% - 70px);
	padding:8px 12px 8px 12px; margin:0 2px 8px 0; border-radius:10px; box-sizing:border-box;
}
.mobil_forum_sent_msg {
	float:right;
	text-align:right;
	border:1px solid #d1d1d1; margin-right:32px; background:#fff;
}
	.mobil_forum_sent_msg .title_msg {
		padding:5px; width:85%; float:left; background-color:#f3f4f5; border-radius:5px;
	}

.mobil_forum_received_msg {
	float:left;
	border:1px solid #d1d1d1; background:#fff;
}
	.mobil_forum_received_msg .date {
		float:right;
		margin:4px 62px 0 0;
		font-size:10px; color:#717171;
	}
	.mobil_forum_received_msg .pict {
		float:left; padding:5px; width:10%;
	}
	.mobil_forum_received_msg .title_msg {
		padding:5px; width:85%; float:left; background-color:#f3f4f5; border-radius:5px;
	}
		.mobil_forum_msg_title {
			font-size:10px; color:#717171;
		}

		.mobil_forum_msg_txt {
			font-size:11px;
			float:left; text-align:left;
			margin-top:4px;
		}








.mobil_bttn_sprint .button_div {
	border:none !important;
	background-color:transparent !important;
}
	.mobil_bttn_sprint .button_label {
		border-right:1px solid #ccc;
		background-color:#fff !important; /* border-radius:5px; border:1px solid #000; border-left:none;*/
	}
/*	KIVÁLASZTOTT GOMB*/
.mobil_bttn_sprint .wp_BttnDIV_lblDivSelected {
	border-bottom:2px solid yellow; /*background-color:#000 !important;*/
}
	.mobil_bttn_sprint .wp_BttnDIV_lblSelected {
		color:#5a5a5a !important; font-size:14px; font-weight:bold;
	}



.mobil_learning_tribe {
	width:340px;
}



.mobil_table_white_bg table table {
	margin-bottom:12px;
	border-radius:5px; border:0px solid; background-color:#fff;
}
.mobil_table_white_bg .table_div {
	color:#6f6f6f;
}


.mobil_table_white_bg table table .tableRenderer_aTableRowA, .mobil_table_white_bg table table .tableRenderer_aTableRowB {
	background-color:transparent !important;
}

/*org admin menühöz class*/
.org_admin_menu_24, .org_admin_menu_24_selected {
	font-size:11px;
	width:138px; height:25px; margin:6px 0 0 13px;
	box-sizing:border-box;
}
.org_admin_menu_24 img, .org_admin_menu_24_selected img {
		float:left;
	}
	.org_admin_menu_24 a, .org_admin_menu_24_selected a {
		color:#707070; text-decoration:none;
		float:left; margin:2px 0 0 6px;
	}

.org_admin_menu_24_selected {
	color:#54A2D6;
	font-weight:bold;
}
	.org_admin_menu_24_selected a {
		/*color:#000;*/
		color:#54A2D6;
	}

.exclamation_number{
	display:inline-block;
	height:8px;
	min-width:8px;
	border-radius:50%;
	background-color:red;
	color:white;
	font-size :8px;
	line-height:8px;
	padding:4px;
	float:left;
	text-align:center;
	margin-right:4px;
}
/*REGISTRATION STORE BUTTON*/

.registration_storeButton_div {
	transition:0.6s;
	float:left; border:1px solid; border-radius:5px; border-color:#D5E5FA; background-color:#D5E5FA;
	font-size:14px; color:#000; text-align:center; cursor:pointer; font-weight: normal;
}
	.registration_storeButton_div:hover {
		background-color:#D5E5FA;
	}
	
/*REGISTRATION MOBILE LABEL*/	
.mobil_registration_label div {
	
	font-size:16px !important;
}



	/* nyitható csukható div css-e */

.black_row {
	background-color: #000;
	color: white;
	font-size: 14px;
	height: 40px;
	position: relative;
	left: -5px;
	width:100%;
	/*display:inline-block;*/
	line-height: 40px;
	cursor: pointer;
}	
.black_row_title {
	width: 79%;
	text-align: center;
	display: inline-block;
}	
.black_row_arrow_container{
	width: 8%;
	display: inline-block;

}
.black_row_arrow{ 
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #FFFFFF;
	font-size: 0;
	line-height: 0;
	float: left;
	position: relative;
	left: 10px;
}

.black_row_v2 {

	background-color: #000;
	color: white;
	font-size: 14px;
	height: 40px;
	position: none;
	width:100%;
	display:block ruby;
	line-height: 40px;
	cursor: pointer;
}
.black_row_sarga_v2 {

	background-color: #f6c733;
	color: white;
	font-size: 14px;
	height: 40px;
	position: relative;
	width:100%;
	/*display:block ruby;*/
	line-height: 40px;
	cursor: pointer;
}

.black_row_arrow_sarga_fekete{ 
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #000000;
	font-size: 0;
	line-height: 0;
	float: left;
	position: relative;
	left: 10px;
}

.black_row_sarga_fekete {

	background-color: #000;
	color:#000000;
	font-size: 14px;
	height: 40px;
	position: none;
	width:100%;
	display:block ruby;
	line-height: 40px;
	cursor: pointer;
}
.black_row_sarga_fekete_v2 {

	background-color: #6817a4;
	color:#FFF;
	font-size: 14px;
	height: 40px;
	position: relative;
	width:100%;
	/*display:block ruby;*/
	line-height: 40px;
	cursor: pointer;
}


.set_error_color {

	color: #6817a4 !important;

}

.registration_storeButton_div {
	background-color: #6817a4;
	color: #FFF;
}

.registration_storeButton_div:hover {
/*	background-color: #6817a4; */
	color: #000;
}

.evaluation_form_kerdes{

	font-size:10px;
	height:35px; 
	background-color:#EDEDED; 
	border-radius:50px; 
	display: flex; 
	align-items: center; 
	padding-left:15px;
	cursor:pointer;cursor:hand;
}

.evaluation_form_valasz_potty{

	height:35px; 
	width:35px; 
	background-color:#EDEDED; 
	color:#ffffff; 
	border-radius:50px; 
	display: grid; 
	align-items: center; 
	font-size:20px; 
	text-align:center;
	cursor:pointer;cursor:hand;
	line-height: 35px;
}

.evaluation_form_valasz_potty_select{

	height:35px; 
	width:35px; 
	background-color:#40b027; 
	color:#ffffff; 
	border-radius:50px; 
	display: grid; 
	align-items: center; 
	font-size:20px; 
	text-align:center;
	cursor:pointer;cursor:hand;
	line-height: 35px;
}

/*MOBIL EVALUATION FORMHOZ HASZNÁLJUK*/

.black_row_arrow_container {
		width: 8%;
		display: inline-block;
		position: relative;
		left: -40vw; /* Használj viewport szélességet, hogy mobilon is reagáljon */
	}
	.black_row_arrow_left {
		width: 0;
		height: 0;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 16px solid black;  /* Border-left helyett border-right */
		font-size: 0;
		line-height: 0;
		float: left;
		position: relative;
		left: 3px;
		margin-left: 10px;
	}
/*EVALUATION FORMHOZ HASZNÁLJUK VÉGE*/