/* CSS Document */


.sidebarBG {
  background-color: rgba(0, 0, 0, 0.90);
  	
}

.wrapperSIDEBAR {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 2px;
  padding: 4px;

}

.boxBOS {
  background-color: rgba(0, 0, 0, 0.45);
  color: #fff;

  padding: 2px;
 padding-bottom: 0px;
  font-size: 150%;
  align-content: center;
	
}

.boxBOS:hover {
	background-color: rgba(255, 255, 255, 0.60);
	color: #FFFFFF;
	cursor: pointer;
}


.wrapperACTIONS {
  display: grid;
  grid-template-columns: 98%;
  grid-gap: 4px;
  padding: 4px;

}

.boxACTIONS {
  background-color: rgba(0, 0, 0, 0.60);
  color: #fff;

  padding: 2px;
  padding-bottom: 0px;
  font-size: 18px;
  align-content: center;
	
}

.boxACTIONS:hover {
	background-color: rgba(255, 255, 255, 0.90);
	color: #FFFFFF;
	cursor: pointer;
}


.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}


.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-container-wrap{
  position: relative;
  width: {float:left;width:100%};
  padding-bottom: 56.25%; 
  height: 0;
}


.iframe-container-wrap iframe{
  position: absolute;
  top:0;
  left: 0;
  width: {float:left;width:100%};
  height: 100%;
}

.footer {
  position: fixed;
  padding: 8px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  font-family: "Segoe UI";
  font-size: 11px;
  text-align: center;
}

.pod01{
  padding: 0px;
  left: 0;
  bottom: 0;
  color: white;
  font-family: "Segoe UI";
  font-size: 11px;

	vertical-align: text-bottom;
  float: left;
}

.pod02{
  padding: 8px;
  left: 0;
  bottom: 0;
  color: white;
  font-family: "Segoe UI";
  font-size: 11px;
  text-align: center;
	vertical-align: text-bottom;

}

.pod03{
  padding: 8px;
  left: 0;
  bottom: 0;
  color: white;
  font-family: "Segoe UI";
  font-size: 11px;

	vertical-align: text-bottom;
  float: right;
}

.pod04{
  padding: 0px;
  left: 0;
  bottom: 0;
  color: white;
  font-family: "Segoe UI";
  font-size: 11px;

	vertical-align: text-bottom;
  float: right;
}

.pod05{
  padding: 0px;
  left: 0;
  bottom: 0;
  color: white;
  font-family: "Segoe UI";
  font-size: 18px;

  float: right;
}


.headerMH {
  position: fixed;
  padding: 8px;
  left: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  font-family: "Segoe UI";
  font-size: 11px;
  text-align: center;
  z-index: 1;
}

.hubTITLE {
  color: white;
  font-family: "Segoe UI";
  font-size: 28px;
	font-weight: 700;

}