.fontAnupark {
	font-family: anupark, sans-serif !important;
}

.fontWittayakarn {
	font-family: wittayakarn, sans-serif !important;
}

.form-control-sm {
	font-size: 10pt !important;
}

.sec-lg {
	padding: 0.7rem 2rem;
	border-radius: 0.3rem;
	line-height: 1.5;
}

.secTextBlueColor {
	color: rgb(0, 55, 100);
}

.secBtnBlueColor {
	border-color: rgb(0, 55, 100) !important;
	font-size: 10pt !important;
	background-color: rgb(0, 55, 100) !important;
}

.secBtnBlueColor:hover {
	border-color: rgb(41, 172, 155) !important;
	background-color: rgb(41, 172, 155) !important;
}

.btn-outline-primary {
	border-color: rgb(0, 55, 100) !important;
}

.btn-outline-primary:hover {
	border-color: rgb(0, 55, 100) !important;
	color: white !important;
	background-color: rgb(0, 55, 100) !important;
}

.registerSeminarIcon {
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.breadcrumb {
	font-family: anupark, sans-serif !important;
	font-size: 10pt;
	background-color: white !important;
}

.breadcrumb-item a {
	color: black;
}

.active.breadcrumb-item {
	color: black;
	font-weight: bold;
}

a:hover {
	text-decoration: none !important;
}

#btnToTop {
	padding: 12px;
	border-radius: 4px;
	border: currentColor;
	right: 30px;
	bottom: 20px;
	color: white;
	font-size: 18px;
	display: none;
	position: fixed;
	z-index: 1031;
	cursor: pointer;
	background-color: rgb(41, 172, 155);
}

#btnToTop:hover {
	background-color: rgb(0, 55, 100);
}

.datepicker {
	padding: 0px !important;
	top: 5px;
}

/*.datepicker td {
	width: 2.2em !important; height: 1.8em !important;
}
.datepicker th {
	width: 2.2em !important; height: 1.8em !important;
}*/
@media only screen and (min-width:580px) {
	.verticalLine {
		border-right-color: rgb(164, 164, 164);
		border-right-width: 1px;
		border-right-style: solid;
	}
}

.cardBodyBackground {
	background-color: rgb(244, 244, 245) !important;
}

.textStyleFrontend {
	padding-top: 5px;
	padding-left: 20px;
	font-size: 12px;
}

.btnStyleOpen {
	font-size: 11px !important;
	background-color: rgb(17, 12, 83);
}

.btnStyleDownloadIcon {
	color: rgb(4, 4, 180) !important;
	font-size: 20px !important;
}

.btnStyleDownload {
	background-color: rgb(233, 236, 239) !important;
}

.btnStyleDownload a {
	color: rgb(0, 55, 100) !important;
	line-height: 16px;
	font-size: 11px;
	cursor: pointer;
}

.btnStyleDownload a:hover {
	color: rgb(0, 161, 155) !important;
}

.downloadIconStyle {
	color: rgb(0, 55, 100) !important;
	line-height: 16px;
	font-size: 10pt;
	font-weight: bold;
	cursor: pointer;
}

.downloadIconStyle span {
	padding-bottom: 13px !important;
}

.downloadIconStyle i {
	padding-bottom: 13px !important;
}

a.downloadIconStyle:hover {
	color: rgb(0, 161, 155) !important;
}

.videoIconStyle {
	color: rgb(0, 55, 100) !important;
	line-height: 16px;
	font-size: 9pt;
	font-weight: bold;
	cursor: pointer;
}

.videoIconStyle span {
	padding-bottom: 13px !important;
}

.videoIconStyle i {
	padding-bottom: 13px !important;
}

a.videoIconStyle:hover {
	color: rgb(0, 161, 155) !important;
}

@media all and (max-width:767px) {
	.page-content {
		padding-top: 0px !important;
	}
}

.header-filter {
	padding: 10px 4px 0px;
	text-align: center;
}

p {
	line-height: 2;
}

.card-headerListBackend {
	color: white !important;
	font-weight: bold;
	background-color: rgb(0, 86, 179) !important;
}

.card-header {
	font-weight: bold;
	background-color: lightgray;
}

.textBoxFormInline {
	padding-right: 5px !important;
	padding-left: 0px !important;
}

.form-check-label {
	padding-top: 5px !important;
}

.custom-file-label::after {
	height: inherit;
}

.lblStyleAttachFile {
	padding-top: 9px;
	font-size: 11pt;
	vertical-align: top;
	cursor: pointer;
}

.btnStyleAttachFileIcon {
	font-size: 16px !important;
}

.download-link {
	color: rgb(0, 55, 100) !important;
}

.download-link:hover {
	color: rgb(0, 161, 155) !important;
}

.modal-header {
	border-bottom-color: currentColor;
	border-bottom-width: 0px;
	border-bottom-style: none;
	background-color: #003865;
	color: #fff;
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 0.3rem;
	outline: 0;

}

.tableGridViewFrontend {
	vertical-align: middle !important;
}

@media all and (max-width:767px) {
	.tableGridViewFrontend {
		width: 1000px !important;
		vertical-align: middle !important;
	}
}

.table td {
	vertical-align: middle !important;
}

.table th {
	vertical-align: middle !important;
}

.linkColor {
	color: rgb(0, 55, 100);
}

.cardHeaderListView {
	color: white !important;
}

.label-anupark {
	font-family: anupark, sans-serif !important;
}

.linkTextStyle {
	color: rgb(0, 86, 179);
}

.linkTextStyle:hover {
	color: rgb(0, 123, 255);
}

.card-BodyDetailView {
	font-family: anupark, sans-serif;
	font-size: 11pt;
}