:root{

	/* Fonts */
	--wtds-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--wtds-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--wtds-font-family: var(--wtds-font-sans-serif);

	/* Color variables */
	--wtds-color-primary-50: #EBF1FD;
 	--wtds-color-primary-100: #BFCBE3;
 	--wtds-color-primary-200: #A0B2D6;
 	--wtds-color-primary-300: #758EC3;
 	--wtds-color-primary-400: #5A79B8;
 	--wtds-color-primary-500: #3157A6;
 	--wtds-color-primary-600: #2D4F97;
 	--wtds-color-primary-700: #233E76;
 	--wtds-color-primary-800: #1B305B;
 	--wtds-color-primary-900: #152546;
 	--wtds-color-secondary-50: #FAFDFF;
 	--wtds-color-secondary-100: #F1F8FE;
 	--wtds-color-secondary-150: #E7F3FD;
 	--wtds-color-secondary-200: #B2D5FF;
 	--wtds-color-secondary-300: #58A3FE;
 	--wtds-color-secondary-400: #3791FE;
 	--wtds-color-secondary-500: #0576FE;
 	--wtds-color-secondary-600: #056BE7;
 	--wtds-color-secondary-700: #0454B4;
 	--wtds-color-secondary-800: #03418C;
 	--wtds-color-secondary-900: #02326B;
 	--wtds-color-neutral-00: #FFFFFF;
 	--wtds-color-neutral-50: #EAEBED;
 	--wtds-color-neutral-100: #BDC1C6;
 	--wtds-color-neutral-200: #9DA3AA;
 	--wtds-color-neutral-300: #6E7681;
 	--wtds-color-neutral-400: #555E6B;
 	--wtds-color-neutral-500: #2A3646;
 	--wtds-color-neutral-600: #263140;
 	--wtds-color-neutral-700: #1E2632;
 	--wtds-color-neutral-800: #171E27;
 	--wtds-color-neutral-900: #12171D;
 	--wtds-color-S50: #F7FDF9;
 	--wtds-color-S100: #DDF8E6;
 	--wtds-color-S200: #96CFA4;
 	--wtds-color-S300: #6BBB7E;
 	--wtds-color-S400: #2B9E46;
 	--wtds-color-S500: #008A20;
 	--wtds-color-S600: #006116;
 	--wtds-color-S700: #005414;
 	--wtds-color-E50: #FFF5F5;
 	--wtds-color-E100: #FFEDED;
 	--wtds-color-E200: #EEADAD;
 	--wtds-color-E300: #E78A8C;
 	--wtds-color-E400: #DD585A;
 	--wtds-color-E500: #D63638;
 	--wtds-color-E600: #962627;
 	--wtds-color-E700: #832122;
 	--wtds-color-W50: #FFFDF5;
 	--wtds-color-W100: #FFF7D6;
 	--wtds-color-W200: #F0DBA0;
 	--wtds-color-W300: #EACB78;
 	--wtds-color-W400: #E1B53E;
 	--wtds-color-W500: #DBA617;
 	--wtds-color-W600: #997410;
 	--wtds-color-W700: #86650E;
 	
	--wtds-text-color: var(--wtds-color-neutral-600);
	--wtds-h1-color: var(--wtds-text-color);
	--wtds-h2-color: var(--wtds-text-color);
	--wtds-h3-color: var(--wtds-text-color);
	--wtds-subtitle-color: var(--wtds-color-neutral-400);
	--wtds-label-color: var(--wtds-color-neutral-500);
	--wtds-input-color: var(--wtds-color-neutral-500);
	--wtds-helptext-color: var(--wtds-color-neutral-400);
	--wtds-navopen-color: var(--wtds-color-primary-500);
	--wtds-navclosed-color: var(--wtds-color-neutral-400);
	--wtds-tablehead-color: var(--wtds-color-neutral-300);
	--wtds-link-color: var(--wtds-color-secondary-500);


	--wtds-text-font-size: 14px;
	--wtds-h1-font-size: 24px;
	--wtds-h2-font-size: 20px;
	--wtds-h3-font-size: 16px;
	--wtds-subtitle-font-size: var(--wtds-text-font-size);
	--wtds-label-font-size: var(--wtds-text-font-size);
	--wtds-input-font-size: var(--wtds-text-font-size);
	--wtds-helptext-font-size: var(--wtds-text-font-size);
	--wtds-nav-font-size: var(--wtds-text-font-size);
	--wtds-tablehead-font-size: var(--wtds-text-font-size);
	--wtds-link-font-size: var(--wtds-text-font-size);


	--wtds-row-padding-x:15px;
	--wtds-row-padding-y:5px;
	--wtds-row-margin-y:15px;
	--wtds-row-margin-x:0px;


	--wtds-breakpoint-xs: 0;
	--wtds-breakpoint-sm: 576px;
	--wtds-breakpoint-md: 768px;
	--wtds-breakpoint-lg: 992px;
	--wtds-breakpoint-xl: 1200px;
	--wtds-breakpoint-xxl: 1400px;

}

.wbte_sc_container{box-sizing:border-box;}
.wbte_sc_container *{box-sizing:border-box;}

.wbte_sc_h1-text{
	color:var(--wtds-h1-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-h1-font-size);
	font-weight:500;
	line-height:40px;
}
.wbte_sc_h2-text{
	color:var(--wtds-h2-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-h2-font-size);
	font-weight:600;
}
.wbte_sc_h3-text{
	color:var(--wtds-h3-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-h3-font-size);
	font-weight:600;
	line-height:28px;
}
.wbte_sc_subtitle-text{
	color:var(--wtds-subtitle-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-subtitle-font-size);
	font-weight:400;
}
.wbte_sc_label-text{
	color:var(--wtds-label-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-label-font-size);
	font-weight:500;
}
.wbte_sc_input-text{
	color:var(--wtds-input-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-input-font-size);
	font-weight:400;
}
.wbte_sc_helptext-text{
	color:var(--wtds-helptext-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-helptext-font-size);
	font-weight:400;
	font-style:italic;
}
.wbte_sc_nav-text{
	color:var(--wtds-navclosed-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-nav-font-size);
	font-weight:500;
}
.wbte_sc_navopen-text{
	color:var(--wtds-navopen-color);
	font-weight:700;
}

.wbte_sc_tablehead-text{
	color:var(--wtds-tablehead-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-tablehead-font-size);
	font-weight:700;
}

.wbte_sc_link-text{
	color:var(--wtds-link-color);
	font-family: var(--wtds-font-family);
	font-size: var(--wtds-link-font-size);
	font-weight:500;
	text-decoration:underline;
}

.wbte_sc_inset-shadow{
	box-shadow: 0px 3px 6px 0px rgba(52, 65, 85, 0.1) inset;
}

.wbte_sc_button-shadow{
	box-shadow: 0px 3px 4px 0px rgba(85, 101, 125, 0.15);
}

.wbte_sc_header-shadow{
	box-shadow: 0px 4px 12px 0px rgba(85, 101, 125, 0.1);
}

.wbte_sc_box-shadow{
	box-shadow: 0px 4px 12px 0px rgba(85, 101, 125, 0.08);
}
.wbte_sc_popup-shadow{
	box-shadow: 0px 3px 10px 0px rgba(121, 141, 160, 0.3);
}
.wbte_sc_card-shadow{
	box-shadow: 0px 4px 10px 0px rgba(85, 101, 125, 0.18);
}
.wbte_sc_modal-shadow{
	box-shadow: 0px 3px 60px 0px rgba(43, 69, 88, 0.2);
}

.wbte_sc_row{
	display: flex;
	flex-wrap: wrap;
	padding: var(--wtds-row-padding-y) var(--wtds-row-padding-x);
	margin: var(--wtds-row-margin-y) var(--wtds-row-margin-x);
}

.wbte_sc_row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	box-sizing:border-box;
}

.wbte_sc_row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.wbte_sc_row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}

.wbte_sc_row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}

.wbte_sc_row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.wbte_sc_row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}

.wbte_sc_row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}

.wbte_sc_row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.wbte_sc_col-auto {
	flex: 0 0 auto;
	width: auto;
}

.wbte_sc_col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.wbte_sc_col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.wbte_sc_col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.wbte_sc_col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.wbte_sc_col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.wbte_sc_col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.wbte_sc_col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.wbte_sc_col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.wbte_sc_col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.wbte_sc_col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.wbte_sc_col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.wbte_sc_col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.wbte_sc_offset-1 {
	margin-left: 8.33333333%;
}

.wbte_sc_offset-2 {
	margin-left: 16.66666667%;
}

.wbte_sc_offset-3 {
	margin-left: 25%;
}

.wbte_sc_offset-4 {
	margin-left: 33.33333333%;
}

.wbte_sc_offset-5 {
	margin-left: 41.66666667%;
}

.wbte_sc_offset-6 {
	margin-left: 50%;
}

.wbte_sc_offset-7 {
	margin-left: 58.33333333%;
}

.wbte_sc_offset-8 {
	margin-left: 66.66666667%;
}

.wbte_sc_offset-9 {
	margin-left: 75%;
}

.wbte_sc_offset-10 {
	margin-left: 83.33333333%;
}

.wbte_sc_offset-11 {
	margin-left: 91.66666667%;
}

@media (min-width: 576px) {
	.wbte_sc_col-sm {
	flex: 1 0 0%;
	}
	.wbte_sc_row-cols-sm-auto > * {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_row-cols-sm-1 > * {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_row-cols-sm-2 > * {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_row-cols-sm-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_row-cols-sm-4 > * {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_row-cols-sm-5 > * {
	flex: 0 0 auto;
	width: 20%;
	}
	.wbte_sc_row-cols-sm-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-sm-auto {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_col-sm-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
	}
	.wbte_sc_col-sm-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-sm-3 {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_col-sm-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_col-sm-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
	}
	.wbte_sc_col-sm-6 {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_col-sm-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
	}
	.wbte_sc_col-sm-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
	}
	.wbte_sc_col-sm-9 {
	flex: 0 0 auto;
	width: 75%;
	}
	.wbte_sc_col-sm-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
	}
	.wbte_sc_col-sm-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
	}
	.wbte_sc_col-sm-12 {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_offset-sm-0 {
	margin-left: 0;
	}
	.wbte_sc_offset-sm-1 {
	margin-left: 8.33333333%;
	}
	.wbte_sc_offset-sm-2 {
	margin-left: 16.66666667%;
	}
	.wbte_sc_offset-sm-3 {
	margin-left: 25%;
	}
	.wbte_sc_offset-sm-4 {
	margin-left: 33.33333333%;
	}
	.wbte_sc_offset-sm-5 {
	margin-left: 41.66666667%;
	}
	.wbte_sc_offset-sm-6 {
	margin-left: 50%;
	}
	.wbte_sc_offset-sm-7 {
	margin-left: 58.33333333%;
	}
	.wbte_sc_offset-sm-8 {
	margin-left: 66.66666667%;
	}
	.wbte_sc_offset-sm-9 {
	margin-left: 75%;
	}
	.wbte_sc_offset-sm-10 {
	margin-left: 83.33333333%;
	}
	.wbte_sc_offset-sm-11 {
	margin-left: 91.66666667%;
	}
}
@media (min-width: 768px) {
	.wbte_sc_col-md {
	flex: 1 0 0%;
	}
	.wbte_sc_row-cols-md-auto > * {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_row-cols-md-1 > * {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_row-cols-md-2 > * {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_row-cols-md-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_row-cols-md-4 > * {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_row-cols-md-5 > * {
	flex: 0 0 auto;
	width: 20%;
	}
	.wbte_sc_row-cols-md-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-md-auto {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_col-md-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
	}
	.wbte_sc_col-md-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-md-3 {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_col-md-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_col-md-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
	}
	.wbte_sc_col-md-6 {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_col-md-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
	}
	.wbte_sc_col-md-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
	}
	.wbte_sc_col-md-9 {
	flex: 0 0 auto;
	width: 75%;
	}
	.wbte_sc_col-md-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
	}
	.wbte_sc_col-md-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
	}
	.wbte_sc_col-md-12 {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_offset-md-0 {
	margin-left: 0;
	}
	.wbte_sc_offset-md-1 {
	margin-left: 8.33333333%;
	}
	.wbte_sc_offset-md-2 {
	margin-left: 16.66666667%;
	}
	.wbte_sc_offset-md-3 {
	margin-left: 25%;
	}
	.wbte_sc_offset-md-4 {
	margin-left: 33.33333333%;
	}
	.wbte_sc_offset-md-5 {
	margin-left: 41.66666667%;
	}
	.wbte_sc_offset-md-6 {
	margin-left: 50%;
	}
	.wbte_sc_offset-md-7 {
	margin-left: 58.33333333%;
	}
	.wbte_sc_offset-md-8 {
	margin-left: 66.66666667%;
	}
	.wbte_sc_offset-md-9 {
	margin-left: 75%;
	}
	.wbte_sc_offset-md-10 {
	margin-left: 83.33333333%;
	}
	.wbte_sc_offset-md-11 {
	margin-left: 91.66666667%;
	}
}
@media (min-width: 992px) {
	.wbte_sc_col-lg {
	flex: 1 0 0%;
	}
	.wbte_sc_row-cols-lg-auto > * {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_row-cols-lg-1 > * {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_row-cols-lg-2 > * {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_row-cols-lg-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_row-cols-lg-4 > * {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_row-cols-lg-5 > * {
	flex: 0 0 auto;
	width: 20%;
	}
	.wbte_sc_row-cols-lg-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-lg-auto {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_col-lg-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
	}
	.wbte_sc_col-lg-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-lg-3 {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_col-lg-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_col-lg-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
	}
	.wbte_sc_col-lg-6 {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_col-lg-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
	}
	.wbte_sc_col-lg-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
	}
	.wbte_sc_col-lg-9 {
	flex: 0 0 auto;
	width: 75%;
	}
	.wbte_sc_col-lg-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
	}
	.wbte_sc_col-lg-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
	}
	.wbte_sc_col-lg-12 {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_offset-lg-0 {
	margin-left: 0;
	}
	.wbte_sc_offset-lg-1 {
	margin-left: 8.33333333%;
	}
	.wbte_sc_offset-lg-2 {
	margin-left: 16.66666667%;
	}
	.wbte_sc_offset-lg-3 {
	margin-left: 25%;
	}
	.wbte_sc_offset-lg-4 {
	margin-left: 33.33333333%;
	}
	.wbte_sc_offset-lg-5 {
	margin-left: 41.66666667%;
	}
	.wbte_sc_offset-lg-6 {
	margin-left: 50%;
	}
	.wbte_sc_offset-lg-7 {
	margin-left: 58.33333333%;
	}
	.wbte_sc_offset-lg-8 {
	margin-left: 66.66666667%;
	}
	.wbte_sc_offset-lg-9 {
	margin-left: 75%;
	}
	.wbte_sc_offset-lg-10 {
	margin-left: 83.33333333%;
	}
	.wbte_sc_offset-lg-11 {
	margin-left: 91.66666667%;
	}
}
@media (min-width: 1200px) {
	.wbte_sc_col-xl {
	flex: 1 0 0%;
	}
	.wbte_sc_row-cols-xl-auto > * {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_row-cols-xl-1 > * {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_row-cols-xl-2 > * {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_row-cols-xl-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_row-cols-xl-4 > * {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_row-cols-xl-5 > * {
	flex: 0 0 auto;
	width: 20%;
	}
	.wbte_sc_row-cols-xl-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-xl-auto {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_col-xl-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
	}
	.wbte_sc_col-xl-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-xl-3 {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_col-xl-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_col-xl-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
	}
	.wbte_sc_col-xl-6 {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_col-xl-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
	}
	.wbte_sc_col-xl-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
	}
	.wbte_sc_col-xl-9 {
	flex: 0 0 auto;
	width: 75%;
	}
	.wbte_sc_col-xl-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
	}
	.wbte_sc_col-xl-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
	}
	.wbte_sc_col-xl-12 {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_offset-xl-0 {
	margin-left: 0;
	}
	.wbte_sc_offset-xl-1 {
	margin-left: 8.33333333%;
	}
	.wbte_sc_offset-xl-2 {
	margin-left: 16.66666667%;
	}
	.wbte_sc_offset-xl-3 {
	margin-left: 25%;
	}
	.wbte_sc_offset-xl-4 {
	margin-left: 33.33333333%;
	}
	.wbte_sc_offset-xl-5 {
	margin-left: 41.66666667%;
	}
	.wbte_sc_offset-xl-6 {
	margin-left: 50%;
	}
	.wbte_sc_offset-xl-7 {
	margin-left: 58.33333333%;
	}
	.wbte_sc_offset-xl-8 {
	margin-left: 66.66666667%;
	}
	.wbte_sc_offset-xl-9 {
	margin-left: 75%;
	}
	.wbte_sc_offset-xl-10 {
	margin-left: 83.33333333%;
	}
	.wbte_sc_offset-xl-11 {
	margin-left: 91.66666667%;
	}
}
@media (min-width: 1400px) {
	.wbte_sc_col-xxl {
	flex: 1 0 0%;
	}
	.wbte_sc_row-cols-xxl-auto > * {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_row-cols-xxl-1 > * {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_row-cols-xxl-2 > * {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_row-cols-xxl-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_row-cols-xxl-4 > * {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_row-cols-xxl-5 > * {
	flex: 0 0 auto;
	width: 20%;
	}
	.wbte_sc_row-cols-xxl-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-xxl-auto {
	flex: 0 0 auto;
	width: auto;
	}
	.wbte_sc_col-xxl-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
	}
	.wbte_sc_col-xxl-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
	}
	.wbte_sc_col-xxl-3 {
	flex: 0 0 auto;
	width: 25%;
	}
	.wbte_sc_col-xxl-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
	}
	.wbte_sc_col-xxl-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
	}
	.wbte_sc_col-xxl-6 {
	flex: 0 0 auto;
	width: 50%;
	}
	.wbte_sc_col-xxl-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
	}
	.wbte_sc_col-xxl-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
	}
	.wbte_sc_col-xxl-9 {
	flex: 0 0 auto;
	width: 75%;
	}
	.wbte_sc_col-xxl-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
	}
	.wbte_sc_col-xxl-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
	}
	.wbte_sc_col-xxl-12 {
	flex: 0 0 auto;
	width: 100%;
	}
	.wbte_sc_offset-xxl-0 {
	margin-left: 0;
	}
	.wbte_sc_offset-xxl-1 {
	margin-left: 8.33333333%;
	}
	.wbte_sc_offset-xxl-2 {
	margin-left: 16.66666667%;
	}
	.wbte_sc_offset-xxl-3 {
	margin-left: 25%;
	}
	.wbte_sc_offset-xxl-4 {
	margin-left: 33.33333333%;
	}
	.wbte_sc_offset-xxl-5 {
	margin-left: 41.66666667%;
	}
	.wbte_sc_offset-xxl-6 {
	margin-left: 50%;
	}
	.wbte_sc_offset-xxl-7 {
	margin-left: 58.33333333%;
	}
	.wbte_sc_offset-xxl-8 {
	margin-left: 66.66666667%;
	}
	.wbte_sc_offset-xxl-9 {
	margin-left: 75%;
	}
	.wbte_sc_offset-xxl-10 {
	margin-left: 83.33333333%;
	}
	.wbte_sc_offset-xxl-11 {
	margin-left: 91.66666667%;
	}
}


 /* blanket */ 
.wbte_sc_blanket{ position:fixed; z-index:100000000; width:100%; height:100%; background-color:rgba(203, 201, 205, .3); left:0px; top:0px; display:none;}

 /* button */ 
.wbte_sc_button{ border-radius:4px; text-align:center; font-size:14px; font-weight:500; cursor:pointer; display:inline-flex; align-items:center; gap:5px; text-decoration: none; line-height: 1; }
.wbte_sc_button svg{ width:18px; height:18px; }.wbte_sc_button-large{ padding:12px 20px 12px 20px; } .wbte_sc_button-filled{ color:#fff; background:#3157A6; border:solid 1px #3157A6; }
.wbte_sc_button-filled svg path{ fill:#fff; }
.wbte_sc_button-filled:hover{ color:#fff; background:#2d4f97; border:solid 1px #2d4f97; }
.wbte_sc_button-filled:active{ color:#bdc5d6; background:#233e76; border:solid 1px #233e76; }
.wbte_sc_button-filled:active svg path{ fill:#bdc5d6;}
.wbte_sc_button-filled:focus{  color:#fff; background:#2d4f97; border:solid 1px #2d4f97;  box-shadow: 0 0 0 1px #fff,0 0 0 3px #58a3fe; }
.wbte_sc_button-filled:disabled, .wbte_sc_button-filled[disabled]{ color:#9da3aa; background:#eaebed; border:solid 1px #eaebed; cusrsor:not-allowed; } 
.wbte_sc_button-filled:disabled svg path, .wbte_sc_button-filled[disabled]  svg path{ fill:#9da3aa; } .wbte_sc_button-outlined{ color:#3157a6; background:#fff; border:solid 1px #3157a6; }
.wbte_sc_button-outlined svg path{ fill:#3157a6; }
.wbte_sc_button-outlined:hover{ color:#3157a6; background:#f1f8fe; border:solid 1px #3157a6; }
.wbte_sc_button-outlined:active{ color:#839aca; background:#f7fbfe; border:solid 1px #839aca; }
.wbte_sc_button-outlined:active svg path{ fill:#839aca; }
.wbte_sc_button-outlined:focus{ color:#3157a6; background:#fff; border:solid 1px #fff;  box-shadow: 0 0 0 1px #fff,0 0 0 3px #58a3fe; }
.wbte_sc_button-outlined:focus svg path{ fill:#3157a6; }
.wbte_sc_button-outlined:disabled, .wbte_sc_button-outlined[disabled]{ color:#9da3aa; background:#ffffff; border:solid 1px #9da3aa; cusrsor:not-allowed; } 
.wbte_sc_button-outlined:disabled svg path, .wbte_sc_button-outlined[disabled] svg path{ fill:#9da3aa;} .wbte_sc_button-tonal{ color:#056be7; background:#e7f3fd; border:solid 1px #e7f3fd; }
.wbte_sc_button-tonal svg path{ fill:#056be7; }
.wbte_sc_button-tonal:hover{ color:#056be7; background:#d0e7fb; border:solid 1px #d0e7fb; }
.wbte_sc_button-tonal:active{ color:#69a6f1; background:#f7fbfe; border:solid 1px #f7fbfe; }
.wbte_sc_button-tonal:active svg path{ fill:#69a6f1;  }
.wbte_sc_button-tonal:focus{ color:#056be7; background:#f1f8fe; border:solid 1px #f1f8fe;  box-shadow: 0 0 0 1px #fff,0 0 0 3px #58a3fe; }
.wbte_sc_button-tonal:disabled, .wbte_sc_button-tonal[disabled]{ color:#9da3aa; background:#eaebed; border:solid 1px #eaebed; cusrsor:not-allowed; } 
.wbte_sc_button-tonal:disabled svg path, .wbte_sc_button-tonal[disabled] svg path{ fill:#9da3aa;} .wbte_sc_button-text{ color:#056be7; background:transparent; border:solid 1px transparent; }
.wbte_sc_button-text svg path{ fill:#056be7; }
.wbte_sc_button-text:hover{ color:#056be7; background:#f1f8fe; border:solid 1px #f1f8fe; }
.wbte_sc_button-text:active{ color:#69a6f1; background:transparent; border:solid 1px transparent; }
.wbte_sc_button-text:active svg path{ fill:#69a6f1; }
.wbte_sc_button-text:focus{ color:#056be7; background:transparent; border:solid 1px transparent; }
.wbte_sc_button-text:disabled, .wbte_sc_button-text[disabled]{ color:#9da3aa; background:#eaebed; border:solid 1px #eaebed; cusrsor:not-allowed; } 
.wbte_sc_button-text:disabled svg path, .wbte_sc_button-text[disabled] svg path{ fill:#9da3aa; }.wbte_sc_button-danger{ color:#d63638; background:var(--wtds-color-E100); border:solid 1px #ffeded; }
.wbte_sc_button-danger svg path{ fill:#d63638;  }
.wbte_sc_button-danger:hover{ color:#d84042; background:#f8dddd; border:solid 1px #f8dddd; }
.wbte_sc_button-danger:hover svg path{ fill:#d84042;}
.wbte_sc_button-danger:active{ color:#e68688; background:#fff4f4; border:solid 1px #fff4f4; }
.wbte_sc_button-danger:active svg path{ fill:#e68688; }
.wbte_sc_button-danger:focus{ color:var(--wtds-color-E500); background:#ffeded; border:solid 1px #ffeded;  box-shadow: 0 0 0 1px #fff,0 0 0 3px var(--wtds-color-secondary-400); }
.wbte_sc_button-danger:focus svg path{ fill:var(--wtds-color-E500);}
.wbte_sc_button-danger:disabled, .wbte_sc_button-danger[disabled]{ color:#9da3aa; background:#eaebed; border:solid 1px #eaebed; cusrsor:not-allowed; } 
.wbte_sc_button-danger:disabled svg path, .wbte_sc_button-danger[disabled] svg path{ fill:#9da3aa; } .wbte_sc_button-medium{ padding:10px 16px 10px 16px; } .wbte_sc_button-small{ padding:8px 12px 8px 12px; } 

 /* checkbox */ 
.wbte_sc_checkbox{ display:inline-block; }
.wbte_sc_checkbox input[type="checkbox"]{ opacity:0;position:absolute;width:0;height:0; }
.wbte_sc_checkbox label{ display:inline-flex; align-items:center; cursor:pointer; font-size: var(--wtds-text-font-size); color: var(--wtds-label-color); }
.wbte_sc_checkbox label .checkbox-indicator{ display:inline-block; min-width: 12px; width:12px; height:12px; border:2px solid var(--wtds-color-neutral-200); border-radius:4px; cursor:pointer; margin-right:8px; transition:background-color 0.3s,border-color 0.3s; position:relative; vertical-align:middle; }
.wbte_sc_checkbox label .checkbox-indicator:hover{border:2px solid var(--wtds-color-neutral-300); }
.wbte_sc_checkbox label .checkbox-indicator svg{ display:none; width:12px; height:12px; }
.wbte_sc_checkbox label .checkbox-indicator svg path{ fill:var(--wtds-color-neutral-00); stroke:var(--wtds-color-neutral-00); }
.wbte_sc_checkbox input[type="checkbox"]:checked + label .checkbox-indicator{ background-color:var(--wtds-color-secondary-600); border:2px solid var(--wtds-color-secondary-600); }
.wbte_sc_checkbox input[type="checkbox"]:checked + label .checkbox-indicator svg{ display:flex; }
.wbte_sc_checkbox input[type="checkbox"]:disabled + label .checkbox-indicator{ background-color:var(--wtds-color-neutral-50); border:2px solid var(--wtds-color-neutral-100); cursor:not-allowed; }
.wbte_sc_checkbox input[type="checkbox"].invalid + label .checkbox-indicator{ border:2px solid var(--wtds-color-E500); }.wbte_sc_checkbox label .checkbox-indicator.checked, .wbte_sc_checkbox label .checkbox-indicator.partially-checked{ display:none; }
.wbte_sc_checkbox.wbte_sc_checkbox-master input[type="checkbox"]:checked + label .checkbox-indicator.not-checked{ display:none; }
.wbte_sc_checkbox.wbte_sc_checkbox-master .total, .wbte_sc_checkbox.wbte_sc_checkbox-master .selected{ display:inline-block; margin:0px 3px; }

 /* header */ 
.wbte_sc_header{ position:absolute; width:100%; top:0px; left:-20px; width:calc( 100% + 20px ); height:auto; min-height:66px; background:#fff; padding:15px 27px 0px 27px; box-sizing:border-box; font-family: var(--wtds-font-family); border-bottom:solid 1px var(--wtds-color-neutral-50); box-shadow: 0px 4px 12px 0px rgba(85, 101, 125, 0.1); direction: ltr; }
.wbte_sc_header_branding{ min-height:32px; margin-bottom:0px; margin-top:0px; }
.wbte_sc_header_plugin_info{ display:flex; }
.wbte_sc_header_plugin_logo{ width:28px; height:28px; }
.wbte_sc_header_plugin_name{ height:auto; max-width:calc( 100% - 34px ); margin-left:6px; font-size:20px; color:#2A3646; font-weight:bold; line-height:30px; word-wrap:break-word;}
.wbte_sc_header_dev_by{ font-size:16px; font-weight:500; color:var(--wtds-color-neutral-400); text-align:right; }
.wbte_sc_header_webtoffee_logo{ width:140px; height:16px; margin-left:5px; display:inline; }
.wbte_sc_header_nav{ width:100%; min-height:30px; display:flex; flex-wrap:wrap; gap:15px 0px; margin-top:34px; }
.wbte_sc_header_nav a{ display:inline-block; color:var(--wtds-color-neutral-400); font-size:var(--wtds-text-font-size); font-weight:400; padding:0px 15px; height:30px; box-sizing:border-box; border-bottom:solid 4px #fff; cursor:pointer; text-decoration:none; }
.wbte_sc_header_nav a:hover{color:var(--wtds-color-neutral-600);}
.wbte_sc_header_nav a:focus{box-shadow:none; outline:none;}
.wbte_sc_header_nav a.active{ border-bottom:solid 4px var(--wtds-color-primary-500); color:var(--wtds-color-primary-500); font-weight:500; }
.wbte_sc_header_nav a.notification::after{ content:''; width:6px; height:6px; background-color:var(--wtds-color-E500); border-radius:5px; position:absolute; margin-top:0px; margin-left:3px;  }
.wbte_sc_header_nav_status{ float:right; margin-left:3px; width:18px; height:18px; }
.wbte_sc_header_nav_status svg{ width:18px; height:18px; }
.wbte_sc_header_nav_status.notokay svg path{ fill:var(--wtds-color-E500); }
.wbte_sc_header_nav_status.okay{ margin-top:2px; }
.wbte_sc_header_nav_status.okay svg path{ fill:var(--wtds-color-S500); }
@media screen and (max-width: 600px) {
.wbte_sc_header{ top:40px; }
}

 /* help-widget */ 
.wbte_sc_help-widget{ position:fixed; bottom:22px; right:40px; z-index:10000; display:inline-flex; align-items:center; justify-content:center; width:45px; height:45px; border-radius:30px; font-size:24px; cursor:pointer; background:var(--wtds-color-neutral-00); color:var(--wtds-color-secondary-500); box-shadow:0px 3px 10px 0px rgba(121, 141, 160, 0.3); }
.wbte_sc_help-widget:active{ background:#fafafa; }
.wbte_sc_help-widget:focus{ box-shadow:0px 0px 0px 2px var(--wtds-color-secondary-500); }
.wbte_sc_help-widget_popupover{ display:none; position:absolute; box-sizing:border-box; bottom:65px; right:0px; padding:10px 21px; font-size:var(--wtds-text-font-size); font-weight:400; text-align:left; white-space:nowrap; color:var(--wtds-color-neutral-500); background:var(--wtds-color-neutral-00); border-radius:8px; box-shadow:0px 3px 10px 0px rgba(121, 141, 160, 0.3); }
.wbte_sc_help-widget_click{ padding:10px 0px; }
.wbte_sc_help-widget #wbte_sc_help-widget_hidden_checkbox{ display:none; }
.wbte_sc_help-widget_popupover::after{ content:''; position:absolute; border:solid 13px var(--wtds-color-neutral-00); border-right-color:transparent; border-left-color:transparent; border-bottom-color:transparent; bottom:-26px; right:10px; }
.wbte_sc_help-widget:hover .wbte_sc_help-widget_hover{ display:block; }
.wbte_sc_help-widget #wbte_sc_help-widget_hidden_checkbox:checked ~ .wbte_sc_help-widget_hover { display:none; }
.wbte_sc_help-widget #wbte_sc_help-widget_hidden_checkbox:checked ~ .wbte_sc_help-widget_click { display:block; }
.wbte_sc_help-widget_click li{ width:100%; min-width:230px; }
.wbte_sc_help-widget_click a{ display:inline-flex; align-items:center; gap:0px 5px; width:100%; padding:10px 21px; box-sizing:border-box; font-size:var(--wtds-text-font-size); font-weight:400; text-align:left; color:var(--wtds-color-neutral-500); text-decoration:none; }
.wbte_sc_help-widget_click a svg{ width:18px; height:18px; }
.wbte_sc_help-widget_click a svg path{ fill:var(--wtds-color-neutral-500); }
.wbte_sc_help-widget_click a:hover{ background:var(--wtds-color-secondary-100); }
.wbte_sc_help-widget_click a:active{ background:var(--wtds-color-neutral-50); }
.wbte_sc_help-widget_click a:focus{ box-shadow:0px 0px 0px 2px var(--wtds-color-secondary-500); }

 /* label */ 
.wbte_sc_label{ display:inline-block; text-transform:uppercase; padding:2px 6px 2px 6px; font-size:12px; font-weight:700; text-align:center; border-radius:3px; }.wbte_sc_label-default{ background:#eaebed; color:#263140; }.wbte_sc_label-success{ background:#ddf8e6; color:#006116; }.wbte_sc_label-in-progress{ background:#e7f3fd; color:#0454b4; }.wbte_sc_label-warning{ background:#fff7d6; color:#86650e; }.wbte_sc_label-failed{ background:#ffeded; color:#962627; }

 /* pagination */ 
.wbte_sc_pagination{ display:inline-flex; width:auto; height:auto; margin:0px; padding:10px; gap:5px; align-items:center; }
.wbte_sc_pagination a{ background:var(--wtds-color-neutral-00); border:solid 1px var(--wtds-color-neutral-00); color:var(--wtds-color-neutral-400); font-size: var(--wtds-text-font-size); text-decoration:none; border-radius:4px; cursor:pointer; min-height:30px; min-width:30px; display:flex; align-items:center; justify-content:center; }
.wbte_sc_pagination a:hover{ background:var(--wtds-color-primary-50); border:solid 1px var(--wtds-color-primary-50); }
.wbte_sc_pagination a:active{ background:var(--wtds-color-primary-100); border:solid 1px var(--wtds-color-primary-100); }
.wbte_sc_pagination a:focus{ background:var(--wtds-color-neutral-00); box-shadow:inset 0 0 0 1px var(--wtds-color-secondary-500); border:solid 1px var(--wtds-color-secondary-500); }
.wbte_sc_pagination a.dots{ background:var(--wtds-color-neutral-00); border:solid 1px var(--wtds-color-neutral-00); cursor:default; }
.wbte_sc_pagination a.current{ background:var(--wtds-color-secondary-100); color:var(--wtds-color-secondary-500); border:solid 1px var(--wtds-color-secondary-500); cursor:default; }
.wbte_sc_pagination a.disabled{ background:var(--wtds-color-neutral-00); color:var(--wtds-color-neutral-100); border:solid 1px var(--wtds-color-neutral-00); cursor:not-allowed; }
.wbte_sc_pagination a.disabled svg path{ fill:var(--wtds-color-neutral-100); }
.wbte_sc_pagination_label{ float:left; padding:8px; }

 /* popup */ 
.wbte_sc_popup{ background:#fff; border-radius:12px; padding:0px 30px; position:absolute; position:fixed; z-index:100000001; top:50%; left:50%; transform: translate(-50%, -50%); box-sizing:border-box; width:100%; max-width:90%; box-shadow:0px 3px 60px 0px rgba(43, 69, 88, 0.2); display:none; }
.wbte_sc_popup-head, .wbte_sc_popup-footer, .wbte_sc_popup-content{ width:100%; }
.wbte_sc_popup-head{ font-size:16px; font-weight:600; text-align:left; padding:30px 0px 15px 0px; }
.wbte_sc_popup-footer{ font-size:16px; font-weight:600; text-align:left; padding:15px 0px; }
.wbte_sc_popup-close{ float:right; width:16px; height:16px; cursor:pointer; }
.wbte_sc_popup-content{ font-size:14px; font-weight:400; text-align:left; padding:15px 0px; }.wbte_sc_popup-small{ max-width:400px; }.wbte_sc_popup-medium{ max-width:700px; }.wbte_sc_popup-large{ max-width:1000px; }.wbte_sc_popup-widget-bottom-left{ max-width:400px; top:initial; left:30px; bottom:30px; transform: translate(0%, 0%); }.wbte_sc_popup-widget-bottom-right{ max-width:400px; top:initial; left:initial; right:30px; bottom:30px; transform: translate(0%, 0%); }.wbte_sc_popup-widget-top-right{ max-width:400px; top:30px; left:initial; right:30px; transform: translate(0%, 0%); }.wbte_sc_popup-widget-top-left{ max-width:400px; top:30px; left:30px; transform: translate(0%, 0%); }

 /* radio-group */ 
.wbte_sc_radio-group { display: flex; gap: 10px; } 
.wbte_sc_radio-label { position: relative; display: flex; align-items: center; font-size: var(--wtds-text-font-size); color: var(--wtds-label-color); user-select: none; } 
.wbte_sc_radio-label:hover .wbte_sc_radio-mark { border: 2px solid var(--wtds-color-neutral-300); } 
.wbte_sc_radio-label:active .wbte_sc_radio-mark { background-color: var(--wtds-color-neutral-50); } 
.wbte_sc_radio-label:focus .wbte_sc_radio-mark, .wbte_sc_radio-label input:focus + .wbte_sc_radio-mark { border: 2px solid var(--wtds-color-secondary-300); } 
.wbte_sc_radio-label input:disabled + .wbte_sc_radio-mark { border: 2px solid var(--wtds-color-neutral-100); background-color: var(--wtds-color-neutral-50); cursor: not-allowed; } 
.wbte_sc_radio-label input:disabled ~ .wbte_sc_radio-text { cursor: not-allowed; color: var(--wtds-color-neutral-100); } 
.wbte_sc_radio-label input.invalid + .wbte_sc_radio-mark { border: 2px solid var(--wtds-color-E500); } 
.wbte_sc_radio-label input { position: absolute; opacity: 0; cursor: pointer; } 
.wbte_sc_radio-mark { position: relative; height: 12px; width: 12px; border-radius: 50%; border: 2px solid var(--wtds-color-neutral-200); display: inline-block; transition: background-color 0.3s; cursor: pointer; } 
.wbte_sc_radio-text { padding-left: 10px; cursor: pointer; } 
.wbte_sc_radio-label input:checked + .wbte_sc_radio-mark { background-color: var(--wtds-color-secondary-600); border: 2px solid var(--wtds-color-secondary-600); } 
.wbte_sc_radio-label input.invalid:checked + .wbte_sc_radio-mark { background-color: var(--wtds-color-secondary-600); border: 2px solid var(--wtds-color-secondary-600); } 
.wbte_sc_radio-label input:checked:disabled + .wbte_sc_radio-mark { border: 2px solid var(--wtds-color-neutral-50); background-color: var(--wtds-color-neutral-50); } 
.wbte_sc_radio-label input:checked:focus + .wbte_sc_radio-mark { outline: var(--wtds-color-secondary-300) solid 2px; } 
.wbte_sc_radio-label input:checked:hover + .wbte_sc_radio-mark, .wbte_sc_radio-label input:checked:active + .wbte_sc_radio-mark { background-color: var(--wtds-color-secondary-700); border: 2px solid var(--wtds-color-secondary-700); } 
.wbte_sc_radio-mark::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 6px; width: 6px; border-radius: 50%; background-color: white; opacity: 0; transition: opacity 0.3s; } 
.wbte_sc_radio-label input:checked + .wbte_sc_radio-mark::after { opacity: 1; } 
.wbte_sc_radio-label input:checked:disabled + .wbte_sc_radio-mark::after { background-color: var(--wtds-color-neutral-100); }.wbte_sc_radio-group-inline{ flex-direction: row; } .wbte_sc_radio-group-multi-line { flex-direction: column; } 

 /* segments */ 
.wbte_sc_segments{ display:flex; gap:6px; flex-wrap:wrap; }
.wbte_sc_segment{ font-size:var(--wtds-text-font-size); background:var(--wtds-color-neutral-00); border:solid 1px var(--wtds-color-neutral-50); color:var(--wtds-color-neutral-400); font-weight:500; border-radius:19px; box-shadow: 0px 4px 12px 0px rgba(85, 101, 125, 0.08); padding:10px 18px 10px 18px; cursor:pointer; display:flex;
  align-items:center; gap:0px 5px; }
.wbte_sc_segment svg path{ fill:var(--wtds-color-neutral-400);  }
.wbte_sc_segment:hover{ background:var(--wtds-color-secondary-100); color:var(--wtds-color-neutral-400); }
.wbte_sc_segment:focus{ border:solid 1px var(--wtds-color-secondary-500); box-shadow:inset 0 0 0 1px var(--wtds-color-secondary-500); color:var(--wtds-color-neutral-400); }
.wbte_sc_segment:active{ color:var(--wtds-color-neutral-200); background:var(--wtds-color-neutral-00); border:solid 1px var(--wtds-color-neutral-50); }
.wbte_sc_segment:active svg path{ fill:var(--wtds-color-neutral-200);  }
.wbte_sc_segment.active{ background:var(--wtds-color-secondary-100); border:solid 1px var(--wtds-color-secondary-200); color:var(--wtds-color-secondary-600); }
.wbte_sc_segment.active svg path{ fill:var(--wtds-color-secondary-600); }
.wbte_sc_segment_content{ display:none; }

 /* toast */ 
.wbte_sc_notify_msg{ position:fixed; width:350px; padding:20px 28px 20px 28px; font-weight:500; font-size:var(--wtds-text-font-size); right:60px; top:0px; opacity:0; border-radius:10px; z-index:1000000000; text-shadow:0px 1px 1px #fff; line-height:22px; box-shadow:0px 3px 10px 0px rgba(121, 141, 160, 0.3);}
img.wbte_sc_notify_msg_icon{ float:left; margin-right:10px; width:20px; }
.wbte_sc_notify_msg_error{ background:var(--wtds-color-E50); color:var(--wtds-color-E600); border:solid 1px var(--wtds-color-E200); }
.wbte_sc_notify_msg_success{ background:var(--wtds-color-S50); color:var(--wtds-color-S600); border:solid 1px var(--wtds-color-S200); }
.wbte_sc_notify_msg_warning{ background:var(--wtds-color-W50); color:var(--wtds-color-W700); border:solid 1px var(--wtds-color-W300); }
.wbte_sc_notify_msg_info{ background:var(--wtds-color-neutral-00); color:var(--wtds-color-neutral-500); border:solid 1px var(--wtds-color-secondary-200); }
.wbte_sc_notify_msg_progress{ background:var(--wtds-color-secondary-150); color:var(--wtds-color-secondary-800); border:solid 1px var(--wtds-color-secondary-200); }
.wbte_sc_notify_msg_progress .spinner{ visibility:visible; float:left; margin-top:1px; }

 /* toggle */ 
.wbte_sc_toggle{position:relative;display:inline-block;}
input[type="checkbox"].wbte_sc_toggle-checkbox{display:none;}
.wbte_sc_toggle-label{position:absolute;top:0;left:0;background:var(--wtds-color-neutral-100);cursor:pointer;transition:background-color 0.3s;}
.wbte_sc_toggle-label:after{content:'';display:block;background:var(--wtds-color-neutral-00);border-radius:50%;transition:margin 0.3s;}
.wbte_sc_toggle-checkbox:checked+.wbte_sc_toggle-label{background:var(--wtds-color-secondary-500);}
.wbte_sc_toggle-checkbox:focus+.wbte_sc_toggle-label{box-shadow:0 0 0 1px var(--wtds-color-neutral-00);outline:1px solid var(--wtds-color-secondary-500);outline-offset:1px;}
.wbte_sc_toggle-checkbox:disabled+.wbte_sc_toggle-label{opacity:0.6; cursor: not-allowed;}.wbte_sc_toggle-small{width:30px;height:15px;}
.wbte_sc_toggle-small .wbte_sc_toggle-label{width:30px;height:15px;border-radius:15px;}
.wbte_sc_toggle-small .wbte_sc_toggle-label:after{width:13px;height:13px; margin-left:1px; margin-top:1px;}
.wbte_sc_toggle-small .wbte_sc_toggle-checkbox:checked+.wbte_sc_toggle-label:after{margin-left:16px;}.wbte_sc_toggle-medium{width:40px;height:20px;}
.wbte_sc_toggle-medium .wbte_sc_toggle-label{width:40px;height:20px;border-radius:20px;}
.wbte_sc_toggle-medium .wbte_sc_toggle-label:after{width:18px;height:18px; margin-left:1px; margin-top:1px;}
.wbte_sc_toggle-medium .wbte_sc_toggle-checkbox:checked+.wbte_sc_toggle-label:after{margin-left:21px;}.wbte_sc_toggle-large{width:50px;height:25px;}
.wbte_sc_toggle-large .wbte_sc_toggle-label{width:50px;height:25px;border-radius:25px;}
.wbte_sc_toggle-large .wbte_sc_toggle-label:after{width:23px;height:23px; margin-left:1px; margin-top:1px;}
.wbte_sc_toggle-large .wbte_sc_toggle-checkbox:checked+.wbte_sc_toggle-label:after{margin-left:26px;}