/*
 * 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;
 }

 /* tags */
	.lifepapertab {
		background-color:#d6e9df;
		text-shadow: 	.5px .5px 1px #efefef;
		padding:		4px;
		font-weight:	bold;
		border:			1px white solid;
		flex-wrap:		nowrap;
		justify-content:center
	}
									
	.lifepapertab:hover {
		background-color:#6ddba4;
		color:#000000;
		cursor:pointer
	}

	.lifepapertab.tabactive {
		background-color:#ffdba4;
		color:#000000
	}

 
 @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;
	}

	.mobilerowtocolumn {
		flex-direction: column;
	}

	.livescreen {
		width:100vw;
		height: calc(100vh - 3px);
	}
	.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;
	}

	.lpmapheight {
		height:44vh;
	}

	.lpheader {
		font-size:12px;
	}

	.lpheadermonth {
		font-size:12px;
	}

	.lpheaderfeed {
		font-size:12px;
	}

	.imageGrid {
		grid-gap: 4px;
        grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))
	}

	.lifepapertabfontsize {
		font-size: 9px;
	}

	.mobiledatepickerdiv {
		font-size:.7em;
	}
 }
 
 
 @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:penis;
	}
	
	.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;
	}

	.lpmapheight {
		height:80vh;
	}

	.lpheader {
		font-size:16px;
	}

	.lpheadermonth {
		font-size:14px;
	}

	.lpheaderfeed {
		font-size:13px;
	}
	
	.peoplelistheight {
		height:65vh;
	}
	
	.mobilerowtocolumn {
		flex-direction: row;
	}

	.tabletshowdiv {
		width:10px;
		padding:1px;
	}

	.imageGrid {
		grid-gap: 4px;
        grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))
	}

	.lifepapertabfontsize {
		font-size: 11px;
	}

	.mobiledatepickerdiv {
		font-size:.7em;
	}
}
 
 @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;
	 }
	 
	 .livescreen {
		 width:100%;
		 height: 90vh;
	 }
	 
	 .wings {
		 display:flex;flex:0 0 5%;
	 }
	 
	 .screencontentrow {
		 display:flex;
		 flex-direction:column;
		 justify-content:start;
	 }
	 
	 .screencontentrowdivider {
		 display:none;
	 }
	 
	 .mapheight {
		 height:39vh;
	 }
	 
	.lpmapheight {
		height:45vh;
	}

	.lpheader {
		font-size:20px;
	}

	.lpheadermonth {
		font-size:18px;
	}

	.lpheaderfeed {
		font-size:16px;
	}

	 .peoplelistheight {
		 height:75vh;
	 }

	.desktopshowdiv {
		width:15px;
		padding:1px;
	}

	.imageGrid {
		grid-gap: 4px;
        grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))
	}

	.lifepapertabfontsize {
		font-size: 14px;
	}

	.mobiledatepickerdiv {
		font-size:.9em;
	}
 }
 
 
 
 @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;
 }