@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');


/* Style Variables */
:root{
  --font: 'Noto Sans Thai', 'Roboto', sans-serif;
  --lh: 1.5;
  --fw: 300;

  /* --color-p: #00aeef; */
  --color-p: #5a8dee;
  --color-s: #1b1264;

  --bradius: .5rem;
  --bshadow: 0 3px 6px rgba(0,0,0,.03);
  
  --toastify-color-info:#5a8dee!important;
  --toastify-color-success:#4ecc48!important;
  --toastify-color-warning:#ecb403!important;
  --toastify-color-error:#f5334f!important;
  --toastify-font-family:var(--font)!important;
  --toastify-toast-width:300px!important;
}


/* Reset */
html, body{
	padding:0; margin:0; font-family:var(--font); touch-action:pan-x pan-y;
	font-size:16px; font-weight:var(--fw); line-height:var(--lh);
}
*{
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;
	user-select:none; -webkit-user-select:none; -moz-user-select:none;
	-khtml-user-select:none; -ms-user-select:none;
}

a, .a{color:inherit; transition:all .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;}
.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{display:block; font-family:var(--font);}


/* Section & Container */
section{overflow:clip;}
.section-padding{padding:2.5rem 0;}
.section-padding.with-grids{padding:1.5rem 0 2.5rem 0;}
.container{width:1420px; margin-left:auto; margin-right:auto;}
@media screen and (max-width:1499.98px){
	.container{width:1320px;}
}
@media screen and (max-width:1399.98px){
	.container{width:1220px;}
}
@media screen and (max-width:1299.98px){
	.container{width:1120px;}
}
@media screen and (max-width:1199.98px){
	.container{width:912px;}
}
@media screen and (max-width:991.98px){
	.section-padding{padding:2rem 0;}
	.section-padding.with-grids{padding:1rem 0 2rem 0;}
	.container{width:720px;}
	.container.md-expand{width:100%;}
}
@media screen and (max-width:767.98px){
	.section-padding{padding:2rem 0;}
	.container{width:540px;}
	.container.sm-expand{width:100%;}
}
@media screen and (max-width:575.98px){
	.container{width:calc(100% - 30px);}
	.container.xs-expand{width:100%;}
}


/* 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);}
h2, .h2{font-size:2.5rem;}
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){
	h2, .h2{font-size:2.375rem;}
	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){
	h2, .h2{font-size:2.125rem;}
	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){
	h2, .h2{font-size:2rem;}
	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){
	h2, .h2{font-size:1.875rem;}
	h3, .h3{font-size:1.6875rem;}
  	h4, .h4{font-size:1.4375rem;}
	h5, .h5{font-size:1.25rem;}
	h6, .h6{font-size:1.125rem;}
}


/* Scrollbar */
::-webkit-scrollbar{width:7px; border-radius:.25rem;}
::-webkit-scrollbar-track{background:#dddddd;}
::-webkit-scrollbar-thumb{border-radius:.25rem; background:#999999;}
::-webkit-scrollbar-thumb:hover{background:#999999;}
::-webkit-scrollbar:horizontal{height:7px;}


/* App Container */
.app-container{
	position:relative; width:100%; min-height:calc(100dvh - 4.5rem);
	overflow:clip; padding:0 0 3.5rem 0;
}
@media screen and (max-width:991.98px){
	.app-container{min-height:calc(100dvh - 10.5rem);}
}
@media screen and (max-width:767.98px){
	.app-container{min-height:calc(100dvh - 10rem);}
}

/* App Card */
.app-card{
	width:100%; border-radius:var(--bradius); padding:1rem; margin:0;
	background:#ffffff; box-shadow:var(--bshadow); border:1px solid #f4f4f4;
}
.app-card .app-card-block{width:100%; padding:1rem; margin:0;}


/* Avatar */
.avatar{display:block; position:relative; width:2rem; height:2rem;}
.avatar.md{width:2.125rem; height:2.125rem;}
.avatar.lg{width:2.25rem; height:2.25rem;}
.avatar > .img-bg{
  position:absolute; width:100%; height:100%; background-size:cover; background-position:center;
}


/* Hamburger */
.hamburger{cursor:pointer;}
.hamburger > *{width:2rem; height:.14rem; background:#444444; 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);
}


/* Info Dots */
.info-dots{display:flex; flex-wrap:wrap; margin:-.5rem -1rem 0 0; width:calc(100% + 1rem);}
.info-dots .info-dot{display:flex; align-items:center; padding:.5rem 1rem 0 0;}
.info-dots .info-dot .dot{
	display:block; width:1rem; height:1rem; border-radius:50%; margin:0 .5rem 0 0;
}


/* Page Name */
.page-name{position:relative; display:block; width:100%;}
.page-name > .wrapper{display:flex; align-items:center; justify-content:space-between;}
.page-name .options{max-width:55%;}
@media screen and (max-width:991.98px){
	.page-name.hide-tablet, .page-name .hide-tablet{display:none!important;}
}
@media screen and (max-width:575.98px){
	.page-name > .wrapper{display:block;}
	.page-name .title{padding:0!important;}
	.page-name .options{width:100%; max-width:22rem; margin:.25rem 0 0 0;}
	.page-name .options .MuiInputBase-root.MuiOutlinedInput-root{width:100%;}
}
@media screen and (min-width:992px){
	.page-name.show-tablet, .page-name .show-tablet{display:none!important;}
}


/* Special Box */
.ss-box{display:block; width:100%; max-width:61rem; margin:0 auto;}
.ss-box.md{max-width:70rem;}
.ss-box.sm{max-width:54rem;}
.ss-box.xs{max-width:38rem;}
.ss-box.xxs{max-width:30rem;}
.ss-box .box-btns{display:flex;}
@media screen and (max-width:991.98px){
	.ss-box .hide-tablet{display:none!important;}
}
@media screen and (max-width:767.98px){
	.ss-box .hide-mobile{display:none!important;}
}
@media screen and (min-width:768px){
	.ss-box .show-mobile{display:none!important;}
}
@media screen and (min-width:992px){
	.ss-box .show-tablet{display:none!important;}
}


/* 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.square{padding:100% 0 0 0;}
.ss-img.vertical{padding:125% 0 0 0;}
.ss-img.adaptive{padding:0; height:100%;}
@media screen and (max-width:575.98px){
	.ss-img.adaptive{padding:60% 0 0 0; height:unset;}
}

.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 .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;
}


/* Special Card */
.ss-card{display:block; position:relative; width:100%;}
.ss-card .text-container{width:100%;}
.ss-card .title{
	display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
	-webkit-box-orient:vertical; -webkit-line-clamp:2;
}
.ss-card .desc{
	display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
	-webkit-box-orient:vertical; -webkit-line-clamp:3;
}
.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 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;
	background:#ffffff; border-color:#cccccc; color:#000000;
}
.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{font-weight:400; margin:0 0 6px 0;}
.ss-editor .rdw-editor-main{
	min-height:13rem; max-height:13rem; 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); background:#f4f4f4!important; color:#555555!important;
}
.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;}

.ss-editor .rdw-editor-toolbar, 
.ss-editor .rdw-editor-main{border-color:#cccccc!important;}


/* Special Tag */
.ss-tag{
	position:relative; display:inline-block; padding:.25rem .625rem .1875rem .625rem;
	white-space:nowrap; font-size:.8125rem; font-weight:500; text-align:center;
	border-radius:var(--bradius); color:#ffffff;
}
.ss-tag.sm{padding:.1875rem .375rem .0625rem .375rem; font-size:.75rem; font-weight:600;}
.ss-tag::before{
	content:''; position:absolute; top:0; bottom:0; left:0; right:0;
	border-radius:var(--bradius); background:#ffffff; opacity:.1;
}

.ss-tag.bg-p{color:var(--color-p); background:transparent!important;}
.ss-tag.bg-p::before{background:var(--color-p); opacity:.15;}
.ss-tag.bg-s{color:var(--color-s); background:transparent!important;}
.ss-tag.bg-s::before{background:var(--color-s); opacity:.15;}
.ss-tag.bg-info{color:#5a8dee; background:transparent!important;}
.ss-tag.bg-info::before{background:#5a8dee; opacity:.15;}
.ss-tag.bg-success{color:#4ecc48; background:transparent!important;}
.ss-tag.bg-success::before{background:#4ecc48; opacity:.15;}
.ss-tag.bg-warning{color:#ecb403; background:transparent!important;}
.ss-tag.bg-warning::before{background:#ecb403; opacity:.15;}
.ss-tag.bg-danger{color:#f5334f; background:transparent!important;}
.ss-tag.bg-danger::before{background:#f5334f; opacity:.15;}


/* Table */
table.table{width:100%; border-spacing: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 > *: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:1rem; font-weight:400; padding:.625rem .75rem;
	background:#ffffff; color:#141414; border-color:#e1e0ea!important;
}
table.table th{
	font-weight:700; white-space:nowrap; text-align:center;
	border:1px solid transparent; border-left:0; /* background:#f4f3f9; */
	background:var(--color-s); color:#ffffff;
}
table.table .table-option{font-size:1rem; cursor:pointer; margin:0 .1875rem;}
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.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;}

table.table .float-text{position:relative; width:100%; overflow:hidden;}
table.table .float-text .floating{
	position:absolute; top:0; left:0; width:1000px; height:100%;
}

@media screen and (max-width:991.98px){
	table.table .hide-tablet{display:none!important;}
	table.table th.hide-tablet:first-child + th,
	table.table td.hide-tablet:first-child + td{border-left:1px solid transparent;}
}
@media screen and (max-width:767.98px){
	table.table .hide-mobile{display:none!important;}
	table.table th.hide-mobile:first-child + th,
	table.table td.hide-mobile:first-child + td{border-left:1px solid transparent;}
}
@media screen and (min-width:768px){
	table.table .show-mobile{display:none!important;}
}
@media screen and (min-width:992px){
	table.table .show-tablet{display:none!important;}
}

table.table td.th{background:#f4f3f9;}
table.table > tbody > tr:not(.no-hover):hover > td{background:#f9f9f9;}
table.table > tbody > tr.has-error > td{
  background:rgba(245,51,79,.2); border-left-color:rgba(245,51,79,.4)!important;
  border-right-color:rgba(245,51,79,.4)!important;
}

/* Table Wrapper */
.table-wrapper{width:100%; overflow-x:auto; overflow-y:hidden;}
.table-wrapper.scrollable{
	overflow-y:auto; max-height:25rem; border-top:1px solid transparent;
	border-bottom:1px solid transparent; border-color:#e1e0ea!important;
}
.table-wrapper.scrollable > table.table > *:first-child > *:first-child > th,
.table-wrapper.scrollable > table.table > *:first-child > *:first-child > td{border-top:0!important;}
.table-wrapper.scrollable > table.table > *:last-child > *:last-child > th,
.table-wrapper.scrollable > table.table > *:last-child > *:last-child > td{border-bottom:0!important;}

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

/* Table Process */
.table-process{
	display:flex; align-items:center; justify-content:center;
	width:100%; min-height:10rem; text-align:center;
}


/* Upload Preview */
.upload-preview{position:relative; display:block; padding:60% 0 0 0;}
.upload-preview > .wrapper{
	position:absolute; top:0; bottom:0; left:0; right:0; padding:.5rem;
	display:flex; justify-content:center; align-items:center;
}
.upload-preview img, .upload-preview video{
	display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.upload-preview .uploader-status{
	position:absolute; top:0; bottom:0; left:0; right:0; pointer-events:none;
	background:rgba(255,255,255,.8); overflow:hidden;
	opacity:0; transition:opacity .25s;
}
.upload-preview .uploader-status.active{opacity:1;}
.upload-preview .uploader-status > .wrapper{
	position:relative; display:flex; align-content:center; justify-content:center;
	flex-wrap:wrap; width:100%; height:100%;
}


/* 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-2xs{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-100{opacity:1!important;} .op-0{opacity:0!important;}
.op-10{opacity:.1!important;} .op-20{opacity:.2!important;} .op-30{opacity:.3!important;}
.op-40{opacity:.4!important;} .op-50{opacity:.5!important;} .op-60{opacity:.6!important;}
.op-70{opacity:.7!important;} .op-80{opacity:.8!important;} .op-90{opacity:.9!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{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;}

.bshadow{box-shadow:var(--bshadow);}
.bshadow-none{box-shadow:none!important;}

.ovf-hidden{overflow:hidden!important;}
.ovf-visible{overflow:visible!important;}
.ovf-clip{overflow:clip!important;}
.clear-both{clear:both!important;}

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

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


/* 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-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-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;}


/* FIXES: MUI */
.MuiButtonBase-root .btn-icon{
  display:flex; justify-content:center; width:1.375rem;
  font-size:1rem; margin:0 .5rem 0 0;
}
.MuiButtonBase-root.btn-mw{min-width:8rem;}
.MuiButtonBase-root.btn-mw-sm{min-width:6.875rem;}
@media screen and (max-width:575.98px){
  .MuiButtonBase-root.btn-xs-no-mw{min-width:unset;}
}

.MuiButtonBase-root.soft-p:hover, .MuiButtonBase-root.soft-p.active{
  background:rgba(90,141,238,.1)!important; color:#5a8dee!important;
}
.MuiButtonBase-root.soft-s:hover, .MuiButtonBase-root.soft-s.active{
  background:rgba(27,18,100,.1)!important; color:#1b1264!important;
}
.MuiButtonBase-root.soft-warning:hover, .MuiButtonBase-root.soft-warning.active{
  background:rgba(251,194,77,.1)!important; color:#fbc24d!important;
}
.MuiButtonBase-root.soft-danger:hover, .MuiButtonBase-root.soft-danger.active{
  background:rgba(245,51,79,.1)!important; color:#f5334f!important;
}
.MuiButtonBase-root.default:hover, .MuiButtonBase-root.default.active{
  background:#eeeeee!important; color:#333333!important;
}

.MuiBackdrop-root.MuiModal-backdrop{background:rgba(0,0,0,.4);}
.MuiDialog-container .MuiPaper-root{width:calc(100% - 2rem); margin:1rem 0;}
.MuiDialog-container .MuiDialogContent-root{padding:1.25rem 1.5rem;}
.MuiDialog-container .MuiDialogContent-root.with-grids{padding-top:.25rem;}
.MuiDialog-container .MuiDialogActions-root{padding:1rem 1.5rem;}
@media screen and (max-width:991.98px){
	.MuiDialog-container .MuiDialogTitle-root{padding:1rem;}
	.MuiDialog-container .MuiDialogContent-root{padding:1.25rem 1rem;}
	.MuiDialog-container .MuiDialogContent-root.with-grids{padding-top:.25rem;}
	.MuiDialog-container .MuiDialogActions-root{padding:.75rem 1rem;}
}

.MuiAccordionSummary-content{margin:0!important;}

.input-date input.MuiOutlinedInput-input{padding:.835rem 0 .835rem .75rem;}
.input-date.small input.MuiOutlinedInput-input{padding:.6rem 0 .6rem .75rem;}

.MuiButtonBase-root.MuiCheckbox-root.checkbox-white svg{fill:#ffffff;}

.MuiAutocomplete-root .MuiInputBase-root{
	min-height:42px!important;
	padding-top:3px!important; padding-bottom:3px!important; padding-left:4px!important;
}
.MuiAutocomplete-root .MuiButtonBase-root.MuiChip-root{margin:2px!important;}
.ss-autocomplete .MuiInputBase-input.MuiOutlinedInput-input{border:0;}
.ss-autocomplete .MuiButtonBase-root.MuiChip-root{border-radius:var(--bradius); height:2.5rem;}
.ss-autocomplete .MuiButtonBase-root.MuiChip-root .MuiChip-label{font-weight:500; font-size:.9375rem;}
.ss-autocomplete .MuiInputBase-root.MuiInputBase-formControl{min-height:3.125rem!important;}
.MuiAutocomplete-paper *{font-weight:500;}

.MuiFormControlLabel-root.Mui-disabled .MuiSwitch-root + .MuiTypography-root{color:#555555!important;}


/* FIXES: Toastify */
.Toastify__toast-container{padding:0!important;}
.Toastify__toast-container .Toastify__toast{margin-bottom:.5rem;}

/* FIXES: SweetAlert2 */
.swal2-container{z-index:1500!important;}
.swal2-container, .swal2-title, .swal2-container button{font-family:var(--font)!important;}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){
	background:#5a8dee!important; border-radius:var(--bradius)!important;
}
.swal2-title{color:#000000;}


/* Test Gradient */
.text-gradient-01{background-image:linear-gradient(to bottom, #ffae00, #ff2784);}
.text-gradient-02{background-image:linear-gradient(to bottom, #04edd8, #6334fe);}
.text-gradient-03{background-image:linear-gradient(to bottom, #ff2484, #6732fe);}
.text-gradient-01, .text-gradient-02, .text-gradient-03{
	-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}


/* Echarts */
.echarts-container{height:400px;}
.echarts-container > *, .echarts-container canvas{height:400px!important;}


/* Sizing */
.all-no-br > br{display:none;}
@media screen and (max-width:1199.98px){
	.lg-no-br > br{display:none;}
}
@media screen and (max-width:991.98px){
	.md-no-br > br{display:none;}
}
@media screen and (max-width:767.98px){
	.sm-no-br > br{display:none;}
}
@media screen and (max-width:575.98px){
	.xs-no-br > br{display:none;}
}


/* Colors */
.color-p, .h-color-p:hover{color:var(--color-p)!important;}
.color-s, .h-color-s:hover{color:var(--color-s)!important;}
.color-white, .h-color-white:hover{color:#ffffff!important;}
.color-gray, .h-color-gray:hover{color:#777777!important;}
.color-hgray, .h-color-hgray{color:#cccccc!important;}
.color-sgray, .h-color-sgray{color:#e9e9e9!important;}
.color-fgray, .h-color-fgray{color:#f4f4f4!important;}
.color-info, .h-color-info:hover{color:#5a8dee!important;}
.color-success, .h-color-success:hover{color:#019267!important;}
.color-warning, .h-color-warning:hover{color:#ecb403!important;}
.color-danger, .h-color-danger:hover{color:#f5334f!important;}

.bg-p{background:var(--color-p)!important;}
.bg-soft-p{background:rgba(90,141,238,.1)!important;}
.bg-s{background:var(--color-s)!important;}
.bg-soft-s{background:rgba(27,18,100,.1)!important;}
.bg-gray{background:#777777!important;}
.bg-hgray{background:#cccccc!important;}
.bg-sgray{background:#e9e9e9!important;}
.bg-fgray{background:#f4f4f4!important;}
.bg-info{background:#5a8dee!important;}
.bg-success{background:#019267!important;}
.bg-warning{background:#ecb403!important;}
.bg-danger{background:#f5334f!important;}
.bg-soft-danger{background:rgba(245,51,79,.1)!important;}
.bg-disabled{background:#f4f4f4!important;}
.bg-disabled *{color:#555555!important;}

.bcolor-p{border-color:var(--color-p)!important;}
.bcolor-s{border-color:var(--color-s)!important;}
.bcolor-gray{border-color:#777777!important;}
.bcolor-hgray{border-color:#cccccc!important;}
.bcolor-sgray{border-color:#e9e9e9!important;}
.bcolor-fgray{border-color:#f4f4f4!important;}