.recording-preview{
 width: 100%;
}
iframe{ max-width: 50%;}
@media only screen and (max-width: 575px) {
.recording-preview{
 width: 100%;
}
iframe{
    max-width: 360px;
}
}



#recording-modal{
  overflow: auto !important;
}

.widget-wrapper{
	position: fixed;
		top:35%;
	transform:rotate(-90deg);
	transform-origin: right;
			right:20px;
					z-index: 10000000000;
	color:!important;
	font-family:;
	font-style:;
	font-weight:;
}
.widget-wrapper #widget-button{
	display: block;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
	background:;
}
@media only screen and (max-width: 570px) {
.widget-wrapper{
	position: fixed;
		top:30%;
	transform:rotate(-90deg);
	transform-origin: right;
			right:15px;
					z-index: 10000000000;
	color:!important;
	font-family:;
	font-style:;
	font-weight:;
}
.widget-wrapper #widget-button{
	display: block;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
	background:;
}
}
@media only screen and (max-width: 570px) {
.stop-screen-button{
  position: fixed;
  top:65%;  transform:rotate(-90deg);
  transform-origin: left;
  left:20px;
  z-index: 10000000;
}

.stop-screen-button #widget-button{
  display: block;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
}
}
.stop-screen-button{
  position: fixed;
  top:65%;  transform:rotate(-90deg);
  transform-origin: left;
  left:20px;
  z-index: 10000000;
}

.stop-screen-button #widget-button{
  display: block;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 6px 1px;
}