.detail_grid_container{
	min-height: calc(100vh - 42px);
	max-height: calc(100vh - 42px);
}

.detail_grid_container #detail_grid{
	min-height: calc(100vh - 152px);
	max-height: calc(100vh - 152px);
}

#detail_grid_container.detail_grid{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	overflow-y: auto;
}

/* #datacontainer_detail{
	border: 1px solid var(--border-color);
	border-radius: 5px;
} */

.detail_grid .item{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.detail_grid .size_s{
	width: calc(100% / 4 - (45px / 3));
}

.detail_grid .size_m{
	width: calc(100% / 2 - 10px);
}

.detail_grid .size_l{
	width: calc(100% / 1.3 - 34px);
}

.detail_grid .size_xl{
	width: calc(100% / 1);
}

.detail_grid input, .detail_grid select, .detail_grid textarea{
	width: 100%;
}

.detail_grid .group_input{
	/* font-weight: bold; */
	padding-bottom: 5px;
	/* border-bottom: 1px solid var(--border-color); */
}

/* .detail_grid table{
	border: 1px solid var(--border-color);
    border-bottom: none;
    border-top: none;
} */

.detail_grid table thead tr:first-child th:first-child{
	border-top-left-radius: 0;
}

.detail_grid table thead tr:first-child th:last-child{
	border-top-right-radius: 0;
}

/* #datacontainer_detail #operation{
	border-top: 1px solid var(--border-color);
    padding: 10px 20px;
	display: flex;
	justify-content: space-between;
} */

#container #datacontainer_detail .button{
	padding: 5px 20px;
}

/* #detail_title .header_border{
	background: var(--header-bar-background);
	padding: 10px;
	border-radius: 5px 5px 0 0;
} */

#datacontainer_detail #left_operation, #datacontainer_detail #right_operation{
	display: flex;
	gap: 5px;
}

/* .detail input, .detail select, .detail textarea{
    border: none;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    padding: 0;
	min-height: 30px;
} */

.detail input:disabled, .detail select:disabled, .detail textarea:disabled{
	background: unset;
    color: currentColor;
}