.mst-rma {
    &-block {
        display:   flex;
        flex-wrap: wrap;

        &._align-top {
            align-items: baseline;
        }
    }

    &-box {
        border:        2px solid #e8e8e8;
        padding:       1.5rem 2rem 2rem 2rem;
        flex-grow:     1;
        margin-bottom: 2rem;

        &._half {
            max-width: 50%;
        }

        &._no-border {
            padding: 0;
            border:  0;
        }

        &:last-child {
            margin-right: 0;
        }

        &__title {
            font-weight:   600;
            margin-bottom: 1rem;
        }

        &__content {
            table {
                tr {
                    th {
                        &:first-child {
                            padding-left: 0;
                            font-weight:  600;
                            font-size:    1.3rem;
                        }
                    }
                }
            }
        }

        + .mst-rma-box {
            margin-left: 2rem;
        }

        &__tabs {
            display:       flex;
            list-style:    none;
            margin:        -1.7rem -2.2rem 2rem -2.2rem;
            border-bottom: none; // 2px solid #e8e8e8;

            > li {
                padding:     1rem;
                background:  #e8e8e8;
                cursor:      pointer;
                flex-grow:   1;
                text-align:  center;
                font-weight: 600;

                &._active {
                    background: #524d48;
                    color:      #ffffff;
                    cursor:     default;
                }
            }
        }

        &__tabs-content {
            > div {
                display: none;
            }

            ._active {
                display: block;
            }
        }
    }
}

.mst-rma-badge {
    background:     #b9b9b9;
    color:          #ffffff;
    text-align:     center;
    border-radius:  2px;
    font-size:      12px;
    line-height:    1;
    padding:        4px 8px;
    vertical-align: baseline;
    white-space:    nowrap;
    display:        block;

    &.status-branch-aqua {
        background: #2ec5b9;
    }

    &.status-branch-grey {
        background: #868686;
    }

    &.status-branch-navy {
        background: #4c7eb4;
    }

    &.status-branch-silver {
        background: #c0c0c0;
    }

    &.status-branch-black {
        background: #424242;
    }

    &.status-branch-green {
        background: #59e05b;
    }

    &.status-branch-olive {
        background: #668121;
    }

    &.status-branch-teal {
        background: #3298b1;
    }

    &.status-branch-blue {
        background: #5e6bff;
    }

    &.status-branch-lime {
        background: #68cf70;
    }

    &.status-branch-purple {
        background: #c007bf;
    }

    &.status-branch-fuchsia {
        background: #d55bd5;
    }

    &.status-branch-maroon {
        background: #af5959;
    }

    &.status-branch-red {
        background: #ff2525;
    }

    &.status-branch-orange {
        background: #ff8c00;
    }

    &.status-branch-yellow {
        background: #f0b700;
    }
}
