/* __________ SHOP BY SIZE __________ */
    .widget_sized ul {padding-bottom:13px;}
    .widget_sized li {
        display:inline-block;
        vertical-align:top;
        width:40px;
        height:30px;
        margin:0 2px 5px 0;
        border:1px solid #e9e9e9;
        transition: border-color 0.3s ease-in-out;
        -webkit-transition: border-color 0.3s ease-in-out;
    }
    .widget_sized li:hover, .widget_sized li.active {border:2px solid #dd44d9;}
    .widget_sized li a {
        display:block;
        text-transform:uppercase;
        text-align:center;
        line-height:28px;
        font-size:13px;
        color:#2c2c2c;
        transition: color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out;
    }

    /* __________ SHOP BY COLOR __________ */
    .widget_color ul {padding-left: 10px;padding-right: 10px;}
    .widget_color li {
        display:inline-flex;
        vertical-align:top;
        margin:0 2px 5px 0;
        padding:1px;
        border:1px solid #e9e9e9;
        cursor:pointer;
        transition: border-color 0.3s ease-in-out;
        -webkit-transition: border-color 0.3s ease-in-out;
        width: 100%;
    }
    .widget_color li.active,
    .widget_color li:hover {
        padding:1px;
        border:2px solid #dd44d9;
    }
    .widget_color li a {
        display:block;
        width:32px;
        height:22px;
        transition: none;
        -webkit-transition: none;
    }



    /* __________ SHOP BY BRANDS __________ */
    input[type="checkbox"]{display:none;}

    input[type="checkbox"]+label {
        position: relative;
        display: block;
        padding:5px 0 4px 19px;
        text-transform:uppercase;
        font-weight:400;
        line-height:20px;
        font-size:11px;
        color:#666;
        border-top:1px solid #e9e9e9;
        cursor:pointer;
        transition: color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out;
    }
    input[type="checkbox"]:checked + label,
    input[type="checkbox"]+label:hover {
        color:#333;
    }
    input[type="checkbox"]+label:before{
        content: "\f096";
        position:absolute;
        left:0;
        top:6px;
        font-family:FontAwesome;
        line-height:20px;
        font-size:15px;
        color:#ccc;
        transition: color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out;
    }
    input[type="checkbox"]:checked + label:before{
        content: "\f046";
        color:#333;
    }

    input[type="checkbox"]+label span {
        color:#999;
        transition: color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out;
    }
    input[type="checkbox"]+label:hover span {color:#333;}


    .sidepanelfilter {
        margin:0 0 10px;
        padding:5px 5px 5px;
        border:2px solid #ccc;
    }
    .blog .sidepanelfilter {margin-bottom:10px;}

     .alert {
        border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.11);
        display: table;
        width: 100%;
        }

        .alert-white {
        background-image: linear-gradient(to bottom, #fff, #f9f9f9);
        border-top-color: #d8d8d8;
        border-bottom-color: #bdbdbd;
        border-left-color: #cacaca;
        border-right-color: #cacaca;
        color: #404040;
        padding-left: 61px;
        position: relative;
        }

        .alert-white.rounded {
        border-radius: 3px;
        -webkit-border-radius: 3px;
        }

        .alert-white.rounded .icon {
        border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        }

        .alert-white .icon {
        text-align: center;
        width: 45px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #bdbdbd;
        padding-top: 15px;
        }


        .alert-white .icon:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        border: 1px solid #bdbdbd;
        position: absolute;
        border-left: 0;
        border-bottom: 0;
        top: 50%;
        right: -6px;
        margin-top: -3px;
        background: #fff;
        }

        .alert-white .icon i {
        font-size: 20px;
        color: #fff;
        left: 12px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        }
        /*============ colors ========*/
        .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
        }

        .alert-white.alert-success .icon, 
        .alert-white.alert-success .icon:after {
        border-color: #54a754;
        background: #60c060;
        }

        .alert-info {
        background-color: #d9edf7;
        border-color: #98cce6;
        color: #3a87ad;
        }

        .alert-white.alert-info .icon, 
        .alert-white.alert-info .icon:after {
        border-color: #3a8ace;
        background: #4d90fd;
        }


        .alert-white.alert-warning .icon, 
        .alert-white.alert-warning .icon:after {
        border-color: #d68000;
        background: #fc9700;
        }

        .alert-warning {
        background-color: #fcf8e3;
        border-color: #f1daab;
        color: #c09853;
        }

        .alert-danger {
        background-color: #f2dede;
        border-color: #e0b1b8;
        color: #b94a48;
        }

        .alert-white.alert-danger .icon, 
        .alert-white.alert-danger .icon:after {
        border-color: #ca452e;
        background: #da4932;
        }