@charset "UTF-8";
@import url("/assets/common/css/font.css");
* {
	font-family: Noto Sans KR;
	margin: 0px;
	padding: 0px;
}

.expand_left_panel {

}

/*  마우스 드래그로 Text가  select 되지 않도록 하는 css */
/** {*/
/*    -ms-user-select: none;*/
/*    -moz-user-select: -moz-none;*/
/*    -webkit-user-select: none;*/
/*    -khtml-user-select: none;*/
/*    user-select:none;*/
/*}*/


.expand_left_panel_area {
    position: absolute;
    top: 0px;
    left: 232px;
    width: 1323px; /*LEFT_PANEL_DEST_LIST_PANEL_WIDTH  값 같이 수정 */
    height: 100vh;
    z-index: 29;
	transform: translateX(0px);
    transition: transform 1s cubic-bezier(0,.56,.32,.99);
    background-color: #0B3138;
}

.expand_left_panel_area_extended {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc( 1323px + 232px );
    height: 100vh;
    z-index: 29;
    transform: translateX(0px);
    transition: transform 1s cubic-bezier(0,.56,.32,.99);
    background-color: #0B3138;
}


/* ----------------------top toolbar------------------------ */
.expand_left_panel_top_toolbar_export_excel_button_area {
    position: absolute;
    display: flex;
    top:117px;
    /*left: 17px;*/
    /*width: 120px; */
    left: 12px;
    width: 260px;
    height: 15px;
    opacity: 1;
}

.expand_left_panel_top_toolbar_area {
	position: absolute;
	display: flex;
	top:117px;
    right: 17px;
    width: 850px;
    height: 15px;
    opacity: 1;
    justify-content: flex-end;
}

.expand_left_panel_top_toolbar {
	position: relative;
    text-align: center;
    width: auto;
    height: 15px;
    font-size: 12px;
    font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
    color: #5d5d5d;
    padding-top: 0px;
    margin-left: 10px;
    cursor: pointer;
}

.expand_left_panel_top_toolbar.selected {
    color: #D6D6D6;
}

.expand_left_panel_top_toolbar.export_excel_icon{
    position: absolute;
    color: #6DEBAE;
    /*width: 34px;*/
    width: 135px;
    height: 15px;
    left: 0px;
    /*box-shadow: 4px 3px 10px 2px #222; */
    background-image: url("/assets/image/leftpanel/ic_searchresult_down_n.svg");
    background-repeat: no-repeat;
    border:0px;
    outline:0px;
    cursor: pointer;
    background-color: #003F47;
}
.expand_left_panel_top_toolbar.export_excel_icon1{
    position: absolute;
    color: #3B5A60;
    /*width: 34px;*/
    width: 135px;
    height: 15px;
    left: 0px;
    /*box-shadow: 4px 3px 10px 2px #222; */
    background-image: url("/assets/image/leftpanel/ic_searchresult_down_d.svg");
    background-repeat: no-repeat;
    border:0px;
    outline:0px;
    cursor: default;
    background-color: #153940;
}

.toggle_extended_mode{
    position: absolute;
    color: #1ca8dd;
    /*width: 34px;*/
    width: 50px;
    height: 15px;
    left: 200px;
    /*box-shadow: 4px 3px 10px 2px #222; */
    /*background-image: url("/assets/image/leftpanel/ic_searchresult_down_d.svg");*/
    /*background-repeat: no-repeat;*/
    border:0px;
    outline:0px;
    cursor: default;
    background-color: #153940;
}

.toggle_invoice_print_mode{
    position: absolute;
    color: #1ca8dd;
    /*width: 34px;*/
    width: 100px;
    height: 15px;
    left: 300px;
    /*box-shadow: 4px 3px 10px 2px #222; */
    /*background-image: url("/assets/image/leftpanel/ic_searchresult_down_d.svg");*/
    /*background-repeat: no-repeat;*/
    border:0px;
    outline:0px;
    cursor: default;
    background-color: #445F67;
}

.expand_left_panel_top_toolbar_line {
	position: relative;
    top: 2px;
    width: 1px;
    height: 11px;
    margin-left: 10px;
    background-color: #ffffff;
}

/* ---------------------- title------------------------ */
.expand_left_panel_area .expand_left_panel_title_area {
	position: absolute;
    display: flex;
    margin-left: 10px;
    top: 144px;
    width: 1303px;
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
}

.expand_left_panel_area_extended .expand_left_panel_title_area {
    position: absolute;
    display: flex;
    margin-left: 10px;
    top: 144px;
    /*width: 978px;*/
    width: calc( 1303px + 232px );
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
}

.expand_left_panel_title {
	position: relative;
    text-align: left;
    height: 25px;
    font-size: 10px;
    font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
    color: #C4CACF;
    padding-left: 10px;
    padding-top: 5px;
    background-color: #445F67;
    cursor: pointer;
    border: 0px solid;
    border-color: #0D3138;
}

.expand_left_panel_title_area .rider_name,
.expand_left_panel_list_area .rider_name {
    width: 48px;
}

.expand_left_panel_title_area .route_order_num,
.expand_left_panel_list_area .route_order_num {
    /*width: 50px;*/
    width: 48px;
}


.expand_left_panel_title_area .group_name,
.expand_left_panel_list_area .group_name {
    width: 53px;
}

.expand_left_panel_title_area .order_num,
.expand_left_panel_list_area .order_num {
    width: 98px;
}



.expand_left_panel_title_area .tracking_num,
.expand_left_panel_list_area .tracking_num {
    width: 128px;
}

.expand_left_panel_title_area .visit_type,
.expand_left_panel_list_area .visit_type {
    width: 68px;
}

.expand_left_panel_title_area .receiver_name,
.expand_left_panel_list_area .receiver_name {
    width: 60px;
}

.expand_left_panel_area .expand_left_panel_title_area .order_addr,
.expand_left_panel_area .expand_left_panel_list_area .order_addr  {
    width: 145px;
}

.expand_left_panel_area_extended .expand_left_panel_title_area .order_addr,
.expand_left_panel_area_extended .expand_left_panel_list_area .order_addr  {
    width: calc( 145px + 223px ); /* 확장될때 늘어난 영역을 모두 주소에 할당해준다. */
}


.expand_left_panel_title_area .plan_time,
.expand_left_panel_list_area .plan_time  {
	width: 120px;
}

.expand_left_panel_title_area .real_start,
.expand_left_panel_list_area .real_start  {
	width: 100px;
}

.expand_left_panel_title_area .real_end,
.expand_left_panel_list_area .real_end  {
	width: 100px;
}

.expand_left_panel_title_area .delivery_completed_file_upload_at,
.expand_left_panel_list_area .delivery_completed_file_upload_at  {
	width: 100px;
}

.expand_left_panel_title_area .distance,
.expand_left_panel_list_area .distance  {
    width: 61px;
}

.expand_left_panel_title_area .noti_status,
.expand_left_panel_list_area .noti_status  {
    width: 89px;
}

.expand_left_panel_title_area .inspection_status,
.expand_left_panel_list_area .inspection_status  {
    width: 70px;
}

.expand_left_panel_title_area .pickup_verification_status,
.expand_left_panel_list_area .pickup_verification_status  {
    width: 70px;
}

.expand_left_panel_title_area .product_quantity,
.expand_left_panel_list_area .product_quantity  {
    width: 55px;
}

.left_panel_file_dw_ic_p{
	width: 14px;
    height: 14px;
    position: absolute;
    right: 5px;
    top: 9px;
	background-color: transparent;
	background-image: url("/assets/image/leftpanel/bt_download_img_a_n.svg");
}

.left_panel_file_dw_ic_n{
	width: 14px;
    height: 14px;
    position: absolute;
    right: 5px;
    top: 9px;
	background-color: transparent;
	background-image: url("/assets/image/leftpanel/bt_download_img_a_d.svg");
}

.left_panel_file_dw_ic_s{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 5px;
    top: 9px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/bt_download_img_a_s.svg");
}

.left_panel_top_menu_line{
	width: 1px;
    height: 25px;
}

/* ---------------------- list ------------------------ */
.expand_left_panel_area .expand_left_panel_list_area {
	position: absolute;
    top: 140px;
    width: 1323px;
    height: calc(100vh - 140px);
    font-size: 12px;
    overflow-x: hidden;
    border: 0px solid;
}

.expand_left_panel_area_extended .expand_left_panel_list_area {
    position: absolute;
    top: 170px;
    width: calc(  1323px + 232px );
    height: calc(100vh - 170px);
    font-size: 12px;
    overflow-x: hidden;
    border: 0px solid;
}

.expand_left_panel_list_area::-webkit-scrollbar {
    display: none;
}

.expand_left_panel_area .expand_left_panel_item {
	display: flex;
	margin-left: 10px;
    width: 1303px;
    height: 30px;
    text-align: left;
    color: #CECECE;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
}


.expand_left_panel_area_extended .expand_left_panel_item {
    display: flex;
    margin-left: 10px;
    width: calc( 1303px + 232px );
    height: 30px;
    text-align: left;
    color: #CECECE;
    line-height: 30px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
}

.expand_left_panel_item:nth-child(even) {				    
    background-color: #163940;
}

.expand_left_panel_item:nth-child(odd) {				    
    background-color: #0D3138;
}

.expand_left_panel_item_text {
	position: relative;
    padding-left: 10px;				    
    cursor: pointer;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.expand_left_panel_item.gray_text {
	color: #798691;
}


.reservation_on_time_clock_img{
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 10px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/ic_reserve_able.png");
}

.reservation_not_on_time_clock_img{
    width: 10px;
    height: 10px;
    position: absolute;
    right: 8px;
    top: 10px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/ic_reserve_unable.png");
}


.tooltip_reservation_time{
    display: inline-block;
    /*width: 170px;*/
    height: 22px;
    position: absolute;
    /*right: 242px;*/
    background-color: #F0F0F0;
    /*background-image: url("/assets/image/leftpanel/bg_reserve_time.png");*/
}

.tooltip_reservation_time .reservation_time_icon {
    width: 12px;
    height: 12px;
    position: absolute;
    left: 8px;
    top: 7px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/ic_reserve_customer.png");
}

.tooltip_reservation_time .reservation_time_label {
    position: absolute;
    text-align: left;
    /*width: 170px;*/
    height: 18px;
    top: 6px;
    right: 5px;
    font-size: 12px;
    font-family: 'Noto Sans KR', sans-serif;
    color: #083338;
    padding-top: 0px;
}

.open_alarm_ic_d{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 6px;
    top: 8px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/bt_open_alarm_d.svg");
}

.open_alarm_ic_n{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 10px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/bt_open_alarm_n.svg");
}

.open_alarm_ic_s{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 6px;
    top: 8px;
    background-color: transparent;
    background-image: url("/assets/image/leftpanel/bt_open_alarm_s.svg");
}

.open_cs_ic_n{
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url("/assets/image/leftpanel/bt_circle_check_off.svg");
}

.open_cs_ic_s{
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-image: url("/assets/image/leftpanel/bt_circle_check_on.svg");
}

.expand_left_panel_top_toolbar_search {
    position: relative;
    text-align: center;
    width: 195px;
    height: 15px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    color: #5d5d5d;
    padding-top: 0px;
    margin-left: 15px;
    cursor: pointer;
}

.project_manage_search {
    position: relative;
    top: -5px;
    right: 0px;
    width: 195px;
    height: 25px;
    padding-left: 10px;
    border-radius: 2px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 12px;
    color: #083338;
    border: 1px solid #D5D5D5;
}

.project_manage_search::placeholder {
    color: #D5D5D5;
}