/* horizontal panel*/
.panel-container {
  display: flex;
  flex-direction: row;
  border: 1px solid silver;
  overflow: hidden;
  
  /* avoid browser level touch actions */
  xtouch-action: none;
}

.panel-left {
  flex: 0 0 auto;
  /* only manually resize */
  width: 100%;  /* 80% */
  min-height: 200px;
  min-width: 50%;
  white-space: nowrap;
  // max-width:calc( 100% - 18px )
}

.splitter {
  flex: 0 0 auto;
  width: 18px;  
/*   background: url(/images/layout/vsizegrip.png) center center no-repeat #535353; */
  background: url(/images/layout/vsizegrip.png) center center no-repeat #cbcbcb;
  min-height: 200px;
  cursor: col-resize;  
  border:1px solid #c8c8c8;
}

.panel-right {
  flex: 1 1 auto;
  /* resizable */
  width: 100%;
/*   min-height: 800px; */
  min-width: 400px;
}
#info{
	overflow-y:auto;
}


/* .toolbox{ position:absolute; top:350px;right:0.5%; width:50px;height:150px;z-index:9999; } */
.toolbox{  position:absolute; width:50px; right:180px; bottom:5px;z-index:99;}


/* 테이블  */
table.type05 {
    border-collapse: separate;
    border-spacing: 1px;
    text-align: left;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    margin:10px 10px;
    width:99%;
}
table.type05 th {
    width:150px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    background: #efefef;
}
table.type05 td {
    width: calc(100% - 150px);   
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc; 
}

table.table8_11 {
	width:95%;
	margin:0 auto;
}
.table8_11 th {
    background-color:#0078FF;
    color:#FFFFFF
}
.table8_11,.table8_11 th,.table8_11 td
{
    font-size:0.95em;
    text-align:center;
    padding:4px;
    border:1px solid #204bfe;
    border-collapse:collapse
}
.fleft th:first-child{
    text-align: left;
    padding-left:15px;
}

.table8_11 tr:nth-child(odd){
    background-color:#fdfdfd;
}
.table8_11 tr:nth-child(even){
    background-color:#fdfdfd;
}


.panel-group{margin-bottom: 5px;}
.panel-body{padding:0px;}

ul,li{list-style: none;padding: 0px;margin:0px;}

.ui-state-highlight { height: 3.2em; line-height: 3.4em; border:1px dashed #008cff; }


/* PUSH메시지 발송 틀 */
.messagebox select{height:350px;}
#donggroup  {
  width: 40%;
  min-width: 100px;
  overflow: auto;}

#subdong  {
  width: 22%;
  min-width: 100px;
  overflow: auto;}


/* 모달 */
a{color:#000;}
 
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:#000; opacity:.5; filter:alpha(opacity=50);}
 
#modalLayer{display:none; position:relative;z-index:9999999}
#modalLayer .modalContent{width:1000px; height:500px; padding:20px; border:1px solid #ccc; position:fixed; left:50%; 
top:50%; z-index:11; background:#fff; overflow-y:auto; }
#modalLayer .modalContent button{position:absolute; right:0; top:0; cursor:pointer;}




@media screen and (max-width: 768px) { 
  .dType {    display: none;  }
 /* .dState {    display: none;  } */
  .dArea {    display: none;  }

  #DriverTypeView {    display: none;  }

  .areaFilter {    display: none;  }

  #AdminSetting { display: none; }
  #driverTaxi { display: none; }
  #vehicleBtn { display: none; }
  #rtcMessage { display: none; }
  #onlyView-Map { display: none; }
  #weekPolicyBtn { display: none; }
  #agencyDrvBtn { display: none; }

  #todayCallCard { display: none; }
  #passengerAllCard { display: none; }
  #passengerCard { display: none; }

  #perimeter { display: none; } /* 주변반경 라벨 */
}