header .mgBasket .basket {
    position: absolute;
    background-color: #FFF;
    top: 32px;
    right: 0;
    width: 480px;
    border: 1px solid #CCC;
    z-index: 1;
    color: #000;
    /*line-height: 16px;*/

    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
}

.basket .basketitem {
    border-bottom: 1px solid #d1d1d1;
    transition: opacity .5s ease;
}

.basket .basketitem > div { vertical-align: top; }

.basket .basketitem:nth-child(even) {
    background-color: #FCFCFC;
}

.basket .basketitem .prices { text-align: right; }

.basket .image,
.basket .product {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 10px;
}

.basket .image {
    width: 100px;
    text-align: center;
}

.basket .image img {
    max-width: 80px;
    max-height: 60px;
}

.basket .product { width: calc(100% - 100px); }

.basket .product .bc1,
.basket .product .bc2,
.basket .product .bc3 {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.basket .product .bc1 { width: calc(100% - 200px); }

.basket .product .bc3 {
    width: 120px;
    padding: 0 0 10px 0;
}

.basket .product .bc2 {
    width: 80px;
    /*padding-left: 20px;*/
}

.basket .product .blue,
.qtytext .blue,
table.articles .blue,
.basket .product .green,
.qtytext .green,
table.articles .green,
.basket .product .yellow,
.qtytext .yellow,
table.articles .yellow,
.basket .product .orange,
.qtytext .orange,
table.articles .orange,
.basket .product .red,
.qtytext .red,
table.articles .red,
.qtytext .white,
.basket .product .white,
table.articles .white {
    padding: 1px 3px;
    margin-bottom: 2px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 15px;
    /*max-width: 120px;*/
    /*white-space: nowrap;*/
}

.qtytext .blue,
.basket .product .blue,
table.articles .blue {
    background-color: #85c7ee;
    border: 1px solid #008adb;
    display: inline-block;
    vertical-align: top;
}

.qtytext .green,
.basket .product .green,
table.articles .green {
    background-color: #d2e9b2;
    border: 1px solid #abc783;
}

.qtytext .yellow,
.basket .product .yellow,
table.articles .yellow {
    background-color: #d2e9b2;
    border: 1px solid #abc783;
}

.qtytext .orange,
.basket .product .orange,
table.articles .orange {
    background-color: #ffd870;
    border: 1px solid #ffc470;
}

.qtytext .white,
.basket .product .white,
table.articles .white  {
    background-color: #FFF;
    border: 1px solid #CCC;
}

.qtytext .red,
.basket .product .red,
table.articles .red {
    padding: 1px 3px;
    margin-bottom: 2px;
    border-radius: 3px;
    font-size: 12px;
    background-color: red;
    border: 1px solid #c00000;
    color: #FFF;
}

.noreturn {
    background-image: url(../svg/noreturn.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 20px 0 0;
}

.basket .product .right { text-align: right; }

.basket .product .mgBasket .basketDelete {
    color: #5f6060;
    display: inline-block;
}

.basket .product .mgBasket .basketDelete:hover {
    color: #0b4887;
    text-decoration: underline;
}

/*.mgBasket .basket hr {
    margin: 0;
    border-top: none;
    border-bottom: 1px solid #d1d1d1;
    height: 0;
}
*/
.basket h2.total {
    margin: 0;
    padding: 10px;
    text-align: right;
    border-bottom: 1px solid #d1d1d1;
/*    font-weight: bold;
    font-size: 16px;*/
}

 h2.totalend {
    margin: 10px 0;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

a.mgBasketDelete {
    background-image: url(../svg/delete.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
    color: #008adb;
    display: inline-block;
    padding-left: 20px;
    line-height: 24px;
    cursor: pointer;
    margin-top: 6px;
}

a.mgBasketDelete:hover {
    color: #0b4887;
    text-decoration: underline;
}