body {
    font-size: .875rem;
    font-family: Yekan-B;
}
.feather {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100; /* Behind the navbar */
    padding: 48px 0 0; /* Height of navbar */
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
}



.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
    font-weight: 500;
    color: #333;
}

.sidebar .nav-link .feather {
    margin-left: 4px;
    color: #727272;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .75rem;
    text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
    background-color: rgba(0, 0, 0, .25);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
    top: 3px;
    right: 6rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.token-content { display: none }
#phonenumber_send, .count-text { display: none; float: right }
.countdown { display: inline; float: right }
.resendcode {
    width: 100px;
    text-align: center;
    display: none;
    margin-top: 10px;
    padding: 5px 15px;
    font-size: 14px;
    border: 1px solid #999;
    cursor: pointer;
}
.changenumber { float: left;
    cursor: pointer; }
.products img { width: 100%; height: auto; margin-bottom: 15px }
.products input { float: left; width: 40px }
.alert-addtobasket {
    position: fixed;
    display: none;
    width: 400px;
    height: 60px;
    margin-top: 10px;
    padding: 20px 30px 20px 0; }

/* CART */
.cart { padding: 15px 25px; border: 1px solid #d4d4d4; border-radius: 5px}
.cart td { padding: 15px .5rem!important; vertical-align: middle;}
.basket-add select { width: 80px; }
.cart .cart-product-img img{ max-width: 70px; height: 70px; padding: 3px; border: 1px solid #d4d4d4; border-radius: 3px}
.cart table tr:last-child td { border: none; }
.coupon-discount input { background-color: #eee;border: none;padding: 15px 15px 15px 60px;border-radius: 5px;text-align: right;font-size: 13px; }
.coupon-discount button { font-size: 13px;padding: 13px 15px;border: 2px solid #41464b;border-radius: 5px;background-color: #41464b;color: #fff; }
.coupon-discount button:hover { transition: all .3s ease-out; color:#000!important; background-color: #fff; border: 2px solid #41464b;}
.cart .sum { padding: 10px }
.cart .sum li {font-weight: 700;}
.cart .sum-left {float: left; text-align: left}
.cart ul li { list-style: none; margin-bottom: 10px;}
.next-level-cart { float: left;padding: 10px;width: 200px;margin-top: 20px;background-color: #41464b;border: 2px solid #41464b ; color: #fff!important;text-align: center;border-radius: 5px; }
.next-level-cart:hover { transition: all .3s ease-out; color:#000!important; background-color: #fff; border: 2px solid #000;}
.cart-mobile { display: none; }
.plus-basket { font-size: 22px; margin-left: 20px; border: none; background-color: #fff;}
.minus-basket { font-size: 22px; margin-right: 20px; border: none; background-color: #fff;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
@font-face {
    font-family: Yekan-B;
    src: url(/dist/fonts/Yekan-Bakh.woff);
}

@media (max-width: 767.98px) {
    .cart { padding: 0 }
    .alert-addtobasket { width: 95%; right:2.5%; }
    .table-bill { width:600px; }
    
}