#header{
	position: fixed;
	left: 0;
	right: 0;
	height:0px;
	background:none;	
}
#footer{
	position:fixed;
	width:100%;
	bottom:0;
	height:0px;
	z-index:342;
	background:none;
}



.middle{
	display: block;
	order:2;
	flex-shrink:0;
	flex-grow:1;
	width:auto;
	height:100%;
	background:#93e9e9;
	position:relative;
}
.right{
	display: block;
	order:3;
	flex-shrink:1;
	flex-grow:0;
	width:18%;
	min-width: 180px;
	position: absolute;
	right: 3em;
	top: 1em;
	z-index: 3;
}
.left{
	display: block;
	order:1;
	flex-shrink:1;
	flex-grow:0;
	width:20%;
	min-width: 255px;
	position: absolute;
	bottom:.5em;
	z-index: 1;
}

.center {        
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.vertical-text {
	transform: rotate(-90deg);
	transform-origin: left top 0;
}

.noselection{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */ 
}

.wr_main{
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	top: 0px;
}








[legenda] img {
    width: 35px;
}
/*
#legendaTitle{
	text-align: left;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #5b5;
}
#toolbarTitle{
	text-align: right;
	padding: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #337ab7;
}
*/
.my-popup{	
	position: absolute;
	height:100%;
	right: 0;
	left: 0;
	bottom: 0;
	opacity:0.875;
	font-size:0.85em;
	overflow: auto;
	background: white;
}

.gal-popup{
	display: none;
	position: fixed;
	top: 0;
	bottom: 25px;
	left: 0;
	right: 0;
	font-size: 0.85em;
	opacity:1;
	background: white;
}



.loading-anim{
	-webkit-animation: progress-bar-stripes 1s linear infinite;
	-o-animation: progress-bar-stripes 1s linear infinite;
	animation: progress-bar-stripes 1s linear infinite;

	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);

	-webkit-background-size: 1rem 1rem;
	background-size: 1rem 1rem;
	background-color: #0275d8;
	height: 2rem;
}


.panel-orange{
	width:95%;
	margin-left:2.5%;
	border:1px solid #fbd082;
	border-radius:0.125em;
	font-size:0.9em;
}
.panel-orange .panel-heading{
	background-color:#FFD700;
	color:#806c00;
	width:100%;
	padding:0.75em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	border-bottom:0.25em solid #FFEB80;
}
/*
.panel-red{
	width:95%;
	margin-left:2.5%;
	border:1px solid #de5347;
	border-radius:0.125em;
	font-size:0.9em;
}
.panel-red .panel-heading{
	background-color:#de5347;
	color:white;
	width:100%;
	padding:0.75em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	border-bottom:0.25em solid #ee9387;
}
*/
.panel-orange1{
	/*border:1px solid #337ab7;*/
	border:1px solid #FFEB80;
	border-radius:0.125em;
	font-size:0.9em;
}

.panel-orange1 .panel-heading{
	/*background-color:#337ab7;*/
	background-color:#FFD700;
	color:#806c00;
	width:100%;
	padding:0.75em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	/*border-bottom:0.25em solid #93bae7;*/
	border-bottom:0.25em solid #FFEB80;
	
}

.panel-rgb .panel-body{
	padding:0.75em;
	padding-top:0.25em;
	padding-bottom:0.25em;
	background-color: white;
	/*max-height:20em;
	overflow: auto; */
}
.panel-rgb .panel-heading{
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
	cursor:pointer;
}
.panel-body-group{
	font-size: .9em;
	white-space: nowrap;
	max-height:33em;
	overflow: auto;
	overflow-x: hidden;
}
.panel-subtitle{
	font-weight: bold;
}


.my-popup > button{
	cursor:pointer;padding:.12em .25em;position:absolute;right:.3em;top:.3em;background: 0;border: 1px solid #ffeb80;color: #806c00;
}

.my-popup .mtitle{
	border-bottom: 9px solid #ffeb80;padding: .2em;background-color: #FFD700;color: #806c00;
}

.my-popup .mbody{
	overflow-x: hidden;padding: .5em;/*border-top:1px solid #333;*/position: absolute;top: 3.2em;bottom: 0;left: 0;right: 0;white-space: pre-wrap;
}

.gal-img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.gal-nav{
	top:45%;
	width: 30px;
	height: 30px;
	border: solid #191;
	border-width: 0 5px 5px 0;
	padding: 5px;
	opacity: .8 !important;
	box-shadow: 6px 6px 5px whitesmoke;
	position: absolute;
	cursor: pointer;
}

.nav-prev {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left:2.5em;
}
.nav-next {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right:2.5em;
}