.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 .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 .ivu-btn-primary {
    color: #fff !important;
    background-color: #3b4e63;
    border-color: #3b4e63;
}
.blue .ivu-btn:hover {
    color: #3b4e63;
    border-color: #3b4e63;
}
.blue .ivu-btn-primary:hover {
    background-color: #4e6783;
    border-color: #4e6783;
}
.blue .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0;
}
.blue .ivu-card,
.blue .ivu-card-body {
    height: 100%;
}
.blue a:hover {
    color: inherit;
}
.blue .ivu-table-header th {
    color: #fff;
    font-weight: bold;
    background-color: #3b4e63;
    border: none;
}
.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 .content-wrapper.ivu-layout-content {
    background-color: #f7fafc;
}
.blue .ivu-input.ivu-input-default {
    color: #7e6400;
    border-color: #d4e5f9 !important;
}
.blue .ivu-input.ivu-input-default::placeholder {
    color: #87a5b8;
}
.blue .ivu-input[disabled],
.blue fieldset[disabled] .ivu-input {
    background-color: #87a5b8;
    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;
}
.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 .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 .ivu-btn-primary {
    color: #fff !important;
    background-color: #b81428;
    border-color: #b81428;
}
.red .ivu-btn:hover {
    color: #b81428;
    border-color: #b81428;
}
.red .ivu-btn-primary:hover {
    background-color: #e61932;
    border-color: #e61932;
}
.red .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0;
}
.red .ivu-card,
.red .ivu-card-body {
    height: 100%;
}
.red a:hover {
    color: inherit;
}
.red .ivu-table-header th {
    color: #fff;
    font-weight: bold;
    background-color: #b81428;
    border: none;
}
.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 .content-wrapper.ivu-layout-content {
    background-color: #fcf6f6;
}
.red .ivu-input.ivu-input-default {
    color: #7e6400;
    border-color: #fcf6f6 !important;
}
.red .ivu-input.ivu-input-default::placeholder {
    color: #e3a0a9;
}
.red .ivu-input[disabled],
.red fieldset[disabled] .ivu-input {
    background-color: #e3a0a9;
    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;
}
.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 .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 .ivu-btn-primary {
    color: #000 !important;
    background-color: #fcc700;
    border-color: #fcc700;
}
.yellow .ivu-btn:hover {
    color: #fcc700;
    border-color: #fcc700;
}
.yellow .ivu-btn-primary:hover {
    background-color: #ffd330;
    border-color: #ffd330;
}
.yellow .card-shadow {
    box-shadow: 1px 1px 6px 1px #dedfe0;
}
.yellow .ivu-card,
.yellow .ivu-card-body {
    height: 100%;
}
.yellow a:hover {
    color: inherit;
}
.yellow .ivu-table-header th {
    color: #000;
    font-weight: bold;
    background-color: #fcc700;
    border: none;
}
.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 .content-wrapper.ivu-layout-content {
    background-color: #fffbeb;
}
.yellow .ivu-input.ivu-input-default {
    color: #7e6400;
    border-color: #fef4cc !important;
}
.yellow .ivu-input.ivu-input-default::placeholder {
    color: #e5d599;
}
.yellow .ivu-input[disabled],
.yellow fieldset[disabled] .ivu-input {
    background-color: #e5d599;
    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;
}