﻿#main_side_area .row .btn-group{width:100%}#map .ol-full-screen{right:.5em;top:.5em}#map .ol-zoom{left:auto;right:.5em;top:3em}#map .change_layer_btn{right:.5em;top:8em}html{font-size:62.5%}body{background-color:#f5f6fa;font-size:1.8rem}.modal-title,.form-control,.btn{font-size:1.8rem}header .navbar{display:flex;flex-wrap:wrap;padding:0;border-bottom:none !important;background:#72bf76 !important;background:-moz-linear-gradient(left, rgb(114, 191, 118) 0%, rgb(60, 159, 122) 100%) !important;background:-webkit-linear-gradient(left, rgb(114, 191, 118) 0%, rgb(60, 159, 122) 100%) !important;background:linear-gradient(to right, rgb(114, 191, 118) 0%, rgb(60, 159, 122) 100%) !important;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr="#72bf76", endColorstr="#3c9f7a",GradientType=1 ) !important;background-attachment:fixed;color:#fff}header .navbar-brand{display:inline-block;margin:0;padding:8px 0 0 340px;min-height:40px;background:rgba(0,0,0,0) url("/images/logo_w.png") no-repeat scroll 40px 8px;background-size:272px auto;color:#fff !important;font-size:2.2rem;font-weight:bold}header .navbar-nav{position:relative;margin-right:20px;margin-left:auto}header .navbar-nav li{margin-left:28px;margin-right:0 !important}#header_carName,#header_driverName{margin-top:4px}#header_carName::before,#header_driverName::before{display:inline-block;position:relative;content:"";top:0;left:0;margin:0 8px 0 0;color:#fff;font-size:24px;font-family:"Font Awesome 5 Free";font-weight:900;line-height:1}#header_carName::before{content:""}#header_driverName::before{content:""}header .btn-dark{padding:4px 16px;border:none;border-radius:4px;background-color:rgba(0,0,0,.5)}#message_area{padding:0 40px;background-color:#ea5352;color:#fff;line-height:50px}#main_area.p-3{padding:0 20px 0 0 !important}#main_area #map{padding:0}#main_area #main_side_area{padding:12px 0 12px 20px;overflow-y:auto}#main_side_area .row{margin:0}#main_side_area .btn{margin-bottom:16px;padding:12px;border:none !important;border-radius:8px !important}#main_side_area .btn-group .btn{width:calc(50% - 4px);margin-left:4px}#main_side_area .btn-group .btn:first-child{margin-left:0;margin-right:4px}#main_side_area .btn-block{background-color:#e1e5eb}#main_side_area .btn-block.btn-warning{color:rgba(34,17,34,.6);background-color:#ffc107;border-color:#ffc107}#main_side_area .btn-block.btn-warning:hover{background-color:#b8860b;border-color:#b8860b}#main_side_area .btn-block.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}#main_side_area .btn-block.btn-success:hover{color:#fff;background-color:#006400;border-color:#006400}#main_side_area .btn-primary{padding:28px 12px;background-color:#0090ff}#main_side_area .btn-primary.disabled,#main_side_area .btn-primary:disabled{background-color:#c6cdd7}#main_side_area .btn-block::before{display:inline-block;position:relative;content:"";top:1px;margin-right:8px;width:22px;height:22px;font-size:18px;font-family:"Font Awesome 5 Free";font-weight:900;line-height:1;color:#333}#main_side_area .btn-block:active::before{color:#fff}#main_side_area #btn_prev_trip::before{content:""}#main_side_area #btn_next_trip::before{content:""}#main_side_area .btn-light:not(:disabled):not(.disabled):focus,#main_side_area .btn-light:not(:disabled):not(.disabled):hover,#main_side_area .btn-primary:not(:disabled):not(.disabled).focus,#main_side_area .btn-primary:not(:disabled):not(.disabled).focus:hover,#main_side_area .btn-primary:not(:disabled):not(.disabled):focus,#main_side_area .btn-primary:not(:disabled):not(.disabled):hover{position:relative;top:-2px;left:-2px;box-shadow:2px 2px 6px rgba(0,0,0,.3)}#main_side_area .btn-light:not(:disabled):not(.disabled):active,#main_side_area .btn-primary:not(:disabled):not(.disabled).focus:active,#main_side_area .btn-primary:not(:disabled):not(.disabled):focus:active{position:relative;top:0;left:0;background-color:#ea5352;color:#fff;box-shadow:none}#main_side_area>.row:nth-of-type(3){margin-bottom:16px;border-radius:8px;background-color:#fff;box-shadow:2px 2px 6px rgba(0,0,0,.15)}#status_info_wrapper{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;border-radius:8px 8px 0 0;background-color:#ccc;color:#fff;box-shadow:2px 2px 6px rgba(0,0,0,.15)}#status_info_wrapper.BeforeService{background-color:#3c9f7a}#status_info_wrapper.InService{background-color:#0090ff}#status_info_wrapper.OutOfService{background-color:#ea5352}#status_info_wrapper.EndOfService{background-color:#000}#status_info{padding:8px 12px 8px 20px;width:calc(100% - 76px);text-align:center}#main_side_area #status_info+.btn{margin:0 12px 0 0;padding:0 12px 1px !important;width:64px;height:28px;border-radius:4px !important}#main_side_area #status_info+.btn:disabled{background-color:rgba(198,205,215,.65)}#trip_table{margin:0 20px 8px;width:100%}#trip_table tr{border-top:solid 1px #333}#trip_table tr:first-child{border-top:none}#trip_table td{position:relative;padding:16px 12px 16px 0;vertical-align:top}#trip_table td:nth-of-type(2){padding-right:0;width:80px;white-space:nowrap}#trip_table td:first-child::before{position:absolute;display:block;content:"";top:-6px;left:20px;width:12px;height:12px;border:solid 6px rgba(0,0,0,0);border-bottom:solid 6px #333;border-right:solid 6px #333;transform:rotate(45deg)}#trip_table tr:first-child td:first-child::before{display:none}#trip_table td:first-child div:nth-of-type(2){font-size:1.8rem;font-weight:bold}.goolgemap-type-button button{background:none #fff;border:0px;margin:7px;padding:0px;text-transform:none;appearance:none;position:absolute;cursor:pointer;user-select:none;border-radius:2px;height:28px;width:28px;box-shadow:rgba(0,0,0,.3) 0px 1px 4px -1px;overflow:hidden;right:0px;top:0px;font-size:large;font-weight:bold;color:#666}.selectwrap{position:relative}.selectwrap::after{position:absolute;top:30%;right:20px;font-family:"Font Awesome 5 Free";font-weight:bold;pointer-events:none;content:"";color:#fff}.form-select{appearance:none;height:2.8em;border:none;border-radius:3px;background-color:#28a745;color:#fff;text-align:center;width:-webkit-fill-available;cursor:pointer}.form-select:focus{outline:none}.form-select::-ms-expand{display:none}
