@charset "utf-8";

/* 배달종합현황 */
.marker_group {width: 120px; text-align: center; word-break:break-all; white-space:normal;}
.marker_group li {background-size: 30px; width: 30px; height: 24px; display: inline-block; margin: 3px; color: #fff; padding-top: 6px;}
.marker_group .gray {background: url(../images/dominos/dominos_dot_gray.png) no-repeat;}
.marker_group .blue {background: url(../images/dominos/dominos_dot_blue.png) no-repeat;}
.marker_group .red {background: url(../images/dominos/dominos_dot_red.png) no-repeat;}
.marker_group .yellow {background: url(../images/dominos/dominos_dot_yellow.png) no-repeat;}

/* 등하원 확인 */
.date_select {}
.date_select .btn2 {font-size: 10px}
.date_select ul {width: 950px; margin-bottom: 3px}
.date_select li {float: left; height: 23px; width: 178px; padding-top:7px; text-align: center;  border: 1px solid #ccc; margin-right: -1px; background: #f5f5f5; cursor: pointer}
.date_select .selected {background: #fff; font-weight: bold; border-bottom: none}
.date_select .uncomplete {color: #e8437b;}

.date_select_g {}
.date_select_g .btn2 {font-size: 10px}
.date_select_g ul {width: 320px; margin-bottom: 3px}
.date_select_g li {float: left; height: 23px; width: 47px; padding-top:7px; text-align: center;  border: 1px solid #ccc; margin-right: -1px; background: #f5f5f5; cursor: pointer}
.date_select_g .selected {background: #fff; font-weight: bold; border-bottom: none}
.date_select_g .uncomplete {color: #e8437b;}

/*도미노  도착알림 */
.arrive_alarm_wrap {position: fixed; padding-bottom: 20px; bottom:0px; right:0px; z-index:500; overflow:auto;}
.arrive_alarm_wrap  .alarm_box {width: 160px; background: #fe4382; color:#ffffff; border-radius: 4px; padding: 7px 10px; margin-bottom: 5px;position: relative}
.arrive_alarm_wrap  .alarm_box a {position: absolute;top:9px; right: 7px;}
.arrive_alarm_wrap  .alarm_box2 {width: 160px; background: #65adcf; color:#ffffff; border-radius: 4px; padding: 7px 10px; margin-bottom: 5px;position: relative}
.arrive_alarm_wrap  .alarm_box2 a {position: absolute;top:9px; right: 7px;}
.arrive_alarm_wrap  dt {font-size: 14px; font-weight: 600 ; margin-bottom: 3px; text-align: center}
.arrive_alarm_wrap  dd span {margin-left: 10px}

.dominos_dps_marker {width: 180px; height: 100px;z-index:500;text-align: center}
.dominos_dps_marker .infor {border-radius: 50px; width: 180px; height: 38px; background: #111111; color: #fff;font-size: 12px; display:table-cell; vertical-align:middle ;text-align: center; overflow:hidden; word-break:break-word;}
.dominos_dps_marker .line {text-align: center}
.dominos_dps_marker .circle {text-align: center; margin-top: -8px}

/* 콜드체인 2020-11-11 */
.btn_close02 {background: url("../images/ico_delete.png") no-repeat; background-size: 30px}

@media screen and (min-width:800px){
.map_layer_modal02 {width: 600px; border: 1px solid #cccccc; background:#fafafa; position: absolute; left: 621px; bottom: 0px; z-index: 999}
.map_layer_modal02 .tit {border-bottom: 1px solid #cccccc; padding: 10px 10px 2px 10px;}
}

@media screen and (max-width:800px){
.map_layer_modal02 {width: 100%; border: 1px solid #cccccc; background:#fafafa; position: absolute; left: 0px;  bottom: 0px; z-index: 999}
.map_layer_modal02 .tit {border-bottom: 1px solid #cccccc; padding: 10px 10px 2px 10px;}	
}

/*화면분할¸ 2021-01-15 */

.split_screen {padding-left: 220px; height: 100%}
.split_screen .left_top {width:50%; height:50%; float:left; border-right: 1px #555 solid; border-bottom: 1px #555 solid; box-sizing: border-box;}
.split_screen .right_top {width:50%; height:50%; float:right; border-left: 1px #555 solid; border-bottom: 1px #555 solid; box-sizing: border-box;}
.split_screen .left_bottom {width:50%; height:50%; float:left; border-right: 1px #555 solid; border-top: 1px #555 solid; box-sizing: border-box;}
.split_screen  .right_botom {width:50%; height:50%; float:right; border-left: 1px #555 solid; border-top: 1px #555 solid; box-sizing: border-box;}
.split_screen  .right_botom {width:50%; height:50%; float:right}
.split_screen  .left {width:50%; height:100%; float:left; border-right: 1px #555 solid; box-sizing: border-box;}
.split_screen  .right {width:50%; height:100%; float:right; border-left: 1px #555 solid; box-sizing: border-box;}

.split_map_funtion_wrap input {width: 150px; border: none; text-align: center;}
.map_view {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.split_funtion {position: absolute; bottom: 0px; right: 80px; width: 152px; z-index:1000;}

.split_funtion li {width: 50px; height: 52px; cursor: pointer; float: left}
.split_funtion .split1 {background: url("../images/ico_1split.png") no-repeat; background-size: 50px 52px;}
.split_funtion .split2 {background: url("../images/ico_2split.png") no-repeat; background-size: 50px 52px;}
.split_funtion .split4 {background: url("../images/ico_4split.png") no-repeat; background-size: 52px 52px;}

.split_funtion .split1_on {background: url("../images/ico_1split_on.png") no-repeat; background-size: 50px 52px;}
.split_funtion .split2_on {background: url("../images/ico_2split_on.png") no-repeat; background-size: 50px 52px;}
.split_funtion .split4_on {background: url("../images/ico_4split_on.png") no-repeat; background-size: 52px 52px;}

/*대시보드¸ 2021-01-15 */
.dashboard_map {}
.dashboard_map .btn_positive {margin-bottom: 15px}
.dashboard_map .map {height: 100%; border: 1px solid #ccc; position: relative; float: inherit}
.dashboard_map .map button {position: absolute; top: 60px; left: 10px; z-index: 100}