.container-width
{
    max-width: 1500px;
}

.page_title
{
    width: 100%;
    background-color: #0E1F5C;
    padding: 30px 60px;
}

.page_title h2
{
    font-weight: 700; /*font-size: 1.5rem;*/
    line-height: 29px;
    color: #ffffff;
    margin: 0;
    font-size: 22px;
}








.page_title_step
{
    width: 100%;
    color: #4A4A4A;
    padding: 30px 60px;
    border-top: 2px solid #f0f0f0;
}
.page_title_step h2
{
    font-weight: 700; /* font-size: 1.5rem; */
    line-height: 29px;
    color: #000000;
    margin: 0;
    font-size: 22px;
}
.steplink:hover
{
    text-decoration: none !important;
}
.step-edit
{
    font-size: 14px;
    float: right;
    font-weight: normal;
}
    .step-edit:hover {
        color: #bf9b30;
        cursor: pointer;
    }

.no-link:hover
{
    cursor: default;
    color: inherit;
}

.edit-pen {
    margin-left: 5px;
    color: #bf9b30;
}
.popupnext
{
    background-color: #9DAC39;
    color: #ffffff;
    border-radius: 0px;
    border: 1px solid #9DAC39;
}
.popupnext:hover
{
    background-color: #9DAC39;
    color: #ffffff;
    border: 1px solid #9DAC39;
}
.popupback
{
    background-color: #ffffff;
    color: #9DAC39;
    border-radius: 0px;
    border: 1px solid #9DAC39;
}
.popupback:hover
{
    background-color: #9DAC39;
    color: #ffffff;
    border-radius: 0px;
    border: 1px solid #9DAC39;
}







/** thumbnail **/
.thumbnail
{
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
}




.input-group-addon
{
    border-radius: 0px !important;
}




.basket-thumbnail
{
    text-align: left;
    padding: 10px !important;
}


.upsellwell
{
    background-color: #ffffff;
    border: 0px;
    box-shadow: none;
    margin-top: 0px;
    padding: 0px;
}


.upsellwell h2
{
    margin-top: 0px;
}

.upsell-thumbnail
{
    padding: 10px;
    margin-left: 0px;
}
.upsell-thumbnail img
{
}
.caption
{
    padding: 0px !important;
}




/* full width no float button */
.full-no-float
{
   width:100%;
   float:none; 
    }




@media (max-width : 992px)
{
    .popupnext
    {
        width: 100%;
        margin-bottom: 20px !important;
        margin-right: 5px;
        float: none;
    }
    .page_title_step
    {
        padding: 30px 40px;
    }
    .input-group
    {
        margin-bottom: 10px;
    }

    .page_title
    {
        padding: 30px 40px;
    }

}

@media (max-width: 767px)
{
    .page_title_step, .page_title
    {
        padding: 20px;
    }
    .page_title_step h2, .page_title h2
    {
        font-size: 19px;
    }


    .page_title
    {
        margin-bottom: 0px;
    }

    /** thumbnail **/
    .thumbnail
    {
        margin-left: 0px;
        margin-right: 0px;
    }



}


@media (max-width: 580px)
{
    .step-edit
    {
        width: 100%;
    }
}



@media (max-width: 420px)
{
    .basket-thumbnail
    {
        padding: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .upsell-thumbnail
    {
        padding: 10px;
        margin-right: 0px;
    }
}