﻿

.step-menu {
    list-style-type: none;
    width: 1200px;
    margin: 0 auto;
    padding-left:0px;
}

    .step-menu li {
        box-sizing: border-box;
        float: left;
        background: #ddd;
        height: 50px;
        text-align: center;
        padding: 15px 35px 15px 70px;
        position: relative;
        margin-left: 10px;
        cursor:not-allowed;
    }

        .step-menu li:before {
            content: '';
            position: absolute;
            border: 25px solid transparent;
            border-left-color: #fff;
            top: 0px;
            right: -60px;
        }

        .step-menu li:after {
            content: '';
            position: absolute;
            border: 25px solid transparent;
            border-left-color: #ddd;
            top: 0px;
            right: -50px;
        }

        .step-menu li:nth-child(1) {
            z-index: 205;
            margin-left: 0;
            padding-left: 30px
        }

        .step-menu li:nth-child(2) {
            z-index: 204;
        }

        .step-menu li:nth-child(3) {
            z-index: 203;
        }

        .step-menu li:nth-child(4) {
            z-index: 202;
        }

        .step-menu li:nth-child(5) {
            z-index: 201;
        }

        .step-menu li:nth-child(6) {
            z-index: 200;
        }

        /*.step-menu li:nth-child(7) {
            z-index: 200;
        }

        .step-menu li:nth-child(8) {
            z-index: 100;
           
        }*/

            .step-menu li:nth-child(6):after,
            .step-menu li:nth-child(6):before {
                border: none
            }

        .step-menu li.current {
            background: rgba(51,122,183, 0.75);
            color: white;
            cursor:default;
        }

            .step-menu li.current:after {
                border-left-color: rgba(51,122,183, 0.75);
            }

        .step-menu li.complete {
            background: rgba(51,122,183, 0.4);
            color: white;
            cursor:pointer;
        }

            .step-menu li.complete:after {
                border-left-color: rgba(51,122,183, 0.4);
            }



/* rma status */



.step-menu-2 {
    list-style-type: none;
    width: 940px;
    margin: 0 auto;
    padding-left: 0px;
}

    .step-menu-2 li {
        box-sizing: border-box;
        float: left;
        background: #ddd;
        height: 50px;
        text-align: center;
        padding: 15px 75px 15px 110px;
        /*padding: 15px 35px 15px 70px;*/
        position: relative;
        margin-left: 10px;
        cursor: not-allowed;
    }

        .step-menu-2 li:before {
            content: '';
            position: absolute;
            border: 25px solid transparent;
            border-left-color: #fff;
            top: 0px;
            right: -60px;
        }

        .step-menu-2 li:after {
            content: '';
            position: absolute;
            border: 25px solid transparent;
            border-left-color: #ddd;
            top: 0px;
            right: -50px;
        }

        .step-menu-2 li:nth-child(1) {
            z-index: 204;
            margin-left: 0;
            padding-left: 65px;
        }

        .step-menu-2 li:nth-child(2) {
            z-index: 203;
        }

        .step-menu-2 li:nth-child(3) {
            z-index: 202;
        }

        .step-menu-2 li:nth-child(4) {
            z-index: 201;
        }

        /*.step-menu-2 li:nth-child(5) {
            z-index: 200;
        }*/

            .step-menu-2 li:nth-child(4):after,
            .step-menu-2 li:nth-child(4):before {
                border: none
            }

        .step-menu-2 li.current {
            background: rgba(51,122,183, 0.75);
            color: white;
            cursor: default;
        }

            .step-menu-2 li.current:after {
                border-left-color: rgba(51,122,183, 0.75);
            }

        .step-menu-2 li.complete {
            background: rgba(51,122,183, 0.4);
            color: white;
            cursor: pointer;
        }

            .step-menu-2 li.complete:after {
                border-left-color: rgba(51,122,183, 0.4);
            }
