@CHARSET "utf-8";
.ui_table_list {
	height: 100%;
	padding: 20px 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.ui_table_list > .title {
	font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0 0 3px;
}

.ui_table_list > .title_description {
    margin: 0 0 3px;

}

.ui_table_list > .title.underline {
	border-bottom: 3px solid #4AB9BC;
}

.ui_table_list > .title > .count {
	color: #D20707;
    margin: 0 0 0 20px;
}

.ui_table_list > .title > .unit {
	font-size: 14px;
    margin: 0 0 0 5px;
}

.ui_table_list > .header {
	font-size: 15px;
	display: flex;
    align-items: center;
    padding: 5px 0;
    background: #F2F2F2;
}

.ui_table_list > .header > div {
	padding: 0 5px;
}

.ui_table_list > div div.nowrap {
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
}

.ui_table_list > .content {
	flex: 1;
    overflow-y: auto;
    -ms-overflow-style: none;
	scrollbar-width: none;
}

.ui_table_list > .content .nodata {
	width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui_table_list > .content::-webkit-scrollbar {
	display:none;
}

.ui_table_list > .content > .tr {
	font-size: 15px;
    display: flex;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #E8E8E8;
    background: #fff;
}

.ui_table_list > .content > .tr > .td {
	padding: 0 5px;
}

.ui_table_list > .content > .tr > .td.unread {
	display: flex;
    align-items: center;
    justify-content: center;
}

.ui_table_list > .content > .tr > .td.unread::before {
	content: "";
	width: 25px;
    height: 25px;
    background: url("../../../image/default/warn.png");
    background-size: contain;
    display: inline-block;
}
/*
.ui_table_list > .content > .tr > .td button {
	color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    border: 0;
    background: #8E8E8E;
    border-radius: 5px;
    cursor: pointer;
}

.ui_table_list > .content > .tr > .td .btn_detail {
	color: #169A9E;
    font-size: 20px;
    background-color: transparent;
}

.ui_table_list > .content > .tr > .td .btn_balloon {
	position: relative;
}

.ui_table_list > .content > .tr > .td .btn_balloon > .balloon_wrap{
	color: #fff;
	font-size: 12px;
    padding: 3px;
}

.ui_table_list > .content > .tr > .td .btn_detail::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f518";
}

.ui_table_list > .content > .tr > .td .btn_green {
	background: #169A9E;
}
*/