#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;
}

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

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

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

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

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

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

.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;
}