@import url("https://fonts.googleapis.com/css?family=Sarabun|Sarabun:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");

html, body {
	font-family: 'Sarabun', 'Tahoma';
}

body, .bg-body {
	background-color: #f1f7fc !important;
}

.card {
	background-color: #ffffff;
}

.text-svnh {
	color: #266048 !important;
}

.title-svnh {
	border-left: 3px solid #b18e50;
	padding-left: 4px;
	color: #266048 !important;
}

.btn-svnh {
	background-color: #266048;
    border-color: #266048;
    color: white;
}
.btn-svnh i {
    color: white;
}
.btn-svnh:hover {
	background-color: #37936d;
    color: white;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
	border-bottom: 1px solid #266048;
}
.text-active-svnh.active {
	transition: color .2s ease,background-color .2s ease;
    color: #266048!important;
}

.text-hover-primary:hover {
	transition: color .2s ease,background-color .2s ease;
    color: #266048!important;
}

.form-floating > .form-control, .form-floating > .form-select {
	height: 50px;
}
.was-validated .form-control:valid, .form-control.is-valid {
	border-color: #266048;
}