#progress_bar {height: 10px; margin: 10px 0px; position: relative}
.filler {width: 0px; background: red; left: 0px; top: 1px;  height: 8px; }
.imageuploader {height: 200px; background: #f9f9f9; margin: 30px}


#drop_file_zone {
    background-color: #EEE;
    border: #999 2px dashed;
    width: 100%;
    min-height: 150px;
    padding: 8px;
    font-size: 18px;
    display: flex; align-items: center; justify-content: center;
    padding: 20px 0px
}
#drag_upload_file {
    width:50%;
    margin:0 auto;
}
#drag_upload_file p {
    text-align: center;
}
#drag_upload_file #selectfile {
    display: none;
}

#explorer {padding: 5px 10px;}

.order_image_zone {border: 1px solid #ddd; padding: 20px; background: #f9f9f9}
.order_image_zone.invis {height: 0px; overflow: hidden}
.button.btn.invis {height: 0px; overflow: hidden; margin: 0px; padding: 0px;}
.track_image {display: inline-block; position: relative; width: 150px; height: 150px; border: 1px solid #ccc;  display: flex; align-items: center; justify-content: center;  margin: 3px;}


.track_image a {display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 150px; height: 150px;}

.employee_delete_image {width: 30px; height: 30px; position: absolute; right: 0px; top: 0px; border: none; background: none; color: #ff0000; border: 1px solid transparent}
.employee_delete_image:hover {border: 1px solid red; background: red; color: #fff}

.track_image img {max-width: 100%; width: 100%; height: auto; }


.invis {opacity: 0; visibility: hidden}

.victorina {text-align: center;}
.victorina output {display: block; padding: 30px 0px; font-size: 50px; line-height: 50px; font-weight: bold;}
.check_confirm {margin-bottom: 20px;}

.btn.button {margin: 20px 0px; border: 1px solid #333; color: #333; background: #fff;}

#vin_res{opacity: 0; overflow: hidden; height: 0px;}
#vin_res.active {opacity: 1; overflow: auto; height: auto}

.wns {font-size: 24px; line-height: 28px;}


.tab_wrapper {overflow-x: auto}

.btn.button.conf {margin: 0px 10px;}
.btn.button:hover {color: #fff !important; background: #333}

.btn.button:active, .btn.button:visited,.btn.button:focus{color: #000 !important; background: #fff !important}

.f_ch {margin: 10px 0px;}


@media (min-width: 1200px) {

}

 
@media (min-width: 992px) and (max-width: 1199px) {

}

 
@media (min-width: 768px) and (max-width: 991px) {

}

 
@media (max-width: 767px) {
.victorina .conf {display: block; margin: 10px auto}
.victorina output {display: block; padding: 30px 0px; font-size: 45px; line-height: 50px; font-weight: bold;}
}