:root {
  --button-size: 22vw;
  --icon-size: calc( calc(var(--button-size) - 1rem) / 1.4);
  --text-size: calc( var(--button-size) - var(--icon-size) );
}


html{
	font-size:10px;
}


body{
	display:block;
	position:relative;
	margin:0;
	padding:0;
	font-size:1.6rem;
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
}


#baa_install{
	display:block;
	position:relative;
	font-size:1.6rem;
	line-height:100%;
	padding:2rem 6rem 1.7rem 6rem;
	background-color:#ffffff;
	color:#000000;
	border:#D0D0D0 solid 1px;
	border-radius:1rem;
	text-transform:uppercase;
}

.mb-3{
	display:block;
	margin-bottom: 0.3rem;
}


.mb-3{
	display:block;
	margin-bottom: 2rem;
}



@media (max-width:768px){
	#baa_install{ font-size:calc(3vw);}
}

#baa_install.hidden{
	display:none;
}

#baa_loginLink.hidden{
	display:none;
}





/* default */
.baApp__wrapper{
	display:flex;
	flex-direction:row;
	position:fixed;
	overflow:hidden;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background-color:#000000;
	margin:0;
	padding:0;
	background-image:url('/assets/images/bg1_lt2.jpg');
	background-repeat:no-repeat;
	background-position:33.333%;
	background-size:cover;
	transition:ease 400ms;
}

.baApp__swipeMarker{
	display:block;
	position:fixed;
	top:calc(100% - 0.5rem);
	left:0;
	width:25vw;
	height:0.5rem;
	background-color:RGBA(255,255,255,0.7);
	z-index:100;
	transition:ease-in-out 300ms; 
}

.baApp__swipeMarkerPositions{
	display:block;
	position:fixed;
	top:calc(100% - 0.5rem);
	left:0;
	width:calc(100vw - 2px);
	height:0.5rem;
	border:RGBA(255,255,255,0.3) solid 1px;
	z-index:900;
}

.baApp__wrapperOnepage{
	display:flex;
	flex-direction:row;
	position:fixed;
	overflow:hidden;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background-color:#000000;
	margin:0;
	padding:0;
	background-image:url('/assets/images/bg1_lt2.jpg');
	background-repeat:no-repeat;
	background-position:33.333%;
	background-size:cover;
	transition:ease 400ms;
}


.baApp__screenOutside{
	display:block;
	position:absolute;
	width:400vw;
	height:100%;
	left:-100vw;
	top:0;
	transition:ease 400ms
}

.baApp__screenOutsideOnepage{
	display:block;
	position:absolute;
	width:100vw;
	height:100%;
	left:-100vw;
	top:0;
	transition:ease 400ms
}


.baApp__QRScanner{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:absolute;
	right:2rem;
	top:2rem;
	width:4.8rem;
	height:4.8rem;
	background-color:#000000;
	border-radius:1rem;
	z-index:8192;
	cursor:pointer;
}


.baApp__menuBtn{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	position:absolute;
	left:2rem;
	top:2rem;
	width:4.8rem;
	height:4.8rem;
	background-color:#000000;
	border-radius:1rem;
	z-index:8192;
	cursor:pointer;	
}

.form-label{
	display:block;
	position:relative;
	font-size:1.6rem;
	line-height:100%;
	margin-bottom:1rem;
}


.form-select{
	display:block;
	position:relative;
	font-size:1.8rem;
	line-height:100%;
	background-color:#ffffff;
	padding:1rem 2rem;
	border:#808080 solid 1px;
	border-radius:1rem;
	width:100%;	
	font-weight:300; 
}


.form_item{
	margin-top: 2rem;
}


.baApp__screen{
	display:flex;
	flex-direction:column;
	position:absolute;
	
}

.baApp__screen_0{
	left:0;
	top:0;
	width:100vw;
	height:100vh;
}

.baApp__screen_1{
	left:100vw;
	top:0;
	width:calc(100vw - 4rem);
	height:calc(100vh - 4rem);
	justify-content:space-between;
	align-items:center;
	align-content:center;
	padding:2rem;
}


.baApp__screen_any{
	left:100vw;
	top:0;
	width:calc(100vw - 2rem);
	height:calc(100vh - 2rem);
	justify-content:space-between;
	align-items:center;
	align-content:center;
	padding:2rem 1rem;
}



.baApp__screen_2{
	left:200vw;
	top:0;
	width:100vw;
	height:100vh;
}

.baApp__screen_3{
	left:300vw;
	top:0;
	width:100vw;
	height:100vh;
}


/*
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  #baApp__menuBtn,
  #baApp__QRmodalOpen{
	  margin-top:4rem;
  
  }
 
}


@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {

  #baApp__menuBtn,
  #baApp__QRmodalOpen{
	  margin-top:4rem;
  
  }
 
}
*/




/*
**  Навигация 
*/

.baApp__mainMenuWrapper{
	display:flex;
	flex-direction:column;
	height:100%;
	background-color:RGBA(0,0,0,0.95);
	border-radius:2rem;
}

.baApp__mainMenuItems{
	display:flex;
	flex-direction:column;	
	margin:0 1rem;
}

.baApp__mainMenuItemHead{
	display:block;
	font-size:1rem;
	line-height:100%;
	text-transform:uppercase;
	color:#D84027;
	padding:1rem 0;
}


.baApp__mainMenuItemFoot{
	display:block;
	font-size:1rem;
	line-height:100%;
	text-transform:uppercase;
	color:#D84027;
	padding:3rem 0 0 0;
	border-top:#404040 solid 1px
}

.baApp__mainMenuItem{
	display:flex;
	flex-direction:row;	
	margin:0;
	padding:0;
	justify-content:space-between;
	border-top:#404040 solid 1px;
}

.baApp__mainMenuItem:last-child{
	border-bottom:#404040 solid 1px;
}


.baApp__mainMenuLink{
	display:flex;
	flex-direction:row;	
	margin:0;
	padding:1.5rem;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
	height:100%;
	color:#d0d0d0;
	text-decoration:none;
}


.baApp__mainMenuTitle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 8rem;
  color: #000000;
  font-weight: 500;
  line-height: 100%;
  font-size: 1.6rem;
  text-transform: uppercase;
  margin-bottom: 4rem;
  margin-top: 3rem;
  height: 1.3rem;
  flex-grow: 0;
  text-align: center;
}
















/*
** users block
*/
.myGroup__wrapper{
	display:flex;
	flex-direction:column;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
}

.myGroup__ExpertsWrapper{
	display:flex;
	flex-direction:column;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
	margin:0;
	padding:0;
	overflow-y:scroll;
}


/*block-heifgh = 9.3rem ;*/
.myGroup__name{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	padding:0 8rem;
	color:#ffffff;
	font-weight:500;
	line-height:100%;
	font-size:1.2rem;
	text-transform:uppercase;
	margin-bottom: 4rem;	
	margin-top: 4rem;
	height:1.3rem;
	flex-grow:0;
	text-align: center;
}

.myGroup__name_exp{
	margin-top:2rem;
}

.myGroup__users{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	flex-grow:1;
	padding:0 3rem;
	overflow-y:scroll;
	max-height:calc(100vh - 12.3rem);
	padding: 0 1.5rem 0 3rem;
	margin: 0 1.5rem 0 0;
	scrollbar-color: RGBA(0,0,0,0.3) #bada55;
}




.myGroup__statUserlist{
	display: flex;
	flex-direction:column;
	margin:7rem 0rem 1rem 0rem;
	padding:0 1rem;
	height:calc(100% - 8rem);
	overflow-y:scroll;
}


.myGroup__user{
	display:flex;
	flex-direction:row;
	background-color:RGBA(0,0,0,0.8);
	border-radius:1rem;
	padding:0.8rem;
	margin:0 0 1.1rem 0;
	height:4.8rem;
	min-height:4.8rem;
	max-height:4.8rem;
}


.myGroup__statUserlist .myGroup__user{
	margin-bottom:0;
	border-radius:0;
	background-color:#ffffff;
	border-bottom: #e0e0e0 solid 1px;
}

.myGroup__statUserlist .myGroup__user:first-child{
	border-top: #e0e0e0 solid 1px;
}

.myGroup__image{
	display:flex;
	position:relative;
	width:4.8rem;
	height:4.8rem;
	flex-grow:0;
}

.myGroup__pic{
	display:block;
	position:relative;
	width:4.8rem;
	height:4.8rem;
	border-radius:50%;
	padding:0;
	margin:0;	
}

.myGroup__mainData{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:0 1rem;
	flex-grow:1;
}

.myGroup__mainDataName{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-top:0;
	width: 100%;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
	
}

.myGroup__mainUser{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-top:-0.1rem;
}


.myGroup__sub{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items: flex-end;
	padding:0;
	flex-grow:0;	
	width:6rem;
	min-width:6rem;
	max-width:6rem;
}

.myGroup__firstName{
	display:block;
	position:relative;
	font-size:1.4rem;
	line-height:100%;
	color:#ffffff;
	font-weight:400;
	margin:0;
	padding:0 0.6rem 0 0;
}


.myGroup__lastName{
	display:block;
	position:relative;
	font-size:1.4rem;
	line-height:100%;
	color:#ffffff;
	font-weight:400;
	margin:0;
}

.myGroup__statUserlist .myGroup__firstName,
.myGroup__statUserlist .myGroup__lastName{
	color:#101010;
}

.myGroup__post{
	display:block;
	position:relative;
	font-size:0.9rem;
	line-height:100%;
	color:#C1C1C1;
	font-weight:300;
	margin-top:0.8rem;
	text-transform:uppercase;
} 

.myGroup__statUserlist .myGroup__post{
	color:#505050;
}


.myGroup__label{
	display:block;
	position:relative;
	font-size:0.9rem;
	line-height:100%;
	color:#EDC254;
	font-weight:300;
	margin-top:0.8rem;
	text-transform:uppercase;
	text-align:right;
	white-space:nowrap;
} 


.myGroup__statUserlist .myGroup__post,
.myGroup__statUserlist .myGroup__label{
	color:#505050;
}



.myGroup__Klabel{
	display:inline-block;
	position:relative;
	font-size:0.9rem;
	line-height:100%;
	color:#EDC254;
	font-weight:300;
	margin:0.1rem 0.5rem 0 0 ;
	text-transform:uppercase;
	text-align:right;
	white-space:nowrap;
	padding:0.15rem 0.3rem;
	background-color:#D84027;
	font-weight:900;
	color:#ffffff;
	border-radius:0.1rem;
} 


.myGroup__label_red{
	color:#D84027;
}

.myGroup__mainDataSub > .myGroup__label:first-child{
	margin-top:0.1rem;
}












/*
** main screen 
*/
.baApp__scoreBlock{
	flex-grow:1;
}

.baApp__syllabusBlock{
	flex-grow: 0;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	flex-direction: row;
  	flex-wrap: wrap;
  	align-content: flex-end;
}

.baApp__syllabusItem{
	display: flex;
	flex-direction:column;
	position: relative;
	width: var(--button-size);
	height: var(--button-size);
	margin: calc(3vw - 6px);
	padding: 0.5rem;
	background-color:RGBA(0,0,0,0.9); 
	border: RGBA(138,138,138,0.9)solid 1px;
	border-radius:1rem;
}


.baApp__syllabusItem.finished{
	opacity:0.2;
	mix-blend-mode: plus-lighter;
}


.baApp__syllabusItem-image{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:var(--icon-size);
}

.baApp__syllabusItem-image > svg{
	stroke:#ffffff;
	width:auto;
	height:var(--icon-size);
}


.baApp__syllabusItem-text{
	color:#ffffff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:1rem;
	line-height:100%;
	text-align:center;
	text-transform:uppercase;
	height:var(--text-size);
}

.baApp__syllabusItem-markup{
	margin-top:0.2rem;
	font-size:0.8rem;
	text-transform:uppercase;
}

.baApp__syllabusItem-markup_now{
	color:#CB3A05;
}
.baApp__syllabusItem-markup_expected{
	color:#4C8C83;
}

/**/
.baApp__scoreBlock {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
}

.baApp__rating{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	color:#ffffff;
	font-weight:300;
	line-height:100%;
	text-align: center;
}

.baApp__ratingTitle{
	font-size:1.2rem;
	line-height:100%;
	text-transform:uppercase;
}




.baApp__ratingValue{
	font-size:17rem;
	font-weight:200;
	line-height:90%;
	text-transform:uppercase;
}

.baApp__ratingDescription{
	font-size:2.2rem;
	line-height:110%;
	text-transform:uppercase;
	border-top:#ffffff solid 1px;
	border-bottom:#ffffff solid 1px;
	width:100%;
	text-align: center;
  	padding: 0.3rem;
}


.baApp__ratingPosition{
	font-size:1.1rem;
	line-height:100%;
	text-transform:uppercase;
	padding-top:1rem;
	text-align: center;
}




.baApp__myRating.modelink{
	text-decoration:underline;
	text-decoration-color: RGBA(255,255,255,0.5);
	text-decoration-style:dashed;
	color:#d0d0d0; 
	font-weight:300;
}

.baApp__myRating.modelink.active{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:400;
}



/* active*/




























/* login page */
.baApp__loginScreenOutside{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding: 3rem;
	width: 100%;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
}

.baApp__loginScreenImage{
	display: block;
	position:relative;
	width: 70vw;
	height: auto;
	margin:0 auto;
}

.baApp__loginScreenTop{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	justify-content: center;
	align-items: center;
	align-content: center;		
}


.baApp__loginScreenBottom{
	display:flex;
	flex-direction:column;
	flex-grow:0;
}

.baApp__pushButton{
	display:inline-block;
	padding:20px;
	background-color:RGBA(0,0,0,0.8);
	border-radius: 1rem;
	margin: 0.4rem;
	cursor:pointer;
	width:calc(33vw - 7.1rem);
	color:#ffffff;
	font-weight:400;
	font-size:2.3rem;
	line-height:100%;
	text-align:center;
}


.baApp__loginScreenRow{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	align-content:center;
}



.baApp__loginManual{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	padding:4rem 0 0 0;
	flex-grow:0;
}

.baApp__loginManual a{
	color:#ffffff;
	font-weight:400;
	text-decoration:none;
}

.baApp__loginDotsRow{
	display:flex;
	flex-direction:column;
	align-items:center;
	align-content:center;
	justify-content:center;
	padding:0;
	background-color:RGBA(0,0,0,0.8);
	border-radius: 1rem;

}

.baApp__loginDots{
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
}


.baApp__loginDot{
	display:flex;
	flex-direction:column;
	align-items:center;
	align-content:center;
	justify-content:center;
	line-height:100%;
	color:#ffffff;
	padding: 2rem 1.5rem;
	border-right:#505050 solid 1px;
}

.baApp__loginDot:last-child{
	border-right:0 none;
}

.baApp__loginDot:after{
	display:inline-block;
	position:relative;
	content:"";
	width:0.8rem;
	height:0.8rem;
	border-radius:50%;
	background-color:#505050;
}

.baApp__loginDot.entered:after {
	background-color:#e0e0e0;
}




























.spinner {
	display:block;
	position:relative;
	width: 64px;
	height: 64px;
	position: relative;
	animation: rotate 1.5s ease-in infinite alternate;
}
.spinner::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	color: #202020;
	background: currentColor;
	width: 64px;
	height: 32px;
	border-radius: 0 0 50px 50px;
}
.spinner::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 10%;
	background: #f5bb12; 
	width: 8px;
	height: 64px;
	animation: rotate 1.2s linear infinite alternate-reverse;
}

@keyframes rotate {
	100% { transform: rotate(360deg)}
}





/*
**
*/


.baApp__qrGroups{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	margin:9.3rem 0 1rem 0;
	height: calc(100vh - 12rem);
	overflow-y: scroll;
}

.baApp__qrGroupContainer{
	display:flex;
	position:relative;
	height:100%;
	overflow-y:scroll;
	margin:0;
	padding:0;
	flex-direction: column;
}

.baApp__qrGroup{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:0rem 2rem 2rem 2rem;	
	/*overflow-y: scroll;*/
}


.baApp__qrGroup_1{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:flex-start;
	padding:0rem 2rem 2rem 2rem;	
}


.baApp__qrGroupItems{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	margin:0 0;
}

.baApp__qrGroupHeaderTitle{
	display:block;
	position:relative;
	font-size:1.7rem;
	line-height:100%;
	color:#ffffff;
	margin:0 0 1.5rem 0;
	font-weight:300;
}


.baApp__QRButton {
	display: flex;
	position:relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(25vw - 3rem);
	height: calc(25vw - 3rem);
	padding:0.5rem;
	margin: 1rem 0.5rem;
	background-color: #000000;
	border-radius: 1rem;
	cursor: pointer;
}


.baApp__QRPoints{
	display:inline-block;
	position:absolute;
	bottom:-0.7rem;
	padding:0.2rem 1rem;
	border-radius:2rem;
	background-color:#EDC254;
	color:#000000;
	font-size:1rem;
	line-height:100%;
	/*box-shadow:0px 0px 1rem RGBA(0,0,0,0.5);*/
	font-weight:700;
}

.baApp__QRPoints_1{
	font-weight:400;
	background-color:#d0d0d0;
}

.baApp__QRPoints_2{
	font-weight:400;
	background-color:#EDC254;
}

.baApp__QRPoints_3{
	color:#FFFFFF;
	font-weight:700;
	background-color:#D84027;
}

.baApp__QRName{
	display: inline-block;
    position: absolute;
    bottom: 1rem;
    padding: 0.2rem 0.1rem;
    background-color: transparent;
    color: #808080;
    font-size: 0.95rem;
    line-height: 110%;
    max-height: 2rem;
    overflow: hidden;
    font-weight: 400;
    text-transform: uppercase;
    max-width: calc(100% - 0.5rem);
    text-align: center;
	background-color:RGBA(0,0,0,0.8);
}


#baApp__qrGroups_0  .baApp_QRImage{
	margin-top: -1.3rem;
}


/***/
.baApp__respItems{
	display:flex;
	flex-direction:column;
	padding: 0 1rem 0 0;
	overflow:scroll;
}

.baApp__respItem{
	display:flex;
	position:relative;
	flex-direction:column;
	background-color:#ffffff;
	border:RGBA(0,0,0,0.4) solid 1px;
	border-radius:1rem;
	padding:1rem;
	margin:0 0 2rem 0;
}

.baApp__respItemAuthor{
	display:block;
	position:relative;
	font-size:1rem;
	line-height:100%;
	background-color:#f0f0f0;
	margin:-1rem -1rem 0rem -1rem;
	padding:1rem 1rem 0.6rem 1rem;
	border-radius:1rem 1rem 0 0 ;
	text-transform:uppercase;
}

.baApp__respQtitle{
	display:block;
	position:relative;
	font-size:1rem;
	line-height:100%;
	background-color:#f0f0f0;
	margin:0 -1rem 1rem -1rem;
	padding:0 1rem 0.6rem 1rem;
	border-radius:0;
	text-transform:uppercase;
	color:#D84027;
}

.baApp__respItemLike{
	display:block;
	position:absolute;
	width:2.4rem;
	height:2.4rem;
	padding:0.5rem;
	border-radius:50%;
	background-color:#ffffff;
	border:RGBA(0,0,0,0.4) solid 1px;
	right:1rem;
	bottom:-1.7rem;
}

.baApp__respItemLike.liked {
	background-color:#EDC254;
}

.flexdatalist-multiple{
	position: relative;
	font-size: 1.8rem;
	line-height: 100%;
	background-color: #ffffff;
	border: #808080 solid 1px !important;
	border-radius: 1rem !important;
	width: calc(100% - 2px) !important;
	font-weight: 300;
}

.flexdatalist-multiple li.value{
	padding: 10px 35px 11px 20px;
	border-radius:0.5rem;
}

.flexdatalist-multiple li.input-container{
	padding: 10px 35px 11px 20px;
	border-radius:0.5rem;
	font-size: 1.8rem;
	line-height: 100%;
}

.flexdatalist-multiple li.input-container input{
	font-size: 1.8rem;
	line-height: 100%;
	font-weight: 300;
}

.flexdatalist-multiple li.value span.fdl-remove{
	top: 9px;
  	right: 2px;
	font-size: 1.8rem;
	line-height: 100%;
	font-weight: 300;	
}

.form-label_white{
	color:#ffffff;
}

.userStat{
	display:flex;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
	padding:1rem;
	background-color: #ffffff;
	font-size:1.2rem;
	margin-top:4rem;
	border-radius:0.5rem;
}


.userStat__table{
	width:100%;
	text-align:left;
}


.text-right{
	text-align:right;
}

.cell{
	border-top:#f0f0f0 solid 1px;
	padding:0.5rem 0;
}



.ba_round_selectors{
	display: flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-bottom:3rem;
}


.ba_round_selector{
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5.4rem;
  height: 5.4rem;
  padding: 0.5rem;
  margin: 0.5rem;
  background-color: #000000;
  border-radius: 1rem;
  cursor: pointer;
  color:#f0f0f0;
  border:solid 2px transparent;
  font-size:1.2rem;
  text-transform:uppercase;
  text-align:center;
  
}

.ba_round_label{
	display: inline-block;
	position: absolute;
	bottom: -0.7rem;
	padding: 0.2rem 1rem;
	border-radius: 2rem;
	background-color: #EDC254;
	color: #000000;
	font-size: 0.8rem;
	line-height: 100%;
	box-shadow: 0px 0px 1rem RGBA(0,0,0,0.5);
	font-weight: 700;
}

.ba_round_selector_input{
	display:inline-block;
	position:absolute;
	left:-5000px;
	top:-5000px;
	width:10px;
	height:10px;
	opacity:0;
}


.ba_round_selector_input:checked + label{
	border-color:#D84027;
	box-shadow:0px 0px 10px #D84027;
}

.ba-round_finished{
	opacity:0.2;
	border-color:#cccccc;
	box-shadow:0px 0px 10px #cccccc;
	mix-blend-mode: plus-lighter;
}


.ba-stat__items{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0.5rem;
	width:calc(100% - 1rem);
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
}

.ba-stat__item{
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: calc(33vw - 3rem);
	height: calc(33vw - 3rem);
	padding: 0.5rem;
	margin: 0.5rem;
	background-color: #000000;
	border-radius: 1rem;
	cursor: pointer;
	overflow:hidden;
}



.ba-stat__color{
	display:block;
	position:absolute;
	left:0rem;
	top:0;
	width:100%;
	height:1rem;
	border-radius: 2rem 2rem 0 0 ;
}

.ba-stat__color.striped{
	background-image:url('/assets/images/striped.png');
	background-repeat:no-repeat;
	background-position:center;
}


.ba-stat__position{
	font-size:3rem;
	color:#e0e0e0;
	padding:0.5rem;
}


.ba-stat__position.first{
	font-size:5rem;
	padding:0rem;
}


.ba-stat__points{
	font-size:1.1rem;
	color:#909090;
	text-align:center;
	line-height:95%;
	font-weight:300;
}

.ba-stat__points_descr{
	font-size:1rem;
	text-transform:uppercase;
	display:block;
	font-size:1.1rem;
	margin:0.5rem 0 0 0;
}


.ba-stat__item.first{
	width: calc(55vw - 1rem);
	height: calc(55vw - 1rem);
}




.ba-stat__item.second,
.ba-stat__item.third{ 
	width: calc(40vw - 2rem);
	height: calc(40vw - 2rem);
}


.form-selectGroup{
	display:flex;
	flex-direction:column;
	width: 100%;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 
}


.baApp__stationGroup{
	display:flex;
	flex-direction:column;
	font-size:1.6rem;
	padding:1rem;
	background-color:#ffffff;
	width: 100%;
	width: -moz-available; 
	width: -webkit-fill-available; 
	width: stretch; 	
}

.baApp__stationGroup.hidden{
	display:none;
}

.ba_check{
	display:flex;
	align-content:flex-start;
	justify-content:flex-start;
	align-items: center;
	font-size:1.7rem;
	font-weight:300;
	line-height:100%;
	padding:1rem 1rem;
	color:#000000;

}

.ba_check > input{
	margin:0 0.5rem 0 0;
	display:inline-block;
}


.baApp__qrUserInformation{
	display:block;
	background-color:#ffffff;
	padding:1rem;
	color:#000000;
	font-size:1.2rem;
}


/*
** 
*/
.ba-userStat__items{
	display:flex;
	flex-direction:column;
	background-color:#ffffff;
	font-size:1.3rem;
	padding:1rem;
	border-radius:2rem;
}

.ba-userStat__item{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	align-content:stretch;
	border-bottom:#f0f0f0 solid 1px;
	padding: 1rem;
	line-height:100%;
}


.ba-userStat__itemCenter{
	display:flex;
	align-items: flex-start;
	padding: 0.5rem;
}

.userStat__itemLeft{
	display:flex;
	align-items: flex-start;
	padding: 0.5rem;
}

.xSmall{
	font-size:0.8rem;
	text-transform:uppercase;
	color:#808080;
}


.userStat__username{
	color:#303030;
}



/*
	IOS DEFINITION
*/

body.ios .baApp__wrapper{
	calc(100vh - 8rem);
}

body.ios .baApp__screen{
	calc(100vh - 8rem);
}


body.ios .myGroup__wrapper{
	calc(100vh - 8rem);
}


body.ios .baApp__screenOutside {
  height: calc(100% - 2rem);
  top: 2rem;
}

body.ios .baApp__qrGroups{
	height: calc(100vh - 14rem);
	margin-top: 7rem;
}

body.ios .baApp__menuBtn,
body.ios .baApp__QRScanner{
	top:4rem;
}

body.ios .baApp__screen{
	margin-top:2rem;
	height: calc(100vh - 10rem);
}


body.ios .baApp__modalBlock {
  top: 3rem;
  height: calc(100vh - 8rem);
}