#panel_photo_capture{position:relative;width:640px;}
#panel_photo_capture .hidden{display:none;}
#panel_photo_capture #div_capture{position:relative;width:640px;background:black url('images/Lens.png') no-repeat center center;}
#panel_photo_capture #div_capture #capture_area{position:relative;height:480px;width:640px;background:black url('images/Lens.png') no-repeat center center;}
#panel_photo_capture #div_capture #canvas, #video{width: auto; display: block;}
#panel_photo_capture #div_capture #canvas{position:absolute;top:0;left:30px;}
#panel_photo_capture #div_capture #canvas.hidden{display:none;}
#panel_photo_capture #div_capture div#buttons{width:100%;height:100px;text-align:center;}
#panel_photo_capture #div_capture div#buttons button{width:100px;height:100px;cursor:pointer;padding:0;margin:0 20px;border:none;box-shadow:none;}
#panel_photo_capture #div_capture div#buttons button#snap{background:url('images/ImageCapture-icon.png') no-repeat;}
#panel_photo_capture #div_capture div#buttons button#save{background:url('images/save.png') no-repeat;}
#panel_photo_capture #div_capture div#buttons button#repeat{background:url('images/repeat.png') no-repeat;}
#panel_photo_capture #div_capture div#buttons button:hover{border:none;}
#panel_photo_capture div#preview_area{text-align:center;}
#panel_photo_capture div#preview_area.hidden{display:none;}

div#QR_code_decode{color:black;font-size:20px;border:1px solid #D9D9D9;padding:20px;height:17px;width:213px;text-align:center;position:relative;top:-4px;font-weight:bold;}

table#panel_QR_code_capture{width:600px;table-layout: auto;border-collapse:collapse;float:right;}
table#panel_QR_code_capture td:first-child{vertical-align:top;}

.hidden{display:none;}
div#panel_photo h2{margin:20px 0;text-align:center;font-weight:bold;}
table#panel_photo{width:auto;table-layout:fixed;border-collapse:collapse;}
table#panel_photo td.img{vertical-align:bottom;width:150px;height:122px;text-align:center;}
table#panel_photo td.camera{width:600px;height:400px;vertical-align:middle;}

table#panel_check_info{table-layout:auto;border-collapse:collapse;width:100%;}
table#panel_check_info td.col1{vertical-align:top;padding:0;width:210px;}
table#panel_check_info td.col2{vertical-align:top;padding:0 20px;width:100%;}
table#panel_check_info td.col3{vertical-align:top;padding:0;width:300px;}

div#panel_driver_info{margin-bottom:10px;}
div#panel_driver_info div.list_images_highslide{margin:0 0 0 5px;}
div#panel_driver_info table{width:100%;margin:0 0 15px 0;}
div#panel_driver_info table.info{width:380px;}
div#panel_driver_info table td:first-child{width:130px;}
div#panel_driver_info table td:last-child{width:auto;}
div#panel_driver_info table td.status_1{font-size:16px;color:green;}
div#panel_driver_info table td.status_2{font-size:16px;color:red;}

div#block_main{min-width:inherit;}

div#panel_MO_info{margin-bottom:0;}
div#panel_driver_photo{margin-bottom:10px;}
div#panel_driver_photo table td{text-align:center;}

div.buttons{margin:0;}

table#MRT_table_1{width:100%;table-layout:auto;border-collapse:collapse;}
table#MRT_table_1 td{vertical-align:top;}
table#MRT_table_1 td:first-child{text-align:left;}
table#MRT_table_1 td:last-child{text-align:right;}
table#MRT_table_1 div#panel_hand_TO{margin-top:24px;}

div.alert_MO{}
div.alert_comment{text-align:center;}

div.TO_info {
    margin-bottom: 5px;
    font-weight: bolder;
}
div.TO_info span {
    color: grey;
}

div.TO_buttons {
    display: inline-block;
    padding: 15px 27px;
    color: #707070;font-weight: lighter;
    background-color: #ececec;
    font-weight: bold;
    font-size: large;
    border-radius: 3px;
    border: 1px solid #ccc;
}

div.TO_buttons.not_active {
    opacity: 0.5;
}

div.TO_buttons.active {
    background-color: #2da5da;
    color: white;
    opacity: 0.8;
}

div.TO_direction {

}

div.TO_direction.active {
    background-color: green;
    color: white;
}
div.TO_direction.disactive {
    /*background-color: #dddddd;*/
}
div.TO_buttons:hover {
    cursor: pointer;
}

div.TO_button_row {
    text-align: center;
    margin-bottom: 5px;
}

p.TO_exist_alarm {
    font-size: 16px;
    line-height: 1.5;
}


@media (max-width: 768px) {
    #panel_main_menu {
        display: none !important;
    }
    body.body_work > div.body {
        margin-left: 9px !important;
    }
}