@charset 'utf-8';
@import '_components_bigmeter.css';
@import '_components_teamoverview.css';
@import '_partials_head.css';
@import '_partials_lastupdate.css';
@import '_partials_myteam.css';

#goto-head{ padding-top: 40px; padding-bottom: 42px; }
@media (max-width: 767px){
	#goto-head{ padding-top: 34px; padding-bottom: 34px; }
}



#goto-body{ padding-top: 46px; padding-bottom: 75px; }
@media (min-width:1441px){
	#goto-body{ padding-top: 46px; padding-bottom: 88px; }
}
@media (min-width: 768px) and (max-width:1023px){
	#goto-body{ padding-top: 46px; padding-bottom: 84px; }
}
@media (max-width: 767px){
	#goto-body{ padding-top: 20px; padding-bottom: 68px; }
}



#goto-resultat{ margin-bottom: 56px; }
#goto-resultat .inner{}
#goto-resultat .resultat{ position: relative; padding-bottom: 12px; }
#goto-resultat .resultat-head{ display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 12px;  }
#goto-resultat .resultat-title{ color: #282929; font-size: 20px; font-weight: bold; line-height: 1.2; text-align: center; margin: 0; }
#goto-resultat .resultat-legend{ padding-left: 25px; }
#goto-resultat .resultat-legend ul{ display: table; margin: 0 auto; padding: 0; }
#goto-resultat .resultat-legend li{ display: table-cell; list-style: none; margin: 0; padding: 0; padding-left: 25px; padding-right: 18px; vertical-align: middle; position: relative;  }
#goto-resultat .resultat-legend li{ font-size: 15px; line-height: 20px;   }
#goto-resultat .resultat-legend li:before{ border-radius: 50%; content: ''; display: block; height: 20px; width: 20px; position: absolute; left: 0; top: 0; }
#goto-resultat .resultat-legend li:nth-child(1):before{ background-color: #C45D59; }
#goto-resultat .resultat-legend li:nth-child(2):before{ background-color: #DDC407; }
#goto-resultat .resultat-legend li:nth-child(3):before{ background-color: #75BC4E; }
#goto-resultat .resultat-body{ margin-right: 180px;  }
#goto-resultat .resultat-content{}
#goto-resultat .bigmeter{ border: 3px solid #333; border-radius: 28px; overflow: hidden;  }
#goto-resultat .bigmeter-progress{ background: #333; border-radius: 0 25px 25px 0;  }
#goto-resultat .bigmeter-progressbar{ font-size: 35px; font-weight: bold; line-height: 50px; text-align: right; padding-right: 22px; }
#goto-resultat .bigmeter--low{ border-color: #C45D59; }
#goto-resultat .bigmeter--low .bigmeter-progress{ background-color: #C45D59; }
#goto-resultat .bigmeter--medium{ border-color: #FDDD74; }
#goto-resultat .bigmeter--medium .bigmeter-progress{ background-color: #FDDD74; }
#goto-resultat .bigmeter--high{ border-color: #75BC4E; }
#goto-resultat .bigmeter--high .bigmeter-progress{ background-color: #75BC4E; }
#goto-resultat .resultat-score{ display: table; border-left: 1px solid #707070; width: 150px; height: 100%; position: absolute; right: 0; top: 0; bottom: 0; }
#goto-resultat .resultat-score{ font-size: 18px; line-height: 1; text-align: right; }
#goto-resultat .resultat-score dl{ display: table-cell; vertical-align: middle; margin: 0 auto; padding: 0; }
#goto-resultat .resultat-score dt{ margin: 0; padding: 0; font-weight: normal; margin-bottom: 10px; }
#goto-resultat .resultat-score dd{ margin: 0; padding: 0;}
#goto-resultat .score{ border-radius: 20px; display: inline-block; font-size: 20px; font-weight: bold; line-height: 40px; width: 82px; text-align: center; }
#goto-resultat .score--low{ background-color: #C45D59; }
#goto-resultat .score--medium{ background-color: #DDC407; }
#goto-resultat .score--high{ background-color: #75BC4E; }
@media (min-width:1441px){
	#goto-resultat{ margin-bottom: 56px; }
}
@media (max-width:1023px){
	#goto-resultat .resultat-body{ margin: 0; }
	#goto-resultat .resultat-content{ margin-bottom: 15px; }
	#goto-resultat .resultat-score{ position: static; left: 0; right: 0; }
	#goto-resultat .resultat-score{ display: block; border: 0; font-size: 18px; line-height: 40px; width: auto; }
	#goto-resultat .resultat-score dl{ display: table; margin: 0 auto; }
	#goto-resultat .resultat-score dt{ display: table-cell; vertical-align: middle; font-weight: normal; }
	#goto-resultat .resultat-score dd{ display: table-cell; vertical-align: middle;  }
	#goto-resultat .score{ border-radius: 20px; font-size: 20px; line-height: 40px; width: 82px; margin-left: 10px; }
}
@media (min-width: 768px) and (max-width:1023px){
	#goto-resultat{ margin-bottom: 25px; }
}
@media (max-width: 767px){
	#goto-resultat{ margin-bottom: 18px; }
	#goto-resultat .resultat-title{ margin-bottom: 12px; }
	#goto-resultat .resultat-head{ display: block; }
	#goto-resultat .resultat-legend{ margin-bottom: 18px; padding: 0; }
	#goto-resultat .resultat-legend li{ padding-left: 25px; padding-right: 15px; }
	#goto-resultat .resultat-legend li:last-child{ padding-right: 0; }
	#goto-resultat .resultat-legend li{ font-size: 15px; line-height: 20px;   }
	#goto-resultat .resultat-legend li:before{ height: 20px; width: 20px; }
	#goto-resultat .resultat-score{ font-size: 16px; }
}



#goto-details{ margin-bottom: 86px; }
#goto-details .inner{}
#goto-details .details{ margin: 0 -25px;  }
#goto-details .details-inner{ display: table; table-layout: fixed; width: 100%;   }
#goto-details .detail{ display: table-cell; vertical-align: top; }
#goto-details .detail-inner{ padding: 0 25px; }
#goto-details .detail-title{ font-size: 27px; font-weight: bold; line-height: 1.2; margin: 0; margin-bottom: 12px; }
#goto-details .detail-content{}
@media (min-width:1441px){
	#goto-details{ margin-bottom: 88px; }
	#goto-details .details{ margin: 0;  }
	#goto-details .detail-inner{ padding: 0; padding-right: 50px; }
}
@media (max-width:1023px){
	#goto-details{ margin-bottom: 34px; }
	#goto-details .details{ margin: 0  }
	#goto-details .details-inner{ display: block;   }
	#goto-details .detail{ display: block; padding: 25px 0; }
	#goto-details .detail-inner{ padding: 0; }
}
@media (max-width: 767px){
	#goto-details{ margin-bottom: 4px; }
	#goto-details .detail-title{ font-size: 24px; margin-bottom: 12px; }
}



#goto-myteam .teamoverviews{ display: flex; flex-wrap: wrap; margin: 0 -14px; }
#goto-myteam .teamoverview{ padding: 9px 14px; width: 50%; }
@media (min-width:1441px){
	#goto-myteam .teamoverview{ width: 33.3333333333333%; }
}
@media (max-width:1023px){
	#goto-myteam .myteam{ max-width: 488px; }
	#goto-myteam .teamoverviews{ display: block; }
	#goto-myteam .teamoverview{ width: auto; }
}
@media (max-width: 767px){
	#goto-myteam .myteam{ max-width: 318px; }
}