.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.margin_Textbox {
    margin: 0 5px 15px 0;
}

.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 3px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 500
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

    .alert-warning, .alert-warning .close {
        color: #aa3510
    }

.alert-dismissable, .alert-dismissible {
    padding-left: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        left: -21px;
        color: inherit
    }

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

    .alert-success, .alert-success .close {
        color: #205823
    }

.badge {
    background: linear-gradient(45deg,#037b76 0,#00a099 100%);
}

.badge-success {
    color: #fff;
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}

.badge-warning {
    background-color: #ff5722;
    border-color: #ff5722
}

.close {
    display: none;
}

.input-group-addon {
    display: none;
}

.s-button-element {
    cursor: pointer;
}

.media-list {
    padding-right: 0;
    list-style: none
}

.nav {
    padding-right: 0;
    margin-bottom: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.navbar-nav > li > .dropdown-menu .media-list {
    max-height: 340px;
    overflow-y: auto
}

@media(max-width:768px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu {
        color: #fff;
        background-color: rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu .media-annotation, .navbar-inverse .navbar-nav .open .dropdown-menu .text-muted {
            color: rgba(255,255,255,.8)
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked > li {
            border-top-color: rgba(255,255,255,.1)
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link {
            color: #fff
        }

            .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:hover {
                background-color: rgba(0,0,0,.1);
                color: #fff
            }
}


.media-list-bordered > li {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px
}

    .media-list-bordered > li:first-child {
        padding-top: 0;
        border-top-width: 0
    }

.media-list-bordered.media-list-linked .media-header {
    margin-bottom: 15px
}

.media-list-linked .media {
    margin-top: 0;
    padding: 0
}

.media-list-linked .media-link {
    display: block;
    padding: 15px 20px;
    color: #333
}

    .media-list-linked .media-link:focus, .media-list-linked .media-link:hover {
        background-color: #fafafa;
        color: #333
    }

.media-list-linked .media-header {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

    .media-list-linked .media-header:first-child {
        margin-top: 0
    }

.media-list-linked.media-list-bordered > li:first-child {
    border-top-width: 1px
}

.media-list-linked.media-list-bordered > .media-header {
    margin-top: 0
}

    .media-list-linked.media-list-bordered > .media-header:first-child {
        border-top-width: 0
    }

.panel-new .media-list-bordered > li {
    border-top: 1px solid #f5f5f5
}

.notifications-body.media-list-bordered > li:first-child {
    border-top-width: 0
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.order-num {
    font-size: 16px;
}

.border-info {
    border-color: #17a2b8 !important
}

.receipt-order-date {
    font-size: 17px;
    color: #555
}

.order-date {
    font-size: 12px;
}

.order-price {
    text-align: center;
    color: #96bc69
}

.order-price {
    font-weight: normal;
}

@media(max-width:768px) {
    .navbar-inverse .navbar-collapse {
        background-color: rgba(0,0,0,.05)
    }

    .navbar-inverse .navbar-text {
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    .navbar-inverse > .navbar-nav > li > a:not(.collapsed) {
        background-color: rgba(0,0,0,.1)
    }

    .navbar-inverse .dropdown-menu .media-body a, .navbar-inverse .dropdown-menu .table a {
        color: #fff
    }
}

.media, .media-body {
    overflow: visible
}

.media-body, .media-left, .media-right {
    position: relative
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-right: 10px
}

.media-left, .media > .pull-left {
    padding-left: 10px
}

.media-right, .media > .pull-right {
    padding-left: 0;
    padding-right: 20px
}

.media-left, .media > .pull-left {
    padding-right: 0;
    padding-left: 20px
}

    .media-left img:not(.media-preview), .media-right img:not(.media-preview), .thumbnail .media img:not(.media-preview) {
        width: 40px;
        height: 40px;
        max-width: none
    }

.panel-new .panel-heading {
    background-color: #f3f3f3;
    padding: 15px 20px;
    border-bottom: none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.panel-new .panel-title {
    font-size: 14px;
    color: #999
}

    .panel-new .panel-title i {
        color: #aaa;
        font-size: 21px;
        margin-left: 10px
    }

.panel-new .panel-body {
    padding: 0
}

.panel-new .media-list-bordered > li {
    border-top: 1px solid #f5f5f5
}

.panel-new .media-right {
    min-width: 77px;
    text-align: left;
    padding: 0
}

.panel-new .panel-heading {
    background: #f8f8f8;
}

.panel-heading {
    border-bottom-color: #eee !important;
}

.panel-new .panel-title {
    font-weight: normal;
    font-size: 16px;
}

.empty-box {
    width: 180px;
    height: 140px;
    margin: 40px auto 0;
    text-align: center
}

    .empty-box .empty-icon {
        color: #bbb !important;
        border-color: #bbb;
        padding-bottom: 20px
    }

        .empty-box .empty-icon i {
            font-size: 90px
        }

    .empty-box .empty-text {
        color: #999 !important
    }

    .empty-box .empty-icon {
        color: #e1e1e1 !important;
    }

.icon-heart-broken2:before {
    content: "\ECEB"
}

.empty-box .empty-text {
    color: #999 !important
}

.cart-nav {
    width: 95%;
    margin: 40px auto 30px
}

@media(min-width:1024px) {

    .cart-nav {
        width: 98%
    }
}

.mobile-webview .mobile-webview-hide {
    display: none !important
}

.cart-nav-more, .cart-nav-submit {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 9px 0;
    background: #58c9b9;
    color: #fff;
    border-radius: 99px;
    text-align: center
}

    .cart-nav-submit:active, .cart-nav-submit:focus, .cart-nav-submit:hover {
        color: #fff
    }

    .cart-nav-submit.receipt-back {
        position: relative;
        padding: 10px 10px 14px;
        border-radius: 5px
    }

        .cart-nav-submit.receipt-back i {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%)
        }

.cart-nav-submit, .cart-nav-more, .cart-nav-solid {
    background: #d6d6d6; /*darker*/
    border-color: #d6d6d6; /*darker*/
}

.cart-nav-submit, .cart-nav-more, .cart-nav-solid {
    background: #9c9c9c; /*darker*/
    border-color: #9c9c9c; /*darker*/
}

.cart-nav-submit, .cart-nav-more, .cart-nav-solid {
    background: #9c9c9c;
    border-color: #9c9c9c;
}

.ClassActive {
    background-color: #efeeee;
    border-right: solid;
    border-right-color: #c88701;
    border-right-width: 10px;
}

.ClassActiveHover:hover {
    background-color: #efeeee;
    border-right: solid;
    border-right-color: #c88701;
    border-right-width: 10px;
}

.nav-pills > li {
    float: right
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-right: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7
    }

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff
}

.list-group-item.active > .label, .nav-pills > .active > a > .label, .nav-tabs-solid > .active > a > .label, .nav-tabs[class*=bg-] > li > a > .label {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge, .nav-tabs-solid > .active > a > .badge, .nav-tabs[class*=bg-] > li > a > .badge {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.nav-pills > li > a > .badge {
    margin-left: 7px
}

    .nav-pills > li > a > .badge.position-right {
        margin-left: 0;
        margin-right: 7px
    }

.heading-elements.visible-elements .breadcrumb, .heading-elements.visible-elements .daterange-custom, .heading-elements.visible-elements .heading-btn, .heading-elements.visible-elements .heading-btn-group > .btn, .heading-elements.visible-elements .heading-form .form-group, .heading-elements.visible-elements .heading-text, .heading-elements.visible-elements .heading-thumbnails, .heading-elements.visible-elements .icons-list, .heading-elements.visible-elements .nav-pills, .heading-elements.visible-elements .nav-tabs, .heading-elements.visible-elements .noui-slider, .heading-elements.visible-elements .pager, .heading-elements.visible-elements .pagination, .heading-elements.visible-elements .progress, .heading-elements.visible-elements .ui-slider, .heading-elements.visible-elements > .btn-group {
    margin-top: 20px
}

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-right: 0
    }

.font-15 {
    font-size: 15px !important
}

.form-group .input-group .input-group-addon.shrinked {
    padding: 4px 12px
}

#modalContent .input-group-addon {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-right: 0;
    background-color: #f5f5f5;
}

    #modalContent .input-group-addon.shrinked {
        width: auto;
    }



.media-list {
    padding-right: 0;
    list-style: none
}

.navbar-nav > li > .dropdown-menu .media-list {
    max-height: 340px;
    overflow-y: auto
}

@media(max-width:768px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu {
        color: #fff;
        background-color: rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu .media-annotation, .navbar-inverse .navbar-nav .open .dropdown-menu .text-muted {
            color: rgba(255,255,255,.8)
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked > li {
            border-top-color: rgba(255,255,255,.1)
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link {
            color: #fff
        }

            .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:focus, .navbar-inverse .navbar-nav .open .dropdown-menu .media-list-linked .media-link:hover {
                background-color: rgba(0,0,0,.1);
                color: #fff
            }
}


.media-list-bordered > li {
    border-top: 1px solid #eee;
    padding-top: 15px;
    margin-top: 15px
}

    .media-list-bordered > li:first-child {
        padding-top: 0;
        border-top-width: 0
    }

.media-list-bordered.media-list-linked .media-header {
    margin-bottom: 15px
}

.media-list-linked .media {
    margin-top: 0;
    padding: 0
}

.media-list-linked .media-link {
    display: block;
    padding: 15px 20px;
    color: #333
}

    .media-list-linked .media-link:focus, .media-list-linked .media-link:hover {
        background-color: #fafafa;
        color: #333
    }

.media-list-linked .media-header {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}

    .media-list-linked .media-header:first-child {
        margin-top: 0
    }

.media-list-linked.media-list-bordered > li:first-child {
    border-top-width: 1px
}

.media-list-linked.media-list-bordered > .media-header {
    margin-top: 0
}

    .media-list-linked.media-list-bordered > .media-header:first-child {
        border-top-width: 0
    }

.panel-new .media-list-bordered > li {
    border-top: 1px solid #f5f5f5
}

.notifications-body.media-list-bordered > li:first-child {
    border-top-width: 0
}

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media-body {
    width: 10000px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.order-num {
    font-size: 16px;
}

.border-info {
    border-color: #17a2b8 !important
}

.receipt-order-date {
    font-size: 17px;
    color: #555
}

.order-date {
    font-size: 12px;
}

.media, .media-body {
    overflow: visible
}

.media-body, .media-left, .media-right {
    position: relative
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

.media {
    display: flex;
    align-items: flex-start
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-right: 10px
}

.media-left, .media > .pull-left {
    padding-left: 10px
}

.media-right, .media > .pull-right {
    padding-left: 0;
    padding-right: 20px
}

.media-left, .media > .pull-left {
    padding-right: 0;
    padding-left: 20px
}



.product-cart .product-options .bootstrap-select {
    width: auto !important;
    min-width: 70px;
    margin-bottom: 10px
}

    .product-cart .product-options .bootstrap-select > .btn.btn-default {
        padding: 0 10px 0 25px !important
    }

.product-cart, .cart-total-box {
    width: 100%;
    border: 1px solid #eee;
}

.product-cart {
    margin-bottom: 50px;
}

.product-cart {
    padding: 20px;
    margin-bottom: 30px !important
}

    .product-cart .delete-button {
        top: 15px;
        left: 15px;
        right: unset
    }

    .product-cart .product-info {
        padding: 0 0 0 30px;
        margin: 0 0 20px
    }

    .product-cart .product-options {
        padding: 0 !important;
        border: none !important
    }

        .product-cart .product-options .form-group {
            min-height: unset
        }


.delete-button {
    position: absolute;
    top: -10px;
    right: -6px;
    width: 22px;
    height: 22px;
    padding: 0;
    text-align: center;
    color: #f55157;
    border: 2px solid #f55157;
    border-radius: 99px
}

    .delete-button:active, .delete-button:focus, .delete-button:hover {
        color: #fff;
        background: #f55157
    }

    .delete-button i {
        display: block;
        margin-top: 2px
    }

.delete-button {
    background: #fff;
}

.product-cart .delete-button {
    top: 15px;
    left: 15px;
    right: unset
}

.delete-button {
    position: absolute;
    top: -10px;
    right: -6px;
    width: 22px;
    height: 22px;
    padding: 0;
    text-align: center;
    color: #f55157;
    border: 2px solid #f55157;
    border-radius: 99px
}

.clear {
    clear: both
}

.panel-body {
    padding: 15px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel[class*=bg-] > .panel-body + .table, .panel[class*=bg-] > .panel-body + .table-responsive {
    border-color: #fff
}

.panel[class*=bg-] .panel-body > .table .active > td, .panel[class*=bg-] .panel-body > .table .active > th, .panel[class*=bg-] .panel-body > .table td.active, .panel[class*=bg-] .panel-body > .table th.active, .panel[class*=bg-] .panel-body > .table-responsive > .table .active > td, .panel[class*=bg-] .panel-body > .table-responsive > .table .active > th, .panel[class*=bg-] .panel-body > .table-responsive > .table td.active, .panel[class*=bg-] .panel-body > .table-responsive > .table th.active, .table[class*=bg-] .active > td, .table[class*=bg-] .active > th, .table[class*=bg-] td.active, .table[class*=bg-] th.active {
    background-color: rgba(0,0,0,.15)
}

.panel[class*=bg-] > .panel-body {
    background-color: inherit
}

.panel-body {
    position: relative
}

.panel-flat > .panel-heading + .panel-body {
    padding-top: 0
}

.panel-body > .heading-elements {
    top: 0;
    margin-top: 14px;
    z-index: 10
}

@media(max-width:768px) {
    .panel-body > .heading-elements-toggle {
        top: 20px;
        margin-top: 0
    }

    .panel-body > .heading-elements.visible-elements {
        top: 56px;
        background-color: #fff
    }
}

.product-wishlist .product-name {
    font-size: 14px;
    margin-bottom: 28px
}

.product-wishlist .product-price {
    float: right;
    width: 20%
}

.product-wishlist .add-cart {
    float: left;
    width: 35%;
    max-width: 100px;
    margin-left: 15px
}

.product-wishlist .product-info {
    padding-bottom: 15px;
}


.product-info .product-name {
    margin-bottom: 0;
    font-size: 17px;
}

.product-info .product-price {
    font-size: 16px;
    padding: 0;
    margin-bottom: 0;
}

.product-info .product-summary {
    font-size: 13px;
}

.product-info img {
    border-radius: 5px;
}

.product-wishlist .product-info {
    padding-bottom: 15px;
}

.product-cart {
    padding: 20px;
    margin-bottom: 30px !important
}

    .product-cart .delete-button {
        top: 15px;
        left: 15px;
        right: unset
    }

    .product-cart .product-info {
        padding: 0 0 0 30px;
        margin: 0 0 20px
    }

    .product-cart .product-options {
        padding: 0 !important;
        border: none !important
    }

        .product-cart .product-options .form-group {
            min-height: unset
        }


.delete-button {
    position: absolute;
    top: -10px;
    right: -6px;
    width: 22px;
    height: 22px;
    padding: 0;
    text-align: center;
    color: #f55157;
    border: 2px solid #f55157;
    border-radius: 99px
}


.product-info {
    padding: 18px 15px 0 0
}

    .product-info img {
        float: right;
        width: 25%;
        max-width: 75px;
        max-height: 75px
    }

    .product-info .product-name {
        float: right;
        width: 70%;
        height: auto;
        margin-right: 10px;
        margin-bottom: 5px
    }

    .product-info .product-price {
        float: right;
        width: 70%;
        font-size: 14px;
        margin-right: 10px;
        margin-bottom: 1px
    }

    .product-info .product-summary {
        float: right;
        width: 70%;
        font-size: 12px;
        margin-right: 10px;
        color: #999
    }

    .product-info .product-error {
        color: #e84118
    }

    .product-info .product-name {
        margin-bottom: 0;
        font-size: 17px;
    }


button.product-add.add_to_cart_btn::before {
    content: 'اضافة للسلة';
    font-size: 17px !important;
    text-align: center !important;
    color: #f7f7f7;
    margin-left: 30px !important;
    z-index: 999999;
}

a.product-add.View_Details::before {
    /*content: ' التفاصيل';*/
    font-size: 17px !important;
    text-align: center !important;
    color: #f7f7f7;
    margin-left: 42px !important;
    z-index: 999999;
}

@media only screen and (max-width: 600px) {
    button.product-add.add_to_cart_btn::before {
        content: '';
        font-size: 12px !important;
        text-align: center !important;
        color: #f7f7f7;
        margin-left: 10px !important;
        z-index: 999999;
    }

    a.product-add.View_Details::before {
        /*content: ' التفاصيل';*/
        font-size: 12px !important;
        text-align: center !important;
        color: #f7f7f7;
        margin-left: 10px !important;
        z-index: 999999;
    }
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__meta > div .add_to_cart_btn {
    width: 40px;
    height: 40px;
    margin-top: 10px
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__meta > div .add_to_cart_btn {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    margin: 0
}

body.salla-default #products_div .product-box .thumbnail a.add-cart.add_to_cart_btn {
    display: inline-block
}

body.salla-default #products_div .product-box.row-2-products .thumbnail a.add-cart.add_to_cart_btn {
    min-width: 100px
}

.add-cart {
    width: 85px;
    padding: 3px 10px;
    font-size: 12px;
    color: #393939;
    text-align: center;
    border: 1px solid #393939;
    border-radius: 99px
}

.row-2-products .add-cart {
    font-size: 13px;
    padding: 5px 15px
}

.product-wishlist .add-cart {
    float: left;
    width: 35%;
    max-width: 100px;
    margin-left: 15px
}

.add-cart:focus, .add-cart:hover {
    color: #fff;
    background: linear-gradient(45deg,var(--secondary-color) 0,var(--primary-color) 100%);
}