/* Extra CSS for sdg.org.hk */
#tutable{
	margin: 0 auto;
	max-width: 1096px;
	background-color: #FFF;
	padding: 30px;
}
#tutable .ttable td,
#tutable .ttable th{
	border: 0px;
}
#tutable .ttable th{
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#tutable .ttable select{
	border: 0px;
}
#tutable input,
#tutable select{
	font-size: 14px;
}
#tutable select{
	padding: 4px;
	padding-right: 20px;
}
#tutable input:focus,
#tutable select:focus{
	outline: none;
}
a.toggle-lang{
	color: #3db166;
}



/* Original CSS */
input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'], input[type='range'], input[type='date'], input[type='month'], input[type='week'], input[type='time'], input[type='datetime'], input[type='datetime-local'], select, textarea{
	width: unset !important;
}

#tutable .ttable thead th {
	white-space: nowrap;
}

#tutable .toggle-lang{
	cursor: pointer;
}

#tutable p{
	text-align: center;
}

#tutable #tutable_lang{
	
}

#tutable .ddf{
	padding: 0px;
	margin-left: 5px;
}

#tutable .ddf::before{
	font-family: "dashicons";
	content: "f179";
}

/* tid: 230710 */
/* client want to set a border to warp the first column's header content */
th:nth-child(1) div.ColHeader{
	border: 1px solid #CCC;
	width: fit-content;
	padding: 0px 4px;
}

th:nth-child(1) div.ColHeader select{
	color: #0A0;
}
th:nth-child(1) div.ColHeader select option:not(:checked){
	color: #000;
}