.ui-btn {
    box-sizing:border-box;
    overflow: hidden;

    padding:0 10px;
    height:40px;

    font-size:16px;
    line-height:22px;
    text-align:center;
    color:rgb(255,155,52);
    /*color:rgb(0,122,255);*/
    cursor: pointer;

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.ui-btn--align-center {
    justify-content: center;
}
.ui-btn--align-justify {
    justify-content: space-between;
}
.ui-btn--align-left {
    justify-content: flex-start;
}
.ui-btn--align-right {
    justify-content: flex-end;
}

.ui-btn .btn-text {
    display: block;
    box-sizing:border-box;
    text-align: center;
}

.ui-btn .btn-icon {
    display: block;
    box-sizing:border-box;
}

.ui-btn .btn-icon.btn-icon--order {
    order: 1;
}

.ui-btn.ui-dis {
    color: rgba(160,160,160,1.0);
    cursor: default;
}

.ui-btn.ui-sel {
    opacity: 0.5;
}

.ui-btn:active,
.ui-btn.fake-active {
}