@import url("https://fonts.googleapis.com/css2?family=Kanit:200,300,400,500,700");
:root {
    --bs-gray-100: #fefefe;
    --bs-gray-200: #f6f7f9;
    --bs-gray-300: #cacaca;
    --bs-gray-400: #aab0bc;
    --bs-gray-500: #959ca9;
    --bs-gray-600: #60697b;
    --bs-gray-700: #2f353a;
    --bs-gray-800: #21262c;
    --bs-gray-900: #1e2228;
    --bs-blue: #0e98ba;
    --bs-sky: #5eb9f0;
    --bs-purple: #747ed1;
    --bs-grape: #605dba;
    --bs-violet: #a07cc5;
    --bs-pink: #d16b86;
    --bs-fuchsia: #e668b3;
    --bs-red: #e2626b;
    --bs-orange: #f78b77;
    --bs-yellow: #fab758;
    --bs-green: #45c4a0;
    --bs-leaf: #7cb798;
    --bs-aqua: #54a8c7;
    --bs-navy: #343f52;
    --bs-ash: #9499a3;
    --bs-white: #fff;
    --bs-light: #fefefe;
    --bs-gray: #f6f7f9;
    --bs-dark: #262b32;
    --bs-primary: #0e98ba;
    --bs-secondary: #aab0bc;
    --bs-success: #45c4a0;
    --bs-info: #54a8c7;
    --bs-warning: #fab758;
    --bs-danger: #e2626b;
    --bs-blue-rgb: 63, 120, 224;
    --bs-sky-rgb: 94, 185, 240;
    --bs-purple-rgb: 116, 126, 209;
    --bs-grape-rgb: 96, 93, 186;
    --bs-violet-rgb: 160, 124, 197;
    --bs-pink-rgb: 209, 107, 134;
    --bs-fuchsia-rgb: 230, 104, 179;
    --bs-red-rgb: 226, 98, 107;
    --bs-orange-rgb: 247, 139, 119;
    --bs-yellow-rgb: 250, 183, 88;
    --bs-green-rgb: 69, 196, 160;
    --bs-leaf-rgb: 124, 183, 152;
    --bs-aqua-rgb: 84, 168, 199;
    --bs-navy-rgb: 52, 63, 82;
    --bs-ash-rgb: 148, 153, 163;
    --bs-white-rgb: 255, 255, 255;
    --bs-light-rgb: 254, 254, 254;
    --bs-gray-rgb: 246, 247, 249;
    --bs-dark-rgb: 38, 43, 50;
    --bs-primary-rgb: 63, 120, 224;
    --bs-secondary-rgb: 170, 176, 188;
    --bs-success-rgb: 69, 196, 160;
    --bs-info-rgb: 84, 168, 199;
    --bs-warning-rgb: 250, 183, 88;
    --bs-danger-rgb: 226, 98, 107;
    --bs-dropbox: #007bdf;
    --bs-dribbble: #e94d88;
    --bs-google-drive-alt: #1b9f5e;
    --bs-facebook-f: #4470cf;
    --bs-instagram: #d53581;
    --bs-line: #0fab10;
    --bs-facebook-messenger: #007ff8;
    --bs-black-berry: #272727;
    --bs-linkedin: #3393c1;
    --bs-intercom: #2e88f8;
    --bs-facebook: #4470cf;
    --bs-youtube: #c8312b;
    --bs-apple: #1a1919;
    --bs-visual-studio: #6b61be;
    --bs-twitter: #5daed5;
    --bs-snapchat-ghost: #f7c31a;
    --bs-slack: #d4135c;
    --bs-tumblr-square: #5d82a4;
    --bs-medium-m: #00c364;
    --bs-tumblr: #5d82a4;
    --bs-adobe: #e61f26;
    --bs-whatsapp: #00a859;
    --bs-500-px: #00a6df;
    --bs-snapchat-square: #f7c31a;
    --bs-behance: #0057ff;
    --bs-instagram-alt: #d53581;
    --bs-github-alt: #4073a6;
    --bs-linkedin-alt: #3393c1;
    --bs-slack-alt: #d4135c;
    --bs-google: #e44134;
    --bs-google-play: #e44134;
    --bs-google-drive: #1b9f5e;
    --bs-vuejs-alt: #3fb37f;
    --bs-google-hangouts: #109956;
    --bs-vuejs: #3fb37f;
    --bs-java-script: #f0d91d;
    --bs-paypal: #0089cc;
    --bs-reddit-alien-alt: #f84300;
    --bs-android-alt: #97c03d;
    --bs-github: #4073a6;
    --bs-android: #97c03d;
    --bs-amazon: #f79400;
    --bs-adobe-alt: #e61f26;
    --bs-master-card: #f0931d;
    --bs-opera-alt: #e33737;
    --bs-css3-alt: #006db6;
    --bs-opera: #e33737;
    --bs-css3: #006db6;
    --bs-twitter-alt: #5daed5;
    --bs-intercom-alt: #2e88f8;
    --bs-swiggy: #f88a2d;
    --bs-snapchat-alt: #f7c31a;
    --bs-tumblr-alt: #5d82a4;
    --bs-facebook-messenger-alt: #007ff8;
    --bs-bitcoin-alt: #f38633;
    --bs-google-hangouts-alt: #109956;
    --bs-blogger: #e86733;
    --bs-blogger-alt: #e86733;
    --bs-bitcoin: #f38633;
    --bs-behance-alt: #0057ff;
    --bs-apple-alt: #1a1919;
    --bs-react: #00d1f7;
    --bs-telegram: #2caef0;
    --bs-vk-alt: #4f7db3;
    --bs-vk: #4f7db3;
    --bs-skype: #2ebbf0;
    --bs-skype-alt: #2ebbf0;
}   
.bold-300{font-weight:300} !important;
.bold-400{font-weight:400} !important;
.bold-500{font-weight:500} !important;    

A.sm_link {color: #000000;font-size: 10px;text-decoration: none;}
A.sm_link:link {color: White;}
A.sm_link:visited {color: White;}
A.sm_link:active {color: #3a6b97;}
A.sm_link:hover {color: White;}

.newss {color: white; font-size: 14px; text-decoration: none;}
a.newss {color: #000000; font-size: 14px; text-decoration: none;}
a.newss:link {color: white; }
a.newss:visited {color: white;}
a.newss:active {color: #00bfff;}
a.newss:hover {color: #ff8c00;}
/**end*ÊÓËÃѺ¢èÒÇ***/


.text-white {
    --bs-text-opacity: 1;
    color: #fff !important;
  }

.ins1{ padding: 6px 6px 8px 8px; }

.txt_h1 {color: #9c9c9c;  background: #00719b;  vertical-align: top; }
a.txt_h1 {
	text-decoration: none;
	color: white;
	background: #00719b;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}


.txt_h1 {color: White;  vertical-align: top; }
a.txt_h1:hover {color: white;}
a.txt_h1:link {color: white; }
a.txt_h1:visited {color: White;}
a.txt_h1:active {color: White;}

hr.gradient {
    height: 3px;
    border: none;
    border-radius: 6px;
    background: linear-gradient(
      90deg,
      rgb(223, 0, 141) 0%,
      rgb(255, 2, 2) 11%,
      rgb(144, 1, 176) 31%,
      rgb(162, 0, 183) 100%
    );
  }
  

.txt-pisces {color: #aa3fff;}

.txt_h2 {color: White; font-size: 12px; font-weight: bold;background: #B0E0E6; vertical-align: top;}
.txt_h3 {color: #4169E1; font-size: 12px; font-weight: bold;background: White; vertical-align: top;}
.txt_h4 {color: White; vertical-align: top;}
.txt_h5b {color: black;}
.txt_h5blue {color: #4169E1;}
.txt_h5bb {color: black; font-weight: bold;}
.txt_h5w {color: white;}
.txt_h5wb {color: white; font-weight: bold;}
.txt_h6 {font-size:10px; font-weight: bold;}
.txt_h7 {font-size: 11px; font-weight: bold;}
.borderfull {
	border: 1px solid #b6bfc8;
	font-size: 14px;
	text-decoration: none;}

.border-1 {border-right:#d4d4d4 1px solid; padding-right:20px; padding-bottom:91px;}

.bg-g-tw {background: #333e48; color: white;}
.bg-w-tg {background: white; color: #62c600;}
.bg-g-tw-h1 {background: #095498; color: white; font-size: 18px; font-weight: bold;}


.bg-0 {background: white;}
.bg-1 {border-top:#c8cece 1px solid; border-bottom:#e0e0e0 1px solid;}
.bg-2 {background: #f1f1f1;}
.bg-3 {border-top:white 1px solid; border-bottom:#e2e2e2 1px solid;}
.bg-4 {background: #3a6b97; color: white;}
.bg-5 {background: white; color: black;}
.bg-6 {background: #0078ae; color: white;}
.bg-7 {background: #eeeeee; color: #333e48;}
.bg-71 {background: #dae0e9; color: #333e48;}
.bg-8 {background: #222f3c; color: white;}
.bg-9 {background: #93a1ae; color: white;}
.bg-10 {background: #b22222; color: white;}
.bg-11 {background: #095498; color: white;}
.bg-12 {background: #29a6bc; color: white;}
.bg-121 {background: #64CBDD ; color: white;}
.bg-122 {background: #507f8b; color: white;}
.bg-123 {background: #33a9c6; color: white;}
.bg-13 {background: #6faca9; color: white;}
.bg-14 {background: #0078ae; color: white;}


.bullseye-arrow {
        fill: red;  /* เปลี่ยนสีทั้งหมดให้เป็นสีแดง  */
        width: 40px; /* กำหนดขนาดความกว้างเป็น 100px  */
        height: auto; /* ทำให้ความสูงปรับขนาดโดยอัตโนมัติ  */
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-md-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

.top-1 {padding-top:40px;}
.bot-1 {padding-bottom:60px;}

.top-05 {padding-top:20px;}
.bot-05 {padding-bottom:30px;}


.txt_h0 {color: White; font-size: 16px; font-weight: bold; vertical-align: top; }
a.txt_h0 {
	text-decoration: none;
	color: white; font-size: 16px; font-weight: bold;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a.txt_h0:hover {color: #ffd700;}
a.txt_h0:link {color: white;}
a.txt_h0:visited {color: White;}
a.txt_h0:active {color: White;}

.txt_s0 {color: White; font-size: 16px; vertical-align: top; }
a.txt_s0 {
	text-decoration: none;
	color: white; font-size: 16px;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a.txt_s0:hover {color: #ffd700;}
a.txt_s0:link {color: white;}
a.txt_s0:visited {color: White;}
a.txt_s0:active {color: White;}

.bg-bb1 {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(42, 99, 173, 0.9);
    border-radius: 0.25rem;
}

 .bb-ht {
    max-width: 200px;
    color: #fff;
    text-align: center;
    background-color: #0682a6;
    border-radius: 0.4rem;
    align-items: center;
    justify-content: center;

}

.wrapper-border {
    border-bottom: 1px solid rgba(164, 174, 198, 0.2);
}
.wrapper-border.bg-dark {
    border-color: rgba(255, 255, 255, 0.08);
}
.wrapper.bg-blue.angled.lower-start:after,
.wrapper.bg-blue.angled.upper-start:before {
    border-left-color: #0e98ba;
}
.wrapper.bg-blue.angled.lower-end:after,
.wrapper.bg-blue.angled.upper-end:before {
    border-right-color: #0e98ba;
}
.wrapper.bg-soft-blue.angled.lower-start:after,
.wrapper.bg-soft-blue.angled.upper-start:before {
    border-left-color: #edf2fc;
}

.wrapper.bg-sky.angled.lower-start:after,
.wrapper.bg-sky.angled.upper-start:before {
    border-left-color: #5eb9f0;
}
.wrapper.bg-sky.angled.lower-end:after,
.wrapper.bg-sky.angled.upper-end:before {
    border-right-color: #5eb9f0;
}
.wrapper.bg-soft-sky.angled.lower-start:after,
.wrapper.bg-soft-sky.angled.upper-start:before {
    border-left-color: #f0f8fe;
}
.wrapper.bg-soft-sky.angled.lower-end:after,
.wrapper.bg-soft-sky.angled.upper-end:before {
    border-right-color: #f0f8fe;
}
.wrapper.bg-pale-sky.angled.lower-start:after,
.wrapper.bg-pale-sky.angled.upper-start:before {
    border-left-color: #e5f4fd;
}
.wrapper.bg-pale-sky.angled.lower-end:after,
.wrapper.bg-pale-sky.angled.upper-end:before {
    border-right-color: #e5f4fd;
}

.wrapper.bg-aqua.angled.lower-start:after,
.wrapper.bg-aqua.angled.upper-start:before {
    border-left-color: #54a8c7;
}
.wrapper.bg-aqua.angled.lower-end:after,
.wrapper.bg-aqua.angled.upper-end:before {
    border-right-color: #54a8c7;
}
.wrapper.bg-soft-aqua.angled.lower-start:after,
.wrapper.bg-soft-aqua.angled.upper-start:before {
    border-left-color: #eff7fa;
}
.wrapper.bg-soft-aqua.angled.lower-end:after,
.wrapper.bg-soft-aqua.angled.upper-end:before {
    border-right-color: #eff7fa;
}
.wrapper.bg-pale-aqua.angled.lower-start:after,
.wrapper.bg-pale-aqua.angled.upper-start:before {
    border-left-color: #e4f1f6;
}
.wrapper.bg-pale-aqua.angled.lower-end:after,
.wrapper.bg-pale-aqua.angled.upper-end:before {
    border-right-color: #e4f1f6;
}
.wrapper.bg-navy.angled.lower-start:after,
.wrapper.bg-navy.angled.upper-start:before {
    border-left-color: #343f52;
}
.wrapper.bg-navy.angled.lower-end:after,
.wrapper.bg-navy.angled.upper-end:before {
    border-right-color: #343f52;
}
.wrapper.bg-soft-navy.angled.lower-start:after,
.wrapper.bg-soft-navy.angled.upper-start:before {
    border-left-color: #ecedef;
}
.wrapper.bg-soft-navy.angled.lower-end:after,
.wrapper.bg-soft-navy.angled.upper-end:before {
    border-right-color: #ecedef;
}
.wrapper.bg-pale-navy.angled.lower-start:after,
.wrapper.bg-pale-navy.angled.upper-start:before {
    border-left-color: #dfe0e3;
}
.wrapper.bg-pale-navy.angled.lower-end:after,
.wrapper.bg-pale-navy.angled.upper-end:before {
    border-right-color: #dfe0e3;
}
.wrapper.bg-ash.angled.lower-start:after,
.wrapper.bg-ash.angled.upper-start:before {
    border-left-color: #9499a3;
}
.wrapper.bg-ash.angled.lower-end:after,
.wrapper.bg-ash.angled.upper-end:before {
    border-right-color: #9499a3;
}
.wrapper.bg-soft-ash.angled.lower-start:after,
.wrapper.bg-soft-ash.angled.upper-start:before {
    border-left-color: #f5f5f6;
}
.wrapper.bg-soft-ash.angled.lower-end:after,
.wrapper.bg-soft-ash.angled.upper-end:before {
    border-right-color: #f5f5f6;
}
.wrapper.bg-pale-ash.angled.lower-start:after,
.wrapper.bg-pale-ash.angled.upper-start:before {
    border-left-color: #eeeff0;
}
.wrapper.bg-pale-ash.angled.lower-end:after,
.wrapper.bg-pale-ash.angled.upper-end:before {
    border-right-color: #eeeff0;
}
.wrapper.bg-white.angled.lower-start:after,
.wrapper.bg-white.angled.upper-start:before {
    border-left-color: #fff;
}
.wrapper.bg-white.angled.lower-end:after,
.wrapper.bg-white.angled.upper-end:before {
    border-right-color: #fff;
}
.wrapper.bg-soft-white.angled.lower-start:after,
.wrapper.bg-soft-white.angled.upper-start:before {
    border-left-color: white;
}
.wrapper.bg-soft-white.angled.lower-end:after,
.wrapper.bg-soft-white.angled.upper-end:before {
    border-right-color: white;
}
.wrapper.bg-pale-white.angled.lower-start:after,
.wrapper.bg-pale-white.angled.upper-start:before {
    border-left-color: white;
}
.wrapper.bg-pale-white.angled.lower-end:after,
.wrapper.bg-pale-white.angled.upper-end:before {
    border-right-color: white;
}

.wrapper.bg-dark.angled.lower-start:after,
.wrapper.bg-dark.angled.upper-start:before {
    border-left-color: #262b32;
}
.wrapper.bg-dark.angled.lower-end:after,
.wrapper.bg-dark.angled.upper-end:before {
    border-right-color: #262b32;
}
.wrapper.bg-soft-dark.angled.lower-start:after,
.wrapper.bg-soft-dark.angled.upper-start:before {
    border-left-color: #eaebec;
}
.wrapper.bg-soft-dark.angled.lower-end:after,
.wrapper.bg-soft-dark.angled.upper-end:before {
    border-right-color: #eaebec;
}
.wrapper.bg-pale-dark.angled.lower-start:after,
.wrapper.bg-pale-dark.angled.upper-start:before {
    border-left-color: #dcddde;
}
.wrapper.bg-pale-dark.angled.lower-end:after,
.wrapper.bg-pale-dark.angled.upper-end:before {
    border-right-color: #dcddde;
}

.text-blue {
    --bs-text-opacity: 1;
    color: #0e98ba !important;
}
.text-sky {
    --bs-text-opacity: 1;
    color: #5eb9f0 !important;
}
.text-purple {
    --bs-text-opacity: 1;
    color: #747ed1 !important;
}
.text-grape {
    --bs-text-opacity: 1;
    color: #605dba !important;
}
.text-violet {
    --bs-text-opacity: 1;
    color: #a07cc5 !important;
}
.text-pink {
    --bs-text-opacity: 1;
    color: #d16b86 !important;
}
.text-fuchsia {
    --bs-text-opacity: 1;
    color: #e668b3 !important;
}
.text-red {
    --bs-text-opacity: 1;
    color: #e2626b !important;
}
.text-orange {
    --bs-text-opacity: 1;
    color: #f78b77 !important;
}
.text-yellow {
    --bs-text-opacity: 1;
    color: #fab758 !important;
}
.text-green {
    --bs-text-opacity: 1;
    color: #45c4a0 !important;
}



.icon-svg,
.icon-svg.icon-svg-lg {
    width: 3rem;
    height: 3rem;
}
.icon-svg.icon-svg-md {
    width: 2.6rem;
    height: 2.6rem;
}
.icon-svg.icon-svg-sm {
    width: 2.2rem;
    height: 2.2rem;
}
.icon-svg.icon-svg-xs {
    width: 1.8rem;
    height: 1.8rem;
}
.svg-bg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 3rem;
    height: 3rem;
}
.svg-bg .icon-svg {
    width: 1.3rem;
    height: 1.3rem;
}
.svg-bg.svg-bg-lg {
    width: 4rem;
    height: 4rem;
}
.svg-bg.svg-bg-lg .icon-svg {
    width: 1.5rem;
    height: 1.5rem;
}
img.svg-inject {
    visibility: hidden;
}
.svg-bg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 3rem;
    height: 3rem;
}
.svg-bg .icon-svg {
    width: 1.3rem;
    height: 1.3rem;
}
.svg-bg.svg-bg-lg {
    width: 4rem;
    height: 4rem;
}
.svg-bg.svg-bg-lg .icon-svg {
    width: 1.5rem;
    height: 1.5rem;
}

.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 0.75rem !important;
}
.mb-4 {
    margin-bottom: 1rem !important;
}
.mb-5 {
    margin-bottom: 1.25rem !important;
}
.mb-6 {
    margin-bottom: 1.5rem !important;
}

.table {
    --bs-table-color: #0ea0b9;
    --bs-table-bg: transparent;
    --bs-table-border-color: #edeff3;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #0ea0b9;
    --bs-table-striped-bg: rgba(164, 174, 198, 0.07);
    --bs-table-active-color: #60697b;
    --bs-table-active-bg: rgba(164, 174, 198, 0.07);
    --bs-table-hover-color: #0ea0b9;
    --bs-table-hover-bg: rgba(164, 174, 198, 0.07);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
.table> :not(caption)>*>* {
    padding: 0.9rem 0.9rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table>tbody {
    vertical-align: inherit;
}
.table>thead {
    vertical-align: bottom;
}
.table-group-divider {
    border-top: 2px solid #edeff3;
}
.caption-top {
    caption-side: top;
}
.table-sm> :not(caption)>*>* {
    padding: 0.25rem 0.25rem;
}
.table-bordered> :not(caption)>* {
    border-width: 1px 0;
}
.table-bordered> :not(caption)>*>* {
    border-width: 0 1px;
}
.table-borderless> :not(caption)>*>* {
    border-bottom-width: 0;
}
.table-borderless> :not(:first-child) {
    border-top-width: 0;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
.table-striped-columns> :not(caption)>tr> :nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color);
}
.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color);
}
.table-primary {
    --bs-table-color: #343f52;
    --bs-table-bg: #d9e4f9;
    --bs-table-border-color: #c9d4e8;
    --bs-table-striped-bg: #cdd8ed;
    --bs-table-striped-color: #343f52;
    --bs-table-active-bg: #cdd8ed;
    --bs-table-active-color: #343f52;
    --bs-table-hover-bg: #cdd8ed;
    --bs-table-hover-color: #343f52;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-secondary {
    --bs-table-color: #343f52;
    --bs-table-bg: #eeeff2;
    --bs-table-border-color: #dbdde2;
    --bs-table-striped-bg: #e1e3e7;
    --bs-table-striped-color: #343f52;
    --bs-table-active-bg: #e1e3e7;
    --bs-table-active-color: #343f52;
    --bs-table-hover-bg: #e1e3e7;
    --bs-table-hover-color: #343f52;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-success {
    --bs-table-color: #343f52;
    --bs-table-bg: #daf3ec;
    --bs-table-border-color: #c9e1dd;
    --bs-table-striped-bg: #cee6e1;
    --bs-table-striped-color: #343f52;
    --bs-table-active-bg: #cee6e1;
    --bs-table-active-color: #343f52;
    --bs-table-hover-bg: #cee6e1;
    --bs-table-hover-color: #343f52;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table-info {
    --bs-table-color: #343f52;
    --bs-table-bg: #ddeef4;
    --bs-table-border-color: #ccdde4;
    --bs-table-striped-bg: #d1e2e9;
    --bs-table-striped-color: #343f52;
    --bs-table-active-bg: #d1e2e9;
    --bs-table-active-color: #343f52;
    --bs-table-hover-bg: #d1e2e9;
    --bs-table-hover-color: #343f52;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}