.shop{
    background: #709342;
    padding-top: 3rem;
    color: #e8e2d9;
}

.shop-step-title {
    overflow: hidden;
    text-align:left;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.shop-step-title span {
    display: inline-block;
    position: relative;  
}

.shop-step-title span:after {
    content: "";
    position: absolute;
    height: 1px;
    border-bottom: 1px solid rgba(240,240,240,0.5);
    top: 0.5em;
    width: 40px;
    text-align: left;
}
.shop-step-title span:before {
    right: 100%;
    margin-right: 15px;
}
.shop-step-title span:after {
    left: 100%;
    margin-left: 15px;
}

.shop-step-title-left {
    text-align: left;   
}


.shop-step-title span:after{
    width: 1200px;
    border-bottom: 3px solid rgba(240,240,240,0.3);
}

.remove-order-item{
    color:  #cc3333;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #777;
    opacity: 0.8;
}

.shop-nav{
    background:  #bbd3a3;
    border-bottom: 4px solid #fff;
}


.shop-nav ul li.active a{
    color: #817156;
}

.shop-nav ul li.active:after{
    content: "\2713";
    font-size: 130%;
    color: #008000;
    padding: 0px 6px 2px 2px;
    font-weight: bolder;
}

.btn-shop{
    text-decoration: none;
    background: #5f5139;
    color: #d7cec4;
    border: 2px solid #d7cec4;
}

.btn-shop:hover{
    text-decoration: none;
    background: #d7cec4;
    color: #5f5139;
}

.buy-steps{
}

.shop-table > thead > tr > th,
.shop-table > tbody > tr > th,
.shop-table > tfoot > tr > th,
.shop-table > thead > tr > td,
.shop-table > tbody > tr > td,
.shop-table > tfoot > tr > td{
    color: #e8e2d9;
}



.shop-nav ul li a {
    color: #5f5139;
}

.shop-nav ul li a > span {
    background: #5f5139;
    color: #e8e2d9;
    padding: 4px 6px;
    font-size: 120%;
}

.shop-nav ul li.current {
    background: #fff;
}

@media (min-width:768px){
    .shop{
    padding-top: 5rem;
}
}