body {
	 overflow-x: visible;
}

.wxcontrol-large {
font-size: 2rem;
}

.wxcontrol-medium {
font-size: 1.5rem;
}

.btn-wxcontrol {
margin-bottom: 1.5rem;
}

.btn-wxlayout {
margin: 0 .5rem .5rem .5rem;
}

.btn-maroon {
  color: #fff;
  background-color: #500000;
  border-color: #500000;
}

.btn-maroon:hover {
  color: #fff;
  background-color: #707373;
  border-color: #332C2C;
}

.btn-maroon:focus, .btn-maroon.focus {
  box-shadow: 0 0 0 0.2rem rgba(80, 0, 0, 0.5);
}

.btn-maroon.disabled, .btn-maroon:disabled {
  color: #fff;
  background-color: #500000;
  border-color: #500000;
}

.btn-maroon:not(:disabled):not(.disabled):active, .btn-maroon:not(:disabled):not(.disabled).active,
.show > .btn-maroon.dropdown-toggle {
  color: #fff;
  background-color: #707373;
  border-color: #332C2C;
}

.btn-maroon:not(:disabled):not(.disabled):active:focus, .btn-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-maroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(80, 0, 0, 0.5);
}

.product-list-thumbnail {
	padding: .66rem 0 .66rem 0;
}


.iframe-container {
  overflow: hidden;
  /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 99%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

/* Product Display Properties */


.flex-container {
display: inline-flex;

}

.product-img {
width: 100vw;
height: 100vh;
text-align: center;
}

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

.controls {
float: right;
width: 15rem;
text-align: center;
}



.play-controls a {
	 border-bottom: 0;
}
.play-controls a:hover, .play-controls a:focus {
	 text-decoration: none;
	 border-bottom: 0;
}


.frame-label {
padding: 0;
margin-bottom: 0;
line-height: 1.33;
}

.full-vw {
width: 100vw;	
}

.hide {
display: none;	
}

.hideControlsButton {
margin-top: 1rem;
}

.showControlsButton {
position:absolute;
top:1rem;
right:1rem;	
}

.enableZoomButton {
margin-top: 1rem;
margin-bottom: 1rem;
}

.static-image {
height: 100%;
width: 100%;
object-fit: contain;
}