.inodeNinja .style-chooser .vs__search::placeholder,.inodeNinja .style-chooser .vs__dropdown-toggle,.inodeNinja .style-chooser .vs__dropdown-menu {
    background: #fff;
    border: none
}

.inodeNinja .loginInput .ivu-input-wrapper .ivu-input {
    border: none;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px
}

.inodeNinja .loginBtn {
    border-radius: 20px;
    height: 40px;
    border: none;
    color: #00C08B;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 22px
}

.inodeNinja .ivu-layout-header {
    background: #101820 !important
}

.inodeNinja .ivu-layout-sider,.inodeNinja .ivu-menu-submenu-title {
    background: #101820 !important;
    color: #fff !important
}

.inodeNinja .ivu-menu.ivu-menu-vertical>.ivu-menu-item {
    background: #595757 !important;
    color: #fff !important
}

.inodeNinja .ivu-menu.ivu-menu-vertical .ivu-menu-item:hover,.inodeNinja .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title:hover,.inodeNinja .ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected,.inodeNinja .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active {
    background: #00C08B !important;
    color: #fff !important
}

.inodeNinja .ivu-menu-item {
    background: #595757;
    color: #fff !important
}

.inodeNinja .horizontalMenu .menuItem {
    font-size: 14px
}

.inodeNinja .horizontalSubmenu .menuItem {
    margin-right: 4px;
    line-height: 20px;
    padding: 5px 16px 4px;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease-in-out;
    background: #f8f8f9;
    color: black !important
}

.inodeNinja .horizontalSubmenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    line-height: 21px;
    padding-bottom: 5px;
    background: #fff !important;
    transform: translateZ(0);
    color: #00C08B !important;
    border-color: #00C08B !important
}

.inodeNinja .horizontalMenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    border-color: #00C08B !important;
    background: #00C08B;
    color: #fff;
    height: 100%;
    font-size: 18px
}

.inodeNinja .horizontalSubmenu>.menuItem.ivu-menu-item:hover {
    color: #00C08B !important
}

.inodeNinja .horizontalMenu>.menuItem.ivu-menu-item:hover {
    font-size: 18px
}

.inodeNinja .ivu-page-item:hover,.inodeNinja .ivu-page-item-active,.inodeNinja .ivu-input:focus,.inodeNinja .ivu-input:hover {
    border-color: #00C08B
}

.inodeNinja .ivu-page-item:hover a,.inodeNinja .ivu-page-item-active a,.inodeNinja .ivu-page-item-active:hover a {
    color: #00C08B
}

.inodeNinja .ivu-switch-checked,.inodeNinja .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #00C08B;
    background-color: #00C08B
}

.inodeNinja .ivu-radio-inner:after {
    background-color: #00C08B
}

.inodeNinja .ivu-radio-checked .ivu-radio-inner {
    border-color: #00C08B
}

.inodeNinja .ivu-switch-checked>.ivu-switch-inner {
    color: #fff !important
}

.inodeNinja .ivu-select-visible .ivu-select-selection,.inodeNinja .ivu-select-selection:hover,.inodeNinja .ivu-select-selection-focused {
    border-color: #00C08B
}

.inodeNinja .ivu-select-item-selected,.inodeNinja .ivu-select-item-selected:hover {
    color: #00C08B
}

.inodeNinja .vs__search::placeholder {
    color: #595757
}

.inodeNinja .ivu-btn-primary,.inodeNinja .ivu-input-search {
    color: #fff !important;
    background-color: #00C08B !important;
    border-color: #00C08B !important
}

.inodeNinja .ivu-btn:hover {
    color: #00C08B;
    border-color: #00C08B
}

.inodeNinja .ivu-btn-primary:hover {
    background-color: #00f3b0;
    border-color: #00f3b0
}

.inodeNinja .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #00C08B
}

.inodeNinja .ivu-tabs-ink-bar {
    background-color: #00C08B
}

.inodeNinja .cardBtn {
    color: #00C08B;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #00C08B;
    background-color: #fff
}

.inodeNinja .cardBtn:hover {
    color: #fff !important;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #00C08B;
    background-color: #00C08B
}

.inodeNinja .cardBtn.textBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 990
}

.inodeNinja .iconBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 990
}

.inodeNinja .chartWrapper {
    max-height: 40vh;
    overflow-y: scroll
}

.inodeNinja .underLineChartWrapper {
    margin-right: 50px
}

.inodeNinja .dashBoardCard {
    margin: 6px;
    min-height: 40vh
}

.inodeNinja .a8-page-description-card {
    margin-bottom: 16px
}

.inodeNinja .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0
}

.inodeNinja .cardPointer-active>.ivu-card-head {
    background: #00C08B
}

.inodeNinja .helper-card>.ivu-card-extra {
    position: absolute;
    right: 35px;
    top: 14px
}

.inodeNinja .group-card {
    min-height: 230px;
    max-height: 432px;
    overflow-y: scroll
}

.inodeNinja .helper-card>.ivu-card-head,.inodeNinja .group-card>.ivu-card-head,.inodeNinja .asset-card>.ivu-card-head,.inodeNinja .resources-card>.ivu-card-head {
    text-align: left
}

.inodeNinja a {
    color: #00C08B
}

.inodeNinja a:hover {
    color: inherit
}

.inodeNinja .returnBtn {
    cursor: pointer;
    color: #00C08B
}

.inodeNinja .hasBackgroundColor .ivu-table-header th {
    color: #fff;
    font-weight: bold;
    background-color: #00C08B;
    border: none
}

.inodeNinja .hasBackgroundColor .ivu-table-fixed-header th {
    color: #fff;
    background-color: #00C08B;
    border: none
}

.inodeNinja .hasBackgroundColor .ivu-table-fixed,.inodeNinja .hasBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.inodeNinja .hasBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.inodeNinja .noneBackgroundColor .ivu-table th {
    background: #ffffff;
    border-bottom: none;
    color: #101820
}

.inodeNinja .noneBackgroundColor .ivu-table-fixed,.inodeNinja .noneBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.inodeNinja .noneBackgroundColor .ivu-table-fixed-header {
    border-bottom: 2.5px solid #00C08B;
    background: #ffffff
}

.inodeNinja .noneBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.inodeNinja .noneBackgroundColor .ivu-table-header th {
    border-bottom: 2.5px solid #00C08B;
    background-color: #ffffff
}

.inodeNinja .ivu-table-row-hover td {
    background-color: #EFEFEF !important
}

.inodeNinja .ivu-table .table-disabled-row td {
    background-color: #EFEFEF !important
}

.inodeNinja .ivu-icon.ivu-icon-md-arrow-dropup,.inodeNinja .ivu-icon.ivu-icon-md-arrow-dropdown {
    color: #fff
}

.inodeNinja .ivu-icon.ivu-icon-md-arrow-dropup.on,.inodeNinja .ivu-icon.ivu-icon-md-arrow-dropdown.on {
    color: #595757
}

.inodeNinja .content-wrapper.ivu-layout-content {
    background-color: #EFEFEF
}

.inodeNinja .ivu-input.ivu-input-default {
    border-color: #EFEFEF !important
}

.inodeNinja .ivu-input.ivu-input-default::placeholder {
    color: #595757
}

.inodeNinja .ivu-input[disabled],.inodeNinja fieldset[disabled] .ivu-input {
    background-color: #EFEFEF;
    color: #595757
}

.inodeNinja .ivu-upload.ivu-upload-select {
    width: 100%
}

.inodeNinja .ivu-spin-fix {
    background: rgba(255,255,255,0.3)
}

.inodeNinja .ivu-spin {
    color: #EFEFEF
}

.inodeNinja .icon-spin-load {
    animation: ani-demo-spin 1s linear infinite
}

.inodeNinja .ivu-spin-dot {
    background-color: #00C08B
}

.inodeNinja .ivu-loading-bar-inner {
    background-color: #00C08B;
    height: 5px !important
}

.inodeNinja .ivu-collapse-item:last-child>.ivu-collapse-content {
    padding-bottom: 53px
}

.inodeNinja .ivu-collapse>.ivu-collapse-item:last-child {
    padding-bottom: 53px !important
}

.inodeNinja .ivu-radio-wrapper-checked.ivu-radio-border {
    border-color: #00C08B
}

.inodeNinja .ivu-notice-desc {
    text-align: left
}

.inodeNinja .successNotice {
    align-items: center;
    background: #e8f9f0;
    border: 2px solid #d0f2e1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 100px;
    justify-content: center;
    margin: 15px;
    padding: 15px;
    text-align: left
}

.inodeNinja .successNotice .successNotice-icon {
    color: #15c371;
    flex: 0 1 auto;
    font-size: 32px;
    padding: 0 10px
}

.inodeNinja .successNotice .successNotice-close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 16px;
    opacity: .2;
    padding: 0 20px
}

.inodeNinja .successNotice .successNotice-close:hover {
    opacity: .8
}

.inodeNinja .successNotice .successNotice-content {
    flex: auto;
    padding: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inodeNinja .successNotice .successNotice-content .successNotice-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.inodeNinja .successNotice>div {
    box-sizing: border-box
}

.inodeNinja .errorNotice {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    font-size: 13px;
    margin: 15px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #fff2f2;
    border: 2px solid #ffeaea
}

.inodeNinja .errorNotice,.inodeNinja .errorNotice>div {
    box-sizing: border-box
}

.inodeNinja .errorNotice .errorNotice-icon {
    flex: 0 1 auto;
    color: #e54d42;
    font-size: 32px;
    padding: 0 10px
}

.inodeNinja .errorNotice .errorNotice-close {
    flex: 0 1 auto;
    padding: 0 20px;
    font-size: 16px;
    opacity: .2;
    cursor: pointer
}

.inodeNinja .errorNotice .errorNotice-close:hover {
    opacity: .8
}

.inodeNinja .errorNotice .errorNotice-content {
    padding: 10px;
    flex: auto;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.inodeNinja .errorNotice .errorNotice-content .errorNotice-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600
}

.inodeNinja .v-fade-bottom-enter-active,.inodeNinja .v-fade-bottom-leave-active,.inodeNinja .v-fade-bottom-move {
    transition: all .5s
}

.inodeNinja .v-fade-bottom-enter,.inodeNinja .v-fade-bottom-leave-to {
    opacity: 0;
    transform: translateY(500px) scale(.2)
}

.inodeNinja .ivu-progress-inner {
    background-color: #fcf6f6
}

.inodeNinja .subscriptionCollapse.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    height: auto !important
}

.inodeNinja .design-template {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px
}

.blue .style-chooser .vs__search::placeholder,.blue .style-chooser .vs__dropdown-toggle,.blue .style-chooser .vs__dropdown-menu {
    background: #fff;
    border: none
}

.blue .loginInput .ivu-input-wrapper .ivu-input {
    border: none;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px
}

.blue .loginBtn {
    border-radius: 20px;
    height: 40px;
    border: none;
    color: #3B4E63;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 22px
}

.blue .ivu-layout-header {
    background: #1C344E !important
}

.blue .ivu-layout-sider,.blue .ivu-menu-submenu-title {
    background: #fff !important;
    color: #000 !important
}

.blue .ivu-menu.ivu-menu-vertical>.ivu-menu-item {
    background: #eff5fc !important;
    color: #000 !important
}

.blue .ivu-menu.ivu-menu-vertical .ivu-menu-item:hover,.blue .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title:hover,.blue .ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected,.blue .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active {
    background: #3B4E63 !important;
    color: #fff !important
}

.blue .ivu-menu-item {
    background: #eff5fc;
    color: #000 !important
}

.blue .horizontalMenu .menuItem {
    font-size: 14px
}

.blue .horizontalSubmenu .menuItem {
    margin-right: 4px;
    line-height: 20px;
    padding: 5px 16px 4px;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease-in-out;
    background: #f8f8f9;
    color: black !important
}

.blue .horizontalSubmenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    line-height: 21px;
    padding-bottom: 5px;
    background: #fff !important;
    transform: translateZ(0);
    color: #3B4E63 !important;
    border-color: #3B4E63 !important
}

.blue .horizontalMenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    border-color: #3B4E63 !important;
    background: #3B4E63;
    color: #fff;
    height: 100%;
    font-size: 18px
}

.blue .horizontalSubmenu>.menuItem.ivu-menu-item:hover {
    color: #3B4E63 !important
}

.blue .horizontalMenu>.menuItem.ivu-menu-item:hover {
    font-size: 18px
}

.blue .ivu-page-item:hover,.blue .ivu-page-item-active,.blue .ivu-input:focus,.blue .ivu-input:hover {
    border-color: #3B4E63
}

.blue .ivu-page-item:hover a,.blue .ivu-page-item-active a,.blue .ivu-page-item-active:hover a {
    color: #3B4E63
}

.blue .ivu-switch-checked,.blue .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #3B4E63;
    background-color: #3B4E63
}

.blue .ivu-radio-inner:after {
    background-color: #3B4E63
}

.blue .ivu-radio-checked .ivu-radio-inner {
    border-color: #3B4E63
}

.blue .ivu-switch-checked>.ivu-switch-inner {
    color: #fff !important
}

.blue .ivu-select-visible .ivu-select-selection,.blue .ivu-select-selection:hover,.blue .ivu-select-selection-focused {
    border-color: #3B4E63
}

.blue .ivu-select-item-selected,.blue .ivu-select-item-selected:hover {
    color: #3B4E63
}

.blue .vs__search::placeholder {
    color: #87a5b8
}

.blue .ivu-btn-primary,.blue .ivu-input-search {
    color: #fff !important;
    background-color: #3B4E63 !important;
    border-color: #3B4E63 !important
}

.blue .ivu-btn:hover {
    color: #3B4E63;
    border-color: #3B4E63
}

.blue .ivu-btn-primary:hover {
    background-color: #4e6783;
    border-color: #4e6783
}

.blue .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #3B4E63
}

.blue .ivu-tabs-ink-bar {
    background-color: #3B4E63
}

.blue .cardBtn {
    color: #3B4E63;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #3B4E63;
    background-color: #fff
}

.blue .cardBtn:hover {
    color: #fff !important;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #3B4E63;
    background-color: #3B4E63
}

.blue .cardBtn.textBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 990
}

.blue .iconBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 990
}

.blue .chartWrapper {
    max-height: 40vh;
    overflow-y: scroll
}

.blue .underLineChartWrapper {
    margin-right: 50px
}

.blue .dashBoardCard {
    margin: 6px;
    min-height: 40vh
}

.blue .a8-page-description-card {
    margin-bottom: 16px
}

.blue .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0
}

.blue .cardPointer-active>.ivu-card-head {
    background: #3B4E63
}

.blue .helper-card>.ivu-card-extra {
    position: absolute;
    right: 35px;
    top: 14px
}

.blue .group-card {
    min-height: 230px;
    max-height: 432px;
    overflow-y: scroll
}

.blue .helper-card>.ivu-card-head,.blue .group-card>.ivu-card-head,.blue .asset-card>.ivu-card-head,.blue .resources-card>.ivu-card-head {
    text-align: left
}

.blue a {
    color: #3B4E63
}

.blue a:hover {
    color: inherit
}

.blue .returnBtn {
    cursor: pointer;
    color: #3B4E63
}

.blue .hasBackgroundColor .ivu-table-header th {
    color: #fff;
    font-weight: bold;
    background-color: #3B4E63;
    border: none
}

.blue .hasBackgroundColor .ivu-table-fixed-header th {
    color: #fff;
    background-color: #3B4E63;
    border: none
}

.blue .hasBackgroundColor .ivu-table-fixed,.blue .hasBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.blue .hasBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.blue .noneBackgroundColor .ivu-table th {
    background: #ffffff;
    border-bottom: none;
    color: #1C344E
}

.blue .noneBackgroundColor .ivu-table-fixed,.blue .noneBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.blue .noneBackgroundColor .ivu-table-fixed-header {
    border-bottom: 2.5px solid #3B4E63;
    background: #ffffff
}

.blue .noneBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.blue .noneBackgroundColor .ivu-table-header th {
    border-bottom: 2.5px solid #3B4E63;
    background-color: #ffffff
}

.blue .ivu-table-row-hover td {
    background-color: #d4e5f9 !important
}

.blue .ivu-table .table-disabled-row td {
    background-color: #d4e5f9 !important
}

.blue .ivu-icon.ivu-icon-md-arrow-dropup,.blue .ivu-icon.ivu-icon-md-arrow-dropdown {
    color: #fff
}

.blue .ivu-icon.ivu-icon-md-arrow-dropup.on,.blue .ivu-icon.ivu-icon-md-arrow-dropdown.on {
    color: #87a5b8
}

.blue .content-wrapper.ivu-layout-content {
    background-color: #f7fafc
}

.blue .ivu-input.ivu-input-default {
    border-color: #d4e5f9 !important
}

.blue .ivu-input.ivu-input-default::placeholder {
    color: #87a5b8
}

.blue .ivu-input[disabled],.blue fieldset[disabled] .ivu-input {
    background-color: #d4e5f9;
    color: #87a5b8
}

.blue .ivu-upload.ivu-upload-select {
    width: 100%
}

.blue .ivu-spin-fix {
    background: rgba(255,255,255,0.3)
}

.blue .ivu-spin {
    color: #f7fafc
}

.blue .icon-spin-load {
    animation: ani-demo-spin 1s linear infinite
}

.blue .ivu-spin-dot {
    background-color: #3B4E63
}

.blue .ivu-loading-bar-inner {
    background-color: #3B4E63;
    height: 5px !important
}

.blue .ivu-collapse-item:last-child>.ivu-collapse-content {
    padding-bottom: 53px
}

.blue .ivu-collapse>.ivu-collapse-item:last-child {
    padding-bottom: 53px !important
}

.blue .ivu-radio-wrapper-checked.ivu-radio-border {
    border-color: #3B4E63
}

.blue .ivu-notice-desc {
    text-align: left
}

.blue .successNotice {
    align-items: center;
    background: #e8f9f0;
    border: 2px solid #d0f2e1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 100px;
    justify-content: center;
    margin: 15px;
    padding: 15px;
    text-align: left
}

.blue .successNotice .successNotice-icon {
    color: #15c371;
    flex: 0 1 auto;
    font-size: 32px;
    padding: 0 10px
}

.blue .successNotice .successNotice-close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 16px;
    opacity: .2;
    padding: 0 20px
}

.blue .successNotice .successNotice-close:hover {
    opacity: .8
}

.blue .successNotice .successNotice-content {
    flex: auto;
    padding: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blue .successNotice .successNotice-content .successNotice-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.blue .successNotice>div {
    box-sizing: border-box
}

.blue .errorNotice {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    font-size: 13px;
    margin: 15px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #fff2f2;
    border: 2px solid #ffeaea
}

.blue .errorNotice,.blue .errorNotice>div {
    box-sizing: border-box
}

.blue .errorNotice .errorNotice-icon {
    flex: 0 1 auto;
    color: #e54d42;
    font-size: 32px;
    padding: 0 10px
}

.blue .errorNotice .errorNotice-close {
    flex: 0 1 auto;
    padding: 0 20px;
    font-size: 16px;
    opacity: .2;
    cursor: pointer
}

.blue .errorNotice .errorNotice-close:hover {
    opacity: .8
}

.blue .errorNotice .errorNotice-content {
    padding: 10px;
    flex: auto;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.blue .errorNotice .errorNotice-content .errorNotice-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600
}

.blue .v-fade-bottom-enter-active,.blue .v-fade-bottom-leave-active,.blue .v-fade-bottom-move {
    transition: all .5s
}

.blue .v-fade-bottom-enter,.blue .v-fade-bottom-leave-to {
    opacity: 0;
    transform: translateY(500px) scale(.2)
}

.blue .ivu-progress-inner {
    background-color: #fcf6f6
}

.blue .subscriptionCollapse.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    height: auto !important
}

.blue .design-template {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px
}

.orange .style-chooser .vs__search::placeholder,.orange .style-chooser .vs__dropdown-toggle,.orange .style-chooser .vs__dropdown-menu {
    background: #fff;
    border: none
}

.orange .loginInput .ivu-input-wrapper .ivu-input {
    border: none;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px
}

.orange .loginBtn {
    border-radius: 20px;
    height: 40px;
    border: none;
    color: #fe5000;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 22px
}

.orange .ivu-layout-header {
    background: #101820 !important
}

.orange .ivu-layout-sider,.orange .ivu-menu-submenu-title {
    background: #191919 !important;
    color: #fff !important
}

.orange .ivu-menu.ivu-menu-vertical>.ivu-menu-item {
    background: #191919 !important;
    color: #fff !important
}

.orange .ivu-menu.ivu-menu-vertical .ivu-menu-item:hover,.orange .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title:hover,.orange .ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected,.orange .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active {
    background: #fe5000 !important;
    color: #fff !important
}

.orange .ivu-menu-item {
    background: #191919;
    color: #fff !important
}

.orange .horizontalMenu .menuItem {
    font-size: 14px
}

.orange .horizontalSubmenu .menuItem {
    margin-right: 4px;
    line-height: 20px;
    padding: 5px 16px 4px;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease-in-out;
    background: #f8f8f9;
    color: black !important
}

.orange .horizontalSubmenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    line-height: 21px;
    padding-bottom: 5px;
    background: #fff !important;
    transform: translateZ(0);
    color: #fe5000 !important;
    border-color: #fe5000 !important
}

.orange .horizontalMenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    border-color: #fe5000 !important;
    background: #fe5000;
    color: #fff;
    height: 100%;
    font-size: 18px
}

.orange .horizontalSubmenu>.menuItem.ivu-menu-item:hover {
    color: #fe5000 !important
}

.orange .horizontalMenu>.menuItem.ivu-menu-item:hover {
    font-size: 18px
}

.orange .ivu-page-item:hover,.orange .ivu-page-item-active,.orange .ivu-input:focus,.orange .ivu-input:hover {
    border-color: #fe5000
}

.orange .ivu-page-item:hover a,.orange .ivu-page-item-active a,.orange .ivu-page-item-active:hover a {
    color: #fe5000
}

.orange .ivu-switch-checked,.orange .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #fe5000;
    background-color: #fe5000
}

.orange .ivu-radio-inner:after {
    background-color: #fe5000
}

.orange .ivu-radio-checked .ivu-radio-inner {
    border-color: #fe5000
}

.orange .ivu-switch-checked>.ivu-switch-inner {
    color: #fff !important
}

.orange .ivu-select-visible .ivu-select-selection,.orange .ivu-select-selection:hover,.orange .ivu-select-selection-focused {
    border-color: #fe5000
}

.orange .ivu-select-item-selected,.orange .ivu-select-item-selected:hover {
    color: #fe5000
}

.orange .vs__search::placeholder {
    color: #191919
}

.orange .ivu-btn-primary,.orange .ivu-input-search {
    color: #fff !important;
    background-color: #fe5000 !important;
    border-color: #fe5000 !important
}

.orange .ivu-btn:hover {
    color: #fe5000;
    border-color: #fe5000
}

.orange .ivu-btn-primary:hover {
    background-color: #ff7332;
    border-color: #ff7332
}

.orange .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #fe5000
}

.orange .ivu-tabs-ink-bar {
    background-color: #fe5000
}

.orange .cardBtn {
    color: #fe5000;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #fe5000;
    background-color: #fff
}

.orange .cardBtn:hover {
    color: #fff !important;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #fe5000;
    background-color: #fe5000
}

.orange .cardBtn.textBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 990
}

.orange .iconBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 990
}

.orange .chartWrapper {
    max-height: 40vh;
    overflow-y: scroll
}

.orange .underLineChartWrapper {
    margin-right: 50px
}

.orange .dashBoardCard {
    margin: 6px;
    min-height: 40vh
}

.orange .a8-page-description-card {
    margin-bottom: 16px
}

.orange .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0
}

.orange .cardPointer-active>.ivu-card-head {
    background: #fe5000
}

.orange .helper-card>.ivu-card-extra {
    position: absolute;
    right: 35px;
    top: 14px
}

.orange .group-card {
    min-height: 230px;
    max-height: 432px;
    overflow-y: scroll
}

.orange .helper-card>.ivu-card-head,.orange .group-card>.ivu-card-head,.orange .asset-card>.ivu-card-head,.orange .resources-card>.ivu-card-head {
    text-align: left
}

.orange a {
    color: #fe5000
}

.orange a:hover {
    color: inherit
}

.orange .returnBtn {
    cursor: pointer;
    color: #fe5000
}

.orange .hasBackgroundColor .ivu-table-header th {
    color: #fff;
    font-weight: bold;
    background-color: #fe5000;
    border: none
}

.orange .hasBackgroundColor .ivu-table-fixed-header th {
    color: #fff;
    background-color: #fe5000;
    border: none
}

.orange .hasBackgroundColor .ivu-table-fixed,.orange .hasBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.orange .hasBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.orange .noneBackgroundColor .ivu-table th {
    background: #ffffff;
    border-bottom: none;
    color: #101820
}

.orange .noneBackgroundColor .ivu-table-fixed,.orange .noneBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.orange .noneBackgroundColor .ivu-table-fixed-header {
    border-bottom: 2.5px solid #fe5000;
    background: #ffffff
}

.orange .noneBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.orange .noneBackgroundColor .ivu-table-header th {
    border-bottom: 2.5px solid #fe5000;
    background-color: #ffffff
}

.orange .ivu-table-row-hover td {
    background-color: #fe5000 !important
}

.orange .ivu-table .table-disabled-row td {
    background-color: #fe5000 !important
}

.orange .ivu-icon.ivu-icon-md-arrow-dropup,.orange .ivu-icon.ivu-icon-md-arrow-dropdown {
    color: #fff
}

.orange .ivu-icon.ivu-icon-md-arrow-dropup.on,.orange .ivu-icon.ivu-icon-md-arrow-dropdown.on {
    color: #191919
}

.orange .content-wrapper.ivu-layout-content {
    background-color: #101820
}

.orange .ivu-input.ivu-input-default {
    border-color: #fe5000 !important
}

.orange .ivu-input.ivu-input-default::placeholder {
    color: #191919
}

.orange .ivu-input[disabled],.orange fieldset[disabled] .ivu-input {
    background-color: #fe5000;
    color: #191919
}

.orange .ivu-upload.ivu-upload-select {
    width: 100%
}

.orange .ivu-spin-fix {
    background: rgba(255,255,255,0.3)
}

.orange .ivu-spin {
    color: #101820
}

.orange .icon-spin-load {
    animation: ani-demo-spin 1s linear infinite
}

.orange .ivu-spin-dot {
    background-color: #fe5000
}

.orange .ivu-loading-bar-inner {
    background-color: #fe5000;
    height: 5px !important
}

.orange .ivu-collapse-item:last-child>.ivu-collapse-content {
    padding-bottom: 53px
}

.orange .ivu-collapse>.ivu-collapse-item:last-child {
    padding-bottom: 53px !important
}

.orange .ivu-radio-wrapper-checked.ivu-radio-border {
    border-color: #fe5000
}

.orange .ivu-notice-desc {
    text-align: left
}

.orange .successNotice {
    align-items: center;
    background: #e8f9f0;
    border: 2px solid #d0f2e1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 100px;
    justify-content: center;
    margin: 15px;
    padding: 15px;
    text-align: left
}

.orange .successNotice .successNotice-icon {
    color: #15c371;
    flex: 0 1 auto;
    font-size: 32px;
    padding: 0 10px
}

.orange .successNotice .successNotice-close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 16px;
    opacity: .2;
    padding: 0 20px
}

.orange .successNotice .successNotice-close:hover {
    opacity: .8
}

.orange .successNotice .successNotice-content {
    flex: auto;
    padding: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.orange .successNotice .successNotice-content .successNotice-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.orange .successNotice>div {
    box-sizing: border-box
}

.orange .errorNotice {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    font-size: 13px;
    margin: 15px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #fff2f2;
    border: 2px solid #ffeaea
}

.orange .errorNotice,.orange .errorNotice>div {
    box-sizing: border-box
}

.orange .errorNotice .errorNotice-icon {
    flex: 0 1 auto;
    color: #e54d42;
    font-size: 32px;
    padding: 0 10px
}

.orange .errorNotice .errorNotice-close {
    flex: 0 1 auto;
    padding: 0 20px;
    font-size: 16px;
    opacity: .2;
    cursor: pointer
}

.orange .errorNotice .errorNotice-close:hover {
    opacity: .8
}

.orange .errorNotice .errorNotice-content {
    padding: 10px;
    flex: auto;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.orange .errorNotice .errorNotice-content .errorNotice-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600
}

.orange .v-fade-bottom-enter-active,.orange .v-fade-bottom-leave-active,.orange .v-fade-bottom-move {
    transition: all .5s
}

.orange .v-fade-bottom-enter,.orange .v-fade-bottom-leave-to {
    opacity: 0;
    transform: translateY(500px) scale(.2)
}

.orange .ivu-progress-inner {
    background-color: #fcf6f6
}

.orange .subscriptionCollapse.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    height: auto !important
}

.orange .design-template {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px
}

.red .style-chooser .vs__search::placeholder,.red .style-chooser .vs__dropdown-toggle,.red .style-chooser .vs__dropdown-menu {
    background: #fff;
    border: none
}

.red .loginInput .ivu-input-wrapper .ivu-input {
    border: none;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px
}

.red .loginBtn {
    border-radius: 20px;
    height: 40px;
    border: none;
    color: #b81428;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 22px
}

.red .ivu-layout-header {
    background: #170305 !important
}

.red .ivu-layout-sider,.red .ivu-menu-submenu-title {
    background: #180406 !important;
    color: #fff !important
}

.red .ivu-menu.ivu-menu-vertical>.ivu-menu-item {
    background: #230509 !important;
    color: #fff !important
}

.red .ivu-menu.ivu-menu-vertical .ivu-menu-item:hover,.red .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title:hover,.red .ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected,.red .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active {
    background: #b81428 !important;
    color: #fff !important
}

.red .ivu-menu-item {
    background: #230509;
    color: #fff !important
}

.red .horizontalMenu .menuItem {
    font-size: 14px
}

.red .horizontalSubmenu .menuItem {
    margin-right: 4px;
    line-height: 20px;
    padding: 5px 16px 4px;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease-in-out;
    background: #f8f8f9;
    color: black !important
}

.red .horizontalSubmenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    line-height: 21px;
    padding-bottom: 5px;
    background: #fff !important;
    transform: translateZ(0);
    color: #b81428 !important;
    border-color: #b81428 !important
}

.red .horizontalMenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    border-color: #b81428 !important;
    background: #b81428;
    color: #fff;
    height: 100%;
    font-size: 18px
}

.red .horizontalSubmenu>.menuItem.ivu-menu-item:hover {
    color: #b81428 !important
}

.red .horizontalMenu>.menuItem.ivu-menu-item:hover {
    font-size: 18px
}

.red .ivu-page-item:hover,.red .ivu-page-item-active,.red .ivu-input:focus,.red .ivu-input:hover {
    border-color: #b81428
}

.red .ivu-page-item:hover a,.red .ivu-page-item-active a,.red .ivu-page-item-active:hover a {
    color: #b81428
}

.red .ivu-switch-checked,.red .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #b81428;
    background-color: #b81428
}

.red .ivu-radio-inner:after {
    background-color: #b81428
}

.red .ivu-radio-checked .ivu-radio-inner {
    border-color: #b81428
}

.red .ivu-switch-checked>.ivu-switch-inner {
    color: #fff !important
}

.red .ivu-select-visible .ivu-select-selection,.red .ivu-select-selection:hover,.red .ivu-select-selection-focused {
    border-color: #b81428
}

.red .ivu-select-item-selected,.red .ivu-select-item-selected:hover {
    color: #b81428
}

.red .vs__search::placeholder {
    color: #e3a0a9
}

.red .ivu-btn-primary,.red .ivu-input-search {
    color: #fff !important;
    background-color: #b81428 !important;
    border-color: #b81428 !important
}

.red .ivu-btn:hover {
    color: #b81428;
    border-color: #b81428
}

.red .ivu-btn-primary:hover {
    background-color: #e61932;
    border-color: #e61932
}

.red .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #b81428
}

.red .ivu-tabs-ink-bar {
    background-color: #b81428
}

.red .cardBtn {
    color: #b81428;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #b81428;
    background-color: #fff
}

.red .cardBtn:hover {
    color: #fff !important;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #b81428;
    background-color: #b81428
}

.red .cardBtn.textBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 990
}

.red .iconBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 990
}

.red .chartWrapper {
    max-height: 40vh;
    overflow-y: scroll
}

.red .underLineChartWrapper {
    margin-right: 50px
}

.red .dashBoardCard {
    margin: 6px;
    min-height: 40vh
}

.red .a8-page-description-card {
    margin-bottom: 16px
}

.red .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0
}

.red .cardPointer-active>.ivu-card-head {
    background: #b81428
}

.red .helper-card>.ivu-card-extra {
    position: absolute;
    right: 35px;
    top: 14px
}

.red .group-card {
    min-height: 230px;
    max-height: 432px;
    overflow-y: scroll
}

.red .helper-card>.ivu-card-head,.red .group-card>.ivu-card-head,.red .asset-card>.ivu-card-head,.red .resources-card>.ivu-card-head {
    text-align: left
}

.red a {
    color: #b81428
}

.red a:hover {
    color: inherit
}

.red .returnBtn {
    cursor: pointer;
    color: #b81428
}

.red .hasBackgroundColor .ivu-table-header th {
    color: #fff;
    font-weight: bold;
    background-color: #b81428;
    border: none
}

.red .hasBackgroundColor .ivu-table-fixed-header th {
    color: #fff;
    background-color: #b81428;
    border: none
}

.red .hasBackgroundColor .ivu-table-fixed,.red .hasBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.red .hasBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.red .noneBackgroundColor .ivu-table th {
    background: #ffffff;
    border-bottom: none;
    color: #170305
}

.red .noneBackgroundColor .ivu-table-fixed,.red .noneBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.red .noneBackgroundColor .ivu-table-fixed-header {
    border-bottom: 2.5px solid #b81428;
    background: #ffffff
}

.red .noneBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.red .noneBackgroundColor .ivu-table-header th {
    border-bottom: 2.5px solid #b81428;
    background-color: #ffffff
}

.red .ivu-table-row-hover td {
    background-color: #fcf6f6 !important
}

.red .ivu-table .table-disabled-row td {
    background-color: #fcf6f6 !important
}

.red .ivu-icon.ivu-icon-md-arrow-dropup,.red .ivu-icon.ivu-icon-md-arrow-dropdown {
    color: #fff
}

.red .ivu-icon.ivu-icon-md-arrow-dropup.on,.red .ivu-icon.ivu-icon-md-arrow-dropdown.on {
    color: #e3a0a9
}

.red .content-wrapper.ivu-layout-content {
    background-color: #fcf6f6
}

.red .ivu-input.ivu-input-default {
    border-color: #fcf6f6 !important
}

.red .ivu-input.ivu-input-default::placeholder {
    color: #e3a0a9
}

.red .ivu-input[disabled],.red fieldset[disabled] .ivu-input {
    background-color: #fcf6f6;
    color: #e3a0a9
}

.red .ivu-upload.ivu-upload-select {
    width: 100%
}

.red .ivu-spin-fix {
    background: rgba(255,255,255,0.3)
}

.red .ivu-spin {
    color: #fcf6f6
}

.red .icon-spin-load {
    animation: ani-demo-spin 1s linear infinite
}

.red .ivu-spin-dot {
    background-color: #b81428
}

.red .ivu-loading-bar-inner {
    background-color: #b81428;
    height: 5px !important
}

.red .ivu-collapse-item:last-child>.ivu-collapse-content {
    padding-bottom: 53px
}

.red .ivu-collapse>.ivu-collapse-item:last-child {
    padding-bottom: 53px !important
}

.red .ivu-radio-wrapper-checked.ivu-radio-border {
    border-color: #b81428
}

.red .ivu-notice-desc {
    text-align: left
}

.red .successNotice {
    align-items: center;
    background: #e8f9f0;
    border: 2px solid #d0f2e1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 100px;
    justify-content: center;
    margin: 15px;
    padding: 15px;
    text-align: left
}

.red .successNotice .successNotice-icon {
    color: #15c371;
    flex: 0 1 auto;
    font-size: 32px;
    padding: 0 10px
}

.red .successNotice .successNotice-close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 16px;
    opacity: .2;
    padding: 0 20px
}

.red .successNotice .successNotice-close:hover {
    opacity: .8
}

.red .successNotice .successNotice-content {
    flex: auto;
    padding: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.red .successNotice .successNotice-content .successNotice-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.red .successNotice>div {
    box-sizing: border-box
}

.red .errorNotice {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    font-size: 13px;
    margin: 15px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #fff2f2;
    border: 2px solid #ffeaea
}

.red .errorNotice,.red .errorNotice>div {
    box-sizing: border-box
}

.red .errorNotice .errorNotice-icon {
    flex: 0 1 auto;
    color: #e54d42;
    font-size: 32px;
    padding: 0 10px
}

.red .errorNotice .errorNotice-close {
    flex: 0 1 auto;
    padding: 0 20px;
    font-size: 16px;
    opacity: .2;
    cursor: pointer
}

.red .errorNotice .errorNotice-close:hover {
    opacity: .8
}

.red .errorNotice .errorNotice-content {
    padding: 10px;
    flex: auto;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.red .errorNotice .errorNotice-content .errorNotice-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600
}

.red .v-fade-bottom-enter-active,.red .v-fade-bottom-leave-active,.red .v-fade-bottom-move {
    transition: all .5s
}

.red .v-fade-bottom-enter,.red .v-fade-bottom-leave-to {
    opacity: 0;
    transform: translateY(500px) scale(.2)
}

.red .ivu-progress-inner {
    background-color: #fcf6f6
}

.red .subscriptionCollapse.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    height: auto !important
}

.red .design-template {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px
}

.yellow .style-chooser .vs__search::placeholder,.yellow .style-chooser .vs__dropdown-toggle,.yellow .style-chooser .vs__dropdown-menu {
    background: #fff;
    border: none
}

.yellow .loginInput .ivu-input-wrapper .ivu-input {
    border: none;
    padding: 0 15px;
    height: 40px;
    font-size: 15px;
    border-radius: 20px
}

.yellow .loginBtn {
    border-radius: 20px;
    height: 40px;
    border: none;
    color: #fcc700;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-top: 22px
}

.yellow .ivu-layout-header {
    background: #231916 !important
}

.yellow .ivu-layout-sider,.yellow .ivu-menu-submenu-title {
    background: #231916 !important;
    color: #fff !important
}

.yellow .ivu-menu.ivu-menu-vertical>.ivu-menu-item {
    background: #3e3e3e !important;
    color: #fff !important
}

.yellow .ivu-menu.ivu-menu-vertical .ivu-menu-item:hover,.yellow .ivu-menu.ivu-menu-vertical .ivu-menu-submenu-title:hover,.yellow .ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected,.yellow .ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active {
    background: #fcc700 !important;
    color: #000 !important
}

.yellow .ivu-menu-item {
    background: #3e3e3e;
    color: #fff !important
}

.yellow .horizontalMenu .menuItem {
    font-size: 14px
}

.yellow .horizontalSubmenu .menuItem {
    margin-right: 4px;
    line-height: 20px;
    padding: 5px 16px 4px;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    transition: all .3s ease-in-out;
    background: #f8f8f9;
    color: black !important
}

.yellow .horizontalSubmenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    line-height: 21px;
    padding-bottom: 5px;
    background: #fff !important;
    transform: translateZ(0);
    color: #fcc700 !important;
    border-color: #fcc700 !important
}

.yellow .horizontalMenu .menuItem.ivu-menu-item.ivu-menu-item-active.ivu-menu-item-selected {
    border-color: #fcc700 !important;
    background: #fcc700;
    color: #fff;
    height: 100%;
    font-size: 18px
}

.yellow .horizontalSubmenu>.menuItem.ivu-menu-item:hover {
    color: #fcc700 !important
}

.yellow .horizontalMenu>.menuItem.ivu-menu-item:hover {
    font-size: 18px
}

.yellow .ivu-page-item:hover,.yellow .ivu-page-item-active,.yellow .ivu-input:focus,.yellow .ivu-input:hover {
    border-color: #fcc700
}

.yellow .ivu-page-item:hover a,.yellow .ivu-page-item-active a,.yellow .ivu-page-item-active:hover a {
    color: #fcc700
}

.yellow .ivu-switch-checked,.yellow .ivu-checkbox-checked .ivu-checkbox-inner {
    border-color: #fcc700;
    background-color: #fcc700
}

.yellow .ivu-radio-inner:after {
    background-color: #fcc700
}

.yellow .ivu-radio-checked .ivu-radio-inner {
    border-color: #fcc700
}

.yellow .ivu-switch-checked>.ivu-switch-inner {
    color: #000 !important
}

.yellow .ivu-select-visible .ivu-select-selection,.yellow .ivu-select-selection:hover,.yellow .ivu-select-selection-focused {
    border-color: #fcc700
}

.yellow .ivu-select-item-selected,.yellow .ivu-select-item-selected:hover {
    color: #fcc700
}

.yellow .vs__search::placeholder {
    color: #e5d599
}

.yellow .ivu-btn-primary,.yellow .ivu-input-search {
    color: #000 !important;
    background-color: #fcc700 !important;
    border-color: #fcc700 !important
}

.yellow .ivu-btn:hover {
    color: #fcc700;
    border-color: #fcc700
}

.yellow .ivu-btn-primary:hover {
    background-color: #ffd330;
    border-color: #ffd330
}

.yellow .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #fcc700
}

.yellow .ivu-tabs-ink-bar {
    background-color: #fcc700
}

.yellow .cardBtn {
    color: #fcc700;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #fcc700;
    background-color: #fff
}

.yellow .cardBtn:hover {
    color: #fff !important;
    margin: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #fcc700;
    background-color: #fcc700
}

.yellow .cardBtn.textBtn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 990
}

.yellow .iconBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 990
}

.yellow .chartWrapper {
    max-height: 40vh;
    overflow-y: scroll
}

.yellow .underLineChartWrapper {
    margin-right: 50px
}

.yellow .dashBoardCard {
    margin: 6px;
    min-height: 40vh
}

.yellow .a8-page-description-card {
    margin-bottom: 16px
}

.yellow .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0
}

.yellow .cardPointer-active>.ivu-card-head {
    background: #fcc700
}

.yellow .helper-card>.ivu-card-extra {
    position: absolute;
    right: 35px;
    top: 14px
}

.yellow .group-card {
    min-height: 230px;
    max-height: 432px;
    overflow-y: scroll
}

.yellow .helper-card>.ivu-card-head,.yellow .group-card>.ivu-card-head,.yellow .asset-card>.ivu-card-head,.yellow .resources-card>.ivu-card-head {
    text-align: left
}

.yellow a {
    color: #fcc700
}

.yellow a:hover {
    color: inherit
}

.yellow .returnBtn {
    cursor: pointer;
    color: #fcc700
}

.yellow .hasBackgroundColor .ivu-table-header th {
    color: #000;
    font-weight: bold;
    background-color: #fcc700;
    border: none
}

.yellow .hasBackgroundColor .ivu-table-fixed-header th {
    color: #000;
    background-color: #fcc700;
    border: none
}

.yellow .hasBackgroundColor .ivu-table-fixed,.yellow .hasBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.yellow .hasBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.yellow .noneBackgroundColor .ivu-table th {
    background: #ffffff;
    border-bottom: none;
    color: #231916
}

.yellow .noneBackgroundColor .ivu-table-fixed,.yellow .noneBackgroundColor .ivu-table-fixed-right {
    box-shadow: none;
    background: #ffffff
}

.yellow .noneBackgroundColor .ivu-table-fixed-header {
    border-bottom: 2.5px solid #fcc700;
    background: #ffffff
}

.yellow .noneBackgroundColor .ivu-table-fixed-body {
    z-index: 0
}

.yellow .noneBackgroundColor .ivu-table-header th {
    border-bottom: 2.5px solid #fcc700;
    background-color: #ffffff
}

.yellow .ivu-table-row-hover td {
    background-color: #fef4cc !important
}

.yellow .ivu-table .table-disabled-row td {
    background-color: #fef4cc !important
}

.yellow .ivu-icon.ivu-icon-md-arrow-dropup,.yellow .ivu-icon.ivu-icon-md-arrow-dropdown {
    color: #000
}

.yellow .ivu-icon.ivu-icon-md-arrow-dropup.on,.yellow .ivu-icon.ivu-icon-md-arrow-dropdown.on {
    color: #e5d599
}

.yellow .content-wrapper.ivu-layout-content {
    background-color: #fffbeb
}

.yellow .ivu-input.ivu-input-default {
    border-color: #fef4cc !important
}

.yellow .ivu-input.ivu-input-default::placeholder {
    color: #e5d599
}

.yellow .ivu-input[disabled],.yellow fieldset[disabled] .ivu-input {
    background-color: #fef4cc;
    color: #e5d599
}

.yellow .ivu-upload.ivu-upload-select {
    width: 100%
}

.yellow .ivu-spin-fix {
    background: rgba(255,255,255,0.3)
}

.yellow .ivu-spin {
    color: #fffbeb
}

.yellow .icon-spin-load {
    animation: ani-demo-spin 1s linear infinite
}

.yellow .ivu-spin-dot {
    background-color: #fcc700
}

.yellow .ivu-loading-bar-inner {
    background-color: #fcc700;
    height: 5px !important
}

.yellow .ivu-collapse-item:last-child>.ivu-collapse-content {
    padding-bottom: 53px
}

.yellow .ivu-collapse>.ivu-collapse-item:last-child {
    padding-bottom: 53px !important
}

.yellow .ivu-radio-wrapper-checked.ivu-radio-border {
    border-color: #fcc700
}

.yellow .ivu-notice-desc {
    text-align: left
}

.yellow .successNotice {
    align-items: center;
    background: #e8f9f0;
    border: 2px solid #d0f2e1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 13px;
    height: 100px;
    justify-content: center;
    margin: 15px;
    padding: 15px;
    text-align: left
}

.yellow .successNotice .successNotice-icon {
    color: #15c371;
    flex: 0 1 auto;
    font-size: 32px;
    padding: 0 10px
}

.yellow .successNotice .successNotice-close {
    cursor: pointer;
    flex: 0 1 auto;
    font-size: 16px;
    opacity: .2;
    padding: 0 20px
}

.yellow .successNotice .successNotice-close:hover {
    opacity: .8
}

.yellow .successNotice .successNotice-content {
    flex: auto;
    padding: 10px;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yellow .successNotice .successNotice-content .successNotice-title {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.yellow .successNotice>div {
    box-sizing: border-box
}

.yellow .errorNotice {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
    font-size: 13px;
    margin: 15px;
    padding: 15px;
    align-items: center;
    justify-content: center;
    height: 100px;
    background: #fff2f2;
    border: 2px solid #ffeaea
}

.yellow .errorNotice,.yellow .errorNotice>div {
    box-sizing: border-box
}

.yellow .errorNotice .errorNotice-icon {
    flex: 0 1 auto;
    color: #e54d42;
    font-size: 32px;
    padding: 0 10px
}

.yellow .errorNotice .errorNotice-close {
    flex: 0 1 auto;
    padding: 0 20px;
    font-size: 16px;
    opacity: .2;
    cursor: pointer
}

.yellow .errorNotice .errorNotice-close:hover {
    opacity: .8
}

.yellow .errorNotice .errorNotice-content {
    padding: 10px;
    flex: auto;
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.yellow .errorNotice .errorNotice-content .errorNotice-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600
}

.yellow .v-fade-bottom-enter-active,.yellow .v-fade-bottom-leave-active,.yellow .v-fade-bottom-move {
    transition: all .5s
}

.yellow .v-fade-bottom-enter,.yellow .v-fade-bottom-leave-to {
    opacity: 0;
    transform: translateY(500px) scale(.2)
}

.yellow .ivu-progress-inner {
    background-color: #fcf6f6
}

.yellow .subscriptionCollapse.ivu-collapse>.ivu-collapse-item>.ivu-collapse-header {
    height: auto !important
}

.yellow .design-template {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px
}