/* thai */
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v3/nKKU-Go6G5tXcr4-ORWzVaFrNlJzIu4.woff2) format('woff2');
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v3/nKKU-Go6G5tXcr4-ORWoVaFrNlJzIu4.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v3/nKKU-Go6G5tXcr4-ORWpVaFrNlJzIu4.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	src: local('Kanit Light'), local('Kanit-Light'), url(https://fonts.gstatic.com/s/kanit/v3/nKKU-Go6G5tXcr4-ORWnVaFrNlJz.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
h1,h2,h3,h4, .navbar, .btn{
	font-family: 'Sukhumvit Set','Kanit';
}
body{
	/*font-family: 'Sukhumvit Set','Kanit';*/
}
.form-login{
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-research{
	width: 100%;
	max-width: 800px;
	padding: 15px;
	margin: 0 auto;
}
.form-control{
	border-radius: 0;
	padding: .375rem;
}
.bd-sidebar {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
@media (min-width: 768px) {
.bd-sidebar {
	border-right: 1px solid rgba(0,0,0,.1);
	position: sticky;
	top: 4rem;
	z-index: 1000;
	height: calc(100vh - 4rem);
}
}
@media (min-width: 1200px) {
.bd-sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 320px;
    flex: 0 1 320px;
}
}
.text-small{
	font-size: 0.75em;
}
.text-disabled{
	color: #ddd;
}
.research-status{
	font-size: 1.5em;
}

.label-required:after{
	content: '*';
	color: #ff0000;
}
a.research-status {
	cursor: pointer;
}