/*
 * Base structure
 */

@media print { body { -webkit-print-color-adjust: exact; } }



@media (max-width: 845px) {
	.flex-container {
    	flex-direction: column;
  	}
  	
  	.s-wrap {
		flex-wrap: wrap;
	}
	
}

.au-mt10 {
	margin-top:0px;
}

@media (min-width: 1201px) {
	.au-s-wrap {
		flex-wrap: nowrap !important;
	}
}

@media (max-width: 1200px) {
	.au-s-wrap {
		flex-wrap: wrap !important;
	}
}

.au-alignend {
	align-items:end;
}

@media (max-width: 400px) {
	.au-s-wrap {
		flex-wrap: wrap;
	}
	.au-mt10 {
		margin-top:10px;
	}
	
	.au-alignend {
		align-items:start;
	}
}


@media (max-width: 1950px) {
	
}


.rb-container-column {
	display:flex;
  	flex-direction: column;
}

.rb-container-row {
	display:flex;
  	flex-direction: row;
}

.rb-cell-1180 {
	width:1180px;
	padding:10px;
}

@media (min-width: 845px) {
	.s-wrap {
		flex-wrap: nowrap !important;
	}
	
	
}

@media only screen and (max-width: 599px) {
  /* For phones: */
  .col-p-0 {width: 0.0%;}
  .col-p-1 {width: 10.0%;}
  .col-p-2 {width: 20.0%;}
  .col-p-25 {width: 25.0%;}
  .col-p-3 {width: 30.0%;}
  .col-p-33 {width: 33.0%;}
  .col-p-4 {width: 40.0%;}
  .col-p-45 {width: 45.0%;}
  .col-p-5 {width: 49.0%;}
  .col-p-6 {width: 60.0%;}
  .col-p-7 {width: 70.0%;}
  .col-p-8 {width: 80.0%;}
  .col-p-9 {width: 90.0%;}
  .col-p-10 {width: 100%;}
  
  .mobilecolumn {
	flex-direction: column;
  }
  .wrapper {
		flex-wrap:wrap !important;
	}
	
	.mobilerowtocolumn {
		flex-direction: column;
  	}
}


@media only screen and (max-width: 599px) {
	.livescreen {
		width:100vw;
		/* height: 100vh; */
	}
	.wings {
		display:flex;flex:0 0 0%;
	}
	.screencontentrow {
		display:flex;
		flex-direction:column;
		justify-content:start;
	}
	
	.screencontentrowdivider {
		display:none;
	}
	.mapheight {
		height:44vh;
	}
	
	.peoplelistheight {
		height:82vh;
	}
}


@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-0 {width: 0.0%;}
  .col-s-1 {width: 10.0%;}
  .col-s-2 {width: 20.0%;}
  .col-s-25 {width: 25.0%;}
  .col-s-3 {width: 30.0%;}
  .col-s-33 {width: 33.0%;}
  .col-s-4 {width: 40.0%;}
  .col-s-5 {width: 49.0%;}
  .col-s-6 {width: 60.0%;}
  .col-s-7 {width: 70.0%;}
  .col-s-8 {width: 80.0%;}
  .col-s-9 {width: 90.0%;}
  .col-s-10 {width: 100%;}
  .col-s-240 {width:240px;}
  
  	.margin10 {
		margin:0px;
	}
	.framewidth {
		width:46%;
	}
	.mobilerow {
		flex-direction: row;
	}
	.wrapper {
		flex-wrap:wrap !important;
	}
	.wings {
		display:flex;flex:0 0 0%;
	}
	.screencontentrow {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}
	
	.screencontentrowdivider {
		display:flex;
		flex-shrink:1;
	}
	
	.livescreen {
		width:100vw;
		/* height: 100vh; */
	}
	.mapheight {
		height:75vh;
	}
	
	.peoplelistheight {
		height:65vh;
	}
	
	.mobilerowtocolumn {
		flex-direction: row;
  	}
}

@media only screen and (min-width: 1245px) {
  /* For desktop: */
  .col-0 {width:  0%;}
  .col-1 {width:  10%;}
  .col-15 {width:  15%;}
  .col-2 {width:  20%;}
  .col-25 {width:  25%;}
  .col-3 {width:  30%;}
  .col-33 {width:  33%;}  
  .col-35 {width:  35%;}
  .col-4 {width:  40%;}
  .col-49 {width:  49%;}
  .col-5 {width:  50%;}
  .col-6 {width:  60%;}
  .col-65 {width:  65%;}
  .col-69 {width:  69%;}
  .col-7 {width:  70%;}
  .col-8 {width:  80%;}
  .col-9 {width:  90%;}
  .col-10 {width:100%;}
  .col-240 {width:240px;}
  
	.big-ml20 {
		margin-left:20px;
	}
	
	.big-mr25 {
		margin-right:25px;
	}
	
	.big-mr10 {
		margin-right:10px;
	}
	
	.margin10 {
		margin:10px;
	}
	
	.framewidth {
		width:350px;
	}
	
	.wrapper {
		flex-wrap:nowrap !important;
	}
	
	.livescreen {
		width:100%;
		/* height: 90vh; */
	}
	
	.wings {
		display:flex;flex:0 0 30%;
	}
	
	.screencontentrow {
		display:flex;
		flex-direction:column;
		justify-content:start;
	}
	
	.screencontentrowdivider {
		display:none;
	}
	
	.mapheight {
		height:39vh;
	}
	
	.peoplelistheight {
		height:75vh;
	}
}



@media screen and (max-width: 1250px) {
  	.mobilehide {
    	display: none !important;
  	}
}




.au-heightcontrol {
	height:100%;
}


@media screen and (max-height:900px) {
  	.au-heightcontrol {
		height:calc(100% - 10px);
	}
}



videoheight {
	height: 20vh;
}

@media screen and (orientation:landscape) {
   videoheight {
      height: 80vh;
   }
}

editmapheight {
	height: 12vh;
}

@media screen and (orientation:landscape) {
   editmapheight {
      height: 80vh;
   }
}









.maintab {
	background-color: #d9d9f3;
	color: #999999;
	font-size:14px;
	font-weight:bold;
	margin-right:1px;
	padding:5px;
/* 	padding-bottom:2px; */
	border:1px solid #7777b7;
	border-bottom:0px solid #017585;
	border-radius: 8px 8px 0px 0px;
}

.maintab:hover {
	background-color: #9bdba2;
}

.maintab.active {
	background-color: #7777b7;
	color: #fefefe;
/* 	text-shadow:0px 1px 1px #ffffff; */
	border:1px solid #7777b7;
	border-bottom:0px solid #017585;
}