﻿body {
}
.cart-sidebar-body {
    max-height: calc(100vh - 240px)
}
.cart-sidebar-footer {
    padding: 4px 10px;
    height:160px;
}
.btn.call {
    margin-right: 2px;
    font-size: 14px;
    padding: 8px 4px 0 10px; font-weight:bold;
    color: #fff !important
}
.btn.call i{ font-size:22px; line-height:20px; vertical-align:top;
}

a:focus, img:focus {
    outline: none;
}

.navbar-toggler-white {
    outline: none;
}

.navbar.osahan-menu-2 .navbar-collapse .close {
    display: none;
}
.mobile-Only, .mobile-Only-Index  {
    display: none;
}



.main-search {
    margin-left: 60px
}

.cat-list {
    background-color:white;text-align:justify;
}

.cat-list .item {
    display: inline-block;
}

 /*New list*/
ul.pro_list{ display: inline-block; width:100%; vertical-align: top;padding:0px; padding-top:0px; margin: 0px;}
ul.pro_list li{position: relative; border:solid 1px #ddd; background:#fff; width:100%; margin-top: 5px; padding-right:10px; padding-top:5px;padding-bottom:10px}
ul.pro_list li .p_img{position: absolute; left: 3px; top:8px; height: 120px; width:110px;}
ul.pro_list li .p_img span{position: absolute; left: 1px; top:1px;}
ul.pro_list li .p_img img{max-height: 120px; max-width: 100%;}
ul.pro_list li .p_data{position: relative; min-height: 122px; margin-left:120px;}
ul.pro_list li .p_data .titel{font-size:16px; font-weight: bold; margin: 6px 0 0px 0;}
ul.pro_list li .p_data .p_name{font-size:14px; color:#3c3c3f; margin-bottom: 3px;}
ul.pro_list li .p_data .p_name span{ color:#3c3c3f;}
ul.pro_list li .p_data .titel .price{font-size:16px; color: #000; margin-right:5px;}
ul.pro_list li .p_data .titel .price.old{font-size:14px; color: #999; text-decoration: line-through;}
ul.pro_list li .p_data .p_unit{margin:0 0px 5px 0;}
ul.pro_list li .p_data .p_unit .form-control{height: 30px; padding:2px 5px;}
ul.pro_list li .badge{background:#f2fef2;border: 1px solid #51aa1b;border-radius: 2px;color:#51aa1b;font-size: 12px;
padding:2px 5px; float: right; margin:0 5px 0 0;z-index: 9;}
ul.pro_list li .btn{border-radius: 49px !important;font-size: 12px;padding:5px 10px;}
ul.pro_list li .pro-btns{padding-top:7px;}


/*******/
@media (max-width:980px) {
    #indexBanner .owl-buttons {
        display: none;
    }

    .navbar-brand {
        display: none;
    }

    .location-top {
        display: inline-block;
        margin: 7px 0 0 46px;
    }

        .location-top:after {
            content: "\F140";
            font-family: "Material Design Icons"
        }

    .main-nav-right .btn {
        padding: 7px 15px
    }

    .main-nav-right .osahan-top-dropdown .dropdown-toggle {
        padding: 5px 16px !important
    }

    .navbar-toggler {
        float: left;
        background: none !important;
        padding-top: 10px;
        padding-bottom: 1px;
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .navbar-toggler .navbar-toggler-icon {
            background: none;
            color: #fff;
        }

    .top-categories-search {
        top: 5px;
    }

    .cart-btn .cart-value {
        top: 2px;
        left: 25px;
    }


    .list-inline.main-nav-right {
        right: 18px !important;
    }

    nav.fixed-bottom {
        display: flex;
        height: auto !important;
        border-top: solid 1px #ddd;
        padding: 8px 20px
    }

        nav.fixed-bottom .nav_col {
            display: inline-block;
            text-align: center;
            position: relative;
            font-size: 11px;
            line-height: 12px;
        }

            nav.fixed-bottom .nav_col span {
                display: block;
                vertical-align: top;
            }

            nav.fixed-bottom .nav_col a {
                padding: 0 5px;
                display: inline-block;
            }

            nav.fixed-bottom .nav_col i {
                font-size: 18px;
                line-height: 22px;
            }

            nav.fixed-bottom .nav_col .sCartItemCount {
                position: absolute;
                right: -8px;
                top: -8px;
                width: 18px;
                height: 18px;
                background: #e96125;
                color: #fff;
                line-height: 17px;
                font-size: 11px;
                text-align: center;
                border-radius: 50%;
            }

            nav.fixed-bottom .nav_col .lblMainCustomerCredit {
                font-size: 10px;
            }

    .by_category.list-group {
        font-size: 16px;
    }

        .by_category.list-group a {
            position: relative;
            padding: 10px 8px;
            padding-left: 30px;
        }

        .by_category.list-group i {
            position: absolute;
            right: 6px;
            top: 8px;
        }

            .by_category.list-group i.img {
                left: 2px;
                top: 0px;
                width: 50px;
            }

    .list-group.list-group-root {
        margin-top: -25px;
    }
    /*.top-categories-search { display:none
    }*/
    /*.navbar-collapse {
        overflow: auto;
        position: fixed;
        top: 114px;
        width: 100%;
        z-index: 100;
        background: #1c2224 !important;
    }
    .navbar-collapse li { background:#fff;
    }*/
    .main-nav-right li#LogInUser {
        display: none !important
    }

    .main-nav-right li#LogedInUser {
        display: none !important
    }

    #divUserMenu {
        display: none !important
    }

    #btnheadingCategory {
        display: none
    }

    .desktop-Only {
        display: none
    }

    .mobile-Only {
        display: inline-block
    }


    .navbar.osahan-menu-2 .navbar-collapse {
        position: fixed;
        top: 0px;
        width: 100%;
        /*max-width: 300px;*/
        z-index: 999;
        background: #fff;
        height: 100%;
    }

        .navbar.osahan-menu-2 .navbar-collapse .close {
            position: fixed;
            top: 0px;
            right: 0px;
            width: 40px;
            height: 40px;
            text-align: center;
            padding-top: 10px;
            display: inline-block !important
        }

    body.oh {
        overflow: hidden;
    }

    .shop-list.section-padding {
        padding: 0px !important;
    }

    .mobile-Only-Index {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
    }

    .main-search {
        margin-left: 0px
    }

    .left-menu {
        max-height: calc(100vh - 20px);
        overflow:auto;
    }

    /*new List*/
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding-right:5px; padding-left:5px;}
.row{margin-right: -15px; margin-left: -15px;}

    /******/

}

    .navbar-toggler:focus, .navbar-toggler:hover{ outline:none;}

.call_icon {
    position: fixed;
    bottom: 22px;
    right: 22px;
    display: inline-block;
    z-index: 10;
    color: #fff;
    font-size: 18px;
    background-color: #25D366;
    padding-top: 12px;
    padding: 8px;
    border-radius: 50%
}
.call_icon:hover { color:#fff }

