twcpt 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +33 -4
- package/dist/charts.cjs.js +1 -1
- package/dist/charts.es.js +1 -1
- package/dist/components/j-tw-btn/index.d.ts +43 -6
- package/dist/components/j-tw-btn/types.d.ts +19 -4
- package/dist/components/j-tw-date-picker/index.d.ts +1590 -0
- package/dist/components/j-tw-date-picker/types.d.ts +147 -0
- package/dist/components/j-tw-dropdown-btn/index.d.ts +3 -0
- package/dist/components/j-tw-dropdown-btn/types.d.ts +69 -0
- package/dist/components/j-tw-tree-select-btn/index.d.ts +1356 -0
- package/dist/components/j-tw-tree-select-btn/types.d.ts +99 -0
- package/dist/global.d.ts +30 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +8 -5
- package/dist/twcpt-styles.css +1 -1
- package/dist/twcpt.cjs.js +8 -1
- package/dist/twcpt.es.js +2598 -1451
- package/dist/utils/init.d.ts +19 -0
- package/dist/utils/tool.d.ts +1 -1
- package/package.json +4 -2
- package/dist/charts.css +0 -1
- package/dist/utils/website-config.d.ts +0 -15
- /package/dist/{charts-CKv8I1ye.js → charts-BRqaKjiE.js} +0 -0
- /package/dist/{charts-DIdINgA4.cjs → charts-lTMiYKQB.cjs} +0 -0
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
import { DefineComponent } from 'vue';
|
|
2
|
+
import { JTWBtnProps } from '../j-tw-btn/types';
|
|
3
|
+
/** 树节点 */
|
|
4
|
+
export interface JTWTreeNode {
|
|
5
|
+
/** 节点唯一标识 */
|
|
6
|
+
value: string | number;
|
|
7
|
+
/** 节点显示文本 */
|
|
8
|
+
label: string;
|
|
9
|
+
/** 子节点 */
|
|
10
|
+
children?: JTWTreeNode[];
|
|
11
|
+
/** 是否禁用 */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* @description JTWTreeSelectBtn 树形选择按钮组件
|
|
16
|
+
* 只支持 primary 颜色，不支持 color 属性
|
|
17
|
+
*/
|
|
18
|
+
export interface JTWTreeSelectBtnProps extends Omit<JTWBtnProps, 'color'> {
|
|
19
|
+
/**
|
|
20
|
+
* 树形数据
|
|
21
|
+
*/
|
|
22
|
+
data?: JTWTreeNode[];
|
|
23
|
+
/**
|
|
24
|
+
* 当前选中的值（单选时为 string | number，多选时为 (string | number)[]）
|
|
25
|
+
*/
|
|
26
|
+
modelValue?: string | number | (string | number)[];
|
|
27
|
+
/**
|
|
28
|
+
* 搜索框占位符
|
|
29
|
+
*/
|
|
30
|
+
searchPlaceholder?: string;
|
|
31
|
+
/**
|
|
32
|
+
* 下拉菜单宽度
|
|
33
|
+
*/
|
|
34
|
+
dropdownWidth?: number;
|
|
35
|
+
/**
|
|
36
|
+
* 下拉菜单最大高度
|
|
37
|
+
*/
|
|
38
|
+
dropdownMaxHeight?: number;
|
|
39
|
+
/**
|
|
40
|
+
* 手风琴模式，打开一个节点时关闭其他节点
|
|
41
|
+
* @default false
|
|
42
|
+
*/
|
|
43
|
+
accordion?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* 是否多选
|
|
46
|
+
* @default false
|
|
47
|
+
*/
|
|
48
|
+
multiple?: boolean;
|
|
49
|
+
}
|
|
50
|
+
/** JTWTreeSelectBtn Emits 接口 */
|
|
51
|
+
export interface JTWTreeSelectBtnEmits {
|
|
52
|
+
(e: 'click', event: MouseEvent): void;
|
|
53
|
+
(e: 'update:modelValue', value: string | number | (string | number)[]): void;
|
|
54
|
+
(e: 'select', node: JTWTreeNode | JTWTreeNode[]): void;
|
|
55
|
+
(e: 'confirm', node: JTWTreeNode | JTWTreeNode[] | null): void;
|
|
56
|
+
(e: 'cancel'): void;
|
|
57
|
+
}
|
|
58
|
+
/** JTWTreeSelectBtn Slots 接口 */
|
|
59
|
+
export interface JTWTreeSelectBtnSlots {
|
|
60
|
+
/** 默认插槽，按钮文本内容 */
|
|
61
|
+
default?: () => any;
|
|
62
|
+
/** 图标插槽 */
|
|
63
|
+
icon?: () => any;
|
|
64
|
+
/** 自定义加载图标插槽 */
|
|
65
|
+
loading?: () => any;
|
|
66
|
+
}
|
|
67
|
+
/** JTWTreeSelectBtn 暴露的方法 */
|
|
68
|
+
export interface JTWTreeSelectBtnExpose {
|
|
69
|
+
/** 按钮根元素 */
|
|
70
|
+
$el: HTMLElement | undefined;
|
|
71
|
+
/** 触发点击 */
|
|
72
|
+
click: () => void;
|
|
73
|
+
/** 打开下拉菜单 */
|
|
74
|
+
openDropdown: () => void;
|
|
75
|
+
/** 关闭下拉菜单 */
|
|
76
|
+
closeDropdown: () => void;
|
|
77
|
+
}
|
|
78
|
+
/** Emits 配置对象格式 */
|
|
79
|
+
export type JTWTreeSelectBtnEmitsOptions = {
|
|
80
|
+
click: (e: MouseEvent) => true;
|
|
81
|
+
'update:modelValue': (value: string | number | (string | number)[]) => true;
|
|
82
|
+
select: (node: JTWTreeNode | JTWTreeNode[]) => true;
|
|
83
|
+
confirm: (node: JTWTreeNode | JTWTreeNode[] | null) => true;
|
|
84
|
+
cancel: () => true;
|
|
85
|
+
};
|
|
86
|
+
/** JTWTreeSelectBtn 组件类型定义 */
|
|
87
|
+
export type JTWTreeSelectBtnComponent = DefineComponent<JTWTreeSelectBtnProps, JTWTreeSelectBtnExpose, {}, {}, {}, {}, {}, JTWTreeSelectBtnEmitsOptions>;
|
|
88
|
+
/** JTWTreeSelectBtn 实例类型 */
|
|
89
|
+
export type JTWTreeSelectBtnInstance = InstanceType<JTWTreeSelectBtnComponent> & JTWTreeSelectBtnExpose;
|
|
90
|
+
/** JTWTreeSelectBtn 模板 Props（用于全局类型声明） */
|
|
91
|
+
export interface JTWTreeSelectBtnTemplateProps extends JTWTreeSelectBtnProps {
|
|
92
|
+
onClick?: (event: MouseEvent) => void;
|
|
93
|
+
'onUpdate:modelValue'?: (value: string | number | (string | number)[]) => void;
|
|
94
|
+
onSelect?: (node: JTWTreeNode | JTWTreeNode[]) => void;
|
|
95
|
+
onConfirm?: (node: JTWTreeNode | JTWTreeNode[] | null) => void;
|
|
96
|
+
onCancel?: () => void;
|
|
97
|
+
class?: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
|
|
98
|
+
style?: string | Record<string, string>;
|
|
99
|
+
}
|
package/dist/global.d.ts
CHANGED
|
@@ -5,6 +5,9 @@ import { JChLineProps, JChLineSlots } from './components/j-ch-line/types';
|
|
|
5
5
|
import { JChPieDoughnutProps, JChPieDoughnutSlots } from './components/j-ch-pie-doughnut/types';
|
|
6
6
|
import { JChRadarProps, JChRadarSlots } from './components/j-ch-radar/types';
|
|
7
7
|
import { JTWBtnTemplateProps, JTWBtnSlots, JTWBtnEmits } from './components/j-tw-btn/types';
|
|
8
|
+
import { JTWDatePickerTemplateProps, JTWDatePickerSlots, JTWDatePickerEmits } from './components/j-tw-date-picker/types';
|
|
9
|
+
import { JTWDropdownBtnTemplateProps, JTWDropdownBtnSlots, JTWDropdownBtnEmits } from './components/j-tw-dropdown-btn/types';
|
|
10
|
+
import { JTWTreeSelectBtnTemplateProps, JTWTreeSelectBtnSlots, JTWTreeSelectBtnEmits } from './components/j-tw-tree-select-btn/types';
|
|
8
11
|
declare module 'vue' {
|
|
9
12
|
export interface GlobalComponents {
|
|
10
13
|
/**
|
|
@@ -69,6 +72,33 @@ declare module 'vue' {
|
|
|
69
72
|
$slots: JTWBtnSlots;
|
|
70
73
|
$emit: JTWBtnEmits;
|
|
71
74
|
};
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* JTWDatePicker - JTWDatePicker 日期范围选择器组件
|
|
78
|
+
*/
|
|
79
|
+
JTWDatePicker: new () => {
|
|
80
|
+
$props: JTWDatePickerTemplateProps;
|
|
81
|
+
$slots: JTWDatePickerSlots;
|
|
82
|
+
$emit: JTWDatePickerEmits;
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
/**
|
|
86
|
+
* JTWDropdownBtn - JTWDropdownBtn 下拉按钮组件
|
|
87
|
+
*/
|
|
88
|
+
JTWDropdownBtn: new () => {
|
|
89
|
+
$props: JTWDropdownBtnTemplateProps;
|
|
90
|
+
$slots: JTWDropdownBtnSlots;
|
|
91
|
+
$emit: JTWDropdownBtnEmits;
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
/**
|
|
95
|
+
* JTWTreeSelectBtn - JTWTreeSelectBtn 树形选择按钮组件
|
|
96
|
+
*/
|
|
97
|
+
JTWTreeSelectBtn: new () => {
|
|
98
|
+
$props: JTWTreeSelectBtnTemplateProps;
|
|
99
|
+
$slots: JTWTreeSelectBtnSlots;
|
|
100
|
+
$emit: JTWTreeSelectBtnEmits;
|
|
101
|
+
};
|
|
72
102
|
}
|
|
73
103
|
}
|
|
74
104
|
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.j-tw-btn[data-v-5a2d1e3c]{border-radius:4px;font-weight:400;letter-spacing:0;transition:background-color .2s,border-color .2s,color .2s}.j-tw-btn.j-tw-btn--large[data-v-5a2d1e3c]{height:34px;padding:0 16px;font-size:14px}.j-tw-btn.j-tw-btn--normal[data-v-5a2d1e3c]{height:28px;padding:0 12px;font-size:12px}.j-tw-btn.j-tw-btn--small[data-v-5a2d1e3c]{height:24px;padding:0 8px;font-size:12px}.j-tw-btn.j-tw-btn--primary[data-v-5a2d1e3c]{--el-button-bg-color: var(--j-color-primary);--el-button-border-color: var(--j-color-primary);--el-button-text-color: var(--j-color-white);--el-button-hover-bg-color: color-mix(in srgb, var(--j-color-primary) 85%, white);--el-button-hover-border-color: color-mix(in srgb, var(--j-color-primary) 85%, white);--el-button-hover-text-color: var(--j-color-white);--el-button-active-bg-color: color-mix(in srgb, var(--j-color-primary) 90%, black);--el-button-active-border-color: color-mix(in srgb, var(--j-color-primary) 90%, black);--el-button-active-text-color: var(--j-color-white);--el-button-disabled-bg-color: color-mix(in srgb, var(--j-color-primary) 50%, white);--el-button-disabled-border-color: color-mix(in srgb, var(--j-color-primary) 50%, white);--el-button-disabled-text-color: var(--j-color-white)}.j-tw-btn.j-tw-btn--secondary[data-v-5a2d1e3c]{--el-button-bg-color: var(--j-color-white);--el-button-border-color: var(--j-color-grey-light);--el-button-text-color: var(--j-color-dark-strong);--el-button-hover-bg-color: var(--j-color-grey-lighter);--el-button-hover-border-color: var(--j-color-grey-medium);--el-button-hover-text-color: var(--j-color-dark);--el-button-active-bg-color: var(--j-color-grey-light);--el-button-active-border-color: var(--j-color-grey);--el-button-active-text-color: var(--j-color-dark-strong);--el-button-disabled-bg-color: var(--j-color-dark-lighter);--el-button-disabled-border-color: var(--j-color-grey-light);--el-button-disabled-text-color: var(--j-color-grey)}.j-tw-btn.j-tw-btn--text[data-v-5a2d1e3c]{--el-button-bg-color: transparent;--el-button-border-color: transparent;--el-button-text-color: var(--j-color-primary);--el-button-hover-bg-color: var(--j-color-blue-light);--el-button-hover-border-color: transparent;--el-button-hover-text-color: var(--j-color-primary);--el-button-active-bg-color: color-mix(in srgb, var(--j-color-blue-light) 80%, var(--j-color-primary));--el-button-active-border-color: transparent;--el-button-active-text-color: var(--j-color-primary);--el-button-disabled-bg-color: transparent;--el-button-disabled-border-color: transparent;--el-button-disabled-text-color: var(--j-color-grey)}
|
|
1
|
+
.j-tw-btn[data-v-e7ccfcf5]{border-radius:4px;font-weight:400;letter-spacing:0;transition:background-color .2s,border-color .2s,color .2s}.j-tw-btn+.j-tw-btn[data-v-e7ccfcf5]{margin-left:0}.j-tw-btn.j-tw-btn--large[data-v-e7ccfcf5]{font-size:14px;height:34px;padding:0 16px}.j-tw-btn.j-tw-btn--normal[data-v-e7ccfcf5]{font-size:14px;height:32px;padding:0 12px}.j-tw-btn.j-tw-btn--normal[data-v-e7ccfcf5]>span{position:relative;top:2px}.j-tw-btn.j-tw-btn--small[data-v-e7ccfcf5]{font-size:12px;height:24px;padding:0 8px}.j-tw-btn.j-tw-btn--small[data-v-e7ccfcf5]>span{position:relative;top:2px}.j-tw-btn.j-tw-btn--button[data-v-e7ccfcf5]{--el-button-bg-color:var(--j-btn-color,var(--j-color-primary));--el-button-border-color:var(--j-btn-color,var(--j-color-primary));--el-button-text-color:var(--j-color-white);--el-button-hover-bg-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 85%,#fff);--el-button-hover-border-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 85%,#fff);--el-button-hover-text-color:var(--j-color-white);--el-button-active-bg-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 90%,#000);--el-button-active-border-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 90%,#000);--el-button-active-text-color:var(--j-color-white);--el-button-disabled-bg-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 50%,#fff);--el-button-disabled-border-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 50%,#fff);--el-button-disabled-text-color:var(--j-color-white)}.j-tw-btn.j-tw-btn--outline[data-v-e7ccfcf5]{--el-button-bg-color:var(--j-color-white);--el-button-border-color:var(--j-btn-color,var(--j-color-primary));--el-button-text-color:var(--j-btn-color,var(--j-color-primary));--el-button-hover-bg-color:var(--j-color-white);--el-button-hover-border-color:var(--j-btn-color,var(--j-color-primary));--el-button-hover-text-color:var(--j-btn-color,var(--j-color-primary));--el-button-active-bg-color:var(--j-btn-color-5,var(--j-color-primary-5));--el-button-active-border-color:var(--j-btn-color-1,var(--j-color-primary-1));--el-button-active-text-color:var(--j-btn-color-1,var(--j-color-primary-1));--el-button-disabled-bg-color:var(--j-color-white);--el-button-disabled-border-color:var(--j-btn-color-5,var(--j-color-primary-5));--el-button-disabled-text-color:var(--j-btn-color-4,var(--j-color-primary-4))}.j-tw-btn.j-tw-btn--text[data-v-e7ccfcf5]{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-text-color:var(--j-btn-color,var(--j-color-primary));--el-button-hover-bg-color:var(--j-btn-color-6,var(--j-color-primary-6));--el-button-hover-border-color:transparent;--el-button-hover-text-color:var(--j-btn-color,var(--j-color-primary));--el-button-active-bg-color:var(--j-btn-color-5,var(--j-color-primary-5));--el-button-active-border-color:transparent;--el-button-active-text-color:var(--j-btn-color-1,var(--j-color-primary-1));--el-button-disabled-bg-color:transparent;--el-button-disabled-border-color:transparent;--el-button-disabled-text-color:var(--j-color-grey-3)}.j-tw-btn.j-tw-btn--flat[data-v-e7ccfcf5]{--el-button-bg-color:#f2f3f5;--el-button-border-color:#f2f3f5;--el-button-text-color:#1d2129;--el-button-hover-bg-color:#e5e6eb;--el-button-hover-border-color:#e5e6eb;--el-button-hover-text-color:#1d2129;--el-button-active-bg-color:#c9cdd4;--el-button-active-border-color:#c9cdd4;--el-button-active-text-color:#1d2129;--el-button-disabled-bg-color:#f7f8fa;--el-button-disabled-border-color:#f7f8fa;--el-button-disabled-text-color:#86909c}.j-tw-btn.j-tw-btn--flat[data-v-e7ccfcf5]:focus-visible{outline:none}.j-tw-btn[data-v-e7ccfcf5] .j-tw-btn__loading-icon{animation:j-tw-btn-loading-rotate-e7ccfcf5 1s linear infinite;display:inline-block;flex-shrink:0;height:14px!important;margin-right:6px;vertical-align:-.125em;width:14px!important;will-change:transform}@keyframes j-tw-btn-loading-rotate-e7ccfcf5{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.j-tw-btn[data-v-c2317870]{border-radius:4px;font-weight:400;letter-spacing:0;transition:background-color .2s,border-color .2s,color .2s}.j-tw-btn.j-tw-btn--large[data-v-c2317870]{font-size:14px;height:34px;padding:0 16px}.j-tw-btn.j-tw-btn--normal[data-v-c2317870]{font-size:14px;height:32px;padding:0 12px}.j-tw-btn.j-tw-btn--small[data-v-c2317870]{font-size:12px;height:24px;padding:0 8px}.j-tw-btn.j-tw-btn--button[data-v-c2317870]{--el-button-bg-color:var(--j-btn-color,var(--j-color-primary));--el-button-border-color:var(--j-btn-color,var(--j-color-primary));--el-button-text-color:var(--j-color-white);--el-button-hover-bg-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 85%,#fff);--el-button-hover-border-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 85%,#fff);--el-button-hover-text-color:var(--j-color-white);--el-button-active-bg-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 90%,#000);--el-button-active-border-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 90%,#000);--el-button-active-text-color:var(--j-color-white);--el-button-disabled-bg-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 50%,#fff);--el-button-disabled-border-color:color-mix(in srgb,var(--j-btn-color,var(--j-color-primary)) 50%,#fff);--el-button-disabled-text-color:var(--j-color-white)}.j-tw-btn.j-tw-btn--outline[data-v-c2317870]{--el-button-bg-color:var(--j-color-white);--el-button-border-color:var(--j-btn-color,var(--j-color-primary));--el-button-text-color:var(--j-color-text-1,#1d2129);--el-button-hover-bg-color:var(--j-btn-color-6,var(--j-color-primary-6));--el-button-hover-border-color:var(--j-btn-color,var(--j-color-primary));--el-button-hover-text-color:var(--j-color-text-1,#1d2129);--el-button-active-bg-color:var(--j-btn-color-5,var(--j-color-primary-5));--el-button-active-border-color:var(--j-btn-color-1,var(--j-color-primary-1));--el-button-active-text-color:var(--j-color-text-1,#1d2129);--el-button-disabled-bg-color:var(--j-color-white);--el-button-disabled-border-color:var(--j-btn-color-5,var(--j-color-primary-5));--el-button-disabled-text-color:var(--j-btn-color-4,var(--j-color-primary-4))}.j-tw-btn.j-tw-btn--text[data-v-c2317870]{--el-button-bg-color:transparent;--el-button-border-color:transparent;--el-button-text-color:var(--j-btn-color,var(--j-color-primary));--el-button-hover-bg-color:var(--j-btn-color-6,var(--j-color-primary-6));--el-button-hover-border-color:transparent;--el-button-hover-text-color:var(--j-btn-color,var(--j-color-primary));--el-button-active-bg-color:var(--j-btn-color-5,var(--j-color-primary-5));--el-button-active-border-color:transparent;--el-button-active-text-color:var(--j-btn-color-1,var(--j-color-primary-1));--el-button-disabled-bg-color:transparent;--el-button-disabled-border-color:transparent;--el-button-disabled-text-color:var(--j-color-grey-3)}.j-tw-btn[data-v-c2317870] .j-tw-btn__loading-icon{animation:j-tw-btn-loading-rotate-c2317870 1s linear infinite;display:inline-block;flex-shrink:0;height:14px!important;margin-right:6px;vertical-align:-.125em;width:14px!important;will-change:transform}@keyframes j-tw-btn-loading-rotate-c2317870{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.j-tw-dropdown-btn[data-v-c2317870]{display:inline-flex;position:relative}.j-tw-dropdown-btn__main[data-v-c2317870] .el-button__inner{align-items:center;display:inline-flex}.j-tw-dropdown-btn[data-v-c2317870] .el-button>span{position:relative;top:2px}.j-tw-dropdown-btn__label[data-v-c2317870]{flex:1}.j-tw-dropdown-btn__arrow[data-v-c2317870]{color:#4e5969;display:block;flex-shrink:0;height:16px;margin-left:4px;position:relative;top:-2px;transform:rotate(180deg);transition:transform .2s;width:16px}.j-tw-dropdown-btn__arrow--open[data-v-c2317870]{transform:rotate(0)}.j-tw-dropdown-btn__main.j-tw-btn--button .j-tw-dropdown-btn__arrow[data-v-c2317870]{color:var(--j-color-white)}.j-tw-dropdown-btn__main.j-tw-btn--outline[data-v-c2317870]{border-color:var(--j-color-grey-5)!important;--el-button-hover-bg-color:var(--j-color-white,#fff)!important;--el-button-active-bg-color:var(--j-color-white,#fff)!important}.j-tw-dropdown-btn__main.j-tw-btn--outline.j-tw-dropdown-btn__main--open[data-v-c2317870]{border-color:var(--j-color-primary)!important}.j-tw-dropdown-btn__menu[data-v-c2317870]{background:var(--j-color-white);border:1px solid #e5e6eb;border-radius:4px;box-shadow:0 4px 10px #4e596933;max-height:300px;overflow-y:auto;padding:8px 0;position:fixed;width:auto;z-index:2000}.j-tw-dropdown-btn__option[data-v-c2317870]{align-items:center;color:var(--j-color-text-1,#1d2129);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:4px 16px;transition:background-color .2s;white-space:nowrap}.j-tw-dropdown-btn__option[data-v-c2317870]:hover:not(.j-tw-dropdown-btn__option--disabled){background:#f2f3f5}.j-tw-dropdown-btn__option--selected[data-v-c2317870]{color:var(--j-dropdown-btn-color,var(--j-color-primary))}.j-tw-dropdown-btn__option--disabled[data-v-c2317870]{cursor:not-allowed;opacity:.5}.j-tw-dropdown-btn__option-label[data-v-c2317870]{flex:1}.j-tw-dropdown-btn__selected-icon[data-v-c2317870]{color:currentColor;flex-shrink:0;height:16px;margin-left:8px;width:16px}.j-tw-dropdown-fade-enter-active[data-v-c2317870],.j-tw-dropdown-fade-leave-active[data-v-c2317870]{transition:opacity .2s,transform .2s}.j-tw-dropdown-fade-enter-from[data-v-c2317870],.j-tw-dropdown-fade-leave-to[data-v-c2317870]{opacity:0;transform:translateY(-8px)}@keyframes j-tw-btn-loading-cf6515ad{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.j-tw-tree-select-btn[data-v-cf6515ad]{display:inline-flex;position:relative}.j-tw-tree-select-btn__main[data-v-cf6515ad] .el-button__inner{align-items:center;display:inline-flex}.j-tw-tree-select-btn[data-v-cf6515ad] .el-button>span{position:relative;top:2px}.j-tw-tree-select-btn__label[data-v-cf6515ad]{flex:1}.j-tw-tree-select-btn__arrow[data-v-cf6515ad]{color:#4e5969;display:block;flex-shrink:0;height:16px;margin-left:4px;position:relative;top:-2px;transform:rotate(180deg);transition:transform .2s;width:16px}.j-tw-tree-select-btn__arrow--open[data-v-cf6515ad]{transform:rotate(0)}.j-tw-tree-select-btn__main.j-tw-btn--button .j-tw-tree-select-btn__arrow[data-v-cf6515ad]{color:var(--j-color-white)}.j-tw-tree-select-btn__main.j-tw-btn--outline[data-v-cf6515ad]{border-color:var(--j-color-grey-5)!important;--el-button-text-color:var(--j-color-text-1,#1d2129)!important;--el-button-hover-bg-color:var(--j-color-white,#fff)!important;--el-button-active-bg-color:var(--j-color-white,#fff)!important;--el-button-hover-text-color:var(--j-color-text-1,#1d2129)!important;--el-button-active-text-color:var(--j-color-text-1,#1d2129)!important}.j-tw-tree-select-btn__main.j-tw-btn--outline.j-tw-tree-select-btn__main--open[data-v-cf6515ad]{border-color:var(--j-color-primary)!important}.j-tw-tree-select-btn__menu[data-v-cf6515ad]{background:#fff;border-radius:8px;box-shadow:0 4px 10px #4e596933;display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:2000}.j-tw-tree-select-btn__search[data-v-cf6515ad]{border-bottom:1px solid #e5e6eb;padding:12px;position:relative}.j-tw-tree-select-btn__search-input[data-v-cf6515ad]{background:#f2f3f5;border:none;border-radius:4px;color:#1d2129;font-size:14px;height:32px;outline:none;padding:5px 36px 5px 12px;width:100%}.j-tw-tree-select-btn__search-input[data-v-cf6515ad]::-moz-placeholder{color:#86909c}.j-tw-tree-select-btn__search-input[data-v-cf6515ad]::placeholder{color:#86909c}.j-tw-tree-select-btn__search-icon[data-v-cf6515ad]{height:16px;pointer-events:none;position:absolute;right:24px;top:50%;transform:translateY(-50%);width:16px}.j-tw-tree-select-btn__tree[data-v-cf6515ad]{flex:1;overflow-y:auto;padding:12px 0}.j-tw-tree-select-btn__empty[data-v-cf6515ad]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.j-tw-tree-select-btn__empty-icon[data-v-cf6515ad]{height:64px;margin-bottom:12px;width:64px}.j-tw-tree-select-btn__empty-text[data-v-cf6515ad]{color:#86909c;font-size:14px;line-height:22px;margin:0}.j-tw-tree-select-btn__node-wrapper--expanded>.j-tw-tree-select-btn__node[data-v-cf6515ad],.j-tw-tree-select-btn__node-wrapper[data-v-cf6515ad]:not(:last-child){margin-bottom:8px}.j-tw-tree-select-btn__node[data-v-cf6515ad]{align-items:center;cursor:pointer;display:flex;height:32px;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.j-tw-tree-select-btn__node--disabled[data-v-cf6515ad]{cursor:not-allowed;opacity:.5}.j-tw-tree-select-btn__node[data-v-cf6515ad]:hover:not(.j-tw-tree-select-btn__node--disabled){background:#f7f8fa}.j-tw-tree-select-btn__expand-btn[data-v-cf6515ad]{align-items:center;cursor:pointer;display:flex;justify-content:center}.j-tw-tree-select-btn__expand-btn[data-v-cf6515ad],.j-tw-tree-select-btn__expand-placeholder[data-v-cf6515ad]{flex-shrink:0;height:20px;margin-right:8px;width:20px}.j-tw-tree-select-btn__expand-icon[data-v-cf6515ad]{display:block;height:16px;width:16px}.j-tw-tree-select-btn__radio[data-v-cf6515ad]{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:8px}.j-tw-tree-select-btn__radio-icon[data-v-cf6515ad]{display:block;height:16px;width:16px}.j-tw-tree-select-btn__node-label[data-v-cf6515ad]{color:#1d2129;font-size:14px;line-height:22px;position:relative;top:2px}.j-tw-tree-select-btn__children[data-v-cf6515ad]{position:relative}.j-tw-tree-select-btn__child-node[data-v-cf6515ad]{align-items:center;cursor:pointer;display:flex;height:32px;padding:0 16px 0 44px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.j-tw-tree-select-btn__child-node--disabled[data-v-cf6515ad]{cursor:not-allowed;opacity:.5}.j-tw-tree-select-btn__child-node[data-v-cf6515ad]:hover:not(.j-tw-tree-select-btn__child-node--disabled){background:#f7f8fa}.j-tw-tree-select-btn__child-node[data-v-cf6515ad]:not(:last-child){margin-bottom:8px}.j-tw-tree-select-btn__child-line[data-v-cf6515ad]{background:#e5e6eb;bottom:0;left:26px;position:absolute;top:0;width:1px}.j-tw-tree-select-btn__child-line[data-v-cf6515ad]:before{background:#e5e6eb;content:"";height:1px;left:0;position:absolute;top:16px;width:10px}.j-tw-tree-select-btn__child-node--last .j-tw-tree-select-btn__child-line[data-v-cf6515ad]{bottom:50%}.j-tw-tree-select-btn__footer[data-v-cf6515ad]{align-items:center;border-top:1px solid #e5e6eb;display:flex;gap:16px;justify-content:flex-end;padding:12px 16px}.j-tw-tree-select-fade-enter-active[data-v-cf6515ad],.j-tw-tree-select-fade-leave-active[data-v-cf6515ad]{transition:opacity .2s ease}.j-tw-tree-select-fade-enter-from[data-v-cf6515ad],.j-tw-tree-select-fade-leave-to[data-v-cf6515ad]{opacity:0}.j-tw-date-picker[data-v-34c7967d]{display:inline-block;width:100%}.j-tw-date-picker[data-v-34c7967d] .el-input__wrapper{background-color:#fff!important;border:1px solid #e5e7eb;border-radius:4px;box-shadow:none!important;transition:all .2s ease}.j-tw-date-picker[data-v-34c7967d] .el-input__wrapper.is-active,.j-tw-date-picker[data-v-34c7967d] .el-input__wrapper.is-focus{border-color:var(--j-color-primary,#3b82f6)!important;box-shadow:none!important}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input{width:100%}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-input__inner{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;padding:0}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-input__inner::-moz-placeholder{color:#9ca3af}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-input__inner::placeholder{color:#9ca3af}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-range-input{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-range-input::-moz-placeholder{color:#9ca3af}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-range-input::placeholder{color:#9ca3af}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-range-separator{color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;padding:0 4px}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-input__prefix{display:none}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-input__suffix{align-items:center;display:flex;justify-content:center}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-input__suffix-inner{align-items:center;display:flex;gap:4px}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-icon{color:#6b7280;cursor:pointer;font-size:16px;transition:color .2s ease}.j-tw-date-picker[data-v-34c7967d] .j-tw-date-picker__input .el-icon:hover{color:#374151}.j-tw-date-picker .j-tw-date-picker__calendar-icon[data-v-34c7967d]{color:#6b7280;cursor:pointer;height:16px;transition:opacity .2s ease;width:16px}.j-tw-date-picker .j-tw-date-picker__calendar-icon[data-v-34c7967d]:hover{opacity:.7}.j-tw-date-picker .j-tw-date-picker__separator[data-v-34c7967d]{color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;padding:0 4px}[data-v-34c7967d] .j-tw-date-picker__popper{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__header{margin:12px;padding:0}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__header div{color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content{padding:12px}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content.is-left{border-right:1px solid #e5e7eb}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table th{border-bottom:none;color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;padding:8px 0}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td{padding:2px}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td.available:hover .el-date-table-cell__text{background-color:#f3f4f6;color:#1f2937}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td.in-range .el-date-table-cell__text{background-color:#eff6ff;color:#1f2937}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td.end-date .el-date-table-cell__text,[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td.start-date .el-date-table-cell__text{background-color:#3b82f6;color:#fff}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td.today .el-date-table-cell__text{color:#3b82f6;font-weight:500}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td.disabled .el-date-table-cell__text{background-color:transparent;color:#d1d5db;cursor:not-allowed}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__body-wrapper .el-picker-panel__body .el-date-range-picker__content .el-date-table td .el-date-table-cell__text{border-radius:6px;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:400;height:32px;line-height:32px;transition:all .2s ease;width:32px}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__footer{border-top:1px solid #e5e7eb;padding:12px}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__footer .el-picker-panel__link-btn{color:#3b82f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;transition:color .2s ease}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__footer .el-picker-panel__link-btn:hover{color:#2563eb}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__icon-btn{color:#6b7280;transition:color .2s ease}[data-v-34c7967d] .j-tw-date-picker__popper .el-picker-panel__icon-btn:hover{color:#374151}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
/// <reference path="./global.d.ts" />
|
|
2
2
|
import { default as JTWBtn } from './components/j-tw-btn/index';
|
|
3
|
+
import { default as JTWDropdownBtn } from './components/j-tw-dropdown-btn/index';
|
|
4
|
+
import { default as JTWTreeSelectBtn } from './components/j-tw-tree-select-btn/index';
|
|
5
|
+
import { default as JTWDatePicker } from './components/j-tw-date-picker/index';
|
|
3
6
|
export { JChBar, JChBarLine, JChBubble, JChLine, JChPieDoughnut, JChRadar } from './charts';
|
|
4
|
-
export { twcptInit, PAGE_PERMISSION_KEY, PAGE_ACTION_PERMISSION_KEY } from './utils/init';
|
|
7
|
+
export { twcptInit, PAGE_PERMISSION_KEY, PAGE_ACTION_PERMISSION_KEY, getTwcptColors, getProjectPermissionId, getTwcptConfig } from './utils/init';
|
|
5
8
|
export type { TWcptInitOptions, ColorConfig } from './utils/init';
|
|
6
9
|
export { twcptIconMapFn, composeIconMapFn } from './utils/icon-map';
|
|
7
10
|
export type { IconMapFn } from './utils/icon-map';
|
|
@@ -59,10 +62,10 @@ export declare const jqTool: {
|
|
|
59
62
|
digits?: number;
|
|
60
63
|
showUnit?: boolean;
|
|
61
64
|
}): string | number;
|
|
62
|
-
setTitleAndLogo: typeof toolUtils.setTitleAndLogo;
|
|
63
|
-
getTitle: typeof toolUtils.getTitle;
|
|
64
|
-
getNavLogo: typeof toolUtils.getNavLogo;
|
|
65
65
|
};
|
|
66
66
|
export type { JQToolType } from './types';
|
|
67
67
|
export type { JTWBtnSize, JTWBtnType, JTWBtnSizeType, JTWBtnTypeType, JTWBtnTooltipConfig, JTWBtnProps, JTWBtnEmits, JTWBtnSlots, JTWBtnExpose, JTWBtnComponent, JTWBtnInstance, JTWBtnTemplateProps, } from './components/j-tw-btn/types';
|
|
68
|
-
export {
|
|
68
|
+
export type { JTWDropdownOption, JTWDropdownBtnProps, JTWDropdownBtnEmits, JTWDropdownBtnSlots, JTWDropdownBtnExpose, JTWDropdownBtnComponent, JTWDropdownBtnInstance, JTWDropdownBtnTemplateProps, } from './components/j-tw-dropdown-btn/types';
|
|
69
|
+
export type { JTWTreeNode, JTWTreeSelectBtnProps, JTWTreeSelectBtnEmits, JTWTreeSelectBtnSlots, JTWTreeSelectBtnExpose, JTWTreeSelectBtnComponent, JTWTreeSelectBtnInstance, JTWTreeSelectBtnTemplateProps, } from './components/j-tw-tree-select-btn/types';
|
|
70
|
+
export type { JTWDatePickerProps, JTWDatePickerEmits, JTWDatePickerSlots, JTWDatePickerExpose, JTWDatePickerComponent, JTWDatePickerInstance, JTWDatePickerTemplateProps, } from './components/j-tw-date-picker/types';
|
|
71
|
+
export { JTWBtn, JTWDropdownBtn, JTWTreeSelectBtn, JTWDatePicker, };
|
package/dist/twcpt-styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--j-color-primary: #0b5cff;--j-color-blue: #0b5cff;--j-color-dark: #323232;--j-color-green: #2da641;--j-color-red: #e93030;--j-color-negative: #e93030;--j-color-yellow: #f2c037;--j-color-grey: #969799;--j-color-white: #ffffff;--j-color-blue-light: #f0f4ff;--j-color-dark-lighter: #f7f7f7;--j-color-green-light: #c0e4c6;--j-color-red-light: #fff0f0;--j-color-yellow-light: #fff9e9;--j-color-grey-strong: #969799;--j-color-grey-medium: #aaaaaa;--j-color-grey-light: #eeeeee;--j-color-grey-lighter: #f5f6fa;--j-color-dark-strong: #131523}
|
|
1
|
+
.twcpt-container{--j-color-primary:#165dff;--j-color-primary-1:#0e42d2;--j-color-primary-2:#165dff;--j-color-primary-3:#4080ff;--j-color-primary-4:#6aa1ff;--j-color-primary-5:#94bfff;--j-color-primary-6:#bedaff;--j-color-grey-1:#1d2129;--j-color-grey-2:#4e5969;--j-color-grey-3:#86909c;--j-color-grey-4:#c9cdd4;--j-color-grey-5:#e5e6eb;--j-color-black:#000;--j-color-white:#fff;--j-color-green:#00b42a;--j-color-green-1:#00875a;--j-color-green-2:#00b42a;--j-color-green-3:#23c343;--j-color-green-4:#4cd263;--j-color-green-5:#7be188;--j-color-green-6:#aff0b5;--j-color-orange:#ff7d00;--j-color-orange-1:#d25f00;--j-color-orange-2:#ff7d00;--j-color-orange-3:#ff9a2e;--j-color-orange-4:#ffb65d;--j-color-orange-5:#ffcf8b;--j-color-orange-6:#ffe4ba;--j-color-red:#f53f3f;--j-color-red-1:#cb2634;--j-color-red-2:#f53f3f;--j-color-red-3:#f76560;--j-color-red-4:#f98981;--j-color-red-5:#fdaca7;--j-color-red-6:#ffccc7;--j-color-cyan:#14c9c9;--j-color-cyan-1:#0da5aa;--j-color-cyan-2:#14c9c9;--j-color-cyan-3:#37d4cf;--j-color-cyan-4:#5adfd7;--j-color-cyan-5:#87e8dd;--j-color-cyan-6:#b2f1e8;--j-color-brown:#d97706;--j-color-brown-1:#b35c00;--j-color-brown-2:#d97706;--j-color-brown-3:#e89a3c;--j-color-brown-4:#f3b765;--j-color-brown-5:#f9d28f;--j-color-brown-6:#fdeab8;--j-color-yellow:#f7ba1e;--j-color-yellow-1:#d48806;--j-color-yellow-2:#f7ba1e;--j-color-yellow-3:#fadc19;--j-color-yellow-4:#fcee21;--j-color-yellow-5:#fef65b;--j-color-yellow-6:#fffb8f;--j-color-blue:#3491fa;--j-color-blue-1:#146aff;--j-color-blue-2:#3491fa;--j-color-blue-3:#57a3f7;--j-color-blue-4:#79bbf8;--j-color-blue-5:#a8d3fb;--j-color-blue-6:#c7e2fd;--j-color-purple:#722ed1;--j-color-purple-1:#551db1;--j-color-purple-2:#722ed1;--j-color-purple-3:#8e51da;--j-color-purple-4:#a871e3;--j-color-purple-5:#c396ed;--j-color-purple-6:#ddbef6;--j-color-lime:#9fdb1d;--j-color-lime-1:#7bc616;--j-color-lime-2:#9fdb1d;--j-color-lime-3:#b4e04b;--j-color-lime-4:#c8e672;--j-color-lime-5:#dcec9a;--j-color-lime-6:#eff4c6;--j-color-magenta:#f5319d;--j-color-magenta-1:#cb247a;--j-color-magenta-2:#f5319d;--j-color-magenta-3:#f754b0;--j-color-magenta-4:#f975c2;--j-color-magenta-5:#fb9dd1;--j-color-magenta-6:#fdc5e3;--j-color-pink:#f77ebe;--j-color-pink-1:#d6549d;--j-color-pink-2:#f77ebe;--j-color-pink-3:#f99ac8;--j-color-pink-4:#fab4d4;--j-color-pink-5:#fccee0;--j-color-pink-6:#fee7ef}.twcpt-container .j-border-color-primary{border-color:#165dff!important}.twcpt-container .j-border-color-left-primary{border-left-color:#165dff!important}.twcpt-container .j-border-color-right-primary{border-right-color:#165dff!important}.twcpt-container .j-border-color-top-primary{border-top-color:#165dff!important}.twcpt-container .j-border-color-bottom-primary{border-bottom-color:#165dff!important}.twcpt-container .j-bg-color-primary{background-color:#165dff!important}.twcpt-container .j-text-color-primary{color:#165dff!important}.twcpt-container .j-border-color-primary-1{border-color:#0e42d2!important}.twcpt-container .j-border-color-left-primary-1{border-left-color:#0e42d2!important}.twcpt-container .j-border-color-right-primary-1{border-right-color:#0e42d2!important}.twcpt-container .j-border-color-top-primary-1{border-top-color:#0e42d2!important}.twcpt-container .j-border-color-bottom-primary-1{border-bottom-color:#0e42d2!important}.twcpt-container .j-bg-color-primary-1{background-color:#0e42d2!important}.twcpt-container .j-text-color-primary-1{color:#0e42d2!important}.twcpt-container .j-border-color-primary-2{border-color:#165dff!important}.twcpt-container .j-border-color-left-primary-2{border-left-color:#165dff!important}.twcpt-container .j-border-color-right-primary-2{border-right-color:#165dff!important}.twcpt-container .j-border-color-top-primary-2{border-top-color:#165dff!important}.twcpt-container .j-border-color-bottom-primary-2{border-bottom-color:#165dff!important}.twcpt-container .j-bg-color-primary-2{background-color:#165dff!important}.twcpt-container .j-text-color-primary-2{color:#165dff!important}.twcpt-container .j-border-color-primary-3{border-color:#4080ff!important}.twcpt-container .j-border-color-left-primary-3{border-left-color:#4080ff!important}.twcpt-container .j-border-color-right-primary-3{border-right-color:#4080ff!important}.twcpt-container .j-border-color-top-primary-3{border-top-color:#4080ff!important}.twcpt-container .j-border-color-bottom-primary-3{border-bottom-color:#4080ff!important}.twcpt-container .j-bg-color-primary-3{background-color:#4080ff!important}.twcpt-container .j-text-color-primary-3{color:#4080ff!important}.twcpt-container .j-border-color-primary-4{border-color:#6aa1ff!important}.twcpt-container .j-border-color-left-primary-4{border-left-color:#6aa1ff!important}.twcpt-container .j-border-color-right-primary-4{border-right-color:#6aa1ff!important}.twcpt-container .j-border-color-top-primary-4{border-top-color:#6aa1ff!important}.twcpt-container .j-border-color-bottom-primary-4{border-bottom-color:#6aa1ff!important}.twcpt-container .j-bg-color-primary-4{background-color:#6aa1ff!important}.twcpt-container .j-text-color-primary-4{color:#6aa1ff!important}.twcpt-container .j-border-color-primary-5{border-color:#94bfff!important}.twcpt-container .j-border-color-left-primary-5{border-left-color:#94bfff!important}.twcpt-container .j-border-color-right-primary-5{border-right-color:#94bfff!important}.twcpt-container .j-border-color-top-primary-5{border-top-color:#94bfff!important}.twcpt-container .j-border-color-bottom-primary-5{border-bottom-color:#94bfff!important}.twcpt-container .j-bg-color-primary-5{background-color:#94bfff!important}.twcpt-container .j-text-color-primary-5{color:#94bfff!important}.twcpt-container .j-border-color-primary-6{border-color:#bedaff!important}.twcpt-container .j-border-color-left-primary-6{border-left-color:#bedaff!important}.twcpt-container .j-border-color-right-primary-6{border-right-color:#bedaff!important}.twcpt-container .j-border-color-top-primary-6{border-top-color:#bedaff!important}.twcpt-container .j-border-color-bottom-primary-6{border-bottom-color:#bedaff!important}.twcpt-container .j-bg-color-primary-6{background-color:#bedaff!important}.twcpt-container .j-text-color-primary-6{color:#bedaff!important}.twcpt-container .j-border-color-grey-1{border-color:#1d2129!important}.twcpt-container .j-border-color-left-grey-1{border-left-color:#1d2129!important}.twcpt-container .j-border-color-right-grey-1{border-right-color:#1d2129!important}.twcpt-container .j-border-color-top-grey-1{border-top-color:#1d2129!important}.twcpt-container .j-border-color-bottom-grey-1{border-bottom-color:#1d2129!important}.twcpt-container .j-bg-color-grey-1{background-color:#1d2129!important}.twcpt-container .j-text-color-grey-1{color:#1d2129!important}.twcpt-container .j-border-color-grey-2{border-color:#4e5969!important}.twcpt-container .j-border-color-left-grey-2{border-left-color:#4e5969!important}.twcpt-container .j-border-color-right-grey-2{border-right-color:#4e5969!important}.twcpt-container .j-border-color-top-grey-2{border-top-color:#4e5969!important}.twcpt-container .j-border-color-bottom-grey-2{border-bottom-color:#4e5969!important}.twcpt-container .j-bg-color-grey-2{background-color:#4e5969!important}.twcpt-container .j-text-color-grey-2{color:#4e5969!important}.twcpt-container .j-border-color-grey-3{border-color:#86909c!important}.twcpt-container .j-border-color-left-grey-3{border-left-color:#86909c!important}.twcpt-container .j-border-color-right-grey-3{border-right-color:#86909c!important}.twcpt-container .j-border-color-top-grey-3{border-top-color:#86909c!important}.twcpt-container .j-border-color-bottom-grey-3{border-bottom-color:#86909c!important}.twcpt-container .j-bg-color-grey-3{background-color:#86909c!important}.twcpt-container .j-text-color-grey-3{color:#86909c!important}.twcpt-container .j-border-color-grey-4{border-color:#c9cdd4!important}.twcpt-container .j-border-color-left-grey-4{border-left-color:#c9cdd4!important}.twcpt-container .j-border-color-right-grey-4{border-right-color:#c9cdd4!important}.twcpt-container .j-border-color-top-grey-4{border-top-color:#c9cdd4!important}.twcpt-container .j-border-color-bottom-grey-4{border-bottom-color:#c9cdd4!important}.twcpt-container .j-bg-color-grey-4{background-color:#c9cdd4!important}.twcpt-container .j-text-color-grey-4{color:#c9cdd4!important}.twcpt-container .j-border-color-grey-5{border-color:#e5e6eb!important}.twcpt-container .j-border-color-left-grey-5{border-left-color:#e5e6eb!important}.twcpt-container .j-border-color-right-grey-5{border-right-color:#e5e6eb!important}.twcpt-container .j-border-color-top-grey-5{border-top-color:#e5e6eb!important}.twcpt-container .j-border-color-bottom-grey-5{border-bottom-color:#e5e6eb!important}.twcpt-container .j-bg-color-grey-5{background-color:#e5e6eb!important}.twcpt-container .j-text-color-grey-5{color:#e5e6eb!important}.twcpt-container .j-border-color-black{border-color:#000!important}.twcpt-container .j-border-color-left-black{border-left-color:#000!important}.twcpt-container .j-border-color-right-black{border-right-color:#000!important}.twcpt-container .j-border-color-top-black{border-top-color:#000!important}.twcpt-container .j-border-color-bottom-black{border-bottom-color:#000!important}.twcpt-container .j-bg-color-black{background-color:#000!important}.twcpt-container .j-text-color-black{color:#000!important}.twcpt-container .j-border-color-white{border-color:#fff!important}.twcpt-container .j-border-color-left-white{border-left-color:#fff!important}.twcpt-container .j-border-color-right-white{border-right-color:#fff!important}.twcpt-container .j-border-color-top-white{border-top-color:#fff!important}.twcpt-container .j-border-color-bottom-white{border-bottom-color:#fff!important}.twcpt-container .j-bg-color-white{background-color:#fff!important}.twcpt-container .j-text-color-white{color:#fff!important}.twcpt-container .j-border-color-green{border-color:#00b42a!important}.twcpt-container .j-border-color-left-green{border-left-color:#00b42a!important}.twcpt-container .j-border-color-right-green{border-right-color:#00b42a!important}.twcpt-container .j-border-color-top-green{border-top-color:#00b42a!important}.twcpt-container .j-border-color-bottom-green{border-bottom-color:#00b42a!important}.twcpt-container .j-bg-color-green{background-color:#00b42a!important}.twcpt-container .j-text-color-green{color:#00b42a!important}.twcpt-container .j-border-color-green-1{border-color:#00875a!important}.twcpt-container .j-border-color-left-green-1{border-left-color:#00875a!important}.twcpt-container .j-border-color-right-green-1{border-right-color:#00875a!important}.twcpt-container .j-border-color-top-green-1{border-top-color:#00875a!important}.twcpt-container .j-border-color-bottom-green-1{border-bottom-color:#00875a!important}.twcpt-container .j-bg-color-green-1{background-color:#00875a!important}.twcpt-container .j-text-color-green-1{color:#00875a!important}.twcpt-container .j-border-color-green-2{border-color:#00b42a!important}.twcpt-container .j-border-color-left-green-2{border-left-color:#00b42a!important}.twcpt-container .j-border-color-right-green-2{border-right-color:#00b42a!important}.twcpt-container .j-border-color-top-green-2{border-top-color:#00b42a!important}.twcpt-container .j-border-color-bottom-green-2{border-bottom-color:#00b42a!important}.twcpt-container .j-bg-color-green-2{background-color:#00b42a!important}.twcpt-container .j-text-color-green-2{color:#00b42a!important}.twcpt-container .j-border-color-green-3{border-color:#23c343!important}.twcpt-container .j-border-color-left-green-3{border-left-color:#23c343!important}.twcpt-container .j-border-color-right-green-3{border-right-color:#23c343!important}.twcpt-container .j-border-color-top-green-3{border-top-color:#23c343!important}.twcpt-container .j-border-color-bottom-green-3{border-bottom-color:#23c343!important}.twcpt-container .j-bg-color-green-3{background-color:#23c343!important}.twcpt-container .j-text-color-green-3{color:#23c343!important}.twcpt-container .j-border-color-green-4{border-color:#4cd263!important}.twcpt-container .j-border-color-left-green-4{border-left-color:#4cd263!important}.twcpt-container .j-border-color-right-green-4{border-right-color:#4cd263!important}.twcpt-container .j-border-color-top-green-4{border-top-color:#4cd263!important}.twcpt-container .j-border-color-bottom-green-4{border-bottom-color:#4cd263!important}.twcpt-container .j-bg-color-green-4{background-color:#4cd263!important}.twcpt-container .j-text-color-green-4{color:#4cd263!important}.twcpt-container .j-border-color-green-5{border-color:#7be188!important}.twcpt-container .j-border-color-left-green-5{border-left-color:#7be188!important}.twcpt-container .j-border-color-right-green-5{border-right-color:#7be188!important}.twcpt-container .j-border-color-top-green-5{border-top-color:#7be188!important}.twcpt-container .j-border-color-bottom-green-5{border-bottom-color:#7be188!important}.twcpt-container .j-bg-color-green-5{background-color:#7be188!important}.twcpt-container .j-text-color-green-5{color:#7be188!important}.twcpt-container .j-border-color-green-6{border-color:#aff0b5!important}.twcpt-container .j-border-color-left-green-6{border-left-color:#aff0b5!important}.twcpt-container .j-border-color-right-green-6{border-right-color:#aff0b5!important}.twcpt-container .j-border-color-top-green-6{border-top-color:#aff0b5!important}.twcpt-container .j-border-color-bottom-green-6{border-bottom-color:#aff0b5!important}.twcpt-container .j-bg-color-green-6{background-color:#aff0b5!important}.twcpt-container .j-text-color-green-6{color:#aff0b5!important}.twcpt-container .j-border-color-orange{border-color:#ff7d00!important}.twcpt-container .j-border-color-left-orange{border-left-color:#ff7d00!important}.twcpt-container .j-border-color-right-orange{border-right-color:#ff7d00!important}.twcpt-container .j-border-color-top-orange{border-top-color:#ff7d00!important}.twcpt-container .j-border-color-bottom-orange{border-bottom-color:#ff7d00!important}.twcpt-container .j-bg-color-orange{background-color:#ff7d00!important}.twcpt-container .j-text-color-orange{color:#ff7d00!important}.twcpt-container .j-border-color-orange-1{border-color:#d25f00!important}.twcpt-container .j-border-color-left-orange-1{border-left-color:#d25f00!important}.twcpt-container .j-border-color-right-orange-1{border-right-color:#d25f00!important}.twcpt-container .j-border-color-top-orange-1{border-top-color:#d25f00!important}.twcpt-container .j-border-color-bottom-orange-1{border-bottom-color:#d25f00!important}.twcpt-container .j-bg-color-orange-1{background-color:#d25f00!important}.twcpt-container .j-text-color-orange-1{color:#d25f00!important}.twcpt-container .j-border-color-orange-2{border-color:#ff7d00!important}.twcpt-container .j-border-color-left-orange-2{border-left-color:#ff7d00!important}.twcpt-container .j-border-color-right-orange-2{border-right-color:#ff7d00!important}.twcpt-container .j-border-color-top-orange-2{border-top-color:#ff7d00!important}.twcpt-container .j-border-color-bottom-orange-2{border-bottom-color:#ff7d00!important}.twcpt-container .j-bg-color-orange-2{background-color:#ff7d00!important}.twcpt-container .j-text-color-orange-2{color:#ff7d00!important}.twcpt-container .j-border-color-orange-3{border-color:#ff9a2e!important}.twcpt-container .j-border-color-left-orange-3{border-left-color:#ff9a2e!important}.twcpt-container .j-border-color-right-orange-3{border-right-color:#ff9a2e!important}.twcpt-container .j-border-color-top-orange-3{border-top-color:#ff9a2e!important}.twcpt-container .j-border-color-bottom-orange-3{border-bottom-color:#ff9a2e!important}.twcpt-container .j-bg-color-orange-3{background-color:#ff9a2e!important}.twcpt-container .j-text-color-orange-3{color:#ff9a2e!important}.twcpt-container .j-border-color-orange-4{border-color:#ffb65d!important}.twcpt-container .j-border-color-left-orange-4{border-left-color:#ffb65d!important}.twcpt-container .j-border-color-right-orange-4{border-right-color:#ffb65d!important}.twcpt-container .j-border-color-top-orange-4{border-top-color:#ffb65d!important}.twcpt-container .j-border-color-bottom-orange-4{border-bottom-color:#ffb65d!important}.twcpt-container .j-bg-color-orange-4{background-color:#ffb65d!important}.twcpt-container .j-text-color-orange-4{color:#ffb65d!important}.twcpt-container .j-border-color-orange-5{border-color:#ffcf8b!important}.twcpt-container .j-border-color-left-orange-5{border-left-color:#ffcf8b!important}.twcpt-container .j-border-color-right-orange-5{border-right-color:#ffcf8b!important}.twcpt-container .j-border-color-top-orange-5{border-top-color:#ffcf8b!important}.twcpt-container .j-border-color-bottom-orange-5{border-bottom-color:#ffcf8b!important}.twcpt-container .j-bg-color-orange-5{background-color:#ffcf8b!important}.twcpt-container .j-text-color-orange-5{color:#ffcf8b!important}.twcpt-container .j-border-color-orange-6{border-color:#ffe4ba!important}.twcpt-container .j-border-color-left-orange-6{border-left-color:#ffe4ba!important}.twcpt-container .j-border-color-right-orange-6{border-right-color:#ffe4ba!important}.twcpt-container .j-border-color-top-orange-6{border-top-color:#ffe4ba!important}.twcpt-container .j-border-color-bottom-orange-6{border-bottom-color:#ffe4ba!important}.twcpt-container .j-bg-color-orange-6{background-color:#ffe4ba!important}.twcpt-container .j-text-color-orange-6{color:#ffe4ba!important}.twcpt-container .j-border-color-red{border-color:#f53f3f!important}.twcpt-container .j-border-color-left-red{border-left-color:#f53f3f!important}.twcpt-container .j-border-color-right-red{border-right-color:#f53f3f!important}.twcpt-container .j-border-color-top-red{border-top-color:#f53f3f!important}.twcpt-container .j-border-color-bottom-red{border-bottom-color:#f53f3f!important}.twcpt-container .j-bg-color-red{background-color:#f53f3f!important}.twcpt-container .j-text-color-red{color:#f53f3f!important}.twcpt-container .j-border-color-red-1{border-color:#cb2634!important}.twcpt-container .j-border-color-left-red-1{border-left-color:#cb2634!important}.twcpt-container .j-border-color-right-red-1{border-right-color:#cb2634!important}.twcpt-container .j-border-color-top-red-1{border-top-color:#cb2634!important}.twcpt-container .j-border-color-bottom-red-1{border-bottom-color:#cb2634!important}.twcpt-container .j-bg-color-red-1{background-color:#cb2634!important}.twcpt-container .j-text-color-red-1{color:#cb2634!important}.twcpt-container .j-border-color-red-2{border-color:#f53f3f!important}.twcpt-container .j-border-color-left-red-2{border-left-color:#f53f3f!important}.twcpt-container .j-border-color-right-red-2{border-right-color:#f53f3f!important}.twcpt-container .j-border-color-top-red-2{border-top-color:#f53f3f!important}.twcpt-container .j-border-color-bottom-red-2{border-bottom-color:#f53f3f!important}.twcpt-container .j-bg-color-red-2{background-color:#f53f3f!important}.twcpt-container .j-text-color-red-2{color:#f53f3f!important}.twcpt-container .j-border-color-red-3{border-color:#f76560!important}.twcpt-container .j-border-color-left-red-3{border-left-color:#f76560!important}.twcpt-container .j-border-color-right-red-3{border-right-color:#f76560!important}.twcpt-container .j-border-color-top-red-3{border-top-color:#f76560!important}.twcpt-container .j-border-color-bottom-red-3{border-bottom-color:#f76560!important}.twcpt-container .j-bg-color-red-3{background-color:#f76560!important}.twcpt-container .j-text-color-red-3{color:#f76560!important}.twcpt-container .j-border-color-red-4{border-color:#f98981!important}.twcpt-container .j-border-color-left-red-4{border-left-color:#f98981!important}.twcpt-container .j-border-color-right-red-4{border-right-color:#f98981!important}.twcpt-container .j-border-color-top-red-4{border-top-color:#f98981!important}.twcpt-container .j-border-color-bottom-red-4{border-bottom-color:#f98981!important}.twcpt-container .j-bg-color-red-4{background-color:#f98981!important}.twcpt-container .j-text-color-red-4{color:#f98981!important}.twcpt-container .j-border-color-red-5{border-color:#fdaca7!important}.twcpt-container .j-border-color-left-red-5{border-left-color:#fdaca7!important}.twcpt-container .j-border-color-right-red-5{border-right-color:#fdaca7!important}.twcpt-container .j-border-color-top-red-5{border-top-color:#fdaca7!important}.twcpt-container .j-border-color-bottom-red-5{border-bottom-color:#fdaca7!important}.twcpt-container .j-bg-color-red-5{background-color:#fdaca7!important}.twcpt-container .j-text-color-red-5{color:#fdaca7!important}.twcpt-container .j-border-color-red-6{border-color:#ffccc7!important}.twcpt-container .j-border-color-left-red-6{border-left-color:#ffccc7!important}.twcpt-container .j-border-color-right-red-6{border-right-color:#ffccc7!important}.twcpt-container .j-border-color-top-red-6{border-top-color:#ffccc7!important}.twcpt-container .j-border-color-bottom-red-6{border-bottom-color:#ffccc7!important}.twcpt-container .j-bg-color-red-6{background-color:#ffccc7!important}.twcpt-container .j-text-color-red-6{color:#ffccc7!important}.twcpt-container .j-border-color-cyan{border-color:#14c9c9!important}.twcpt-container .j-border-color-left-cyan{border-left-color:#14c9c9!important}.twcpt-container .j-border-color-right-cyan{border-right-color:#14c9c9!important}.twcpt-container .j-border-color-top-cyan{border-top-color:#14c9c9!important}.twcpt-container .j-border-color-bottom-cyan{border-bottom-color:#14c9c9!important}.twcpt-container .j-bg-color-cyan{background-color:#14c9c9!important}.twcpt-container .j-text-color-cyan{color:#14c9c9!important}.twcpt-container .j-border-color-cyan-1{border-color:#0da5aa!important}.twcpt-container .j-border-color-left-cyan-1{border-left-color:#0da5aa!important}.twcpt-container .j-border-color-right-cyan-1{border-right-color:#0da5aa!important}.twcpt-container .j-border-color-top-cyan-1{border-top-color:#0da5aa!important}.twcpt-container .j-border-color-bottom-cyan-1{border-bottom-color:#0da5aa!important}.twcpt-container .j-bg-color-cyan-1{background-color:#0da5aa!important}.twcpt-container .j-text-color-cyan-1{color:#0da5aa!important}.twcpt-container .j-border-color-cyan-2{border-color:#14c9c9!important}.twcpt-container .j-border-color-left-cyan-2{border-left-color:#14c9c9!important}.twcpt-container .j-border-color-right-cyan-2{border-right-color:#14c9c9!important}.twcpt-container .j-border-color-top-cyan-2{border-top-color:#14c9c9!important}.twcpt-container .j-border-color-bottom-cyan-2{border-bottom-color:#14c9c9!important}.twcpt-container .j-bg-color-cyan-2{background-color:#14c9c9!important}.twcpt-container .j-text-color-cyan-2{color:#14c9c9!important}.twcpt-container .j-border-color-cyan-3{border-color:#37d4cf!important}.twcpt-container .j-border-color-left-cyan-3{border-left-color:#37d4cf!important}.twcpt-container .j-border-color-right-cyan-3{border-right-color:#37d4cf!important}.twcpt-container .j-border-color-top-cyan-3{border-top-color:#37d4cf!important}.twcpt-container .j-border-color-bottom-cyan-3{border-bottom-color:#37d4cf!important}.twcpt-container .j-bg-color-cyan-3{background-color:#37d4cf!important}.twcpt-container .j-text-color-cyan-3{color:#37d4cf!important}.twcpt-container .j-border-color-cyan-4{border-color:#5adfd7!important}.twcpt-container .j-border-color-left-cyan-4{border-left-color:#5adfd7!important}.twcpt-container .j-border-color-right-cyan-4{border-right-color:#5adfd7!important}.twcpt-container .j-border-color-top-cyan-4{border-top-color:#5adfd7!important}.twcpt-container .j-border-color-bottom-cyan-4{border-bottom-color:#5adfd7!important}.twcpt-container .j-bg-color-cyan-4{background-color:#5adfd7!important}.twcpt-container .j-text-color-cyan-4{color:#5adfd7!important}.twcpt-container .j-border-color-cyan-5{border-color:#87e8dd!important}.twcpt-container .j-border-color-left-cyan-5{border-left-color:#87e8dd!important}.twcpt-container .j-border-color-right-cyan-5{border-right-color:#87e8dd!important}.twcpt-container .j-border-color-top-cyan-5{border-top-color:#87e8dd!important}.twcpt-container .j-border-color-bottom-cyan-5{border-bottom-color:#87e8dd!important}.twcpt-container .j-bg-color-cyan-5{background-color:#87e8dd!important}.twcpt-container .j-text-color-cyan-5{color:#87e8dd!important}.twcpt-container .j-border-color-cyan-6{border-color:#b2f1e8!important}.twcpt-container .j-border-color-left-cyan-6{border-left-color:#b2f1e8!important}.twcpt-container .j-border-color-right-cyan-6{border-right-color:#b2f1e8!important}.twcpt-container .j-border-color-top-cyan-6{border-top-color:#b2f1e8!important}.twcpt-container .j-border-color-bottom-cyan-6{border-bottom-color:#b2f1e8!important}.twcpt-container .j-bg-color-cyan-6{background-color:#b2f1e8!important}.twcpt-container .j-text-color-cyan-6{color:#b2f1e8!important}.twcpt-container .j-border-color-brown{border-color:#d97706!important}.twcpt-container .j-border-color-left-brown{border-left-color:#d97706!important}.twcpt-container .j-border-color-right-brown{border-right-color:#d97706!important}.twcpt-container .j-border-color-top-brown{border-top-color:#d97706!important}.twcpt-container .j-border-color-bottom-brown{border-bottom-color:#d97706!important}.twcpt-container .j-bg-color-brown{background-color:#d97706!important}.twcpt-container .j-text-color-brown{color:#d97706!important}.twcpt-container .j-border-color-brown-1{border-color:#b35c00!important}.twcpt-container .j-border-color-left-brown-1{border-left-color:#b35c00!important}.twcpt-container .j-border-color-right-brown-1{border-right-color:#b35c00!important}.twcpt-container .j-border-color-top-brown-1{border-top-color:#b35c00!important}.twcpt-container .j-border-color-bottom-brown-1{border-bottom-color:#b35c00!important}.twcpt-container .j-bg-color-brown-1{background-color:#b35c00!important}.twcpt-container .j-text-color-brown-1{color:#b35c00!important}.twcpt-container .j-border-color-brown-2{border-color:#d97706!important}.twcpt-container .j-border-color-left-brown-2{border-left-color:#d97706!important}.twcpt-container .j-border-color-right-brown-2{border-right-color:#d97706!important}.twcpt-container .j-border-color-top-brown-2{border-top-color:#d97706!important}.twcpt-container .j-border-color-bottom-brown-2{border-bottom-color:#d97706!important}.twcpt-container .j-bg-color-brown-2{background-color:#d97706!important}.twcpt-container .j-text-color-brown-2{color:#d97706!important}.twcpt-container .j-border-color-brown-3{border-color:#e89a3c!important}.twcpt-container .j-border-color-left-brown-3{border-left-color:#e89a3c!important}.twcpt-container .j-border-color-right-brown-3{border-right-color:#e89a3c!important}.twcpt-container .j-border-color-top-brown-3{border-top-color:#e89a3c!important}.twcpt-container .j-border-color-bottom-brown-3{border-bottom-color:#e89a3c!important}.twcpt-container .j-bg-color-brown-3{background-color:#e89a3c!important}.twcpt-container .j-text-color-brown-3{color:#e89a3c!important}.twcpt-container .j-border-color-brown-4{border-color:#f3b765!important}.twcpt-container .j-border-color-left-brown-4{border-left-color:#f3b765!important}.twcpt-container .j-border-color-right-brown-4{border-right-color:#f3b765!important}.twcpt-container .j-border-color-top-brown-4{border-top-color:#f3b765!important}.twcpt-container .j-border-color-bottom-brown-4{border-bottom-color:#f3b765!important}.twcpt-container .j-bg-color-brown-4{background-color:#f3b765!important}.twcpt-container .j-text-color-brown-4{color:#f3b765!important}.twcpt-container .j-border-color-brown-5{border-color:#f9d28f!important}.twcpt-container .j-border-color-left-brown-5{border-left-color:#f9d28f!important}.twcpt-container .j-border-color-right-brown-5{border-right-color:#f9d28f!important}.twcpt-container .j-border-color-top-brown-5{border-top-color:#f9d28f!important}.twcpt-container .j-border-color-bottom-brown-5{border-bottom-color:#f9d28f!important}.twcpt-container .j-bg-color-brown-5{background-color:#f9d28f!important}.twcpt-container .j-text-color-brown-5{color:#f9d28f!important}.twcpt-container .j-border-color-brown-6{border-color:#fdeab8!important}.twcpt-container .j-border-color-left-brown-6{border-left-color:#fdeab8!important}.twcpt-container .j-border-color-right-brown-6{border-right-color:#fdeab8!important}.twcpt-container .j-border-color-top-brown-6{border-top-color:#fdeab8!important}.twcpt-container .j-border-color-bottom-brown-6{border-bottom-color:#fdeab8!important}.twcpt-container .j-bg-color-brown-6{background-color:#fdeab8!important}.twcpt-container .j-text-color-brown-6{color:#fdeab8!important}.twcpt-container .j-border-color-yellow{border-color:#f7ba1e!important}.twcpt-container .j-border-color-left-yellow{border-left-color:#f7ba1e!important}.twcpt-container .j-border-color-right-yellow{border-right-color:#f7ba1e!important}.twcpt-container .j-border-color-top-yellow{border-top-color:#f7ba1e!important}.twcpt-container .j-border-color-bottom-yellow{border-bottom-color:#f7ba1e!important}.twcpt-container .j-bg-color-yellow{background-color:#f7ba1e!important}.twcpt-container .j-text-color-yellow{color:#f7ba1e!important}.twcpt-container .j-border-color-yellow-1{border-color:#d48806!important}.twcpt-container .j-border-color-left-yellow-1{border-left-color:#d48806!important}.twcpt-container .j-border-color-right-yellow-1{border-right-color:#d48806!important}.twcpt-container .j-border-color-top-yellow-1{border-top-color:#d48806!important}.twcpt-container .j-border-color-bottom-yellow-1{border-bottom-color:#d48806!important}.twcpt-container .j-bg-color-yellow-1{background-color:#d48806!important}.twcpt-container .j-text-color-yellow-1{color:#d48806!important}.twcpt-container .j-border-color-yellow-2{border-color:#f7ba1e!important}.twcpt-container .j-border-color-left-yellow-2{border-left-color:#f7ba1e!important}.twcpt-container .j-border-color-right-yellow-2{border-right-color:#f7ba1e!important}.twcpt-container .j-border-color-top-yellow-2{border-top-color:#f7ba1e!important}.twcpt-container .j-border-color-bottom-yellow-2{border-bottom-color:#f7ba1e!important}.twcpt-container .j-bg-color-yellow-2{background-color:#f7ba1e!important}.twcpt-container .j-text-color-yellow-2{color:#f7ba1e!important}.twcpt-container .j-border-color-yellow-3{border-color:#fadc19!important}.twcpt-container .j-border-color-left-yellow-3{border-left-color:#fadc19!important}.twcpt-container .j-border-color-right-yellow-3{border-right-color:#fadc19!important}.twcpt-container .j-border-color-top-yellow-3{border-top-color:#fadc19!important}.twcpt-container .j-border-color-bottom-yellow-3{border-bottom-color:#fadc19!important}.twcpt-container .j-bg-color-yellow-3{background-color:#fadc19!important}.twcpt-container .j-text-color-yellow-3{color:#fadc19!important}.twcpt-container .j-border-color-yellow-4{border-color:#fcee21!important}.twcpt-container .j-border-color-left-yellow-4{border-left-color:#fcee21!important}.twcpt-container .j-border-color-right-yellow-4{border-right-color:#fcee21!important}.twcpt-container .j-border-color-top-yellow-4{border-top-color:#fcee21!important}.twcpt-container .j-border-color-bottom-yellow-4{border-bottom-color:#fcee21!important}.twcpt-container .j-bg-color-yellow-4{background-color:#fcee21!important}.twcpt-container .j-text-color-yellow-4{color:#fcee21!important}.twcpt-container .j-border-color-yellow-5{border-color:#fef65b!important}.twcpt-container .j-border-color-left-yellow-5{border-left-color:#fef65b!important}.twcpt-container .j-border-color-right-yellow-5{border-right-color:#fef65b!important}.twcpt-container .j-border-color-top-yellow-5{border-top-color:#fef65b!important}.twcpt-container .j-border-color-bottom-yellow-5{border-bottom-color:#fef65b!important}.twcpt-container .j-bg-color-yellow-5{background-color:#fef65b!important}.twcpt-container .j-text-color-yellow-5{color:#fef65b!important}.twcpt-container .j-border-color-yellow-6{border-color:#fffb8f!important}.twcpt-container .j-border-color-left-yellow-6{border-left-color:#fffb8f!important}.twcpt-container .j-border-color-right-yellow-6{border-right-color:#fffb8f!important}.twcpt-container .j-border-color-top-yellow-6{border-top-color:#fffb8f!important}.twcpt-container .j-border-color-bottom-yellow-6{border-bottom-color:#fffb8f!important}.twcpt-container .j-bg-color-yellow-6{background-color:#fffb8f!important}.twcpt-container .j-text-color-yellow-6{color:#fffb8f!important}.twcpt-container .j-border-color-blue{border-color:#3491fa!important}.twcpt-container .j-border-color-left-blue{border-left-color:#3491fa!important}.twcpt-container .j-border-color-right-blue{border-right-color:#3491fa!important}.twcpt-container .j-border-color-top-blue{border-top-color:#3491fa!important}.twcpt-container .j-border-color-bottom-blue{border-bottom-color:#3491fa!important}.twcpt-container .j-bg-color-blue{background-color:#3491fa!important}.twcpt-container .j-text-color-blue{color:#3491fa!important}.twcpt-container .j-border-color-blue-1{border-color:#146aff!important}.twcpt-container .j-border-color-left-blue-1{border-left-color:#146aff!important}.twcpt-container .j-border-color-right-blue-1{border-right-color:#146aff!important}.twcpt-container .j-border-color-top-blue-1{border-top-color:#146aff!important}.twcpt-container .j-border-color-bottom-blue-1{border-bottom-color:#146aff!important}.twcpt-container .j-bg-color-blue-1{background-color:#146aff!important}.twcpt-container .j-text-color-blue-1{color:#146aff!important}.twcpt-container .j-border-color-blue-2{border-color:#3491fa!important}.twcpt-container .j-border-color-left-blue-2{border-left-color:#3491fa!important}.twcpt-container .j-border-color-right-blue-2{border-right-color:#3491fa!important}.twcpt-container .j-border-color-top-blue-2{border-top-color:#3491fa!important}.twcpt-container .j-border-color-bottom-blue-2{border-bottom-color:#3491fa!important}.twcpt-container .j-bg-color-blue-2{background-color:#3491fa!important}.twcpt-container .j-text-color-blue-2{color:#3491fa!important}.twcpt-container .j-border-color-blue-3{border-color:#57a3f7!important}.twcpt-container .j-border-color-left-blue-3{border-left-color:#57a3f7!important}.twcpt-container .j-border-color-right-blue-3{border-right-color:#57a3f7!important}.twcpt-container .j-border-color-top-blue-3{border-top-color:#57a3f7!important}.twcpt-container .j-border-color-bottom-blue-3{border-bottom-color:#57a3f7!important}.twcpt-container .j-bg-color-blue-3{background-color:#57a3f7!important}.twcpt-container .j-text-color-blue-3{color:#57a3f7!important}.twcpt-container .j-border-color-blue-4{border-color:#79bbf8!important}.twcpt-container .j-border-color-left-blue-4{border-left-color:#79bbf8!important}.twcpt-container .j-border-color-right-blue-4{border-right-color:#79bbf8!important}.twcpt-container .j-border-color-top-blue-4{border-top-color:#79bbf8!important}.twcpt-container .j-border-color-bottom-blue-4{border-bottom-color:#79bbf8!important}.twcpt-container .j-bg-color-blue-4{background-color:#79bbf8!important}.twcpt-container .j-text-color-blue-4{color:#79bbf8!important}.twcpt-container .j-border-color-blue-5{border-color:#a8d3fb!important}.twcpt-container .j-border-color-left-blue-5{border-left-color:#a8d3fb!important}.twcpt-container .j-border-color-right-blue-5{border-right-color:#a8d3fb!important}.twcpt-container .j-border-color-top-blue-5{border-top-color:#a8d3fb!important}.twcpt-container .j-border-color-bottom-blue-5{border-bottom-color:#a8d3fb!important}.twcpt-container .j-bg-color-blue-5{background-color:#a8d3fb!important}.twcpt-container .j-text-color-blue-5{color:#a8d3fb!important}.twcpt-container .j-border-color-blue-6{border-color:#c7e2fd!important}.twcpt-container .j-border-color-left-blue-6{border-left-color:#c7e2fd!important}.twcpt-container .j-border-color-right-blue-6{border-right-color:#c7e2fd!important}.twcpt-container .j-border-color-top-blue-6{border-top-color:#c7e2fd!important}.twcpt-container .j-border-color-bottom-blue-6{border-bottom-color:#c7e2fd!important}.twcpt-container .j-bg-color-blue-6{background-color:#c7e2fd!important}.twcpt-container .j-text-color-blue-6{color:#c7e2fd!important}.twcpt-container .j-border-color-purple{border-color:#722ed1!important}.twcpt-container .j-border-color-left-purple{border-left-color:#722ed1!important}.twcpt-container .j-border-color-right-purple{border-right-color:#722ed1!important}.twcpt-container .j-border-color-top-purple{border-top-color:#722ed1!important}.twcpt-container .j-border-color-bottom-purple{border-bottom-color:#722ed1!important}.twcpt-container .j-bg-color-purple{background-color:#722ed1!important}.twcpt-container .j-text-color-purple{color:#722ed1!important}.twcpt-container .j-border-color-purple-1{border-color:#551db1!important}.twcpt-container .j-border-color-left-purple-1{border-left-color:#551db1!important}.twcpt-container .j-border-color-right-purple-1{border-right-color:#551db1!important}.twcpt-container .j-border-color-top-purple-1{border-top-color:#551db1!important}.twcpt-container .j-border-color-bottom-purple-1{border-bottom-color:#551db1!important}.twcpt-container .j-bg-color-purple-1{background-color:#551db1!important}.twcpt-container .j-text-color-purple-1{color:#551db1!important}.twcpt-container .j-border-color-purple-2{border-color:#722ed1!important}.twcpt-container .j-border-color-left-purple-2{border-left-color:#722ed1!important}.twcpt-container .j-border-color-right-purple-2{border-right-color:#722ed1!important}.twcpt-container .j-border-color-top-purple-2{border-top-color:#722ed1!important}.twcpt-container .j-border-color-bottom-purple-2{border-bottom-color:#722ed1!important}.twcpt-container .j-bg-color-purple-2{background-color:#722ed1!important}.twcpt-container .j-text-color-purple-2{color:#722ed1!important}.twcpt-container .j-border-color-purple-3{border-color:#8e51da!important}.twcpt-container .j-border-color-left-purple-3{border-left-color:#8e51da!important}.twcpt-container .j-border-color-right-purple-3{border-right-color:#8e51da!important}.twcpt-container .j-border-color-top-purple-3{border-top-color:#8e51da!important}.twcpt-container .j-border-color-bottom-purple-3{border-bottom-color:#8e51da!important}.twcpt-container .j-bg-color-purple-3{background-color:#8e51da!important}.twcpt-container .j-text-color-purple-3{color:#8e51da!important}.twcpt-container .j-border-color-purple-4{border-color:#a871e3!important}.twcpt-container .j-border-color-left-purple-4{border-left-color:#a871e3!important}.twcpt-container .j-border-color-right-purple-4{border-right-color:#a871e3!important}.twcpt-container .j-border-color-top-purple-4{border-top-color:#a871e3!important}.twcpt-container .j-border-color-bottom-purple-4{border-bottom-color:#a871e3!important}.twcpt-container .j-bg-color-purple-4{background-color:#a871e3!important}.twcpt-container .j-text-color-purple-4{color:#a871e3!important}.twcpt-container .j-border-color-purple-5{border-color:#c396ed!important}.twcpt-container .j-border-color-left-purple-5{border-left-color:#c396ed!important}.twcpt-container .j-border-color-right-purple-5{border-right-color:#c396ed!important}.twcpt-container .j-border-color-top-purple-5{border-top-color:#c396ed!important}.twcpt-container .j-border-color-bottom-purple-5{border-bottom-color:#c396ed!important}.twcpt-container .j-bg-color-purple-5{background-color:#c396ed!important}.twcpt-container .j-text-color-purple-5{color:#c396ed!important}.twcpt-container .j-border-color-purple-6{border-color:#ddbef6!important}.twcpt-container .j-border-color-left-purple-6{border-left-color:#ddbef6!important}.twcpt-container .j-border-color-right-purple-6{border-right-color:#ddbef6!important}.twcpt-container .j-border-color-top-purple-6{border-top-color:#ddbef6!important}.twcpt-container .j-border-color-bottom-purple-6{border-bottom-color:#ddbef6!important}.twcpt-container .j-bg-color-purple-6{background-color:#ddbef6!important}.twcpt-container .j-text-color-purple-6{color:#ddbef6!important}.twcpt-container .j-border-color-lime{border-color:#9fdb1d!important}.twcpt-container .j-border-color-left-lime{border-left-color:#9fdb1d!important}.twcpt-container .j-border-color-right-lime{border-right-color:#9fdb1d!important}.twcpt-container .j-border-color-top-lime{border-top-color:#9fdb1d!important}.twcpt-container .j-border-color-bottom-lime{border-bottom-color:#9fdb1d!important}.twcpt-container .j-bg-color-lime{background-color:#9fdb1d!important}.twcpt-container .j-text-color-lime{color:#9fdb1d!important}.twcpt-container .j-border-color-lime-1{border-color:#7bc616!important}.twcpt-container .j-border-color-left-lime-1{border-left-color:#7bc616!important}.twcpt-container .j-border-color-right-lime-1{border-right-color:#7bc616!important}.twcpt-container .j-border-color-top-lime-1{border-top-color:#7bc616!important}.twcpt-container .j-border-color-bottom-lime-1{border-bottom-color:#7bc616!important}.twcpt-container .j-bg-color-lime-1{background-color:#7bc616!important}.twcpt-container .j-text-color-lime-1{color:#7bc616!important}.twcpt-container .j-border-color-lime-2{border-color:#9fdb1d!important}.twcpt-container .j-border-color-left-lime-2{border-left-color:#9fdb1d!important}.twcpt-container .j-border-color-right-lime-2{border-right-color:#9fdb1d!important}.twcpt-container .j-border-color-top-lime-2{border-top-color:#9fdb1d!important}.twcpt-container .j-border-color-bottom-lime-2{border-bottom-color:#9fdb1d!important}.twcpt-container .j-bg-color-lime-2{background-color:#9fdb1d!important}.twcpt-container .j-text-color-lime-2{color:#9fdb1d!important}.twcpt-container .j-border-color-lime-3{border-color:#b4e04b!important}.twcpt-container .j-border-color-left-lime-3{border-left-color:#b4e04b!important}.twcpt-container .j-border-color-right-lime-3{border-right-color:#b4e04b!important}.twcpt-container .j-border-color-top-lime-3{border-top-color:#b4e04b!important}.twcpt-container .j-border-color-bottom-lime-3{border-bottom-color:#b4e04b!important}.twcpt-container .j-bg-color-lime-3{background-color:#b4e04b!important}.twcpt-container .j-text-color-lime-3{color:#b4e04b!important}.twcpt-container .j-border-color-lime-4{border-color:#c8e672!important}.twcpt-container .j-border-color-left-lime-4{border-left-color:#c8e672!important}.twcpt-container .j-border-color-right-lime-4{border-right-color:#c8e672!important}.twcpt-container .j-border-color-top-lime-4{border-top-color:#c8e672!important}.twcpt-container .j-border-color-bottom-lime-4{border-bottom-color:#c8e672!important}.twcpt-container .j-bg-color-lime-4{background-color:#c8e672!important}.twcpt-container .j-text-color-lime-4{color:#c8e672!important}.twcpt-container .j-border-color-lime-5{border-color:#dcec9a!important}.twcpt-container .j-border-color-left-lime-5{border-left-color:#dcec9a!important}.twcpt-container .j-border-color-right-lime-5{border-right-color:#dcec9a!important}.twcpt-container .j-border-color-top-lime-5{border-top-color:#dcec9a!important}.twcpt-container .j-border-color-bottom-lime-5{border-bottom-color:#dcec9a!important}.twcpt-container .j-bg-color-lime-5{background-color:#dcec9a!important}.twcpt-container .j-text-color-lime-5{color:#dcec9a!important}.twcpt-container .j-border-color-lime-6{border-color:#eff4c6!important}.twcpt-container .j-border-color-left-lime-6{border-left-color:#eff4c6!important}.twcpt-container .j-border-color-right-lime-6{border-right-color:#eff4c6!important}.twcpt-container .j-border-color-top-lime-6{border-top-color:#eff4c6!important}.twcpt-container .j-border-color-bottom-lime-6{border-bottom-color:#eff4c6!important}.twcpt-container .j-bg-color-lime-6{background-color:#eff4c6!important}.twcpt-container .j-text-color-lime-6{color:#eff4c6!important}.twcpt-container .j-border-color-magenta{border-color:#f5319d!important}.twcpt-container .j-border-color-left-magenta{border-left-color:#f5319d!important}.twcpt-container .j-border-color-right-magenta{border-right-color:#f5319d!important}.twcpt-container .j-border-color-top-magenta{border-top-color:#f5319d!important}.twcpt-container .j-border-color-bottom-magenta{border-bottom-color:#f5319d!important}.twcpt-container .j-bg-color-magenta{background-color:#f5319d!important}.twcpt-container .j-text-color-magenta{color:#f5319d!important}.twcpt-container .j-border-color-magenta-1{border-color:#cb247a!important}.twcpt-container .j-border-color-left-magenta-1{border-left-color:#cb247a!important}.twcpt-container .j-border-color-right-magenta-1{border-right-color:#cb247a!important}.twcpt-container .j-border-color-top-magenta-1{border-top-color:#cb247a!important}.twcpt-container .j-border-color-bottom-magenta-1{border-bottom-color:#cb247a!important}.twcpt-container .j-bg-color-magenta-1{background-color:#cb247a!important}.twcpt-container .j-text-color-magenta-1{color:#cb247a!important}.twcpt-container .j-border-color-magenta-2{border-color:#f5319d!important}.twcpt-container .j-border-color-left-magenta-2{border-left-color:#f5319d!important}.twcpt-container .j-border-color-right-magenta-2{border-right-color:#f5319d!important}.twcpt-container .j-border-color-top-magenta-2{border-top-color:#f5319d!important}.twcpt-container .j-border-color-bottom-magenta-2{border-bottom-color:#f5319d!important}.twcpt-container .j-bg-color-magenta-2{background-color:#f5319d!important}.twcpt-container .j-text-color-magenta-2{color:#f5319d!important}.twcpt-container .j-border-color-magenta-3{border-color:#f754b0!important}.twcpt-container .j-border-color-left-magenta-3{border-left-color:#f754b0!important}.twcpt-container .j-border-color-right-magenta-3{border-right-color:#f754b0!important}.twcpt-container .j-border-color-top-magenta-3{border-top-color:#f754b0!important}.twcpt-container .j-border-color-bottom-magenta-3{border-bottom-color:#f754b0!important}.twcpt-container .j-bg-color-magenta-3{background-color:#f754b0!important}.twcpt-container .j-text-color-magenta-3{color:#f754b0!important}.twcpt-container .j-border-color-magenta-4{border-color:#f975c2!important}.twcpt-container .j-border-color-left-magenta-4{border-left-color:#f975c2!important}.twcpt-container .j-border-color-right-magenta-4{border-right-color:#f975c2!important}.twcpt-container .j-border-color-top-magenta-4{border-top-color:#f975c2!important}.twcpt-container .j-border-color-bottom-magenta-4{border-bottom-color:#f975c2!important}.twcpt-container .j-bg-color-magenta-4{background-color:#f975c2!important}.twcpt-container .j-text-color-magenta-4{color:#f975c2!important}.twcpt-container .j-border-color-magenta-5{border-color:#fb9dd1!important}.twcpt-container .j-border-color-left-magenta-5{border-left-color:#fb9dd1!important}.twcpt-container .j-border-color-right-magenta-5{border-right-color:#fb9dd1!important}.twcpt-container .j-border-color-top-magenta-5{border-top-color:#fb9dd1!important}.twcpt-container .j-border-color-bottom-magenta-5{border-bottom-color:#fb9dd1!important}.twcpt-container .j-bg-color-magenta-5{background-color:#fb9dd1!important}.twcpt-container .j-text-color-magenta-5{color:#fb9dd1!important}.twcpt-container .j-border-color-magenta-6{border-color:#fdc5e3!important}.twcpt-container .j-border-color-left-magenta-6{border-left-color:#fdc5e3!important}.twcpt-container .j-border-color-right-magenta-6{border-right-color:#fdc5e3!important}.twcpt-container .j-border-color-top-magenta-6{border-top-color:#fdc5e3!important}.twcpt-container .j-border-color-bottom-magenta-6{border-bottom-color:#fdc5e3!important}.twcpt-container .j-bg-color-magenta-6{background-color:#fdc5e3!important}.twcpt-container .j-text-color-magenta-6{color:#fdc5e3!important}.twcpt-container .j-border-color-pink{border-color:#f77ebe!important}.twcpt-container .j-border-color-left-pink{border-left-color:#f77ebe!important}.twcpt-container .j-border-color-right-pink{border-right-color:#f77ebe!important}.twcpt-container .j-border-color-top-pink{border-top-color:#f77ebe!important}.twcpt-container .j-border-color-bottom-pink{border-bottom-color:#f77ebe!important}.twcpt-container .j-bg-color-pink{background-color:#f77ebe!important}.twcpt-container .j-text-color-pink{color:#f77ebe!important}.twcpt-container .j-border-color-pink-1{border-color:#d6549d!important}.twcpt-container .j-border-color-left-pink-1{border-left-color:#d6549d!important}.twcpt-container .j-border-color-right-pink-1{border-right-color:#d6549d!important}.twcpt-container .j-border-color-top-pink-1{border-top-color:#d6549d!important}.twcpt-container .j-border-color-bottom-pink-1{border-bottom-color:#d6549d!important}.twcpt-container .j-bg-color-pink-1{background-color:#d6549d!important}.twcpt-container .j-text-color-pink-1{color:#d6549d!important}.twcpt-container .j-border-color-pink-2{border-color:#f77ebe!important}.twcpt-container .j-border-color-left-pink-2{border-left-color:#f77ebe!important}.twcpt-container .j-border-color-right-pink-2{border-right-color:#f77ebe!important}.twcpt-container .j-border-color-top-pink-2{border-top-color:#f77ebe!important}.twcpt-container .j-border-color-bottom-pink-2{border-bottom-color:#f77ebe!important}.twcpt-container .j-bg-color-pink-2{background-color:#f77ebe!important}.twcpt-container .j-text-color-pink-2{color:#f77ebe!important}.twcpt-container .j-border-color-pink-3{border-color:#f99ac8!important}.twcpt-container .j-border-color-left-pink-3{border-left-color:#f99ac8!important}.twcpt-container .j-border-color-right-pink-3{border-right-color:#f99ac8!important}.twcpt-container .j-border-color-top-pink-3{border-top-color:#f99ac8!important}.twcpt-container .j-border-color-bottom-pink-3{border-bottom-color:#f99ac8!important}.twcpt-container .j-bg-color-pink-3{background-color:#f99ac8!important}.twcpt-container .j-text-color-pink-3{color:#f99ac8!important}.twcpt-container .j-border-color-pink-4{border-color:#fab4d4!important}.twcpt-container .j-border-color-left-pink-4{border-left-color:#fab4d4!important}.twcpt-container .j-border-color-right-pink-4{border-right-color:#fab4d4!important}.twcpt-container .j-border-color-top-pink-4{border-top-color:#fab4d4!important}.twcpt-container .j-border-color-bottom-pink-4{border-bottom-color:#fab4d4!important}.twcpt-container .j-bg-color-pink-4{background-color:#fab4d4!important}.twcpt-container .j-text-color-pink-4{color:#fab4d4!important}.twcpt-container .j-border-color-pink-5{border-color:#fccee0!important}.twcpt-container .j-border-color-left-pink-5{border-left-color:#fccee0!important}.twcpt-container .j-border-color-right-pink-5{border-right-color:#fccee0!important}.twcpt-container .j-border-color-top-pink-5{border-top-color:#fccee0!important}.twcpt-container .j-border-color-bottom-pink-5{border-bottom-color:#fccee0!important}.twcpt-container .j-bg-color-pink-5{background-color:#fccee0!important}.twcpt-container .j-text-color-pink-5{color:#fccee0!important}.twcpt-container .j-border-color-pink-6{border-color:#fee7ef!important}.twcpt-container .j-border-color-left-pink-6{border-left-color:#fee7ef!important}.twcpt-container .j-border-color-right-pink-6{border-right-color:#fee7ef!important}.twcpt-container .j-border-color-top-pink-6{border-top-color:#fee7ef!important}.twcpt-container .j-border-color-bottom-pink-6{border-bottom-color:#fee7ef!important}.twcpt-container .j-bg-color-pink-6{background-color:#fee7ef!important}.twcpt-container .j-text-color-pink-6{color:#fee7ef!important}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-28{font-size:28px}.fs-32{font-size:32px}.fs-36{font-size:36px}.fs-40{font-size:40px}.fs-48{font-size:48px}.fs-52{font-size:52px}.fs-56{font-size:56px}.fs-64{font-size:64px}.fs-72{font-size:72px}.fs-80{font-size:80px}.w-10{width:10px}.h-10{height:10px}.w-20{width:20px}.h-20{height:20px}.w-30{width:30px}.h-30{height:30px}.w-40{width:40px}.h-40{height:40px}.w-50{width:50px}.h-50{height:50px}.w-60{width:60px}.h-60{height:60px}.w-100{width:100px}.h-100{height:100px}.w-150{width:150px}.h-150{height:150px}.w-200{width:200px}.h-200{height:200px}.w-25p{width:25%}.h-25p{height:25%}.w-33p{width:33.333333%}.h-33p{height:33.333333%}.w-50p{width:50%}.h-50p{height:50%}.w-66p{width:66.666667%}.h-66p{height:66.666667%}.w-75p{width:75%}.h-75p{height:75%}.w-100p{width:100%}.h-100p{height:100%}.max-w-100p{max-width:100%}.max-w-500{max-width:500px}.max-w-800{max-width:800px}.min-h-0{min-height:0}.min-h-100{min-height:100px}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.gap-none{gap:0}.gap-x-none{-moz-column-gap:0;column-gap:0}.gap-y-none{row-gap:0}.gap-xs{gap:4px}.gap-x-xs{-moz-column-gap:4px;column-gap:4px}.gap-y-xs{row-gap:4px}.gap-sm{gap:8px}.gap-x-sm{-moz-column-gap:8px;column-gap:8px}.gap-y-sm{row-gap:8px}.gap-md{gap:16px}.gap-x-md{-moz-column-gap:16px;column-gap:16px}.gap-y-md{row-gap:16px}.gap-lg{gap:24px}.gap-x-lg{-moz-column-gap:24px;column-gap:24px}.gap-y-lg{row-gap:24px}.gap-xl{gap:32px}.gap-x-xl{-moz-column-gap:32px;column-gap:32px}.gap-y-xl{row-gap:32px}.gap-5{gap:5px}.gap-x-5{-moz-column-gap:5px;column-gap:5px}.gap-y-5{row-gap:5px}.gap-12{gap:12px}.gap-x-12{-moz-column-gap:12px;column-gap:12px}.gap-y-12{row-gap:12px}.gap-40{gap:40px}.gap-x-40{-moz-column-gap:40px;column-gap:40px}.gap-y-40{row-gap:40px}.r-0{border-radius:0}.r-t-0{border-top-left-radius:0;border-top-right-radius:0}.r-b-0{border-bottom-right-radius:0}.r-b-0,.r-l-0{border-bottom-left-radius:0}.r-l-0{border-top-left-radius:0}.r-r-0{border-bottom-right-radius:0;border-top-right-radius:0}.r-4{border-radius:4px}.r-t-4{border-top-left-radius:4px;border-top-right-radius:4px}.r-b-4{border-bottom-right-radius:4px}.r-b-4,.r-l-4{border-bottom-left-radius:4px}.r-l-4{border-top-left-radius:4px}.r-r-4{border-bottom-right-radius:4px;border-top-right-radius:4px}.r-8{border-radius:8px}.r-t-8{border-top-left-radius:8px;border-top-right-radius:8px}.r-b-8{border-bottom-right-radius:8px}.r-b-8,.r-l-8{border-bottom-left-radius:8px}.r-l-8{border-top-left-radius:8px}.r-r-8{border-bottom-right-radius:8px;border-top-right-radius:8px}.r-10{border-radius:10px}.r-t-10{border-top-left-radius:10px;border-top-right-radius:10px}.r-b-10{border-bottom-right-radius:10px}.r-b-10,.r-l-10{border-bottom-left-radius:10px}.r-l-10{border-top-left-radius:10px}.r-r-10{border-bottom-right-radius:10px;border-top-right-radius:10px}.r-50p{border-radius:50%}.r-t-50p{border-top-left-radius:50%;border-top-right-radius:50%}.r-b-50p{border-bottom-right-radius:50%}.r-b-50p,.r-l-50p{border-bottom-left-radius:50%}.r-l-50p{border-top-left-radius:50%}.r-r-50p{border-bottom-right-radius:50%;border-top-right-radius:50%}.z-1{z-index:1}.z-10{z-index:10}.z-100{z-index:100}.z-max{z-index:9999}.op-0{opacity:0}.op-10{opacity:.1}.op-20{opacity:.2}.op-50{opacity:.5}.op-80{opacity:.8}.op-100{opacity:1}.bw-0{border-width:0}.bw-t-0{border-top-width:0}.bw-b-0{border-bottom-width:0}.bw-1{border-width:1px}.bw-t-1{border-top-width:1px}.bw-b-1{border-bottom-width:1px}.bw-2{border-width:2px}.bw-t-2{border-top-width:2px}.bw-b-2{border-bottom-width:2px}.bw-4{border-width:4px}.bw-t-4{border-top-width:4px}.bw-b-4{border-bottom-width:4px}.bs-solid{border-style:solid}.bs-dotted{border-style:dotted}.bs-dashed{border-style:dashed}.b-1{border:1px solid}.b-none{border:none}.b-t-1{border-top:1px solid}.b-b-1{border-bottom:1px solid}.b-l-1{border-left:1px solid}.b-r-1{border-right:1px solid}.hide{display:none!important}.ellipsis{-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clearfix:after{clear:both;content:"";display:block}.link-type,.link-type:focus{color:var(--j-color-primary);cursor:pointer}.delete-type,.delete-type:focus{color:var(--j-color-negative);cursor:pointer}.in-table-link-button{background:var(--j-color-white);border:1px solid var(--j-color-grey-light);border-radius:4px;color:var(--j-color-dark);cursor:pointer;display:inline-block;font-size:14px;height:26px;line-height:26px;padding:0 8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.in-table-link-button:hover{background:var(--j-color-primary);color:var(--j-color-white)}.in-table-delete-button{border-radius:4px;color:var(--j-color-dark);cursor:pointer;display:inline-block;font-size:14px;height:26px;line-height:26px;padding:0 8px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.in-table-delete-button:hover{background:var(--j-color-negative);color:var(--j-color-white)}.input-password{font-family:password!important}.input-password input{-webkit-text-security:square}.my-label{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;justify-content:center;line-height:1;padding:4px 8px}.my-label.blue{background:#e7efff;border:1px solid #cedeff;color:var(--j-color-blue)}.my-label.green{background:#eaf7ed;border:1px solid #d6f0da;color:var(--j-color-green)}.my-label.yellow{background:#ed6a0c14;border:1px solid #faedca;color:var(--j-color-yellow)}.my-label.red{background:#fce8e8;border:1px solid #fcd4d4;color:var(--j-color-negative)}.my-label.grey{background:var(--j-color-grey-lighter);border:1px solid #e6e9f4;color:var(--j-color-dark)}.my-label.black{background:var(--j-color-grey-light);border:1px solid #ddd;color:var(--j-color-dark)}.my-status{color:var(--j-color-dark);font-size:14px;padding:0 12px;position:relative}.my-status:before{background-color:var(--j-color-dark);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.my-status.grey:before{background-color:var(--j-color-grey)}.my-status.green:before{background:var(--j-color-green)}.my-status.green-2:before{background:#519c66}.my-status.red:before{background:var(--j-color-negative)}.my-status.yellow:before{background:var(--j-color-yellow)}.my-status.blue:before{background:var(--j-color-blue)}.my-status.deep-red:before{background:red}
|