#accident-pic-retake-msg {
   display: none;
}

#accident-retake-btn-wrapper {
   display: none;
}

.accident-thumbnail {
   width: 33%;
   float: left;
   margin-bottom: 1em;
   text-align: center;
}

.accident-thumbnail img {
   max-width: 75%;
}

#accident-validation-msg {
   display: none;
}

#accident-video-retake-msg {
   display: none;
}

.active-number {
   color: #4e6d8d;
}

.button-or-thumbnail {
   width: 50%;
   float: left;
}

.camera-ui {
   display: none;
   position: absolute;
   bottom: 10%;
   width: 10%;
   left: 45%;
   opacity: 0.7;
}

#capture-preview {
   /*    width: 100%;*/
   text-align: center;
   /*    height: 100%;*/

   height: 100vh;
   width: 100vw;
   position: relative;
}

#capture-preview table {
   width: 100%;
}

#change-camera-button {
   position: fixed;
   top: 2em;
   width: 2.5em;
}

.claim-num {
   display: inline-block;
   float: right;
   width: 28%;
   margin-right: 2%;
   margin-top: 1em;
   text-align: right;
   /*    text-decoration: underline;*/
   color: #4e6d8d;
}

.clearboth {
   clear: both;
}

#dash-pic-validation-msg,
#overview-pic-validation-msg {
   display: none;
}

#dash-thumbnail-wrapper {
   display: none;
   width: 30%;
   text-align: center;
}

.helpbox {
   border: 2px solid;
   padding: 0.25em;
   text-align: center;
}

.helpbox h3 {
   margin: 0;
   padding: 0;
}

.helpbox-left {
   width: 25%;
   float: left;
   text-align: center;
}

.helpbox-left img {
   margin-top: 0.25em;
}

.helpbox-right {
   width: 75%;
   float: right;
   text-align: center;
}

.insurer-logo {
   display: inline-block;
   float: left;
   width: 68%;
   margin-left: 2%;
   margin-top: 0.5em;
}

.fancy-number {
   width: 20%;
   float: left;
   text-align: center;
}

.fancy-number h3 {
   font-weight: bold;
   margin-bottom: 0;
}

.fancy-numbers-wrapper {
   margin: 0 2.5% 0 2.5%;
   font-size: 3vw;
}

/* Set default max so that wide screens don't scale up the text on progressbar numbers to silly sizes */
@media screen and (min-width: 400px) {
   .fancy-numbers-wrapper {
      margin: 0 2.5% 0 2.5%;
      font-size: small;
   }
}

.inactive-number {
   color: #bac0c5;
}

#location-text-entry-wrapper {
   display: none;
}

.logo-wrapper {
}

.left {
   float: left;
}

#maincap {
   height: 100vh;
   width: 100vw;
}

.map-icon-wrapper {
   float: left;
   width: 20%;
}

.map-icon-wrapper img {
   width: 90%;
   max-width: 100px;
}

#overview-front-thumbnail-wrapper,
#overview-driverside-thumbnail-wrapper,
#overview-rear-thumbnail-wrapper,
#overview-passengerside-thumbnail-wrapper {
   display: none;
}

#overview-pic-retake-msg {
   display: none;
}

#overview-retake-btn {
}

#overview-retake-btn-wrapper {
   display: none;
}

.overview-thumbnail {
   width: 60%;
   text-align: center;
}

.overview-thumbnail img {
   max-width: 60%;
}

#repair-booking {
   margin-top: 0.5em;
}

.repair-booking-details {
   float: left;
}

.right {
   float: right;
   margin-right: 0;
}

.rightbtn {
   float: right;
}

.small-text {
   font-size: small;
}

.thumbnail {
   width: 30%;
}

.thumbnail img {
   max-width: 75%;
}

.thumbnail-text {
   font-size: x-small;
   font-weight: bold;
}

.validation-warning {
   font-weight: bold;
   color: red;
}

.vid-cam-ui {
   display: none;

   text-align: center;
}

.vid-cam-ui-pic {
   position: absolute;
   bottom: 10%;
   width: 10%;
   left: 45%;
   opacity: 0.7;
}

#video-retake-btn-wrapper {
   display: none;
}

.videostream {
   display: block;
   width: 100%;
   position: absolute;
   /* top: 50%;
    transform: translateY(-50%); */
   height: 100%;
   left: 0;
}

.video-thumbnail {
   width: 100%;
   display: none;
}

.video-thumbnail img {
   width: 28%;
   float: left;
   margin-left: 2%;
}

.video-thumbnail-text {
   width: 68%;
   float: left;
   margin-top: 10%;
   margin-left: 2%;
}

#vid-preview-page {
   background-color: black;
   margin: 0;
   padding: 0;
}

#vid-preview-page > div {
   margin: 0;
   padding: 0;
}

#vid-timer {
   color: white;
   position: absolute;
   bottom: 5%;
   width: 100%;
   font-weight: bold;
}

#loader-over {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: black;
   z-index: 9999990;
   display: none;
   opacity: 0.6;
}

.pworks-text {
   display: none;
}