.def-cart
{
    position: fixed;
    top: 50px;
    right: 10%;
    border-radius: 3px;
    text-align: right;
}

.def-cart .def-cart-iconwrapper
{
    position:absolute;
    background-image: url('/file/app/1/content/webstorecart/icons/notext.svg?color1=r255g255b255');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 30px;
    width: 30px;
    display: inline-flex;
    cursor: pointer;
    background-color: #2a343f;
    padding: 10px;
}

.def-cart .def-cart-iconwrapper .def-cart-nbproducts{    
    color:#2a343f;
    width:100%;
    position:absolute;
    text-align:center;
    top:16px;
    left:0;
    font-family:Amiri;
    font-size:14px;
    font-weight:bolder;
}

.def-cart .def-cart-popup
{
    display: none;
    position:absolute;
    background-color: #2a343f;
    color: #fff;
    top:60px;
    width:250px;
    left:-100px;
    text-align:center;
}

.def-cart .def-cart-popup::before
{
    content:"";
    position:absolute;
    background-color: #2a343f;
    top:-5px;
    left:calc((100% / 2) - 5px); /* 5px is width / 2 */
    width:10px;
    height:10px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.def-cart .def-cart-popup:hover
{
    display: block;
}

.def-cart .def-cart-popup .def-cart-checkout
{
    text-align: center;
    padding: 20px;
}

.def-cart .def-cart-popup input[type=button]
{
    background: #000;
    color: #fff;
    padding: 10px;
    border: 0;
    cursor: pointer;
    width:100%;
    border-radius:3px;
    text-transform:uppercase;
    margin-top:10px;
}

/* Item */
.def-cart .def-cart-popup .def-cart-popupitem
{
    padding: 10px;
}

.def-cart-popupitem.empty
{
    display: none;
}

.def-cart-popupitem.empty:only-child
{
    display: block;
}