body {
    font-family: 'Noto Sans SC', sans-serif;
}


/* Table Head */
#table-5 thead th {
    background-color: rgb(156, 186, 95);
    color: #fff;
    border-bottom-width: 0;
}

/* Column Style */
#table-5 td {
    color: #000;
}

/* Heading and Column Style */
#table-5 tr, #table-5 th {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(156, 186, 95);
}

/* Padding and font style */
#table-5 td, #table-5 th {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
}

#table-5 tr:nth-child(even) {
    background: rgb(223, 216, 232)
}

#table-5 tr:nth-child(odd) {
    background: #FFF
}

html, body {
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

a,
a:hover,
a:active,
a:visited {
    text-decoration: none;
    color: #333;
}

.overflow-y-scroll {
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

.overflow-y-scroll::-webkit-scrollbar {
    width: 0 !important;
}

.fl-right {
    float: right;
}

.display-none {
    display: none;
}

th {
    text-align: center;
}

td {
    text-align: center;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

p {
    margin: 5px;
}

.quick-msg {
    margin-bottom: 1rem;
    word-wrap: break-word;
    border-bottom: 1px black dotted;
    cursor: pointer;
}

.quick-msg:hover {
    color: blue;
}

#select-all-orders {
    position: relative;
    transform: scale(2);
    top: 5px;
    left: -169px;
}

#select-all-orders-label {
    position: relative;
    top: -2px;
    left: -113px;
}

#select-all-orders-2 {
    transform: scale(2);
    margin-left: 10px;
    margin-top: 7px;
}

#select-all-orders-label-2 {
    margin-left: 5px;
}

#order-menu {
    height: 39px;
}

#orderlist {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 375px;
    z-index: 99;
    height: 100%;
    background-color: rgba(232, 239, 228, 0.7);
    border: 0.6rem solid #FE8074;
    border-left: 0;
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
}

#items_self, #items_outbound {
    height: 90%;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
}

#items_self::-webkit-scrollbar, #items_outbound::-webkit-scrollbar {
    width: 0 !important;
}


#container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

/*#ida {*/
/*    z-index: 100;*/
/*    position: absolute;*/
/*    background-color: #89cff0;*/
/*    opacity: 0.8;*/
/*    font-size: 18px;*/
/*    right: 33%;*/
/*    color: #FFF;*/
/*    padding: 10px;*/
/*    width: 140px;*/
/*}*/

#ida a,
#ida a:hover,
#ida a:active,
#ida a:visited {
    color: #FFF;
}

.img-avatar {
    float: left;
    width: 30px;
}

.letian-selection {
    margin-top: 10px;
}

#stafflist {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 650px;
    z-index: 99;
    max-height: 100%;
    min-width: 300px;
    background-color: rgba(232, 239, 228, 0.7);
    border: 10px solid #FE8074;
    border-right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-size: 100% 100%;
}

.div-stafflist-collapse {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

.staff-ctrl {
    white-space: nowrap;
}

/*#stafflist td {*/
/*    white-space: nowrap;*/
/*}*/


#staff_content, #service_content {
    padding-top: 0.5rem;
    overflow-y: scroll;
    overflow: -moz-scrollbars-none;
}


#staff_content::-webkit-scrollbar {
    width: 0 !important;
}

#service_content::-webkit-scrollbar {
    width: 0 !important;
}

.stafflist-info {
    text-align: left;
    word-break: break-word;
}

.select-work-area {
    font-size: 0.8rem;
}

.stafflist-table-border {
    border-bottom: 2px #016873 solid;
    border-left: 2px #016873 solid;
    border-bottom-left-radius: 5px;
}

.driver-phone {
    font-weight: 900;
}

.span-dot {
    width: 10px;
    height: 10px;
    border-radius: 1rem;
    position: relative;
    left: -6px;
    float: left;
    top: 0;
    background-color: #016873;
}

.staff-disable {
    color: #ccc;
}

.fr {
    float: right;
    margin-right: 5px;
}


.text_label a {
    color: #f00;
    font-size: 0.8rem;
    text-decoration: none;
}

.button-group {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 12px;
    padding: 10px;
}

.button-group .button {
    height: 28px;
    line-height: 28px;
    background-color: #0D9BF2;
    color: #FFF;
    border: 0;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    margin-bottom: 4px;
    cursor: pointer;
}

.button-group .inputtext {
    height: 26px;
    line-height: 26px;
    border: 1px;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    margin-bottom: 4px;
    cursor: pointer;
}

/*
.tip {
   position: absolute;
   bottom: 30px;
   right: 10px;
   background-color: #FFF;
   text-align: center;
   border: 1px solid #ccc;
   line-height: 30px;
   border-radius: 3px;
   padding: 0 5px;
   font-size: 12px;
}
*/
#tip {
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    font-size: 12px;
    right: 10px;
    top: 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
    line-height: 30px;
}

/*
#tip input[type='button'] {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #0D9BF2;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	outline: none;
	border: 0;
}
*/
.amap-info-content {
    font-size: 12px;
}

#myPageTop {
    position: absolute;
    top: 5px;
    right: 10px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 10px auto;
    padding: 6px;
    font-family: "Microsoft Yahei", "Pinghei";
    font-size: 14px;
}

#myPageTop label {
    margin: 0 20px 0 0;
    color: #666666;
    font-weight: normal;
}

#myPageTop input {
    width: 170px;
}

#myPageTop .column2 {
    padding-left: 25px;
}

#login_ida_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: RGBA(238, 238, 238, 0.9);
    display: none;
    z-index: 200;
    text-align: center;
}

/*input {*/
/*    height: 50px;*/
/*    width: 250px;*/
/*    margin: 10px 0;*/
/*    padding-left: 10px;*/
/*    border-radius: 10px;*/
/*    border: solid 1px #89cff0;*/
/*}*/

input[type="checkbox"] {
    width: 12px;
    height: 12px;
    vertical-align: top;
}

#login_ida_wrapper #content_wrapper {
    margin-top: 40vh;
}

#login_ida_wrapper #content_wrapper #submit {
    background-color: #89cff0;
    color: #FFF;
    border: none;
}

#login_ida_wrapper #content_wrapper #close {
    background-color: #FFF;
    color: #89cff0;
    border: solid 1px #89cff0;
    border: none;
}

#area_wrapper #current_area {
    color: #F00;
    font-weight: bold;
}

#area_wrapper a,
#area_wrapper a:hover,
#area_wrapper a:visited,
#area_wrapper a:active {
    color: #1ea9ea;
}

#change_area {
    width: 100%;
}

#btn-settings {
    margin-top: 33px;
}

#collapse-settings .col-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#change_area_wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-color: RGBA(238, 238, 238, 0.9);*/
    display: none;
    z-index: 200;
    text-align: center;
}

#change_area_wrapper #content_wrapper {
    margin-top: 40vh;
}

#change_area_wrapper #content_wrapper #close {
    background-color: #FFF;
    color: #89cff0;
    border: solid 1px #89cff0;
    border: none;
}

#change_area_wrapper #content_wrapper #allarea span {
    margin: 10px;
    background-color: #89cff0;
    border: solid 1px #FFF;
    padding: 15px;
    font-size: 16px;
    display: inline-block;
}

#change_area_wrapper #content_wrapper #allarea {
    max-width: 30vw;
    margin: 0 auto;
    border: 1px solid #89cff0;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}

#change_area_wrapper #content_wrapper #allarea span a,
#change_area_wrapper #content_wrapper #allarea span a:hover,
#change_area_wrapper #content_wrapper #allarea span a:active,
#change_area_wrapper #content_wrapper #allarea span a:visited {
    color: #FFF;
}

#orderlist #area_wrapper {
    padding: 15px;
    margin-bottom: 15px;
    height: 81px;
}

#orderlist #action_wrapper {
}

#orderlist #items_wrapper {
    padding: 15px 0;
}

#orderlist #items_wrapper #order_type {
}

#orderlist #items_wrapper #order_type .item {
    border: 3px solid #016873;
    border-radius: 10px;
    font-weight: 900;
    text-align: center;
}

#orderlist #items_wrapper #order_type .item a,
#orderlist #items_wrapper #order_type .item a:hover,
#orderlist #items_wrapper #order_type .item a:active,
#orderlist #items_wrapper #order_type .item a:visited {
    color: #016873;
}

#items_wrapper .row {
    margin-bottom: 1rem;
}

#playpausemusic input, #show-driver-attributes input {
    transform: scale(2) translateY(3px);
    margin-right: 0.5rem;
}

.order-list-item {
    transform: scale(2) translateY(3px);
}

#orderlist #allow_pre {
    margin-right: 10px;
    color: black;
    font-weight: bold;
}

#allow_pre input, .select-category input, .select-all-categories, .select-item input {
    transform: scale(2) translateY(3px);
    margin-right: 0.5rem;
}

#orderlist #items_wrapper .items {
}

#orderlist #items_wrapper .items .item .line1 .title {
    font-size: 15px;
}

#orderlist #items_wrapper .items .item .line1 .call {
    display: block;
    margin: 15px 0 15px 15px;
}

#orderlist #items_wrapper .items .item .line1 .sent {
    display: block;
    margin: 15px 0 15px 15px;
}


#orderlist .items .item {
    padding: 10px;
    font-size: 14px;
    border-bottom: dashed 5px #016873;
    margin: 0 15px;
}

#orderlist .items .item input {
    margin-right: 10px;
}

#orderlist .items .item .line2 {
    display: none;
    padding: 10px;
    border: solid 1px #89cff0;
    margin-top: 10px;
    margin-left: 15px;
}

#stafflist .head {
    padding-top: 10px;
    font-size: 16px;
}

#orderlist .items .item .call {

}

#orderlist .items .item .call a {
    padding: 5px;
}

#orderlist .items .item .call a.notcalled,
#orderlist .items .item .call a.notcalled:hover,
#orderlist .items .item .call a.notcalled:active,
#orderlist .items .item .call a.notcalled:visited {
    color: #FFF;
    font-weight: bold;
    background-color: #89cff0;
}

#orderlist .items .item .call a.called,
#orderlist .items .item .call a.called:hover,
#orderlist .items .item .call a.called:active,
#orderlist .items .item .call a.called:visited {
    color: #FFF;
    font-weight: bold;
    background-color: #F00;
}

#orderlist #items_wrapper .items .item .line2 a,
#orderlist #items_wrapper .items .item .line2 a:hover,
#orderlist #items_wrapper .items .item .line2 a:active,
#orderlist #items_wrapper .items .item .line2 a:visited {
    color: #89cff0;
}

#orderlist .items .item .sent a {
    padding: 5px;
}

#orderlist .items .item .sent a.notcalled,
#orderlist .items .item .sent a.notcalled:hover,
#orderlist .items .item .sent a.notcalled:active,
#orderlist .items .item .sent a.notcalled:visited {
    color: #FFF;
    font-weight: bold;
    background-color: #89cff0;
}

#orderlist .items .item .sent a.called,
#orderlist .items .item .sent a.called:hover,
#orderlist .items .item .sent a.called:active,
#orderlist .items .item .sent a.called:visited {
    color: #FFF;
    font-weight: bold;
    background-color: #F00;
}


#orderlist #items_wrapper .items .item .line2 .status {
    background-color: rgba(0, 255, 0, 0.5);
}

.top-msg {
    background-color: #89cff0;
    height: 50px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    color: #FFF;
    text-align: center;
    z-index: 250;
    font-size: 16px;
    line-height: 50px;
}

.div-align-center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.loading {
    z-index: 300;
    /*background-color: RGBA(255,255,255,0.6);*/
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.span-restaurant-name {
    color: red;
}

.input-group-price-percentage {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.loading img {
    width: 30px;
    height: 30px;
    margin-left: calc((100vw - 30px) / 2);
    margin-top: calc((100vh - 30px) / 2);
}

#order_fullinfo {
    position: fixed;
    z-index: 301;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    display: none;
    padding-top: 50px;
    overflow-y: scroll;
}

#order_fullinfo .actions span, #staff_routes .actions span {
    margin: 0 10px;
    padding: 5px;
    background-color: #89cff0;
}

#order_fullinfo .actions span a,
#order_fullinfo .actions span a:hover,
#order_fullinfo .actions span a:active,
#order_fullinfo .actions span a:visited,
#staff_routes .actions span a,
#staff_routes .actions span a:hover,
#staff_routes .actions span a:active,
#staff_routes .actions span a:visited {
    color: #FFF;
    text-decoration: none;
}

#order_fullinfo .section, #staff_routes .section {
    margin-top: 20px;
    color: #333;;
}

#order_fullinfo .section .item {
    margin: 5px 0;
}

#order_fullinfo .section .head {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 0;
    background: #ccc;
    margin-bottom: 10px;
}

#order_fullinfo .section .content .key {
    text-align: right;
}

#order_fullinfo #wrapper, #staff_routes #staff_wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

#stafflist .content .item {
    font-size: 14px;
    margin: 0 15px;
}

#stafflist .content .item .line1.inactive a.title,
#stafflist .content .item .line1.inactive a.title:hover,
#stafflist .content .item .line1.inactive a.title:active,
#stafflist .content .item .line1.inactive a.title:visited {
    color: #ccc;
}

#stafflist .content .item .line1.inactive_warn {
    background-color: rgba(255, 0, 255, 0.6);
}

#stafflist .content .item .line1.inactive_warn a.title,
#stafflist .content .item .line1.inactive_warn a.title:hover,
#stafflist .content .item .line1.inactive_warn a.title:active,
#stafflist .content .item .line1.inactive_warn a.title:visited {
    color: #ccc;
}

#stafflist .content .item .line1.active a.title,
#stafflist .content .item .line1.active a.title:hover,
#stafflist .content .item .line1.active a.title:active,
#stafflist .content .item .line1.active a.title:visited {
    color: black;
}

.title {
    font-size: 0.8rem;
}

.assign,
.assign:hover,
.assign:active,
.assign:visited {
    color: #FFF;
}

#stafflist .content .item .line2 {
    display: none;
    padding: 10px;
    border: solid 1px #89cff0;
    margin-left: 15px;
}

#stafflist .content .item .line2 .task.active {
    background-color: rgba(255, 0, 0, 0.6);
}

#stafflist .content .item .line2 .task.inactive {
    background-color: rgba(255, 255, 255, 0.6);
}

#stafflist .content .item .line2 .task.inactive_warn {
    background-color: rgba(255, 0, 255, 0.6);
}

#stafflist .content .item .line2 .task.notread {
    background-color: rgba(255, 255, 0, 0.6);
}

#stafflist .content .item .line2 .task.not_shop_accept {
    background-color: rgba(0, 255, 0, 0.6);
}

#stafflist .content .item .line2 .task.is_pricechange {
    background-color: rgba(0, 0, 255, 0.6);
}

#stafflist .content .item .line2 .task.active .meta,
#stafflist .content .item .line2 .task.active .meta:hover,
#stafflist .content .item .line2 .task.active .meta:active,
#stafflist .content .item .line2 .task.active .meta:visited,
#stafflist .content .item .line2 .task.is_pricechange .meta,
#stafflist .content .item .line2 .task.is_pricechange .meta:hover,
#stafflist .content .item .line2 .task.is_pricechange .meta:active,
#stafflist .content .item .line2 .task.is_pricechange .meta:visited {
    color: #FFF;
}

#stafflist .content .item .line2 .task.inactive .meta,
#stafflist .content .item .line2 .task.inactive .meta:hover,
#stafflist .content .item .line2 .task.inactive .meta:active,
#stafflist .content .item .line2 .task.inactive .meta:visited {
    color: #000;
}

#stafflist .content .item .line2 .task.inactive_warn .meta,
#stafflist .content .item .line2 .task.inactive_warn .meta:hover,
#stafflist .content .item .line2 .task.inactive_warn .meta:active,
#stafflist .content .item .line2 .task.inactive_warn .meta:visited {
    color: #000;
}

#stafflist .content .item .line2 .task .viewdetail,
#stafflist .content .item .line2 .task .viewdetail:hover,
#stafflist .content .item .line2 .task .viewdetail:active,
#stafflist .content .item .line2 .task .viewdetail:visited {
    color: #89cff0;
}

#order_fullinfo #goods table {
    width: 100%;
}

.staff-workingarea {
    margin-top: -3px;
    color: #000;
}

#staff_routes {
    position: fixed;
    z-index: 301;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    display: none;
    padding-top: 50px;
    overflow-y: scroll;
}

#staff_frame {
    width: 100%;
    min-height: 600px;
    height: 100%;
}

/*#logistic {*/
/*    z-index: 100;*/
/*    position: absolute;*/
/*    background-color: pink;*/
/*    opacity: 0.8;*/
/*    font-size: 18px;*/
/*    right: 33%;*/
/*    color: #FFF;*/
/*    padding: 10px;*/
/*    top: 50px;*/
/*    width: 140px;*/
/*}*/

#logistic a,
#logistic a:hover,
#logistic a:active,
#logistic a:visited {
    color: #FFF;
}

/*#traffic {*/
/*    z-index: 100;*/
/*    position: absolute;*/
/*    background-color: lightgreen;*/
/*    opacity: 0.8;*/
/*    font-size: 18px;*/
/*    right: 33%;*/
/*    color: #FFF;*/
/*    padding: 10px;*/
/*    top: 100px;*/
/*    width: 140px;*/
/*}*/

#traffic a,
#traffic a:hover,
#traffic a:active,
#traffic a:visited {
    color: #FFF;
}

/*#bind {*/
/*    z-index: 100;*/
/*    position: absolute;*/
/*    background-color: lightgray;*/
/*    opacity: 0.8;*/
/*    font-size: 18px;*/
/*    right: 60%;*/
/*    color: #FFF;*/
/*    padding: 10px;*/
/*    bottom:0;*/
/*    width: 140px;*/
/*}*/

#bind a,
#bind a:hover,
#bind a:active,
#bind a:visited {
    color: #FFF;
}

.btnHead {
    padding: 3px 10px;
    font-size: 16px;
    color: #333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    outline: none;
}

.btnHead.hiddd {
    color: #fff;
    background-color: #89cff0;
    border-radius: 10px;
}

.placeholder {
    height: 15px;
}

.div-fix-bottom {
    position: fixed;
    bottom: 0;
    width: 550px;
    left: 50%;
    transform: translateX(-275px);
    z-index: 100;
    background-color: #E8EFE4;
    border: 0.5rem solid #FE8074;
    border-bottom: 0;
    padding: 10px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.div-fix-top {
    position: fixed;
    top: 0;
    text-align: center;
    width: 250px;
    left: 50%;
    transform: translateX(-100px);
    height: auto;
    background-color: rgba(255, 255, 255, 0.8);
}

.div-fix-bottom .btn {
    background-color: #FE8074;
    color: white;
    font-weight: 900;
    border-radius: 15px;
}


#div-show-orderlist {
    position: fixed;
    top: 128px;
    z-index: 100;
    left: 0;
    width: 2rem;
    height: 3rem;
    border: 0;
    background-color: #FE8074;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}

#div-show-stafflist {
    position: fixed;
    top: 128px;
    z-index: 100;
    transform: translate(-10px);
    width: 2rem;
    height: 3rem;
    border: 0;
    right: -10px;
    background-color: #FE8074;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: pointer;
    color: white;
}

#div-hide-orderlist {
    position: fixed;
    top: 128px;
    z-index: 100;
    width: 2rem;
    height: 3rem;
    border: 0;
    background-color: #FE8074;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}


#div-stafflist-to-top {
    position: fixed;
    right: 1rem;
    top: 1.2rem;
    width: 57px;
    height: 2rem;
    border-radius: 10px;
    z-index: 101;
    padding-left: 11px;
    padding-top: 2px;
    background-color: #FE8074;
}


#div-hide-stafflist {
    position: fixed;
    top: 128px;
    z-index: 101;
    transform: translate(-10px);
    width: 2rem;
    height: 3rem;
    border: 0;
    background-color: #FE8074;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#logo {
    width: 300px;
    position: fixed;
    left: 1rem;
    top: 0.5rem;
}

.driver-tab, #show-service-list, #self, #outbound {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#show-driver-list-1.active,
#show-driver-list-2.active,
#show-driver-list-333.active,
#show-driver-list-3.active,
#show-driver-list-4.active,
#show-driver-list-5.active,
#show-service-list.active,
#self.active,
#outbound.active {
    background-color: #FE8074;
    color: white;
    border: 1px #FE8074 solid;
}

#show-driver-list-1:hover,
#show-driver-list-2:hover,
#show-driver-list-333:hover,
#show-driver-list-3:hover,
#show-driver-list-4:hover,
#show-driver-list-5:hover,
#show-service-list:hover {
    border-bottom: transparent;
}

#self, #outbound {
    border: transparent;
}

.justify-content-center {
    border-bottom: 2px #FE8074 solid;
}

.td-avatar {
    width: 75px;
}

.top-badge {
    background-color: #FE8074;
    font-size: 0.8rem;
}

.tab-shop {
    position: relative;
    top: 60px;
    width: 31px;
    height: 60px;
    background-color: rgb(232, 239, 228);
    border: 1px solid #fe8074;
    padding-top: 4px;
    padding-left: 5px;
    color: #FE8074;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.countdown {
    font-size: 1rem;
    position: fixed;
    top: 0;
    left: 0;
    color: grey;
}

.db-speed {
    font-size: 1rem;
    position: fixed;
    top: 4.8rem;
    left: 0;
    color: grey;
    cursor: pointer;
}

.refresh-lock {
    font-size: 1rem;
    position: fixed;
    top: 2.7rem;
    left: 0;
    color: grey;
}

.modal label {
    margin-bottom: 0;
    margin-top: 10px;
}

.tab-shop.selected {
    background-color: #fe8074;
    color: white;
}

.cursor-default {
    cursor: default !important;
}

#btn_oncall_on, #btn_oncall_off {
    font-size: 0.75rem;
}

.color-primary {
    color: #007AFE;
}

.order-bold {
    font-weight: bold;
}

.order-big {
    font-size: 20px;
}

.order-blue {
    color: blue;
}

.order-red {
    color: red;
}

.select-order-to-transfer-0 {
    transform: scale(1.5);
    position: relative;
    left: 19px;
    top: 16px;
}

.select-order-to-transfer-1 {
    transform: scale(1.5);
    position: relative;
    left: 19px;
    top: 59px;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.transfer-place-holder {
    height: 10px;
}

.area-split {
    font-size: 1rem;
    font-weight: bold;
}

.btn-uni-danger {
    background-color: #FE8074;
    color: white;
}

.btn-uni-danger:hover {
    background-color: #b50000;
    color: white;
}

.need-pickup {
    transform: scale(1.5);
    position: relative;
    left: 19px;
    top: 8px;
}

#pickup-order-table td {
    padding-left: 10px;
    padding-right: 10px;
}

.big-checkbox {
    transform: scale(1.5);
    margin: 10px;
}

.unselectable {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

#upload-excel-label::after {
    display: none;
}

#upload-excel-label {
    cursor: pointer;
}

.w-100 {
    width: 100%;
}

.sms-button {
    margin: 1rem;
}

.order-error-message {
    font-size: 1.2rem;
    color: red;
}

.refresh-sign {
    padding-right: 2px;
    padding-left: 2px;
}

#btn-confirm-change-status {
    margin-right: 3rem;
}

.search-letian-result {
    cursor: pointer;
}

.search-letian-result:hover {
    color: #409EFF;
}

.modal {
    overflow-y: auto;
}

.function-buttons {
    float: left;
}

#h5-load-scan-batch {
    color: white;
}

#need-return-item-count {
    font-family: "Lucida Sans Typewriter", serif;
    font-weight: 900;
    color: red;
}

.div-package-need-return {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 10px;
}

#batch-filterer {
    width: 4rem;
    text-align: center;
}

.mg-r-5 {
    margin-right: 5px;
}

#version-code {
    font-size: 0.8rem;
    color: darkgray;
    font-style: italic;
}

.td-key {
    width: 1%;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 1rem;
}

.td-value {
    width: 99%;
}

.td-detail {
    max-width: 300px;
}

#user-dropdown {
    position: fixed;
    top: 22px;
    right: 15px;
    font-size: 25px;
    z-index: 999;
    cursor: pointer;
}

#user-dropdown::after {
    display: none;
}

#show-selected-batches {
    margin: 20px;
    font-size: 0.6rem;
}

.task_number {
    font-size: 12px;
}

.inline-edit {
    color: grey;
}

.inline-edit:hover {
    color: black;
    font-weight: bold;
}


.driver-name {
    font-size: 0.8rem;
    margin-left: 10px;
}

.on-duty {
    color: black;
}

.on-duty:hover {
    color: blue;
}

.off-duty {
    color: #c7c7c7;
}

.off-duty:hover {
    color: lightblue;
}

.btn-function {
    width: 91px;
    margin-top: 10px;
}