/* 
    Created on : 2017.09.20., 12:33:53
    Author     : stradus
*/

#cart_bar.default {
    position:fixed;
    z-index:100;
    width:350px;
    background-color: #6F6F76;
    height:100%;
    top:0px;
    right:0px;
}
    #cart_bar.default.hidden {
        display:none;
    }
    #cart_bar.default>h4.title {
        text-align: center;
        color:#fff;
        margin:20px 0;
        padding:0;
    }
    #cart_bar.default>.close {
        color:#fff;
        position:absolute;
        top:10px;
        right:10px;
    }
    #cart_bar.default>.list {
        overflow-x: hidden;
        overflow-y: auto;
        height:calc(100vh - 195px);
    }
        #cart_bar.default>.list::-webkit-scrollbar {
            width: 1em;
        }
        #cart_bar.default>.list::-webkit-scrollbar-thumb {
            background-color: #E5E5E5;
            outline: 1px solid slategrey;
        }
        #cart_bar.default>.list>article {
            padding:10px;
            color:#fff;
            background-color: #464646;
            margin-bottom:10px;
            height:100px;
        }
            #cart_bar.default>.list>article>.controls {
                float:right;
            }
            #cart_bar.default>.list>article>figure {
                float:left;
                height:100%;
                width:60px;
                margin-right: 10px;
                background-color: #fff;
                overflow: hidden;
            }
                #cart_bar.default>.list>article>figure>img {
                    object-fit: contain;
                    width:100%;
                    height:100%;
                }
            #cart_bar.default>.list>article>.datas {
                line-height:20px;
            }
                #cart_bar.default .quantity {
                    font-weight: bold;
                    display: inline-block;
                    margin-right:5px;
                }
                #cart_bar.default>.list>article>.datas>.price {
                }
                    #cart_bar.default>.list>article>.datas>.price.disaction {
                        text-decoration: line-through;
                    }
                        #cart_bar.default>.list>article>.datas>.price.disaction *{
                            font-weight: lighter !important;
                            font-size:12px;
                            line-height:12px;
                        }
                        #cart_bar.default>.list>article>.datas>.price.action *{
                            color: red !important;
                        }
                #cart_bar.default .price .amount:after {
                    content:" ";
                }
                    #cart_bar.default .quantity .number:after {
                        content:" ";
                    }
                        #cart_bar.default .quantity .number>input {
                            width:40px;
                            background-color: #E5E5E5;
                            border:0px;
                            padding:2px;
                        }
                    #cart_bar.default>.list>article>.datas>.price>.net {
                        font-weight: 100;
                    }
                        #cart_bar.default>.list>article>.datas>.price>.net:after {
                            content:", ";
                        }
                    #cart_bar.default>.list>article>.datas>.price>.gross {
                        font-weight:bold;
                    }
                #cart_bar.default>.list>article>.datas>.price_q {
                    font-size:12px;
                    display: inline-block;
                }
                #cart_bar.default .price_q .amount:after {
                    content:" ";
                }
                    #cart_bar.default .quantity .number:after {
                        content:" ";
                    }
                    #cart_bar.default>.list>article>.datas>.price_q>.net {
                        font-weight: 100;
                    }
                        #cart_bar.default>.list>article>.datas>.price_q>.net:after {
                            content:", ";
                        }
                    #cart_bar.default>.list>article>.datas>.price_q>.gross {
                        font-weight:bold;
                    }
    #cart_bar.default>.foot {
        text-align: center;
    }
        #cart_bar.default>.foot>.summary {
            color:#fff;
            font-size:18px;
            padding:10px 0;
        }
    #cart_bar.default small {
        display: block;
        margin:auto;
        color:#ccc;
        text-align: center;
        font-style: italic;
        font-size:18px;
    }