/* Style Variables */
:root{ --lh:1.6; --fw:400; --bradius:.25rem; }


/* Reset */
html, body{
	padding:0; margin:0; font-family:'Sarabun', sans-serif;
	font-size:16px; font-weight:var(--fw); line-height:var(--lh);
	/* overflow-x:hidden; overflow-y:auto; */
}
body.loading{height:100dvh!important; overflow:hidden!important;}

*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}

a, .a{color:inherit; transition:opacity .25s, color .25s;}
a, a:hover{text-decoration:none;}
a.link{text-decoration:underline; font-weight:400;}
button{cursor:pointer;}

img.img{display:block; width:100%; height:auto;}
.fit{position:absolute; top:0; bottom:0; left:0; right:0;}
.img-fill{background-size:cover; background-position:center; background-repeat:no-repeat;}

input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=time],
select, textarea, button{font-family:'Sarabun', sans-serif;}
select{-webkit-appearance:none;}
textarea{display:block;}


/* Section & Container */
.section-padding{padding:4.5rem 0;}
.container{width:1140px; margin-left:auto; margin-right:auto;}
@media screen and (max-width:1199.98px){
	.section-padding{padding:4.25rem 0;}
	.container{width:960px;}
}
@media screen and (max-width:991.98px){
	.section-padding{padding:4rem 0;}
	.container{width:720px;}
}
@media screen and (max-width:767.98px){
	.section-padding{padding:3.5rem 0;}
	.container{width:540px;}
}
@media screen and (max-width:575.98px){
	.section-padding{padding:3rem 0;}
	.container{width:calc(100% - 30px);}
}

/* App Container */
.app-container{
	position:relative; display:block; width:100%; min-height:100dvh;
	padding:5.25rem 1rem 4.5rem 16rem; transition:padding .45s;
}
.app-container.full{padding:5.25rem 1rem 4.5rem 1rem;}
.app-container > .bg-img{
	position:absolute; top:4.25rem; bottom:3.5rem; left:15rem; right:0;
	background-size:cover!important; background-position:center!important;
	background-repeat:no-repeat!important;
}
@media screen and (max-width:1199.98px){
  .app-container, .app-container.full{padding:5.25rem 1rem 4.5rem 1rem;}
	.app-container > .bg-img{top:4.25rem; bottom:3.5rem; left:0; right:0;}
}

/* App Card */
.app-card{width:100%; border-radius:var(--bradius); padding:1rem; margin:0;}
.app-card .app-card-block{width:100%; padding:1rem; margin:0;}
@media screen and (min-width:768px){
	.app-card-sticky{position:sticky; top:5.25rem;}
}


/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p,
label, li{margin:0; font-weight:var(--fw); line-height:var(--lh);}
h3, .h3{font-size:2rem;}
h4, .h4{font-size:1.75rem;}
h5, .h5{font-size:1.5rem;}
h6, .h6{font-size:1.25rem;}
p.lg, .p.lg, label.lg, li.lg{font-size:1.125rem;}
p, .p, label, li{font-size:1rem;}
p.sm, .p.sm, label.sm, li.sm{font-size:.9375rem;}
p.xs, .p.xs, label.xs, li.xs{font-size:.875rem;}
p.xxs, .p.xxs, label.xxs, li.xxs{font-size:.8125rem;}
p.xxxs, .p.xxxs, label.xxxs, li.xxxs{font-size:.75rem;}
p.xxxxs, .p.xxxxs, label.xxxxs, li.xxxxs{font-size:.6875rem;}
@media screen and (max-width:1199.98px){
	h3, .h3{font-size:1.9375rem;}
  h4, .h4{font-size:1.6875rem;}
	h5, .h5{font-size:1.4375rem;}
}
@media screen and (max-width:991.98px){
	h3, .h3{font-size:1.875rem;}
  h4, .h4{font-size:1.625rem;}
	h5, .h5{font-size:1.375rem;}
}
@media screen and (max-width:767.98px){
	h3, .h3{font-size:1.75rem;}
  h4, .h4{font-size:1.5rem;}
	h5, .h5{font-size:1.3125rem;}
	h6, .h6{font-size:1.1875rem;}
	p.lg, .p.lg, label.lg, li.lg{font-size:1.0625rem;}
}
@media screen and (max-width:575.98px){
	h3, .h3{font-size:1.6875rem;}
  h4, .h4{font-size:1.4375rem;}
	h5, .h5{font-size:1.25rem;}
	h6, .h6{font-size:1.125rem;}
}


/* Ordered List & Unordered List */
ol, ul{padding:0 0 0 1.25rem; margin:.375rem 0 0 .25rem;}
ol li, ul li{padding:0 0 0 .125rem; margin:.25rem 0 0 0;}
ul{list-style:disc;}
ol{list-style:none; counter-reset:item;}
ol > li{position:relative;}
ol > li:before{
	content:counters(item, '.') ' '; counter-increment:item;
	position:absolute; top:0; left:-1.25rem;
}


/* Button */
.btns{display:flex; flex-wrap:wrap; width:calc(100% + .375rem); margin:.625rem -.375rem 0 0;}
.btn.btn-action{
	position:relative; display:inline-block; min-width:7rem; text-align:center;
	font-size:.9375rem; font-weight:500; line-height:var(--lh); border-radius:var(--bradius);
  padding:.34375rem 1rem; margin:0; box-shadow:none; cursor:pointer;
  white-space:nowrap; border:.125rem solid transparent; transition:all .25s;
}
.btns > .btn.btn-action{margin:.375rem .375rem 0 0;}
.btns.mt-0 > .btn.btn-action{margin:0 .375rem 0 0;}
.btn.btn-action:hover{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.05);}
.btn.btn-action:active{box-shadow:inset 0 0 0 100rem rgba(0,0,0,.1);}

.btn.btn-action.btn-lg{font-size:1rem; padding:.5rem 1rem; min-width:8rem;}
.btn.btn-action.btn-sm{font-size:.875rem; padding:.31rem 1rem; min-width:5.75rem;}
.btn.btn-action.btn-xs{font-size:.8125rem; padding:.25rem .75rem; min-width:5rem;}
.btn.btn-action.btn-xxs{font-size:.75rem; padding:.125rem .5rem; min-width:0;}
.btn.btn-action.btn-xxxs{font-size:.8125rem; padding:0 .25rem; min-width:0; line-height:1.3;}

.btn.btn-icon{
	position:relative; display:inline-block; width:1.625rem; height:1.625rem;
	text-align:center; line-height:1.5625rem; border-radius:50%; cursor:pointer;
	font-size:1.0625rem; border:0; padding:0; transition:color .25s, background .25s;
}
.btns > .btn.btn-icon{margin:.375rem .375rem 0 0;}
.btn.btn-icon.btn-sm{width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:.875rem;}
.btn.btn-icon.btn-xs{width:1.375rem; height:1.375rem; line-height:1.375rem; font-size:.8125rem;}


/* Input */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], input[type=time],
input[type=color], select, textarea{
  width:100%; border:1.5px solid transparent; border-radius:var(--bradius);
  padding:.375rem .625rem; font-size:.9375rem; margin:0; outline:none;
  font-weight:var(--fw); line-height:var(--lh); box-shadow:none;
  transition:border-color .25s, color .25s;
}
input[type=time]{padding:.3125rem .625rem;}
input[type=color]{padding:0 .125rem; height:2.375rem;}
/* select{padding:.475rem .375rem;} */

input[type=text].lg, input[type=email].lg, input[type=password].lg, input[type=date].lg,
input[type=tel].lg, input[type=number].lg, input[type=phone].lg, input[type=submit].lg,
input[type=file].lg, input[type=time].lg, select.lg, textarea.lg{
	padding:.525rem .75rem; font-size:1rem;
}
input[type=time].lg{padding:.463rem .75rem;}
/* select.lg{padding:.625rem .5rem;} */

input[type=text].sm, input[type=email].sm, input[type=password].sm, input[type=date].sm,
input[type=tel].sm, input[type=number].sm, input[type=phone].sm, input[type=submit].sm,
input[type=file].sm, input[type=time].sm, select.sm, textarea.sm{
	padding:.3125rem .5rem; font-size:.875rem;
}
input[type=time].sm{padding:.275rem .5rem;}
/* select.sm{padding:.4125rem .25rem;} */

input[type=text].disabled, input[type=email].disabled, input[type=password].disabled,
input[type=date].disabled, input[type=tel].disabled, input[type=number].disabled,
input[type=phone].disabled, input[type=submit].disabled, input[type=file].disabled,
input[type=time].disabled, select.disabled, textarea.disabled{pointer-events:none!important;}


/* Input Icon */
.input-icon{position:relative;}
.input-icon > .icon-wrapper{
	position:absolute; top:0; bottom:0; right:0; display:flex; align-items:center;
	padding:.25rem .5625rem; font-size:1rem; border:0; background:transparent;
	box-shadow:none; opacity:.25; transition:opacity .25s, color .25s;
}
.input-icon > input{padding-right:2.25rem!important; text-overflow:ellipsis!important;}
.input-icon > .icon-wrapper:hover{opacity:1;}
.input-icon .icon-popup{
	position:absolute; bottom:calc(100% - .125rem); left:50%; pointer-events:none; z-index:1;
	font-size:.875rem; font-weight:400; border-radius:var(--bradius);
	opacity:0; transform:translateX(-50%); transition:bottom .25s, opacity .25s;
}
.input-icon .icon-popup.active{bottom:calc(100% + .125rem); opacity:1;}
.input-icon .icon-popup > .wrapper{position:relative; width:100%; padding:.375rem .75rem;}
.input-icon .icon-popup > .wrapper::after{
	content:''; position:absolute; top:100%; left:calc(50% - .375rem);
	width:.75rem; height:.375rem; clip-path:polygon(0 0,100% 0,50% 100%);
}


/* Input Phone */
.input-phone{position:relative; cursor:pointer;}
.input-phone.disabled{cursor:unset;}
.input-phone *{pointer-events:none!important;}


/* Form Group */
.form-control{display:block; width:100%;}
.form-control > label{display:block; width:100%; font-size:.9375rem; margin:0 0 .25rem 0;}


/* Alert Popup */
.alert-popup{
	position:fixed; top:.75rem; right:-1rem; opacity:0; z-index:99;
	pointer-events:none; transition:right .6s, opacity .6s;
}
.alert-popup.active{right:.75rem; opacity:1;}
.alert-popup > .wrapper{
	position:relative; display:flex; align-items:flex-start; width:17rem;
	border-radius:var(--bradius); color:#ffffff; background:transparent;
	padding:1rem 1rem .75rem 1rem; transition:background .25s;
}
.alert-popup .icon{display:block; width:1.75rem; margin:0 .75rem 0 0;}
.alert-popup .icon img{display:block; width:100%; height:auto;}
.alert-popup .text-container{width:100%;}
.alert-popup .icon + .text-container{width:calc(100% - 2.25rem);}
.alert-popup h6{font-size:1.0625rem; font-weight:500; margin:0; color:#ffffff;}
.alert-popup p{font-size:.9375rem; font-weight:400; margin:.125rem 0 0 0; color:#ffffff;}
.alert-popup ul{margin:.125rem 0 0 0; padding:0 0 0 1.25rem; list-style:disc;}
.alert-popup ul li{font-size:.9375rem; font-weight:400; margin:.1875rem 0 0 0;}

/* Avatar */
.avatar{
	position:relative; display:flex; align-items:center; justify-content:center;
	width:2.75rem; height:2.75rem; border-radius:50%;
	overflow:hidden; border:1px solid transparent;
}
.avatar.xxl{width:7.5rem; height:7.5rem;}
.avatar.xl{width:4rem; height:4rem;}
.avatar.lg{width:3rem; height:3rem;}
.avatar.md{width:2.75rem; height:2.75rem;}
.avatar.sm{width:2.4375rem; height:2.4375rem;}
.avatar.xs{width:2.125rem; height:2.125rem;}
.avatar > .avatar-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	background-position:center; background-repeat:no-repeat;
}
.avatar > img{
	display:block; width:auto; max-width:calc(100% - .5rem);
	height:auto; max-height:calc(100% - .5rem);;
}

/* Avatar Profile */
.avatar-profile{width:100%; display:flex; align-items:center;}
.avatar-profile .avatar-img{position:relative; width:9rem;}
.avatar-profile .avatar-img > .tag{
	position:absolute; top:0; left:0; padding:.125rem .375rem .1875rem .375rem;
	font-size:.8125rem; font-weight:600; overflow:hidden;
}
.avatar-profile .avatar-img > .tag-icon{position:absolute; top:0; left:0; overflow:hidden;}
.avatar-profile .avatar-img > .tag-icon img{
	display:block; width:auto; max-width:3.5rem; height:auto; max-height:3.5rem;
}
.avatar-profile .avatar-desc{width:calc(100% - 9rem);}
@media screen and (max-width:575.98px){
	.avatar-profile{flex-wrap:wrap;}
	.avatar-profile .avatar-img{width:100%;}
	.avatar-profile .avatar-desc{width:100%; margin:1rem 0 0 0;}
}

/* Avatar Uploader */
.avatar-uploader{width:100%; height:100%; display:flex; align-items:flex-end;}
.avatar-uploader > .wrapper{width:100%; display:flex; align-items:center;}
.avatar-uploader .avatar-option{max-width:calc(100% - 2.75rem); padding:0 0 0 .75rem;}
.avatar-uploader .avatar-btn{position:relative;}
.avatar-uploader .avatar-btn input[type=file]{
	position:absolute; top:-2px; bottom:-2px; left:-2px; right:-2px;
	opacity:0; cursor:pointer; margin:0;
}


/* Breadcrumb */
.breadcrumb{
	width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.breadcrumb .title{text-transform:capitalize;}
.breadcrumb .structure{display:flex; align-items:center; font-size:.875rem; font-weight:400;}
@media screen and (max-width:767.98px){
	.breadcrumb .structure{width:100%;;}
}


/* Checkbox Tag */
fieldset{width:100%; padding:0; margin:0; border:0;}
.checkbox-tags{
	position:relative; display:flex; flex-wrap:wrap; overflow:hidden;
	width:calc(100% + .25rem); margin:-.25rem -.25rem 0 0; padding:.0625rem 0 0 0;
}
.checkbox-tags > .checkbox-tag{position:relative; overflow:hidden; margin:.25rem .25rem 0 0;}
.checkbox-tags > .checkbox-tag > input{position:absolute; pointer-events:none; opacity:0;}
.checkbox-tags > .checkbox-tag > label, .checkbox-tags > .checkbox-tag > p{
	display:block; width:100%; padding:.125rem .5rem; text-align:center; min-width:4rem;
	border-radius:var(--bradius); font-size:.8125rem; font-weight:500;
	transition:background .25s, color.25s;
}
.checkbox-tags > .checkbox-tag.xs > label, .checkbox-tags > .checkbox-tag.xs > p{
	padding:.125rem .5rem; min-width:0; font-size:.75rem;
}
.checkbox-tags > .checkbox-tag > input + label{cursor:pointer;}


/* Hamburger */
.hamburger{cursor:pointer;}
.hamburger > *{width:2rem; height:.14rem; transition:all .5s;}
.hamburger > *:nth-child(2){margin:.375rem 0;}
.hamburger.active > *:nth-child(1){
	-webkit-transform:rotate(-45deg)translate(-.375rem, .375rem);
	transform:rotate(-45deg)translate(-.375rem, .375rem);
}
.hamburger.active > *:nth-child(2){opacity:0;}
.hamburger.active > *:nth-child(3){
	-webkit-transform:rotate(45deg)translate(-.375rem,-.375rem);
	transform:rotate(45deg)translate(-.375rem, -.375rem);
}


/* Icon Class Selector */
.icon-class-selector{
	display:flex; flex-wrap:wrap; width:calc(100% + .125rem); margin:-.125rem -.125rem 0 0;
}
.icon-class-selector .icon{
	position:relative; display:flex; align-items:center; justify-content:center;
	width:2.5rem; height:2.5rem; border:1px solid transparent; border-radius:var(--bradius);
	cursor:pointer; margin:.125rem .125rem 0 0; font-size:1.125rem;
	transition:border-color .25s, color .25s;
}
.icon-class-selector.disabled .icon{cursor:unset;}
.icon-class-selector .icon::before{
	content:''; position:absolute; top:0; bottom:0; left:0; right:0;
	opacity:0; transition:opacity .25s;
}
.icon-class-selector .icon.active::before{opacity:.1;}


/* Image Uploader */
.img-uploader{
	position:relative; display:flex; width:100%; min-height:calc(8rem + 3px);
	border:1.5px dashed transparent; border-radius:var(--bradius);
	transition:border-color .25s, color .25s;
}
.img-uploader > .scroll-wrapper{
	position:relative; display:block; max-width:calc(100% - 8rem);
	padding:.5rem 0; overflow-y:hidden; overflow-x:auto;
}
.img-uploader.single > .scroll-wrapper{max-width:100%;}
.img-uploader.view > .scroll-wrapper{max-width:100%; padding-right:.5rem;}
.img-uploader > .scroll-wrapper > .inner-wrapper{
	position:absolute; top:.5rem; left:0; display:flex;
}
.img-uploader > .btn-wrapper{padding:.5rem 0 .5rem .5rem; border-radius:var(--bradius);}
.img-uploader .img-block{
	display:block; position:relative; min-width:7rem; max-width:7rem; height:7rem;
	border:1px solid transparent; border-radius:var(--bradius); overflow:hidden;
	margin:0 .5rem 0 0; transition:all .25s;
}
.img-uploader > .scroll-wrapper .img-block:first-child{margin-left:.5rem;}
.img-uploader > .scroll-wrapper .img-block:last-child{margin-right:0;}
.img-uploader .img-block.btn-upload{
	display:flex; justify-content:center; align-items:center; font-size:1.5rem; cursor:pointer;
}
.img-uploader .img-block.btn-upload input[type=file]{
	position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; 
}
.img-uploader .img-block .img-container{
	position:relative; display:flex; align-items:center; justify-content:center;
	width:100%; height:4.1875rem; border-radius:var(--bradius) var(--bradius) 0 0; overflow:hidden;
}
.img-uploader .img-block .img-container > .img-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	background-position:center; background-repeat:no-repeat;
}
.img-uploader .img-block .img-container > img{
	display:block; width:auto; max-width:calc(100% - .5rem);
	height:auto; max-height:calc(100% - .5rem);
}
.img-uploader .img-block .video-container{
	position:relative; display:flex; align-items:center; justify-content:center;
	width:calc(4.1875rem * 100 / 56); height:4.1875rem; overflow:hidden;
	border-radius:var(--bradius) var(--bradius) 0 0;
}
.img-uploader .img-block .video-container > video{
	position:absolute; top:0; bottom:0; left:0; right:0;
	display:block; width:100%; height:100%;
}
.img-uploader .img-block .img-desc{
	width:100%; padding:.0625rem .375rem; border-top:1px solid transparent;
}
.img-uploader .img-block .img-desc .text{
	display:block; width:100%; display:-webkit-box; text-overflow:ellipsis;
	overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.img-uploader .img-block .btn-prev, .img-uploader .img-block .btn-next,
.img-uploader .img-block .btn-delete{
	position:absolute; top:0; right:0; font-size:1rem;
	display:flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem;
	border:1.5px solid transparent; border-radius:var(--bradius); cursor:pointer;
	transition:background .25s, color .25s, border-color .25s;
}
.img-uploader .img-block .btn-prev,
.img-uploader .img-block .btn-next{top:unset; height:1rem; font-size:.75rem;}
.img-uploader .img-block .btn-prev{
	bottom:3.6875rem; border-radius:var(--bradius) var(--bradius) 0 0;
}
.img-uploader .img-block .btn-next{
	bottom:2.6875rem; border-radius:0 0 var(--bradius) var(--bradius); border-top:0;
}
.img-uploader .img-block .btn-prev.disabled,
.img-uploader .img-block .btn-next.disabled{filter:grayscale(100%); opacity:.5;}
.img-uploader .info{position:absolute; top:0; right:.25rem;}


/* Map Container */
.map-container{
	position:relative; display:block; width:100%; height:23rem;
	overflow:hidden; border-radius:var(--bradius);
}
.map-container > .wrapper{display:block; width:100%; height:100%;}
.map-container .btn-container{position:absolute; top:.5rem; left:.5rem; z-index:1;}
@media screen and (max-width:991.98px){
	.map-container{height:21rem;}
}
@media screen and (max-width:767.98px){
	.map-container{height:19rem;}
}
@media screen and (max-width:575.98px){
	.map-container{height:17rem;}
}

/* Map Marker */
.map-marker{
	position:absolute; user-select:none; transform:translate(-50%, -100%);
	pointer-events:none;
}
.map-marker:hover{z-index:1;}
.map-marker > .wrapper{position:relative;}
.map-marker .pin > img{
	display:block; width:2.5rem; height:auto; pointer-events:auto; opacity:0;
}
.map-marker .pin > svg{
	position:absolute; bottom:0; left:-1.25rem; pointer-events:auto;
	display:block; transform-origin:bottom center; transform:scale(.6);
}
.map-marker .pin > .icon{
	position:absolute; bottom:1.125rem; left:.1875rem;
	display:block; width:2.3125rem; height:2.3125rem; border-radius:50%;
	background-size:cover; background-position:center;
}
@media screen and (max-width:575.98px){
	.map-marker .pin > img{width:2.25rem;}
	.map-marker .pin > svg{left:-1.4375rem;  transform:scale(.5);}
}


/* Mapbox Container */
.mapbox-container{display:block; width:100%; height:32rem;}
.mapbox-container *{
	user-select:none; -webkit-user-select:none; -moz-user-select:none;
	-khtml-user-select:none; -ms-user-select:none;
}
.mapbox-container > .wrapper{
	position:relative; width:100%; height:100%; border-radius:var(--bradius); overflow:hidden;
}
.mapbox-container .map{position:relative; display:block; width:100%; height:100%; z-index:1;}

.mapbox-container .options{
	position:absolute; top:.25rem; right:.25rem; display:flex; z-index:5;
	padding:.25rem; border-radius:var(--bradius);
}
.mapbox-container .options > .option{
	display:flex; align-items:center; justify-content:center; border-radius:var(--bradius);
	margin:0; cursor:pointer; padding:.125rem; min-width:3.5rem;
	transition:color .25s, background .25s;
}
.mapbox-container .icon-options{
	position:absolute; top:2.875rem; right:.25rem; z-index:5;
	padding:.25rem; border-radius:var(--bradius);
}
.mapbox-container .icon-options > .icon-option{
	display:flex; align-items:center; justify-content:center; width:1.75rem; height:2rem;
	border-radius:var(--bradius); margin:0; cursor:pointer; font-size:.9375rem;
	transition:color .25s, background .25s, opacity .25s;
}
.mapbox-container .icon-options > .icon-option.inactive{opacity:.2;}

.mapbox-container .info{
	position:absolute; bottom:.25rem; left:.25rem; right:.25rem; z-index:10;
	border-radius:var(--bradius); display:flex; align-items:center; justify-content:center;
	padding:.25rem .5rem; height:4rem; text-align:center; pointer-events:none;
	opacity:0; transition:opacity .25s;
}
.mapbox-container .info.active{opacity:1;}
.mapbox-container .info.active .btn{pointer-events:auto;}

.mapbox-container .panel{
	position:absolute; top:0; bottom:0; left:0; padding:.25rem; pointer-events:none; z-index:5;
}
.mapbox-container .panel > .panel-toggle{
	position:absolute; left:.25rem; display:flex; align-items:center; justify-content:center;
	width:4rem; height:4rem; padding:0 .25rem .125rem .25rem; border-radius:var(--bradius); z-index:7;
	text-align:center; cursor:pointer; pointer-events:auto; transition:background .25s, color .25s;
}
.mapbox-container .panel.order-01 > .panel-toggle{top:.25rem;}
.mapbox-container .panel.order-02 > .panel-toggle{top:4.5rem;}
.mapbox-container .panel.order-03 > .panel-toggle{top:8.75rem;}
.mapbox-container .panel.order-04 > .panel-toggle{top:13rem;}
.mapbox-container .panel > .panel-toggle .icon{font-size:1.125rem;}
.mapbox-container .panel > .panel-container{
	position:relative; display:block; margin:0 0 0 4.25rem; border-radius:var(--bradius);
	width:18rem; height:100%; overflow:hidden; opacity:0; transform:translateX(-2rem);
	z-index:6; transition:opacity .3s, transform .3s;
}
.mapbox-container .panel.active > .panel-container{
	pointer-events:auto; opacity:1; transform:translateX(0);
}
.mapbox-container .panel > .panel-container > .header{
	position:relative; display:flex; align-items:center; justify-content:space-between;
	height:3rem; padding:.25rem .5rem; border-bottom:1px solid transparent;
}
.mapbox-container .panel > .panel-container > .body{
	position:relative; display:block; width:100%; height:calc(100% - 3rem);
	overflow-x:hidden; overflow-y:auto;
}

.mapbox-container .location-row{
	position:relative; display:block; width:100%; border-bottom:1px solid transparent;
}
.mapbox-container .location-row:last-child{border-bottom:0;}
.mapbox-container .location-row > .wrapper{
	position:relative; display:flex; width:100%; padding:.5rem; cursor:pointer;
}
.mapbox-container .location-row .img-wrapper{
	position:relative; display:block; width:4.5rem; height:4.5rem;
	border-radius:var(--bradius); overflow:hidden;
}
.mapbox-container .location-row .img-wrapper > .img-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	background-position:center;
}
.mapbox-container .location-row .text-wrapper{width:calc(100% - 4.5rem); padding:0 0 0 .5rem;}
.mapbox-container .location-row .option-filter{
	position:absolute; top:.5rem; left:.5rem; width:1.5rem; height:1.5rem;
	display:flex; align-items:center; justify-content:center; cursor:pointer;
	border-radius:var(--bradius); font-size:.625rem; transition:background .25s, color .25s;
}
.mapbox-container .location-row .option-filter > .icon{
	position:absolute; width:100%; height:100%; display:flex; align-items:center;
	justify-content:center; transition:opacity .25s;
}
.mapbox-container .location-row .option-filter > .icon.inactive{opacity:0;}
.mapbox-container .location-row .option-filter.inactive > .icon{opacity:0;}
.mapbox-container .location-row .option-filter.inactive > .icon.inactive{opacity:1;}

.mapbox-container .mapbox-marker{position:relative; display:block; width:0; right:0;}
.mapbox-container .mapbox-marker::before{
	content:''; position:absolute; bottom:0; left:-1.25rem; width:2.5rem; height:2.5rem;
	cursor:pointer; background-repeat:no-repeat; background-size:contain;
	background-position:bottom center;
}
.mapbox-container .mapbox-marker.shop-active::before{background-image:url('../../../img/default/pin-shop-active.png');}
.mapbox-container .mapbox-marker.shop-inactive::before{background-image:url('../../../img/default/pin-shop-inactive.png');}
.mapbox-container .mapbox-marker.warehouse-active::before{background-image:url('../../../img/default/pin-warehouse-active.png');}
.mapbox-container .mapbox-marker.warehouse-inactive::before{background-image:url('../../../img/default/pin-warehouse-inactive.png');}

.mapbox-container .mapbox-logistic{position:relative; display:block; width:0; right:0;}
.mapbox-container .mapbox-logistic > .wrapper{
	position:absolute; display:flex; align-items:center; height:1.25rem;
	transform:translate(-50%, -.625rem); border-radius:var(--bradius) 0 0 var(--bradius);
}
.mapbox-container .mapbox-logistic > .wrapper > img{display:block; height:100%; width:auto;}
.mapbox-container .mapbox-logistic > .wrapper::after{
	content:''; position:absolute; top:0; bottom:0; left:100%;
	width:.5rem; clip-path:polygon(0 0, 100% 50%, 0 100%);
}

.mapbox-container .mapboxgl-popup-content{border-radius:var(--bradius);}
.mapbox-container .mapboxgl-popup{max-width:30rem!important;}
.mapbox-container .mapboxgl-popup-close-button{
	transform-origin:top right; transform:scale(1.3); transition:background .25s;
}
.mapbox-container .mapbox-popup *{font-family:'Sarabun', sans-serif;}
.mapbox-container .mapbox-popup{border-radius:var(--bradius); overflow:hidden;}
.mapbox-container .mapbox-popup > .wrapper{position:relative; display:block;}
.mapbox-container .mapbox-popup .content-wrapper{display:flex; margin:.5rem 0 0 0;}
.mapbox-container .mapbox-popup .img-wrapper{
	position:relative; display:block; width:6.5rem; border-radius:var(--bradius); overflow:hidden;
}
.mapbox-container .mapbox-popup .img-wrapper > .img-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	background-position:center;
}
.mapbox-container .mapbox-popup .text-wrapper{width:calc(100% - 6.5rem); padding:0 0 0 .75rem;}


/* Paginate */
.paginate{display:flex; align-items:center; justify-content:center; margin:-.25rem -.5rem 0 0;}
.paginate > .page-set{
	display:flex; align-items:center; justify-content:center; margin:.25rem .5rem 0 0;
	border-radius:var(--bradius);
}
.paginate .page{
	display:flex; align-items:center; justify-content:center; min-width:2.25rem; height:2.25rem;
	font-size:.9375rem; font-weight:500; cursor:pointer; border:1px solid transparent;
	margin:0 0 0 -1px; padding:0 .35rem; transition:color .25s, background .25s, opacity .25s;
}
.paginate .page:first-child{border-radius:var(--bradius) 0 0 var(--bradius);}
.paginate .page:last-child{border-radius:0 var(--bradius) var(--bradius) 0;}
.paginate .page:first-child:last-child{border-radius:var(--bradius);}
.paginate .page > em{font-size:.75rem;}
.paginate .page.active{pointer-events:none!important;}
.paginate .page.disabled{pointer-events:none!important; opacity:.4;}
.paginate .page.page-dots{pointer-events:none!important; letter-spacing:.05rem;}
@media screen and (max-width:767.98px){
	.paginate .page.hide-xs{display:none!important;}
	.paginate .page.single-xs{border-radius:var(--bradius);}
	.paginate .page{min-width:2.125rem; height:2.25rem;}
}


/* PDF Viewer */
iframe.pdf-viewer{
	display:block; width:100%; height:100%; outline:none; border:0; box-shadow:none;
}


/* Package Container */
.package-container{
	position:relative; display:block; width:100%; padding:70% 0 0 0;
	border-radius:var(--bradius); overflow:hidden;
}
.package-container.dialog-full{height:calc(100dvh - 16rem); padding:0;}
.package-container > .wrapper{position:absolute; top:0; bottom:0; left:0; right:0;}
.package-container .inner-wrapper{position:relative; display:block; width:100%; height:100%;}
.package-container canvas{z-index:0!important;}
.package-container .package-detail{
	position:absolute; top:0; right:0; width:100%; max-width:17rem; overflow:hidden; z-index:1;
	border-radius:0 0 var(--bradius) var(--bradius);
}
.package-container .package-detail > .wrapper{position:relative; padding:.75rem 1rem;}
.package-scroll{
	display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	overflow-x:hidden; overflow-y:auto;
}
@media screen and (max-width:767.98px){
	.package-container.dialog-full{height:calc(100dvh - 23rem);}
	.package-scroll{position:relative; max-height:8rem;}
}


/* Scrollbar */
::-webkit-scrollbar{width:7px; border-radius:.25rem;}
::-webkit-scrollbar-thumb{border-radius:.25rem;}
::-webkit-scrollbar:horizontal{height:7px;}


/* Signature */
.signature-box{display:flex; justify-content:center;}
.signature-box > .wrapper{position:relative; display:block; overflow:hidden; background:#ffffff;}
.signature-box .option{position:absolute; top:0; left:0; color:#141414;}
.signature-box .option.right{left:unset; right:0;}
.signature-box img.signature{display:block; width:100%; height:auto;}


/* Special Card */
.ss-card{display:block; position:relative; width:100%;}
.ss-card .text-container{width:100%;}
.ss-card .title, .ss-card .desc, .ss-card .desc-sm{
	display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
	-webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.ss-card .desc{-webkit-line-clamp:3;}
.ss-card .desc-sm{-webkit-line-clamp:2;}
.ss-card .card-footer{position:absolute; bottom:0; left:0; right:0;}
.ss-card .card-footer > .wrapper{
	display:flex; align-items:center; justify-content:space-between;
	width:100%; padding:1rem .5rem .5rem 1rem;
}
.ss-card .card-stats{display:flex; align-items:center;}
.ss-card .card-stat{
	padding:0 .5rem; border-right:1px solid transparent;
	text-align:center; font-weight:400;
}
.ss-card .card-stat:last-child{border-right:0;}
.ss-card .card-stat .icon{font-size:1rem; line-height:1rem; margin:0 0 .0625rem 0;}

/* Special Card 01 */
.ss-card-01{display:block; overflow:hidden; border-radius:var(--bradius);}
.ss-card-01 > .text-wrapper{padding:1rem;}

/* Special Card 02 */
.ss-card-02{display:flex; padding:1rem; border-bottom:1px solid transparent;}
.ss-card-02 > .img-wrapper{
	display:flex; align-items:center; justify-content:center; width:4.5rem; height:4.5rem;
	border:1px solid transparent; border-radius:var(--bradius); overflow:hidden;
}
.ss-card-02 > .img-wrapper img{
	display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.ss-card-02 > .text-wrapper{width:calc(100% - 4.5rem); padding:0 0 0 1rem;}
.ss-card-02.sm > .img-wrapper{width:3.5rem; height:3.5rem;}
.ss-card-02.sm > .text-wrapper{width:calc(100% - 3.5rem); padding:0 0 0 .75rem;}


/* Special Editor */
.ss-editor .rdw-editor-toolbar{margin:0; border-radius:var(--bradius) var(--bradius) 0 0;}
.ss-editor.disabled .rdw-editor-toolbar{display:none!important;}
.ss-editor .rdw-option-wrapper{
	display:flex; align-items:center; justify-content:center;
	width:1.75rem; height:1.75rem; margin:0; 
}
.ss-editor .rdw-editor-toolbar > *{margin:0 .5rem .5rem 0;}
.ss-editor .rdw-editor-toolbar .rdw-dropdown-wrapper{margin:0;}
.ss-editor .rdw-editor-toolbar > * > .rdw-option-wrapper{border-radius:0;}
.ss-editor .rdw-editor-toolbar > * > .rdw-option-wrapper:first-child{
	border-top-left-radius:var(--bradius); border-bottom-left-radius:var(--bradius);
}
.ss-editor .rdw-editor-toolbar > * > .rdw-option-wrapper:last-child{
	border-top-right-radius:var(--bradius); border-bottom-right-radius:var(--bradius);
}
.ss-editor .rdw-editor-toolbar > * > .rdw-option-wrapper:not(:first-child){border-left:0;}
.ss-editor .rdw-option-wrapper, .ss-editor .rdw-dropdown-wrapper,
.ss-editor .rdw-dropdown-optionwrapper{border-radius:var(--bradius); transition:all .25s;}
.ss-editor .rdw-colorpicker-modal-options{overflow-x:hidden; overflow-y:auto;}
.ss-editor .rdw-colorpicker-modal-options .rdw-option-wrapper{box-shadow:none;}
.ss-editor .public-DraftStyleDefault-block{margin:0;}
.ss-editor .rdw-editor-main{
	min-height:14rem; max-height:20rem; overflow-x:hidden; overflow-y:auto;
	padding:.625rem; border:1px solid transparent; border-radius:0 0 var(--bradius) var(--bradius);
}
.ss-editor:not(.disabled) .rdw-editor-main{border-top:0;}
.ss-editor.disabled .rdw-editor-main{border-radius:var(--bradius);}
.ss-editor .rdw-option-wrapper, .ss-editor .rdw-dropdown-wrapper,
.ss-editor .rdw-dropdown-optionwrapper{border-radius:var(--bradius);}
.ss-editor .rdw-dropdown-optionwrapper{
	border:1px solid transparent; margin:4px 0 0 0; box-shadow:none!important;
}
.ss-editor .rdw-dropdownoption-default,
.ss-editor .rdw-dropdownoption-active{transition:background .25s, color .25s;}
.ss-editor .rdw-link-modal{height:auto;}


/* Special Filter Box */
.ss-filter-box{display:block; position:relative; width:100%; z-index:3;}
.ss-filter-box > .wrapper{
	position:absolute; top:100%; left:-1rem; right:-1rem; padding:0 1rem 1rem 1rem; z-index:1;
	border-radius:var(--bradius); opacity:0; pointer-events:none; transition:opacity .25s;
}
.ss-filter-box.active > .wrapper{opacity:1; pointer-events:auto;}
@media screen and (max-width:767.98px){
	.ss-filter-box > .wrapper{
		display:none; position:relative; top:unset; left:unset; right:unset; padding:0; opacity:1;
		pointer-events:auto; background:none!important; box-shadow:none!important;
	}
	.ss-filter-box.active > .wrapper{display:block;}
}


/* Special Image */
.ss-img{display:block; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden;}
.ss-img.horizontal{padding:50% 0 0 0;}
.ss-img.horizontal-02{padding:66% 0 0 0;}
.ss-img.square{padding:100% 0 0 0;}
.ss-img.vertical{padding:125% 0 0 0;}
.ss-img.adaptive{padding:0; height:100%;}

.ss-img > .img-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	display:flex; align-items:center; justify-content:center;
	background-position:center; background-repeat:no-repeat; transition:transform .3s;
}
.ss-img:hover > .img-bg, .ss-card:hover .ss-img > .img-bg{transform:scale(1.1);}
.ss-img.no-hover > .img-bg, .ss-card.no-hover .ss-img > .img-bg{transform:none;}

.ss-img > .img-bg > .img-content{
	display:block; width:auto; max-width:calc(100% - .5rem);
	height:auto; max-height:calc(100% - .5rem);
}

.ss-img .hover-container{
	position:absolute; top:0; bottom:0; left:0; right:0; opacity:0;
	display:flex; justify-content:center; align-items:center; transition:opacity .25s;
}
.ss-img .hover-container.bg-transparent{background:transparent!important;}
.ss-img:hover .hover-container, .ss-card:hover .ss-img .hover-container{opacity:1;}
.ss-img .hover-container .icon{
	display:flex; align-items:center; justify-content:center; width:4rem; height:4rem;
	border-radius:50%; font-size:3rem;
}

.ss-img > .tag{position:absolute; top:.25rem; right:.25rem;}

.ss-img > .wrapper{position:absolute; top:0; left:0; width:100%; height:100%;}
.ss-img > .wrapper > img{
	display:block; width:auto; max-width:calc(100% - 1rem);
	height:auto; max-height:calc(100% - 1rem);
}

@media screen and (max-width:575.98px){
	.ss-img.adaptive{padding:60% 0 0 0; height:unset;}
}


/* Special Select Box */
.ss-select-box{
	display:block; position:relative; width:100%; padding:.75rem 2.25rem .75rem .75rem;
	border-radius:var(--bradius); border:1px solid transparent; cursor:pointer;
	transition:background .25s, border-color .25s;
}
.ss-select-box.disabled{pointer-events:none!important; cursor:not-allowed;}
.ss-select-box.no-icon{padding:.75rem;}
.ss-select-box .desc{
	display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
	-webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.ss-select-box .icon{
	position:absolute; top:0; bottom:0; right:1rem; display:flex; align-items:center;
	font-size:.875rem;
}
.ss-select-box > .wrapper{width:100%; display:flex;}
.ss-select-box .icon-wrapper{position:relative; width:3.5rem; height:3.5rem; overflow:hidden;}
.ss-select-box .text-wrapper{display:block; width:calc(100% - 3.5rem); padding:0 0 0 1rem;}
.ss-select-box .icon-wrapper .img-bg{
	position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
	background-position:center; background-repeat:no-repeat;
}
.ss-select-box .icon-wrapper img{
	display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.ss-select-box .icon-wrapper.icon-lg{width:4.125rem; height:4.125rem;}
.ss-select-box .icon-wrapper.icon-lg + .text-wrapper{width:calc(100% - 4.125rem);}
.ss-select-box .icon-wrapper.icon-sm{width:2rem; height:2rem;}
.ss-select-box .icon-wrapper.icon-sm + .text-wrapper{width:calc(100% - 2rem);}
.ss-select-box .tag{
	position:absolute; top:.25rem; left:.25rem; border-radius:var(--bradius); z-index:1;
	padding:.1875rem .5rem .25rem .5rem; font-size:.75rem; font-weight:400;
}


/* Specia Separation */
.ss-sep-01{display:block; width:100%; height:.0625rem;}
.ss-sep-02{display:block; width:100%; max-width:4rem; height:.125rem;}


/* Special Tag */
.ss-tag{
	display:inline-block; padding:.125rem .625rem; font-size:.75rem; font-weight:500;
	text-align:center; border-radius:1000em; white-space:nowrap;
}
.ss-tag.sm{padding:.125rem .5rem; font-size:.6875rem;}


/* Table */
table.table{width:100%; border-spacing:0;}
table.table th{border:1px solid transparent; border-left:0;}
table.table th:first-child{border-left:1px solid transparent;}
table.table td{
	border-right:1px solid transparent; border-bottom:1px solid transparent;
	transition:background .25s;
}
table.table td:first-child{border-left:1px solid transparent;}
table.table > *:first-child > *:first-child > td{border-top:1px solid transparent;}
table.table > *:first-child > *:first-child > *:first-child{border-top-left-radius:var(--bradius);}
table.table > *:first-child > *:first-child > *:last-child{border-top-right-radius:var(--bradius);}
table.table > *:last-child > *:last-child > *:first-child{border-bottom-left-radius:var(--bradius);}
table.table > *:last-child > *:last-child > *:last-child{border-bottom-right-radius:var(--bradius);}
table.table th, table.table td{
	text-align:left; font-size:.9375rem; font-weight:400; padding:.625rem .75rem;
}
table.table th{font-weight:700; white-space:nowrap;}
table.table .table-option{
	position:relative; display:inline-block; font-size:1rem; cursor:pointer; margin:0 .25rem;
}
table.table .table-option.lg{font-size:1.125rem;}
table.table .table-img{display:flex; align-items:center; justify-content:center;}
table.table .table-img img{
	display:block; width:auto; max-width:6.5rem; height:auto; max-height:4rem;
	border-radius:var(--bradius);
}
table.table .table-img.sm img{max-width:4.5rem; max-height:3rem;}
table.table .table-video{
	display:block; position:relative; border-radius:var(--bradius); overflow:hidden;
	width:6.5rem; height:calc(6.5rem * 56 / 100);
}
table.table .table-video.sm{width:4.5rem; height:calc(4.5rem * 56 / 100);}
table.table .table-video > video{
	position:absolute; top:0; bottom:0; left:0; right:0;
	display:block; width:100%; height:100%;
}
table.table .table-checkbox{font-size:.9375rem; width:.9375rem; height:.9375rem; margin:0;}

table.table > tbody > tr{transition:opacity .25s;}
table.table.loading > tbody > tr{pointer-events:none; opacity:.3;}

table.table.sticky-header{position:relative;}
table.table.sticky-header > thead:first-child > tr:first-child > th{
	position:sticky; top:0; z-index:1;
}
table.table.sticky-leading{position:relative;}
table.table.sticky-leading > * > tr > th:first-child,
table.table.sticky-leading > * > tr > td:first-child{position:sticky; left:0; z-index:1;}
table.table.sticky-leading.sticky-header > * > tr > th:first-child{z-index:2!important;}
table.table.sticky-tail{position:relative;}
table.table.sticky-tail > * > tr > th:last-child,
table.table.sticky-tail > * > tr > td:last-child{
	position:sticky; right:0; border:0; border-left:1px solid transparent;
}
table.table.sticky-tail > * > tr > th:last-child::after,
table.table.sticky-tail > * > tr > td:last-child::after{
	content:''; position:absolute; top:-1px; left:0; right:0; height:1px;
}
table.table.sticky-tail > * > tr > th:nth-last-child(2),
table.table.sticky-tail > * > tr > td:nth-last-child(2){border-right:0;}

/* Table Wrapper */
.table-wrapper{
	width:100%; overflow-x:auto; overflow-y:hidden;
	border-radius:var(--bradius); border:1px solid transparent;
}
.table-wrapper.scrollable{overflow-y:auto; max-height:25rem;}
.table-wrapper.scrollable-lg{overflow-y:auto; max-height:calc(100dvh - 16rem);}
.table-wrapper > table.table > *:first-child > *:first-child > th,
.table-wrapper > table.table > *:first-child > *:first-child > td{border-top:0!important;}
.table-wrapper > table.table > *:last-child > *:last-child > th,
.table-wrapper > table.table > *:last-child > *:last-child > td{border-bottom:0!important;}
.table-wrapper > table.table > * > * > th:first-child,
.table-wrapper > table.table > * > * > td:first-child{border-left:0!important;}
.table-wrapper > table.table > * > * > th:last-child,
.table-wrapper > table.table > * > * > td:last-child{border-right:0!important;}

/* Table Footer */
.table-footer{
	width:100%; display:flex; align-items:center; justify-content:space-between;
	flex-wrap:wrap; padding:.5rem 0 0 0; margin:0;
}
.table-footer .option{display:flex; align-items:center; padding:.5rem 0 0 0; margin:0;}
.table-footer .option.option-detail{margin:0 auto 0 1rem;}
@media screen and (max-width:767.98px){
	.table-footer .option.option-detail{margin:0 0 0 auto;}
	.table-footer .option.option-paginate{width:100%; justify-content:center;}
}

/* Table Process */
.table-process{
	display:flex; align-items:center; justify-content:center;
	width:100%; min-height:11rem; text-align:center;
}
.table-process .icon{
	display:flex; align-items:center; justify-content:center; width:3rem; height:3rem;
	border-radius:50%; margin:0 auto; font-size:1.125rem;
}


/* Video Container */
.video-container{
	display:block; position:relative; width:100%; padding:56.25% 0 0 0;
	border-radius:var(--bradius); overflow:hidden;
}
.video-container > .wrapper{
  display:block; position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden;
}
.video-container video, .video-container .youtube-video,
.video-container iframe{display:block; width:100%; height:100%; border:0;}


/* Fix External Libraries */
.camera-container{width:100%; display:block; position:relative;}
.camera-container > button.btn.btn-action{
	position:absolute; top:.5rem; right:.5rem;
}
.react-html5-camera-photo{overflow:hidden;}
.react-html5-camera-photo > .display-error{width:100%!important; padding:1rem 0;}
.react-html5-camera-photo > .display-error > h1{font-size:1.75rem; line-height:1.4;}
.react-html5-camera-photo > .display-error ~ *{display:none!important;}
.react-html5-camera-photo > img{
	position:absolute!important; top:.5rem; left:.5rem; width:calc(100% - 1rem)!important; z-index:2;
}
.camera-container.freeze > .react-html5-camera-photo > img{display:block!important;}
.react-html5-camera-photo > #white-flash{pointer-events:none; z-index:3;}
.react-html5-camera-photo > video{
	position:relative; display:block!important;
	width:calc(100% - 1rem)!important; margin:.5rem;
}
.react-html5-camera-photo #container-circles, .react-html5-camera-photo #outer-circle{
	position:relative; top:unset; bottom:unset; left:unset; right:unset;
}
.react-html5-camera-photo #container-circles{
	display:flex; justify-content:center; width:100%; padding:.5rem 0 1rem 0;
}


/* Spacing */
.p-0{padding:0!important;}
.p-1{padding:.25rem!important;} .p-2{padding:.5rem!important;}
.p-3{padding:.75rem!important;} .p-4{padding:1rem!important;}
.p-5{padding:1.25rem!important;} .p-6{padding:1.5rem!important;}
.pt-0{padding-top:0!important;}
.pt-1{padding-top:.25rem!important;} .pt-2{padding-top:.5rem!important;} 
.pt-3{padding-top:.75rem!important;} .pt-4{padding-top:1rem!important;}
.pt-5{padding-top:1.25rem!important;} .pt-6{padding-top:1.5rem!important;}
.pr-0{padding-right:0!important;}
.pr-1{padding-right:.25rem!important;} .pr-2{padding-right:.5rem!important;} 
.pr-3{padding-right:.75rem!important;} .pr-4{padding-right:1rem!important;}
.pr-5{padding-right:1.25rem!important;} .pr-6{padding-right:1.5rem!important;}
.pb-0{padding-bottom:0!important;}
.pb-1{padding-bottom:.25rem!important;} .pb-2{padding-bottom:.5rem!important;}
.pb-3{padding-bottom:.75rem!important;} .pb-4{padding-bottom:1rem!important;}
.pb-5{padding-bottom:1.25rem!important;} .pb-6{padding-bottom:1.5rem!important;}
.pl-0{padding-left:0!important;}
.pl-1{padding-left:.25rem!important;} .pl-2{padding-left:.5rem!important;}
.pl-3{padding-left:.75rem!important;} .pl-4{padding-left:1rem!important;}
.pl-5{padding-left:1.25rem!important;} .pl-6{padding-left:1.5rem!important;}

.m-0{margin:0!important;} .m-auto{margin-left:auto!important; margin-right:auto!important;}
.m-1{margin:.25rem!important;} .m-2{margin:.5rem!important;}
.m-3{margin:.75rem!important;} .m-4{margin:1rem!important;}
.m-5{margin:1.25rem!important;} .m-6{margin:1.5rem!important;}
.mt-0{margin-top:0!important;}
.mt-1{margin-top:.25rem!important;} .mt-2{margin-top:.5rem!important;}
.mt-3{margin-top:.75rem!important;} .mt-4{margin-top:1rem!important;}
.mt-5{margin-top:1.25rem!important;} .mt-6{margin-top:1.5rem!important;}
.mr-0{margin-right:0!important;} .mr-auto{margin-right:auto!important;}
.mr-1{margin-right:.25rem!important;} .mr-2{margin-right:.5rem!important;}
.mr-3{margin-right:.75rem!important;} .mr-4{margin-right:1rem!important;}
.mr-5{margin-right:1.25rem!important;} .mr-6{margin-right:1.5rem!important;}
.mb-0{margin-bottom:0!important;}
.mb-1{margin-bottom:.25rem!important;} .mb-2{margin-bottom:.5rem!important;}
.mb-3{margin-bottom:.75rem!important;} .mb-4{margin-bottom:1rem!important;}
.mb-5{margin-bottom:1.25rem!important;} .mb-6{margin-bottom:1.5rem!important;}
.ml-0{margin-left:0!important;} .ml-auto{margin-left:auto!important;}
.ml-1{margin-left:.25rem!important;} .ml-2{margin-left:.5rem!important;}
.ml-3{margin-left:.75rem!important;} .ml-4{margin-left:1rem!important;}
.ml-5{margin-left:1.25rem!important;} .ml-6{margin-left:1.5rem!important;}


/* Utility */
.fw-100{font-weight:100!important;}
.fw-200{font-weight:200!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.fw-800{font-weight:800!important;}
.fw-900{font-weight:900!important;}

.lh-xl{line-height:calc(var(--lh) * 1.3);}
.lh-lg{line-height:calc(var(--lh) * 1.2);}
.lh-md{line-height:calc(var(--lh) * 1.1);}
.lh-nm{line-height:calc(var(--lh) * 1.0);}
.lh-sm{line-height:calc(var(--lh) * 0.9);}
.lh-xs{line-height:calc(var(--lh) * 0.8);}
.lh-xxs{line-height:calc(var(--lh) * 0.7);}

.text-sm{font-size:90%;}
.text-xs{font-size:80%;}

.ls-0{letter-spacing:0!important;}
.ls-1{letter-spacing:.0625rem!important;}
.ls-2{letter-spacing:.125rem!important;}
.ls-3{letter-spacing:.1875rem!important;}
.ls-4{letter-spacing:.25rem!important;}

.op-0, .h-op-0:hover{opacity:0!important;}
.op-10, .h-op-10:hover{opacity:.1!important;}
.op-20, .h-op-20:hover{opacity:.2!important;}
.op-30, .h-op-30:hover{opacity:.3!important;}
.op-40, .h-op-40:hover{opacity:.4!important;}
.op-50, .h-op-50:hover{opacity:.5!important;}
.op-60, .h-op-60:hover{opacity:.6!important;}
.op-70, .h-op-70:hover{opacity:.7!important;}
.op-80, .h-op-80:hover{opacity:.8!important;}
.op-90, .h-op-90:hover{opacity:.9!important;}
.op-100, .h-op-100:hover{opacity:1!important;}

.pos-relative{position:relative!important;}
.pos-absolute{position:absolute!important;}

.d-block{display:block!important;}
.d-flex{display:flex!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-none{display:none!important;}

.jc-start{justify-content:flex-start!important;}
.jc-center{justify-content:center!important;}
.jc-end{justify-content:flex-end!important;}
.jc-space-between{justify-content:space-between!important;}
.jc-space-evenly{justify-content:space-evenly!important;}
.ai-center{align-items:center!important;}
.ai-start{align-items:flex-start!important;}
.ai-end{align-items:flex-end!important;}
.ai-unset{align-items:unset!important;}
.fw-wrap{flex-wrap:wrap!important;}
.fw-unset{flex-wrap:unset!important;}

.w-auto{width:auto!important; min-width:0!important}
.w-full{width:100%!important; max-width:100%!important;}
.h-auto{height:auto!important; min-height:0!important;}
.h-full{height:100%!important; max-height:100%!important;}

.ws-nowrap{white-space:nowrap!important;}
.ws-normal{white-space:normal!important;}
.ws-pre-wrap, .ws-prewrap{white-space:pre-wrap!important;}

.pe-none{pointer-events:none!important;}
.pe-auto{pointer-events:auto!important;}

.c-pointer{cursor:pointer!important;}
.c-unset{cursor:unset!important;}

.border-0{border:0!important;}
.border-1{border:1px solid transparent!important;}
.border-2{border:2px solid transparent!important;}
.border-3{border:3px solid transparent!important;}
.border-4{border:4px solid transparent!important;}
.border-top-0{border-top:0px solid transparent!important;}
.border-top-1{border-top:1px solid transparent!important;}
.border-top-2{border-top:2px solid transparent!important;}
.border-top-3{border-top:3px solid transparent!important;}
.border-top-4{border-top:4px solid transparent!important;}
.border-bottom-0{border-bottom:0px solid transparent!important;}
.border-bottom-1{border-bottom:1px solid transparent!important;}
.border-bottom-2{border-bottom:2px solid transparent!important;}
.border-bottom-3{border-bottom:3px solid transparent!important;}
.border-bottom-4{border-bottom:4px solid transparent!important;}
.border-left-0{border-left:0px solid transparent!important;}
.border-left-1{border-left:1px solid transparent!important;}
.border-left-2{border-left:2px solid transparent!important;}
.border-left-3{border-left:3px solid transparent!important;}
.border-left-4{border-left:4px solid transparent!important;}
.border-right-0{border-right:0px solid transparent!important;}
.border-right-1{border-right:1px solid transparent!important;}
.border-right-2{border-right:2px solid transparent!important;}
.border-right-3{border-right:3px solid transparent!important;}
.border-right-4{border-right:4px solid transparent!important;}

.bradius{border-radius:var(--bradius)!important;}
.bradius-0{border-radius:0!important;}
.bradius-1{border-radius:4px!important;}
.bradius-2{border-radius:8px!important;}
.bradius-3{border-radius:12px!important;}
.bradius-4{border-radius:16px!important;}
.bradius-round{border-radius:1000em!important;}

.box-shadow, .bshadow{box-shadow:rgb(0 0 0 / 7%) 0px 10px 20px;}

.ovf-hidden{overflow:hidden!important;}
.ovf-x-auto{overflow-x:auto!important;}
.ovf-y-auto{overflow-y:auto!important;}
.ovf-visible{overflow:visible!important;}
.clear-both{clear:both!important;}

.va-top{vertical-align:top!important;}
.va-baseline, .va-bl{vertical-align:baseline!important;}

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}

.all-no-br > br{display:none;}
.all-hide{display:none!important;}
@media screen and (max-width:1199.98px){
	.lg-text-center{text-align:center!important;}
	.lg-text-left{text-align:left!important;}
	.lg-text-right{text-align:right!important;}
	
	.lg-jc-center{justify-content:center!important;}

	.lg-no-br > br{display:none;}
	.lg-hide{display:none!important;}
}
@media screen and (max-width:991.98px){
	.md-text-center{text-align:center!important;}
	.md-text-left{text-align:left!important;}
	.md-text-right{text-align:right!important;}
	
	.md-jc-center{justify-content:center!important;}

	.md-no-br > br{display:none;}
	.md-hide{display:none!important;}
}
@media screen and (max-width:767.98px){
	.sm-text-center{text-align:center!important;}
	.sm-text-left{text-align:left!important;}
	.sm-text-right{text-align:right!important;}
	
	.sm-jc-center{justify-content:center!important;}

	.sm-no-br > br{display:none;}
	.sm-hide{display:none!important;}
	
	.sm-ws-unset{white-space:unset!important;}
}
@media screen and (max-width:575.98px){
	.xs-text-center{text-align:center!important;}
	.xs-text-left{text-align:left!important;}
	.xs-text-right{text-align:right!important;}
	
	.xs-jc-center{justify-content:center!important;}

	.xs-no-br > br{display:none;}
	.xs-hide{display:none!important;}
	
	.xs-ws-unset{white-space:unset!important;}
}

/* Legacy */
#legacy{display:none; content:'theme-01';}