.bgc_dark {
    background-color: #2c244b;
}

.bgc_light {
    background-color: #f6f7fc;
}

.bgc_main {
    background-color: #4e31ba;
}

.bgc_gray {
    background-color: #f1f5f8;
}

.bgc_border {
    background-color: #e5e7f3;
}

.bgc_blue {
    background-color: #4373f6;
}

.bgc_green {
    background-color: #7ad9d5;
}

.bgc_red {
    background-color: #b24d78;
}

.bgc_orange {
    background-color: #f2685f;
}

.bgc_yellow {
    background-color: #ffc257;
}

.bgc_w {
    background-color: #fff;
}

.bgc_b {
    background-color: #000;
}

.fc_dark {
    color: #2c244b;
}

.fc_light {
    color: #f6f7fc;
}

.fc_border {
    color: #e5e7f3;
}

.fc_blue {
    color: #4373f6;
}

.fc_green {
    color: #7ad9d5;
}

.fc_red {
    color: #b24d78;
}

.fc_orange {
    color: #f2685f;
}

.fc_yellow {
    color: #ffc257;
}

.alert.type-1,
.button.info {
    background-color: #4373f6;
    color: #f6f7fc;
}

.alert.type-3,
.button.warning {
    background-color: #ffc257;
    color: #2c244b;
}

.alert.type-5,
.button.error {
    background-color: #f2685f;
    color: #f6f7fc;
}

.alert.type-9,
.button.success {
    background-color: #7ad9d5;
    color: #2c244b;
}

.alert.dark,
.button.dark {
    color: #f6f7fc;
    background-color: #2c244b;
}

.disabled {
    background: #f1f5f8;
    color: #ececec;
    border-color: #ececec;
}

.disabled:hover {
    color: #aaa;
}