/**
经典菜单 相关 开始
 */
#menu-change-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    background-color: #4cae4c;
}

.classic-menu-card {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 5px solid #d4d4d4;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.card-header-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.card-body {
    padding-bottom: 10px;
}

.card-body-title {
    font-size: 14px;
    color: #979797;
    margin-bottom: 3px;
}

.menu-btn-item {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 10px;
    width: 50%;
    float: left;
    position: relative;
}

.menu-btn-item-edit-bg {
    background-color: #fffa90;
    opacity: 0.7;
}

.menu-edit-choose-cancel-btn {
    position: absolute;
    right: 5px;
}

.menu-edit-choose-cancel-btn i {
    font-size: 20px;
}

.menu-edit-btn {
    float: right;
    color: #FFFFFF;
}

.menu-edit-btn-cancel {
    float: right;
    color: #FFFFFF;
}

.menu-btn-icon-size {
    font-size: 20px;
}

.menu-btn-icon {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    float: left;
    margin-left: 6px;
}

.menu-btn-title-desc {
    font-size: 10px;
    float: left;
    margin-left: 6px;
}

.menu-btn-title {
    color: #2b2b2b;
    font-size: 15px;
}

.menu-btn-desc {
    color: #979797;
    font-size: 10px;
    overflow: hidden;
    text-overflow: clip; /*clip ellipsis string*/
    white-space: nowrap;
    width: 11em;
}

/**
经典菜单 相关 结束
 */

/**
经典菜单 icon 颜色 开始
 */
.icon-color-red {
    color: #ff0006;
}

.icon-color-deep-red {
    color: #EF3A2D;
}

.icon-color-blue {
    color: #0000cc;
}

.icon-color-info {
    color: #5bc0de;
}

.icon-color-green {
    color: #229922;
}

.icon-color-deep-green {
    color: #398439;
}

.icon-color-orange {
    color: #DA8028;
}

.icon-color-deep-orange {
    color: #ff5500;
}

.icon-color-gray {
    color: #aaaaaa;
}

.icon-color-deep-gray {
    color: #575757;
}

.icon-color-brown {
    color: #9c3328;
}

.icon-color-purple {
    color: #d44661;
}

.icon-color-yellow {
    color: #ffff00;
}

.icon-color-gold {
    color: #FDB026;
}

.icon-color-black {
    color: #000000;
}

.icon-color-white {
    color: #aeb3b9;
}

/**
经典菜单 icon 颜色 结束
 */
/**
经典菜单 icon 背景颜色 开始
 */
.icon-color-bg-red {
    /*background-color: #ff0006;*/
    background: linear-gradient(to top right, #ff0006, #f5e79e);
}

.icon-color-bg-deep-red {
    /*background-color: #EF3A2D;*/
    background: linear-gradient(to top right, #EF3A2D, #f5e79e);
}

.icon-color-bg-blue {
    /*background-color: #0000cc;*/
    background: linear-gradient(to top right, #0000cc, #f5e79e);
}

.icon-color-bg-info {
    /*background-color: #5bc0de;*/
    background: linear-gradient(to top right, #5bc0de, #f5e79e);
}

.icon-color-bg-green {
    /* background-color: #229922;*/
    background: linear-gradient(to top right, #229922, #f5e79e);
}

.icon-color-bg-deep-green {
    /*background-color: #398439;*/
    background: linear-gradient(to top right, #398439, #f5e79e);
}

.icon-color-bg-orange {
    /*background-color: #DA8028;*/
    background: linear-gradient(to top right, #DA8028, #f5e79e);
}

.icon-color-bg-deep-orange {
    /*background-color: #ff5500;*/
    background: linear-gradient(to top right, #ff5500, #f5e79e);
}

.icon-color-bg-gray {
    /*background-color: #aaaaaa;*/
    background: linear-gradient(to top right, #aaaaaa, #f5e79e);
}

.icon-color-bg-deep-gray {
    /*background-color: #575757;*/
    background: linear-gradient(to top right, #575757, #f5e79e);
}

.icon-color-bg-brown {
    /*background-color: #9c3328;*/
    background: linear-gradient(to top right, #9c3328, #f5e79e);
}

.icon-color-bg-purple {
    /*background-color: #d44661;*/
    background: linear-gradient(to top right, #d44661, #f5e79e);
}

.icon-color-bg-yellow {
    /*background-color: #ffff00;*/
    background: linear-gradient(to top right, #ffff00, #f5e79e);
}

.icon-color-bg-gold {
    /*background-color: #FDB026;*/
    background: linear-gradient(to top right, #FDB026, #f5e79e);
}

.icon-color-bg-black {
    /*background-color: #000000;*/
    background: linear-gradient(to top right, #000000, #f5e79e);
}

.icon-color-bg-white {
    /*background-color: #d4d4d4;*/
    background: linear-gradient(to top right, #d4d4d4, #f5e79e);
}

/**
经典菜单 icon 背景颜色 结束
 */