.videorecordingarea video {
    width: auto;
    height: auto;
    border: 1px solid #fff;
}

.videorecordingarea #controls {
  display: flex;
  margin-top: 2rem;
  max-width: 28em;
}

.videorecordingarea button {
  flex-grow: 1;
  height: 3rem;
  min-width: 10rem;
  border: none;
  border-radius: 0.15rem;
  background: #ed341d;
  margin-left: 2px;
  box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#ffffff;
  font-weight: bold;
  font-size: 1rem;
}
.videorecordingarea button:hover, button:focus {
  outline: none;
  background: #c72d1c;
}
.videorecordingarea button::-moz-focus-inner {
  border: 0;
}
.videorecordingarea button:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
  line-height: 3rem;
}
.videorecordingarea button:disabled {
  pointer-events: none;
  background: lightgray;
}
.videorecordingarea button:first-child {
  margin-left: 0;
}

.videorecordingarea {max-width: 900px;width: 100%;text-align: center;}

.videorecordingarea video {width: 70%;max-height: 400px;margin: 0 auto;}

.videorecordingarea h1.entry-title {display: none;}

.videorecordingarea #controls button#rec {background: red; color: #fff; font-size: 24px; height: 50px; margin: 0 auto;}

/*.videorecordingarea #controls button#rec:hover {background: #000;}*/

.videorecordingarea #controls p.text_on_recording {text-align: left;padding-top: 20px;}

.videorecordingarea #controls {display: block;max-width: 70%;margin: 0 auto;position: relative;}

.videorecordingarea #beforecountdownstart {top: 50px; position: absolute; color: #ffffff; font-size: 100px; font-weight: 700; width: 100%; text-shadow: 3px 3px 4px #000000;}

.videorecordingarea #controls button#stop {background: red;color: #fff;font-size: 24px; height: 50px; margin: 0 auto; }

.videorecordingarea #controls button#stop:hover {background:black}

.videorecordingarea #aftercountdownstart {color: red;font-size: 18px;}

.combinebtn {text-align: center;max-width: 93%;}

.combinebtn button#savevid {background: #00FF00;color: #fff;font-size: 24px; height: 50px; margin: 0 auto; border: none; }
.combinebtn button#again {background: #FFA500;color: #fff;font-size: 24px; height: 50px; margin: 0 auto; border: none; }
    
.videorecordingarea .videolisting iframe {width: 29% !important;float: left;margin: 20px;}
.videorecordingarea table.vendordatatable {background: #fff;}
.videorecordingarea table.vendordatatable td.status_draft {background: orange;color: #fff;}
.videorecordingarea table.vendordatatable td.status_published {background: limegreen;color: #fff;}
.videorecordingarea #infodiv a {background: darkslateblue;padding: 10px;color: #fff;text-decoration: none;font-size: 16px;}
.videorecordingarea #infodiv a:hover {background: black;}

.videorecordingarea .vidrecsettings form table th label {font-weight: 500;}

.videorecordingarea .vidrecsettings form table td input {width: 100%;}

.videorecordingarea .vidrecsettings form table {width: 60%;}

.videorecordingarea .vidrecsettings form table th {width: 40%;}

.videorecordingarea .vidrecsettings form table td  textarea {width: 100%;min-height: 120px;margin-top:10px}

.videorecordingarea .vidrecsettings form table td input[type="number"] {width: 40%;}

.videorecordingarea .videolisting video {width: 29% !important;float: left;margin: 20px;}

video#ContentPlaceHolder1_framVideo { border-radius: 10px; }

@media screen and (max-width:767px){
	.videorecordingarea #controls{
    	max-width: 90%;
    }
    
    .videorecordingarea .videorecordingarea video {
    width: 90%;
    }

}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader {position: absolute;margin-top: -5%;left: 47%;width: 40px;height: 40px;}

@media screen and (max-width:767px){
	.vidrecsettings form table {width: 100%;}

.vidrecsettings form table th {width: 30%;}

.vidrecsettings form table th label {font-size: 12px;line-height: 12px;}

}