h1.NewMypage, #product_listing .BlockBox h3{
	color: rgb(133, 198, 87);
}



.QuickNavMobile{display: none; width: auto; float: right; position: fixed; top: 70px; right: 0; background: rgba(250, 250, 250, 0.9);z-index: 9999; padding: 4px;}
.QuickNavMobile a{
	display: block;
	width: 38px;
	height: 38px;
	margin: 2px;
	background-size:100%;
	float: left;
}
.QuickNavMobile .t1{background: url("/mypage/resources/img/calendar-3.svg") no-repeat center;}
.QuickNavMobile .t2{background: url("/mypage/resources/img/chat-7.svg") no-repeat center;}
.QuickNavMobile .t3{background: url("/mypage/resources/img/card-6.svg") no-repeat center;}
.QuickNavMobile .t4{background: url("/mypage/resources/img/shopping.svg") no-repeat center;}
#KontoBoxLink{float: left; margin: 0; width: 2px; height: 2px; background: tomato; margin-top: -140px;}

/* CLICK EVENT */
#ChatBoxLink, .ProgressBlock, .ForekortBlock, .TeoriBlock, .AccountBlock{cursor: pointer;}


.BlockBox.MsgsBlock h3 {background: url("/mypage/resources/img/chat-7.svg") no-repeat 0 0; background-size: 42px; padding-left: 52px;}
.BlockBox.CalendarBlock h3 {background: url("/mypage/resources/img/calendar-3.svg") no-repeat 0 0; background-size: 38px; padding-left: 52px;}
.TeoriBlock{background: url("/mypage/resources/img/teritt.png") no-repeat 100% 10px; background-size: 93px; padding-left: 0;}
.AccountBlock{background: url("/mypage/resources/img/konto.svg") no-repeat 95% 0px; background-size: 93px; padding-left: 0;}
.AccountBlock h3{margin-bottom: 10px;}
.AccountBlock > div{width: 49%; display: inline-block; }
.AccountBlock #saldo_id {text-align: right;}

.BlockBox.ProgressBlock h3 {background: url("/mypage/resources/img/chart-15.svg") no-repeat 5px 0; background-size: 38px; padding-left: 52px;}
#progress_id{
	font-family: altgot, Ariel, sans-serif;
	text-transform: uppercase;
	float: right;
	margin-top: -64px;
	font-size: 64px;
	line-height: 1;
}
#product_listing .class_b, #product_listing .class_b-sw{
	background: url("../../../../img/2.png") no-repeat 100% -60px;
	width: 100%; 
	background-size: 238px; 
	padding-left: 15px;
	color:black;
	height: 108px;
	margin-top: -20px;
	padding-top: 20px;
}
#product_listing .MyClasses{cursor: pointer;}
.MyClasses.class_selected{}


.VegvesenBlock h4{
	font-family: altgot, Ariel, sans-serif;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 1;
	text-align: center;
}

#id_course_listing .LabelNoFloat{
	display: inline-block;
	font-family: altgot, Ariel, sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1;
	margin-right: 10px;
	clear: both;
	
}
#id_course_listing .LabelNoFloat span{
	    color: rgb(133, 198, 87);
}
#id_course_listing  ul{
	margin-top: 20px;
	float: left;
	display: block;
	width: 100%;
}
#id_course_listing  ul li{
	background: #dadada;
	margin-bottom: 2px;
	padding: 5px;
}
#id_course_listing  ul li span{
	min-width: 60px;
	border-right: 2px solid white;
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	padding-right: 10px;
}

#product_listing .BlockBox {
	display: block;
	float: left;
	width: 100%;
	border-bottom:3px solid #ddd; 
	padding: 20px 0;
}


.ButtonlikeText{
	color: rgb(133, 198, 87);
	font-family: altgot, Ariel, sans-serif;
	text-transform: uppercase;
	float: right;
	font-size: 24px;
	cursor: pointer;
	margin-right: 20px;
}
.CalendarBlock .ButtonlikeText{
	background: rgb(133, 198, 87);
	color: white;
	padding: 12px 32px;
	border-radius: 2px;
	margin-top: -10px;
}
.MsgsBlock .ButtonlikeText{
	background: url("/mypage/resources/img/chat.svg") no-repeat 100% 6px; background-size: 24px; padding-right: 36px;
}

#product_listing .BlockBox.YTchanelBlock{height: auto !important; }
#product_listing .ProfileBlock select{margin-top: 20px;}

#product_listing .ProfileBlock img{
	width: 70px;
	height:auto;
	float: left;
	margin-right: 20px;
}
#product_listing .ProfileBlock h2{
	font-size: 38px;
	padding-top: 80px;
	padding-top: 0px;
	margin-top: 5px;
	line-height: 1;
	margin-bottom: 0;
}
.class_selected{float: left;padding: 5px;
margin-right: 5px;}

.FooterBlock{float: left;width: 100%;}


#minical .selected, #minical .date_wrapper{
	height: 70px;
	width: 70px;
	margin-top: -3px;
}
#minical a.date{padding: 0 2%;}

/* fix alien br */
.mypage .hourcount_label{max-width: 130px;}

.mypage .calendar_right{
 	
 }
.mypage .calendar_left{}

.click_to_buy{
	float: left;
	padding: 15px 30px 15px 15px;
	font-family: altgot,'Arial';
	text-transform: uppercase;
	background: rgb(133, 198, 87);
	color: white !important;
	border-radius: 2px;
	height: 80px;
	font-size: 28px;
}
.click_to_buy .shop_more{
	display: block;
	border-radius: 50%;
	margin: -5px  -20px  -10px  10px;
}
.click_to_buy{
    font-size: 24px;
	height: auto;
	margin-left: -20px;
	border-radius: 4px;
	max-width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.shop_more{
    display: none !important;
}
	.calendar_left.basicBox .clear{display: none !important;}
	#maingrid {
    	padding-top: 0;
    	float: right;
    	max-width: 600px;
	}
@media (max-width: 3000px)/* SCREEN SIZE up to XXXXXL BOOTSTRAP */{
	#product_listing .BlockBox{width: 50%;}
	#product_listing .BlockBox.ProfileBlock{width: 50%;float: left; }
	/* BLOCKS */
	#product_listing .BlockBox{width: calc(50% - 10px); padding: 15px;min-height: 280px;border: 3px solid #ddd; margin:5px; border-radius: 3px;}
	#product_listing .BlockBox.AccountBlock, #product_listing .BlockBox.TeoriBlock, #product_listing .BlockBox.ProgressBlock{min-height: 100px;}
	#product_listing .BlockBox.ForekortBlock{min-height: 100px;}
	#product_listing .BlockBox.VegvesenBlock{min-height: 128px;}
	#id_course_listing{min-width: calc(100% - 10px); padding: 20px 15px !important;}
	#product_listing .BlockBox.ContactzBlock, #product_listing .BlockBox.VegvesenBlock{min-height: 80px;}
	.ForekortBlock, .TeoriBlock, .AccountBlock, #id_course_listing, .ForekortBlock, .TeoriBlock, .AccountBlock{padding-left: 5px;}
	.BlockBox.CalendarBlock h3, .MsgsBlock h3{background-position: 5px 0;}
	#product_listing .BlockBox.ProfileBlock, #product_listing .BlockBox{min-height: 220px; width: calc(50% - 10px); border-bottom: 3px solid #ddd; }
}


@media (max-width: 1199px){ /* SCREEN SIZE up to XL BOOTSTRAP */
	.mypage .calendar_right, .mypage .calendar_left{max-width: 100%;width: 100%;float: left; margin:0;}
	.mypage .calendar_right{margin-top: 0;}
	.bzxzody{width: 100vw; overflow-x: hidden;}
	#minical{margin:0; height: auto;}
	#maingrid{padding-top: 0;}
	.calendar_right .shortinfo, #minical{width: 100%;}
	.minigrid_left{padding-top: 5px;margin-left: 10px;text-align: left; height: 85px;}
	#day_date{line-height: 1; padding: 0; margin-top: 0px;color: rgb(133, 198, 87); float:left;}
	.subpage section .container:first-child {padding-top: 20px;}
	.tabletitle{font-size: 24px;line-height: 24px;}
	#minical .day, #minical a.date{width: calc(100% / 7) !important;}
	.mypage .hourcount_label{max-width: 240px;}
	.infowrapper .hourcount{margin-top: -25px;}
	#minical a.date {font-size: 64px; padding-top: 5px;}
	.subpage .SubpageFirst {margin-top: 140px;}
	.minigrid{width: auto; margin-right: 15px;}
	.subpage section h1 {font-size: 48px;}
	.subpage .Breadcrumb {margin-top: 25px;}
	#product_listing .BlockBox.YTchanelBlock img{max-height: 220px; }
	
}


@media (max-width: 991px){ /* SCREEN SIZE up to MD BOOTSTRAP */
	.mypage .calendar_right, .mypage .calendar_left{max-width: 100%;width: 100%;float: left; margin:0;}
	.mypage .calendar_right{margin-top: 0;}
	.bzxzody{width: 100vw; overflow-x: hidden;}
	#minical{margin:0; height: auto;}
	#maingrid{padding-top: 0;}
	.calendar_right .shortinfo, #minical{width: 100%;}
	.minigrid_left{padding-top: 5px;margin-left: 10px;text-align: left; height: 85px;}
	#day_date{line-height: 1; padding: 0; margin-top: 0px;color: rgb(133, 198, 87); float:left;}
	.subpage section .container:first-child {padding-top: 20px;}
	.tabletitle{font-size: 24px;line-height: 24px;}
	#minical .day, #minical a.date{width: calc(100% / 7) !important;}
	.mypage .hourcount_label{max-width: 240px;}
	.infowrapper .hourcount{margin-top: -25px;}
	#minical a.date {font-size: 64px; padding-top: 5px;}
	.subpage .SubpageFirst {margin-top: 140px;}
	.minigrid{width: auto; margin-right: 15px;}
	.subpage section h1 {font-size: 48px;}
	.subpage .Breadcrumb {margin-top: 25px;}
	#product_listing .BlockBox{width: 100%; padding: 0;min-height: auto; border:0; border-bottom: 3px solid #ddd; margin:0; padding:20px 0;}
	.mypage .calendar_right, .mypage .calendar_left{max-width: 100%;width: 100%;float: left; margin:0;}
	#id_course_listing{min-width: calc(100% - 10px); padding: 20px 0px !important;}
	#product_listing .BlockBox.YTchanelBlock{padding: 0 !important; border-bottom: 3px solid #ddd !important;}
	#product_listing .BlockBox.ProfileBlock{width: 100%; height: 180px !important;}
}
@media (max-width: 767px){ /* SCREEN SIZE SM BOOTSTRAP */
	#product_listing .BlockBox.YTchanelBlock{padding: 0 !important; border:0 !important; padding: 20px;}
	.FooterBlock{background: black;float: left;width: 100%;color: white;width: calc(100% + 20px);margin: 20px -10px -40px -10px;	padding: 15px;}
	#product_listing .FooterBlock h3{color: white;font-size: 28px;}

}
@media (max-width: 539px){ /* SCREEN SIZE S BOOTSTRAP */
	.mypage .calendar_right{margin-top: 0;}
	.bzxzody{width: 100vw; overflow-x: hidden;}
	#minical{margin:0; height: auto;}
	#maingrid{padding-top: 0;}
	.calendar_right .shortinfo, #minical{width: 100%;}
	.minigrid_left{padding-top: 5px;margin-left: 10px;text-align: left; height: 85px;}
	#day_date{line-height: 1; padding: 0; margin-top: 0px;color: rgb(133, 198, 87); float:left;}
	.subpage section .container:first-child {padding-top: 20px;}
	.tabletitle{font-size: 24px;line-height: 24px;}
	#minical .day, #minical a.date{width: calc(100% / 7) !important;}
	.mypage .hourcount_label{max-width: 240px;}
	.infowrapper .hourcount{margin-top: -25px;}
	#minical a.date {font-size: 64px; padding-top: 5px;}
	.subpage .SubpageFirst {margin-top: 140px;}
	.minigrid{width: auto; margin-right: 15px;}
	.subpage section h1 {font-size: 48px;}
	#minical .selected, #minical .date_wrapper{	height: 60px;width: 60px;margin-top: 9px;line-height: 1.3;}
	#minical a.date {font-size: 48px;}
	#minical a.date { padding: 5px 0;}
	#product_listing .BlockBox.ProfileBlock{height: 100px !important;}
}

@media (max-width: 479px){ /* SCREEN SIZE XS BOOTSTRAP */
	.mypage .calendar_right, .mypage .calendar_left{max-width: 100vw; margin:0;}
	.mypage .calendar_right{margin-top: 0; margin-bottom: 20px;	}
	.mypage .calendar_left{		}
	#minical{margin:0;}
	#maingrid{padding-top: 0;}
	.calendar_right .shortinfo{width: 100%;}
	.minigrid_left{padding-top: 0;margin-left: 10px;text-align: left; height: 65px;}
	#day_date{line-height: 1; padding: 0; margin-top: -5px;color: rgb(133, 198, 87);}
	.subpage section .container:first-child {padding-top: 20px;}
	.tabletitle{font-size: 24px;line-height: 24px;}
	#minical .day, #minical a.date{width: calc(100% / 7) !important;}
	.mypage .hourcount_label{max-width: 240px;}
	.infowrapper .hourcount{margin-top: -25px;}
	#minical a.date {font-size: 28px; }
	.click_to_buy{padding: 15px 30px 15px 15px;height: 60px;font-size: 18px;}
	.click_to_buy .shop_more{margin: 0px -20px -10px 10px;width: 30px;height: 30px;background-size: 100%;}
	.subpage .Breadcrumb {margin-top: 0px;}
	#minical .selected, #minical .date_wrapper{	height: 36px;width: 36px;margin-top: -9px;line-height: 1.1;}
	#minical a.date {font-size: 28px;}
	#minical a.date { padding: 5px 0 0 0;}
	.mypage .cancel{margin-bottom: 40px;}
	.QuickNavMobile{display: block;}
	.CalendarBlock .ButtonlikeText{margin-top: 10px;}
}


@media (max-width: 1199px){
	.mypage .calendar_right{}
	.mypage .calendar_left{}
}
@media (max-width: 1399px){
	.mypage .calendar_right{}
	.mypage .calendar_left{}
}

.calendar_left #maingrid .tabletitle {
    font-size: 31px;
}

/* SCREEN SIZE HELP DETECT ON BOOTSTRAP */
/*
body:after {
  display: block;
  width: auto;
  font-size: 12px;
  padding: 3px 15px;
  line-height: 1;
  height: 18px;
  background: tomato;
  color:white;
  position: fixed;
  top: 0;
  z-index: 9999999;
  content: "over screen-xl";
}

@media (max-width: 1399px) {
  body:after {
    content: " screen-xl";
    background: olive;
  }
}

@media (max-width: 1199px) {
  body:after {
    content: " screen-lg";
    background: purple;
  }
}

@media (max-width: 991px) {
  body:after {
    content: " screen-md";
    background: green;
  }
}

@media (max-width: 767px) {
  body:after {
    content: " screen-sm";
    background: blue;
  }
}

@media (max-width: 539px) {
  body:after {
    content: " screen-s";
    background: tomato;
  }
}

@media (max-width: 479px) {
  body:after {
    content: " screen-xs";
    background: purple;
  }
}
*/