@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600&family=Roboto:wght@300;400;500&display=swap');

:root{
	--card-border-r:10px;
	--card-shadow :0px 5px 8px 1px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 3px 2px -4px rgba(0, 0, 0, 0.12);
}
body {
	font-family: "IBM Plex Sans Thai", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "IBM Plex Sans Thai", sans-serif; }

.font-pri-en { font-family: "Roboto", sans-serif; }
.font-pri-th { font-family: "IBM Plex Sans Thai", sans-serif; }
.font-sec-en { font-family: "Roboto", sans-serif; }
.font-sec-th { font-family: "IBM Plex Sans Thai", sans-serif; }
.version {
	color: #ccc;
	font-size: 0.8rem;
}

img {
	object-fit: cover;
}

main.main-content > div { margin-bottom: 6rem !important; }

a {
	color: var(--bs-link-color);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	text-decoration: none !important;
}
a:hover {
	color: var(--bs-link-active-color);
	text-decoration: none !important;
}

table {
	color: var(--bs-body-color);
}

.cursor-pointer { cursor: pointer !important; }
.form-floating>label {
	padding: 1.5rem 0;
	font-family: "IBM Plex Sans Thai", sans-serif;
	font-size: 1rem;
	color: #8C8C8C;
}

.pagination .page-item .page-link {
	border-radius: 5rem;
	margin: 0 0.3rem;
	font-size: 0.85rem;
	color: #595959;
	background: transparent;
	border: 0;
}
.pagination .page-item.active .page-link {
	background-color: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	color: var(--bs-white);
}
.pagination .page-item:not(.active) .page-link:hover {
	color: var(--bs-primary);
}
.pagination .page-item.disabled .page-link { color: #D9D9D9; }

/* ------------------------- */
/* Navbar / Sidebar
/*-------------------------- */
.navbar.fixed-top {
	box-shadow: inset 0px -1px 0px #E5E7EB;
	background-color: var(--bs-white);

}
.navbar-brand > img {
    max-width: 200px;
	max-height: 35px;
}
.navbar.fixed-top .frm-search {
	width: 35%;
}
.navbar.fixed-top .frm-search input.form-control {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px solid var(--bs-gray);
}
.navbar.fixed-top .frm-search input.form-control:focus {
	box-shadow: 0 0 0 .15rem var(--bs-primary);
	border: 1px solid var(--bs-primary);
}
.navbar.fixed-top .frm-search button {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid var(--bs-gray);
}
.nav-sidebar {
	width: 4.5rem;
	top: 55px;
	position: fixed;
	height: 100vh;
	z-index: 2;
	/* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.03), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 4px 6px rgba(0, 0, 0, 0.1);
	background-color: var(--bs-primary); */
	background:  #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.03), 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 4px 6px 0px rgba(0, 0, 0, 0.10);
}
.nav-sidebar .nav-item {
	margin: 0px 2px;
}
.nav-sidebar .nav-link {
	color: var(--bs-icon-color);
	font-size: 0.6rem;
	border-radius: 0;
	padding: 1px 0 10px 0 !important;
}
.nav-sidebar .nav-link.active {
	border-radius: 16px;
	font-weight: bold;
	background-color: var(--bs-primary);
}
.nav-sidebar .nav-link.active svg{
	border-radius: 16px;
	font-weight: bold;
	background-color: var(--bs-primary);
	stroke: white;
}
.nav-sidebar .nav-link.active svg path{
	border-radius: 16px;
	font-weight: bold;
	background-color: var(--bs-primary);
	fill: white;
}
.nav-sidebar .nav-link i{
	display: block;
	font-size: 1.2rem;
	padding-top: 10px;
}
.nav-sidebar .nav-link svg{
	display: block;
	margin: 10px auto 0px auto;
}
main.main-content {
	top: 3rem;
	position: relative;
	overflow-x: hidden;
}
.dropend .dropdown-menu.show {
	margin: 10px -20px !important;
	z-index: 9 !important;
}
.dropend .nav-link.dropdown-toggle::after {
	border: 0;
}
.navbar-toggler{
	color: var(--bs-body-color);
}
.navbar-toggler:focus {
	box-shadow: none;
}
.fixed-bottom .nav-link.active {
	font-weight: bold;
}
.fixed-bottom .nav-link i{
	display: block;
	font-size: 1.2rem;
}
.fixed-bottom .nav-link svg {
	stroke: #0d6efd;
}
.fixed-bottom .nav-link svg path{
	fill: #0d6efd;
}

/* ------------------------- */
/* Border
/*-------------------------- */
.border-bottom-shadow {
	box-shadow: inset 0px -1px 0px #E5E7EB;
}
.border-top-shadow {
	border-top: 1px solid #E5E7EB;
	/*width: 158px;*/
	-webkit-box-shadow: 0px -4px 3px rgb(229, 231, 235, 0.75);
	-moz-box-shadow: 0px -4px 3px rgb(229, 231, 235, 0.75);
	box-shadow: 0px -1px 3px rgb(229, 231, 235, 0.75);
}

/* ------------------------- */
/* Alert & errors
/*-------------------------- */
div.error {
	padding: 0.7rem 0;
	color: #FF4D4F;
	font-size: 0.8rem;
}

.alert.alert-danger {
	background-color: #FFF1F0;
	color: #FF4D4F;
	border: none;
}
.alert.alert-danger.incorrect-answer {
	background-color: #FFF1F0;
	color: #F5222D;
	border: 1px solid #F5222D;
	border-radius: 0.6rem;
	padding: 0.6rem 1rem;
}

/* ------------------------- */
/* Button
/*-------------------------- */
.btn {
	border-radius: 30px;
}
.btn:focus,
.btn:active:focus {
	box-shadow: none;
}
.btn-block { width: 100%; }
.btn.disabled, .btn:disabled {
	color: #8C8C8C !important;
	background-color: #F5F5F5 !important;
	border-color: #ccc !important;
}

.btn-primary{
	background-color: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	color: var(--bs-white);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	background-color: var(--bs-primary-lighter);
	border: 1px solid var(--bs-primary);
	color: var(--bs-primary);
}
.btn-outline-primary{
	background-color: var(--bs-primary-lighter);
	border: 1px solid var(--bs-primary);
	color: var(--bs-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
	background-color: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	color: var(--bs-white);
}

.btn-secondary{
	background-color: var(--bs-secondary);
	border: 1px solid var(--bs-secondary);
	color: var(--bs-white);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: var(--bs-secondary-lighter);
	border: 1px solid var(--bs-secondary);
	color: var(--bs-secondary);
}

.btn-outline-secondary{
	background-color: var(--bs-secondary-lighter);
	border: 1px solid var(--bs-secondary);
	color: var(--bs-secondary);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
	background-color: var(--bs-secondary);
	border: 1px solid var(--bs-secondary);
	color: var(--bs-white);
}

.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
	background: var(--bs-info);
	border: 1px solid var(--bs-info);
	color: var(--bs-white);
}

.btn-tag { color: var(--bs-white); }
.btn-tag-0 { background-color: var(--bs-orange); }
.btn-tag-1 { background-color: var(--bs-cyan); }
.btn-tag-2 { background-color: var(--bs-teal); }
.btn-tag-3 { background-color: var(--bs-yellow); }
.btn-tag,
.btn-tag:hover,
.btn-tag:focus,
.btn-tag:active,
.btn-tag.active {
	color: var(--bs-white);
}

.btn-no-bg {
	background: transparent;
	border: 1px solid var(--bs-white);
}
.btn-no-bg:hover,
.btn-no-bg:focus,
.btn-no-bg:active,
.btn-no-bg.active {
	background: var(--bs-primary);
	border: 1px solid var(--bs-primary);
	color: var(--bs-white);
}



/* ------------------------- */
/* Text & Font
/*-------------------------- */
.fs-small { font-size: 0.9rem; }
.fs-smaller { font-size: 0.8rem; }
.fs-smallest { font-size: 0.7rem; }

.bg-primary { background-color: var(--bs-primary) !important; color: var(--bs-white) !important; }

.text-primary { color: var(--bs-primary) !important; }
.text-info { color: var(--bs-info) !important; }
.text-dark { color: var(--bs-dark); }
.text-dark-75 { color: #595959; }
.text-dark-50 { color: #8C8C8C; }
.text-warning { color: #FF7E1D !important; }
.text-success { color: #0FA958 !important; }
.text-yellow { color: var(--bs-yellow) !important; }


.bg-light-yellow { background: rgba(255, 241, 179, 0.15); }

/* ------------------------- */
/* Login - checkbox
/*-------------------------- */
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
	content: "";
	display: inline-block;
	background: var(--bs-white);
	width: 0;
	height: 0.2rem;
	position: absolute;
	transform-origin: 0% 0%;
}

.chiller_cb {
	position: relative;
	height: 2rem;
	display: flex;
	align-items: center;
}
.chiller_cb input {
	display: none;
}
.chiller_cb input:checked ~ span {
	background: var(--bs-primary);
	border-color: var(--bs-primary);
}
.chiller_cb input:checked ~ span:before {
	width: 1rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
	width: 0.4rem;
	height: 0.15rem;
	transition: width 0.1s;
	transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
	background: #ececec;
	border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
	color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
	cursor: default;
}
.chiller_cb label {
	padding-left: 2rem;
	position: relative;
	z-index: 2;
	cursor: pointer;
	margin-bottom:0;
	color: #595959;
}
.chiller_cb span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	border: 2px solid #ccc;
	position: absolute;
	left: 0;
	transition: all 0.2s;
	z-index: 1;
	box-sizing: content-box;
}
.chiller_cb span:before {
	transform: rotate(-55deg);
	top: 1rem;
	left: 0.37rem;
}
.chiller_cb span:after {
	transform: rotate(35deg);
	bottom: 0.35rem;
	left: 0.2rem;
}

/* ------------------------- */
/* Course
/*-------------------------- */
.card{
	--card-border-r:10px;
	--card-shadow :0px 5px 8px 1px rgba(0, 0, 0, 0.05), 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 3px 2px -4px rgba(0, 0, 0, 0.12);
}
.card.card-course {
	/* border: 0; */
	box-sizing: border-box;
	/* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
	/* border-radius: 10px; */
	height: 100%;
	overflow: hidden;
	border-radius: var(--card-border-r) !important;
	border: 0.546px solid #D9D9D9;
	box-shadow: var(--card-shadow);
}
.card.card-course .card-img-top,
.card.card-course .img-fluid {
	border-top-left-radius: var(--card-border-r) !important;
	border-top-right-radius: var(--card-border-r) !important;
	object-fit: cover;
}
.card.card-course .card-body {
	height: auto;
}

.card.card-collection {
	border: 0;
	box-sizing: border-box;
	/* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
	/* border-radius: 20px; */
	border-radius: var(--card-border-r);
	border: 0.546px solid #D9D9D9;
	box-shadow: var(--card-shadow);
}
.card.card-collection .card-img-top,
.card.card-collection .img-fluid {
	height: 10rem;
	/* border-radius: 10px !important; */
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	object-fit: cover;
}
.card.card-collection .card-body {
	height: auto;
}

.card-horizon {
	background-color: var(--bs-white);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	border-radius: 10px;
}
.card-horizon img {
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	height: 100%;
}
.progress {
	height: 0.4rem;
}
.progress .progress-bar {
	background-color: var(--bs-primary);
}
.card.card-course .card-body .box-title{
	width: 80%;
}
.card.card-course .card-body .card-title ,.card.card-course .card-body .card-text{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: normal;
}
.star-rating {
	display: flex;
	gap: 2px;
	}
  
.review-star {
	width: 20px;
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
}

/* แบบเต็ม */
.review-star.full {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KCQkJCQkJCTxwYXRoIGQ9Ik0yLjg3OTQyIDEwLjQwOTNMNS4yNTQwNiAxMi4yTDQuMzUyMjMgMTUuMDgzN0M0LjIwNjQ5IDE1LjUzMSA0LjIwNDY0IDE2LjAxNDkgNC4zNDY5NyAxNi40NjMzQzQuNDg5MjkgMTYuOTExNyA0Ljc2ODE2IDE3LjMwMDYgNS4xNDIgMTcuNTcyMUM1LjUwOTQzIDE3Ljg1MjIgNS45NTQ3IDE4LjAwMjMgNi40MTE0NiAxOEM2Ljg2ODIyIDE3Ljk5NzYgNy4zMTIwMiAxNy44NDI5IDcuNjc2NzIgMTcuNTU5TDkuOTk4NjcgMTUuNzk0NUwxMi4zMjEzIDE3LjU1NjlDMTIuNjg4IDE3LjgzNTUgMTMuMTMwOSAxNy45ODY4IDEzLjU4NjIgMTcuOTg5MUMxNC4wNDE1IDE3Ljk5MTQgMTQuNDg1OCAxNy44NDQ1IDE0Ljg1NTIgMTcuNTY5N0MxNS4yMjQ2IDE3LjI5NDggMTUuNSAxNi45MDYxIDE1LjY0MiAxNi40NTk0QzE1Ljc4MzkgMTYuMDEyNyAxNS43ODUgMTUuNTMxMSAxNS42NDUxIDE1LjA4MzdMMTQuNzQzMyAxMi4yTDE3LjExNzkgMTAuNDA5M0MxNy40ODQyIDEwLjEzMjggMTcuNzU2NSA5Ljc0Mzg2IDE3Ljg5NTkgOS4yOTgwMUMxOC4wMzUzIDguODUyMTYgMTguMDM0NyA4LjM3MjIyIDE3Ljg5NDEgNy45MjY3NkMxNy43NTM2IDcuNDgxMjkgMTcuNDgwMyA3LjA5MzA4IDE3LjExMzMgNi44MTc1OEMxNi43NDYyIDYuNTQyMDcgMTYuMzA0MyA2LjM5MzM3IDE1Ljg1MDYgNi4zOTI3SDEyLjkzMzZMMTIuMDQ4NSAzLjU0NDEzQzExLjkwOTMgMy4wOTU3NCAxMS42MzU3IDIuNzA0NTggMTEuMjY3MyAyLjQyNzA2QzEwLjg5ODkgMi4xNDk1NCAxMC40NTQ3IDIgOS45OTg2NyAyQzkuNTQyNjQgMiA5LjA5ODM5IDIuMTQ5NTQgOC43Mjk5OSAyLjQyNzA2QzguMzYxNTkgMi43MDQ1OCA4LjA4ODA3IDMuMDk1NzQgNy45NDg4NyAzLjU0NDEzTDcuMDYzNzIgNi4zOTI3SDQuMTQ5NDVDMy42OTU3IDYuMzkzMzcgMy4yNTM3NSA2LjU0MjA3IDIuODg2NzQgNi44MTc1OEMyLjUxOTczIDcuMDkzMDggMi4yNDY0MyA3LjQ4MTI5IDIuMTA1ODggNy45MjY3NkMxLjk2NTMyIDguMzcyMjIgMS45NjQ3IDguODUyMTYgMi4xMDQxIDkuMjk4MDFDMi4yNDM1IDkuNzQzODYgMi41MTU3OSAxMC4xMzI4IDIuODgyMDkgMTAuNDA5M0gyLjg3OTQyWiIgZmlsbD0iI0ZGQzUzMyIvPgoJCQkJCQk8L3N2Zz4=")
}

/* แบบครึ่ง */
.review-star.half {
	background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTUuMTE5NjcgMTEuMTU5M0g1LjEyMDM5TDMuMzMzOTYgOS44MTA3NkMzLjA5NDk4IDkuNjMwMzQgMi45MTM1IDkuMzczNSAyLjgxOTkyIDkuMDc0MkMyLjcyNjI4IDguNzc0NyAyLjcyNjcxIDguNDUxNjUgMi44MjExMiA4LjE1MjQzQzIuOTE1NDYgNy44NTM0MiAzLjA5NzU4IDcuNTk3MTEgMy4zMzcgNy40MTczOEMzLjU3NTg4IDcuMjM4MDYgMy44NjA0MiA3LjE0MzI1IDQuMTQ5OTkgNy4xNDI3SDcuMDYzNzJINy42MTYwNEw3Ljc3OTk0IDYuNjE1MjVMOC42NjUwOSAzLjc2NjY5TDguNjY1MTUgMy43NjY0OUM4Ljc1ODYgMy40NjU0NiA4Ljk0MDkxIDMuMjA3MTcgOS4xODEyNiAzLjAyNjExQzkuNDIxMjEgMi44NDUzNSA5LjcwNzQ1IDIuNzUgOS45OTg2NyAyLjc1QzEwLjI4OTkgMi43NSAxMC41NzYxIDIuODQ1MzUgMTAuODE2MSAzLjAyNjExQzExLjA1NjQgMy4yMDcxNyAxMS4yMzg3IDMuNDY1NDYgMTEuMzMyMiAzLjc2NjQ5TDExLjMzMjIgMy43NjY2OUwxMi4yMTc0IDYuNjE1MjVMMTIuMzgxMyA3LjE0MjdIMTIuOTMzNkgxNS44NUMxNi4xMzk2IDcuMTQzMjUgMTYuNDI0MSA3LjIzODA2IDE2LjY2MyA3LjQxNzM4QzE2LjkwMjQgNy41OTcxMSAxNy4wODQ1IDcuODUzNDIgMTcuMTc4OSA4LjE1MjQzTDE3Ljg5NDEgNy45MjY3NkwxNy4xNzg5IDguMTUyNDRDMTcuMjczMyA4LjQ1MTY1IDE3LjI3MzcgOC43NzQ3IDE3LjE4MDEgOS4wNzQyQzE3LjA4NjUgOS4zNzMzNyAxNi45MDUyIDkuNjMwMTIgMTYuNjY2MyA5LjgxMDUyQzE2LjY2NjMgOS44MTA1NiAxNi42NjYyIDkuODEwNiAxNi42NjYyIDkuODEwNjNDMTYuNjY2MSA5LjgxMDY4IDE2LjY2NjEgOS44MTA3MiAxNi42NjYgOS44MTA3NkwxNC4yOTE3IDExLjYwMTJMMTMuODY5NyAxMS45MTk0TDE0LjAyNzUgMTIuNDIzOUwxNC45MjkzIDE1LjMwNzZDMTUuMDIzMyAxNS42MDgxIDE1LjAyMjUgMTUuOTMyMyAxNC45MjcyIDE2LjIzMjNDMTQuODMxOSAxNi41MzIxIDE0LjY0ODQgMTYuNzg4NyAxNC40MDc1IDE2Ljk2OEMxNC4xNjY5IDE3LjE0NjkgMTMuODgwNyAxNy4yNDA2IDEzLjU5IDE3LjIzOTFDMTMuMjk5MiAxNy4yMzc2IDEzLjAxMzggMTcuMTQxMSAxMi43NzQ5IDE2Ljk1OTdMMTIuNzc0NiAxNi45NTk1TDEwLjQ1MiAxNS4xOTdMOS45OTgzNCAxNC44NTI4TDkuNTQ0ODggMTUuMTk3M0w3LjIyMjk0IDE2Ljk2MTlMNy4yMjI5MSAxNi45NjE4TDcuMjE1OTggMTYuOTY3MkM2Ljk4MDI1IDE3LjE1MDcgNi42OTY2NSAxNy4yNDg1IDYuNDA3NTkgMTcuMjVDNi4xMTg1NCAxNy4yNTE1IDUuODM0MTIgMTcuMTU2NyA1LjU5Njc0IDE2Ljk3NTdMNS41ODk3NiAxNi45NzA0TDUuNTgyNjYgMTYuOTY1MkM1LjM0MDk5IDE2Ljc4OTcgNS4xNTY2NCAxNi41MzUxIDUuMDYxODIgMTYuMjM2NEM0Ljk2Njk0IDE1LjkzNzUgNC45NjgxOSAxNS42MTQyIDUuMDY1MzMgMTUuMzE2MUw1LjA2NTM4IDE1LjMxNjFMNS4wNjgwNCAxNS4zMDc2TDUuOTY5ODcgMTIuNDIzOUw2LjEyNzYzIDExLjkxOTRMNS43MDU2MiAxMS42MDEyTDUuMTE5NjcgMTEuMTU5M1oiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+");
}
.review-star.half::before {
	content: "";
	width: 10px;
    height: 100%;
	display: block;
	position: relative;
	z-index: 1;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KCQkJCQkJCQkJPHBhdGggZD0iTTIuODc5NDIgMTAuNDA5M0w1LjI1NDA2IDEyLjJMNC4zNTIyMyAxNS4wODM3QzQuMjA2NDkgMTUuNTMxIDQuMjA0NjQgMTYuMDE0OSA0LjM0Njk3IDE2LjQ2MzNDNC40ODkyOSAxNi45MTE3IDQuNzY4MTYgMTcuMzAwNiA1LjE0MiAxNy41NzIxQzUuNTA5NDMgMTcuODUyMiA1Ljk1NDcgMTguMDAyMyA2LjQxMTQ2IDE4QzYuODY4MjIgMTcuOTk3NiA3LjMxMjAyIDE3Ljg0MjkgNy42NzY3MiAxNy41NTlMOS45OTg2NyAxNS43OTQ1TDEyLjMyMTMgMTcuNTU2OUMxMi42ODggMTcuODM1NSAxMy4xMzA5IDE3Ljk4NjggMTMuNTg2MiAxNy45ODkxQzE0LjA0MTUgMTcuOTkxNCAxNC40ODU4IDE3Ljg0NDUgMTQuODU1MiAxNy41Njk3QzE1LjIyNDYgMTcuMjk0OCAxNS41IDE2LjkwNjEgMTUuNjQyIDE2LjQ1OTRDMTUuNzgzOSAxNi4wMTI3IDE1Ljc4NSAxNS41MzExIDE1LjY0NTEgMTUuMDgzN0wxNC43NDMzIDEyLjJMMTcuMTE3OSAxMC40MDkzQzE3LjQ4NDIgMTAuMTMyOCAxNy43NTY1IDkuNzQzODYgMTcuODk1OSA5LjI5ODAxQzE4LjAzNTMgOC44NTIxNiAxOC4wMzQ3IDguMzcyMjIgMTcuODk0MSA3LjkyNjc2QzE3Ljc1MzYgNy40ODEyOSAxNy40ODAzIDcuMDkzMDggMTcuMTEzMyA2LjgxNzU4QzE2Ljc0NjIgNi41NDIwNyAxNi4zMDQzIDYuMzkzMzcgMTUuODUwNiA2LjM5MjdIMTIuOTMzNkwxMi4wNDg1IDMuNTQ0MTNDMTEuOTA5MyAzLjA5NTc0IDExLjYzNTcgMi43MDQ1OCAxMS4yNjczIDIuNDI3MDZDMTAuODk4OSAyLjE0OTU0IDEwLjQ1NDcgMiA5Ljk5ODY3IDJDOS41NDI2NCAyIDkuMDk4MzkgMi4xNDk1NCA4LjcyOTk5IDIuNDI3MDZDOC4zNjE1OSAyLjcwNDU4IDguMDg4MDcgMy4wOTU3NCA3Ljk0ODg3IDMuNTQ0MTNMNy4wNjM3MiA2LjM5MjdINC4xNDk0NUMzLjY5NTcgNi4zOTMzNyAzLjI1Mzc1IDYuNTQyMDcgMi44ODY3NCA2LjgxNzU4QzIuNTE5NzMgNy4wOTMwOCAyLjI0NjQzIDcuNDgxMjkgMi4xMDU4OCA3LjkyNjc2QzEuOTY1MzIgOC4zNzIyMiAxLjk2NDcgOC44NTIxNiAyLjEwNDEgOS4yOTgwMUMyLjI0MzUgOS43NDM4NiAyLjUxNTc5IDEwLjEzMjggMi44ODIwOSAxMC40MDkzSDIuODc5NDJaIiBmaWxsPSIjRkZDNTMzIi8+CgkJCQkJCQkJPC9zdmc+");
}
/* แบบเปล่า */
.review-star.empty {
	background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0iTTUuMTE5NjcgMTEuMTU5M0g1LjEyMDM5TDMuMzMzOTYgOS44MTA3NkMzLjA5NDk4IDkuNjMwMzQgMi45MTM1IDkuMzczNSAyLjgxOTkyIDkuMDc0MkMyLjcyNjI4IDguNzc0NyAyLjcyNjcxIDguNDUxNjUgMi44MjExMiA4LjE1MjQzQzIuOTE1NDYgNy44NTM0MiAzLjA5NzU4IDcuNTk3MTEgMy4zMzcgNy40MTczOEMzLjU3NTg4IDcuMjM4MDYgMy44NjA0MiA3LjE0MzI1IDQuMTQ5OTkgNy4xNDI3SDcuMDYzNzJINy42MTYwNEw3Ljc3OTk0IDYuNjE1MjVMOC42NjUwOSAzLjc2NjY5TDguNjY1MTUgMy43NjY0OUM4Ljc1ODYgMy40NjU0NiA4Ljk0MDkxIDMuMjA3MTcgOS4xODEyNiAzLjAyNjExQzkuNDIxMjEgMi44NDUzNSA5LjcwNzQ1IDIuNzUgOS45OTg2NyAyLjc1QzEwLjI4OTkgMi43NSAxMC41NzYxIDIuODQ1MzUgMTAuODE2MSAzLjAyNjExQzExLjA1NjQgMy4yMDcxNyAxMS4yMzg3IDMuNDY1NDYgMTEuMzMyMiAzLjc2NjQ5TDExLjMzMjIgMy43NjY2OUwxMi4yMTc0IDYuNjE1MjVMMTIuMzgxMyA3LjE0MjdIMTIuOTMzNkgxNS44NUMxNi4xMzk2IDcuMTQzMjUgMTYuNDI0MSA3LjIzODA2IDE2LjY2MyA3LjQxNzM4QzE2LjkwMjQgNy41OTcxMSAxNy4wODQ1IDcuODUzNDIgMTcuMTc4OSA4LjE1MjQzTDE3Ljg5NDEgNy45MjY3NkwxNy4xNzg5IDguMTUyNDRDMTcuMjczMyA4LjQ1MTY1IDE3LjI3MzcgOC43NzQ3IDE3LjE4MDEgOS4wNzQyQzE3LjA4NjUgOS4zNzMzNyAxNi45MDUyIDkuNjMwMTIgMTYuNjY2MyA5LjgxMDUyQzE2LjY2NjMgOS44MTA1NiAxNi42NjYyIDkuODEwNiAxNi42NjYyIDkuODEwNjNDMTYuNjY2MSA5LjgxMDY4IDE2LjY2NjEgOS44MTA3MiAxNi42NjYgOS44MTA3NkwxNC4yOTE3IDExLjYwMTJMMTMuODY5NyAxMS45MTk0TDE0LjAyNzUgMTIuNDIzOUwxNC45MjkzIDE1LjMwNzZDMTUuMDIzMyAxNS42MDgxIDE1LjAyMjUgMTUuOTMyMyAxNC45MjcyIDE2LjIzMjNDMTQuODMxOSAxNi41MzIxIDE0LjY0ODQgMTYuNzg4NyAxNC40MDc1IDE2Ljk2OEMxNC4xNjY5IDE3LjE0NjkgMTMuODgwNyAxNy4yNDA2IDEzLjU5IDE3LjIzOTFDMTMuMjk5MiAxNy4yMzc2IDEzLjAxMzggMTcuMTQxMSAxMi43NzQ5IDE2Ljk1OTdMMTIuNzc0NiAxNi45NTk1TDEwLjQ1MiAxNS4xOTdMOS45OTgzNCAxNC44NTI4TDkuNTQ0ODggMTUuMTk3M0w3LjIyMjk0IDE2Ljk2MTlMNy4yMjI5MSAxNi45NjE4TDcuMjE1OTggMTYuOTY3MkM2Ljk4MDI1IDE3LjE1MDcgNi42OTY2NSAxNy4yNDg1IDYuNDA3NTkgMTcuMjVDNi4xMTg1NCAxNy4yNTE1IDUuODM0MTIgMTcuMTU2NyA1LjU5Njc0IDE2Ljk3NTdMNS41ODk3NiAxNi45NzA0TDUuNTgyNjYgMTYuOTY1MkM1LjM0MDk5IDE2Ljc4OTcgNS4xNTY2NCAxNi41MzUxIDUuMDYxODIgMTYuMjM2NEM0Ljk2Njk0IDE1LjkzNzUgNC45NjgxOSAxNS42MTQyIDUuMDY1MzMgMTUuMzE2MUw1LjA2NTM4IDE1LjMxNjFMNS4wNjgwNCAxNS4zMDc2TDUuOTY5ODcgMTIuNDIzOUw2LjEyNzYzIDExLjkxOTRMNS43MDU2MiAxMS42MDEyTDUuMTE5NjcgMTEuMTU5M1oiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+");
}
.box-course-duration {
	display: flex;
	align-items: center;
	gap: 6px;
}
.box-course-duration .course-play::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;base64,CQkJCQk8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiIGZpbGw9Im5vbmUiPgoJCQkJCQk8cGF0aCBkPSJNOS42Mjg4NCA3LjUzMDc1TDEyLjI5MyA5LjMwNzQyQzEyLjQwNzEgOS4zODM1MiAxMi41MDA3IDkuNDg3NDUgMTIuNTY1NCA5LjYwODRDMTIuNjMwMiA5LjcyOTM1IDEyLjY2NCA5Ljg2NDQxIDEyLjY2NCAxMC4wMDE2QzEyLjY2NCAxMC4xMzg4IDEyLjYzMDIgMTAuMjczOCAxMi41NjU0IDEwLjM5NDhDMTIuNTAwNyAxMC41MTU3IDEyLjQwNzEgMTAuNjE4OCAxMi4yOTMgMTAuNjk0OUw5LjYyODg0IDEyLjQ3MTZDOS41MDMzNCAxMi41NTUzIDkuMzU3NDYgMTIuNjAzNCA5LjIwNjc3IDEyLjYxMDdDOS4wNTYwOCAxMi42MTggOC45MDYyMyAxMi41ODQzIDguNzczMjEgMTIuNTEzMUM4LjY0MDE4IDEyLjQ0MiA4LjUyODk3IDEyLjMzNiA4LjQ1MTQ1IDEyLjIwNjZDOC4zNzM5MiAxMi4wNzcyIDguMzMyOTkgMTEuOTI5MSA4LjMzMzAxIDExLjc3ODNWOC4yMjU3NUM4LjMzMjY4IDguMDc0NzQgOC4zNzM0IDcuOTI2NDggOC40NTA4IDcuNzk2ODJDOC41MjgyMSA3LjY2NzE1IDguNjM5MzkgNy41NjA5NiA4Ljc3MjQ3IDcuNDg5NThDOC45MDU1NSA3LjQxODIxIDkuMDU1NTIgNy4zODQzNCA5LjIwNjM2IDcuMzkxNTlDOS4zNTcxOSA3LjM5ODg0IDkuNTAzMjMgNy40NDY5NCA5LjYyODg0IDcuNTMwNzVaIiBzdHJva2U9IiM4QzhDOEMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCQkJCQkJPHBhdGggZD0iTTE2LjkyOTEgMTIuODcwMUMxNy4zMDYgMTEuOTYwMiAxNy41IDEwLjk4NDkgMTcuNSAxMEMxNy41IDguMDEwODggMTYuNzA5OCA2LjEwMzIyIDE1LjMwMzMgNC42OTY3QzEzLjg5NjggMy4yOTAxOCAxMS45ODkxIDIuNSAxMCAyLjVDOC4wMTA4OCAyLjUgNi4xMDMyMiAzLjI5MDE4IDQuNjk2NyA0LjY5NjdDMy4yOTAxOCA2LjEwMzIyIDIuNSA4LjAxMDg4IDIuNSAxMEMyLjUgMTAuOTg0OSAyLjY5Mzk5IDExLjk2MDIgMy4wNzA5IDEyLjg3MDFDMy40NDc4MSAxMy43ODAxIDQuMDAwMjYgMTQuNjA2OSA0LjY5NjcgMTUuMzAzM0M1LjM5MzE0IDE1Ljk5OTcgNi4yMTk5MyAxNi41NTIyIDcuMTI5ODcgMTYuOTI5MUM4LjAzOTgyIDE3LjMwNiA5LjAxNTA5IDE3LjUgMTAgMTcuNUMxMC45ODQ5IDE3LjUgMTEuOTYwMiAxNy4zMDYgMTIuODcwMSAxNi45MjkxQzEzLjc4MDEgMTYuNTUyMiAxNC42MDY5IDE1Ljk5OTcgMTUuMzAzMyAxNS4zMDMzQzE1Ljk5OTcgMTQuNjA2OSAxNi41NTIyIDEzLjc4MDEgMTYuOTI5MSAxMi44NzAxWiIgc3Ryb2tlPSIjOEM4QzhDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CgkJCQkJPC9zdmc+");
}
.cover-imgage-course{
	position: relative;
}
.cover-imgage-course .course-cover-point{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 12px;
	display: flex;
	justify-content: flex-end;
}
.cover-imgage-course .course-cover-point .cover-point{
	display: flex;
	gap: 8px;
	height: 30px;
	padding: 4px 8px;
	border-radius: 1000px;
	background:  #FFF;
	min-width: 42px;
}
.cover-imgage-course .course-cover-point .cover-point .text-cover-point{
	color: var(--bs-primary);
	text-align: right;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 22px; /* 157.143% */
}

  
/* ------------------------- */
/* Modal
/*-------------------------- */
.modal-content {
	border-radius: 0.8rem;
}
.modal-header {
	border-bottom: 0;
}
.modal-footer {
	border-top: 0;
}

/* ------------------------- */
/* My Profile
/*-------------------------- */
.box-my-profile {
	box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: : 0 5px 8px 5px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
}
.box-my-profile .form-group > div {
	color: #262626;
	border-bottom: 1px solid #E5E7EB;
	padding-bottom: 0.4rem;
}
.box-my-profile .form-group label {
	color: #8C8C8C;
	margin: 0.6rem 0;
}
.text-1-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-2-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.bg-alert-danger{
	background-color: #dc35469d !important;
}
.bg-alert-success{
	background-color: #1987549d !important;
}
.width-dropdown-sheare{
	width: 500px;
}
.btn-share-invite{
	cursor: pointer !important;
	pointer-events: none !important;
	color: var(--bs-primary) !important;
}

.btn-share-enrol{
	cursor: pointer !important;
	pointer-events: none !important;
	color: var(--bs-gray) !important;
}

.dropdown-menu-share {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
	right: 0;
}
.navbar-expand .navbar-nav .dropdown-menu-share {
    position: absolute;
}
.navbar-nav .dropdown-menu-share {
    position: static;
}
.navbar-nav .elibrary svg{
   stroke: white;
}
.navbar-nav .elibrary svg path{
    fill: white;
}
.nav-tabs .dropdown-menu-share {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dropdown-menu-share.show {
    display: block;
}
.nav-tabs.dropdown-menu-end-share {
    right: 0;
    left: auto;
}
.nav-tabs.dropdown-menu-share {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}
#score {
	height:100vh;
}
.swal2-modal{
	border-radius: 24px;
}
/* Point UI*/
.icon-point{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguMzYyIDEwLjIzMjNDMTguNDg4NSA1LjYxNTgzIDE0Ljg0NzYgMS43NzA4NCAxMC4yMjk3IDEuNjQ0MjdDNS42MTE4OCAxLjUxNzcxIDEuNzY1NzkgNS4xNTc0OSAxLjYzOTI2IDkuNzczOTZDMS41MTI3MyAxNC4zOTA0IDUuMTUzNjcgMTguMjM1NCA5Ljc3MTUzIDE4LjM2MkMxNC4zODk0IDE4LjQ4ODYgMTguMjM1NSAxNC44NDg4IDE4LjM2MiAxMC4yMzIzWiIgZmlsbD0iI0Y5QjUwMCIvPgogIDxwYXRoIGQ9Ik0xMCAyMEM3LjM0Nzc3IDE5Ljk5NjggNC44MDUxNyAxOC45NDE3IDIuOTMwMzMgMTcuMDY2M0MxLjA1NTQ5IDE1LjE5MDkgMC4wMDE1OTY3NyAxMi42NDg0IDAgOS45OTY5OUMwLjAwMTU5ODg0IDcuMzQ2MTEgMS4wNTU2OCA0LjgwNDI3IDIuOTMwNyAyLjkyOTgyQzQuODA1NzIgMS4wNTUzNiA3LjM0ODMzIDAuMDAxNTk4MzYgMTAgMEMxMi42NTE3IDAuMDAxNTk4MzYgMTUuMTk0MyAxLjA1NTM2IDE3LjA2OTMgMi45Mjk4MkMxOC45NDQzIDQuODA0MjcgMTkuOTk4NCA3LjM0NjExIDIwIDkuOTk2OTlDMTkuOTk4NCAxMi42NDg0IDE4Ljk0NDUgMTUuMTkwOSAxNy4wNjk3IDE3LjA2NjNDMTUuMTk0OCAxOC45NDE3IDEyLjY1MjIgMTkuOTk2OCAxMCAyMFpNMTAgMS42NDEwM0M3Ljc4MzY4IDEuNjQyNjIgNS42NTg2IDIuNTIzNDkgNC4wOTE0MyA0LjA5MDE5QzIuNTI0MjYgNS42NTY4OSAxLjY0MzEyIDcuNzgxMzQgMS42NDE1MiA5Ljk5Njk5QzEuNjQzMTIgMTIuMjEzMiAyLjUyNDA2IDE0LjMzODMgNC4wOTEwNiAxNS45MDU5QzUuNjU4MDYgMTcuNDczNiA3Ljc4MzEzIDE4LjM1NTggMTAgMTguMzU5QzEyLjIxNzQgMTguMzU1OCAxNC4zNDMxIDE3LjQ3MzggMTUuOTExMSAxNS45MDYzQzE3LjQ3OSAxNC4zMzg4IDE4LjM2MTMgMTIuMjEzNyAxOC4zNjQ1IDkuOTk2OTlDMTguMzYxMyA3Ljc4MDc5IDE3LjQ3ODggNS42NTYzNSAxNS45MTA3IDQuMDg5ODNDMTQuMzQyNiAyLjUyMzMgMTIuMjE2OSAxLjY0MjYyIDEwIDEuNjQxMDNaIiBmaWxsPSIjRkZERTU2Ii8+CiAgPHBhdGggZD0iTTcuMzYxNTYgNi41MjE2NUM3LjM1OTEgNi40MjMyNSA3LjM3NjU3IDYuMzI1MzcgNy40MTI5MyA2LjIzMzg5QzcuNDQ5MjkgNi4xNDI0MSA3LjUwMzc4IDYuMDU5MjMgNy41NzMxMiA1Ljk4OTM1QzcuNjQyNDYgNS45MTk0NiA3LjcyNTIzIDUuODY0MzIgNy44MTY0MyA1LjgyNzIzQzcuOTA3NjQgNS43OTAxNCA4LjAwNTQxIDUuNzcxODggOC4xMDM4NiA1Ljc3MzU0SDEwLjY2ODdDMTIuNjMwMSA1Ljc3MzU0IDEzLjg1NTIgNi44ODk2OCAxMy44NTUyIDguNTc4OTdDMTMuODU1MiAxMC40NjEzIDEyLjM0NjUgMTEuNDM4NyAxMC40OTk4IDExLjQzODdIOC44MzQxVjEzLjQ2NThDOC44MzQxIDEzLjY1OTUgOC43NTcxNiAxMy44NDUxIDguNjIwMjEgMTMuOTgyQzguNDgzMjcgMTQuMTE4OSA4LjI5NzUzIDE0LjE5NTkgOC4xMDM4NiAxNC4xOTU5QzguMDA2OTUgMTQuMTk3NSA3LjkxMDcgMTQuMTc5OCA3LjgyMDcgMTQuMTQzOEM3LjczMDcxIDE0LjEwNzggNy42NDg3OCAxNC4wNTQzIDcuNTc5NjggMTMuOTg2NEM3LjUxMDU5IDEzLjkxODQgNy40NTU3MiAxMy44Mzc0IDcuNDE4MjcgMTMuNzQ4QzcuMzgwODIgMTMuNjU4NyA3LjM2MTU0IDEzLjU2MjcgNy4zNjE1NiAxMy40NjU4VjYuNTIxNjVaTTEwLjU0OCAxMC4xNDE2QzExLjY1ODUgMTAuMTQxNiAxMi4zNTg1IDkuNTM4MjQgMTIuMzU4NSA4LjY0NTMzQzEyLjM1ODUgNy42NjE5MiAxMS42NTI0IDcuMTQ5MTEgMTAuNTQ4IDcuMTQ5MTFIOC44MzQxVjEwLjE2NTdMMTAuNTQ4IDEwLjE0MTZaIiBmaWxsPSIjRkZERTU2Ii8+Cjwvc3ZnPg==");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.icon-green-point{
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi44ODUyIDE0LjY4MTRDMTguNzcxOSAxMi4xOTQ2IDE5LjgyMDMgOC4wMzk0NCAxOS45OTk1IDIuMzMzMzRMMjAuMDAwMyAyLjMzNDE4QzIwLjAyNjEgMS41MDY2NCAxOS41NTg2IDAuNjcxNTk4IDE4LjgzNjkgMC4yNTQ5MTJDMTguMjQ2MSAtMC4wODY3NzAyIDE3LjU2NTIgLTAuMDg0MjcwMSAxNy4wMTY4IDAuMjU4MjQ2QzE0Ljg2NTYgMS41OTI5NSAxMi43Nzk0IDEuNzI5OTEgMTAuNzYxNSAxLjg2MjM4TDEwLjc1OTkgMS44NjI0OUM4LjQ3Mzk0IDIuMDExNjYgNi4xMDk2NiAyLjE2NzUgNC4wOTU0IDQuMTgxNzZDMi40ODM2NiA1Ljc5MzUgMS42MjExMiA3LjkzNjk0IDEuNjY4NjIgMTAuMjE2MkMxLjcwNzc5IDEyLjA5NjMgMi4zNjM2NSAxMy44NTg5IDMuNTM1MzcgMTUuMjg3M0wwLjI0NDM4NiAxOC41Nzc0Qy0wLjA4MTQ2MjEgMTguOTAzMyAtMC4wODE0NjIxIDE5LjQzIDAuMjQ0Mzg2IDE5Ljc1NThDMC40MDY4OTQgMTkuOTE4MyAwLjYyMDIzNyAyMCAwLjgzMzU4MSAyMEMxLjA0NjkyIDIwIDEuMjYwMjcgMTkuOTE4MyAxLjQyMjc3IDE5Ljc1NThMNC43MTM3NiAxNi40NjQ4QzYuMTQyMTYgMTcuNjI5OSA3LjkwMjI0IDE4LjI0OTkgOS43NzQgMTguMjQ5OUMxMC4wMjczIDE4LjI0OTkgMTAuMjgyNCAxOC4yMzkxIDEwLjUzOSAxOC4yMTU3QzEzLjAzNjYgMTcuOTkzMiAxNS4zNDkzIDE2LjcwNDggMTYuODg1MiAxNC42ODE0Wk0xMS4yNjkyIDcuMzYxMDRDMTEuNjQyNSA3LjU2MzI3IDExLjkzNDIgNy44NjY2MiAxMi4xNDQyIDguMjcxMDhIMTMuNzQyNkMxMy40MzkzIDcuNDkzMjcgMTIuOTQ5MiA2Ljg5NDM1IDEyLjI3MjUgNi40NzQzM0MxMS42MDM2IDYuMDQ2NTMgMTAuODM3NSA1LjgzMjYzIDkuOTc0MSA1LjgzMjYzQzkuMjE5NjIgNS44MzI2MyA4LjUyMzQ4IDYuMDExNTMgNy44ODU2NyA2LjM2OTMyQzcuMjU1NjQgNi43MTkzNCA2Ljc1Mzk1IDcuMjA5MzYgNi4zODA2IDcuODM5MzlDNi4wMTUwMyA4LjQ2OTQyIDUuODMyMjQgOS4xODExMiA1LjgzMjI0IDkuOTc0NDlDNS44MzIyNCAxMC43Njc5IDYuMDE1MDMgMTEuNDc5NiA2LjM4MDYgMTIuMTA5NkM2Ljc1Mzk1IDEyLjczOTYgNy4yNTU2NCAxMy4yMzM1IDcuODg1NjcgMTMuNTkxM0M4LjUxNTcgMTMuOTQxMyA5LjIxMTg1IDE0LjExNjQgOS45NzQxIDE0LjExNjRDMTAuNjgxOSAxNC4xMTY0IDExLjMyMzYgMTMuOTYwOCAxMS44OTkyIDEzLjY0OTdDMTIuNDgyNiAxMy4zMzA4IDEyLjk1MzEgMTIuOTA2OSAxMy4zMTA5IDEyLjM3NzlDMTMuNjc2NSAxMS44NDkgMTMuOTAyMSAxMS4yNjk2IDEzLjk4NzYgMTAuNjM5NVY5LjYwMTE0SDkuNTE5MDhWMTAuNjYyOUgxMi41NjQyQzEyLjQ2MzEgMTEuMzU1MSAxMi4xODcgMTEuOTAzNSAxMS43MzU5IDEyLjMwNzlDMTEuMjg0NyAxMi43MTI0IDEwLjY5NzUgMTIuOTE0NiA5Ljk3NDEgMTIuOTE0NkM5LjQzNzQxIDEyLjkxNDYgOC45NTkwNSAxMi43OTQxIDguNTM5MDQgMTIuNTUyOUM4LjExOTAyIDEyLjMxMTggNy43ODg0NSAxMS45Njk2IDcuNTQ3MzIgMTEuNTI2MkM3LjMxMzk4IDExLjA3NTEgNy4xOTczMSAxMC41NTc5IDcuMTk3MzEgOS45NzQ0OUM3LjE5NzMxIDkuMzkxMTMgNy4zMTM5OCA4Ljg3Nzc4IDcuNTQ3MzIgOC40MzQ0MkM3Ljc4ODQ1IDcuOTkxMDcgOC4xMTkwMiA3LjY0ODgzIDguNTM5MDQgNy40MDc3MUM4Ljk1OTA1IDcuMTY2NTggOS40Mzc0MSA3LjA0NjAyIDkuOTc0MSA3LjA0NjAyQzEwLjQ2NDEgNy4wNDYwMiAxMC44OTU4IDcuMTUxMDMgMTEuMjY5MiA3LjM2MTA0WiIgZmlsbD0iIzEyQzg5QiIvPgo8L3N2Zz4=");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.icon-carbon-point{
	background-image: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiBjbGFzcz0iaWNvbiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMDAwMDAiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPgoNPHBhdGggZD0iTTc2MC4xIDQxNi44Yy0yMS4yIDAtNDEuNiA0LTYwLjUgMTEuMi05LjctMTEyLjctOTktMjAxLTIwNy42LTIwMS0xMDUuNCAwLTE5Mi40IDgzLTIwNi41IDE5MC44LTUuOS0wLjYtMTEuOS0xLTE3LjktMS05OC43IDAtMTc4LjggODUtMTc4LjggMTg5LjggMCAxMDQuOSA3Ny45IDE5MC4zIDE3Ni42IDE5MC4zIDEuNyAwIDguNi0wLjMgMTEuNS0wLjVoLTEuM3YtMC4yYzMuMyAwIDMuMSAwLjEgMS4zIDAuMmw0NDQuNiAwLjZjMTMgMCAyNC43LTAuNiAzOC43LTAuNiA5OC43IDAgMTc4LjgtODUgMTc4LjgtMTg5LjgtMC4xLTEwNC44LTgwLjItMTg5LjgtMTc4LjktMTg5Ljh6IiBmaWxsPSIjOWNlZTU5Ii8+Cg08cGF0aCBkPSJNMTA5LjkgNTE3LjJjLTEzLjQgMjYuNy0yMS4xIDU3LjEtMjEuMSA4OS41IDAgMTA0LjkgNzcuOSAxOTAuMyAxNzYuNiAxOTAuMyAxLjcgMCA4LjYtMC4zIDExLjUtMC41aC0xLjN2LTAuMmMzLjMgMCAzLjEgMC4xIDEuMyAwLjJsNDQ0LjYgMC42YzUuOSAwIDExLjYtMC4xIDE3LjQtMC4ybDEuNy0yLjRjLTM2OC4zLTAuMS01NjYuMi00MC43LTYzMC43LTI3Ny4zeiIgZmlsbD0iIzljZWU1OSIvPgoNPHBhdGggZD0iTTcyMS40IDgxOC43bC00NDMuOS0wLjZjLTEuMSAwLjEtMi41IDAuMS00IDAuMi0zLjMgMC4xLTYuOSAwLjMtOC4xIDAuMy01My43IDAtMTAzLjktMjIuMy0xNDEuMi02Mi44LTM2LjgtMzkuOC01Ny05Mi44LTU3LTE0OS4yIDAtMTE2LjYgODkuOC0yMTEuNCAyMDAuMy0yMTEuNUMyOTAuNiAyODUuNiAzODQgMjA1LjMgNDkyIDIwNS4zYzU4IDAgMTEzLjQgMjIuOSAxNTYgNjQuNCAzNS44IDM0LjkgNjAgODAuNCA2OS41IDEzMC4zIDEzLjktMy4yIDI4LjItNC44IDQyLjYtNC44IDMzLjMgMCA2Ni4zIDguOCA5NS40IDI1LjQgMTAuNCA1LjkgMTQgMTkuMiA4IDI5LjUtNS45IDEwLjQtMTkuMiAxNC0yOS41IDgtMjIuNi0xMi45LTQ4LjEtMTkuNy03My45LTE5LjctMTguMSAwLTM1LjggMy4zLTUyLjggOS44bC0yNi44IDEwLjMtMi41LTI4LjZjLTguOS0xMDMuMy04OC45LTE4MS4yLTE4Ni4xLTE4MS4yLTkyLjcgMC0xNzIuMiA3My45LTE4NSAxNzJsLTIuNyAyMC45LTIxLTIuMmMtNS4yLTAuNi0xMC41LTAuOC0xNS43LTAuOC04Ni42IDAtMTU3LjEgNzUuNS0xNTcuMSAxNjguMiAwIDg4LjggNjMuNCAxNjEuOCAxNDMuNSAxNjguMmwyMS43LTAuMmgyLjdjMC44IDAgMS42IDAuMSAyLjQgMC4ybDQ0MC44IDAuNWM2LjIgMCAxMi4xLTAuMSAxOC4xLTAuMyA2LjUtMC4xIDEzLjItMC4zIDIwLjYtMC4zIDc0LjIgMCAxMzguOS01Ni40IDE1My45LTEzNCAyLjMtMTEuNyAxMy42LTE5LjQgMjUuNC0xNy4yIDExLjcgMi4zIDE5LjQgMTMuNiAxNy4yIDI1LjRDOTM3LjYgNzQ3IDg1NSA4MTguMiA3NjAuMSA4MTguMmMtNyAwLTEzLjMgMC4xLTE5LjYgMC4zLTYuMyAwLjEtMTIuNSAwLjItMTkuMSAwLjJ6IiBmaWxsPSIjMUExQTFBIi8+Cg08cGF0aCBkPSJNNDY5LjggNjIxLjdjMCA1LjctMS4xIDExLjgtMy4zIDE4LjQtMi4yIDYuNi01LjcgMTMuMS0xMC40IDE5LjVzLTEwLjggMTEuNS0xOC4xIDE1LjVjLTcuMyA0LTE1LjkgNi0yNS43IDYtNy40IDAtMTQuMS0wLjktMjAuMi0yLjctNi4xLTEuOC0xMS42LTQuNi0xNi41LTguMy00LjktMy44LTkuNS04LjctMTMuNi0xNC45LTMuNy01LjYtNi45LTExLjktOS41LTE4LjgtMi42LTYuOS00LjYtMTQuMy01LjktMjIuMi0xLjMtNy45LTItMTYuMi0yLTI1LjEgMC0xNC40IDEuNi0yNy4yIDQuOS0zOC42IDMuMy0xMS40IDgtMjEuMSAxNC4xLTI5LjEgNi4xLTguMSAxMy4zLTE0LjIgMjEuNS0xOC40IDguMi00LjIgMTctNi4zIDI2LjMtNi4zIDExLjQgMCAyMS41IDIuOSAzMC40IDguNiA4LjkgNS44IDE1LjcgMTIuOSAyMC40IDIxLjQgNC43IDguNSA3LjEgMTYuNSA3LjEgMjQgMCA0LjEtMS4yIDcuOC0zLjQgMTFzLTUuMSA0LjctOC4zIDQuN2MtMy42IDAtNi40LTEuMS04LjItMy4zLTEuOC0yLjItMy44LTYtNi4xLTExLjMtMy43LTguOC04LjEtMTUuNS0xMy4xLTE5LjgtNS00LjQtMTEuMi02LjYtMTguNS02LjYtMTEuNyAwLTIxIDUuNi0yNy45IDE2LjktNi45IDExLjMtMTAuNCAyNy4zLTEwLjQgNDguMSAwIDEzLjkgMS41IDI1LjQgNC42IDM0LjYgMy4xIDkuMiA3LjQgMTYuMSAxMyAyMC42czEyLjIgNi44IDE5LjcgNi44YzguMiAwIDE1LjEtMi42IDIwLjctNy43IDUuNi01LjIgOS45LTEyLjcgMTIuOC0yMi43IDEuMi00LjcgMi43LTguNSA0LjUtMTEuNSAxLjgtMyA0LjctNC40IDguNi00LjQgMy40IDAgNi4zIDEuNSA4LjcgNC41IDIuNiAyLjkgMy44IDYuNiAzLjggMTEuMXpNNTU3LjEgNDk2LjZjMTQuNiAwIDI3LjEgMy44IDM3LjUgMTEuMyAxMC40IDcuNSAxOC4zIDE4LjIgMjMuNyAzMiA1LjQgMTMuOCA4IDMwLjEgOCA0OC43IDAgMTMuOC0xLjUgMjYuMy00LjQgMzcuNi0yLjkgMTEuMy03LjMgMjEuMS0xMy4yIDI5LjMtNS45IDguMy0xMy4xIDE0LjYtMjEuNiAxOS04LjYgNC40LTE4LjQgNi42LTI5LjQgNi42cy0yMC44LTIuMy0yOS41LTYuOC0xNS45LTEwLjktMjEuNy0xOWMtNS44LTguMi0xMC4yLTE4LjEtMTMuMi0yOS42cy00LjUtMjQtNC41LTM3LjRjMC0xMy43IDEuNS0yNi4zIDQuNi0zNy43IDMuMS0xMS40IDcuNi0yMS4yIDEzLjUtMjkuMnMxMy0xNC4yIDIxLjUtMTguNGM4LjQtNC4zIDE4LTYuNCAyOC43LTYuNHogbTQwLjUgOTEuOGMwLTEzLjEtMS43LTI0LjQtNS0zNC0zLjMtOS42LTguMS0xNi44LTE0LjItMjEuNy02LjItNC45LTEzLjItNy40LTIxLjItNy40LTUuNyAwLTEwLjkgMS40LTE1LjggNC4xLTQuOCAyLjctOSA2LjctMTIuNCAxMS45LTMuNSA1LjItNi4yIDExLjgtOC4yIDE5LjktMiA4LjEtMyAxNy4xLTMgMjcuMiAwIDEwLjEgMSAxOS4zIDMgMjcuNXM0LjkgMTUgOC41IDIwLjRjMy43IDUuNCA3LjkgOS40IDEyLjYgMTIuMSA0LjggMi43IDEwIDQgMTUuNyA0IDcuMyAwIDE0LTIuMyAyMC4xLTYuOSA2LjEtNC42IDEwLjktMTEuOCAxNC42LTIxLjQgMy40LTkuNyA1LjMtMjEuNiA1LjMtMzUuN3pNNjYxLjMgNjYxaDI5LjZjMyAwIDUuMiAwLjggNi44IDIuMyAxLjYgMS41IDIuMyAzLjYgMi4zIDYuMyAwIDIuNC0wLjYgNC4zLTEuOCA2LTEuMiAxLjYtMy4xIDIuNS01LjYgMi41aC00MS43Yy0yLjggMC01LTEtNi42LTMtMS42LTItMi40LTQuMy0yLjQtNyAwLTEuNyAwLjUtNCAxLjUtNi45IDEtMi45IDIuMS01LjEgMy4zLTYuNyA1LTYuNiA5LjYtMTIuMyAxMy42LTE3LjEgNC00LjcgNi45LTcuOCA4LjctOS4zIDMuMS0yLjggNS43LTUuNiA3LjctOC40IDIuMS0yLjggMy42LTUuNyA0LjctOC43IDEuMS0zIDEuNi01LjkgMS42LTguNyAwLTMuMS0wLjYtNS44LTEuNy04LjMtMS4yLTIuNC0yLjctNC4zLTQuNy01LjctMi0xLjMtNC4xLTItNi41LTItNSAwLTguOCAyLjgtMTEuNyA4LjMtMC40IDAuNy0xIDIuNy0xLjkgNS45LTAuOSAzLjItMS45IDUuNy0zIDcuNC0xLjEgMS43LTIuOCAyLjYtNC45IDIuNi0xLjkgMC0zLjUtMC44LTQuNy0yLjQtMS4yLTEuNi0xLjktMy43LTEuOS02LjUgMC0zLjMgMC42LTYuOCAxLjgtMTAuNCAxLjItMy42IDIuOS02LjkgNS4yLTkuOCAyLjMtMi45IDUuMy01LjMgOC44LTcuMSAzLjYtMS44IDcuOC0yLjcgMTIuNi0yLjcgNS44IDAgMTAuNyAxLjIgMTQuOCAzLjUgMi42IDEuNSA1IDMuNyA3IDYuMyAyIDIuNyAzLjYgNS44IDQuNyA5LjMgMS4xIDMuNSAxLjcgNy4yIDEuNyAxMSAwIDYtMS4yIDExLjQtMy41IDE2LjNzLTQuNyA4LjctNy4xIDExLjVjLTIuNCAyLjgtNi41IDcuMS0xMi4yIDEzLTUuNyA1LjktOS42IDEwLjUtMTEuNyAxMy44LTAuOSAxLjQtMS45IDIuOS0yLjggNC43eiIgZmlsbD0iIzFBMUExQSIvPgoNPC9nPgoNPC9zdmc+");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

#my-tab-course{
	border: 0;
	gap: 7.5px;
	margin-bottom: 0.5rem;
}
#my-tab-course .nav-link{
	border: 0px;
	min-width: 168px;
}
#my-tab-course .nav-link.active,#my-tab-course .nav-link:hover{
	color: var(--bs-primary);
	background-color: transparent;
	border: 0px;
	border-bottom: 2px solid var(--bs-primary);
}
ul.list-none{
	list-style: none;
}

/* popup redeem Point */
.popup-redeem {
	width: 338px !important; /* กำหนดความกว้าง */
	padding-bottom: 0;
}
.popup-redeem .swal2-actions{
	box-shadow: 0px 1px 0px 0px #E5E7EB inset;
	width: 100%;
}
.popup-redeem button.swal2-styled {
	width: 50%;
	margin: 0;
	background: transparent !important;
}
.popup-redeem .swal2-cancel{
	color: #8C8C8C;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.popup-redeem .swal2-confirm{
	color: var(--bs-primary);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.popup-redeem .swal2-html-container{
	padding-top: 44px;
}
.popup-redeem .img-fluid{
	margin-bottom: 17px;
}
.popup-redeem .text-pop-point-head{
	color:  #262626;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px; 
	margin-bottom: 8px;
}
.popup-redeem .text-pop-point-sub{
	color:  #8C8C8C;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px; /* 157.143% */
	margin-bottom: 26px;
}

a.nav-link.invite-friend-label{
	color: var(--bs-primary) !important;
}

.invite-friend-icon path{
	stroke: var(--bs-primary);
}
.box-lang-profile{
	display: flex;
	gap: 3px;
	align-items: center;
	border: solid 1px var(--bs-primary);
	color: var(--bs-primary);
	height: fit-content;
	padding: 5px 8px;
	border-radius: 5rem;
}
.box-lang-profile:hover{
	color: var(--bs-primary);
}