:root {
    --cbt-primary-color: #298aed;
    --cbt-primary-hover-color: #1275da;
    --cbt-primary-color-alpha-80: rgba(41,138,237,0.8);
    --cbt-primary-color-alpha-60: rgba(41,138,237,0.6);
    --cbt-primary-color-alpha-40: rgba(41,138,237,0.4);
    --cbt-primary-color-alpha-30: rgba(41,138,237,0.3);
    --cbt-color-success: #65c246;
    --cbt-color-xxx: #fe85a0;
    --cbt-base-font-family: "苹方", pingfang sc, "微软雅黑", Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif;
    --cbt-primary-font-color: #fff;
    --cbt-selected-color: rgba(41,138,237,0.5);
    --cbt-selected-hover-color: rgba(41,138,237,0.3);
    --cbt-border-color-gray: #dcdcdc;
    --cbt-bg-color: #e6e8ee;
    --cbt-bg-color-gray: var(--bg-gray);
    --cbt-bg-color-gray-darken-10: #dcdcdc;
    --cbt-dialog-single-child-bg-color: #f4f4f4;
    --cbt-font-color: #333;
    --cbt-icon-color: #808080;
    --cbt-primary-font-size: 14px;
    --cbt-tip-font-size: 12px;
    --cbt-tip-font-color: #666;
    --nav-bg-color: #e6e8ee;
    --nav-selected-color: rgba(41,138,237,0.7);
    --tree-font-color: rgba(0,0,0,0.7);
    --tree-icon-color: rgba(0,0,0,0.5);
    --top-height: 50px;
    --bg-color: #f4f4f4;
    --star-color: var(--color-black-alpha-40);
    --star-hover-color: var(--color-black-alpha-60);
    --stared-color: var(--cbt-primary-color);
    --scollbar-bg-color: #eee;
    --dialog-bg-color: #fefefe;
    --block-border: solid 1px var(--color-black-alpha-05);
    --block-bg-color: var(--bg-gray);
    --block-color: var(--color-black-alpha-80);
    --grid-header-bg-color: #fafafa;
    --grid-header-color: var(--color-black-alpha-60);
    --grid-footer-color: var(--color-black-alpha-60);
    --grid-footer-bg-color: #fff;
    --grid-border-color: var(--color-black-alpha-08);
    --grid-content-color: var(--color-black-alpha-80);
    --grid-border: solid 1px var(--grid-border-color);
    --grid-bg-odd: var(--bg-gray);
    --grid-cell-border: solid 1px var(--color-black-alpha-04);
    --grid-cell-border-focus: solid 1px var(--cbt-primary-color-alpha-80);
    --grid-body-cell-border: solid 1px var(--color-black-alpha-02);
    --grid-border-radius: 2px;
    --grid-border-instead-shadow-top: 0 1px 0 0 var(--grid-border-color) inset;
    --bg-gray: #f9f9f9;
    --color-white-alpha-60: rgba(255,255,255,0.6);
    --color-white-alpha-40: rgba(255,255,255,0.4);
    --color-black-alpha-80: rgba(0,0,0,0.8);
    --color-black-alpha-60: rgba(0,0,0,0.6);
    --color-black-alpha-40: rgba(0,0,0,0.4);
    --color-black-alpha-30: rgba(0,0,0,0.3);
    --color-black-alpha-09: rgba(0,0,0,0.09);
    --color-black-alpha-08: rgba(0,0,0,0.08);
    --color-black-alpha-07: rgba(0,0,0,0.07);
    --color-black-alpha-06: rgba(0,0,0,0.06);
    --color-black-alpha-05: rgba(0,0,0,0.05);
    --color-black-alpha-04: rgba(0,0,0,0.04);
    --color-black-alpha-03: rgba(0,0,0,0.03);
    --color-black-alpha-02: rgba(0,0,0,0.02);
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.displayNone {
    display: none !important;
}

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

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.hide {
    display: none;
}

.flb {
    float: left;
    display: inline;
}

.filler {
    flex: 1;
}

.frb {
    float: right;
    display: inline;
}

.flex {
    display: flex;
}

.flexc {
    display: flex;
    flex-direction: column;
}

.flex1 {
    flex: 1;
}

.align-ic {
    align-items: center;
}

.flat {
    font-size: var(--cbt-primary-font-size);
}

.iconfont {
    font-size: 14px;
}

.full-width {
    width: 100%;
}

.color-primary {
    color: #298aed;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    background-color: var(--scollbar-bg-color);
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(180,190,202,0.8);
    -moz-box-shadow: inset 0 0 5px rgba(180,190,202,0.8);
    -ms-box-shadow: inset 0 0 5px rgba(180,190,202,0.8);
    -o-box-shadow: inset 0 0 5px rgba(180,190,202,0.8);
    box-shadow: inset 0 0 5px rgba(180,190,202,0.8);
    background: rgba(180,190,202,0.3);
}

::-webkit-scrollbar-thumb:vertical {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:horizontal {
    background-color: #298aed;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

* {
    outline: none;
}

#workspace > .dijitTabController > .dijitTabListWrapper > .dijitTabContainerTop-tabs {
    background: none;
    background-color: #eceef3;
}

#workspace .customerLogoWrapper {
    background: none;
    background-color: #eceef3;
}

.dynamicTitleDialog .dijitAlignCenter {
    text-align: center;
}

.layui-layer-tips {
    word-break: break-all;
}

html,body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,img {
    border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}

i {
    font-style: normal;
}

ol,ul {
    list-style: none;
}

caption,th {
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}

q:before,q:after {
    content: '';
}

abbr,acronym {
    border: 0;
}

#workspace {
    z-index: 30;
    background: none;
    height: 100%;
    padding-top: 0;
    background-color: wsoBgColor;
    border: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
}

#workspace > .dijitTabPaneWrapper.dijitTabContainerTop-container.dijitAlignCenter {
    border-bottom: 0;
}

#workspace.withHorizon {
    width: 100%;
    left: 0;
    border-radius: 0;
}

@media screen and (min-width: 1370px) {
    #workspace {
        width: calc(100% - 200px);
        left: 100px;
    }

    .lockNav #workspace {
        width: calc(100% - 206px);
        left: 206px;
    }

    #topNav .topSecondLine .menuButtonWrapper {
        width: 5%;
    }
}

@media screen and (max-width: 1370px) {
    #workspace {
        width: calc(100% - 100px);
        left: 50px;
    }

    #topNav .topSecondLine .menuButtonWrapper {
        width: 50px;
    }
}

#appContainer {
    padding: 0;
    text-align: center;
    background: #e4e5e7;
}

.translation {
    display: inline-block;
    padding: 10px;
    width: 500px;
    height: 50px;
}

.translation div {
    display: inline-block;
}

.translation .clear:hover {
    color: #f00;
}

.translation .left textarea,.translation .right {
    width: 200px;
    height: 50px;
    border: solid 1px #00f;
}

#workspaceWrapper {
    height: calc(100% - 50px);
    margin: -50px auto 0;
}

#workspaceWrapper > .ttxNavigator .dijitTree {
    height: calc(100% - 78px);
}

#workspaceWrapper.lockNav {
    display: flex;
}

#workspaceWrapper.lockNav > .ttxNavigator {
    top: 0;
    position: relative;
    height: 100%;
    left: 0 !important;
    margin: 0;
    display: block;
    min-width: 206px;
}

#workspaceWrapper.lockNav #workspace {
    left: 0;
    width: 95%;
    position: relative;
    border-radius: 0;
}

#workspaceWrapper.lockMessageTab {
    display: flex;
}

#workspaceWrapper.lockMessageTab #workspace {
    left: 0;
    position: relative;
    border-radius: 0;
}

.dijitTooltip {
    z-index: 20000000;
}

.textBoxWithIcon.dijitValidationTextBox {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding-left: 3px;
}

.textBoxWithIcon.dijitValidationTextBox .dijitInputContainer {
    width: calc(100% - 38px);
}

.textBoxWithIcon.dijitValidationTextBox .iconSpan {
    display: inline-block;
    height: 14px;
    line-height: 1;
    width: 14px;
}

.dijitComboBox.leftIconInput .dijitInputContainer {
    display: flex;
    align-items: center;
}

.dijitComboBox.leftIconInput .dijitInputContainer .leftIcon {
    display: inline-flex;
    float: left;
    padding-right: 4px;
}

.dijitComboBox.leftIconInput .dijitInputContainer .dijitInputInner {
    width: auto !important;
}

.ttxUploaderMenuItem .dijitMenuItemLabel {
    pointer-events: none;
}

table tr:nth-child-1 {
    height: 10px;
}

table tr:nth-child-2 {
    height: 20px;
}

table tr:nth-child-3 {
    height: 30px;
}

table tr:nth-child-4 {
    height: 40px;
}

table tr:nth-child-5 {
    height: 50px;
}

.flat .ttx-field-set {
    margin: 0;
    padding: 8px;
}

.flat .ttx-field-set .ttx-field-row-1 h1 {
    display: flex;
    font-size: 16px;
    flex: 1;
}

.flat .ttx-field-set .ttx-field-row-1 h1:after {
    margin-left: 12px;
    height: 0.55em;
    border-bottom: 1px solid #ddd;
    flex: 1;
    content: ' ';
}

.flat .set-ttx-field-set {
    width: 12px;
    height: 12px;
    float: right;
    position: absolute;
    top: 0;
    right: 12px;
    cursor: pointer;
}

.flat .ttx-action-set {
    margin: 10px 20px;
}

.flat .ttx-float-action-set {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px;
    width: 100%;
    background: #fff;
    z-index: 10;
}

.flat .ttxWsoTabPanel {
    width: 100%;
    height: 100%;
}

.flat .dijitTabPaneWrapper {
    height: 100%;
}

.flat .dijitTabContainerTopChildWrapper {
    height: 100%;
}

.flat .ttx-field-row h1 {
    margin: 10px 0 10px 2px;
    line-height: 1.4em;
    font-size: 1.2em;
    padding-bottom: 3px;
    font-weight: normal;
}

.flat .ttx-field-row h2 {
    margin: 26px 0 18px 12px;
    padding: 0 20px;
    line-height: 1.8em;
    font-size: 18px;
    border-bottom: 1px solid;
    border-bottom-color: #d6d8d8;
}

.flat .dijitComboBox .dijitButtonNode {
    line-height: 26px;
}

.flat .ttx-field-row .dijitComboBox .dijitButtonNode {
    line-height: 20px;
}

.flat .dijitTextBox,.dojoxCheckedMultiSelect,.dijitLabel {
    font-size: 13px;
    color: #181616;
}

.flat .ttx-field-row {
    margin: 4px 0;
    display: flex;
    align-items: center;
}

.flat .ttx-field-row .ttx-field-required > label:before {
    content: "*";
    margin-right: 2px;
    color: #ff5a6b;
}

.flat .ttx-field-row .ttx-field {
    display: inline-flex;
    align-items: center;
}

.flat .ttx-field-row .ttx-field > label {
    display: inline-flex;
    justify-content: flex-end;
    width: 7em;
    min-width: 7em;
    text-align: right;
    padding: 0 5px 0 0;
    color: #666;
}

.flat .ttx-field-row .ttx-field > label:after {
    content: ":";
    margin-left: 2px;
    margin-right: 0.5em;
}

.flat .ttx-field-row .dijitValidationTextBox .dijitValidationContainer {
    padding: 2px 4px;
    color: #ff4761;
}

.flat .ttx-field-row .dijitTextBox {
    font-size: 13px;
    color: #181616;
}

.flat .ttx-field-row .dijitTextBox .dijitInputField .dijitPlaceHolder {
    padding: 1px;
}

.flat .ttx-field-row .dijitTextBox .dijitInputField .dijitInputInner {
    padding: 1px 0;
}

.flat .ttx-field-row label {
    font-size: 13px;
    color: #3a3044;
    vertical-align: middle;
}

.flat .ttx-field-row label.helpLabel {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flat .listGridContainer {
    margin-top: 0px;
    min-height: 300px;
}

.flat .ttxDateTimeTextBox {
    display: inline-flex;
}

.flat .ttxDateTimeTextBox .dijitDateTextBox {
    float: left;
    width: 60%;
}

.flat .ttxDateTimeTextBox .dijitTimeTextBox {
    width: 88px;
    border-left: 0;
}

.flat .dojoxCheckedMultiSelectHidden {
    display: none;
}

.flat .dijitTextBox,.flat .dijitInputInner {
    color: #333;
    border: 1px solid #dcdcdc;
    font-size: 13px;
}

.flat .dijitSelect {
    color: #333;
    border: 1px solid #d0d0d0;
    font-size: 13px;
    width: 15em;
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.flat .dijitSelect .dijitInputField>span {
    white-space: normal;
    text-align: left;
}

.flat .dijitSelect .dijitArrowButton {
    width: 1%;
}

.areaSelect.dijitSelectError .dijitButtonContents .dijitButtonText {
    display: inherit !important;
}

.flat .dijitPopup .dijitSelectMenu {
    color: #333;
    border: 1px solid #d0d0d0;
    font-size: 13px;
}

.flat .dijitLabel .dijitInputContainer .dijitLabelInner {
    display: inline-block;
}

.flat .buttonHeightInput.dijitTextBox {
    font-size: 20px;
    width: 10em;
}

.flat .buttonHeightInput.dijitTextBox .dijitInputInner {
    line-height: 22px;
    font-size: 16px;
}

.flat .dijitTextBoxFocused {
    -webkit-box-shadow: 0 0 2px #298aed;
    -moz-box-shadow: 0 0 2px #298aed;
    -ms-box-shadow: 0 0 2px #298aed;
    -o-box-shadow: 0 0 2px #298aed;
    box-shadow: 0 0 2px #298aed;
    border: 1px solid #298aed;
}

.flat .dijitTextBoxError,.flat .dijitSelectError {
    border: 1px solid #ff4761;
}

.flat .dijitTextBoxErrorFocused,.flat .dijitTextBoxErrorFocused .dijitButtonNode {
    -webkit-box-shadow: 0 0 2px #ff4761;
    -moz-box-shadow: 0 0 2px #ff4761;
    -ms-box-shadow: 0 0 2px #ff4761;
    -o-box-shadow: 0 0 2px #ff4761;
    box-shadow: 0 0 2px #ff4761;
}

.flat .dijitTextBox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.flat .dijitSelect .dijitArrowButton,.flat .dijitComboBox .dijitArrowButton {
    border: 0;
    padding: 1px;
}

.flat .dijitMenuItem,.flat .dijitMenuItem td {
    padding: 4px 4px;
}

.flat .dijitMenuTable,.flat .dijitComboBoxMenu {
    padding: 0;
}

.dijitTimePickerPopup {
    overflow: scroll;
    height: 200px !important;
}

.flat .dijitCalendarCurrentDate {
    border: 1px solid #20a0ff;
}

.flat .dijitMenuItemHover,.flat .dijitMenuItemSelected,.flat .dijitMenuItemHover td,.flat .dijitMenuItemSelected td,.flat .dijitMenuItemHover.dijitMenuItemSelected,.flat .dijitMenuItemActive.dijitMenuItemSelected {
    background-color: rgba(41,138,237,0.3);
    color: inherit;
}

.flat .dojoxCheckedMultiSelect {
    color: #333;
    border: 1px solid #d0d0d0;
    font-size: 13px;
    background: #fff;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.flat .dojoxCheckedMultiSelect > table tbody .dijitStretch,.flat .dojoxCheckedMultiSelect > table tbody .dijitDownArrowButton {
    border: none;
}

.flat .dojoxCheckedMultiSelectMenu {
    padding: 0;
    font-size: 16px;
}

.flat .dojoxCheckedMultiSelectMenu .dijitMenuItem td {
    padding: 4px;
}

.flat .dojoxCheckedMultiSelectMenu .dijitMenuItem .dijitMenuItemIconCell {
    width: 20px;
}

.flat .dojoxCheckedMultiSelectMenu .dijitMenuItem .dijitMenuItemIconCell .dojoxCheckedMultiSelectCheckBoxInput {
    display: none;
}

.flat .dojoxCheckedMultiSelectMenu .dojoxCheckedMultiSelectMenuItemChecked .dijitMenuItemIconCell:before {
    font-family: "flat-icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    background-color: #2196f3;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
}

.flat .dojoxCheckedMultiSelectMenu .dojoxCheckedMultiSelectMenuItemChecked.dijitMenuItemHover .dijitMenuItemIconCell:before {
    font-family: "flat-icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 16px;
    background-color: #fff;
    color: #2196f3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
}

.flat .multiSelectBox {
    margin: 5px;
    display: flex;
    align-content: center;
    align-items: stretch;
    background-color: #fff !important;
    color: #333 !important;
}

.flat .multiSelectBox .multiSelectInput {
    width: 60%;
    margin-right: 5px;
}

.gridxHeader > .gridxBar > table {
    color: #000;
}

.gridxCellFocus {
    border: 0;
    color: inherit;
    background: inherit;
}

.fullContainerGrid .listGridContainer {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
}

.fullContainerGrid .listGridContainer > div.gridx {
    flex: 1;
    height: 0;
}

.noHeaderGrid .gridxBody {
    border-left: solid 1px #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

.gridxRowHeaderCell,.gridxRowHeaderHeader,.gridxRowHeaderBody {
    border: 0;
}

.gridxVScroller::-webkit-scrollbar {
    background-color: var(--scollbar-bg-color);
}

.gridxLoading,.ttxGridxLoading {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 1;
    background: rgba(0,0,0,0.1);
}

.gridxLoading .loadingUi,.ttxGridxLoading .loadingUi {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 50px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.gridxLoading .loadingUi span,.ttxGridxLoading .loadingUi span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 0;
    margin-right: 3px;
    animation-name: loadspan;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.gridxLoading .loadingUi span:nth-child(2),.ttxGridxLoading .loadingUi span:nth-child(2) {
    animation-delay: 0.3s;
    left: 10px;
}

.gridxLoading .loadingUi span:nth-child(3),.ttxGridxLoading .loadingUi span:nth-child(3) {
    animation-delay: 0.43s;
    left: 20px;
}

.gridxLoading .loadingUi span:nth-child(4),.ttxGridxLoading .loadingUi span:nth-child(4) {
    animation-delay: 0.15s;
    left: 30px;
}

.gridxLoading .loadingUi span:nth-child(5),.ttxGridxLoading .loadingUi span:nth-child(5) {
    animation-delay: 0.1s;
    left: 40px;
}

.gridxSort .gridxArrowButtonNode {
    margin-top: 4px;
    margin-right: 3px;
}

.gridxDesktop.gridx {
    border: none;
}

.gridxDesktop.gridx .gridxRowHeaderBody {
    border-left: var(--grid-border);
}

.gridxDesktop.gridx .gridxRowHeaderHeader {
    border-left: var(--grid-border);
    border-top-left-radius: var(--grid-border-radius);
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow {
    color: var(--grid-header-color);
}

.gridxDesktop.gridx .gridxMain {
    color: var(--grid-content-color);
    border-right: var(--grid-border);
}

.gridxDesktop.gridx .gridxMain .gridxCell {
    border-bottom: var(--grid-body-cell-border);
    border-right: var(--grid-body-cell-border);
}

.gridxDesktop.gridx .gridxMain .gridxRowHeaderCell {
    border-bottom: var(--grid-body-cell-border);
    border-right: var(--grid-body-cell-border);
}

.gridxDesktop.gridx .gridxHeaderRow {
    border: none;
    border-top: var(--grid-border);
    border-right: var(--grid-border);
    border-top-left-radius: var(--grid-border-radius);
    border-top-right-radius: var(--grid-border-radius);
}

.gridxDesktop.gridx .gridxFooter {
    border: none;
    background: var(--grid-footer-bg-color);
    color: var(--grid-footer-color);
}

.gridxDesktop.gridx .gridxFooter .gridxHScroller {
    border-left: var(--grid-border);
    border-right: var(--grid-border);
}

.gridxDesktop.gridx .gridxPaginationBar {
    border: none;
    background: transparent;
    -webkit-box-shadow: var(--grid-border-instead-shadow-top);
    -moz-box-shadow: var(--grid-border-instead-shadow-top);
    -ms-box-shadow: var(--grid-border-instead-shadow-top);
    -o-box-shadow: var(--grid-border-instead-shadow-top);
    box-shadow: var(--grid-border-instead-shadow-top);
}

.gridxDesktop.gridx .gridxRowHeaderHeaderCell,.gridxDesktop.gridx .gridxRowHeaderCell {
    border-bottom: var(--grid-cell-border);
    border-right: var(--grid-cell-border);
}

.gridxDesktop.gridx .gridxHeader {
    background-color: transparent;
}

.gridxDesktop.gridx .gridxHeaderRow {
    background-color: var(--grid-header-bg-color);
}

.gridxDesktop.gridx .gridxRowHeaderHeader {
    background-color: transparent;
}

.gridxDesktop.gridx .gridSettingCog {
    background-image: url("/css/icon/SVG/line-cog.svg");
    height: 15px;
    width: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    display: block;
}

.gridxDesktop.gridx .gridxHeaderRow.headerFilter {
    padding-right: inherit;
}

.gridxDesktop.gridx .gridxHeaderRowInner {
    border: none;
}

.gridxDesktop.gridx .gridxHeaderRowInner .gridxSortNode {
    height: calc(100% - 4px);
}

.gridxDesktop.gridx .gridxHeaderRowInner .gridxGroupHeader,.gridxDesktop.gridx .gridxHeaderRowInner .gridxCell {
    border: none;
    border-bottom: var(--grid-cell-border);
    border-right: var(--grid-cell-border);
    vertical-align: bottom;
}

.gridxDesktop.gridx .gridxHeader .gridxHeaderRow .gridxHeaderRowInner .gridxCell.gridxHeaderCellFocus,.gridxDesktop.gridx .gridxHeader .gridxHeaderRow .gridxHeaderRowInner .gridxCell.gridxCellRegion.gridxHeaderRegionFocus {
    border: none;
    border-bottom: var(--grid-cell-border-focus);
    border-right: var(--grid-cell-border);
}

.gridxDesktop.gridx .gridxLockedCell {
    border-right: solid 1px #c0c0c0;
    -webkit-box-shadow: 4px 0 5.64px 1px rgba(0,0,0,0.11);
    -moz-box-shadow: 4px 0 5.64px 1px rgba(0,0,0,0.11);
    -ms-box-shadow: 4px 0 5.64px 1px rgba(0,0,0,0.11);
    -o-box-shadow: 4px 0 5.64px 1px rgba(0,0,0,0.11);
    box-shadow: 4px 0 5.64px 1px rgba(0,0,0,0.11);
}

.gridxDesktop.gridx .gridxCell {
    border: none;
    border-bottom: var(--grid-cell-border);
    border-right: var(--grid-cell-border);
    padding: 5px;
}

.gridxDesktop.gridx .gridxRowHeaderRow.gridxRowSelected .dijitCheckBoxChecked:before {
    color: #fff;
}

.gridxDesktop.gridx .gridxRowHeaderHeader .gridxRowHeaderHeaderCell,.gridxDesktop.gridx .gridxRowHeaderBody .gridxRowHeaderHeaderCell {
    vertical-align: bottom;
    padding-bottom: 5px;
}

.gridxDesktop.gridx .gridxRowHeaderHeader .gridxRowHeaderHeaderCell .dijitCheckBox,.gridxDesktop.gridx .gridxRowHeaderBody .gridxRowHeaderHeaderCell .dijitCheckBox,.gridxDesktop.gridx .gridxRowHeaderHeader .gridxRowHeaderCell .dijitCheckBox,.gridxDesktop.gridx .gridxRowHeaderBody .gridxRowHeaderCell .dijitCheckBox {
    display: inline-flex;
    width: 11px;
    height: 11px;
    margin-top: -2px;
}

.gridxDesktop.gridx .gridxRowHeaderHeader .gridxRowHeaderHeaderCell .dijitCheckBox:before,.gridxDesktop.gridx .gridxRowHeaderBody .gridxRowHeaderHeaderCell .dijitCheckBox:before,.gridxDesktop.gridx .gridxRowHeaderHeader .gridxRowHeaderCell .dijitCheckBox:before,.gridxDesktop.gridx .gridxRowHeaderBody .gridxRowHeaderCell .dijitCheckBox:before {
    font-size: 11px;
}

.gridxDesktop.gridx .gridxHeader h1 {
    display: inline-block;
    font-size: 18px;
    color: #265d98;
    margin-left: 10px;
}

.gridxDesktop.gridx .gridxHeader .dijitToolbar {
    background: none !important;
    border-bottom: none !important;
    text-align: right;
    margin-right: 30px;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxGroupHeader,.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxCell {
    padding: 2px 5px;
    height: 24px;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxGroupHeader {
    text-align: center;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxFilterCell {
    padding: 2px 5px;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxFilterCell:hover {
    background: #fafafa !important;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxFilterCell .dijitTextBox {
    font-size: 12px;
    width: 100% !important;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxFilterCell .dijitTextBox .dijitInputInner {
    padding: 2px 4px;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxColumnSelected {
    background: #32aaef;
    color: #fff;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .expandWrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    background: #fafafa;
    margin-top: -1px;
    border: 0 #e1e1e1;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .expandWrapper span {
    height: 10px;
    width: 40px;
    background: #298aed;
    margin-top: 2px;
}

.gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .expandWrapper span:before {
    color: #fff;
    line-height: 10px;
    font-size: 24px;
}

.gridxDesktop.gridx .gridxRowHeaderRow .gridxCellFocus {
    border: 0;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperWidget {
    margin-left: 3px;
    width: 50px;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperWidget .dijitInputInner {
    padding: 2px 0 0 0;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerDescriptionTD {
    width: 40%;
    padding-left: 9px;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerDescriptionTD .gridxSummary {
    display: inline-block;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerDescriptionTD .IconDropDownButton {
    height: 12px;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperTD {
    padding-right: 1em;
    text-align: right;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperTD .gridxDropDownPager .dijitDownArrowButton {
    padding: 0;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperTD .gridxLinkPager {
    display: flex;
    align-items: center;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperTD .gridxLinkPager .gridxPagerPages .gridxPagerStepperBtn {
    color: #6893b8;
    padding: 0 3px;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperTD .gridxLinkPager .gridxPagerPages .gridxPagerStepperBtnActive {
    color: #636363;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerSizeSwitchTD .gridxDropDownSizer .gridxPagerSizeSwitchWidget {
    margin-left: 3px;
    width: 70px;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerSizeSwitchTD .gridxLinkSizer {
    white-space: nowrap;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerSizeSwitchTD .gridxLinkSizer .gridxPagerSizeSwitchBtn {
    color: #6893b8;
    padding: 0 3px;
}

.gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerSizeSwitchTD .gridxLinkSizer .gridxPagerSizeSwitchBtnActive {
    color: #636363;
}

.gridx .gridxIndirectSelectionCheckBox {
    margin: 0;
}

.gridx .gridxRow .gridxRowTable .gridxCell.textAlignRight {
    text-align: right;
}

.gridx .gridCellLink {
    text-decoration: underline;
    color: #008000;
    cursor: pointer;
}

.gridx .gridCellLink:hover {
    color: #ff4500;
    text-decoration: none;
}

.flat .dijitDialog.gridColumnSelectCheckout .ttx-field-row .ttx-field > label,.flat .dijitDialog.chooseReserveFieldSetDialog .ttx-field-row .ttx-field > label {
    text-align: right;
}

.flat .gridxColumnSummaryBar {
    color: var(--grid-header-color);
    background-color: var(--grid-header-bg-color);
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner::-webkit-scrollbar {
    display: none;
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner {
    overflow-y: auto;
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell {
    position: relative;
    font-weight: bold;
    padding: 5px;
    overflow: hidden;
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell .columnSummaryBarSummaryNode {
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell .columnSummaryBarSummaryHeader {
    text-align: left;
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell .columnSummaryBarSummaryType {
    position: absolute;
    font-weight: lighter;
    display: inline-block;
    cursor: default;
    pointer-events: none;
    scale: 0.8;
    top: 0;
    left: 0;
}

.flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCellEmpty {
    padding: 5px;
}

.gridxDesktop.gridx .gridxRowSelected > .gridxRowTable,.gridxDesktop.gridx .gridxRowOdd,.gridxDesktop.gridx .gridxRowSelected {
    background: transparent;
}

.gridxDesktop.gridx .gridxRowOdd.gridxRowHeaderRow,.gridxDesktop.gridx .gridxRowOdd > .gridxRowTable {
    color: inherit;
    background: var(--grid-bg-odd);
}

.gridxDesktop.gridx .gridxMain .gridxRowHeaderBody .rowOpenedHasHeader {
    -webkit-box-shadow: 1px 1px 1px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -moz-box-shadow: 1px 1px 1px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -ms-box-shadow: 1px 1px 1px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -o-box-shadow: 1px 1px 1px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    box-shadow: 1px 1px 1px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
}

.gridxDesktop.gridx .gridxMain .gridxBody .rowOpened > .gridxRowTable {
    -webkit-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -moz-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -ms-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -o-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
}

.gridxDesktop.gridx .gridxMain .gridxBody .rowOpened > .gridxRowTable .gridxLockedCell {
    -webkit-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -moz-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -ms-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    -o-box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
    box-shadow: -3px 1px 0px 0px var(--cbt-color-success) inset, 1px -1px 0px 0px var(--cbt-color-success) inset;
}

.gridxDesktop.gridx .gridxMain .gridxBody .rowOpenedHasHeader > .gridxRowTable {
    -webkit-box-shadow: -1px 1px 0px 0px var(--cbt-color-success) inset, 0px -1px 0px 0px var(--cbt-color-success) inset;
    -moz-box-shadow: -1px 1px 0px 0px var(--cbt-color-success) inset, 0px -1px 0px 0px var(--cbt-color-success) inset;
    -ms-box-shadow: -1px 1px 0px 0px var(--cbt-color-success) inset, 0px -1px 0px 0px var(--cbt-color-success) inset;
    -o-box-shadow: -1px 1px 0px 0px var(--cbt-color-success) inset, 0px -1px 0px 0px var(--cbt-color-success) inset;
    box-shadow: -1px 1px 0px 0px var(--cbt-color-success) inset, 0px -1px 0px 0px var(--cbt-color-success) inset;
}

.gridxDesktop.gridx .gridxMain .gridxBody .rowOpenedHasHeader > .gridxRowTable .gridxLockedCell {
    -webkit-box-shadow: 0px -1px 0px 0px var(--cbt-color-success) inset, 0px 1px 0px 0px var(--cbt-color-success) inset, 4px 0 5.64px 1px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px -1px 0px 0px var(--cbt-color-success) inset, 0px 1px 0px 0px var(--cbt-color-success) inset, 4px 0 5.64px 1px rgba(0,0,0,0.11);
    -ms-box-shadow: 0px -1px 0px 0px var(--cbt-color-success) inset, 0px 1px 0px 0px var(--cbt-color-success) inset, 4px 0 5.64px 1px rgba(0,0,0,0.11);
    -o-box-shadow: 0px -1px 0px 0px var(--cbt-color-success) inset, 0px 1px 0px 0px var(--cbt-color-success) inset, 4px 0 5.64px 1px rgba(0,0,0,0.11);
    box-shadow: 0px -1px 0px 0px var(--cbt-color-success) inset, 0px 1px 0px 0px var(--cbt-color-success) inset, 4px 0 5.64px 1px rgba(0,0,0,0.11);
}

.gridxDesktop.gridx .gridxRowSelected.gridxRowHeaderRow tbody,.gridxDesktop.gridx .gridxRowSelected > .gridxRowTable tbody {
    color: inherit;
    background: inherit;
    background: var(--cbt-primary-color-alpha-40);
}

.gridxDesktop.gridx .gridxRowOver.gridxRowHeaderRow tbody,.gridxDesktop.gridx .gridxRowOver > .gridxRowTable tbody {
    color: inherit;
    background: inherit;
    background-color: rgba(206,232,242,0.878);
}

@-moz-keyframes loadspan {
    0% {
        height: 0px;
        background: #90b9e7;
    }

    100% {
        height: 40px;
        background: #3870ca;
    }
}

@-webkit-keyframes loadspan {
    0% {
        height: 0px;
        background: #90b9e7;
    }

    100% {
        height: 40px;
        background: #3870ca;
    }
}

@-o-keyframes loadspan {
    0% {
        height: 0px;
        background: #90b9e7;
    }

    100% {
        height: 40px;
        background: #3870ca;
    }
}

@keyframes loadspan {
    0% {
        height: 0px;
        background: #90b9e7;
    }

    100% {
        height: 40px;
        background: #3870ca;
    }
}

.notifyBox {
    position: fixed;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
    overflow: hidden;
    max-height: 120px;
    z-index: 19891024;
}

.notifyBox p {
    text-align: left;
    font-family: sans-serif;
    font-size: 15px;
    padding: 10px 0;
    padding-left: 20px;
    margin: 0;
    max-height: 120px;
    text-overflow: ellipsis;
}

.notifyBox.success {
    background-color: #9acd32;
    color: #fff;
}

.notifyBox.error {
    background-color: #ff4500;
    color: #fff;
}

.notifyBox.warning {
    background-color: #ffa500;
    color: #fff;
}

.notifyBox.info {
    background-color: #00bfff;
    background-color: #00bfff;
    color: #fff;
}

.notifyBox.default {
    background-color: #eee;
    color: #444;
}

@-webkit-keyframes glowing {
    from {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(44,154,219,0.8);
        box-shadow: 0 0 40px rgba(44,154,219,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }
}

@-webkit-keyframes glowing-primary {
    from {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(27,154,247,0.8);
        box-shadow: 0 0 40px rgba(27,154,247,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }
}

@-webkit-keyframes glowing-plain {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,255,255,0.8);
        box-shadow: 0 0 40px rgba(255,255,255,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }
}

@-webkit-keyframes glowing-inverse {
    from {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(34,34,34,0.8);
        box-shadow: 0 0 40px rgba(34,34,34,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }
}

@-webkit-keyframes glowing-action {
    from {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(165,222,55,0.8);
        box-shadow: 0 0 40px rgba(165,222,55,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }
}

@-webkit-keyframes glowing-highlight {
    from {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(254,174,27,0.8);
        box-shadow: 0 0 40px rgba(254,174,27,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }
}

@-webkit-keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,67,81,0.8);
        box-shadow: 0 0 40px rgba(255,67,81,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }
}

@-webkit-keyframes glowing-royal {
    from {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(123,114,233,0.8);
        box-shadow: 0 0 40px rgba(123,114,233,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }
}

#status {
    border: 0;
    background: #ff0;
    height: 30px;
}

.part {
    background: rgba(255,255,255,0.9);
    padding: 0;
    margin: 0;
    border: 0;
}

.wsoField {
    display: inline-block;
    margin: 3px 0;
}

.wsoFieldLabel {
    display: inline-block;
    width: 100px;
    text-align: right;
    padding: 0 0.5em;
}

html,body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.dijitBorderContainer {
    width: 100%;
    height: 100%;
}

.pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

#loadingOverlay {
    background: #fff url("../js/dijit/themes/flat/dijit/images/loadingAnimation.gif") no-repeat 10px 23px;
}

.loadingMessage {
    padding: 25px 40px;
    color: #999;
}

.wsoContainerNode {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.inlineBlock {
    display: inline-block;
}

.dijitTabController .dijitTabChecked {
    color: #265d98;
}

.flat .fullViewButton {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 36px;
    speak: none;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0.65;
    cursor: pointer;
}

.flat .fullViewButton .fullViewText {
    display: none;
}

.flat .fullViewButton:hover {
    opacity: 1;
}

.flat .wsoZoomBtn {
    margin-top: 0px;
    margin-right: 12px;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 2;
    background: url("/images/map/zoom_out.png") no-repeat left;
    opacity: 0.3;
}

.flat .wsoZoomBtn.zoomIn {
    background: url("/images/map/zoom_in.png") no-repeat left;
}

.flat .wsoZoomBtn:hover {
    opacity: 0.95;
}

#edit_with_polarr_floater {
    display: none;
}

@-moz-keyframes glowing {
    from {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(44,154,219,0.8);
        box-shadow: 0 0 40px rgba(44,154,219,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }
}

@-webkit-keyframes glowing {
    from {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(44,154,219,0.8);
        box-shadow: 0 0 40px rgba(44,154,219,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }
}

@-o-keyframes glowing {
    from {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(44,154,219,0.8);
        box-shadow: 0 0 40px rgba(44,154,219,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }
}

@keyframes glowing {
    from {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(44,154,219,0.8);
        box-shadow: 0 0 40px rgba(44,154,219,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(44,154,219,0.3);
        box-shadow: 0 0 0 rgba(44,154,219,0.3);
    }
}

@-moz-keyframes glowing-primary {
    from {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(27,154,247,0.8);
        box-shadow: 0 0 40px rgba(27,154,247,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }
}

@-webkit-keyframes glowing-primary {
    from {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(27,154,247,0.8);
        box-shadow: 0 0 40px rgba(27,154,247,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }
}

@-o-keyframes glowing-primary {
    from {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(27,154,247,0.8);
        box-shadow: 0 0 40px rgba(27,154,247,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }
}

@keyframes glowing-primary {
    from {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(27,154,247,0.8);
        box-shadow: 0 0 40px rgba(27,154,247,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(27,154,247,0.3);
        box-shadow: 0 0 0 rgba(27,154,247,0.3);
    }
}

@-moz-keyframes glowing-plain {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,255,255,0.8);
        box-shadow: 0 0 40px rgba(255,255,255,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }
}

@-webkit-keyframes glowing-plain {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,255,255,0.8);
        box-shadow: 0 0 40px rgba(255,255,255,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }
}

@-o-keyframes glowing-plain {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,255,255,0.8);
        box-shadow: 0 0 40px rgba(255,255,255,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }
}

@keyframes glowing-plain {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,255,255,0.8);
        box-shadow: 0 0 40px rgba(255,255,255,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.3);
        box-shadow: 0 0 0 rgba(255,255,255,0.3);
    }
}

@-moz-keyframes glowing-inverse {
    from {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(34,34,34,0.8);
        box-shadow: 0 0 40px rgba(34,34,34,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }
}

@-webkit-keyframes glowing-inverse {
    from {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(34,34,34,0.8);
        box-shadow: 0 0 40px rgba(34,34,34,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }
}

@-o-keyframes glowing-inverse {
    from {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(34,34,34,0.8);
        box-shadow: 0 0 40px rgba(34,34,34,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }
}

@keyframes glowing-inverse {
    from {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(34,34,34,0.8);
        box-shadow: 0 0 40px rgba(34,34,34,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(34,34,34,0.3);
        box-shadow: 0 0 0 rgba(34,34,34,0.3);
    }
}

@-moz-keyframes glowing-action {
    from {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(165,222,55,0.8);
        box-shadow: 0 0 40px rgba(165,222,55,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }
}

@-webkit-keyframes glowing-action {
    from {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(165,222,55,0.8);
        box-shadow: 0 0 40px rgba(165,222,55,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }
}

@-o-keyframes glowing-action {
    from {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(165,222,55,0.8);
        box-shadow: 0 0 40px rgba(165,222,55,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }
}

@keyframes glowing-action {
    from {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(165,222,55,0.8);
        box-shadow: 0 0 40px rgba(165,222,55,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(165,222,55,0.3);
        box-shadow: 0 0 0 rgba(165,222,55,0.3);
    }
}

@-moz-keyframes glowing-highlight {
    from {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(254,174,27,0.8);
        box-shadow: 0 0 40px rgba(254,174,27,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }
}

@-webkit-keyframes glowing-highlight {
    from {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(254,174,27,0.8);
        box-shadow: 0 0 40px rgba(254,174,27,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }
}

@-o-keyframes glowing-highlight {
    from {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(254,174,27,0.8);
        box-shadow: 0 0 40px rgba(254,174,27,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }
}

@keyframes glowing-highlight {
    from {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(254,174,27,0.8);
        box-shadow: 0 0 40px rgba(254,174,27,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(254,174,27,0.3);
        box-shadow: 0 0 0 rgba(254,174,27,0.3);
    }
}

@-moz-keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,67,81,0.8);
        box-shadow: 0 0 40px rgba(255,67,81,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }
}

@-webkit-keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,67,81,0.8);
        box-shadow: 0 0 40px rgba(255,67,81,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }
}

@-o-keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,67,81,0.8);
        box-shadow: 0 0 40px rgba(255,67,81,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }
}

@keyframes glowing-caution {
    from {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(255,67,81,0.8);
        box-shadow: 0 0 40px rgba(255,67,81,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(255,67,81,0.3);
        box-shadow: 0 0 0 rgba(255,67,81,0.3);
    }
}

@-moz-keyframes glowing-royal {
    from {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(123,114,233,0.8);
        box-shadow: 0 0 40px rgba(123,114,233,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }
}

@-webkit-keyframes glowing-royal {
    from {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(123,114,233,0.8);
        box-shadow: 0 0 40px rgba(123,114,233,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }
}

@-o-keyframes glowing-royal {
    from {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(123,114,233,0.8);
        box-shadow: 0 0 40px rgba(123,114,233,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }
}

@keyframes glowing-royal {
    from {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }

    50% {
        -webkit-box-shadow: 0 0 40px rgba(123,114,233,0.8);
        box-shadow: 0 0 40px rgba(123,114,233,0.8);
    }

    to {
        -webkit-box-shadow: 0 0 0 rgba(123,114,233,0.3);
        box-shadow: 0 0 0 rgba(123,114,233,0.3);
    }
}

.cuadro {
    position: relative;
    width: 100%;
    height: 650px;
    margin: 0 auto;
    padding-top: 30px;
}

.gallina {
    width: 50%;
    height: 650px;
    display: block;
    position: relative;
    margin: -3px auto;
}

.cuello {
    position: absolute;
    border-bottom: 212px solid #aaaa96;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    height: 0;
    margin: 132px 430px;
    width: 55px;
    -webkit-animation: mover 0.5s alternate infinite;
    -moz-animation: mover 0.5s alternate infinite;
    animation: mover 0.5s alternate infinite;
}

.cuello::before {
    content: "";
    display: block;
    border-bottom: 142px solid #baba93;
    border-left: 21px solid transparent;
    border-right: 14px solid transparent;
    height: 0;
    width: 30px;
    margin: 50px 7px;
}

.cuello::after {
    content: "";
    display: block;
    width: 35px;
    height: 21px;
    border-radius: 30px 30px 0 0;
    background: #baba93;
    margin: -199px 26px;
}

ul.cresta {
    position: absolute;
    width: 121px;
    height: 90px;
    list-style: none;
    display: blocK;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 102px 375px;
    -webkit-animation: mover3 0.5s alternate infinite;
    -moz-animation: mover3 0.5s alternate infinite;
    animation: mover3 0.5s alternate infinite;
}

ul.cresta li {
    display: inline-block;
    background: #c52541;
    width: 19px;
    height: 70px;
    border-radius: 12px 12px 0px 0px;
    margin-left: -5px;
}

ul.cresta li:nth-child(1) {
    height: 30px;
    border-radius: 12px 12px 0px 12px;
}

ul.cresta li:nth-child(2) {
    height: 40px;
}

ul.cresta li:nth-child(3) {
    height: 50px;
}

ul.cresta li:nth-child(4) {
    height: 60px;
}

ul.cresta li:nth-child(5) {
    border-radius: 12px 12px 12px 0px;
}

.pico {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 21px solid #ffcf55;
    border-right: 30px solid transparent;
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    transform: rotate(-12deg);
    margin: 162px 505px;
    -webkit-animation: abre 1s alternate infinite;
    -moz-animation: abre 1s alternate infinite;
    animation: abre 1s alternate infinite;
}

.pico::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 21px solid #ffcf55;
    border-left: 30px solid transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 21px 0px;
    -webkit-animation: abre3 1s alternate infinite;
    -moz-animation: abre3 1s alternate infinite;
    animation: abre3 1s alternate infinite;
}

.pico:after {
    content: "";
    display: block;
    width: 16px;
    height: 4px;
    border-radius: 0 12px 12px 0px;
    background: #fa948a;
    margin: -46px -12px;
    -webkit-animation: sale 1s alternate infinite;
    -moz-animation: sale 1s alternate infinite;
    animation: sale 1s alternate infinite;
}

.pico3 {
    position: absolute;
    width: 25px;
    height: 50px;
    border-radius: 30px 0 0 30px;
    background: #c52541;
    margin: -67px -16px;
}

.pico3:before {
    content: "";
    display: block;
    width: 17px;
    height: 50px;
    border-radius: 0 0 12px 12px;
    background: #c52541;
    margin: 30px 4px;
}

.cuerpo {
    position: absolute;
    width: 212px;
    height: 121px;
    border-radius: 0 0 212px 212px;
    background: #383851;
    margin: 83px -217px;
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
    -webkit-animation: sube 0.2s alternate infinite;
    -moz-animation: sube 0.2s alternate infinite;
    animation: sube 0.2s alternate infinite;
    z-index: 3;
}

.cuerpo::before {
    content: "";
    display: block;
    width: 172px;
    height: 90px;
    border-radius: 0 0 212px 212px;
    background: #3c3c55;
    margin: 0px 30px;
}

.cuerpo::after {
    content: "";
    display: block;
    width: 102px;
    height: 60px;
    border-radius: 0 0 212px 212px;
    background: #414159;
    margin: -90px 90px;
}

ul.plumas {
    position: absolute;
    width: 100%;
    height: 90px;
    list-style: none;
    display: blocK;
    margin: -108px 63px;
}

ul.plumas li {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 21px solid #383851;
    margin-left: -7px;
}

.cola {
    position: absolute;
    width: 112px;
    height: 55px;
    background: #34344d;
    border-radius: 112px 112px 0 0;
    margin: 30px -300px;
}

.cola::before {
    content: "";
    display: block;
    width: 112px;
    height: 55px;
    background: #4d4961;
    border-radius: 112px 112px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -30px 30px;
}

.cola::after {
    content: "";
    display: block;
    width: 112px;
    height: 55px;
    background: #34344d;
    border-radius: 112px 112px 0 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: -60px 65px;
}

.cola3 {
    position: absolute;
    width: 60px;
    height: 30px;
    background: #383851;
    border-radius: 112px 112px 0 0;
    margin: 50px -271px;
}

.cola3::before {
    content: "";
    display: block;
    width: 60px;
    height: 30px;
    background: #555569;
    border-radius: 112px 112px 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -47px 0px;
}

.cola3::after {
    content: "";
    display: block;
    width: 60px;
    height: 30px;
    background: #383851;
    border-radius: 112px 112px 0 0;
    margin: 37px 50px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.patas {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #2c2c45;
    border-radius: 50px 30px 21px 30px;
    -webkit-transform: rotate(33deg);
    -moz-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    -o-transform: rotate(33deg);
    transform: rotate(33deg);
    margin: 152px -142px;
    -webkit-animation: camina3 0.5s alternate infinite;
    -moz-animation: camina3 0.5s alternate infinite;
    animation: camina3 0.5s alternate infinite;
    z-index: 3;
}

.patas:before {
    content: "";
    display: block;
    width: 9px;
    height: 50px;
    background: #ffae24;
    webkit-transform: rotate(121deg);
    -moz-transform: rotate(121deg);
    -ms-transform: rotate(121deg);
    -o-transform: rotate(121deg);
    transform: rotate(121deg);
    margin: 34px 65px;
}

.patas:after {
    content: "";
    display: block;
    width: 45px;
    height: 9px;
    background: #ffae24;
    webkit-transform: rotate(-21deg);
    -moz-transform: rotate(-21deg);
    -ms-transform: rotate(-21deg);
    -o-transform: rotate(-21deg);
    transform: rotate(-21deg);
    -webkit-animation: camina7 0.5s alternate infinite;
    -moz-animation: camina7 0.5s alternate infinite;
    animation: camina7 0.5s alternate infinite;
    margin: -53px 75px;
}

.patas3 {
    position: absolute;
    width: 50px;
    height: 53px;
    background: #2c2c45;
    border-radius: 50px 30px 21px 30px;
    -webkit-transform: rotate(112deg);
    -moz-transform: rotate(112deg);
    -ms-transform: rotate(112deg);
    -o-transform: rotate(112deg);
    transform: rotate(112deg);
    margin: 152px -132px;
    -webkit-animation: camina 0.5s alternate infinite;
    -moz-animation: camina 0.5s alternate infinite;
    animation: camina 0.5s alternate infinite;
}

.patas3:before {
    content: "";
    display: block;
    width: 9px;
    height: 60px;
    background: #ffae24;
    webkit-transform: rotate(121deg);
    -moz-transform: rotate(121deg);
    -ms-transform: rotate(121deg);
    -o-transform: rotate(121deg);
    transform: rotate(121deg);
    margin: 33px 70px;
}

.patas3:after {
    content: "";
    display: block;
    width: 45px;
    height: 9px;
    background: #ffae24;
    webkit-transform: rotate(-99deg);
    -moz-transform: rotate(-99deg);
    -ms-transform: rotate(-99deg);
    -o-transform: rotate(-99deg);
    transform: rotate(-99deg);
    -webkit-animation: camina6 0.5s alternate infinite;
    -moz-animation: camina6 0.5s alternate infinite;
    animation: camina6 0.5s alternate infinite;
    margin: -60px 79px;
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@-moz-keyframes mover {
    0% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    100% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@-webkit-keyframes mover3 {
    0% {
        -webkit-transform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        -o-transform: rotate(-48deg);
        transform: rotate(-48deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(-42deg);
        -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        -o-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
}

@-moz-keyframes mover3 {
    0% {
        -webkit-transform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        -o-transform: rotate(-48deg);
        transform: rotate(-48deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(-42deg);
        -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        -o-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
}

@-webkit-keyframes sube {
    0% {
        margin-top: 86px;
    }

    50% {
        margin-top: 83px;
    }

    100% {
        margin-top: 80px;
    }
}

@-moz-keyframes sube {
    0% {
        margin-top: 86px;
    }

    50% {
        margin-top: 83px;
    }

    100% {
        margin-top: 80px;
    }
}

@-webkit-keyframes abre {
    0% {
        margin-top: 164px;
    }

    50% {
        margin-top: 164px;
    }

    100% {
        margin-top: 160px;
    }
}

@-moz-keyframes abre {
    0% {
        margin-top: 164px;
    }

    50% {
        margin-top: 164px;
    }

    100% {
        margin-top: 162px;
    }
}

@-webkit-keyframes abre3 {
    0% {
        margin-top: 25px;
    }

    50% {
        margin-top: 25px;
    }

    100% {
        margin-top: 21px;
    }
}

@-moz-keyframes abre3 {
    0% {
        margin-top: 25px;
    }

    50% {
        margin-top: 25px;
    }

    100% {
        margin-top: 21px;
    }
}

@-webkit-keyframes camina {
    0% {
        -webkit-transform: rotate(112deg);
        -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
        -o-transform: rotate(112deg);
        transform: rotate(112deg);
    }

    100% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@-moz-keyframes camina {
    100% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@-webkit-keyframes camina6 {
    0% {
        webkit-transform: rotate(-99deg);
        -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
        -o-transform: rotate(-99deg);
        transform: rotate(-99deg);
        margin-left: 77px;
        margin-top: -60px;
    }

    100% {
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        -o-transform: rotate(-19deg);
        transform: rotate(-19deg);
        margin-left: 80px;
        margin-top: -53px;
    }
}

@-moz-keyframes camina6 {
    0% {
        webkit-transform: rotate(-99deg);
        -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
        -o-transform: rotate(-99deg);
        transform: rotate(-99deg);
        margin-left: 77px;
        margin-top: -60px;
    }

    100% {
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        -o-transform: rotate(-19deg);
        transform: rotate(-19deg);
        margin-left: 80px;
        margin-top: -53px;
    }
}

@-webkit-keyframes camina3 {
    0% {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        -o-transform: rotate(33deg);
        transform: rotate(33deg);
    }

    100% {
        -webkit-transform: rotate(93deg);
        -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
        -o-transform: rotate(93deg);
        transform: rotate(93deg);
    }
}

@-moz-keyframes camina3 {
    0% {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        -o-transform: rotate(33deg);
        transform: rotate(33deg);
    }

    100% {
        -webkit-transform: rotate(93deg);
        -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
        -o-transform: rotate(93deg);
        transform: rotate(93deg);
    }
}

@-webkit-keyframes camina7 {
    0% {
        webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        transform: rotate(-21deg);
        margin: -53px 75px;
    }

    100% {
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -o-transform: rotate(-75deg);
        transform: rotate(-75deg);
        margin: -59px 75px;
    }
}

@-moz-keyframes camina7 {
    0% {
        webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        transform: rotate(-21deg);
        margin: -53px 75px;
    }

    100% {
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -o-transform: rotate(-75deg);
        transform: rotate(-75deg);
        margin: -59px 75px;
    }
}

@-webkit-keyframes sale {
    0% {
        margin-left: 9px;
    }

    100% {
        margin-left: -12px;
    }
}

@-moz-keyframes sale {
    0% {
        margin-left: 9px;
    }

    100% {
        margin-left: -12px;
    }
}

@-moz-keyframes mover {
    0% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    100% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@-webkit-keyframes mover {
    0% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    100% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@-o-keyframes mover {
    0% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    100% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@keyframes mover {
    0% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }

    100% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg);
    }
}

@-moz-keyframes mover3 {
    0% {
        -webkit-transform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        -o-transform: rotate(-48deg);
        transform: rotate(-48deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(-42deg);
        -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        -o-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
}

@-webkit-keyframes mover3 {
    0% {
        -webkit-transform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        -o-transform: rotate(-48deg);
        transform: rotate(-48deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(-42deg);
        -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        -o-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
}

@-o-keyframes mover3 {
    0% {
        -webkit-transform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        -o-transform: rotate(-48deg);
        transform: rotate(-48deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(-42deg);
        -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        -o-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
}

@keyframes mover3 {
    0% {
        -webkit-transform: rotate(-48deg);
        -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
        -o-transform: rotate(-48deg);
        transform: rotate(-48deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(-42deg);
        -moz-transform: rotate(-42deg);
        -ms-transform: rotate(-42deg);
        -o-transform: rotate(-42deg);
        transform: rotate(-42deg);
    }
}

@-moz-keyframes sube {
    0% {
        margin-top: 86px;
    }

    50% {
        margin-top: 83px;
    }

    100% {
        margin-top: 80px;
    }
}

@-webkit-keyframes sube {
    0% {
        margin-top: 86px;
    }

    50% {
        margin-top: 83px;
    }

    100% {
        margin-top: 80px;
    }
}

@-o-keyframes sube {
    0% {
        margin-top: 86px;
    }

    50% {
        margin-top: 83px;
    }

    100% {
        margin-top: 80px;
    }
}

@keyframes sube {
    0% {
        margin-top: 86px;
    }

    50% {
        margin-top: 83px;
    }

    100% {
        margin-top: 80px;
    }
}

@-moz-keyframes abre {
    0% {
        margin-top: 164px;
    }

    50% {
        margin-top: 164px;
    }

    100% {
        margin-top: 162px;
    }
}

@-webkit-keyframes abre {
    0% {
        margin-top: 164px;
    }

    50% {
        margin-top: 164px;
    }

    100% {
        margin-top: 162px;
    }
}

@-o-keyframes abre {
    0% {
        margin-top: 164px;
    }

    50% {
        margin-top: 164px;
    }

    100% {
        margin-top: 162px;
    }
}

@keyframes abre {
    0% {
        margin-top: 164px;
    }

    50% {
        margin-top: 164px;
    }

    100% {
        margin-top: 162px;
    }
}

@-moz-keyframes abre3 {
    0% {
        margin-top: 25px;
    }

    50% {
        margin-top: 25px;
    }

    100% {
        margin-top: 21px;
    }
}

@-webkit-keyframes abre3 {
    0% {
        margin-top: 25px;
    }

    50% {
        margin-top: 25px;
    }

    100% {
        margin-top: 21px;
    }
}

@-o-keyframes abre3 {
    0% {
        margin-top: 25px;
    }

    50% {
        margin-top: 25px;
    }

    100% {
        margin-top: 21px;
    }
}

@keyframes abre3 {
    0% {
        margin-top: 25px;
    }

    50% {
        margin-top: 25px;
    }

    100% {
        margin-top: 21px;
    }
}

@-moz-keyframes camina {
    0% {
        -webkit-transform: rotate(112deg);
        -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
        -o-transform: rotate(112deg);
        transform: rotate(112deg);
    }

    100% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@-webkit-keyframes camina {
    0% {
        -webkit-transform: rotate(112deg);
        -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
        -o-transform: rotate(112deg);
        transform: rotate(112deg);
    }

    100% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@-o-keyframes camina {
    0% {
        -webkit-transform: rotate(112deg);
        -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
        -o-transform: rotate(112deg);
        transform: rotate(112deg);
    }

    100% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@keyframes camina {
    0% {
        -webkit-transform: rotate(112deg);
        -moz-transform: rotate(112deg);
        -ms-transform: rotate(112deg);
        -o-transform: rotate(112deg);
        transform: rotate(112deg);
    }

    100% {
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }
}

@-moz-keyframes camina6 {
    0% {
        webkit-transform: rotate(-99deg);
        -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
        -o-transform: rotate(-99deg);
        transform: rotate(-99deg);
        margin-left: 77px;
        margin-top: -60px;
    }

    100% {
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        -o-transform: rotate(-19deg);
        transform: rotate(-19deg);
        margin-left: 80px;
        margin-top: -53px;
    }
}

@-webkit-keyframes camina6 {
    0% {
        webkit-transform: rotate(-99deg);
        -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
        -o-transform: rotate(-99deg);
        transform: rotate(-99deg);
        margin-left: 77px;
        margin-top: -60px;
    }

    100% {
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        -o-transform: rotate(-19deg);
        transform: rotate(-19deg);
        margin-left: 80px;
        margin-top: -53px;
    }
}

@-o-keyframes camina6 {
    0% {
        webkit-transform: rotate(-99deg);
        -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
        -o-transform: rotate(-99deg);
        transform: rotate(-99deg);
        margin-left: 77px;
        margin-top: -60px;
    }

    100% {
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        -o-transform: rotate(-19deg);
        transform: rotate(-19deg);
        margin-left: 80px;
        margin-top: -53px;
    }
}

@keyframes camina6 {
    0% {
        webkit-transform: rotate(-99deg);
        -moz-transform: rotate(-99deg);
        -ms-transform: rotate(-99deg);
        -o-transform: rotate(-99deg);
        transform: rotate(-99deg);
        margin-left: 77px;
        margin-top: -60px;
    }

    100% {
        -webkit-transform: rotate(-19deg);
        -moz-transform: rotate(-19deg);
        -ms-transform: rotate(-19deg);
        -o-transform: rotate(-19deg);
        transform: rotate(-19deg);
        margin-left: 80px;
        margin-top: -53px;
    }
}

@-moz-keyframes camina3 {
    0% {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        -o-transform: rotate(33deg);
        transform: rotate(33deg);
    }

    100% {
        -webkit-transform: rotate(93deg);
        -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
        -o-transform: rotate(93deg);
        transform: rotate(93deg);
    }
}

@-webkit-keyframes camina3 {
    0% {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        -o-transform: rotate(33deg);
        transform: rotate(33deg);
    }

    100% {
        -webkit-transform: rotate(93deg);
        -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
        -o-transform: rotate(93deg);
        transform: rotate(93deg);
    }
}

@-o-keyframes camina3 {
    0% {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        -o-transform: rotate(33deg);
        transform: rotate(33deg);
    }

    100% {
        -webkit-transform: rotate(93deg);
        -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
        -o-transform: rotate(93deg);
        transform: rotate(93deg);
    }
}

@keyframes camina3 {
    0% {
        -webkit-transform: rotate(33deg);
        -moz-transform: rotate(33deg);
        -ms-transform: rotate(33deg);
        -o-transform: rotate(33deg);
        transform: rotate(33deg);
    }

    100% {
        -webkit-transform: rotate(93deg);
        -moz-transform: rotate(93deg);
        -ms-transform: rotate(93deg);
        -o-transform: rotate(93deg);
        transform: rotate(93deg);
    }
}

@-moz-keyframes camina7 {
    0% {
        webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        transform: rotate(-21deg);
        margin: -53px 75px;
    }

    100% {
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -o-transform: rotate(-75deg);
        transform: rotate(-75deg);
        margin: -59px 75px;
    }
}

@-webkit-keyframes camina7 {
    0% {
        webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        transform: rotate(-21deg);
        margin: -53px 75px;
    }

    100% {
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -o-transform: rotate(-75deg);
        transform: rotate(-75deg);
        margin: -59px 75px;
    }
}

@-o-keyframes camina7 {
    0% {
        webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        transform: rotate(-21deg);
        margin: -53px 75px;
    }

    100% {
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -o-transform: rotate(-75deg);
        transform: rotate(-75deg);
        margin: -59px 75px;
    }
}

@keyframes camina7 {
    0% {
        webkit-transform: rotate(-21deg);
        -moz-transform: rotate(-21deg);
        -ms-transform: rotate(-21deg);
        -o-transform: rotate(-21deg);
        transform: rotate(-21deg);
        margin: -53px 75px;
    }

    100% {
        -webkit-transform: rotate(-75deg);
        -moz-transform: rotate(-75deg);
        -ms-transform: rotate(-75deg);
        -o-transform: rotate(-75deg);
        transform: rotate(-75deg);
        margin: -59px 75px;
    }
}

@-moz-keyframes sale {
    0% {
        margin-left: 9px;
    }

    100% {
        margin-left: -12px;
    }
}

@-webkit-keyframes sale {
    0% {
        margin-left: 9px;
    }

    100% {
        margin-left: -12px;
    }
}

@-o-keyframes sale {
    0% {
        margin-left: 9px;
    }

    100% {
        margin-left: -12px;
    }
}

@keyframes sale {
    0% {
        margin-left: 9px;
    }

    100% {
        margin-left: -12px;
    }
}

.calin .loginDialog.dijitDialog {
    width: 399px !important;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent.dijitDialogSingleChild {
    padding-bottom: 0;
}

.calin .loginDialog.dijitDialog .dijitDialogTitleBar {
    padding: 0;
    height: 10px;
    background: rgba(8,97,207,0.92);
}

.calin .loginDialog.dijitDialog .dijitDialogTitleBar .colorBar {
    padding: 0;
    border: 0;
    margin: 0;
    display: inline-block;
    height: 10px;
    float: left;
}

.calin .loginDialog.dijitDialog .dijitDialogTitleBar .colorBar.colorRed {
    background: rgba(188,42,49,0.92);
    width: 72px;
}

.calin .loginDialog.dijitDialog .dijitDialogTitleBar .dijitDialogTitle {
    display: none;
}

.calin .loginDialog.dijitDialog .logo {
    padding-top: 20px;
    text-align: center;
    padding-bottom: 36px;
}

.calin .loginDialog.dijitDialog .logo img {
    padding: 0;
}

.calin .loginDialog.dijitDialog .icon {
    display: inline-block;
    width: 33px;
    height: 27px;
    font-size: 22px;
    vertical-align: bottom;
    padding: 5px 0 0 12px;
    background: #a1a6b2;
    -webkit-border-radius: 9px 0 0 0;
    -moz-border-radius: 9px 0 0 0;
    -ms-border-radius: 9px 0 0 0;
    -o-border-radius: 9px 0 0 0;
    border-radius: 9px 0 0 0;
    color: #fdfdfd;
    background: #76a2d5;
    text-shadow: rgba(38,90,150,0.39) -3px -3px 2px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent {
    background: rgba(255,255,255,0.92);
    padding: 20px 20px 10px 20px;
    border: 0;
    display: block;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitValidationContainer {
    display: none;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .plogo {
    margin: 16px auto 18px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .plogo img {
    padding: 0;
    margin: 0;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .field,.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitButton {
    display: block;
    margin: 0 auto;
    padding: 6px 0;
    width: 321px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitButton {
    padding-top: 39px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitTextBox,.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitButtonNode {
    font-size: 15px;
    display: block;
    width: 100%;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitButtonNode {
    padding: 0;
    margin: 0;
    background-color: #1d93c3;
    background: -webkit-linear-gradient(left, #1d93c3 0, #234ac3 100%);
    background: -moz-linear-gradient(left, #1d93c3 0, #234ac3 100%);
    background: -ms-linear-gradient(left, #1d93c3 0, #234ac3 100%);
    background: -o-linear-gradient(left, #1d93c3 0, #234ac3 100%);
    background: linear-gradient(left, #1d93c3 0, #234ac3 100%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 44px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitButtonNode:hover {
    background-color: #0188c3;
    background: -webkit-linear-gradient(left, #0188c3 0, #0333c3 100%);
    background: -moz-linear-gradient(left, #0188c3 0, #0333c3 100%);
    background: -ms-linear-gradient(left, #0188c3 0, #0333c3 100%);
    background: -o-linear-gradient(left, #0188c3 0, #0333c3 100%);
    background: linear-gradient(left, #0188c3 0, #0333c3 100%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitButtonNode .dijitButtonText {
    font-size: 18px;
    padding-top: 8px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .inputIcon {
    width: 28px;
    height: 28px;
    display: inline-block;
    float: left;
    margin: 5px 0 0 10px;
    color: #b5b4ba;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .inputIcon.customer {
    background: url("/images/ico/ic_customer.png") no-repeat;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .inputIcon.username {
    background: url("/images/ico/ic_username.png") no-repeat;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .inputIcon.password {
    background: url("/images/ico/ic_password.png") no-repeat;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitInputContainer {
    display: inline-block;
    margin-left: -30px;
    text-align: center;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitInputContainer .dijitInputInner {
    text-align: center;
    height: 33px;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneContent .dijitInputContainer .dijitPlaceHolder {
    color: #aaa;
    font-style: normal;
    position: absolute;
    top: 10px;
    left: 75px;
    white-space: nowrap;
}

.calin .loginDialog.dijitDialog .threePartLogin {
    display: block;
    height: 40px;
    margin: 20px 10px;
    width: 321px;
}

.calin .loginDialog.dijitDialog .threePartLogin span {
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
    float: left;
    font-size: 16px;
}

.calin .loginDialog.dijitDialog .threePartLogin a {
    float: left;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneActionBar {
    background: rgba(255,255,255,0.92);
    animation: glowing-royal 5s;
}

.calin .loginDialog.dijitDialog .dijitDialogPaneActionBar .dijitButtonNode {
    width: 4em;
    font-size: 1.3em;
    height: 1.6em;
    padding-top: 4px;
    margin: 2px 10px;
}

.calin .dijitDialogUnderlay.loginDialog_underlay {
    opacity: 1;
    background: #4e71c2;
    background-image: url("/images/bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#copyright {
    display: none !important;
    visibility: hidden !important;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.flat .dijitMenu {
    border-color: #dcdcdc;
}

.flat .dijitComboBoxMenuPopup {
    font-size: 13px;
    color: #333;
}

.flat .dijitComboBoxMenuPopup .dijitMenuItem {
    padding: 4px 6px;
}

.flat .dijitComboBoxMenuPopup .iconfont {
    font-size: 13px;
}

.flat .dijitComboBoxMenuPopup .ttxMenuToolBox {
    padding: 4px 6px;
    border-top: solid 1px #e3e3e3;
}

.flat .dijitComboBoxMenuPopup .ttxMenuToolBox .iconfont:before {
    margin-right: 4px;
}

.flat .dijitComboBoxMenuPopup .ttxMenuToolBox > span {
    margin-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
}

.flat .dijitComboBoxMenuPopup .ttxMenuToolBox > span:first-child {
    margin-left: 0;
}

.flat .dijitComboBoxMenuPopup .ttxMenuToolBox > span:hover {
    color: #298aed;
}

.card {
    background: #fff;
    border-radius: 2px;
    display: block;
    float: left;
    height: 300px;
    margin: 1rem;
    position: relative;
    width: 300px;
}

.ripplelink {
    text-align: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}

.ripplelink:hover {
    z-index: 1000 !important;
    box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
}

.ripplelink.hoverHalf:hover {
    z-index: 1000 !important;
    box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.card {
    background: #fff;
    border-radius: 2px;
    display: block;
    float: left;
    height: 300px;
    margin: 1rem;
    position: relative;
    width: 300px;
}

.ripplelink {
    text-align: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}

.ripplelink:hover {
    z-index: 1000 !important;
    box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
}

.ripplelink.hoverHalf:hover {
    z-index: 1000 !important;
    box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.tableModelEditor .fr,.tableModelEditor .fl {
    overflow: auto;
}

.el-button--primary {
    color: #fff;
    background-color: var(--cbt-primary-color);
    border-color: var(--cbt-primary-color);
}

.el-button--primary:hover {
    color: #fff;
    background-color: var(--cbt-primary-hover-color);
    border-color: var(--cbt-primary-hover-color);
}

.el-button--info.is-plain {
    color: rgba(0,0,0,0.8);
    background-color: var(--block-bg-color);
    border-color: var(--cbt-border-color-gray);
}

.el-button--info.is-plain:hover {
    color: rgba(0,0,0,0.8);
    background-color: var(--block-bg-color);
    border-color: var(--cbt-border-color-gray);
}

.flat .gridxHeader .gridxBar .dijit.dijitToolbar {
    display: flex;
    flex-wrap: wrap;
    float: none;
}

.flat .gridxHeader .gridxBar .dijit.dijitToolbar .ttx-action-set-group {
    display: flex;
    flex-wrap: wrap;
}

.flat .ttx-action-set-group {
    display: inline-block;
    margin-right: 6px;
}

.flat .dijitToolbar .ttx-action-set-group .dijitButton .dijitButtonNode,.flat .ttx-action-set-group .dijitButton .dijitButtonNode,.flat .dijitToolbar .ttx-action-set-group .dijitDropDownButton .dijitButtonNode,.flat .ttx-action-set-group .dijitDropDownButton .dijitButtonNode {
    margin-right: 0;
    border-right: 0;
    border-left: 0;
}

.flat .dijitToolbar .ttx-action-set-group .dijitButton:first-child .dijitButtonNode,.flat .ttx-action-set-group .dijitButton:first-child .dijitButtonNode,.flat .dijitToolbar .ttx-action-set-group .dijitDropDownButton:first-child .dijitButtonNode,.flat .ttx-action-set-group .dijitDropDownButton:first-child .dijitButtonNode {
    border-left: solid 1px #d8d8d8;
}

.flat .dijitToolbar .ttx-action-set-group .dijitButton:last-child .dijitButtonNode,.flat .ttx-action-set-group .dijitButton:last-child .dijitButtonNode,.flat .dijitToolbar .ttx-action-set-group .dijitDropDownButton:last-child .dijitButtonNode,.flat .ttx-action-set-group .dijitDropDownButton:last-child .dijitButtonNode {
    border-right: solid 1px #d8d8d8;
}

.flat .savedQueryMenu .deleteBtn:before {
    font-family: "flat-icon";
    content: "\f00e";
}

.flat table.dijitComboButton {
    height: 29px !important;
    margin-right: 4px;
}

.flat table.dijitComboButton tbody tr td {
    height: 18px !important;
    font-size: 13px !important;
    line-height: 24px !important;
    background: #32aaef !important;
    -webkit-border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}

.flat .dijitToolbar .dijitComboButton .dijitButtonNode {
    -webkit-border-radius: 0 0 0 0 !important;
    -moz-border-radius: 0 0 0 0 !important;
    -ms-border-radius: 0 0 0 0 !important;
    -o-border-radius: 0 0 0 0 !important;
    border-radius: 0 0 0 0 !important;
}

.gridxHeader .gridxBar .dijitToolbar .dijitButton,.dijitButton {
    margin: 0;
}

.gridxHeader .gridxBar .dijitToolbar .dijitButton.dijitButtonDisabled .dijitButtonNode:hover,.dijitButton.dijitButtonDisabled .dijitButtonNode:hover {
    cursor: not-allowed;
}

.gridxHeader .gridxBar .dijitToolbar .dijitButton.dijitButtonDisabled .dijitButtonNode :hover,.dijitButton.dijitButtonDisabled .dijitButtonNode :hover {
    cursor: not-allowed;
}

.dijitDialogPaneActionBar .buttonOk.dijitButton .dijitButtonNode {
    background-color: #3695e5;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dijitDialogPaneActionBar .buttonOk.dijitButton .dijitButtonNode:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.dijitDialogPaneActionBar .buttonCancel.dijitButton .dijitButtonNode {
    background-color: #eee;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dijitDialogPaneActionBar .buttonCancel.dijitButton .dijitButtonNode:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -o-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.flat .dijitEditor .dijitToolbar .dijitButton .dijitButtonNode,.flat .dijitEditor .dijitToolbar .dijitDropDownButton .dijitButtonNode {
    padding: 2px;
    border: none;
}

.flat .dijitEditor .dijitToolbar .dijitButton .dijitButtonNode .dijitIcon.dijitEditorIcon,.flat .dijitEditor .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitIcon.dijitEditorIcon {
    width: 10px;
    height: 10px;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode span,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode span,.flat .dijitButton .dijitButtonNode span,.flat .dijitDropDownButton .dijitButtonNode span,.flat .dijitComboButton .dijitButtonNode span,.flat .dijitToggleButton .dijitButtonNode span {
    font-size: 13px;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode,.flat .dijitButton .dijitButtonNode,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode,.flat .dijitDropDownButton .dijitButtonNode {
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 4px;
    padding: 2px 6px 2px 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode .dijitButtonText,.flat .dijitButton .dijitButtonNode .dijitButtonText,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonText,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonText {
    font-family: "苹方", pingfang sc, "微软雅黑", Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode .dijitButtonContents,.flat .dijitButton .dijitButtonNode .dijitButtonContents,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonContents,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonContents {
    display: inline-block;
    height: 100%;
    text-align: center;
    padding: 1px 8px 1px !important;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode .dijitButtonContents .dijitButtonText,.flat .dijitButton .dijitButtonNode .dijitButtonContents .dijitButtonText,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonContents .dijitButtonText,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
    display: inline-block;
    height: 100%;
    padding: 0;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode:hover,.flat .dijitButton .dijitButtonNode:hover,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode:hover,.flat .dijitDropDownButton .dijitButtonNode:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode .dijitButtonContents,.flat .dijitButton .dijitButtonNode .dijitButtonContents,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitButtonContents,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonContents {
    display: inline-block;
}

.flat .dijitButton .dijitButtonNode,.flat .dijitDropDownButton .dijitButtonNode {
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 4px;
    padding: 2px 6px 2px 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
}

.flat .dijitButton .dijitButtonNode .dijitButtonText,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonText {
    font-family: "苹方", pingfang sc, "微软雅黑", Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.flat .dijitButton .dijitButtonNode .dijitButtonContents,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonContents {
    display: inline-block;
    height: 100%;
    text-align: center;
    padding: 1px 8px 1px !important;
}

.flat .dijitButton .dijitButtonNode .dijitButtonContents .dijitButtonText,.flat .dijitDropDownButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
    display: inline-block;
    height: 100%;
    padding: 0;
}

.flat .dijitButton .dijitButtonNode,.flat .dijitDropDownButton .dijitButtonNode,.flat .dijitComboButton .dijitButtonNode,.flat .dijitToggleButton .dijitButtonNode {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.flat .dijitToolbar .dijitButton .dijitButtonNode,.flat .dijitToolbar .dijitDropDownButton .dijitButtonNode,.flat .dijitToolbar .dijitComboButton .dijitButtonNode,.flat .dijitToolbar .dijitToggleButton .dijitButtonNode,.flat .dijitToolbar .dijitComboBox .dijitButtonNode {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.flat .ripplelink:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-icon-manager {
    background-repeat: no-repeat;
    background-image: url("icon/SVG/btn-manager.svg");
}

.btn-icon-refresh {
    background-repeat: no-repeat;
    background-image: url("icon/SVG/btn-refresh.svg");
}

.btn-icon-status {
    background-repeat: no-repeat;
    background-image: url("icon/SVG/btn-status.svg");
}

.zIndexBiggerThanLayer {
    z-index: 19891018 !important;
}

.fullViewDialog {
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
}

.fullViewDialog .dijitDialogTitleBar {
    width: calc(100% - 24px) !important;
}

.fullViewDialog .dijitDialogPaneContent {
    width: calc(100% - 40px) !important;
    height: calc(100% - 80px) !important;
}

.fullViewDialog .dynamicTitleDialogSingleChild,.fullViewDialog .dijitDialogPaneContent > div {
    width: 100% !important;
    height: 100% !important;
}

.flat .dijitDialog {
    border: 0;
    -webkit-box-shadow: 1px 2px 10px rgba(27,22,22,0.18);
    -moz-box-shadow: 1px 2px 10px rgba(27,22,22,0.18);
    -ms-box-shadow: 1px 2px 10px rgba(27,22,22,0.18);
    -o-box-shadow: 1px 2px 10px rgba(27,22,22,0.18);
    box-shadow: 1px 2px 10px rgba(27,22,22,0.18);
}

.flat .dijitDialog .dijitDialogTitleBar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--dialog-bg-color);
    height: 30px;
    border: 0;
    line-height: 30px;
    background-image: none;
    padding-top: 20px;
}

.flat .dijitDialog .dijitDialogTitleBar .dijitDialogTitle {
    font-size: 16px;
    color: #212220;
}

.flat .dijitDialog .dijitDialogPaneContent {
    padding: 0px 20px;
    background-color: var(--dialog-bg-color);
    border: 0;
}

.flat .dijitDialog .dijitDialogPaneContent.withInput {
    text-align: center;
}

.flat .dijitDialog .dijitDialogPaneContent .tips span {
    font-size: 90%;
    color: #ff8181;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.flat .dijitDialog .dijitDialogPaneContent .stringToType {
    margin-top: 5px;
    margin-bottom: 10px;
}

.flat .dijitDialog .dijitDialogPaneContent .stringToType span {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.flat .dijitDialog .dijitDialogPaneContent .confirmInputBox.dijitTextBox {
    padding: 4px;
    width: 80%;
}

.flat .dijitDialog .dijitDialogPaneActionBar {
    border: 0;
    position: initial;
    padding: 10px 10px 20px;
    text-align: center;
    background-color: var(--dialog-bg-color);
}

.flat .dijitDialog .dijitDialogPaneActionBar .dijitButtonNode {
    width: 60px;
    margin: 0 6px;
}

.flat .dijitDialog .gridxDesktop .gridxHeader .gridxBar {
    border: 0;
    background-color: var(--dialog-bg-color);
}

.flat .dijitDialog .gridxDesktop .gridxHeader .gridxBar table {
    background-color: var(--dialog-bg-color);
}

.dijitDialog {
    border: 0;
}

.dijitDialog .dijitDialogTitle {
    font-size: 15px;
    color: #fbfff4;
}

.dijitDialog .dijitDialogTitleBar {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #3081de;
    height: 30px;
    border: 0;
    line-height: 30px;
    background-image: none;
}

.dijitDialog .dijitDialogPaneContent {
    padding: 20px 20px 10px 20px;
    border: 0;
}

.dijitDialog .dijitDialogPaneActionBar {
    padding: 8px 18px 18px 8px;
    background-color: #fff;
    border: 0;
}

.flat .confirmDelete.dijitDialog,.flat .confirmInput.dijitDialog {
    width: 300px;
}

.flat .confirmDelete.dijitDialog .dijitDialogCloseIcon,.flat .confirmInput.dijitDialog .dijitDialogCloseIcon {
    display: none;
}

.flat .confirmDelete .dijitDialogPaneContent {
    color: #ff8181;
    text-indent: 2em;
}

.flat .dijitDialog {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.flat .dialogTreeWrapper {
    width: 600px;
    height: 500px;
    overflow-y: auto;
}

.flat .dynamicTitleDialogSingleChild {
    min-height: 230px;
}

.flat .dialogContainerCover {
    min-height: 230px;
    text-align: center;
    background: inherit;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--cbt-tip-font-color);
}

.flat .dialogContainerCover img {
    width: 10rem;
}

.flat .dialogContainerCover > div {
    padding-top: 2rem;
}

.ttxChangePassword {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, Cantarell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    line-height: 1.5;
    color: #2e2e2e;
    text-align: left;
}

.ttxChangePassword .label {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.ttxChangePassword .desc {
    color: #919191;
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 14px;
}

.ttxChangePassword .group {
    margin-bottom: 1rem;
    max-width: 606px;
}

.ttxChangePassword .control {
    width: 100%;
}

.ttxChangePassword .dijitButton {
    margin: 20px auto;
}

.ttxChangePassword .passWrapper {
    width: 100%;
    display: flex;
    margin-top: 5px;
    text-align: right;
    align-items: center;
}

.ttxChangePassword .passStrengthDesc {
    color: #919191;
    margin-bottom: 0;
    font-size: 14px;
}

.ttxChangePassword .mismatch {
    color: #ff8181;
}

.ttxChangePassword .match {
    color: #6fc7a4;
}

.ttxChangePassword .passRequiredDesc:before {
    content: ">";
    margin-right: 0.3rem;
}

.ttxChangePassword .strengthLineWrapper {
    flex: 1;
}

.ttxChangePassword .strengthLineWrapper div {
    height: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.35s linear 0s;
    -moz-transition: all 0.35s linear 0s;
    -ms-transition: all 0.35s linear 0s;
    -o-transition: all 0.35s linear 0s;
    transition: all 0.35s linear 0s;
    box-sizing: border-box;
    width: 0;
    padding: 0;
}

.ttxChangePassword .strengthLineWrapper .week {
    width: 30%;
    background-color: #ff8181;
}

.ttxChangePassword .strengthLineWrapper .middle {
    width: 60%;
    background-color: #f9c575;
}

.ttxChangePassword .strengthLineWrapper .good {
    width: 90%;
    background-color: #6fc7a4;
}

.ttxChangePassword .strengthLineWrapper .hidden {
    display: none;
}

.flat .skuAddDialog {
    width: 902px;
    height: auto;
}

.flat .billDialog .dijitDialogTitleBar {
    height: 0;
}

.flat .billDialog .dijitDialogPaneContent {
    width: 320px;
    padding: 10px 10px 30px 10px;
}

.creatorApp .loginDialog {
    animation: glowing-inverse 3s infinite;
}

.creatorApp .loginDialog .logo,.creatorApp .loginDialog .plogo {
    display: none;
}

.creatorApp .loginDialog form > div {
    padding: 0 0 10px;
}

.creatorApp .loginDialog .dijitDialogPaneActionBar {
    padding: 10px 0 0;
}

.creatorApp .dijitDialogUnderlay {
    opacity: 0.3;
}

.link-type {
    text-decoration: underline;
    color: #0d47a1;
    cursor: pointer;
}

.card {
    background: #fff;
    border-radius: 2px;
    display: block;
    float: left;
    height: 300px;
    margin: 1rem;
    position: relative;
    width: 300px;
}

.ripplelink {
    text-align: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 0;
}

.ripplelink:hover {
    z-index: 1000 !important;
    box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
}

.ripplelink.hoverHalf:hover {
    z-index: 1000 !important;
    box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 1px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 16px 16px 0 !important;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.3);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.animate {
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -ms-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
    animation: ripple 0.65s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        -o-transform: scale(2.5);
    }
}

@-moz-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-o-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.tableModelEditor .fr,.tableModelEditor .fl {
    overflow: auto;
}

.viewPreviewDialog > .dijitDialogPaneContent {
    padding: 0 !important;
}

.viewPreviewDialog > .dijitDialogPaneContent > .dijitTabContainer > .dijitTabController {
    display: none;
}

.modelEditor {
    height: calc(100% - 2 * 12px);
    width: calc(100% - 2 * 12px);
    margin: 8px 12px 12px 12px;
}

.modelEditor .dijitContentPane {
    padding: 0;
}

.modelEditor .fieldsDom {
    margin-right: 0.5rem;
}

.modelEditor .topContainer > div {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
}

.modelEditor .centerContainer {
    height: calc(100% - 100px);
}

.dijitDialog .differDom {
    max-height: 600px;
    width: 720px;
    height: 70vh;
    display: flex;
    margin: 8px;
    position: relative;
}

.jsonEditor.wsoBill {
    padding: 10px;
}

.jsonEditor.wsoBill > .dijitContentPane {
    padding: 0;
}

.jsonEditor.wsoBill .headerPane .dijitInputInner {
    line-height: 20px;
    font-size: 13px;
    padding: 1px 0 !important;
}

.jsonEditor.wsoBill .headerPane .dijitComboBox .dijitButtonNode {
    line-height: 20px;
}

.jsonEditor.wsoBill .headerPane .editorButtons .dijitButton {
    margin: 0 0 0 5px;
}

.flat.creator.creatorApp .dijitButton .dijitButtonNode .dijitButtonContents .dijitButtonText {
    line-height: 28px;
}

.flat.creator.creatorApp #topNav .logo,.flat.creator.creatorApp #navigator.expanded {
    width: 150px;
}

.flat.creator.creatorApp #navigator.shrinked {
    width: 3px;
}

.flat.creator.creatorApp .ttx-field-row .ttx-field > label {
    padding: 0 0 0 10px;
    width: 90px;
}

.flat.creator.creatorApp .jsonEditor .dijitContentPane.dojoxContentPane {
    margin-left: -15px;
}

.nav-node {
    -webkit-user-select: none;
    font-family: "Menlo, Monaco, Consolas, 'Courier New', monospace 微软雅黑, Helvetica, Tahoma, Arial, STXihei, 华文细黑, 'Microsoft YaHei', SimSun, 宋体, Heiti, 黑体, sans-serif";
    font-size: 15px;
    width: 130px;
    height: 35px;
    line-height: 35px;
    background-color: #f2f2f2;
    color: #fff !important;
    margin: 10px 10px;
    padding: 0;
}

.nav-node:hover {
    background-color: #379ae7;
}

.flat *:focus {
    outline: none !important;
}

.creatorTopNav .title {
    font-family: "Menlo, Monaco, Consolas, 'Courier New', monospace 微软雅黑, Helvetica, Tahoma, Arial, STXihei, 华文细黑, 'Microsoft YaHei', SimSun, 宋体, Heiti, 黑体, sans-serif";
}

.mfaVerifiedDialog form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 8px 15px;
}

.mfaVerifiedDialog .mfaNotice {
    color: #2ea44f;
    font-size: 14px;
    margin-bottom: 18px;
}

#creatorLoginDialog {
    height: 100vh !important;
    width: 100vw !important;
    position: absolute !important;
    opacity: 1 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 950 !important;
    background-color: #3d69a5 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

#creatorLoginDialog .dijitDialogTitleBar {
    padding: 0 !important;
    position: unset !important;
    height: auto !important;
    width: 100vw !important;
    background-color: inherit !important;
}

#creatorLoginDialog .dijitDialogPaneContent {
    position: unset !important;
    height: auto !important;
    width: 100vw !important;
    top: 30vh !important;
    background-color: inherit !important;
}

#creatorLoginDialog .dijitDialogPaneActionBar {
    position: unset !important;
    height: auto !important;
    width: 100vw !important;
    background-color: inherit !important;
}

#creatorLoginDialog .profileActions {
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.ttxNavigatorEditor {
    display: flex;
    height: calc(100% - 10px);
    flex-direction: column;
}

.ttxNavigatorEditor .navigatorTree {
    padding-bottom: 20px;
}

.flat {
    font-family: "苹方", pingfang sc, "微软雅黑", Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.vueView {
    height: 100%;
}

#dialogWorkspace_tablist {
    display: none;
}

#workspaceDialog {
    background-color: #fff;
    padding: 0;
}

#workspaceDialog .dijitDialogTitleBar {
    padding: 8px 12px;
}

#workspaceDialog .dijitDialogPaneContent {
    padding: 0;
}

.wsoRootPane {
    padding: 0;
}

.wsoRootPane .wso {
    padding: 0;
}

.wsoRootPane .default-padding {
    padding: 0 12px !important;
}

.wsoRootPane .default-surround-padding {
    padding: 12px !important;
}

@font-face {
    font-family: 'iconfont';
}

.topNav .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    color: #e7e7e7;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.cursor-pointer {
    cursor: pointer;
}

.topNav {
    display: flex;
    flex-direction: column;
    background: linear-gradient(141deg, #324f9a 0%, #1267c3 75%);
    height: 100px;
    border: 0;
    line-height: 30px;
    color: #fff;
}

.topNav .icon-help {
    cursor: pointer;
}

.topNav .topNavContent {
    height: var(--top-height);
    display: flex;
    align-items: center;
}

.topNav .topNavContent .tnLeft {
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
}

.topNav .topNavContent .tnLeft .ttxLogo {
    height: 30px;
}

.topNav .topNavContent .tnLeft .tnlSep {
    margin: 0 10px;
}

.topNav .topNavContent .tnLeft .prodLogo {
    height: 27px;
}

.topNav .topNavContent .tnCenter {
    flex: 1;
    width: 0;
    height: 100%;
    padding-left: 87px;
}

.topNav .topNavContent .tnRight {
    height: 60px;
    display: inline-flex;
    align-items: center;
    width: inherit;
}

.topNav .topNavContent .tnRight .displayNone {
    display: none;
}

.topNav .topNavContent .tnRight > span {
    height: 60px;
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    font-family: 'Microsoft YaHei UI';
}

.topNav .topNavContent .tnRight .userWrapper {
    cursor: pointer;
    margin-left: 12px;
    margin-right: 30px;
}

.topNav .topNavContent .tnRight .userWrapper .icon {
    height: 5px;
}

.topNav .topNavContent .tnRight .userWrapper > .droplist {
    display: none;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    right: 15px;
}

.topNav .topNavContent .tnRight .userWrapper > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topNav .topNavContent .tnRight .userWrapper > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

.topNav .topNavContent .tnRight .userWrapper > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

.topNav .topNavContent .tnRight .userWrapper > .droplist .no-hover {
    cursor: default;
}

.topNav .topNavContent .tnRight .userWrapper > .droplist hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    margin: 5px 0;
    padding: 0;
}

.topNav .topNavContent .tnRight .userWrapper:hover {
    color: #fff;
}

.topNav .topNavContent .tnRight .userWrapper:hover > .droplist {
    display: block;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.topNav .topNavContent .tnRight .userWrapper:hover > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topNav .topNavContent .tnRight .userWrapper:hover > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

.topNav .topNavContent .tnRight .userWrapper:hover > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

.topNav .topNavContent .tnRight .orgWrapperIcon i {
    font-size: 20px;
    margin-right: 8px;
}

.topNav .topNavContent .tnRight .languageChangeWrapper {
    cursor: pointer;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 12px;
}

.topNav .topNavContent .tnRight .languageChangeWrapper .icon {
    height: 5px;
}

.topNav .topNavContent .tnRight .languageChangeWrapper > .droplist {
    display: none;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    right: 100px;
}

.topNav .topNavContent .tnRight .languageChangeWrapper > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topNav .topNavContent .tnRight .languageChangeWrapper > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

.topNav .topNavContent .tnRight .languageChangeWrapper > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

.topNav .topNavContent .tnRight .languageChangeWrapper:hover {
    color: #fff;
}

.topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist {
    display: block;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

.topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

.topNav .topNavContent .tnRight .badge-svg-icon {
    cursor: pointer;
    margin-right: 13px;
    margin-left: 20px;
    position: relative;
    display: none;
}

.topNav .topNavContent .tnRight .badge-svg-icon .icon {
    height: 25px;
    width: 25px;
}

.topNav .topNavContent .tnRight .badge-svg-icon .click {
    display: none;
}

.topNav .topNavContent .tnRight .badge-svg-icon .new {
    display: none;
}

.topNav .topNavContent .tnRight .badge-svg-icon .default {
    display: inline-block;
}

.topNav .topNavContent .tnRight .badge-svg-icon.active .click {
    display: inline-block;
}

.topNav .topNavContent .tnRight .badge-svg-icon.active .new {
    display: none;
}

.topNav .topNavContent .tnRight .badge-svg-icon.active .default {
    display: none;
}

.topNav .topNavContent .tnRight .badge-svg-icon.new .new {
    display: inline-block;
}

.topNav .topNavContent .tnRight .badge-svg-icon.new .click {
    display: none;
}

.topNav .topNavContent .tnRight .badge-svg-icon.new .default {
    display: none;
}

.topNav .topNavContent .tnRight .orgWrapper {
    cursor: pointer;
}

.topNav .topNavContent .tnRight .orgWrapper .icon {
    height: 6px;
}

.topNav .topNavContent .tnRight .orgWrapper > .droplist {
    display: none;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    max-height: 50%;
    overflow: auto;
}

.topNav .topNavContent .tnRight .orgWrapper > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topNav .topNavContent .tnRight .orgWrapper > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

.topNav .topNavContent .tnRight .orgWrapper > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

.topNav .topNavContent .tnRight .orgWrapper:hover {
    color: #fff;
}

.topNav .topNavContent .tnRight .orgWrapper:hover > .droplist {
    display: block;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    right: 70px;
}

.topNav .topNavContent .tnRight .orgWrapper:hover > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: left;
    font-size: 14px;
    padding-left: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topNav .topNavContent .tnRight .orgWrapper:hover > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

.topNav .topNavContent .tnRight .orgWrapper:hover > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

.topNav .topNavContent .sep {
    height: 27px;
    line-height: 27px;
    margin: 7px 10px 0 0;
    font-size: 29px;
    color: #788dba;
}

.topNav .message {
    margin: 0 10px;
}

.topNav .message.topNavMessage {
    margin: 0 10px;
}

.topNav .logo {
    width: 214px;
    background: #fff;
    -webkit-box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 0px 0px rgba(0,0,0,0.2);
}

.topNav .logoShrinked {
    width: 41px;
    background: #212330;
}

.topNav .logoShrinked img {
    height: 60px;
    width: 120px;
    float: right;
}

.topNav .corpNode {
    margin-left: -4px;
}

.topNav .topSetting {
    float: right;
    width: 60px;
    line-height: 60px;
    height: 60px;
    font-size: 22px;
    background: url("/images/ico/topNavSetting.png") no-repeat;
    background-position-y: 13px;
    background-position-x: 13px;
}

.topNav .topSetting:hover {
    background: url("/images/ico/topNavSetting-hover.png") no-repeat;
    background-position-y: 13px;
    background-position-x: 13px;
}

.topNav .setting,.topNav .logout {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    background-position: 13px;
    margin: 0px;
    cursor: pointer;
}

.topNav .setting:hover,.topNav .logout:hover {
    background-position: 13px;
}

.topNav .setting {
    background: url("/images/ico/ic_setting.png") no-repeat;
    background-position: 13px;
}

.topNav .setting:hover {
    background: url("/images/ico/ic_setting_hover.png") no-repeat;
    background-position: 13px;
}

.topNav .logout {
    background: url("/images/ico/ic_logout.png") no-repeat;
    background-position: 13px;
}

.topNav .logout:hover {
    background: url("/images/ico/ic_logout_hover.png") no-repeat;
    background-position: 13px;
}

.topNav .loginMessage.notify,.topNav .topNavMessage.notify {
    width: auto;
    text-align: center;
}

.topNav a {
    color: #a6aeb8;
    text-decoration: none;
}

.topNav .loginMessage {
    margin-right: 10px !important;
    padding-top: 2px !important;
    cursor: default;
}

.topNav .loginMessage a:hover,.topNav .topNavMessage a:hover {
    background: #379ae7;
}

.topNav .img {
    display: inline-block;
    color: #a6aeb8;
    font-size: 16px;
    margin-top: 6px;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.topNav .img.prodIcon {
    margin-left: 12px;
    margin-right: 10px;
}

.topNav .user .dijitButtonText {
    height: 35px;
    display: inline;
    padding: 1px;
}

#topNav .topSecondLine {
    display: flex;
}

#topNav .topSecondLine .menuButtonWrapper {
    height: 40px;
    z-index: 1;
}

#topNav .topSecondLine .menuButtonWrapper i {
    float: right;
    margin-right: 16px;
    margin-top: 12px;
}

.userDrop.dijitMenu table {
    background: #5471b3;
}

.userDrop.dijitMenu tr {
    height: 40px;
    background: #728ac2;
}

.userDrop.dijitMenu .dijitMenuItem {
    background: #728ac2;
}

.userDrop.dijitMenu .dijitMenuItem:hover,.userDrop.dijitMenu .dijitMenuItem dijitHover {
    background: #eb6100;
}

.userDrop.dijitMenu .dijitMenuItemSelected tr {
    background: #eb6100;
}

.topNavDropList {
    display: none;
}

.topNavDropList.shown.center {
    width: 200px;
}

.topNavDropList.shown.center li {
    text-align: right;
}

.topNavDropList.shown {
    display: block;
    top: 41px;
    right: 264px;
    position: absolute;
    pointer-events: auto;
}

.topNavDropList.shown li {
    cursor: pointer;
    margin-top: 1px;
    background-color: #1e5fc4;
    height: 41px;
    font-size: 15px;
    text-align: right;
    line-height: 41px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
}

.topNavDropList.shown li:hover {
    background: #033b92;
}

#topNav .mgnt {
    background: linear-gradient(to right, #1770de, 70%, #2ec4b6);
}

#topNav .ops {
    background: linear-gradient(to right, #1770de, 70%, #9e68ef);
}

.flat .dijitTabContainer {
    z-index: auto;
}

.flat .dijitTabContainerBottom-container,.flat .dijitTabContainerTop-container,.flat .dijitTabContainerLeft-container,.flat .dijitTabContainerRight-container {
    z-index: auto;
}

.flat .dijitTabWithStarContent .container {
    display: flex;
    align-items: center;
    height: 100%;
}

.flat .dijitTabWithStarContent .starNode {
    display: none;
    color: var(--star-color);
}

.flat .dijitTabWithStarContent .starNode:hover {
    color: var(--star-hover-color);
}

.flat .dijitTabWithStarContent .stared,.flat .dijitTabWithStarContent .stared:hover {
    color: var(--stared-color);
}

.flat .dijitTabWithStarContent.useStar.dijitTabChecked .labelWrapper {
    display: flex;
    align-items: center;
    height: 24px;
    padding: 2px 10px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    background-color: var(--bg-color);
}

.flat .dijitTabWithStarContent.useStar.dijitTabChecked .starNode {
    margin-left: 0.5em;
    display: block;
}

.flat .dijitTabController .dijitTabChecked {
    color: #000;
    font-style: 1em;
    font-weight: bold;
}

.flat .dijitTab,.flat .dijitTabContainerTop-tabs .dijitTabChecked {
    -webkit-transform: 1s;
    -moz-transform: 1s;
    -ms-transform: 1s;
    -o-transform: 1s;
    transform: 1s;
    background: #fff;
}

.flat .dijitTabContainerTop-tabs .dijitTab {
    top: 0;
    font-size: 14px;
}

.flat .dijitTabContainerTop-tabs .dijitTabChecked {
    padding-top: 6px;
}

.flat .dijitTabContainerTop-tabs .dijitTabChecked {
    background: #fff;
}

.flat .dijitTabContainerTop-tabs .dijitTabChecked:before {
    background: #32aaef;
    height: 2px;
    top: -1px;
    left: -1px;
    right: -1px;
}

.flat .dijitTab:before {
    content: "";
    display: block;
    position: absolute;
}

.flat .dijitTabActive {
    color: rgba(92,96,100,0.7);
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -moz-box-shadow: 0 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -ms-box-shadow: 0 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -o-box-shadow: 0 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    box-shadow: 0 8px 16px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.flat .dijitTabActive:before {
    background: rgba(50,170,239,0.6);
    height: 2px;
    top: -1px;
    left: -1px;
    right: -1px;
}

.flat .dijitTitlePaneTitle {
    background: rgba(242,242,242,0.1);
    border: 1px solid rgba(242,242,242,0.2);
}

.flat .dijitTitlePaneTitle.dijitTitlePaneTitleOpen {
    background-color: rgba(242,242,242,0.3);
    padding: 0 7px 3px 7px;
    min-height: 17px;
}

.flat .dijitTitlePaneTitle:hover {
    background: rgba(242,242,242,0.4);
}

#workspace > .dijitTabPaneWrapper {
    border: none;
}

#workspace .customerLogoWrapper {
    max-width: 112px;
    width: 112px;
    position: absolute;
    right: 0;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
    height: 40px;
    background: #f3f3f3 url("../images/main-tab-bg.jpg");
    background-repeat: repeat-x;
    background-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#workspace .customerLogoWrapper .customerLogo {
    max-width: 112px;
    max-height: 40px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
}

#workspace > .dijitTabController.dijitTabListContainer-top {
    margin-top: 0;
}

#workspace > .dijitTabController.dijitTabListContainer-top .tabStripButton {
    height: 40px !important;
    padding: 0 8px;
    display: flex;
    align-items: center;
}

#workspace > .dijitTabController > .dijitTabListWrapper > .dijitTabContainerTop-tabs {
    margin: 0;
    padding: 0;
    border: 0 !important;
    height: 40px;
    background: #f3f3f3 url("../images/main-tab-bg.jpg");
    background-repeat: repeat-x;
    background-size: 40px;
}

#workspace > .dijitTabController > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab {
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    margin: 0;
    border: 0;
    color: rgba(0,0,0,0.7) !important;
    background: #f3f3f3;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#workspace > .dijitTabController > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab:before {
    height: 0;
}

#workspace > .dijitTabController > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab.dijitTabActive,#workspace > .dijitTabController > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab.dijitTabChecked {
    background: #fff;
    color: #298aed !important;
    font-weight: bold;
    height: 40px;
    margin-bottom: 0;
}

.flat .firstLevelTab > .dijitTabPaneWrapper > .dijitTabContainerTopChildWrapper > .dijitContentPane {
    padding: 0px 20px 10px;
}

.flat .firstLevelTab > .dijitTabListContainer-top,.flat .secondLevelTab > .dijitTabListContainer-top {
    margin-top: 0;
    border-bottom: 1px solid #dcdcdc;
}

.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper {
    padding-left: 14px;
    font-size: 14px;
    height: 28px;
}

.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs {
    margin-top: 0;
}

.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab {
    -webkit-transition: border-bottom-color 0.33s;
    -moz-transition: border-bottom-color 0.33s;
    -ms-transition: border-bottom-color 0.33s;
    -o-transition: border-bottom-color 0.33s;
    transition: border-bottom-color 0.33s;
    border-bottom: 2px solid #fff;
    border-top: 0;
}

.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabActive,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabActive,.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked,.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabHover,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabHover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: 2px solid #298aed;
}

.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabActive:before,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabActive:before,.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked:before,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked:before,.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabHover:before,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabHover:before {
    display: none;
}

.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked:before,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked:before,.flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked.dijitTab:nth-child(1):before,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked.dijitTab:nth-child(1):before {
    display: none;
}

.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTab,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabActive {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked.dijitTab:nth-child(1) {
    color: #298aed;
}

.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabActive:before,.flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper > .dijitTabContainerTop-tabs .dijitTabChecked:before {
    height: 0;
}

.dijitTab * {
    vertical-align: baseline;
}

.flat .dijitTab .dijitTabCloseButton {
    vertical-align: middle;
    padding-bottom: 3px;
}

.flat .dijitTab .dijitTabCloseButton:before {
    font-weight: bold;
}

.flat .dijitTabPaneWrapper {
    border: 0;
}

.dijitTabContainerBottom-container,.dijitTabContainerTop-container,.dijitTabContainerLeft-container,.dijitTabContainerRight-container {
    border: 0;
    border-top: 1px solid #9e9e9e;
}

.flat .cbtreeCheckBox {
    background-image: url("/css/icon/PNG/checkboxRadioButtonStates.png");
}

.flat .dijitTree {
    width: 100%;
    color: var(--tree-font-color);
}

.flat .dijitTree .treeIndent {
    width: 0.5rem;
}

.flat .dijitTree .dijitTreeRow {
    margin-left: 0;
    text-align: left !important;
    transform: 2s;
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 14px;
    line-height: 14px;
}

.flat .dijitTree .dijitTreeRow .ttxDijitTreeExpandoOpened {
    transform: rotate(90deg);
}

.flat .dijitTree .dijitTreeRow .dijitTreeExpando,.flat .dijitTree .dijitTreeRow .dijitCheckBox,.flat .dijitTree .dijitTreeRow .dijitTreeIcon {
    width: 14px;
    height: 14px;
    font-size: var(--cbt-primary-font-size);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
    margin-right: 10px;
}

.flat .dijitTree .dijitTreeRow .dijitCheckBox {
    margin-right: 8px;
}

.flat .dijitTree .dijitTreeRow .dijitCheckBox:before {
    font-size: var(--cbt-primary-font-size);
}

.flat .dijitTree .dijitTreeRow .dijitCheckBox input {
    width: 100%;
    height: 100%;
}

.flat .dijitTree .dijitTreeRow .dijitCheckBoxChecked {
    background-color: var(--cbt-primary-color);
}

.flat .dijitTree .dijitTreeRow .dijitCheckBoxMixed {
    background-color: #fff;
}

.flat .dijitTree .dijitTreeRow .dijitCheckBoxMixed:before {
    font-size: var(--cbt-primary-font-size);
    color: var(--cbt-primary-color);
}

.flat .dijitTree .dijitTreeRow .dijitTreeIcon {
    margin-right: 3px;
}

.flat .dijitTree .dijitTreeRow .dijitTreeExpando,.flat .dijitTree .dijitTreeRow .dijitTreeIcon {
    width: 14px;
    height: 14px;
    background-size: 14px 14px !important;
    color: var(--tree-icon-color);
    background: none;
}

.flat .dijitTree .dijitTreeRow .dijitTreeExpando:before,.flat .dijitTree .dijitTreeRow .dijitTreeIcon:before {
    position: relative;
}

.flat .dijitTree .dijitTreeRow .dijitTreeExpando {
    font-size: 12px;
    height: 10px;
    width: 10px;
}

.flat .dijitTree .dijitTreeRow .dijitTreeContent {
    display: flex;
    align-items: center;
}

.flat .dijitTree .dijitTreeRowHover,.flat .dijitTree .dijitTreeRowSelected {
    border-color: transparent;
    border: none;
    color: var(--tree-font-color);
}

.flat .dijitTree .dijitTreeRowHover {
    background: var(--cbt-selected-hover-color);
}

.flat .dijitTree .dijitTreeRowSelected {
    background: var(--cbt-selected-color);
}

.flat .dijitTree:not(.navigatorTree) .dijitTreeIcon {
    background: none !important;
}

.flat .dijitTreeContainer {
    width: 100%;
}

.navigatorSearchItem .code {
    fort-size: 14px;
    padding: 4px 2px;
    display: inline-block;
    font-weight: 700;
    color: #4e51c7;
    background-color: #e9e9f9;
    margin: auto 4px;
}

.navigatorSearchItem .name {
    display: inline-block;
}

.quickSearchDropMenu {
    display: flex;
}

.quickSearchDropMenu .parent-name {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #298aed;
}

.quickSearchDropMenu .parent-name:after {
    margin: 0 0.25em;
    content: ">";
}

.lockNav .ttxNavigator {
    box-shadow: none;
}

.lockNav .hide {
    display: block;
}

.flat .navigatorTree {
    background: var(--nav-bg-color);
}

.flat .navigatorTree .dijitTreeIsRoot > .dijitTreeRow {
    height: 18px;
    position: relative;
}

.flat .navigatorTree .dijitTreeIsRoot > .dijitTreeRow .dijitTreeContent {
    padding: 0 35px 0 17px;
}

.flat .navigatorTree .dijitTreeIsRoot > .dijitTreeRow .dijitTreeExpando {
    position: absolute;
    right: 4px;
}

.flat .navigatorTree .dijitTreeRow {
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.flat .navigatorTree .dijitTreeRow .dijitTreeContent {
    flex: 1;
    width: 0;
    overflow: hidden;
}

.flat .navigatorTree .dijitTreeRow .dijitTreeContent .dijitTreeLabel {
    overflow: hidden;
    text-overflow: ellipsis;
}

.flat .navigatorTree .dijitTreeRow .treeStar {
    height: 14px;
    width: 14px;
}

.flat .navigatorTree .dijitTreeRow .treeStar .iconfont {
    font-size: 14px;
    color: transparent;
}

.flat .navigatorTree .dijitTreeRow .treeStar .icon-fav {
    color: var(--cbt-primary-color);
}

.flat .navigatorTree .dijitTreeRowHover .treeStar .iconfont {
    color: var(--tree-icon-color);
}

.flat .navigatorTree .dijitTreeRowHover .treeStar .icon-fav {
    color: var(--cbt-primary-color);
}

.flat .navigatorTree .dijitTreeNode .dijitTreeRow {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flat .navigatorTree .dijitTree .dijitTreeRowSelected {
    color: var(--cbt-primary-font-color);
    background-color: var(--nav-selected-color);
}

.ttxNavigator {
    font-size: 14px;
    overflow: inherit;
    box-shadow: 4px 4px 6px rgba(2,2,2,0.239);
    display: flex;
    flex-direction: column;
    padding: 0;
    position: fixed;
    z-index: 939;
    height: calc(100% - 47px);
    overflow: hidden;
    text-align: left;
    background: var(--nav-bg-color);
    transition: left 0.5s;
    left: 0;
}

.ttxNavigator .iconfont {
    font-size: 14px;
}

.ttxNavigator.hide {
    display: block;
    left: -215px;
    background: transparent;
}

.ttxNavigator.hide .navigatorBar {
    background: var(--nav-bg-color);
}

.ttxNavigator.hide .dijitTextBox {
    transition: all 0.5s;
}

.ttxNavigator .prodLogo {
    display: block;
    height: 107px;
    flex-grow: 0;
    top: 0px;
}

.ttxNavigator .dijitTree {
    height: 100%;
    overflow: auto;
    flex-grow: 1;
    padding-bottom: 27px;
}

.ttxNavigator .ttxLogo {
    bottom: 0px;
    position: relative;
}

.ttxNavigator .ttxLogo .displayNone {
    display: none;
}

.ttxNavigator .navigatorBar {
    padding: 16px 2px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ttxNavigator .navigatorBar .switchNav {
    margin-left: 10px;
    color: var(--cbt-primary-color);
    cursor: pointer;
}

.ttxNavigator .navigatorBar .quickSearch {
    height: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    width: calc(100% - 58px);
    border: 0;
    padding-left: 3px;
}

.ttxNavigator .navigatorBar .quickSearch .iconSpan {
    display: inline-block;
    height: 14px;
    line-height: 1;
    width: 14px;
}

.ttxNavigator .navigatorBar .quickSearch .dijitInputContainer {
    width: calc(100% - 38px);
}

.ttxNavigator .navigatorBar .quickSearch .dijitInputField {
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    margin: 0;
}

.ttxNavigator .navigatorBar .quickSearch .dijitInputField .dijitInputInner {
    padding: 0 20px;
    height: 24px;
    line-height: 24px;
}

.ttxNavigator .navigatorBar .quickSearch .dijitValidationContainer,.ttxNavigator .navigatorBar .quickSearch .dijitArrowButton {
    display: none;
}

.ttxNavigator .navigatorExpand {
    color: #fff;
    position: absolute;
    right: 8px;
    top: 5px;
    float: right;
    display: inline-block;
    visibility: hidden;
    width: 20px;
    height: 20px;
    background: none;
}

.creatorApp .nav-node {
    background-color: #235baf;
}

.ttxBill .ttxWsoTabPanel.cpBill,.ttxBill .ttxWsoTabPanel.cpDetail {
    background: #fff;
}

.ttxBill .ttxWsoTabPanel.cpBill .ttx-action-set,.ttxBill .ttxWsoTabPanel.cpDetail .ttx-action-set {
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10;
    margin: 20px 0px 10px;
}

.ttxBill .cpBill form,.ttxBill .cpDetail form {
    background: #f5f7f8;
    padding: 10px;
}

.ttxBill .cpBill form .dijitTabContainerTop-tabs .dijitTab,.ttxBill .cpDetail form .dijitTabContainerTop-tabs .dijitTab,.ttxBill .cpBill form .dijitTabContainerTop-tabs .dijitTabChecked,.ttxBill .cpDetail form .dijitTabContainerTop-tabs .dijitTabChecked,.ttxBill .cpBill form .dijitTabContainerTop-dijitContentPane,.ttxBill .cpDetail form .dijitTabContainerTop-dijitContentPane {
    background: #f5f7f8;
}

.ttxBill .cpBill .tc-warning,.ttxBill .cpDetail .tc-warning {
    color: #fe4d66;
}

.ttxBill .cpBill .tc-warning:before,.ttxBill .cpDetail .tc-warning:before {
    font-size: 15px;
}

.ttxBill .cpBill > .dijitTabContainer,.ttxBill .cpDetail > .dijitTabContainer {
    margin-top: 8px;
}

.listGridContainer > .gridx {
    height: 100%;
    min-height: 300px;
}

.listGridContainer .billGridTc {
    margin-top: 8px;
    height: 300px;
    width: 100%;
}

.listGridContainer .billGridTc .billGridCp {
    height: calc(100% - 16px) !important;
}

.DetailBillDialog.dijitDialog {
    width: 700px;
}

.DetailBillDialog.dijitDialog .ttxForm {
    min-height: 300px;
    background: #f5f7f8;
}

.DetailBillDialog.dijitDialog .dijitDialogPaneContent {
    padding: 12px;
}

.ttxPermission {
    width: 100%;
    height: 100%;
}

.ttxPermission .ttxPermissionTop {
    height: 40px;
}

.ttxPermission .ttxPermissionTop label {
    display: inline-block;
    width: 100px;
    text-align: right;
    margin-right: 10px;
}

.ttxPermission .ttxPermissionContent {
    width: 100%;
    height: 100%;
}

.ttxPermission .ttxPermissionContent .ttxPermissionLeft {
    width: 40%;
}

.ttxPermission .ttxPermissionContent .ttxPermissionRight {
    width: 40%;
}

.ttxPermission .ttxPermissionContent .dijitTreeContainer {
    width: 100%;
}

.ttxDataRight {
    height: 100%;
}

.ttxDataRight .ttx-action-set,.ttxDataRight .ttx-field-set,.ttxDataRight .ttx-field-row {
    display: inline-block;
}

.ttxDataRight .ttx-action-set label,.ttxDataRight .ttx-field-set label,.ttxDataRight .ttx-field-row label {
    width: 40px;
}

.ttxDataRight .grid {
    display: inline-block;
    width: 45%;
}

.ttxDataRight .userContainer {
    visibility: hidden;
}

.wsoRootPane .ttxSqlTemplate {
    padding: 0 20px;
}

.ttxSqlTemplate {
    height: 100%;
}

.ttxSqlTemplate .ttx-field-set {
    padding: 0;
}

.ttxSqlTemplate .loaded {
    width: 200px;
    height: 60px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(184,216,255,0.18);
    box-shadow: #8ee7d0 1px 2px 12px 1px;
}

.ttxSqlTemplate .loaded div {
    padding: 4px 10px;
    font-size: 16px;
    font-style: oblique;
}

.ttxSqlTemplate .dijitContentPane {
    padding-bottom: 10px;
}

.ttxSqlTemplate .dijitContentPane .ttx-field-set {
    width: 90%;
    display: block;
}

.ttxSqlTemplate .dijitContentPane .ttx-action-set {
    display: block;
}

.ttxSqlTemplate .idSelect.dijitContentPane {
    padding-bottom: 10px;
}

.ttxSqlTemplate .idSelect.dijitContentPane .ttx-field-set {
    width: 50%;
    display: inline-block;
}

.ttxSqlTemplate .idSelect.dijitContentPane .ttx-action-set {
    display: inline-block;
}

.ttxSqlTemplate .advanceIdSelect.dijitContentPane {
    padding-bottom: 10px;
}

.ttxSqlTemplate .advanceIdSelect.dijitContentPane .ttx-field-set {
    width: 250px;
    display: inline-block;
}

.ttxSqlTemplate .advanceIdSelect.dijitContentPane .ttx-action-set {
    display: inline-block;
}

.ttxSqlTemplate .jsonEditor,.ttxSqlTemplate .sqlEditor {
    width: 100%;
    height: 100%;
    mangin: 0 10px;
}

.ttxSqlTemplate .jsonEditor {
    padding: 0;
}

.ttxSqlTemplate .jsonEditor .ttx__jsonEditor {
    height: calc(100% - 25px);
}

.ttxSqlTemplate .listGridContainer {
    height: 400px;
    overflow-x: auto;
}

.ttxSqlTemplate hr {
    height: 1px;
    width: 98%;
    border: none;
    border-top: 1px solid #b5bcc8;
}

.ttxSqlTemplate ::-webkit-scrollbar-thumb {
    background: rgba(30,95,196,0.15);
}

.ttxSqlRunner {
    height: 100%;
}

.ttxSqlRunner .ttx-field-row .ttx-field > label {
    width: 50px;
}

.ttxSqlRunner .dijitContentPane {
    padding-bottom: 10px;
}

.ttxSqlRunner .dijitContentPane .ttx-field-set {
    display: inline-block;
}

.ttxSqlRunner .dijitContentPane .ttx-action-set {
    display: inline-block;
}

.ttxSqlRunner .sqlEditor {
    width: 90%;
    height: 200px;
    margin: 0 10px;
}

.ttxSqlRunner .sqlSummary {
    width: 90%;
    display: block;
    margin: 0 10px;
    padding: 8px 0 0;
}

.ttxSqlRunner .sqlResult {
    width: 90%;
    height: 300px;
    margin: 0 10px;
    overflow: scroll;
}

.baiduApiView {
    overflow: auto;
}

.baiduApiView div.mapContainer {
    overflow: hidden;
    margin: 0;
    width: 400px;
    height: 400px;
    float: left;
}

.baiduApiView div.mapContainer .baidumap {
    margin: 30px;
    height: 400px;
}

.dojoxFloatingPane {
    background: rgba(0,0,0,0.2);
    padding: 6px;
}

.dojoxFloatingPane .dojoxFloatingPaneTitle {
    background: #9ed3f4 repeat-x bottom left;
}

.ttxOrderAudit .dijitContentPane {
    padding: 0;
}

.ttxOrderAudit .dijitButton .dijitButtonNode {
    padding: 0px 10px 1px 10px;
}

.ttxOrderAudit .gridx .dijitToolbar {
    float: left;
}

.ttxOrderAudit .listGridContainer {
    margin: 0;
}

.ttxOrderAudit .labelMark {
    display: inline-block;
    margin: -2px 3px;
    width: 16px;
    height: 18px;
    border: 1px solid #efaae3;
    padding: 0 0 0 2px;
}

.ttxOrderAudit .labelMark.labelMark-1 {
    background: #f00;
    color: #fff;
}

.ttxOrderAudit .labelMark.labelMark-2 {
    background: #45ff47;
}

.ttxOrderAudit .labelMark.labelMark-3 {
    background: #3f34ff;
    color: #fff;
}

.ttxOrderAudit .labelMark.labelMark-4 {
    background: #ff4ac7;
}

.ttxOrderAudit .cpQuery {
    height: 88px;
    overflow: hidden;
}

.ttxOrderAudit .cpQuery label {
    width: 62px;
}

.ttxOrderAudit .cpQuery .ttx-action-set {
    display: inline-block;
}

.ttxOrderAudit .dijit.dijitToolbar {
    margin-left: -4px;
}

.ttxNavigatorEditor .ttx-action-set {
    margin: 0;
}

.ttxDashboard {
    background: #fff;
}

.dashvalue.dashboardItem {
    border-radius: 5px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin: 0 10px !important;
    width: 100%;
    justify-content: space-between;
}

.dashvalue.dashboardItem .iconBox {
    width: 56px;
    height: 56px;
    margin-left: 10px;
    font-size: 56px;
    text-align: center;
    line-height: 56px;
}

.dashvalue.dashboardItem .content {
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    color: #fff;
    text-align: left;
}

.dashvalue.dashboardItem .content .title {
    width: 100%;
    font-size: 14px;
}

.dashvalue.dashboardItem .content .value {
    width: 100%;
    font-size: 32px;
    font-weight: 700;
}

.ttxDashboard {
    overflow: visible;
    flex-direction: column;
    padding: 2px 12px;
}

.ttxDashboard .dashboardRow {
    margin: 10px 0;
    outline: none !important;
    width: 100%;
    display: flex;
    padding: 0;
}

.ttxDashboard .dashboardRow .dashboardItemBox {
    display: inline-flex;
    position: relative;
    outline: none !important;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.ttxDashboard .dashboardRow .dashboardItemBox .dashboardItem {
    height: 100%;
    width: 100%;
    display: inline-flex;
    outline: none !important;
}

.ttxDashboard svg {
    display: inline-block;
}

.ttxDashboard .dashvalue {
    text-align: center;
    color: #fff;
    padding: 9px;
}

.ttxDashboard .daysdata {
    position: absolute;
    right: 24px;
    top: 20px;
    width: 90px !important;
    height: 24px;
    z-index: 999;
}

.ttxChart {
    flex: 1;
    padding: 10px;
    border-radius: 2px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    border: none;
}

.ttxChart .chartNode {
    width: 100%;
    height: 100%;
    flex: 1;
}

.ttxChart.ttxTopChart {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 0px;
}

.ttxChart.ttxTopChart .tc-header {
    padding: 8px 10px;
    margin-bottom: 5px;
    display: flex;
}

.ttxChart.ttxTopChart .tc-header .title {
    flex: 1;
}

.ttxChart.ttxTopChart .tc-header > i {
    background-repeat: no-repeat;
    background-size: 15px;
    height: 24px;
    width: 18px;
    padding-right: 8px;
}

.ttxChart.ttxTopChart .tc-header > span {
    flex: 1;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    word-break: keep-all;
}

.ttxChart.ttxTopChart .tc-header .dijitSelect {
    width: 80px;
}

.ttxChart.ttxTopChart .tc-body::-webkit-scrollbar {
    width: 0;
}

.ttxChart.ttxTopChart .tc-body {
    margin: 0 10px;
    display: flex;
    height: 0;
    flex: 1;
    overflow-y: scroll;
}

.ttxChart.ttxTopChart .tc-body .content-line {
    font-size: 14px;
    display: flex;
}

.valueBlockChart .tc-body {
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.valueBlockChart .top-block .block-header,.valueBlockChart .top-block .block-value {
    color: #fff;
}

.valueBlockChart .content-block {
    height: 80px;
    width: 14%;
    min-width: 120px;
    margin: 0;
    border-radius: 4px;
    color: #fff;
    position: relative;
    background-color: #f5f7f8;
}

.valueBlockChart .content-block .block-icon {
    -webkit-mask-image: url("/css/icon/SVG/order.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-repeat: no-repeat;
    mask-size: 14px;
    margin-right: 4px;
    width: 14px;
    height: 14px;
    margin-top: 2px;
    float: left;
    background-color: #fff;
}

.valueBlockChart .content-block .block-header {
    padding: 8px 10px 5px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
}

.valueBlockChart .content-block .block-value {
    font-size: 30px;
    line-height: 40px;
    padding-left: 26px;
}

.valueBlockChart .content-block .block-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-wrap: break-word;
}

.valueBlockChart .content-block .block-bgIcon {
    -webkit-mask-image: url("/css/icon/SVG/order.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 48px;
    mask-repeat: no-repeat;
    mask-size: 48px;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    background-color: rgba(255,255,255,0.3);
}

.topBarChart .tc-body {
    flex-direction: column;
}

.topBarChart .tc-body .top-line .line-header {
    color: #fff;
    font-size: 12px;
}

.topBarChart .tc-body .content-line {
    margin-bottom: 8px;
    align-items: center;
}

.topBarChart .tc-body .content-line .line-bar-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.topBarChart .tc-body .content-line .line-bar-wrapper .line-data-wrapper {
    display: flex;
    justify-content: space-between;
}

.topBarChart .tc-body .content-line .line-bar-wrapper .line-bar {
    height: 6px;
    border-radius: 3px;
}

.topBarChart .tc-body .content-line .line-bar-wrapper .line-value {
    width: auto;
}

.topBarChart .tc-body .content-line .line-header {
    font-family: Arial-Black;
    text-align: center;
    margin: 0 20px;
    height: 24px;
    width: 65px;
    font-size: 13px;
    line-height: 24px;
}

.topBarChart .tc-body .content-line .line-name {
    margin-right: 14px;
    height: 26px;
    line-height: 26px;
    word-break: keep-all;
}

.topBarChart .tc-body .content-line .line-value {
    box-sizing: border-box;
    border-radius: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    width: 120px;
    text-align: left;
}

.topBarChart .tc-body .content-line .line-bar-bg {
    width: 100%;
    height: 6px;
    background: #d8e2e6;
    border-radius: 3px;
}

.topBarChart .tc-body .content-line .line-bar-bg .line-bar {
    height: 6px;
    border-radius: 3px;
}

.topBlockChart .tc-body {
    margin: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.topBlockChart .block-crown {
    background-image: url("/css/icon/SVG/top-crown.svg");
    background-position: 0 0;
    background-size: 43px 36px;
    background-repeat: no-repeat;
}

.topBlockChart .block-crown .block-wrapper {
    background-image: url("/css/icon/SVG/top-crown.svg");
    background-position: -18px -20px;
    background-size: 43px 36px;
    background-repeat: no-repeat;
}

.topBlockChart .top-block .block-header,.topBlockChart .top-block .block-value {
    color: #fff;
}

.topBlockChart .content-block {
    display: flex;
    height: 151px;
    width: 142px;
    margin: 0;
    align-items: flex-end;
    justify-content: flex-end;
}

.topBlockChart .content-block .block-wrapper {
    width: 124px;
    height: 131px;
    background-color: #f1f3f6;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 18px;
}

.topBlockChart .content-block .block-wrapper .block-header {
    margin-top: 10px;
}

.topBlockChart .content-block .block-wrapper .block-value {
    margin-top: 6px;
    font-size: 14px;
}

.topBlockChart .content-block .block-wrapper .block-name {
    margin-top: 7px;
    height: 66px;
    width: 100px;
    background-repeat: no-repeat;
    background-size: 88px 66px;
    background-position: center;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.topGridChart .tc-body {
    flex-direction: column;
}

.topGridChart .tc-body .top-line .line-header {
    text-align: center;
    margin: 2px 10px;
    line-height: 20px;
    height: 20px;
    width: 20px;
    color: #fff;
    font-size: 12px;
}

.topGridChart .tc-body .top-line {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 8px;
}

.topGridChart .tc-body .top-line .icon-line-header {
    background-repeat: no-repeat;
    background-size: 26px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 26px;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 26px;
    position: relative;
    line-height: 26px;
    height: 26px;
    width: 26px;
    font-size: 22px;
}

.topGridChart .tc-body .top-line .icon-line-header .line-header-content {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    font-size: 12px;
    background-color: transparent;
    text-align: center;
    line-height: 26px;
}

.topGridChart .content-line {
    height: 34px;
    align-items: center;
    margin-bottom: 6px;
    color: #27292f;
}

.topGridChart .content-line .line-header {
    text-align: center;
    margin: 2px 10px;
    line-height: 26px;
    height: 26px;
    width: 26px;
    font-size: 13px;
}

.topGridChart .content-line .line-header .line-header-content {
    font-family: Arial-Black;
    font-size: 12px;
}

.topGridChart .content-line .line-name {
    flex: 1;
}

.topGridChart .content-line .line-value {
    font-size: 16px;
    margin-right: 20px;
}

.ttxDashboard.dark {
    background: linear-gradient(to right, #110b3f, #241f64, #110b3f);
    overflow-y: scroll;
}

.ttxDashboard.dark .ttxChart {
    background: rgba(94,109,255,0.1);
}

.ttxDashboard.dark .ttxChart .title {
    font-weight: bold;
}

.ttxDashboard.dark .ttxChart.ttxTopChart .title {
    color: #d2d6ff;
}

.ttxDashboard.dark .ttxChart.ttxTopChart .tc-body .content-line {
    color: #d2d6ff;
    background: #161049;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.topGridChart .top-line {
    background: #161049;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart {
    background: rgba(255,255,255,0) !important;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header {
    text-align: center;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header i,.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header .selector {
    flex: 1;
    display: block !important;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header .title {
    display: flex;
    align-items: center;
    color: #fff !important;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header .title:before,.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header .title:after {
    width: 123px;
    height: 9px;
    margin: 0 20px;
    content: ' ';
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header .title:before {
    background: url("/images/ttx/dashboard/top-title-left.png");
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .tc-header .title:after {
    background: url("/images/ttx/dashboard/top-title-right.png");
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .content-block {
    color: #fff !important;
    background: rgba(94,109,255,0.1) !important;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .content-block .block-name {
    color: #fff !important;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .content-block .block-icon,.ttxDashboard.dark .ttxChart.ttxTopChart.valueBlockChart .content-block .block-bgIcon {
    display: none;
}

.ttxDashboard.dark .ttxChart.ttxTopChart.topBarChart .content-line {
    background: none;
}

.ttxDashboard.light {
    background: #fff;
    overflow-y: scroll;
}

.ttxDashboard.light .ttxChart {
    background: #f5f7f8;
}

.ttxDashboard.light .ttxChart .title {
    font-weight: bold;
}

.ttxDashboard.light .ttxChart.ttxTopChart .title {
    color: #111;
}

.ttxDashboard.light .ttxChart.ttxTopChart .tc-body .content-line {
    color: #333;
    background: #fff;
}

.ttxDashboard.light .ttxChart.ttxTopChart.topGridChart .top-line {
    background: #fff;
}

.ttxDashboard.light .ttxChart.ttxTopChart.valueBlockChart {
    background: #fff;
}

.ttxDashboard.light .ttxChart.ttxTopChart.topBarChart .content-line {
    background: none;
}

.ttxPasswordManager .topNode {
    margin-top: 10px;
}

.ttxPasswordManager .dijitTextBox {
    font-size: 16px;
    color: #181616;
}

.importTemplate .detailTable {
    display: flex;
    margin-top: 16px;
    margin-bottom: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}

.importTemplate .detailTable::-webkit-scrollbar {
    height: 8px;
}

.importTemplate .detailTable::-webkit-scrollbar-thumb {
    border: solid 2px #88d1a7;
    border-radius: 5px;
    background: rgba(159,226,255,0.5);
}

.importTemplate .detailTable .columnDom {
    width: 75px;
}

.importTemplate .detailTable .importViewWidget {
    height: auto;
    margin: 0;
    margin-right: -1px;
    border: solid 1px #000;
}

.importTemplate .detailTable .importViewWidget .dijitTextBox {
    width: 73px;
}

.importTemplate .detailTable .importViewWidget label {
    display: block;
    width: 100px;
    border-bottom: solid 1px #000;
}

.importTemplate .detailTable .importViewWidget label:after {
    content: "";
}

.typeMenuItem {
    padding: 0;
    width: 19px;
    margin: 2px 0;
    background-color: #fb660a;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.typeMenu {
    border: 0 !important;
}

.typeMenuPopup {
    padding: 2px;
    margin-left: 3px;
    border: 1px solid #b5bcc8;
    box-shadow: rgba(230,229,230,0.863) 2px 2px 6px 1px;
}

.typeSelect {
    text-align: center;
    background-color: #f60;
    font-size: 15px;
    margin: 0 4px;
    width: 20px;
    font-weight: bold;
}

.importViewWidget {
    height: 25px;
    display: inline-block;
    margin: 4px 2px;
}

.importViewWidget .dijitSelect {
    width: 134px;
}

.importViewWidget .dijitTextBox {
    width: 133px;
}

.importViewWidget .columnDom {
    width: 135px;
    height: 23px;
    display: inline-flex;
    font: inherit;
    vertical-align: middle;
}

.importViewWidget .columnDom .columnText {
    font-weight: bold;
    height: 22px;
    line-height: 22px;
}

.importViewWidget .columnDom .columnNum {
    background-color: rgba(242,234,239,0.5);
    width: 25px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: large;
    font-weight: bold;
}

.importViewWidget .columnDom .columnDesc {
    height: 22px;
    line-height: 22px;
}

.importViewWidget label {
    display: inline-block;
    width: 7em;
    text-align: right;
    padding-right: 3px;
}

.importViewWidget label:after {
    content: " :";
}

.importViewDom {
    padding: 6px;
    border: 1px solid #b5bcc8;
    background: #fff;
    z-index: 10;
    box-shadow: rgba(230,229,230,0.86) 2px 2px 6px 1px;
}

.codeEditor {
    overflow-y: auto;
}

.codeEditor .editorDiv {
    width: 100%;
    height: 400px;
}

.codeEditor .topDiv {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
    align-items: center;
}

.codeEditor .topDiv .fields {
    max-width: 880px;
}

.codeEditor .topDiv .fields .ttx-field-set label {
    min-width: 5em;
    width: auto;
}

.codeEditor .description {
    margin-top: 4px;
    border-top: dashed 3px #aaa;
    font-size: 18px;
    font-weight: bold;
    color: #4682b4;
}

.codeEditor .description:before {
    content: "**";
    padding-right: 0.5em;
    color: #ff4500;
}

.flat .changeLogDialog {
    background: linear-gradient(141deg, #324f9a 0%, #1267c3 75%);
}

.flat .changeLogDialog .dijitDialogPaneContent {
    padding: 0;
}

.flat .changeLogDialog .dijitDialogTitleBar {
    background: transparent;
    text-align: left;
    padding: 21px 0 8px 21px;
    height: 60px;
}

.flat .changeLogDialog .dijitDialogTitleBar img {
    padding: 0;
    height: 26px;
}

.flat .changeLogDialog .dijitDialogCloseIcon {
    color: #fff;
}

.flat .changeLogDialog .versionWrapper {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    color: var(--color-white-alpha-40);
    cursor: default;
}

.flat .changeLogDialog .currentVersion {
    margin-right: 1em;
}

.flat .changeLogDialog .warning {
    margin-right: 0.5em;
    color: #faad14;
}

.flat .changeLogDialog .success {
    margin-right: 1em;
    color: #60d89d;
}

.changeLog {
    width: 720px;
    max-height: 560px;
    height: 70vh;
    font-size: var(--cbt-primary-font-size);
    color: var(--color-black-alpha-80);
    overflow-y: auto;
    overflow-x: hidden;
}

.changeLog .prodVersionContainer {
    display: flex;
    height: 100%;
}

.changeLog .titleWrapper,.changeLog .versions {
    background-color: var(--block-bg-color);
    height: 0;
}

.changeLog .titleWrapper {
    display: flex;
    align-items: baseline;
    line-height: 4;
    padding: 0 21px;
    color: var(--color-black-alpha-80);
    font-weight: bold;
    height: 54px;
}

.changeLog .versions {
    flex: 1;
}

.changeLog .leftContainer {
    width: 180px;
    display: flex;
    flex-direction: column;
}

.changeLog .version {
    padding: 14px 19px;
    border-left: solid 2px transparent;
}

.changeLog .versionTitle,.changeLog .versionDate {
    pointer-events: none;
}

.changeLog .versionTitle {
    color: var(--color-black-alpha-80);
    font-weight: bolder;
}

.changeLog .versionDate {
    color: var(--color-black-alpha-30);
    font-size: var(--cbt-tip-font-size);
}

.changeLog .selected {
    border-color: var(--cbt-primary-color);
    background-color: #fff;
}

.changeLog .selected .versionTitle {
    color: var(--cbt-primary-color);
}

.changeLog .selected .versionDate {
    color: var(--cbt-primary-color-alpha-60);
}

.changeLog .centerContainer {
    flex: 1;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.changeLog .contentTitle {
    display: flex;
    align-items: baseline;
    line-height: 3;
    height: 54px;
    margin: 0 21px;
    border-bottom: solid 1px var(--cbt-border-color-gray);
}

.changeLog .contentVersion {
    color: var(--color-black-alpha-80);
    font-weight: bolder;
    font-size: 20px;
    margin-right: 0.5em;
}

.changeLog .contentDate {
    color: var(--color-black-alpha-60);
}

.changeLog .editorContainer {
    margin: 0 21px;
    flex: 1;
    height: 0;
    overflow: auto;
}

.DataRightDialogContentVue {
    padding: 8px 0;
    width: 60vw;
    height: 70vh;
    display: flex;
}

.DataRightDialogContentVue .vxe-body--row:hover {
    background-color: rgba(206,232,242,0.878);
}

.DataRightDialogContentVue .vxe-table--render-default .vxe-body--row.row--current {
    background-color: var(--cbt-primary-color-alpha-40);
}

.DataRightDialogContentVue .titleNode {
    color: #333;
    font-weight: bolder;
}

.DataRightDialogContentVue .leftNode {
    height: 100%;
    width: 200px;
    margin-right: 14px;
}

.DataRightDialogContentVue .leftNode .tableWrapper {
    height: calc(100% - 55px);
}

.DataRightDialogContentVue .leftNode .vxe-toolbar {
    background-color: var(--block-bg-color);
    padding: 8px 12px;
    border: #eee solid 1px;
    border-bottom: 0;
    border-radius: 8px 8px 0px 0px;
}

.DataRightDialogContentVue .leftNode .vxe-table,.DataRightDialogContentVue .leftNode table {
    background-color: var(--block-bg-color);
}

.DataRightDialogContentVue .rightNode {
    width: 0;
    flex: 1;
}

.DataRightDialogContentVue .rightNode .tableNode {
    height: calc(100% - 55px);
    overflow: auto;
}

.DataRightDialogContentVue .rightNode .tableWrapper {
    height: calc(100% - 55px);
}

.DataRightDialogContentVue .rightNode .coverNode {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.DataRightDialogContentVue .rightNode .coverNode .coverDesc {
    height: 50px;
    line-height: 50px;
}

.DataRightDialogContentVue .rightNode .summaryNode {
    padding: 0px 8px;
}

.DataRightDialogContentVue .tableNode {
    margin-bottom: 12px;
}

.DataRightDialogContentVue .actionNode {
    height: 50px;
    text-align: end;
}

.fullViewDialog .DataRightDialogContentVue {
    width: 100%;
    height: 100%;
}

.DataRightDialogContent {
    border-top: solid 1px var(--cbt-border-color-gray);
    display: flex;
    max-height: 480px;
    height: 70vh;
    width: 960px;
}

.DataRightDialogContent .leftContainer {
    background-color: var(--block-bg-color);
    border-right: solid 1px var(--color-black-alpha-05);
}

.DataRightDialogContent .leftContainer .titleDom {
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 11px;
    border-bottom: solid 1px var(--color-black-alpha-05);
}

.DataRightDialogContent .leftContainer .treeDom {
    margin-right: -1px;
}

.DataRightDialogContent .leftContainer .dijitTree .dijitTreeRowSelected {
    background: #fff;
    border-left: solid 3px var(--cbt-primary-color);
    color: var(--cbt-primary-color);
}

.DataRightDialogContent .centerContainer {
    flex: 1;
    width: 0;
    padding: 12px 20px;
    position: relative;
    display: flex;
    background: #fff;
}

.DataRightDialogContent .dataRightContainer,.DataRightDialogContent .dataRightResultContainer {
    display: flex;
    flex-direction: column;
}

.DataRightDialogContent .dataRightContainer .gridContainer,.DataRightDialogContent .dataRightResultContainer .gridContainer,.DataRightDialogContent .dataRightContainer .selectedGridContainer,.DataRightDialogContent .dataRightResultContainer .selectedGridContainer {
    flex: 1;
    height: 0;
}

.DataRightDialogContent .dataRightContainer {
    height: 100%;
}

.DataRightDialogContent .dataRightResultContainer {
    height: calc(100% - 45px);
}

.DataRightDialogContent .actionWrapper {
    margin: 15px 0 2px 0;
}

.DataRightDialogContent .dataRightContainer {
    flex: 1;
    width: 0;
    margin-right: 12px;
}

.DataRightDialogContent .dataRightResultContainer {
    width: 240px;
}

.DataRightDialogContent .selectedSummaryContainer {
    display: flex;
    height: 26px;
    border: solid 1px var(--cbt-border-color-gray);
    border-bottom: none;
    align-items: center;
    padding: 0 0.5rem;
    padding-bottom: 8px;
    color: var(--color-black-alpha-80);
}

.DataRightDialogContent .summaryNum {
    padding: 0 1rem;
}

.DataRightDialogContent .cleanSelected {
    cursor: pointer;
    color: var(--cbt-primary-color);
}

.DataRightDialogContent .finderContainer {
    margin-bottom: 6px;
}

.DataRightDialogContent .finderContainer .dijitInputInner {
    font-size: 14px;
}

.DataRightDialogContent .listGridContainer {
    margin-top: 0;
    height: 100%;
}

.DataRightDialogContent .listGridContainer .iconfont {
    font-size: 8px;
    cursor: pointer;
    color: var(--color-black-alpha-60);
}

.DataRightDialogContent .listGridContainer .iconfont:hover {
    color: var(--cbt-primary-color);
}

.DataRightDialogContent .listGridContainer .gridxRow .gridxRowTable .gridxCell,.DataRightDialogContent .listGridContainer .gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxCell {
    padding-left: 1rem;
}

.DataRightDialogContent .hideSelectAll .gridxRowHeaderHeaderCell .gridxIndirectSelectionCheckBox {
    display: none !important;
}

.DataRightSetting {
    display: flex;
}

.DataRightSetting .left {
    width: 200px;
    border: 1px solid #e1e1e1;
}

.DataRightSetting .right {
    display: flex;
    flex: 1;
    width: 0;
    flex-direction: column;
}

.DataRightSetting .right .ttx-field-row .ttx-field > label {
    text-align: right !important;
    width: 3em;
}

.DataRightSetting .right .dataGrid {
    flex: 1;
    width: 100%;
}

.flat .CopyDataRightSettingDialog .dijitDialogPaneContent {
    padding: 10px 40px 20px 40px;
    background-color: #fff;
    border-top: solid 1px var(--cbt-border-color-gray);
    border-bottom: solid 1px var(--cbt-border-color-gray);
}

.CopyDataRightDialogContent {
    display: flex;
    max-height: 390px;
    height: 64vh;
    width: 860px;
}

.CopyDataRightDialogContent .titleDom {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CopyDataRightDialogContent .treeDom {
    background-color: var(--block-bg-color);
    border: solid 1px var(--color-black-alpha-05);
    padding: 12px 0;
    height: calc(100% - 64px);
}

.CopyDataRightDialogContent .centerContainer {
    flex: 1;
    width: 0;
    padding-left: 20px;
    position: relative;
    display: flex;
}

.CopyDataRightDialogContent .dataRightContainer,.CopyDataRightDialogContent .dataRightResultContainer {
    display: flex;
    flex-direction: column;
}

.CopyDataRightDialogContent .dataRightContainer .gridContainer,.CopyDataRightDialogContent .dataRightResultContainer .gridContainer,.CopyDataRightDialogContent .dataRightContainer .selectedGridContainer,.CopyDataRightDialogContent .dataRightResultContainer .selectedGridContainer {
    flex: 1;
    height: 0;
}

.CopyDataRightDialogContent .dataRightContainer,.CopyDataRightDialogContent .dataRightResultContainer {
    height: 100%;
}

.CopyDataRightDialogContent .actionWrapper {
    margin: 15px 0 2px 0;
}

.CopyDataRightDialogContent .dataRightContainer {
    flex: 1;
    width: 0;
    margin-right: 12px;
}

.CopyDataRightDialogContent .dataRightResultContainer {
    width: 240px;
}

.CopyDataRightDialogContent .selectedSummaryContainer {
    display: flex;
    height: 26px;
    border: solid 1px var(--cbt-border-color-gray);
    border-bottom: none;
    align-items: center;
    padding: 0 0.5rem;
    padding-bottom: 8px;
    color: var(--color-black-alpha-80);
}

.CopyDataRightDialogContent .summaryNum {
    padding: 0 1rem;
}

.CopyDataRightDialogContent .cleanSelected {
    cursor: pointer;
    color: var(--cbt-primary-color);
}

.CopyDataRightDialogContent .finderContainer .dijitInputInner {
    font-size: 14px;
}

.CopyDataRightDialogContent .listGridContainer {
    margin-top: 0;
    height: 100%;
}

.CopyDataRightDialogContent .listGridContainer .gridxRow .gridxRowTable .gridxCell,.CopyDataRightDialogContent .listGridContainer .gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxCell {
    padding-left: 1rem;
}

.CopyDataRightDialogContent .hideSelectAll .gridxRowHeaderHeaderCell .gridxIndirectSelectionCheckBox {
    display: none !important;
}

.accessKeyNotify {
    width: 555px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
}

.accessKeyNotify .tip {
    font-size: 14px;
    font-weight: 500;
    background: #fff7db;
    width: calc(100% - 20px);
    padding: 12px 10px;
    margin-bottom: 18px;
    display: flex;
}

.accessKeyNotify .tip .fas {
    color: #ffc441;
    padding: 3px 5px 0 0;
}

.accessKeyNotify .notice {
    font-size: 16px;
    width: calc(100% - 10px);
    margin-bottom: 20px;
}

.accessKeyNotify .notice .fas {
    color: #1c8e3e;
}

.accessKeyNotify .content {
    background-color: #ebf4fb;
    width: calc(100% - 40px);
    padding: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.accessKeyNotify .content label {
    color: #aaa;
    width: 200px;
    display: inline-block;
}

.accessKeyNotify .content span {
    color: #333;
}

.accessKeyNotify .content div:first-child {
    margin-bottom: 10px;
}

.accessKeyNotify .title {
    font-size: 18px;
    text-align: left;
    width: 100%;
    margin-bottom: 18px;
}

.shortcutSettingDialogContent {
    height: 300px;
    display: flex;
    flex-direction: column;
    padding: 20px;
}

.shortcutSettingDialogContent .displayFlex {
    display: flex;
}

.shortcutSettingDialogContent .filler {
    flex: 1;
}

.shortcutSettingDialogContent .marginTop {
    margin-top: 12px;
}

.shortcutSettingDialogContent .btn {
    width: 50px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: #298aed;
    color: #fff;
}

.shortcutSettingDialogContent .keySetter {
    display: flex;
    align-items: center;
}

.shortcutSettingDialogContent .keySetter span {
    margin-left: 10px;
}

.shortcutSettingDialogContent .shortcutKeyShow {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 400px;
    height: 40px;
    font-size: 30px;
    font-weight: 500;
    border: solid 2px #e1f1fe;
}

.shortcutSettingDialogContent .focus {
    border: solid 2px #298aec;
}

.userProfileDialogContent {
    width: 500px;
    padding: 12px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.userProfileDialogContent .picOperatorWrapper.displayNone {
    display: none;
}

.userProfileDialogContent .picOperatorWrapper {
    display: flex;
    align-items: center;
}

.userProfileDialogContent .picOperatorWrapper input {
    -webkit-appearance: none;
    height: 4px;
    background-color: #bbb;
    flex: 1;
}

.userProfileDialogContent .picOperatorWrapper input::-webkit-slider-thumb {
    height: 13px;
    width: 13px;
    border-radius: 13px;
    box-sizing: border-box;
    -webkit-appearance: none;
    background: #298aec;
}

.userProfileDialogContent .picOperatorWrapper .iconBtn {
    font-size: 14px;
    height: 14px;
    width: 14px;
    line-height: 12px;
    margin: 6px;
    border-radius: 14px;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    background: #bbb;
    color: #fff;
}

.userProfileDialogContent .picOperatorWrapper .i-plus:after {
    content: '+';
}

.userProfileDialogContent .picOperatorWrapper .i-minus:after {
    content: "-";
}

.userProfileDialogContent .choosers {
    height: 300px;
}

.userProfileDialogContent .choosers .textButton {
    background-color: #e1f1fe;
}

.userProfileDialogContent .localChooser .originPictureChooser {
    display: none;
}

.userProfileDialogContent .localChooser .localPictureChooser .textButton {
    width: 120px;
    margin-left: 34px;
}

.userProfileDialogContent .originChooser {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.userProfileDialogContent .originChooser .picOperatorWrapper {
    display: none;
}

.userProfileDialogContent .originChooser .originPictureChooser {
    width: 100%;
}

.userProfileDialogContent .originChooser .originPictureChooser .originPreviewWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.userProfileDialogContent .originChooser .originPictureChooser .originPreview {
    width: 200px;
    height: 200px;
    border-radius: 100px;
}

.userProfileDialogContent .originChooser .originPictureChooser .dijitValidationTextBox {
    width: 400px;
}

.userProfileDialogContent .originChooser .originPictureChooser .textButton {
    margin-left: 76px;
}

.userProfileDialogContent .originChooser .previewContainer {
    display: none;
    align-items: center;
    width: 360px;
    justify-content: space-between;
}

.userProfileDialogContent .originChooser .cutPreviewWrapper {
    height: 150px;
    width: 150px;
}

.userProfileDialogContent .originChooser .urlWrapper {
    width: 100%;
}

.userProfileDialogContent .originChooser .localPictureChooser,.userProfileDialogContent .originChooser .scaleInput {
    display: none;
}

.userProfileDialogContent .tabController {
    margin: 15px 0;
}

.userProfileDialogContent .hideOverFlow {
    overflow: hidden !important;
    border: none !important;
    box-sizing: border-box !important;
}

.userProfileDialogContent .description {
    padding-left: 8px;
    font-size: 13px;
    color: #ccc;
}

.userProfileDialogContent .description:before {
    content: '*';
    margin-right: 0.5em;
}

.userProfileDialogContent .actw {
    display: flex;
    align-items: center;
    padding: 8px;
}

.userProfileDialogContent .actw > label {
    font-size: 14px;
    color: #333;
}

.userProfileDialogContent .actw > label,.userProfileDialogContent .actw > div {
    margin-right: 20px;
}

.userProfileDialogContent .actw > .textButton:last-child {
    margin-right: 0;
}

.userProfileDialogContent .actw > .textButton {
    margin-right: 20px;
}

.userProfileDialogContent .localFileName {
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: default;
    color: #333;
    line-height: 32px;
    width: 189px;
    height: 30px;
    font-size: 13px;
    padding: 0 4px;
    border-bottom: solid 1px #bcbcbc;
    margin-right: 20px;
}

.userProfileDialogContent .confirmBtnWrapper .filler {
    width: 293px;
}

.userProfileDialogContent .textButton {
    min-width: 56px;
    display: inline-block;
    padding: 4px 12px;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    border: solid 1px #298aec;
    cursor: pointer;
    color: #298aec;
    transition: 0.3s;
}

.userProfileDialogContent .textButton.cancel {
    color: #bbb;
    border-color: #bbb;
}

.userProfileDialogContent .textButton.cancel:hover {
    color: #fff;
    background-color: #bbb;
}

.userProfileDialogContent .textButton:hover {
    color: #fff;
    background-color: #298aec;
}

.userProfileDialogContent .circlePreviewContainer {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.userProfileDialogContent .circlePreview {
    height: 150px;
    width: 150px;
    border-radius: 100px;
    border: solid 1px #bcbcbc;
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
}

.userProfileDialogContent .picCanvas {
    display: none;
}

.userProfileDialogContent .previewContainer {
    display: flex;
    overflow: hidden;
}

.userProfileDialogContent .scalePicContainer {
    padding: 12px 30px 12px 12px;
}

.userProfileDialogContent .scalePicContainer > input {
    margin-top: 12px;
    width: 100%;
}

.userProfileDialogContent .cutPreviewWrapper {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 200px;
    width: 200px;
    overflow: hidden;
    border: solid 1px #bcbcbc;
    background-color: #d7dce5;
}

.userProfileDialogContent .cutPreview {
    cursor: move;
    max-width: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: auto;
}

.userProfile {
    height: 100%;
    width: 100%;
    display: flex;
}

.userProfile .userProfileNav {
    background-color: #f3f4f8;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    width: 179px;
    margin-left: 6px;
    height: calc(100% - 8px);
}

.userProfile .userProfileNav > div {
    cursor: pointer;
    border-left: solid 4px #f3f4f8;
    padding: 11px 0 11px 26px;
}

.userProfile .userProfileNav .activeTab {
    color: #298aed;
    border-color: #298aed;
}

.userProfile .unActiveTab {
    display: none !important;
}

.userProfile .settingContainer {
    width: 0;
    flex: 1;
}

.userProfile .shortcutSettingWrapper {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.userProfile .shortcutSettingWrapper .listGridContainer {
    margin: 8px;
    margin-top: 0;
    height: calc(100% - 9px);
    min-height: 105px;
}

.userProfile .shortcutSettingWrapper .listGridContainer > .gridx {
    height: 100%;
}

.userProfile .userInformationWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.userProfile .accessKeyDom {
    height: calc(100% - 577px);
    min-height: 145px;
    padding: 12px 12px;
}

.userProfile .accessKeyDom .listGridContainer {
    height: calc(100% - 8px);
    min-height: 105px;
}

.userProfile .accessKeyDom .listGridContainer > .gridx {
    height: 100%;
}

.userProfile .accessKeyDom .listGridContainer > .gridx .dijitButtonNode {
    border-radius: 2px;
}

.userProfile .accessKeyDom .listGridContainer > .gridx .dijitButtonNode .dijitIcon {
    height: 100%;
    width: 15px;
    margin-right: 5px;
    font-size: 12px;
}

.userProfile .avatarNode {
    display: flex;
    flex-direction: row;
    margin-left: 30px;
}

.userProfile .avatarNode .avatarDiv {
    margin: 40px;
    position: relative;
}

.userProfile .avatarNode .avatarDiv .uploadIcon {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 36px;
    width: 36px;
    border-radius: 18px;
    background-color: #2a8aeb;
    cursor: pointer;
}

.userProfile .avatarNode .avatarDiv .uploadIcon .fa-pencil-alt {
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 8px;
    left: 8px;
}

.userProfile .avatarNode .avatarDiv .avatarImg {
    width: 200px;
    height: 200px;
    border-radius: 100px;
}

.userProfile .avatarNode .profileDiv {
    margin-left: 10px;
    margin-top: 50px;
}

.userProfile .profileDiv {
    margin-left: 10px;
    margin-top: 50px;
}

.userProfile .profileDiv .userName {
    font-size: 30px;
    color: #333;
    font-weight: bolder;
}

.userProfile .profileDiv .userCode {
    padding-left: 30px;
    color: #666;
    font-size: 16px;
    font-weight: bold;
}

.userProfile .profileDiv .userOrgLi {
    margin-top: 25px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.userProfile .profileDiv .prompt {
    margin-top: 30px;
    color: #999;
    font-size: 14px;
}

.userProfile .profileDiv .timeLi {
    margin-top: 20px;
    color: #aeb9c8;
    font-size: 12px;
}

.userProfile .profileDiv .timeLi .userCreateSpan {
    padding-right: 20px;
}

.userProfile .likeHr {
    height: 1px;
    background: #eff0f1;
    width: 100%;
}

.userProfile .configDiv {
    display: flex;
}

.userProfile .configDiv .userProfileForm {
    width: 450px;
    margin: 12px 24px;
}

.userProfile .configDiv .userProfileForm .fieldSet {
    margin-top: 0;
}

.userProfile .configDiv .userProfileForm .fieldSet .ttx-field-row .ttx-field {
    margin-bottom: 25px;
}

.userProfile .configDiv .userProfileForm .fieldSet .ttx-field-row .ttx-field label {
    justify-content: flex-end;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 15px;
    font-weight: bold;
    text-align: right;
    width: 4em;
    min-width: 4em;
}

.userProfile .configDiv .userProfileForm .fieldSet .ttx-field-row .ttx-field .dijitTextBox {
    border-radius: 10px;
    width: 350px;
    height: 40px;
}

.userProfile .configDiv .userProfileForm .fieldSet .ttx-field-row .ttx-field .dijitTextBox input {
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}

.userProfile .configDiv .userProfileForm .fieldSet .ttx-field-row:last-child .ttx-field {
    margin-bottom: 18px;
}

.userProfile .configDiv .userProfileForm .actionSet {
    margin-left: 65px;
    margin-bottom: 28px;
}

.userProfile .configDiv .userProfileForm .actionSet .ttx-action-set {
    margin-top: 0;
}

.userProfile .configDiv .userProfileForm .dijitButton {
    font-size: 14px;
    font-weight: bolder;
    border-radius: 10px;
}

.userProfile .configDiv .userProfileForm .dijitButton .dijitButtonNode {
    width: 250px;
    height: 40px;
    border-radius: 8px;
    background-color: #298aed;
    color: #fff;
}

.userProfile .configDiv .userProfileForm .dijitButton .dijitButtonNode .dijitButtonText {
    line-height: 40px;
}

.userProfile .configDiv .mfaDiv {
    display: flex;
    margin-right: 24px;
}

.userProfile .configDiv .mfaDiv .borderDiv {
    border-left: 1px solid #dfdfdf;
    margin: 27px 0;
    width: 50px;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaDescHeader .mfaTitle {
    display: flex;
    flex-direction: row;
    padding: 20px 0;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaDescHeader .mfaTitle .mfaTitleDesc {
    font-size: 24px;
    font-weight: bolder;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaDescHeader .mfaTitle .shield {
    width: 24px;
    height: 24px;
    padding-top: 7px;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaDescHeader .mfaDesc {
    font-size: 14px;
    margin: 16px 0;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaStateDiv {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    margin: 20px 0;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaStateDiv .mfaStateDesc {
    color: #999;
    margin-right: 10px;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaStateDiv .mfaState {
    border-radius: 4px;
    color: #f55d01;
    background-color: rgba(245,93,1,0.15);
    padding: 0 10px;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaStateDiv .mfaEnableState {
    border-radius: 4px;
    color: #2ea44f;
    background-color: rgba(46,164,79,0.15);
    padding: 0 10px;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaEnableDiv {
    display: flex;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaEnableDiv .mfaBtn {
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaEnableDiv .mfaEnable {
    border: 1px solid #298aed;
    color: #298aed;
    width: 180px;
    margin-right: 30px;
}

.userProfile .configDiv .mfaDiv .mfaContentDiv .mfaEnableDiv .mfaDisable {
    border: 1px solid #eb6877;
    color: #eb6877;
    width: 130px;
}

.unbindDiv {
    display: flex;
    margin: 0;
    padding: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.unbindDiv .title {
    font-size: 16px;
    font-weight: bold;
    margin-top: 40px;
}

.unbindDiv .hrDiv {
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
}

.unbindDiv .illustrateImg {
    height: 100px;
    margin-top: 30px;
}

.unbindDiv .desc {
    font-size: 14px;
    color: #666;
    text-align: left;
    width: 360px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.unbindDiv .passwordInput {
    padding-left: 15px;
    -webkit-text-security: disc;
    width: 360px;
    height: 50px;
    border-radius: 10px;
    background-color: #f0f6fd;
    font-size: 14px;
    color: #a2a2a2;
    line-height: 50px;
    border: none;
}

.unbindDiv .btnDiv {
    margin-top: 38px;
}

.unbindDiv .btnDiv .blueBtn {
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: #298aed;
    color: #fff;
}

.unbindDiv .btnDiv .whiteBtn {
    width: 160px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    color: #298aed;
    border: 1px solid #d8d8d8;
    margin-left: 30px;
}

.dblTree {
    display: flex;
    width: 813px;
}

.dblTree .btnNode {
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 402px;
}

.dblTree .btnNode .dijitButton .dijitButtonNode {
    margin: 0;
    background: #1071b9;
}

.dblTree .leftNode,.dblTree .rightNode {
    width: 400px;
    height: 440px;
    display: inline-block;
}

.dblTree .dijitTree {
    border: solid 1px #bbb;
    width: 400px;
    height: 373px;
}

.dblTree .leftTreeNode .dijitTree .dijitTreeRow {
    margin-left: 0.3rem;
}

.PermissionDialogContent {
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 380px;
    overflow: hidden;
    font-size: var(--cbt-primary-font-size);
}

.PermissionDialogContent > div {
    height: 100%;
}

.PermissionDialogContent .centerContainer {
    position: relative;
}

.PermissionDialogContent .actionWrapper {
    padding: 16px 0 16px 16px;
}

.PermissionDialogContent .displayNone {
    display: none;
}

.cover {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cover > img {
    width: 19em;
}

.cover > div {
    padding-top: 2em;
    color: var(--cbt-tip-font-color);
}

.ButtonPermissionContent {
    margin-bottom: 20px;
    border: solid 1px #ccc;
}

.ButtonPermissionContent .centerContainer {
    border-left: solid 1px #ccc;
}

.ButtonPermissionContent .buttonTreeWrapper {
    height: calc(100% - 60px);
}

.ButtonPermissionContent .actionWrapper {
    border-top: solid 1px #ccc;
}

.LogbackReader .content {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    font-size: 14px;
}

.LogbackReader .content div {
    padding: 5px 10px;
}

.LogbackReader .content div.sql {
    margin-top: 10px;
    border: 1px solid #2f529e;
}

.LogbackReader .content div.sql span.sql {
    display: block;
    margin-bottom: 8px;
    padding: 2px 4px;
    border-radius: 4px;
    color: #39739d;
    background-color: #e1ecf4;
    border-color: transparent;
}

.LogbackReader .content div.sql span.timestamp {
    margin: 2px 0 8px;
    font-size: 12px;
    color: #6a6a6a !important;
    display: block;
}

.LogbackReader .content div.param {
    border: 0;
    border-left: 1px solid #aeaeca;
    font-size: 90%;
}

.LogbackReader .content div.param span {
    display: inline-block;
    font-size: 13px;
}

.LogbackReader .content div.param .index {
    width: 30px;
}

.LogbackReader .content div.param .value {
    width: 300px;
    color: #c11345;
    font-style: italic;
}

.LogbackReader .content div.param .class {
    width: 300px;
}

.licenseExpireDialog {
    width: 530px;
    height: 400px;
    background: #fff;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.licenseExpireDialog img {
    top: 57px;
    position: absolute;
}

.licenseExpireDialog .content {
    height: 140px;
    background: #699fff;
    bottom: 0px;
    position: absolute;
    text-align: center;
    padding: 70px 50px 0;
}

.licenseExpireDialog p {
    color: #fff;
    font-size: 19px;
    margin-bottom: 10px;
    text-align: left;
}

.licenseExpireDialog p span {
    color: #ff0;
    font-weight: 900;
}

.welcome {
    height: 100%;
    width: calc(100% - 24px) !important;
    display: flex;
    flex-direction: column;
    color: #333;
    position: relative;
    font-size: 14px;
}

.welcome .displayNone {
    display: none !important;
}

.welcome .top-wrapper {
    padding: 2px 11px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.welcome .top-wrapper .cardItem {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    width: 200px;
    height: 150px;
    background-color: transparent;
    margin-right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.welcome .top-wrapper .cardItem:last-child {
    margin-right: 0;
}

.welcome .top-wrapper .cardItem:hover {
    transform: translateY(-5px);
}

.welcome .top-wrapper .cardItem:hover img {
    -moz-box-shadow: 0px 6px 16px -4px rgba(58,68,79,0.45);
    -webkit-box-shadow: 0px 6px 16px -4px rgba(58,68,79,0.45);
    box-shadow: 0px 6px 16px -4px rgba(58,68,79,0.45);
}

.welcome .top-wrapper .cardItem img {
    position: absolute;
    bottom: 0;
    border-radius: 4px;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.welcome .top-wrapper .cardItem .cardItem-title {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 42px;
    background: rgba(255,255,255,0.4);
    backdrop-filter: blur(2px);
    display: flex;
    padding-left: 14px;
    align-items: center;
    font-size: 14px;
    border-radius: 0 0 4px 4px;
}

.welcome div {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.welcome .last-login-panel {
    height: 36px;
    background: #f3f8fe;
    margin-bottom: 15px;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    color: #6da4f8;
    white-space: nowrap;
    overflow-x: auto;
}

.welcome .last-login-panel span:first-child {
    margin-right: 0.5rem;
}

.welcome .last-login-panel::-webkit-scrollbar {
    display: none;
}

.welcome .last-login-panel .content {
    padding-right: 20px;
}

.welcome .last-login-panel .category:after {
    content: ":";
    margin-left: 2px;
    margin-right: 0.5em;
}

.welcome .picture-panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.welcome .picture-panel > div {
    text-align: center;
}

.welcome .content-panel {
    display: flex;
    flex: 1;
    height: 0;
    margin-bottom: 30px;
    position: relative;
    background: #fff;
}

.welcome .content-panel .titleWrapper {
    display: flex;
    padding: 4px;
    align-items: center;
    border-bottom: solid 1px #dbdce1;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.welcome .content-panel .wrapper {
    margin: 12px 10px;
    height: calc(100% - 24px);
}

.welcome .content-panel .iconBtn {
    cursor: pointer;
    font-family: flat-icon;
    text-align: center;
    line-height: 14px;
    font-size: 12px;
    height: 14px;
    width: 14px;
    display: inline-block;
    border-radius: 14px;
    background-color: #dbdce1;
    color: #a0a0a0;
}

.welcome .content-panel .icon-close:before {
    content: "\f00e";
}

.welcome .content-panel .filler {
    display: inline-block;
    flex: 1;
}

.welcome .content-panel .fas,.welcome .content-panel .far,.welcome .content-panel .iconfont {
    color: #9b9b9b;
    font-size: 14px;
}

.welcome .content-panel .containerWrapper .iconfont {
    color: #298aed;
}

.welcome .content-panel .textButton {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
}

.welcome .content-panel .textButton .iconfont {
    font-size: 12px;
}

.welcome .content-panel .textButton .buttonHoverLine {
    width: 0;
    height: 2px;
    background-color: #298aed;
    transition: 0.3s;
}

.welcome .content-panel .textButton .buttonHoverLine .iconfont:before {
    content: "\e6c8";
    color: #fff;
}

.welcome .content-panel .textButton:hover {
    color: #298aed;
}

.welcome .content-panel .textButton:hover .iconfont {
    color: #298aed;
}

.welcome .content-panel .textButton:hover .buttonHoverLine {
    width: 100%;
}

.welcome .content-panel .recentContainer .iconfont {
    color: #d9dae0;
}

.welcome .content-panel .recentContainer .icon-i-fav,.welcome .content-panel .recentContainer .icon-fav {
    margin-right: 0.5em;
}

.welcome .content-panel .recentContainer .icon-i-fav {
    display: block;
}

.welcome .content-panel .recentContainer .icon-fav {
    display: none;
    color: var(--cbt-primary-color);
}

.welcome .content-panel .title {
    font-size: 14px;
    padding-left: 8px;
}

.welcome .content-panel .containerWrapper {
    height: calc(100% - 40px);
    overflow: auto;
    padding-right: 8px;
}

.welcome .content-panel .container .name {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.welcome .content-panel .container > div {
    display: flex;
    background-color: #f6f6f6;
    cursor: pointer;
    font-size: 14px;
    width: 240px;
    height: 25px;
    padding: 4px 15px;
    align-items: center;
    margin: 10px 6px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.welcome .content-panel .container > div .fas {
    text-align: center;
}

.welcome .content-panel .container > div:hover {
    -webkit-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
    background-color: var(--cbt-selected-color);
    color: var(--cbt-font-color);
}

.welcome .content-panel .container .iconfont:hover {
    color: #fff;
}

.welcome .content-panel .recentContainer .name {
    flex: initial;
    max-width: 10em;
    width: fit-content;
    margin-right: 0.5em;
}

.welcome .content-panel .recentContainer .icon-i-fav {
    display: none;
    color: var(--star-color);
}

.welcome .content-panel .recentContainer .icon-i-fav:hover {
    color: var(--star-hover-color);
}

.welcome .content-panel .recentContainer .icon-fav {
    display: none;
    color: var(--cbt-primary-color);
}

.welcome .content-panel .recentContainer .icon-fav:hover {
    color: var(--cbt-primary-color);
}

.welcome .content-panel .recent-wrapper:hover .icon-i-fav {
    display: block;
}

.welcome .content-panel .recent-wrapper:hover .icon-fav {
    display: none;
}

.welcome .content-panel .recent-wrapper.recentAndFav:hover .icon-i-fav {
    display: none;
}

.welcome .content-panel .recent-wrapper.recentAndFav:hover .icon-fav {
    display: block;
}

.welcome .content-panel .favoriteContainer .container > div .icon-quxiaoshoucang {
    display: none;
}

.welcome .content-panel .favoriteContainer .container > div:hover .icon-fav {
    display: none;
}

.welcome .content-panel .favoriteContainer .container > div:hover .icon-quxiaoshoucang {
    display: block;
    color: #fff;
}

@media (max-height: 900px) {
    .welcome .picture-panel {
        top: 200px;
    }
}

@media (max-height: 570px) {
    .welcome .picture-panel {
        display: none;
    }
}

.layui-layer-content .help-wrapper {
    display: flex;
}

.layui-layer.help-center-dialog .layui-layer-content {
    height: calc(100% - 43px) !important;
}

.help-wrapper {
    display: none;
    flex-direction: column;
    height: 100%;
}

.help-wrapper .help-center {
    flex: 1;
}

.help-wrapper .help-link {
    z-index: 1;
    bottom: 0;
    position: sticky;
    height: 46px;
    line-height: 46px;
    padding: 0 16px;
    vertical-align: middle;
    box-shadow: 0 -1px 4px 0 rgba(0,0,0,0.05);
    background-color: #fff;
    display: inline-flex;
    justify-content: space-between;
    display: none;
}

.help-wrapper .help-link a {
    color: #0070cc;
    text-decoration: none;
    font-size: 12px;
}

.doc-editor {
    display: flex;
    height: 100%;
    width: calc(100% - 24px) !important;
}

.doc-editor .dijitTree {
    width: 300px;
}

.doc-editor .dijitTree .dijitTreeLabel {
    font-size: 13px;
    color: #333;
}

.doc-editor .editor {
    flex: 1;
}

.doc-editor .editor .te-toolbar-section .custom-button {
    float: left;
    box-sizing: border-box;
    outline: none;
    cursor: pointer;
    background-color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 0;
    margin: 5px 3px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flat .wsoRootPane .sundryConfig {
    padding: 0 !important;
    padding-top: 12px !important;
}

.flat .wsoRootPane .sundryConfig .sundryCard {
    border: solid 1px #e6e6e6;
    border-radius: 4px;
    padding: 12px 30px;
    margin-bottom: 20px;
}

.flat .wsoRootPane .sundryConfig .sundryCard .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #27292f;
}

.flat .wsoRootPane .sundryConfig .customerImage {
    align-items: flex-end;
}

.flat .wsoRootPane .sundryConfig .customerImage img {
    max-width: 112px;
    max-height: 34px;
}

.flat .wsoRootPane .sundryConfig .customerImage .previewLabel {
    margin-right: 0.5em;
}

.flat .wsoRootPane .sundryConfig .customerImage .previewLabel:after {
    content: ":";
}

.flat .innerSystemMailSender {
    width: 1080px;
}

.flat .innerSystemMailSender hr {
    border-color: #efefef;
    margin: 10px 0;
}

.flat .innerSystemMailSender .centerView .ttx-field-set .dijitInputInner {
    font-size: 20px;
}

.flat .innerSystemMailSender .centerView .ttx-action-set {
    margin-top: 4px;
    display: flex;
    flex-direction: row-reverse;
}

.flat .innerSystemMailSender .centerView .ttx-action-set .dijitButton .dijitButtonNode {
    margin: 0;
}

.flat .innerSystemMailSender .ttx-field {
    margin-right: 20px;
}

.flat .innerSystemMailSender .ttx-field-set label {
    width: auto;
    padding: 0 8px;
}

.entityHistory .dijitBorderContainer-child {
    border: 1px solid #bbb;
}

.entityHistory .dijitBorderContainerPane.dijitAlignTop {
    display: flex;
    align-items: center;
}

.entityHistory .dijitBorderContainerPane.dijitAlignLeft {
    width: 322px;
}

.entityHistory .dijitBorderContainerPane.dijitAlignLeft ul li {
    margin: 4px 0;
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #eee;
    cursor: default;
}

.entityHistory .dijitBorderContainerPane.dijitAlignLeft ul li.selected {
    background-color: #f5deb3;
    color: #008000;
}

.entityHistory .dijitBorderContainerPane.dijitAlignLeft ul li.original {
    background-color: #ccc;
    color: #00f;
}

.entityHistory .dijitBorderContainerPane.dijitAlignCenter ul li {
    display: flex;
    align-items: center;
    margin: 4px;
}

.entityHistory .dijitBorderContainerPane.dijitAlignCenter ul li a {
    margin-right: 0.5em;
    background: #ddd;
}

.entityHistory .dijitBorderContainerPane.dijitAlignCenter ul li a:after {
    content: " :";
}

.entityHistory .dijitBorderContainerPane.dijitAlignCenter ul li del {
    color: #00f;
}

.entityHistory .dijitBorderContainerPane.dijitAlignCenter ul li label {
    margin: 0 0.5em;
    color: #ff4500;
}

.entityHistory .dijitBorderContainerPane.dijitAlignCenter ul li b {
    color: #008000;
}

.queueManager {
    display: flex;
    flex-direction: column;
}

.queueManager .displayNone {
    display: none;
}

.queueManager table {
    display: flex;
    flex-direction: column;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: solid 1px #b1b6ba;
}

.queueManager table thead {
    background-color: #eee;
}

.queueManager table thead,.queueManager table tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.queueManager table tbody {
    display: block;
    overflow: auto;
}

.queueManager table tbody tr:nth-child(odd) {
    background: #eef;
}

.queueManager table tbody tr:nth-child(even) {
    background: #fff;
}

.queueManager table tbody td:not(.rowHeader) div {
    flex-direction: column;
}

.queueManager table tbody .rowHeader .header-switch-wrapper {
    display: flex;
    flex-direction: row;
}

.queueManager table tbody .rowHeader .header-switch-wrapper .single {
    background-color: #99ebff;
    font-size: 13px;
    color: #484848;
    min-height: 20px;
    max-height: 20px;
    min-width: 20px;
    max-width: 20px;
    text-align: center;
    padding: 0;
    border: solid 1px #484848;
    border-radius: 3px;
    box-sizing: border-box;
}

.queueManager table tbody::-webkit-scrollbar {
    display: none;
}

.queueManager table .switchCheckBox {
    display: inline-block;
}

.queueManager table .tristateSwitch {
    margin-left: 3px;
    display: inline-block;
}

.queueManager table th,.queueManager table td {
    word-break: break-all;
    padding: 4px 6px;
}

.queueManager table th div,.queueManager table td div {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.queueManager table th {
    text-align: center;
    background-color: #e1e3e5;
}

.queueManager table td {
    text-align: center;
}

.queueManager table td .deleteBtn {
    display: none;
    padding: 0;
    position: relative;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    background-color: #888e9a;
    background-image: url("../icon/SVG/del-cross.svg");
    background-repeat: no-repeat;
    background-size: 16px;
}

.queueManager table td .offline .deleteBtn {
    display: block;
}

.rc-view .listGridContainer {
    flex-direction: column;
    display: flex;
    flex: 1;
    width: 0;
}

.rc-view .listGridContainer .gridx {
    height: 100%;
    width: 100%;
}

.flat .orgAdminNotificationDialog .dijitDialogTitleBar {
    height: 0;
}

.flat .orgAdminNotificationDialog .passNotification div {
    display: flex;
    font-size: 20px;
    margin-bottom: 17px;
    align-items: center;
}

.flat .orgAdminNotificationDialog .passNotification div p {
    color: #0d8cf1;
}

.flat .orgAdminNotificationDialog .passNotification div i,.flat .orgAdminNotificationDialog .passNotification div g {
    color: #0d1721;
}

.flat .orgAdminNotificationDialog .passNotification div i:after {
    content: ":";
    margin-right: 0.5em;
}

.flat .orgAdminNotificationDialog .passNotification div span {
    color: #6d6d6d;
    font-size: 16px;
}

.flat .orgAdminNotificationDialog .passNotification div b {
    margin-left: 0.5em;
}

.flat .orgAdminNotificationDialog .passNotification .title {
    justify-content: center;
    margin-bottom: 30px;
}

.flat .orgAdminNotificationDialog .passNotification .title p {
    margin-right: 0.5em;
}

.flat .orgAdminNotificationDialog .passNotification .notifyType:before {
    color: #6d6d6d;
    content: "**";
    margin-right: 0.5em;
}

.workflowConfigView {
    height: calc(100% - 12px);
    padding: 6px;
}

.i18nSetting {
    height: calc(100% - 24px);
    display: flex;
    flex-direction: column;
}

.i18nSetting .centerContainer {
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--block-bg-color);
    border: var(--block-border);
}

.i18nSetting .supportLangContainer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.i18nSetting .gridActionsContainer {
    display: flex;
    align-items: center;
    margin-top: -8px;
}

.i18nSetting .gridActionsContainer .splitter {
    width: 2px;
    height: 1em;
    margin-right: 20px;
    background: var(--cbt-border-color-gray);
}

.i18nSetting .gridActionsContainer .switchSystemTransWrapper {
    margin-right: 12px;
}

.i18nSetting .gridActionsContainer .switchLabel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: var(--cbt-font-color);
    font-size: 14px;
}

.i18nSetting .gridContainer {
    flex: 1;
    height: 0;
    display: flex;
    flex-direction: column;
}

.i18nSetting .gridContainer .listGridContainer {
    flex: 1;
    height: 0;
    padding: 0 14px 14px;
    margin: 0;
}

.i18nSetting .gridContainer .gridxRowHeaderRow {
    background: #fff;
}

.i18nSetting .gridContainer .gridx {
    border: 1px solid var(--cbt-border-color-gray);
}

.i18nSetting .gridContainer .gridx .gridxRowHeaderHeader,.i18nSetting .gridContainer .gridx .gridxRowHeaderBody {
    border-left: none;
}

.i18nSetting .gridContainer .gridxCell {
    text-overflow: ellipsis;
}

.i18nSetting .gridContainer .userDefinedValue {
    color: rgba(0,0,0,0.8);
}

.i18nSetting .gridContainer .originalValue {
    color: rgba(0,0,0,0.4);
}

.i18nSetting .gridContainer .gridxBar,.i18nSetting .gridContainer .gridxBar > table {
    background: var(--block-bg-color);
}

.i18nSettingEditDialog {
    width: 680px;
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: rgba(0,0,0,0.8);
}

.i18nSettingEditDialog th,.i18nSettingEditDialog td {
    border: solid 1px var(--cbt-border-color-gray);
    max-width: 13em;
    font-size: 14px;
    padding: 6px;
}

.i18nSettingEditDialog th {
    background-color: #e7eaee;
}

.i18nSettingEditDialog tr td:first-child {
    background-color: var(--block-bg-color);
}

.i18nSettingEditDialog .lineHeader {
    width: 4em;
}

.i18nSettingEditDialog .displayedWrapper {
    padding: 0 8px;
}

.i18nSettingEditDialog .originalValue {
    color: rgba(0,0,0,0.4);
}

.i18nSettingEditDialog .valueChanged {
    color: var(--cbt-primary-color);
}

.i18nSettingEditDialog .editableWrapper textarea {
    border: solid 1px transparent;
    padding: 4px 6px;
    color: inherit;
    border-radius: 2px;
}

.i18nSettingEditDialog .editableWrapper {
    border: solid 2px transparent;
    border-radius: 4px;
}

.i18nSettingEditDialog .editableWrapper textarea::-webkit-input-placeholder {
    color: inherit;
}

.i18nSettingEditDialog .editableContainer {
    align-items: center;
    display: flex;
}

.i18nSettingEditDialog .editableWrapper,.i18nSettingEditDialog .editIcon,.i18nSettingEditDialog .editableWrapper textarea {
    transition: 0.2s;
}

.i18nSettingEditDialog .editableWrapper textarea {
    resize: none;
    font-family: var(--cbt-base-font-family);
}

.i18nSettingEditDialog .editIcon {
    font-size: 12px;
    height: 12px;
    width: 12px;
    color: var(--cbt-primary-color);
}

.i18nSettingEditDialog .editingTd .editableWrapper textarea,.i18nSettingEditDialog .editableTd:hover .editableWrapper textarea {
    border-color: var(--cbt-primary-color);
}

.i18nSettingEditDialog .editingTd .editIcon,.i18nSettingEditDialog .editableTd:hover .editIcon {
    display: none;
}

.i18nSettingEditDialog .editingTd .editableWrapper {
    border-color: var(--cbt-primary-color-alpha-30);
    color: rgba(0,0,0,0.8);
}

.i18nSettingEditDialog .bodyTd {
    width: 13em;
}

.i18nSettingEditDialog .actions {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.i18nDeleteDialog .title {
    color: #ff1044;
    margin-bottom: 18px;
}

.i18nDeleteDialog .codes {
    font-size: 14px;
    color: #298aed;
    margin-bottom: 12px;
}

.i18nDeleteDialog .tips {
    font-size: 12px;
    color: #ccc;
}

.i18nDeleteDialog .tips:before {
    content: "*";
    margin-right: 0.5em;
}

.i18nSettingDialog .dijitDialogPaneContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 800px;
    min-height: 400px;
}

.flat .displaySettingDialog {
    width: 800px;
}

.flat .displaySettingDialog .dijitDialogPaneContent {
    display: flex;
}

.flat .displaySettingDialog .dijitDialogPaneContent .left {
    width: 600px;
    height: 500px;
    border: 1px solid #bbb;
    border-right: none;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right {
    border: 1px solid #bbb;
    width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right .dijitButton {
    margin-bottom: 9px;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right .dijitButton .dijitButtonNode {
    width: 116px;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right .move-to {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 28px;
    line-height: 28px;
    margin-bottom: 9px;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right .move-to .dijitButton {
    margin: 0;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right .move-to .dijitButton .dijitButtonNode {
    width: 50px;
}

.flat .displaySettingDialog .dijitDialogPaneContent .right span:nth-last-child(2) {
    flex: auto;
}

.flat .displaySettingDialog .dijitDialogTitleBar {
    text-align: left;
    padding-top: 8px;
    padding-left: 20px;
    border-bottom: solid 1px #bbb;
}

.flat .displaySettingDialog .dijitDialogTitleBar .dijitDialogTitle {
    font-size: 18px;
}

.gridDisplaySettingDialog {
    width: 800px;
    height: 450px;
    font-size: 14px;
}

.gridDisplaySettingDialog .gridDisplaySetting {
    display: flex;
}

.gridDisplaySettingDialog .inversion {
    transform: rotate(180deg) translateZ(0);
}

.gridDisplaySettingDialog .icon-btn {
    color: #9d9d9d;
    display: inline-block;
    font-size: 10px;
    border: solid #dcdcdc 1px;
    height: 20px;
    width: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 2px;
}

.gridDisplaySettingDialog .icon-btn:hover {
    color: #fff;
    background: #298aed;
    border-color: #298aed;
}

.gridDisplaySettingDialog .columnSettingWrapper {
    width: 500px;
    margin-left: 12px;
    box-sizing: border-box;
}

.gridDisplaySettingDialog .line-wrapper {
    display: flex;
}

.gridDisplaySettingDialog .line-wrapper .line-bar {
    width: 9px;
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-sizing: border-box;
    border-radius: 2px 0 0 2px;
}

.gridDisplaySettingDialog .line-wrapper:hover .line-bar,.gridDisplaySettingDialog .line-ghost .line-bar {
    background: #559eff;
}

.gridDisplaySettingDialog .line-wrapper:hover .line,.gridDisplaySettingDialog .line-ghost .line {
    box-shadow: 0px 1px 1px 0px #559eff inset, -1px -1px 0px 0px #559eff inset;
}

.gridDisplaySettingDialog .sortSettingContainer {
    max-height: 286px;
    overflow-y: auto;
    margin-top: 15px;
    margin-bottom: 10px;
}

.gridDisplaySettingDialog .sortSettingContainer .line-wrapper {
    margin: 1px 0;
}

.gridDisplaySettingDialog .sortSettingContainer .icon-btn {
    margin-left: 8px;
    height: 26px;
    width: 26px;
    line-height: 24px;
}

.gridDisplaySettingDialog .sortSettingContainer .icon-plain-btn {
    margin-left: 8px;
}

.gridDisplaySettingDialog .icon-plain-btn {
    border: none;
    font-size: 8px;
    padding: 3px;
    cursor: pointer;
}

.gridDisplaySettingDialog .icon-plain-btn:hover {
    background: transparent;
    color: #298aed;
}

.gridDisplaySettingDialog .columnsContainer {
    height: 316px;
    display: flex;
    flex-direction: column;
    border-right: solid #dcdcdc 1px;
}

.gridDisplaySettingDialog .columnsContainer .line {
    border-left: solid #dcdcdc 1px;
}

.gridDisplaySettingDialog .columnsContainer .line-wrapper:hover .line,.gridDisplaySettingDialog .columnsContainer .line-ghost .line {
    border-left: solid 1px #559eff;
}

.gridDisplaySettingDialog .columnsContainer .filler {
    margin-left: 9px;
}

.gridDisplaySettingDialog .columnsBorderContainer {
    position: absolute;
}

.gridDisplaySettingDialog .columnsContainerScroller {
    overflow-y: auto;
    max-height: 100%;
}

.gridDisplaySettingDialog .footerWrapper {
    border-radius: 0 0 7px 7px;
    height: 7px;
    border: solid #dcdcdc 1px;
    margin-left: 9px;
    border-top: none;
    box-sizing: border-box;
    box-shadow: inset 0px -1px 4px #dcdcdc;
}

.gridDisplaySettingDialog .line {
    height: 27px;
    line-height: 28px;
    background-color: #fff;
    padding: 3px;
    display: flex;
    color: #333;
    align-items: center;
    flex: 1;
}

.gridDisplaySettingDialog .line > span {
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gridDisplaySettingDialog .containerSplitter {
    font-size: 12px;
    color: #333;
    text-align: center;
}

.gridDisplaySettingDialog .containerSplitter .splitterLine {
    height: 1px;
    background: #333;
    transform: translate(0, 10px);
}

.gridDisplaySettingDialog .containerSplitter .splitterText {
    background: #fff;
    transform: translate(0, 0);
    text-align: center;
    display: inline-block;
    padding: 0 5px;
}

.gridDisplaySettingDialog .btn-margin {
    margin-right: 8px;
}

.gridDisplaySettingDialog .header {
    background-color: #dedede;
    border-radius: 7px 7px 0 0;
}

.gridDisplaySettingDialog .textButton {
    cursor: pointer;
    display: inline-block;
    color: #298aec;
    font-size: 14px;
}

.gridDisplaySettingDialog .filler {
    border-left: solid #dcdcdc 1px;
}

.gridDisplaySettingDialog .actions {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: solid #dcdcdc 1px;
}

.gridDisplaySettingDialog .sortSettingWrapper {
    width: 206px;
    margin-left: 31px;
    color: #333;
}

.gridDisplaySettingDialog .sortListTitle {
    margin-left: 9px;
}

.gridDisplaySettingDialog .sortListLine {
    background: #f4f4f4;
    padding: 4px 0 4px 12px;
}

.gridDisplaySettingDialog .sortSelector {
    width: 120px;
}

.gridDisplaySettingDialog .headerWrapper {
    margin-left: 9px;
}

.gridDisplaySettingDialog .smooth-dnd-draggable-wrapper:nth-child(even) .line {
    background: #f5f7f8;
}

.gridDisplaySettingDialog .line-ghost {
    transition: transform 0.18s ease;
    transform: rotate(3deg) translateZ(0);
}

.gridDisplaySettingDialog .line-ghost-drop {
    transition: transform 0.18s ease-in-out;
    transform: rotateZ(0deg);
}

.gridDisplaySettingDialog .drop-preview {
    background-color: rgba(150,150,200,0.1);
    border: 1px dashed #abc;
    margin: 1px;
    margin-left: 9px;
}

.wsoRootPane .wso.monitor {
    padding: 0 !important;
}

.monitor {
    font-family: "Source Code Pro", "Trebuchet MS", "Verdana", sans-serif;
}

.monitor label {
    color: #666;
}

.monitor .monitor-detail {
    padding: 10px 0;
    height: calc(100vh - 155px);
    display: flex;
    flex-direction: column;
}

.monitor .monitor-detail .name-wrapper {
    height: 23px;
    font-size: 20px;
    display: flex;
    margin-bottom: 25px;
    align-items: baseline;
}

.monitor .monitor-detail .name-wrapper > div {
    margin-right: 20px;
    display: flex;
}

.monitor .monitor-detail .name-wrapper > div > span {
    display: block;
    max-width: 7em;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
}

.monitor .monitor-detail .name-wrapper .lastActive {
    font-size: 14px;
    color: #666;
}

.monitor .monitor-detail .name-wrapper .refresh {
    font-size: 14px;
    color: #3394ff;
    cursor: pointer;
    user-select: none;
    text-decoration: underline;
}

.monitor .monitor-detail .name-wrapper label:after {
    content: ":";
}

.monitor .monitor-detail .content-wrapper {
    flex: 1;
    display: flex;
    padding-left: 15px;
    overflow: auto;
}

.monitor .monitor-detail .content-wrapper > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-right: 50px;
}

.monitor .monitor-detail .content-wrapper .title {
    border-left: solid 3px #3394ff;
    padding-left: 7px;
    margin-bottom: 16px;
    font-size: 16px;
}

.monitor .monitor-detail .content-wrapper .content {
    padding-left: 10px;
}

.monitor .monitor-detail .content-wrapper .content > div {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.monitor .monitor-detail .content-wrapper .content > div .pctLine {
    width: 430px;
}

.monitor .monitor-detail .content-wrapper .content > div .line-wrapper {
    width: 347px;
}

.monitor .monitor-detail .content-wrapper .content > div > div {
    display: flex;
}

.monitor .monitor-detail .content-wrapper .content > div label:after {
    content: ":";
    margin-right: 0.5em;
}

.monitor .listCardNode {
    overflow: auto;
    height: calc(100vh - 211px);
    padding: 9px;
}

.monitor .pctLine {
    display: flex;
    align-items: center;
    height: 18px;
    justify-content: space-between;
    width: 200px;
}

.monitor .pctLine .line-wrapper {
    width: 130px;
    height: 6px;
    background-color: #eaebf3;
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: 0.5em;
}

.monitor .pctLine .line-wrapper > div {
    box-sizing: border-box;
    border-radius: 3px;
    height: 6px;
}

.monitor .pctLine .num {
    flex: 1;
    text-align: right;
}

.monitor .monitor-card {
    cursor: pointer;
    width: 282px;
    height: 185px;
    margin-right: 26px;
    background-image: linear-gradient(45deg, #e5f0ff, #c3d8f0);
    box-sizing: border-box;
    border-radius: 8px;
}

.monitor .monitor-card .wrapper {
    padding: 15px;
    padding-top: 0;
}

.monitor .monitor-card .wrapper .name {
    display: block;
}

.monitor .monitor-card .wrapper .mem,.monitor .monitor-card .wrapper .cpu {
    justify-content: space-between;
}

.monitor .monitor-card .wrapper > div {
    margin-bottom: 13px;
    height: 18px;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
}

.monitor .monitor-card .wrapper .cpu {
    margin-bottom: 0;
}

.monitor .monitor-card .del-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
}

.monitor .monitor-card .del-wrapper .deleteBtn {
    margin-right: 4px;
    margin-top: 4px;
    padding: 0;
    font-size: 16px;
}

.monitor .monitor-card .del-wrapper .deleteBtn:hover {
    color: #f00;
}

.monitor .monitor-card label:after {
    content: ":";
    margin-right: 0.5em;
}

.monitor .danger {
    color: #f00;
}

.systemSetting {
    height: calc(100% - 50px);
    color: #333;
    text-align: left;
    padding: 20px 30px 30px 20px !important;
    display: flex;
}

.systemSetting .catalog {
    font-size: 14px;
    width: 200px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow-y: auto;
    font-weight: 500;
    background-color: #f3f4f8;
    padding: 4px 0;
}

.systemSetting .catalog .current {
    color: #298aed;
    border-color: #298aed;
}

.systemSetting .catalog li {
    cursor: pointer;
    padding: 11px 0 11px 26px;
    margin: 10px 0;
    border-left: solid 4px #f3f4f8;
}

.systemSetting .content {
    width: 0;
    flex: 1;
    padding: 0 30px;
    overflow-y: auto;
}

.systemSetting .content .logoSetting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.systemSetting .content .bottomNotice {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 40px;
    color: #b6b6b6;
}

.systemSetting .title {
    font-weight: 500;
}

.systemSetting .systemConfigCardSet:first-child .title {
    padding-top: 0;
}

.systemSetting .systemConfigCardSet .title {
    font-size: 18px;
    padding: 25px 0 18px 0;
}

.systemSetting .systemConfigCardSet .container {
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #f3f4f8;
    padding: 0 30px;
}

.systemSetting .systemConfigCardSet .systemConfigCard:last-child {
    border-bottom: none;
}

.systemSetting .systemConfigCard {
    display: flex;
    border-bottom: solid 1px #dcdcdc;
    padding: 15px 0;
    font-size: 14px;
    align-items: center;
}

.systemSetting .systemConfigCard .title {
    font-size: 14px;
    padding: 0;
}

.systemSetting .systemConfigCard .description {
    padding-top: 13px;
    color: #999;
}

.systemSetting .systemConfigCard .operatorsWrapper .dijitButton .dijitButtonNode {
    min-width: 64px;
    height: 28px;
    border-radius: 4px;
}

.systemSetting .systemConfigCard .operatorsWrapper .dijitButton .dijitButtonNode .dijitButtonText {
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
}

.systemSetting .systemConfigCard .operatorsWrapper .dijitTextBox {
    width: 133px;
    height: 32px;
    border-radius: 4px;
    border-color: #dcdcdc;
    box-sizing: border-box;
}

.systemSetting .systemConfigCard .operatorsWrapper .dijitTextBox .dijitInputInner {
    padding: 5px;
}

.systemSetting .systemConfigCard .operatorsWrapper .dijitTextBox .dijitInputContainer {
    height: 100%;
}

.systemSetting .systemConfigCard .statusWrapper {
    flex: 1;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.systemSetting .systemConfigCard .dataNode {
    margin-left: 12px;
}

.systemSetting .systemConfigCard .error {
    background: #ff1044;
    height: 8px;
    width: 8px;
    margin-right: 8px;
    border-radius: 4px;
}

.systemSetting .systemConfigCard .success {
    background: #67c73d;
    height: 8px;
    width: 8px;
    margin-right: 8px;
    border-radius: 4px;
}

.systemSetting .systemConfigCard .process {
    background: #298aed;
    height: 8px;
    width: 8px;
    margin-right: 8px;
    border-radius: 4px;
}

.systemSetting .systemConfigCard .forbidden {
    background: #999;
    height: 8px;
    width: 8px;
    margin-right: 8px;
    border-radius: 4px;
}

.systemSetting .systemConfigCard .filler {
    flex: 1;
}

.systemSetting .systemConfigCard .contentWrapper {
    width: 400px;
}

.systemSetting .systemConfigCard.noDesc .title {
    padding: 10px 0;
}

.systemSetting .systemConfigCard.noDesc .contentWrapper > .description {
    display: none;
}

.i18nEditTable .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.i18nEditTable table {
    border-collapse: separate;
    border-spacing: 1px;
    border: solid 1px #dedede;
}

.i18nEditTable th {
    text-align: left;
    padding: 7px 3px;
    font-size: 14px;
    background-color: #eee;
}

.i18nEditTable td {
    width: 18.5em;
    min-width: 18.5em;
    max-width: 18.5em;
    padding: 3px;
}

.i18nEditTable tr:nth-child(odd) td {
    background-color: #f5f7f8;
}

.i18nEditTable tr:nth-child(even) td {
    background-color: #fff;
}

.i18nEditTable .lineHeader {
    width: 15em;
    min-width: 15em;
}

.i18nEditTable .empty {
    color: #bbb;
}

.i18nEditTable .tdWithInput {
    box-shadow: 0 0 2px #298aed;
}

.i18nEditTable .editTd {
    resize: none;
    font-size: 16px;
    padding: 0;
    width: 100%;
    margin: 0;
    border: 0;
    line-height: 20px;
    background: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    display: block;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    white-space: pre-wrap;
    font-family: "苹方", pingfang sc, "微软雅黑", Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", SimSun, "宋体", Heiti, "黑体", sans-serif;
}

.e40x {
    width: 100%;
    height: 100%;
    display: flex;
}

.e40x .image-wrapper,.e40x .content-wrapper {
    flex: 1;
    width: 0;
    display: flex;
    align-items: center;
}

.e40x .image-wrapper {
    justify-content: flex-end;
}

.e40x .content-wrapper {
    justify-content: flex-start;
}

.e40x .content-wrapper .content {
    font-weight: 700;
}

.e40x .content-wrapper .content .title {
    font-size: 60px;
    color: #585858;
}

.e40x .content-wrapper .content .description {
    margin-top: 20px;
    font-size: 24px;
}

.DepartmentUserSelectDialogContent {
    border-top: solid 1px var(--cbt-border-color-gray);
    display: flex;
    max-height: 480px;
    height: 70vh;
    width: 960px;
}

.DepartmentUserSelectDialogContent .leftContainer {
    background-color: var(--block-bg-color);
}

.DepartmentUserSelectDialogContent .leftContainer .titleDom {
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 11px;
    border-bottom: solid 1px var(--cbt-border-color-gray);
}

.DepartmentUserSelectDialogContent .leftContainer .dijitInline {
    padding-left: 6px;
}

.DepartmentUserSelectDialogContent .leftContainer .dijitTree .dijitTreeRowSelected {
    background: #fff;
    border-left: solid 3px var(--cbt-primary-color);
    color: var(--cbt-primary-color);
}

.DepartmentUserSelectDialogContent .leftContainer .dijitTree .dijitTreeRowSelected .dijitInline {
    padding-left: 3px;
}

.DepartmentUserSelectDialogContent .centerContainer {
    flex: 1;
    width: 0;
    padding: 12px 20px;
    position: relative;
    display: flex;
}

.DepartmentUserSelectDialogContent .dataRightContainer,.DepartmentUserSelectDialogContent .dataRightResultContainer {
    display: flex;
    flex-direction: column;
}

.DepartmentUserSelectDialogContent .dataRightContainer .gridContainer,.DepartmentUserSelectDialogContent .dataRightResultContainer .gridContainer,.DepartmentUserSelectDialogContent .dataRightContainer .selectedGridContainer,.DepartmentUserSelectDialogContent .dataRightResultContainer .selectedGridContainer {
    flex: 1;
    height: 0;
}

.DepartmentUserSelectDialogContent .dataRightContainer {
    height: 100%;
}

.DepartmentUserSelectDialogContent .dataRightResultContainer {
    height: 100%;
}

.DepartmentUserSelectDialogContent .dataRightContainer {
    flex: 1;
    width: 0;
    margin-right: 12px;
}

.DepartmentUserSelectDialogContent .dataRightResultContainer {
    width: 320px;
}

.DepartmentUserSelectDialogContent .selectedSummaryContainer {
    display: flex;
    height: 26px;
    border: solid 1px var(--cbt-border-color-gray);
    border-bottom: none;
    align-items: center;
    padding: 0 0.5rem;
    padding-bottom: 8px;
    color: var(--color-black-alpha-80);
}

.DepartmentUserSelectDialogContent .summaryNum {
    padding: 0 1rem;
}

.DepartmentUserSelectDialogContent .cleanSelected {
    cursor: pointer;
    color: var(--cbt-primary-color);
}

.DepartmentUserSelectDialogContent .finderContainer {
    margin-bottom: 6px;
}

.DepartmentUserSelectDialogContent .finderContainer .dijitInputInner {
    font-size: 14px;
}

.DepartmentUserSelectDialogContent .listGridContainer {
    margin-top: 0;
    height: 100%;
}

.DepartmentUserSelectDialogContent .listGridContainer .iconfont {
    font-size: 8px;
    cursor: pointer;
}

.DepartmentUserSelectDialogContent .listGridContainer .iconfont:hover {
    color: var(--cbt-primary-color);
}

.DepartmentUserSelectDialogContent .listGridContainer .gridxRow .gridxRowTable .gridxCell,.DepartmentUserSelectDialogContent .listGridContainer .gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxCell {
    padding-left: 1rem;
}

.DepartmentUserSelectDialogContent .hideSelectAll .gridxRowHeaderHeaderCell .gridxIndirectSelectionCheckBox {
    display: none !important;
}

.department {
    height: 100%;
    width: 100%;
}

.department .dijitBorderContainer-child {
    border: none;
}

.department .dijitAlignTop {
    padding-bottom: 2px;
}

.department .ttx-action-set {
    margin: 0;
}

.department .dijitSplitterV {
    margin: 8px 0;
}

.department .infoContainer {
    margin-bottom: 16px;
}

.department .infoContainer,.department .userContainer {
    background: var(--block-bg-color);
    border: var(--block-border);
    padding: 12px;
}

.department .userContainer {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.department .listGridContainer {
    max-height: 600px;
    height: 40vh;
}

.department .left-container {
    background: var(--block-bg-color);
    border: var(--block-border);
    padding: 12px 0;
}

.department .left-container,.department .center-container {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: auto;
    position: relative;
    font-size: 14px;
    color: var(--block-color);
}

.department .titleWrapper {
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
}

.department .infoView {
    display: flex;
    flex-wrap: wrap;
}

.department .infoView .infoWrapper {
    display: flex;
    margin: 6px 0;
}

.department .infoView .infoLabel,.department .infoView .infoField {
    padding: 2px 0;
}

.department .infoView .infoLabel {
    min-width: 6em;
    color: var(--color-black-alpha-60);
    text-align: right;
    margin-right: 1em;
}

.department .infoView .infoLabel:after {
    content: ":";
}

.department .infoView .infoField {
    width: 14em;
    border-bottom: solid 1px var(--cbt-border-color-gray);
    padding-bottom: 1px;
    padding-left: 0.5em;
    color: var(--color-black-alpha-80);
}

.department .dijitSplitterVHover {
    background: var(--cbt-primary-color);
}

.department .dijitSplitterVHover .dijitSplitterThumb {
    background: #fff;
}

.department .left-container {
    min-width: 214px;
}

.department .center-cover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--block-bg-color);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.department .center-cover .cover-wrapper {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    padding: 40px 30px 30px;
    background: #fff;
    margin-top: 100px;
}

.department .center-cover img {
    height: 200px;
}

.department .center-cover .cover-alt {
    margin-top: 14px;
    text-align: center;
}

.department .center-container {
    display: flex;
    height: 100%;
    flex-direction: column;
}

@media (max-height: 680px) {
    .department .center-cover {
        justify-content: center;
    }

    .department .center-cover .cover-wrapper {
        margin-top: 0;
    }
}

.ttx__jsonEditor {
    height: 100%;
    width: 100%;
    display: flex;
}

.ttx__jsonEditor > .leftTree {
    flex: 1;
    margin-right: 8px;
}

.ttx__jsonEditor > .rightTree {
    flex: 1;
}

.flowViz {
    display: flex;
    align-items: flex-start;
    background-image: url("../../../images/view/point.svg");
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    --border-color: #d8dce5;
    --background-color: #fff;
    --background-box-title: #f7f7f7;
    background-color: #f4f4f4;
    color: #333;
}

.flowViz .flow_card {
    display: inline-block;
    background: var(--background-color);
    border: 2px solid var(--border-color);
    padding: 0px;
    width: auto;
}

.flowViz .flow_node {
    display: inline-flex;
    align-items: center;
    position: absolute;
    width: max-content;
    padding: 16px 16px 0 16px;
}

.flowViz .main_node_wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.flowViz .mainFlowNode {
    width: 212px;
    height: 64px;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-flex;
    padding: 8px 14px;
    padding-left: 18px;
    align-items: center;
    cursor: pointer;
}

.flowViz .mainFlowNode:hover {
    border-color: #298aed;
}

.flowViz .mainFlowNode .status {
    color: #fff;
    background: #474dac;
    border-radius: 12px;
    box-sizing: border-box;
    height: 18px;
    width: 32px;
    position: absolute;
    left: calc(50% - 16px);
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.flowViz .mainFlowNode .status-in {
    top: 9px;
}

.flowViz .mainFlowNode .status-out {
    bottom: -8px;
}

.flowViz .mainFlowNode .icon-box {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.flowViz .mainFlowNode .icon-box > div {
    height: 100%;
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #fff;
}

.flowViz .mainFlowNode .content {
    margin-left: 12px;
}

.flowViz .mainFlowNode .content .title {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 95px;
    white-space: nowrap;
}

.flowViz .mainFlowNode .actions .iconBtn {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    background: #eeeff4;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
}

.flowViz .mainFlowNode .actions .iconBtn:hover {
    background: #298aed;
    color: #fff;
}

.flowViz .mainFlowNode .actions .icon-peizhi {
    margin-bottom: 6px;
}

.flowViz .mainFlowNode .actions .iconfont {
    color: #9fa5b4;
}

.flowViz .mainFlowNode .actions .disabled {
    background: #f4f4f4;
    color: #dcdcdc;
    cursor: not-allowed;
}

.flowViz .mainFlowNode .actions .disabled:hover {
    background: #f4f4f4;
    color: #dcdcdc;
}

.flowViz .drawer {
    flex: 1;
    height: 100%;
    overflow: auto;
}

.flowViz .drawer .board {
    position: relative;
    margin: 30px 0;
    margin-left: 170px;
}

.flowViz .drawer .child_wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.flowViz .drawer .paper {
    pointer-events: none;
    top: 0;
    left: 0;
    position: relative;
    margin-right: 170px;
}

.flowViz .drawer .paper .line {
    fill: transparent;
    stroke: #afb7c3;
    stroke-width: 3px;
}

.flowViz .drawer .paper .markStart,.flowViz .drawer .paper .markEnd {
    stroke: none;
    fill: #afb7c3;
}

.flowViz .additionNode {
    padding: 4px 12px;
}

.flowViz .selectList {
    padding: 12px;
    top: 70px;
    left: 22px;
    border: none;
    color: #333;
    position: absolute;
    min-width: 120px;
}

.flowViz .selectList .content {
    padding: 8px 0;
    color: #666;
}

.flowViz .selectList .content .el-checkbox {
    font-weight: normal;
}

.flowViz .selectList .fas {
    color: #298aed;
    background: rgba(41,138,237,0.3);
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    height: 20px;
    box-sizing: border-box;
    line-height: 22px;
    width: 20px;
    display: inline-block;
}

.flow-more-navs-pop {
    padding: 0 1px;
}

.flow-more-navs-pop .flow-more-navs:last-child {
    border-bottom: none;
}

.flow-more-navs {
    color: #333;
    border-bottom: solid 1px #dcdcdc;
    height: 36px;
    text-align: left;
    line-height: 36px;
    padding: 0 8px;
    cursor: pointer;
}

.flow-more-navs:hover {
    background-color: #298aed;
    color: #fff;
}

.flow-more-navs > .flow-more-navs-title {
    font-size: 14px;
}

.filler {
    flex: 1;
}

.group-query-list .group-list-header {
    display: flex;
    align-items: center;
    min-width: 342px;
    padding: 0 24px;
    padding-top: 18px;
}

.group-query-list .group-list-header .title {
    color: #222;
    margin-right: 26px;
}

.group-query-list .group-list-header .query-input {
    width: 190px;
    border-radius: 12px;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
}

.group-query-list .group-list-header .el-input__icon,.group-query-list .group-list-header .el-input__inner {
    border-radius: inherit;
    box-sizing: inherit;
    font-size: inherit;
    height: inherit;
    line-height: inherit;
}

.group-query-list .group-list-header .iconfont {
    color: #999;
    font-size: 20px;
}

.group-query-list .group-list-main {
    padding: 18px 24px;
    display: flex;
}

.group-query-list .group-list-main .group-list-wrapper {
    width: 158px;
    font-size: 13px;
    margin-left: 26px;
}

.group-query-list .group-list-main .group-list-wrapper .group-list-title {
    font-size: 14px;
    color: #333;
    background-color: #e2e6ef;
    padding-left: 7px;
    height: 24px;
    line-height: 24px;
}

.group-query-list .group-list-main .group-list-wrapper .group-list-container {
    padding-top: 14px;
    padding-left: 16px;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
}

.group-query-list .group-list-main .group-list-wrapper .tree-leaf-container {
    padding-left: 16px;
}

.group-query-list .group-list-main .group-list-wrapper .item-tree-wrapper {
    padding-bottom: 14px;
    cursor: pointer;
}

.group-query-list .group-list-main .group-list-wrapper .item-tree-wrapper:hover {
    color: #298aed;
    text-decoration: underline;
}

.group-query-list .group-list-main .group-list-wrapper .item-tree-wrapper .required {
    color: #d0021b;
    text-decoration-line: inherit;
}

.group-query-list .group-list-main .group-list-wrapper .item-tree-wrapper .required:before {
    content: '*';
}

.group-query-list .group-list-main .group-list-wrapper:first-child {
    margin-left: 0;
}

.dragResizerMixin {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 4px;
    cursor: ew-resize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dragResizerMixin .resizerTmub {
    background: #999;
    height: 15px;
    width: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dragResizerMixin:hover {
    background: #999;
}

.dragResizerMixin:hover .resizerTmub {
    background: #fff;
}

.flat .smsVerifyDialog {
    background-color: transparent;
    width: 500px;
    height: 310px;
    box-shadow: none;
    border-radius: 6px;
    box-sizing: border-box;
}

.flat .smsVerifyDialog .dijitDialogTitleBar {
    background-color: transparent;
    text-align: left;
    height: 108px;
    padding: 0;
    background: url("../../asset/img/verifyDialog/topBarBack.svg") no-repeat bottom;
}

.flat .smsVerifyDialog .dijitDialogTitleBar .dijitDialogTitle {
    font-size: 24px;
    color: #fff;
    margin-top: 55px;
    display: inline-block;
    margin-left: 35px;
}

.flat .smsVerifyDialog .dijitDialogTitleBar .dijitDialogCloseIcon {
    color: #ccc;
    border: solid 1px #ccc;
    border-radius: 15px;
    right: 0;
    top: 0;
    height: 15px;
    width: 15px;
    line-height: 11px;
    padding: 0;
    box-sizing: border-box;
}

.flat .smsVerifyDialog .dijitDialogTitleBar .dijitDialogCloseIcon:before {
    font-size: 13px;
}

.flat .smsVerifyDialog .dijitDialogPaneContent {
    height: 200px;
}

.SMSVerify {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.SMSVerify .description {
    margin: 23px 0;
}

.SMSVerify .dijitButton .dijitButtonNode {
    border-radius: 4px;
    height: 41px;
    line-height: 40px;
    padding: 0;
    box-sizing: border-box;
    background-color: #2c90f4;
    border: none;
}

.SMSVerify .dijitButton .dijitButtonNode .dijitButtonText {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.SMSVerify .dijitButtonDisabled .dijitButtonNode {
    background-color: #dcdcdc;
}

.SMSVerify .dijitTextBox {
    border-radius: 4px;
    height: 41px;
    line-height: 40px;
    padding: 0;
    height: 39px;
    line-height: 39px;
    margin-right: 14px;
    width: 165px;
}

.SMSVerify .dijitTextBox .dijitInputContainer {
    border-radius: 4px;
    height: 41px;
    line-height: 40px;
    padding: 0;
    display: flex;
    padding: 0 7px;
}

.SMSVerify .dijitTextBox .dijitInputContainer .dijitInputInner {
    font-size: 14px;
    color: #333;
}

.SMSVerify .dijitTextBox .dijitValidationContainer {
    padding: 10px 4px;
}

.SMSVerify .container {
    margin-bottom: 20px;
}

.SMSVerify .container .dijitButton .dijitButtonNode {
    margin: 0;
    width: 130px;
}

.SMSVerify .confirmBtnWrapper .dijitButton .dijitButtonNode {
    margin: 0;
    width: 310px;
}

.SMSVerify span {
    font-size: 14px;
    color: #333;
}

.SMSVerify .phoneTail {
    color: #2c90f4;
}

.SMSVerify .phoneTail:before {
    content: "「";
}

.SMSVerify .phoneTail:after {
    content: "」";
}

.flat .modernDialog {
    background-color: transparent;
    box-shadow: none;
    border-radius: 6px;
    box-sizing: border-box;
}

.flat .modernDialog .tabController {
    height: 24px;
    display: flex;
    align-items: center;
}

.flat .modernDialog .tabController > .currentTab {
    color: #268aec;
    border-bottom: solid 2px #268aec;
}

.flat .modernDialog .tab {
    transition: 0.2s;
    font-size: 14px;
    text-align: center;
    margin-right: 40px;
    width: 40px;
    cursor: pointer;
    padding-bottom: 2px;
}

.flat .modernDialog .tab:last-child {
    margin-right: 0;
}

.flat .modernDialog .dijitDialogTitleBar {
    background-color: transparent;
    height: 22px;
    padding: 0;
}

.flat .modernDialog .dijitDialogTitleBar .dijitDialogTitle {
    font-size: 24px;
    color: #fff;
    margin-top: 55px;
    display: inline-block;
    margin-left: 35px;
}

.flat .modernDialog .dijitDialogTitleBar .dijitDialogCloseIcon {
    color: #ccc;
    border: solid 1px #ccc;
    border-radius: 15px;
    right: 0;
    top: 0;
    height: 15px;
    width: 15px;
    line-height: 11px;
    padding: 0;
    box-sizing: border-box;
}

.flat .modernDialog .dijitDialogTitleBar .dijitDialogCloseIcon:before {
    font-size: 13px;
}

.flat .modernDialog .dijitDialogPaneContent {
    border-radius: 8px;
    box-sizing: border-box;
    padding: 0;
}

.flat .dynamicTitleDialog .dynamicTitle {
    color: var(--cbt-primary-color);
}

.flat .dynamicTitleDialog .gridxCell {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.singleTreeInDialog {
    margin: 0 30px;
    padding: 12px 0;
    background: var(--block-bg-color);
    border-radius: 6px;
    box-sizing: border-box;
    border: var(--block-border);
}

.ImportPreviewDialog .desc-wrapper,.ImportPreviewDialog .actions {
    width: 100%;
    text-align: right;
    padding: 12px 0;
}

.ImportPreviewDialog .desc-wrapper {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}

.ImportPreviewContent {
    width: 800px;
    max-height: 400px;
}

.ImportPreviewContent .el-table th>.cell {
    display: grid;
}

.ImportPreviewContent .error-wrapper {
    display: grid;
    background-color: #fdf6ec;
    border-color: #faecd8;
    color: #e6a23c;
    padding-left: 1.5em;
}

.ImportPreviewContent .error-wrapper ul {
    list-style: circle;
}

.ImportPreviewContent .error-wrapper li {
    white-space: normal;
}

.ImportPreviewContent .headerTag {
    display: inline-block;
    padding: 0 0.5em;
    margin: 2px;
    width: max-content;
}

.ImportPreviewContent .info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

.ImportPreviewContent .defName {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a;
}

.ImportPreviewContent .importName {
    background-color: #fef0f0;
    border-color: #fde2e2;
    color: #f56c6c;
}

.ImportPreviewContent .el-table .cell {
    white-space: nowrap;
}

body {
    overflow-x: hidden;
}

.mailMsgContentDialog {
    width: 800px !important;
    height: 600px !important;
}

.mailMsgContentDialog .layui-layer-title {
    font-size: 20px;
}

.mailMsgContentDialog .layui-layer-content {
    padding: 12px;
    text-indent: 2em;
    font-size: 14px;
    color: #666;
    word-break: break-all;
}

.flat .dijitEditor .dijitToolbar .dijitDropDownButton .dijitButtonNode .dijitEditorIconCreateNavigator:before {
    content: "\f02e";
}

.warningTable {
    width: 1000px;
    height: calc(100% + 49px);
}

.warningTable .table-container {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #f2f2f2;
}

.warningTable table {
    width: 100%;
    border-collapse: collapse;
}

.warningTable th,.warningTable td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
}

.warningTable th {
    background-color: #f2f2f2;
}

.warningTable .button-container {
    text-align: center;
    margin-top: 24px;
}

.warningTable .table-title {
    text-align: left;
    font-size: 24px;
    margin-bottom: 16px;
    color: #333;
}

.warningTable .confirm-button {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    background-color: #298aed ;
    margin-bottom: 15px;
}

.warningTable .confirm-button:hover {
    background-color: #0056b3 ;
}

.warningTable .confirm-button:disabled {
    background-color: #d6d6d6 ;
    color: #a6a6a6 ;
    cursor: not-allowed ;
}

.warningTable .next-button {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: #fff ;
    font-size: 12px;
    background-color: #65c246 ;
    margin-left: 10px ;
    margin-bottom: 15px;
}

.warningTable .next-button:hover {
    background-color: #0056b3;
}

.warningTable .next-button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.warningTable .summary-container {
    text-align: right;
    margin-bottom: 10px;
}

.warningTable .summary-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.warningTable .red-text {
    color: #f00;
}

.warningTable .description-container {
    margin-top: 1px ;
    padding: 10px ;
    border: 1px solid #ddd ;
    border-radius: 4px ;
    background-color: #f9f9f9 ;
    color: #555 ;
    height: 120px;
    line-height: 24px;
    overflow-y: auto ;
}

.warningTable .status-container {
    display: flex;
    justify-content: space-between;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;
    font-family: Arial, sans-serif;
    color: #343a40;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.warningTable .status-container span {
    margin-right: 20px;
}

.cbtMessageTab {
    width: 300px;
    height: calc(100% - 49px);
    z-index: 31;
    box-shadow: -4px 4px 6px rgba(2,2,2,0.11);
    position: absolute;
    right: -306px;
    display: none;
    top: 49px;
    background: #fff;
}

.cbtMessageTab .tabList {
    display: flex;
    flex-direction: row;
    height: 40px;
}

.cbtMessageTab .tabList .toggleIcon {
    background-color: #f0f4f7;
    cursor: pointer;
}

.cbtMessageTab .tabList .toggleIcon .iconfont {
    height: 15px;
    margin-left: 10px;
    margin-top: 15px;
    color: #298bed;
    margin-right: 10px;
    transform: rotate(180deg);
}

.cbtMessageTab .tabList .badge-svg-icon {
    display: inline-block;
    padding: 3px 5px;
    background: #f0f4f7;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.cbtMessageTab .tabList .badge-svg-icon .icon {
    color: #a2acb7;
}

.cbtMessageTab .tabList .badge-svg-icon.active {
    background: #fff;
}

.cbtMessageTab .tabList .badge-svg-icon.active .icon {
    color: #205ca0;
}

.cbtMessageTab .tabList .badge-svg-icon .badge {
    top: 4px;
    left: 35px;
    width: 17px;
}

.cbtMessageTab .contentList {
    display: flex;
    flex-direction: row;
    height: calc(100% - 46px);
    overflow: hidden;
}

.cbtMessageTab .contentList .content {
    width: 100%;
    text-align: left;
    background: #fff;
    display: none;
}

.cbtMessageTab .contentList .content.active {
    display: block;
}

.cbtMessageTab .contentList .output h1 {
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    margin: 0;
    padding: 10px 14px;
}

.cbtMessageTab .contentList .output .listContainerNode {
    overflow: auto;
    height: 100%;
}

.cbtMessageTab .messageBase {
    margin-bottom: 2px;
}

.cbtMessageTab .messageBase .msgTitle.unread {
    font-weight: bold;
}

.cbtMessageTab .messageBase .msgContent {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cbtMessageTab .serverMessage .error {
    color: #ef326f;
}

.cbtMessageTab .serverMessage .error:before {
    background-color: #ef326f;
}

.cbtMessageTab .serverMessage div {
    height: 28px;
    line-height: 28px;
    background-color: #e7eef1;
    font-size: 13px;
    color: rgba(0,0,0,0.7);
    padding-left: 14px;
}

.cbtMessageTab .serverMessage li {
    border-top: 1px solid #eef2f6;
    color: rgba(0,0,0,0.8);
    font-size: 13px;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.cbtMessageTab .serverMessage li span {
    display: inline-block;
    max-width: 19em;
    word-break: break-word;
}

.cbtMessageTab .serverMessage li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px 0 10px;
    background-color: rgba(0,0,0,0.65);
    border-radius: 50%;
}

.cbtMessageTab .mailMessage {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 12px;
    padding: 4px 8px;
    box-shadow: 0px -1px 0px #e2e2e2;
    cursor: default;
}

.cbtMessageTab .mailMessage .unread {
    color: #6c84f7;
    font-weight: 900;
}

.cbtMessageTab .mailMessage .msgTitle {
    color: #aaa;
    flex-direction: column;
    font-size: 13pt;
    font-weight: normal;
    padding: 4px 0;
}

.cbtMessageTab .mailMessage .msgTitle .mailTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cbtMessageTab .mailMessage .msgTitle .mailInfo {
    display: flex;
    font-size: 12px;
    color: #aaa;
    font-weight: 500;
    font-family: monospace;
    margin-top: 7px;
    text-align: right;
    flex-direction: row-reverse;
}

.cbtMessageTab .mailMessage .msgTitle .mailSentTime {
    flex: auto;
}

.cbtMessageTab .mailActionNode {
    padding: 5px 0 0 12px;
}

.cbtMessageTab .warningActionNode {
    padding: 5px 0 0 12px;
}

.cbtMessageTab .mailContainerNode {
    overflow: auto;
    height: 100%;
}

.cbtMessageTab .warningContainerNode {
    overflow: auto;
    height: 100%;
}

.cbtMessageTab .mailContainerNode::-webkit-scrollbar {
    width: 8px;
}

.cbtMessageTab .mailContainerNode::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
}

.cbtMessageTab .mailContainerNode::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.showMessageTab {
    animation: messageTabHide 0.5s normal forwards;
    display: block;
}

.fixMessageTab {
    right: 0;
    position: static;
    box-shadow: none;
    border-left: 1px solid #dcdcdc;
    height: 100%;
    min-width: 300px;
}

@-moz-keyframes messageTabHide {
    from {
        right: -307px;
    }

    to {
        right: 0;
    }
}

@-webkit-keyframes messageTabHide {
    from {
        right: -307px;
    }

    to {
        right: 0;
    }
}

@-o-keyframes messageTabHide {
    from {
        right: -307px;
    }

    to {
        right: 0;
    }
}

@keyframes messageTabHide {
    from {
        right: -307px;
    }

    to {
        right: 0;
    }
}

.package-track {
    width: 100%;
    clear: both;
    height: 108px;
    padding: 10px;
}

.package-track .hidden {
    visibility: hidden;
}

.package-track .package-track-line {
    clear: both;
    padding-left: 50px;
    height: 32px;
}

.package-track .package-track-line .node,.package-track .package-track-line .line {
    display: inline-block;
    float: left;
    background: #f00;
    margin: 0;
    padding: 0;
    border: 0;
}

.package-track .package-track-line .node {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    font-size: 32px;
    font-family: 'ElegantIcons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    line-height: 32px;
    color: #def3e7;
    text-align: center;
    background: #ccc;
    box-shadow: 0px 0px 2px #656363;
}

.package-track .package-track-line .node.finished {
    background: #23ce6e;
    box-shadow: 0px 2px 8px #23ce6e;
}

.package-track .package-track-line .node.working {
    width: 36px;
    height: 36px;
    margin-top: -2px;
    line-height: 34px;
    background-color: #848484;
    box-shadow: 0px 0px 2px #727273;
}

.package-track .package-track-line .node.waiting {
    background-color: #ccc;
    box-shadow: 0px 0px 2px #656363;
}

.package-track .package-track-line .line {
    width: 100px;
    border-bottom: 2px solid #ccc;
    height: 15px;
    background: none;
}

.package-track .package-track-line .line.finished {
    border-bottom: 2px solid #23ce6e;
}

.package-track .package-track-line .line.working {
    border-bottom: 2px solid #848484;
}

.package-track .package-track-desc {
    clear: both;
    padding-top: 10px;
    height: 60px;
}

.package-track .package-track-desc .desc {
    float: left;
    display: inline-block;
    width: 132px;
    text-align: center;
}

.package-track .package-track-desc .desc .name {
    font-size: 15 pk;
    padding: 5px;
    color: #666;
}

.package-track .package-track-desc .desc .date {
    font-size: 13px;
    color: #acafb5;
}

.package-track .package-status .status-list {
    color: #333;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding-top: 30px;
    padding-left: 50px;
    list-style: none;
    font-size: 13px;
}

.package-track .package-status .status-list:before {
    content: " ";
    background-color: #f3f3f3;
    display: block;
    position: absolute;
    top: -2px;
    left: 20px;
    width: 10px;
    height: 4px;
}

.package-track .package-status .status-list li {
    padding: 0;
    margin: 0;
    margin-bottom: -2px;
    height: auto;
    min-height: 30px;
    border-left: 1px solid #d9d9d9;
}

.package-track .package-status .status-list li:before {
    content: '';
    border: 3px solid #f3f3f3;
    background-color: #d9d9d9;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-left: -6px;
    margin-right: 10px;
}

.package-track .package-status .status-list li .date,.package-track .package-status .status-list li .week,.package-track .package-status .status-list li .time {
    display: inline-block;
}

.package-track .package-status .status-list li .date {
    width: 80px;
    font-weight: 700;
    margin-right: 8px;
}

.package-track .package-status .status-list li .week {
    width: 40px;
    font-weight: 700;
}

.package-track .package-status .status-list li .time {
    width: 48px;
    margin-right: 28px;
    margin-left: 5px;
}

.package-track .package-status .status-list .latest {
    border: none;
}

.package-track .package-status .status-list .latest:before {
    background-color: #fe4300;
    border-color: #f8e9e4;
}

.colorfulTerminal {
    position: fixed;
    left: 98%;
    top: 11%;
    z-index: 100;
}

.colorfulTerminal .animateNode {
    position: relative;
    width: 339px;
}

.colorfulTerminal .animateNodeShow {
    left: -310px;
    width: 339px;
}

.colorfulTerminal .animateNodeHidden {
    width: 42px;
    left: 0px;
}

.colorfulTerminal .controlLiSty {
    list-style: inherit;
    border-bottom: 1px solid #3b4653;
    height: 29px;
    line-height: 29px;
    padding-left: 12px;
    color: #fff;
    background-color: #38404c;
}

.colorfulTerminal .liNode {
    list-style: inherit;
    border-bottom: 1px solid #3b4653;
    background-color: #2b323d;
}

.colorfulTerminal .terminalIcon {
    height: 42px;
    width: 42px;
    background-image: url("/images/ico/msg.png");
    background-repeat: no-repeat;
    border: 0;
    float: left;
}

.colorfulTerminal .contentNode {
    width: 339px;
    height: 590px;
    overflow: hidden;
    display: block;
    float: right;
}

.colorfulTerminal .contentNode .titleContainer {
    width: 339px;
    height: 42px;
    background-color: #1e5fc4;
    line-height: 42px;
    cursor: pointer;
    font-size: 15px;
}

.colorfulTerminal .contentNode .titleContainer .titleNode {
    color: #fff;
    height: 42px;
    margin-left: 21px;
    float: left;
    font-size: 18px;
    font-weight: 200;
    margin-top: 1px;
}

.colorfulTerminal .shrinkContent {
    margin-left: 339px;
}

.colorfulTerminal .normalContent {
    margin-left: 42px;
    width: 88%;
    height: 91%;
    border: 1px solid #3b4653;
    border-top-width: 0px;
    border-bottom: 3px solid #808080;
    overflow-y: scroll;
    word-break: break-all;
    background-color: #2b323d;
}

.colorfulTerminal .normalContent .li {
    background-color: #2b323d;
}

.colorfulTerminal .normalContent .li .icon {
    display: inline-block;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
    border: 0;
    position: relative;
    top: 3%;
    margin: 0 12px;
}

.colorfulTerminal .normalContent .li .error {
    background-image: url("/images/ico/error.png");
}

.colorfulTerminal .normalContent .li .success {
    background-image: url("/images/ico/succ.png");
}

.colorfulTerminal .normalContent .li .msg {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    font-family: "Microsoft YaHei";
}

.colorfulTerminal .normalContent .li .msgPosition {
    line-height: 45px;
}

.colorfulTerminal .normalContent .li .detail {
    margin-left: 14%;
    color: #ea3761;
}

.colorfulTerminal .normalContent .li .positionTop {
    margin-top: 1%;
}

.colorfulTerminal .normalContent ul {
    width: 297px;
}

.colorfulTerminal .gapNode {
    height: 21px;
    width: 297px;
    background-color: #1e5fc4;
    margin-left: 42px;
    padding-top: 7px;
}

.dojoxCheckedMultiSelectHidden {
    display: none;
}

.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    border: solid #000 1px;
    margin: 1px 0;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100px;
}

.dj_ie .dojoxCheckedMultiSelectWrapper,.dj_webkit .dojoxCheckedMultiSelectWrapper {
    padding-right: 15px;
}

.dojoxMultiSelectItem {
    cursor: default;
    padding: 0.1em 0.2em;
    white-space: nowrap;
}

.dojoxCheckedMultiSelectItem {
    white-space: nowrap;
    padding: 0.1em 0.2em;
    cursor: default;
}

.dojoxCheckedMultiSelectDisabled *,.dojoxCheckedMultiSelectReadOnly * {
    color: #808080 !important;
}

.dojoxCheckedMultiSelectItemLabel {
    margin-left: 0.2em;
}

.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    margin: 0em 0.1em;
}

.dojoxCheckedMultiSelectCheckBoxInput {
    opacity: 0.01;
}

.dijit_a11y .dojoxCheckedMultiSelectCheckBoxInput {
    opacity: 1;
    filter: none;
}

.dojoxCheckedMultiSelectMenu td.dijitMenuArrowCell {
    display: none;
}

.dojoxCheckedMultiSelectMenu td.dijitMenuItemLabel {
    position: static;
    padding: 2px;
}

.calin .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    border: 1px solid #b5bcc7;
    background-color: #f7fcff;
    line-height: normal;
    -webkit-transition-property: background-color, border;
    -webkit-transition-duration: 0.35s;
}

.calin .dojoxCheckedMultiSelectHover .dojoxCheckedMultiSelectWrapper {
    border-color: #769dc0;
    background-color: #e9f4fe;
    background-image: -moz-linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
    background-image: -webkit-linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
    background-image: linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
    background-repeat: repeat-x;
    -webkit-transition-duration: 0.25s;
}

.calin .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper {
    border: 1px solid #769dc0;
    -webkit-transition-duration: 0.1s;
}

.calin .dojoxCheckedMultiSelectMenuCheckBoxItemIcon {
    background-image: url("../../../dijit/themes/flat/form/images/checkboxRadioButtonStates.png");
    background-repeat: no-repeat;
    background-position: -15px;
    width: 15px;
    height: 16px;
}

.calin .dojoxCheckedMultiSelectMenuRadioItemIcon {
    background-image: url("../../../dijit/themes/flat/form/images/checkboxRadioButtonStates.png");
    background-repeat: no-repeat;
    background-position: -105px;
    width: 15px;
    height: 16px;
}

.dj_ie6 .calin .dojoxCheckedMultiSelectMenuItemIcon {
    background-image: url("../../../dijit/themes/flat/form/images/checkboxRadioButtonStates.png");
}

.calin .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuCheckBoxItemIcon {
    background-position: 0;
}

.calin .dojoxCheckedMultiSelectMenuItemChecked .dojoxCheckedMultiSelectMenuRadioItemIcon {
    background-position: -90px;
}

.calin .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonText {
    padding: 2px;
}

.calin .dojoxCheckedMultiSelectButton {
    border: 1px solid #b5bcc7;
    background-color: #fff;
    border-collapse: separate;
}

.calin .dojoxCheckedMultiSelect .dijitButtonNode {
    border: 0 solid #b5bcc7;
    border-width: 0 0 0 0;
}

.dj_ie6 .calin .dojoxCheckedMultiSelectButton,.dj_ie6 .calin .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectButton .dijitButtonNode {
    background-image: none;
}

.calin .dojoxCheckedMultiSelectButton .dijitButtonContents {
    border: 0 solid #b5bcc7;
    border-right-width: 1px;
}

.calin .dojoxCheckedMultiSelectButton .dijitArrowButton {
    padding: 0;
    border: 1px solid #fff;
    border-top: none;
    background-color: #efefef;
    background-image: url("../../../dijit/themes/flat/images/standardGradient.png");
    background-repeat: repeat-x;
}

.calin .dojoxCheckedMultiSelectButton .dijitArrowButton .dijitArrowButtonInner {
    background-image: url("../../../dijit/themes/flat/form/images/commonFormArrows.png");
    background-position: -35px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.calin .dojoxCheckedMultiSelectButtonHover {
    border: 1px solid #769dc0;
    background-color: #e9f4fe;
    background-image: -moz-linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
    background-image: -webkit-linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
    background-image: linear-gradient(rgba(127,127,127,0.2) 0%, rgba(127,127,127,0) 2px);
    background-repeat: repeat-x;
}

.calin .dojoxCheckedMultiSelectButtonHover .dijitButtonContents {
    border-color: #769dc0;
}

.calin .dojoxCheckedMultiSelectButtonHover .dijitArrowButton {
    background-color: #abd6ff;
}

.calin .dojoxCheckedMultiSelectButtonHover .dijitArrowButton .dijitArrowButtonInner {
    background-position: -70px;
}

.calin .dojoxCheckedMultiSelectButtonFocused {
    border: 1px solid #769dc0;
}

.calin .dojoxCheckedMultiSelectButtonFocused .dijitButtonContents {
    border-color: #769dc0;
}

.calin .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton {
    background-color: #7dbefa;
    background-position: 0 -177px;
    border: none;
    padding: 0 1px;
}

.calin .dojoxCheckedMultiSelectButtonFocused .dijitArrowButton .dijitArrowButtonInner {
    background-position: -70px;
    margin-bottom: 1px;
}

.calin .dojoxCheckedMultiSelectButtonDisabled {
    border: 1px solid #d3d3d3;
    background-color: #efefef;
    background-image: none;
    color: #818181;
}

.calin .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton {
    background-color: #efefef;
}

.calin .dojoxCheckedMultiSelectButtonDisabled .dijitArrowButton .dijitArrowButtonInner {
    background-position: 0;
}

.flat .multiSelectPopupDialog .dijitDialogTitleBar .dijitDialogTitle span {
    font-size: 12px;
    color: #3797fd;
    text-decoration: underline;
    cursor: pointer;
    padding: 3px;
}

.dojoxCheckedMultiSelect {
    padding: 0;
}

.dojoxCheckedMultiSelect > table {
    height: 21px;
}

.dojoxCheckedMultiSelect > table tbody .dijitStretch {
    border: none;
}

.dojoxCheckedMultiSelect > table tbody .dijitDownArrowButton {
    -webkit-user-select: none;
    margin: 0;
    width: 23px;
    border: none;
}

.areaContentPane .containerDom {
    padding: 3px;
}

.areaContentPane .areaSelect {
    display: inline-block;
    padding: 3px 10px;
    whiteSpace: nowrap;
    cursor: pointer;
}

.areaContentPane .areaSelect:hover {
    background-color: #e5f4fe;
}

.areaContentPane .current {
    background-color: #e5f4fe !important;
    border: solid 1px #448ddc;
}

.cascadeTabContainer {
    box-shadow: 0 4px 9.1px 0.9px rgba(0,0,0,0.3);
    box-sizing: border-box;
    background-color: #fff;
}

.cascadeTabContainer .dijitTabPaneWrapper {
    border: 1px solid #9e9e9e;
    overflow-y: auto;
}

.IconDropDownButton {
    cursor: pointer;
}

.IconDropDownButton.dijitRightArrowButton:before {
    content: '';
}

.IconDropDownButton:hover {
    color: #1267c3;
}

.columnTooltipDialog {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.columnTooltipDialog .dijitButton {
    margin-bottom: 3px;
}

.columnTooltipDialog .dijitButton .dijitButtonNode {
    width: 100px;
}

.flat .switchCheckBox {
    display: flex;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
}

.flat .switchCheckBox .disabled {
    border: solid 1px #d8d8d8 !important;
    background-color: #d8d8d8 !important;
}

.flat .switchCheckBox .ui-switch-core {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #bfcbd9;
    outline: 0;
    border-radius: 12px;
    box-sizing: border-box;
    background: #bfcbd9;
    transition: border-color 0.2s, background-color 0.2s;
    cursor: pointer;
    height: 22px;
    width: 37px;
}

.flat .switchCheckBox .ui-switch-core span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform 0.2s;
    display: inline-flex;
    align-items: center;
}

.flat .switchCheckBox .ui-switch-core .ui-switch-button {
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.2) 2px 0px 12px 0px;
}

.flat .tristateSwitch {
    display: flex;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
}

.flat .tristateSwitch .disabled {
    border: solid 1px #d8d8d8 !important;
    background-color: #d8d8d8 !important;
}

.flat .tristateSwitch .ui-switch-core {
    color: #fff;
    justify-content: space-between;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin: 0;
    outline: 0;
    border-radius: 12px;
    box-sizing: border-box;
    background: #bfcbd9;
    transition: border-color 0.2s, background-color 0.2s;
    cursor: pointer;
    height: 22px;
    width: 53px;
}

.flat .tristateSwitch .ui-switch-core span {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: transform 0.2s;
}

.flat .tristateSwitch .ui-switch-core .ui-switch-button {
    padding: 0;
    position: relative;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    background-color: #fff;
}

.flat .tristateSwitch .checked {
    background-color: #24ce2c;
}

.flat .tristateSwitch .checked .open-display-node {
    flex: 1;
}

.flat .tristateSwitch .checked .close-display-node {
    transform: translate(-3px, 0);
}

.flat .tristateSwitch .checked .ui-switch-button {
    transform: translate(-3px, 0);
}

.flat .tristateSwitch .unchecked {
    background-color: #e63d3d;
}

.flat .tristateSwitch .unchecked .open-display-node {
    transform: translate(3px, 0);
}

.flat .tristateSwitch .unchecked .close-display-node {
    flex: 1;
}

.flat .tristateSwitch .unchecked .ui-switch-button {
    transform: translate(3px, 0);
}

.flat .tristateSwitch .inMiddle {
    background: linear-gradient(to right, #e63d3d 50%, #24ce2c 50%);
}

.flat .tristateSwitch .inMiddle span {
    flex: 1;
}

.flat .tristateSwitch .inMiddle .open-display-node {
    background-color: none;
    padding-left: 3px;
    border-radius: 100% 0 0 100%;
}

.flat .tristateSwitch .inMiddle .close-display-node {
    background-color: none;
    padding-right: 3px;
    border-radius: 0 100% 100% 0;
}

.flat .dijitTextArea .container {
    position: relative;
    font-size: inherit;
    display: flex;
}

.flat .dijitTextArea .container .dijitInputInner {
    font-size: inherit;
    margin: 0;
    flex: 1;
    border: none;
}

.flat .dijitTextAreaError .container:before {
    content: "\f017";
    position: absolute;
    right: 0;
    top: 0;
    color: #dd2c00;
    width: 18px;
    font-family: "flat-icon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.mini-table {
    display: flex;
    flex-direction: column;
    border: solid 1px #eee;
    font-size: 14px;
}

.mini-table .header-wrapper {
    display: flex;
    flex-direction: row;
    font-weight: bold;
}

.mini-table .header-wrapper > div:first-child {
    border-left: none;
}

.mini-table .header-wrapper > div {
    height: 18px;
    line-height: 18px;
    background-color: #dedede;
    padding: 5px;
    border-left: solid 1px #fff2c8;
}

.mini-table .content-wrapper {
    border-top: solid 1px #eee;
    flex: 1;
    display: flex;
    overflow: auto;
    flex-direction: column;
}

.mini-table .content-wrapper .mini-table-line.mini-table-selected-line {
    background-color: #dedede;
}

.mini-table .content-wrapper .mini-table-line {
    display: flex;
    flex-direction: row;
    border-bottom: solid 1px #eee;
}

.mini-table .content-wrapper .mini-table-line .index-wrapper {
    border-left: none;
    padding: 5px;
    height: 27px;
    line-height: 28px;
}

.mini-table .content-wrapper .mini-table-line .data-wrapper {
    display: flex;
    flex-direction: row;
}

.mini-table .content-wrapper .mini-table-line .data-wrapper > div {
    height: 27px;
    line-height: 28px;
    padding: 5px;
    overflow: hidden;
    border-left: solid 1px #eee;
}

.mini-table .content-wrapper .mini-table-line:hover {
    color: #fff;
    background-color: #4483ec;
}

.ttxDialogTextBox {
    display: flex;
    align-items: center;
}

.ttxDialogTextBox .dijitInputContainer {
    flex: 1;
}

.ttxDialogTextBox .ttxDijitIcon {
    margin-right: 6px;
}

.flat .submitToolTip .dijitTooltipConnector {
    left: 46px;
}

.submitNumberSpinner .dijitSpinnerButtonContainer {
    height: 100%;
    border-color: #dcdcdc;
}

.submitNumberSpinner .dijitSpinnerButtonContainer .dijitButtonNode {
    border: none;
}

.submitNumberSpinner .dijitSpinnerButtonContainer .dijitSpinnerButtonInner {
    width: 13px;
}

.submitNumberSpinner .dijitSpinnerButtonContainer .dijitSplitter {
    height: 1px;
    background-color: #dcdcdc;
    width: 100%;
    position: absolute;
    top: calc(50% - 0.5px);
}

.submitToolTip {
    border-radius: 6px;
    box-sizing: border-box;
    width: 110px;
}

.submitToolTip .dijitButtonContents {
    line-height: 24px;
}

.submitToolTip .dijitTooltipContents .dijitDialogPaneActionBar {
    padding: 0;
    margin: 4px 0 2px 0;
}

.submitToolTip .dijitDialogPaneActionBar {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.submitToolTip .dijitDialogPaneActionBar .dijitButton {
    color: #bdbdbd;
}

.submitToolTip .dijitDialogPaneActionBar .dijitButton .dijitButtonNode {
    margin: 0;
    border-radius: 4px;
    box-sizing: border-box;
    width: 34px;
    height: 26px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.radioGroup .radioGroupContainer {
    display: flex;
}

.radioGroup .radioGroupContainer .dijitRadioWrapper {
    margin-right: 16px;
}

.radioGroup .radioGroupContainer .dijitRadioWrapper .dijitRadio {
    margin-right: 8px;
}

.radioGroup .radioGroupContainer .dijitRadioWrapper:last-child {
    margin-right: 0;
}

.previewUploader {
    display: flex;
}

.previewUploader .otherWrapper {
    padding: 7px;
}

.previewUploader .previewWrapper {
    height: 78px;
    width: 130px;
    border: solid 1px #dcdcdc;
    background-color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
}

.previewUploader .previewWrapper img {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.previewUploader .previewWrapper .emptyFiller {
    background: url("../../../images/view/systemConfig/picturePlaceholder.svg") no-repeat center;
    background-size: 55px;
    position: relative;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.previewUploader .previewWrapper .emptyFiller div {
    cursor: pointer;
    background-color: #dcdcdc;
    position: absolute;
}

.previewUploader .previewWrapper .emptyFiller .crossH {
    width: 2px;
    height: 30px;
    top: calc(50% - 15px);
    left: calc(50% - 1px);
}

.previewUploader .previewWrapper .emptyFiller .crossV {
    height: 2px;
    width: 30px;
    left: calc(50% - 15px);
    top: calc(50% - 1px);
}

.modernDialog .pictureChooser {
    width: 550px;
    height: 300px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #333;
}

.modernDialog .pictureChooser .tabController {
    margin: 27px 0;
    display: flex;
    align-items: center;
}

.modernDialog .pictureChooser .tabController > .currentTab {
    color: #268aec;
    border-bottom: solid 2px #268aec;
}

.modernDialog .pictureChooser .tab {
    font-size: 14px;
    text-align: center;
    margin-right: 40px;
    width: 40px;
    cursor: pointer;
    padding-bottom: 2px;
}

.modernDialog .pictureChooser .tab:last-child {
    margin-right: 0;
}

.modernDialog .pictureChooser .localPictureChooser {
    width: 300px;
    height: 140px;
    border: dashed 1px #268aec;
    border-radius: 4px;
    background-color: #f3f4f8;
    cursor: pointer;
    align-items: center;
    display: flex;
    justify-content: center;
}

.modernDialog .pictureChooser .localPictureChooser .noPicPlaceHolder {
    width: 100%;
    height: 100%;
}

.modernDialog .pictureChooser .localPictureChooser img {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.modernDialog .pictureChooser .localPictureChooser .placeholder {
    height: 50%;
    width: 100%;
    background: url("../../../images/view/systemConfig/picturePlaceholder-blue.svg") no-repeat center bottom;
    background-size: 50px;
}

.modernDialog .pictureChooser .localPictureChooser .description {
    margin-top: 6px;
    width: 100%;
    font-size: 14px;
    color: #268aec;
    text-align: center;
}

.modernDialog .pictureChooser .actionBar .btn {
    width: 100px;
    height: 30px;
    box-sizing: border-box;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border-radius: 2px;
    background-color: #268aec;
    cursor: pointer;
    margin-bottom: 24px;
    font-size: 14px;
}

.modernDialog .pictureChooser .filler {
    flex: 1;
    height: 0;
    width: 0;
}

.modernDialog .pictureChooser .originPictureChooser {
    display: flex;
    flex-direction: column;
    width: 450px;
}

.modernDialog .pictureChooser .originPictureChooser label {
    color: #666;
    font-size: 14px;
    margin: 20px 0 8px 1px;
}

.modernDialog .pictureChooser .originPictureChooser .dijitTextBox {
    width: 100%;
    height: 40px;
    border-radius: 4px;
}

.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitValidationContainer,.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitInputContainer {
    height: 32px;
    line-height: 32px;
}

.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitValidationContainer .dijitInputField,.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitInputContainer .dijitInputField,.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitValidationContainer input,.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitInputContainer input {
    height: 32px;
    line-height: 32px;
}

.modernDialog .pictureChooser .originPictureChooser .dijitTextBox .dijitPlaceHolder {
    color: #bbb;
}

.modernDialog .pictureChooser .displayNone {
    display: none;
}

.ttxFieldSetWrapper {
    border: solid 1px var(--cbt-primary-color);
}

.gridWithSelectedGrid {
    display: inline-flex;
    height: 480px;
    max-height: 100%;
    width: 790px;
}

.gridWithSelectedGrid .dataGridWrapper {
    flex: 1;
    width: 0;
    margin-right: 12px;
}

.gridWithSelectedGrid .selectedGridWrapper {
    width: 240px;
}

.gridWithSelectedGrid .dataGridWrapper,.gridWithSelectedGrid .selectedGridWrapper {
    display: flex;
    flex-direction: column;
}

.gridWithSelectedGrid .dataGridWrapper .dataGridContainer,.gridWithSelectedGrid .selectedGridWrapper .dataGridContainer,.gridWithSelectedGrid .dataGridWrapper .selectedGridContainer,.gridWithSelectedGrid .selectedGridWrapper .selectedGridContainer {
    flex: 1;
    height: 0;
}

.gridWithSelectedGrid .listGridContainer {
    margin-top: 0;
    height: 100%;
}

.gridWithSelectedGrid .listGridContainer .iconfont {
    font-size: 8px;
    cursor: pointer;
    color: var(--color-black-alpha-60);
}

.gridWithSelectedGrid .listGridContainer .iconfont:hover {
    color: var(--cbt-primary-color);
}

.gridWithSelectedGrid .listGridContainer .gridxRow .gridxRowTable .gridxCell,.gridWithSelectedGrid .listGridContainer .gridxDesktop.gridx .gridxHeader > .gridxHeaderRow .gridxCell {
    padding-left: 1rem;
}

.gridWithSelectedGrid .selectedSummaryContainer {
    display: flex;
    height: 26px;
    border: solid 1px var(--cbt-border-color-gray);
    border-bottom: none;
    align-items: center;
    padding: 0 0.5rem;
    padding-bottom: 8px;
    color: var(--color-black-alpha-80);
}

.gridWithSelectedGrid .summaryNum {
    padding: 0 1rem;
}

.gridWithSelectedGrid .cleanSelected {
    cursor: pointer;
    color: var(--cbt-primary-color);
}

.gridWithSelectedGrid .finderContainer {
    margin-bottom: 6px;
}

.gridWithSelectedGrid .finderContainer .dijitInputInner {
    font-size: 14px;
}

.horizonNavigator .action-wrapper.active {
    background: #fff;
}

.horizonNavigator .menu-pane {
    padding: 20px 30px;
    columns: 200px 100;
}

.horizonNavigator .menu-pane .menu2 {
    break-inside: avoid-column;
    padding: 0 20px 30px;
}

.horizonNavigator .menu-pane .menu2 .menu2header {
    font-size: 16px;
    color: #298aed;
}

.horizonNavigator .menu-pane .menu2 .menu2sep {
    border-bottom: solid 1px #ebeef5;
    margin: 8px 0;
}

.horizonNavigator .menu-pane .menu2 .menu2body {
    display: block;
}

.horizonNavigator .menu-pane .menu3 .menu3header {
    font-size: 13px;
    color: #2e3341;
    opacity: 0.5;
    margin-top: 14px;
    margin-bottom: 6px;
}

.horizonNavigator .menu-pane .menu-item {
    font-size: 14px;
    color: #454a5b;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.horizonNavigator .menu-pane .menu-item:hover {
    color: #298aed;
}

.horizonNavigator .menu-pane .menu-item:hover .star {
    display: block;
}

.horizonNavigator .menu-pane .menu-item i {
    color: #298aed;
}

.horizonNavigator .menu-pane .menu-item i.star {
    display: none;
}

.horizonNavigator {
    height: 100%;
}

.horizonNavigator .query-result {
    position: absolute;
    background: #fff;
    width: calc(100% - 10px);
    margin: 5px;
    font-size: 14px;
    border-top: none;
    text-overflow: ellipsis;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 2px 4px 10px #ccc7c7;
    top: 41px;
    z-index: 998;
    max-height: 80%;
}

.horizonNavigator .query-result .parent-name {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #298aed;
}

.horizonNavigator .query-result .parent-name:after {
    content: ">";
}

.horizonNavigator .query-result .result {
    background-color: #fff;
    padding: 8px 16px;
    cursor: pointer;
}

.horizonNavigator .query-result .result-hovering {
    background-color: #d4e8fb;
}

.horizonNavigator .rootNavIcon {
    width: 16px;
    padding-right: 16px;
}

.horizonNavigator .nav-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}

.horizonNavigator .container-layer-enter-active,.horizonNavigator .container-layer-leave-active {
    transition: opacity 0.2s linear;
}

.horizonNavigator .container-layer-enter,.horizonNavigator .container-layer-leave-to {
    opacity: 0;
}

.horizonNavigator .active-port {
    height: 100%;
}

.horizonNavigator .quick-actions {
    height: 100%;
    display: flex;
}

.horizonNavigator .quick-actions .root-navs {
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
}

.horizonNavigator .quick-actions .root-navs::-webkit-scrollbar {
    height: 0;
    background-color: transparent;
}

.horizonNavigator .quick-actions .root-navs::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

.horizonNavigator .quick-actions .action-wrapper {
    transition: all 0.25s linear;
    background-color: transparent;
    height: 100%;
    display: flex;
    align-items: center;
}

.horizonNavigator .quick-actions .action-wrapper > div {
    display: flex;
    align-items: center;
    padding: 0 24px;
    height: 100%;
}

.horizonNavigator .quick-actions .action-wrapper-hover {
    background-color: #298aed;
}

.horizonNavigator .container {
    position: absolute;
    z-index: 998;
    background-color: #fff;
    overflow: hidden;
    color: #0d1721;
    display: flex;
    text-align: left;
    flex-direction: column;
    box-shadow: 0 4px 6px rgba(0,0,0,0.12), 0 0 8px rgba(0,0,0,0.04);
}

.horizonNavigator .container .search-box-wrapper {
    background-color: #f3f4f8;
    padding: 10px 30px;
}

.horizonNavigator .container .search-box {
    display: flex;
    align-items: center;
    background-color: #fff;
    font-size: 16px;
    border-radius: 15px;
    padding: 3px 16px;
    height: 24px;
}

.horizonNavigator .container .search-box .fas {
    color: #a5a5a5;
}

.horizonNavigator .container .search-box .fa-search {
    margin-right: 0.5em;
}

.horizonNavigator .container .search-box .fa-times-circle:hover {
    color: #0d1721;
}

.horizonNavigator .container .search-box input {
    font-size: inherit;
    border: none;
    flex: 1;
    height: 100%;
}

.horizonNavigator .container .search-box input::-webkit-input-placeholder {
    color: #a5a5a5;
}

.horizonNavigator .container .search-box input::-moz-placeholder {
    color: #a5a5a5;
}

.horizonNavigator .container .search-box input:-ms-input-placeholder {
    color: #a5a5a5;
}

.horizonNavigator .container .content-wrapper {
    display: flex;
    flex: 1;
    height: 0;
}

.horizonNavigator .container .all-root-nav {
    background-color: #f3f4f8;
    overflow-y: auto;
}

.horizonNavigator .container .all-root-nav::-webkit-scrollbar {
    display: none;
}

.horizonNavigator .container .all-root-nav::-webkit-scrollbar-thumb {
    display: none;
}

.horizonNavigator .container .all-root-nav .action-wrapper {
    border-bottom: solid 2px #fff;
    height: 40px;
    display: flex;
    width: 221px;
    align-items: center;
    padding: 5px 19px;
    color: #666;
}

.horizonNavigator .container .all-root-nav .action-wrapper:hover {
    background-color: #fff;
}

.horizonNavigator .container .all-root-nav .rootNavIcon {
    color: #666;
    padding: 0 8px;
}

.horizonNavigator .container .all-root-nav .active .nav-name {
    color: #298aed;
}

.horizonNavigator .container .all-root-nav .active .rootNavIcon {
    color: #298aed;
}

.horizonNavigator .container-enter-active,.horizonNavigator .container-leave-active {
    transition: height 0.2s linear;
}

.horizonNavigator .container-enter,.horizonNavigator .container-leave-to {
    height: 0 !important;
}

.horizonNavigator .content {
    display: flex;
    height: 100%;
    width: 100%;
    overflow-y: auto;
}

.horizonNavigator .content .nav-detail {
    height: 100%;
    flex: 1;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    place-content: flex-start;
}

.horizonNavigator .content .nav-detail > div {
    display: inline-block;
    overflow-wrap: normal;
}

.horizonNavigator .content .bole {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    place-content: end;
    flex-direction: column;
}

.horizonNavigator .content .limb {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 4px 15px;
    padding: 7px 3px;
    border-bottom: solid 1px #e6e6e6;
    width: 180px;
}

.horizonNavigator .content .limb.level-0 {
    border-bottom: solid 1px #e6e6e6;
    color: #298aed;
}

.horizonNavigator .content .limb.level-1 {
    color: #b5b5b5;
}

.horizonNavigator .content .leaf {
    width: 180px;
    margin: 4px 3px;
    padding: 0px 15px;
    cursor: default;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.horizonNavigator .content .leaf .leaf-name {
    flex: 1;
    width: 0;
    font-size: 14px;
    color: #454a5b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.horizonNavigator .content .leaf .fa-star {
    cursor: pointer;
    color: #298aed;
}

.horizonNavigator .content .leaf .far.fa-star {
    display: none;
}

.horizonNavigator .content .leaf:hover {
    background-color: #d4e8fb;
    color: #298aed;
}

.horizonNavigator .content .leaf:hover .fa-star {
    display: inline;
}

.horizonNavigator .container-layer {
    z-index: 998;
    position: absolute;
    width: 100vw;
    opacity: 0;
    background-color: #000;
    left: 0;
}

.loadingCover {
    display: none;
    position: absolute;
    opacity: 1;
    z-index: 99999;
    background: rgba(255,255,255,0.59);
}

.loadingCover .loadingUi {
    position: absolute;
    display: block;
    top: calc(50% + 10px);
    left: calc(50% - 24px);
}

.loadingCover .loadingUi span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7px;
    height: 0;
    margin-right: 3px;
    animation-name: loadspan;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.loadingCover .loadingUi span:nth-child(2) {
    animation-delay: 0.3s;
    left: 10px;
}

.loadingCover .loadingUi span:nth-child(3) {
    animation-delay: 0.43s;
    left: 20px;
}

.loadingCover .loadingUi span:nth-child(4) {
    animation-delay: 0.15s;
    left: 30px;
}

.loadingCover .loadingUi span:nth-child(5) {
    animation-delay: 0.1s;
    left: 40px;
}

.badge-base .badge {
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 9px;
    min-width: 14px;
    height: 16px;
    padding: 0 3px;
    line-height: 12px;
    text-align: center;
    background-color: #f00;
    opacity: 0.9;
    font-size: 12px;
    font-weight: 900;
    color: #fff;
    border: 2px solid #f00;
    border-radius: 10px;
    box-sizing: border-box;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.badge-base .badge:empty {
    display: none;
}

.monaco-editor .diff-editor-title {
    color: #333;
    text-align: center;
}

[dir='rtl'].flat .dijitTabWithStarContent.useStar.dijitTabChecked .starNode {
    margin-left: 0;
    margin-right: 0.5em;
}

[dir='rtl'].flat .firstLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper,[dir='rtl'].flat .secondLevelTab > .dijitTabListContainer-top > .dijitTabListWrapper {
    padding-left: 0;
    padding-right: 14px;
}

[dir='rtl'].flat .ttx-field-row .ttx-field > label:after {
    margin-left: 0.5em;
    margin-right: 2px;
}

[dir='rtl'] .badge-base .badge {
    left: auto;
    right: 9px;
}

[dir='rtl'] #workspace.withHorizon {
    left: auto;
    right: 0;
}

[dir='rtl'] #workspace {
    text-align: right;
}

[dir='rtl'] .licenseExpireDialog p {
    text-align: right;
}

[dir='rtl'] #workspaceWrapper.lockNav #workspace {
    right: 0;
}

@media screen and (max-width: 1370px) {
    [dir='rtl'] #workspace {
        width: calc(100% - 100px);
        left: auto;
        right: 50px;
    }
}

@media screen and (min-width: 1370px) {
    [dir='rtl'] #workspace {
        right: 5%;
        left: auto;
    }
}

[dir='rtl'] .horizonNavigator .container {
    text-align: right;
}

[dir='rtl'] .welcome .top-wrapper .cardItem {
    margin-right: 0;
    margin-left: 20px;
}

[dir='rtl'] .welcome .top-wrapper .cardItem .cardItem-title {
    padding-left: 0;
    padding-right: 14px;
}

[dir='rtl'] .welcome .last-login-panel span:first-child {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir='rtl'] .welcome .last-login-panel .content {
    padding-right: 0;
    padding-left: 20px;
}

[dir='rtl'] .welcome .last-login-panel .category:after {
    content: ":";
    margin-right: 2px;
    margin-left: 0.5em;
}

[dir='rtl'] .welcome .content-panel .recentContainer .icon-fav {
    margin-right: 0;
    margin-left: 0.5em;
}

[dir='rtl'] .welcome .content-panel .title {
    padding-left: 0;
    padding-right: 8px;
}

[dir='rtl'] .welcome .content-panel .containerWrapper {
    padding-right: 0;
    padding-left: 8px;
}

[dir='rtl'] .welcome .content-panel .recentContainer .name {
    margin-right: 0;
    margin-left: 0.5em;
}

[dir='rtl'] .noHeaderGrid .gridxBody {
    border-right: solid 1px #e1e1e1;
    border-left: 1px solid #e1e1e1;
}

[dir='rtl'] .gridxDesktop.gridx .gridxRowHeaderBody {
    border-left: none;
    border-right: var(--grid-border);
}

[dir='rtl'] .gridxDesktop.gridx .gridxRowHeaderHeader {
    border-left: none;
    border-right: var(--grid-border);
    border-top-right-radius: var(--grid-border-radius);
    border-top-left-radius: var(--grid-border-radius);
}

[dir='rtl'] .gridxDesktop.gridx .gridxMain {
    border-left: var(--grid-border);
    border-right: none;
}

[dir='rtl'] .gridxDesktop.gridx .gridxMain .gridxCell {
    border-right: none;
    border-left: var(--grid-body-cell-border);
}

[dir='rtl'] .gridxDesktop.gridx .gridxMain .gridxRowHeaderCell {
    border-right: none;
    border-left: var(--grid-body-cell-border);
}

[dir='rtl'] .gridxDesktop.gridx .gridxHeaderRow {
    border-right: none;
    border-left: var(--grid-border);
    border-top-left-radius: var(--grid-border-radius);
    border-top-right-radius: var(--grid-border-radius);
}

[dir='rtl'] .gridxDesktop.gridx .gridxRowHeaderHeaderCell,[dir='rtl'] .gridxDesktop.gridx .gridxRowHeaderCell {
    border-right: none;
    border-left: var(--grid-cell-border);
}

[dir='rtl'] .gridxDesktop.gridx .gridxHeaderRow.headerFilter {
    padding-right: inherit;
    padding-left: inherit;
}

[dir='rtl'] .gridxDesktop.gridx .gridxHeaderRowInner .gridxGroupHeader,[dir='rtl'] .gridxDesktop.gridx .gridxHeaderRowInner .gridxCell {
    border-right: none;
    border-left: var(--grid-cell-border);
}

[dir='rtl'] .gridxDesktop.gridx .gridxLockedCell {
    border-right: none;
    border-left: solid 1px #c0c0c0;
}

[dir='rtl'] .gridxDesktop.gridx .gridxCell {
    border-right: none;
    border-left: var(--grid-cell-border);
}

[dir='rtl'] .gridxDesktop.gridx .gridxHeader h1 {
    margin-left: 10px;
}

[dir='rtl'] .gridxDesktop.gridx .gridxHeader .dijitToolbar {
    text-align: right;
    margin-right: 30px;
}

[dir='rtl'] .gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperWidget {
    margin-left: 3px;
}

[dir='rtl'] .gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerDescriptionTD {
    padding-left: 9px;
}

[dir='rtl'] .gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerStepperTD {
    padding-right: 1em;
    text-align: right;
}

[dir='rtl'] .gridxDesktop.gridx .gridxFooter .gridxPaginationBar .gridxPagerSizeSwitchTD .gridxDropDownSizer .gridxPagerSizeSwitchWidget {
    margin-left: 3px;
}

[dir='rtl'] .gridx .gridxRow .gridxRowTable .gridxCell.textAlignRight {
    text-align: right;
}

[dir='rtl'] .flat .dijitDialog.gridColumnSelectCheckout .ttx-field-row .ttx-field > label,[dir='rtl'] .flat .dijitDialog.chooseReserveFieldSetDialog .ttx-field-row .ttx-field > label {
    text-align: right;
}

[dir='rtl'] .flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell .columnSummaryBarSummaryNode {
    text-align: right;
}

[dir='rtl'] .flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell .columnSummaryBarSummaryHeader {
    text-align: left;
}

[dir='rtl'] .flat .gridxColumnSummaryBar .gridxColumnSummaryBarInner .gridxCell.columnSummaryBarSummaryCell .columnSummaryBarSummaryType {
    left: 0;
}

body[dir='rtl'] .topNav .topNavContent .tnLeft {
    margin-right: 20px;
}

body[dir='rtl'] .topNav .topNavContent .tnLeft .tnlSep {
    margin: 0 10px;
}

body[dir='rtl'] .topNav .topNavContent .tnCenter {
    padding-right: 87px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight {
    height: 60px;
    display: inline-flex;
    align-items: center;
    width: inherit;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .displayNone {
    display: none;
}

body[dir='rtl'] .topNav .topNavContent .tnRight > span {
    height: 60px;
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    font-family: 'Microsoft YaHei UI';
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper {
    cursor: pointer;
    margin-right: 12px;
    margin-left: 30px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper .icon {
    height: 5px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper > .droplist {
    display: none;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    right: auto;
    left: 15px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper > .droplist .no-hover {
    cursor: default;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper > .droplist hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    margin: 5px 0;
    padding: 0;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper:hover {
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper:hover > .droplist {
    display: block;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper:hover > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper:hover > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .userWrapper:hover > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapperIcon i {
    margin-right: 0;
    margin-left: 8px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper {
    cursor: pointer;
    font-size: 20px;
    margin-left: 0;
    margin-right: 20px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper .icon {
    height: 5px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper > .droplist {
    display: none;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    right: auto;
    left: 100px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper:hover {
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist {
    display: block;
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .languageChangeWrapper:hover > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .badge-svg-icon {
    cursor: pointer;
    margin-left: 13px;
    margin-right: 20px;
    position: relative;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper > .droplist {
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper:hover > .droplist {
    width: 180px;
    background: #fff;
    top: 50px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 4px 10px #ccc7c7;
    -moz-box-shadow: 2px 4px 10px #ccc7c7;
    -ms-box-shadow: 2px 4px 10px #ccc7c7;
    -o-box-shadow: 2px 4px 10px #ccc7c7;
    box-shadow: 2px 4px 10px #ccc7c7;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding-bottom: 10px;
    padding-top: 10px;
    left: 70px;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper:hover > .droplist li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    height: 32px;
    color: #333;
    line-height: 32px;
    text-align: right;
    font-size: 14px;
    padding-right: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper:hover > .droplist li:not(.no-zebra):nth-child(even) {
    background: #f0f7fe;
}

body[dir='rtl'] .topNav .topNavContent .tnRight .orgWrapper:hover > .droplist li:not(.no-hover):hover {
    background: #298aed;
    color: #fff;
}

body[dir='rtl'] .topNav .logoShrinked {
    width: 41px;
    background: #212330;
}

body[dir='rtl'] .topNav .logoShrinked img {
    height: 60px;
    width: 120px;
    float: left;
}

body[dir='rtl'] .topNav .corpNode {
    margin-right: -4px;
}

body[dir='rtl'] .topNav .loginMessage {
    margin-left: 10px !important;
}

body[dir='rtl'] .topNav .img.prodIcon {
    margin-right: 12px;
    margin-left: 10px;
}

#topNav .topSecondLine {
    display: flex;
}

#topNav .topSecondLine .menuButtonWrapper {
    height: 40px;
    z-index: 1;
}

#topNav .topSecondLine .menuButtonWrapper i {
    float: left;
    margin-left: 16px;
}

.topNavDropList.shown {
    left: 264px;
}

.topNavDropList.shown li {
    padding-left: 10px;
    padding-right: 10px;
}

.topNavDropList.shown li:hover {
    background: #033b92;
}

#topNav .mgnt {
    background: linear-gradient(to right, #1770de, 70%, #2ec4b6);
}

#topNav .ops {
    background: linear-gradient(to right, #1770de, 70%, #9e68ef);
}

[dir='rtl'].flat .navigatorTree .dijitTreeIsRoot > .dijitTreeRow .dijitTreeExpando {
    right: 4px;
}

[dir='rtl'].flat .navigatorTree .dijitTreeRow {
    padding-left: 12px;
}

[dir='rtl'] .ttxNavigator {
    transition: left 0.5s;
    right: 0;
    left: auto;
}

[dir='rtl'] .ttxNavigator.hide {
    left: auto;
    right: -215px;
}

[dir='rtl'] .ttxNavigator .navigatorBar .switchNav {
    margin-right: 10px;
    margin-left: auto;
}

[dir='rtl'] .ttxNavigator .navigatorBar .quickSearch {
    padding-left: auto;
    padding-right: 3px;
}

[dir='rtl'] .ttxNavigator .navigatorExpand {
    left: auto;
    right: 8px;
    float: left;
}

[dir='rtl'] .lockNav .hide {
    right: 0;
}

[dir='rtl'] .gridDisplaySettingDialog .columnSettingWrapper {
    margin-left: 12px;
}

[dir='rtl'] .gridDisplaySettingDialog .line-wrapper .line-bar {
    text-align: right;
}

[dir='rtl'] .gridDisplaySettingDialog .sortSettingContainer .icon-btn {
    margin-left: 0;
    margin-right: 8px;
}

[dir='rtl'] .gridDisplaySettingDialog .sortSettingContainer .icon-plain-btn {
    margin-left: 0;
    margin-right: 8px;
}

[dir='rtl'] .gridDisplaySettingDialog .columnsContainer {
    border-right: none;
    border-left: solid #dcdcdc 1px;
}

[dir='rtl'] .gridDisplaySettingDialog .columnsContainer .line {
    border-left: none;
    border-right: solid #dcdcdc 1px;
}

[dir='rtl'] .gridDisplaySettingDialog .columnsContainer .line-wrapper:hover .line,[dir='rtl'] .gridDisplaySettingDialog .columnsContainer .line-ghost .line {
    border-left: none;
    border-right: solid 1px #559eff;
}

[dir='rtl'] .gridDisplaySettingDialog .columnsContainer .filler {
    margin-left: 0;
    margin-right: 9px;
}

[dir='rtl'] .gridDisplaySettingDialog .footerWrapper {
    margin-left: 0;
    margin-right: 9px;
}

[dir='rtl'] .gridDisplaySettingDialog .btn-margin {
    margin-right: 0;
    margin-left: 8px;
}

[dir='rtl'] .gridDisplaySettingDialog .filler {
    border-left: none;
    border-right: solid #dcdcdc 1px;
}

[dir='rtl'] .gridDisplaySettingDialog .sortSettingWrapper {
    margin-left: 0;
    margin-right: 31px;
}

[dir='rtl'] .gridDisplaySettingDialog .sortListTitle {
    margin-left: 0;
    margin-right: 9px;
}

[dir='rtl'] .gridDisplaySettingDialog .headerWrapper {
    margin-left: 0;
    margin-right: 9px;
}

[dir='rtl'] .gridDisplaySettingDialog .drop-preview {
    margin-left: 0;
    margin-right: 9px;
}