@charset "UTF-8";
/*
			layout-v1-normalform.css
*/

:root {
/*	--menu-height: 40px;  nav.css 에서 정의 해야 할 듯 */
	--param-height: 50px;
}

body { 
padding-top: var(--menu-height);  
	  width: 100%; 
	 height: 100%;
}



/*
적을때는 키워서 마춰주는데 , 커지니까 스크롤이 안생기고 , overflow 제어도 안되고 해서 제거 
.outerbox {
	display: flex;
	flex-direction: column;
}
.outerbox > div:last-child { flex: 1 0 auto;}  1 1, 0 1, 0 0 다 안된다. 
*/




.params {
  line-height: var(--param-height);
border-bottom: 0.1px solid black;
	  padding: 0 0 0 20px;
	  margin-bottom: 10px;
	  position: relative; 
	  
}
.params > input,
.params > select,
.params > div { margin-right: 20px; display: inline-block;   }
.params input[type=number] { field-sizing: content; min-width: 70px; }
.params input[type=text]{ field-sizing: content; min-width: 70px; }

.sticky-table-wrapper {
	  position: relative;
	     width: 100%; 
	    height: 100%; 
	  overflow: scroll;
	overflow-x: hidden;
}
.sticky-table-wrapper > table > caption {  
             top: 0;
background-color: white;
        position: relative;
}
/*
.sticky-table-wrapper > table > caption .title { font-size: 14pt;   bottom:0; left:0; position:absolute; }
.sticky-table-wrapper caption .btnBox {  bottom:0; right:0; position:absolute; }
*/
.sticky-table-wrapper thead {
	position: sticky;
	     top: 0;
}

.area-data {
 padding-left: 10px;
padding-right: 10px; 
}


table.t1 { border-collapse: separate; border-spacing: 0; }
table.t1 > caption {  height:35px; text-align: left;  }
table.t1 > caption .title { font-size: 14pt;    }
table.t1 > caption span.btnBox {  top:0; right:0; position:absolute; }

/*
*/
table.t1 { 
	border-top     : 0.1px solid #d0d0d0; 
	border-left    : 0.1px solid #d0d0d0; 
}

table.t1 th { 
	border-right  : 0.1px solid #d0d0d0;  
	border-bottom : 0.1px solid #d0d0d0;
	background-color: #ccffcc; 
	padding: 5px;
	font-weight: 600;
}
table.t1 td { 
	border-right  : 0.1px solid #d0d0d0;  
	border-bottom : 0.1px solid #d0d0d0;
	padding: 5px;
}


.boxAction button { 
        width: 26px; 
       height: 26px; 
  line-height: 26px;  
border-radius: 40%; 
}