.rowArea .rowAreaTree {
  display: flex;
  width: 33.33%;
  padding-right: 10px;
  margin-top: 10px;
}

.rowArea .rowAreaTree > label:not([for="searchEndDate"]) {
  width: 20%;
  align-content: center;
  font-weight: bold;
}

.rowArea label[for="searchEndDate"] {
  align-content: center;
  margin: 0 10px;
  font-weight: bold;
  width: 10px ;
  margin-top: 8px;
}

.rowArea label[for="searchStartDate"] {
  margin-top: 18px;
}

.rowArea .selectArea {
  width: 50%;
}

.rowArea .rowAreaTree .frontArea  {
  width: 25%; 
  text-align: center;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
  border-radius: 0;
}
.rowArea .rowAreaTree .backArea  {
  width:35%; 
  text-align: center;
  margin-left:8px;

}

.rowArea .rowAreaTwo {
  display: flex;
  width: 50%;
  padding-right: 10px;
  margin-top: 10px;
}

#detailed-search { background-color: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; margin-top: 10px; padding: 10px; width: 100%; }
#detailed-search {
  display: block;
}

#searchTable { margin-top: 10px; width: 80%; margin-left: auto; margin-right: auto; font-size: 13px;}

#costApp > thead,
#searchTable > thead { background-color: hsl(215, 30%, 74%); color: white; }

#costApp > thead > tr > th,
#searchTable > thead > tr > th { text-align: center; font-weight: bold;}


#costApp > tbody > tr.active { background-color: #f8f8f8; }
#costApp > tbody > tr { cursor: default; background-color: none; }
#costApp > tbody > tr:hover { cursor: pointer; background-color: #f8f8f8;}

#costApp th:nth-child(1), 
#costApp td:nth-child(1), /* 선택  */
#costApp th:nth-child(2), 
#costApp td:nth-child(2), /* 부서  */
#costApp th:nth-child(3), 
#costApp td:nth-child(3), /* 사번  */
#costApp th:nth-child(4), 
#costApp td:nth-child(4), /* 사원명  */
#costApp th:nth-child(5), 
#costApp td:nth-child(5), /* 사용일  */
#costApp th:nth-child(6), 
#costApp td:nth-child(6), /* 경비구분  */
#costApp th:nth-child(7), /* 신청액 */
#costApp th:nth-child(8),
#costApp td:nth-child(8), /* 승인일  */
#costApp th:nth-child(9), /* 승인액  */
#costApp th:nth-child(10), /* 미지급금액  */
#costApp th:nth-child(11),
#costApp td:nth-child(11),  /* 비고  */
#costApp th:nth-child(13),  /* 진행상태  */
#costApp td:nth-child(13)  { 
  text-align: center;
  vertical-align: middle;
}  

#costApp td:nth-child(7),  /* 신청액 */
#costApp td:nth-child(9),  /* 승인액 */
#costApp td:nth-child(10) { /* 미지급금액 */
  text-align: right;
  vertical-align: middle;
} 

.amount-appamt {
  align-items: center;
  justify-content: right;
  padding: 5px;
}
.amount-appamt input[type="number"] {
  text-align: right;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
  box-sizing: border-box;
  max-width: 80% !important;
}

.amount-appamt input[type="number"][readonly] {
  background-color: transparent !important;
  border: none;
  color: #000;
  cursor: default;
  pointer-events: none;
}

#costApp td:nth-child(12) input[type="text"] {  /* 사유  */
  text-align: left;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
  box-sizing: border-box;
  max-width: 100% !important;
}