/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 29, 2018, 3:02:20 PM
    Author     : jakub
*/
.basket-content{
    margin-top: 20px;
}
.cart-menu-container {
    margin-top: 75px;

}
.cart-section{
    margin-bottom: 75px;
}

.cart-menu-container div.cart-menu{
    display: inline-block;
    font-family: 'Lato', sans-serif; 
    font-size: 25px;
    text-transform: uppercase;
}
.cart-menu-container div.cart-menu.active{

    color: #F2634B;
}
.cart-menu-container span{
    font-family: 'Lato', sans-serif; 
    font-size: 22px;


}
.cart-menu-container div.cart-menu.cart-menu-index{
    margin-right:45px;


}
.cart-menu-container div.cart-menu.cart-menu-step1{
    margin-right:44px;


}
.cart-menu-container div.cart-menu.cart-menu-step2{
    margin-right:27px;



}
.cart-menu-container div.cart-menu.cart-menu-step3{
    margin-left:-51px;

}
.cart-menu-container span{
    display: inline-block;
    margin-top: -5px;
    position: relative;
    top: -2px;
}
.table-cart-product{
    margin-top: 25px;  
}
.table-cart-product .item-img{

}
.table-cart-product .item-name{
    vertical-align: middle;
}
.table-cart-product td{
    vertical-align: middle !important;
}
.table-cart-product.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: none;
}
.cartproduct-amount{
    width:40px;
    padding: 2px 4px;
    margin-top: -5px;
}
.remove-button i{
    font-size: 20px;
    margin-top: -5px;
}
.btn-submit{
    padding-bottom: 9px;
}
.btn-submit-prev{

    background-color: #262626;
    color: #fff;
}

.btn-submit-prev:hover, .btn-submit-prev:focus, .btn-submit-prev.focus {
    color: #fff;
    text-decoration: none;
}

.btn-submit-next{

    background-color: #f2634b;
    color: #fff;
}

.btn-submit-next i{

    color: #fff;
}

.btn-submit-next:hover, .btn-submit-next:focus, .btn-submit-next.focus {
    color: #fff;
    text-decoration: none;
}
.sum-delivery{
    font-size:20px;
    color: #f2634b;
    margin-bottom: 25px;
}
.cart-summary{
    margin-top: 25px;
}
.delivery-payment label{
    display: block;
}
@media (max-width: 980px) {
    .cart-menu-container {

        margin-top: 30px;

    }
    .cart-menu-container div.cart-menu {

        font-size: 13px;

    }
    .cart-menu-container div.cart-menu.cart-menu-index {

        margin-right: 25px;

    }
    .cart-menu-container span {

        display: inline-block;
        margin-top: -6px;
        position: relative;
        top: 0px;

    }
}
@media (max-width: 767px) {
    #products-grid{
        width:100vw;
    }
    .table-cart-product {

        margin-top: 25px;
        margin-left: -15px;
        width: calc(100vw + 15px)

    }
    .price-item{
        white-space: nowrap;
    }
}