@font-face {
	font-family: AnuphanRegular;
	src: url(../assets/fonts/prompt/PromptRegular.eot);
	src: url(../assets/fonts/prompt/PromptRegular.eot) format("embedded-opentype"), url(../assets/fonts/prompt/PromptRegular.woff2) format("woff2"), url(../assets/fonts/prompt/PromptRegular.woff) format("woff"), url(../assets/fonts/prompt/PromptRegular.ttf) format("truetype"), url(../assets/fonts/prompt/PromptRegular.svg#PromptRegular) format("svg")
}

@font-face {
	font-family: AnuphanRegular;
	src: url(../assets/fonts/Anuphan/AnuphanRegular.eot);
	src: url(../assets/fonts/Anuphan/AnuphanRegular.eot) format("embedded-opentype"), url(../assets/fonts/Anuphan/AnuphanRegular.woff2) format("woff2"), url(../assets/fonts/Anuphan/AnuphanRegular.woff) format("woff"), url(../assets/fonts/Anuphan/AnuphanRegular.ttf) format("truetype"), url(../assets/fonts/Anuphan/AnuphanRegular.svg#AnuphanRegular) format("svg")
}

footer {
	background-color: #1a3a1c;
	color: #fff
}

footer .btn-primary {
	background-color: #3e6a22;
	border-color: #3e6a22
}

footer .text-body-secondary {
	color: #fff !important
}

footer.footer-front {
	background-color: rgba(77, 87, 118, .467);
	padding: 30px 30px 0
}

footer.footer-front .logo-footer {
	display: block;
	margin: auto auto 30px;
	width: 120px
}

footer.footer-front span {
	font-size: 20px
}

body {
	background-color: #f2f5fa;
	padding-right: 10px
}

main {
	min-height: 670px
}

.text-Ocean-Deep {
	color: #1a3a1c !important
}

.bg-Ocean-Deep {
	background-color: #1a3a1c !important
}

.border-Ocean-Deep {
	border: 1px solid #1a3a1c !important
}

.text-Ocean {
	color: #345336 !important
}

.bg-Ocean {
	background-color: #345336 !important
}

.border-Ocean-Deep {
	border: 1px solid #345336 !important
}

.text-Ocean-Surface {
	color: #c0d8c2 !important
}

.bg-Ocean-Surface {
	background-color: #c0d8c2 !important
}

.border-Ocean-Surface {
	border: 1px solid #c0d8c2 !important
}

.text-Sparkling-Ocean {
	color: #dae4db !important
}

.bg-Sparkling-Ocean {
	background-color: #dae4db !important
}

.border-Sparkling-Ocean {
	border: 1px solid #dae4db !important
}

.text-River-Deep {
	color: #185b18 !important
}

.bg-River-Deep {
	background-color: #185b18 !important
}

.border-River-Deep {
	border: 1px solid #185b18 !important
}

.text-River {
	color: #c9e3c9 !important
}

.bg-River {
	background-color: #c9e3c9 !important
}

.border-River {
	border: 1px solid #c9e3c9 !important
}

.text-River-Surface {
	color: #e6f2e6 !important
}

.bg-River-Surface {
	background-color: #e6f2e6 !important
}

.border-River-Surface {
	border: 1px solid #e6f2e6 !important
}

.text-Shine-Deep {
	color: #f7c932 !important
}

.bg-Shine-Deep {
	background-color: #f7c932 !important
}

.border-Shine-Deep {
	border: 1px solid #f7c932 !important
}

.text-Shine {
	color: #f6da7a !important
}

.bg-Shine {
	background-color: #f6da7a !important
}

.border-Shine {
	border: 1px solid #f6da7a !important
}

.text-Sparkle {
	color: #fcf0c8 !important
}

.bg-Sparkle {
	background-color: #fcf0c8 !important
}

.border-Sparkle {
	border: 1px solid #fcf0c8 !important
}

.text-Avocado {
	color: #3e6a22 !important
}

.bg-Avocado {
	background-color: #3e6a22 !important
}

.border-Avocado {
	border: 1px solid #3e6a22 !important
}

.text-Avocado-Slad {
	color: #bce5c6 !important
}

.bg-Avocado-Slad {
	background-color: #bce5c6 !important
}

.border-Avocado-Slad {
	border: 1px solid #bce5c6 !important
}

.text-Avocado-Peel {
	color: #d9ecc9 !important
}

.bg-Avocado-Peel {
	background-color: #d9ecc9 !important
}

.border-Avocado-Peel {
	border: 1px solid #d9ecc9 !important
}

.text-Avocado-Pulp {
	color: #e2f2e6 !important
}

.bg-Avocado-Pulp {
	background-color: #e2f2e6 !important
}

.border-Avocado-Pulp {
	border: 1px solid #e2f2e6 !important
}

.text-Jackfruit {
	color: #ff9d00 !important
}

.bg-Jackfruit {
	background-color: #ff9d00 !important
}

.border-Jackfruit {
	border: 1px solid #ff9d00 !important
}

.text-Jackfruit-Pulp {
	color: #fff2ce !important
}

.bg-Jackfruit-Pulp {
	background-color: #fff2ce !important
}

.border-Jackfruit-Pulp {
	border: 1px solid #fff2ce !important
}

.text-Watermelon {
	color: #e03434 !important
}

.bg-Watermelon {
	background-color: #e03434 !important
}

.border-Watermelon {
	border: 1px solid #e03434 !important
}

.text-Watermelon-Slad {
	color: #f1b3b3 !important
}

.bg-Watermelon-Slad {
	background-color: #f1b3b3 !important
}

.border-Watermelon-Slad {
	border: 1px solid #f1b3b3 !important
}

.text-Watermelon-Pulp {
	color: #f9d6d6 !important
}

.bg-Watermelon-Pulp {
	background-color: #f9d6d6 !important
}

.border-Watermelon-Pulp {
	border: 1px solid #f9d6d6 !important
}

.text-Chokeberry {
	color: #0785ec !important
}

.bg-Chokeberry {
	background-color: #0785ec !important
}

.border-Chokeberry {
	border: 1px solid #0785ec !important
}

.text-Chokeberry-Slad {
	color: #a1d1f9 !important
}

.bg-Chokeberry-Slad {
	background-color: #a1d1f9 !important
}

.border-Chokeberry-Slad {
	border: 1px solid #a1d1f9 !important
}

.text-Chokeberry-Peel {
	color: #d1e6ff !important
}

.bg-Chokeberry-Peel {
	background-color: #d1e6ff !important
}

.border-Chokeberry-Peel {
	border: 1px solid #d1e6ff !important
}

.text-Dusk {
	color: #242a38 !important
}

.bg-Dusk {
	background-color: #242a38 !important
}

.border-Dusk {
	border: 1px solid #242a38 !important
}

.text-Dusk-20 {
	color: rgba(36, 42, 56, .2) !important
}

.bg-Dusk-20 {
	background-color: rgba(36, 42, 56, .2) !important
}

.border-Dusk-20 {
	border: 1px solid rgba(36, 42, 56, .2) !important
}

.text-Smoke {
	color: #5a6573 !important
}

.bg-Smoke {
	background-color: #5a6573 !important
}

.border-Smoke {
	border: 1px solid #5a6573 !important
}

.text-Ashes {
	color: #99a5b1 !important
}

.bg-Ashes {
	background-color: #99a5b1 !important
}

.border-Ashes {
	border: 1px solid #99a5b1 !important
}

.text-Ashes-20 {
	color: rgba(153, 165, 177, .2) !important
}

.bg-Ashes-20 {
	background-color: rgba(153, 165, 177, .2) !important
}

.border-Ashes-20 {
	border: 1px solid rgba(153, 165, 177, .2) !important
}

.text-Vapor {
	color: #d0d9e5 !important
}

.bg-Vapor {
	background-color: #d0d9e5 !important
}

.border-Vapor {
	border: 1px solid #d0d9e5 !important
}

.notification {
	color: #f0da14;
	display: inline-block;
	position: relative
}

.notification .badge {
	background-color: #c12424;
	border-radius: 50%;
	color: #fff;
	padding: 5px 8px;
	position: absolute;
	right: -10px;
	top: -9px
}

.btn-round {
	border-radius: 25px;
	padding: 6px 35px
}

.btn-add {
	background-color: #34bfa3;
	color: #fff;
	margin-top: 30px
}

.btn-add:hover {
	background-color: #2b9e87;
	color: #fff
}

.btn-test {
	background-color: #1a3a1c;
	color: #fff;
	margin-top: 30px
}

.btn-test:hover {
	background-color: #2b9e87;
	color: #fff
}

.btn-cancel {
	background-color: #ff4a4a;
	color: #fff;
	margin-top: 30px
}

.btn-cancel:hover {
	background-color: #c12424;
	color: #fff
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000
}

.main-title {
	color: #345336
}

.head-page {
	margin-top: 20px
}

.layout {
	margin-left: 280px;
	margin-right: 10px
}

.card-content {
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
	margin-top: 15px;
	padding: 20px
}

.card-result {
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, .3);
	margin-top: 30px;
	padding: 0
}

.code {
	margin-top: 7px
}

@media (max-width:768px) {
	.code {
		margin-right: 30px
	}
}

.btn-primary {
	background-color: #345336;
	border-color: #345336
}

.btn-primary:hover {
	background-color: #2b83ea;
	border-color: #2b83ea
}

.btn-secondary {
	background-color: #3e6a22;
	border-color: #3e6a22;
	color: #495057
}

.head-table {
	background-color: #1a3a1c;
	color: #fff
}

.second-table {
	background-color: #cfe2ff;
	color: #495057
}

table tr th {
	text-align: center
}

tbody,
td,
tfoot,
th,
thead,
tr {
	vertical-align: middle
}

.btn-table {
	display: flex;
	gap: .5rem !important;
	justify-content: flex-end !important;
	padding-right: 10px
}

.btn-active {
	border: none;
	border-radius: 50px;
	color: #fff;
	padding: 1px 6px
}

.view {
	background-color: #5bc0de
}

.edit {
	background-color: #f19520
}

.remove {
	background-color: #cb001a
}

.bg-gray-content {
	background-color: #bce5c6;
	border: 1px solid #3e6a22;
	border-radius: 20px;
	margin-bottom: 1.5rem;
	padding: 25px
}

ul.add-event {
	list-style-type: none
}

ul.add-event li {
	display: block
}

ul.add-event li span {
	float: left;
	margin-left: 10px
}

.input-mb {
	margin-bottom: 1rem !important
}

ul.v_menu {
	list-style: none;
	margin: 0 0 20px;
	padding: 0
}

ul.v_menu li {
	display: inline-block;
	margin-bottom: 5px;
	padding: 10px 0;
	text-align: center
}

ul.v_menu li span {
	color: #1a3a1c
}

ul.v_menu li a {
	background-color: #d5ebff;
	color: #495057;
	line-height: 20px;
	padding: 10px 20px;
	text-decoration: none
}

ul.v_menu li a:hover {
	background-color: #1a3a1c;
	color: #fff
}

ul.v_menu li a:hover span {
	color: #fff
}

ul.v_menu a.active {
	background-color: #1a3a1c;
	color: #fff;
	line-height: 20px;
	padding: 10px 20px
}

ul.v_menu a.active span {
	color: #fff
}

.btn-total {
	display: flex;
	gap: .5rem !important;
	justify-content: center !important
}

ul li.menu-card {
	background-color: #ffffff00 !important;
	border-radius: 15px !important;
	display: inline-block;
	margin: 0 5px 8px 0 !important;
	padding: 4px 8px !important;
}

/*# sourceMappingURL=main.css.map */