@charset 'utf-8';
@import '_components_posture.css';
@import '_partials_head.css';

.groups{}
.group{ margin-bottom: 48px; }
.group-head{ margin-bottom: 20px; }
.group-body{}
.group-title{ font-size: 35px; font-weight: bold; line-height: 40px; margin: 0; }
@media (max-width: 767px){
	.group{ margin-bottom: 48px; }
	.group-head{ margin-bottom: 20px; }
	.group-title{ font-size: 30px; line-height: 40px; }
}

.posture-legend{ position: absolute; right: 0; top: -48px; }
@media (max-width: 767px){
	.posture-legend{ display: none; }
}


.stats{ overflow-x: auto; }
.stats-inner{ background: #fff; border: 1px solid #D4DEDE; border-radius: 30px; overflow: hidden; min-width: 728px; }
.stats .stat{ border-top: 1px solid #D4DEDE;}
.stats .stat:first-child{ border-top: none; }
.stat-inner{ padding-top: 20px; padding-bottom: 10px; }
.stat table{ table-layout: fixed; width: 100%; padding: 0; }
.stat caption{ color: #7DC9D1; font-size: 20px; font-weight: bold; line-height: 1.2; margin: 0; text-align: center; margin-bottom: 38px; }
.stat th,
.stat td{ font-size: 15px; line-height: 1.2; text-align: center; }
.stat thead{}
.stat thead td{ font-weight: normal; }
.stat thead th{ font-weight: bold; }
.stat tbody{}
.stat tbody td{ height: 80px; vertical-align: middle; }
.stat span{ font-weight: 20px; font-weight: bold; line-height: 1.5; text-align: center; }
.stat .true,
.stat .false{ background: no-repeat center center; background-size: contain; display: block; overflow: hidden; text-indent: -999em; height: 24px; width: 24px; margin: 0 auto; }
.stat .true{ background-image: url(../images/tpl/tpl-history/stat-true.svg); }
.stat .false{ background-image: url(../images/tpl/tpl-history/stat-false.svg); }
.stat .high{ color: #79A760; }
.stat .medium{ color: #DDC407; }
.stat .low{ color: #C45D59; }
@media (max-width: 767px){
	.stat th,
	.stat td{ font-size: 13px; }
}


.teams{}
.team{ padding: 6px 0; }
.team-title{ margin: 0; }
.team-title button{ background: none; border: 0; color: #2C4C5B; display: block; font-size: 18px; font-weight: bold; line-height: 1.2; position: relative; padding-left: 24px; }
.team-title button:before{ background: url(../images/tpl/tpl-history/team-button.svg) no-repeat center center; background-size: contain; content: ''; display: block; height: 16px; width: 10px; left: 0; top: 50%; margin-top: -8px; position: absolute; transform: rotate(0); transition: transform 0.25s; }
.team-title button[aria-expanded="true"]:before{ transform: rotate(90deg); }
.team-container{}
.team-inner{ padding-top: 40px; padding-bottom: 60px; }
.is-loaded .team-container{ display: none; }
.is-loaded .team-container[aria-hidden="false"]{ display: block; }
/**/