/*
button {
  margin: auto;
  display: block;
  font-size: 20px;
  background-color: white;
  font-family:  serif;
}
*/

.executuion_view_main{
  position:relative;
}

@media (orientation: portrait){
.execution_view img {
  position:relative;
  max-height: 74vh;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
  margin:0 auto;
}
}
@media (orientation: landscape){
.execution_view img {
  position:relative;
  max-height: 74vh;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block;
  margin:0 auto;
}
}
.execution_progress {
  position: absolute;
  width: 50%;
  left: 25%;
  top: 78vh;
}

.execution_view_completed {
  position: absolute;
  top: 5%;
  width:96%;
  margin: 0 2%;
}

.remaining_time {
  position: absolute;
  font-size: 1.5em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  top: 80vh;

}
.executied_image_count{
  position: absolute;
  font-size: 0.8em;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  top: 75vh;

}

.close_viewer_button {
  position: absolute;
  top: 2%;
  right: 2%;
  width: 1em;
  z-index: 2000010!important;
}
/*

.stop_button {
  position: absolute;
  bottom: 3%;
  left:50%;
  width: 5em;
}

.start_button {
  margin-top: 20px;
}

.pause_button {
  position: absolute;
  bottom: 3%;
  left:35%;
  width: 5em;
}

.previous_image_button {
  position: absolute;
  bottom: 3%;
  left:5%;
  width: 3em;
}

.next_image_button {
  position: absolute;
  bottom: 3%;
  right:5%;
  width: 3em;
}
*/

@media screen and (min-width:481px) {
.execution_view {
  	visibility: hidden;
  	position: absolute;
  	width: 96%; 
  	height: 96vh;
  	left: 2vh; top: 2vh;
  	background-color: rgb(240, 240, 240);
	z-index: 2000000!important;
}
	.setting_view {
  		width: 80%;
  		margin:0 auto;
  		padding-top: 20px;
	}
}
@media screen and (max-width:480px) {
.execution_view {
  	visibility: hidden;
  	position: absolute;
  	width: 100%; 
  	height: 100vh;
  	left: 0; top: 0;
  	background-color: rgb(240, 240, 240);
	z-index: 2000000!important;
}
	.setting_view {
  		width: 100%;
  		padding-top: 20px;
	}
}
.setting_each_option {
  max-width: 1000px;
  margin: 0 auto 1em auto;
}

.image_option_manual_render_interval {
  position: relative;
  left: 0%;
  padding-bottom: 10px;
}

.option_image_count {
  position: relative;
  left: 15%;
}

.option_button input[type="radio"] {
  display: none;
}

.option_button label{
  background-color: skyblue;
	text-align: center;
}

.option_button input[type="radio"]:checked + label {
  background-color: rgb(235, 143, 0);
}

.completed_images {
  width: auto !important;
  height: 10vh !important;
}
div.execution_view_completed > p{
  margin-right: 5px;
  float:left;
}