@import url('https://fonts.googleapis.com/css?family=Cairo:400,600,700&subset=arabic,latin-ext');
body,html{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    font-family: 'Cairo', sans-serif;
    background-color: #EAEDED;
}

.opacity_layer{
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 888888;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-scrollbar{
    width: 8px;
    height: 12px;
}

::-webkit-scrollbar-track{
    background: #b3b3b3;
}

::-webkit-scrollbar-thumb{
    background: #8e8e8e;
}

::-webkit-scrollbar-button{ 
    height: 0px;
    background: #b3b3b3;
}

::-webkit-scrollbar-corner {
    background-color: black;
}

#main_content_section{
    min-height: 700px;
}

.btn:focus,.btn:active {
    outline: none !important;
}

.btn-dark_gray {
    color: #fff;
    background-color: #2A4747;
    border-color: #2A4747;
}
.btn-dark_gray:focus,
.btn-dark_gray.focus {
    color: #fff;
    background-color: #2A4747;
    border-color: #2A4747;
}
.btn-dark_gray:hover {
    color: #fff;
    background-color: #263F3F;
    border-color: #263F3F;
}
.btn-dark_gray:active,
.btn-dark_gray.active{
    color: #fff;
    background-color: #2A4747;
    border-color: #2A4747;
}

.inline_block_element{
    display: inline-block;
}

table.special_table thead tr th{
    border: 0px;
    padding: 10px 0px;
    font-weight: 700;
    font-size: 15px;
    color: Azure;
    background-color: DarkSlateGray;
}

table.special_table tbody td{
    font-weight: 600;
    border: 0px;
    vertical-align: middle;
}

table.special_table tfoot td{
    border: 0px;
    border-top: 2px solid DarkSlateGray;
    border-bottom: 2px solid DarkSlateGray;
    padding: 10px 0px;
    font-weight: 700;
    font-size: 15px;
}


table.special_table tbody td a{
    color: #4285F4;
    text-decoration: none;
}

table.special_table tbody td .red{
    color: #EA4335;
    cursor: pointer;
}

.pointer_cursor{
    cursor: pointer;
}

.fa-facebook-square{
    color: #1096F4;
}

.fa-whatsapp{
    color: #34A853;
}

.fa-twitter-square{
    color: #1DA1F2;
}

.fa-linkedin-square{
    color: #0073B1;
}

.fa-envelope-square,
.fa-telegram{
    color: #222222;
}

.fa-link{
    color: #EA4335;
}

.discount_badge{
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    border-radius: 100%;
    font-weight: 600;
}

.discount_badge.black{
    background-color: #333;
    color: white;
}

.popover-content{
    text-align: center;
}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Login Page*/

#login_panel #login_form_box{
    background-color: #FFF;
    width: 90%;
    margin: auto;
    padding: 50px 50px 25px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 1px rgba(34,36,38,.25);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(34,36,38,.25);
}

#login_panel #login_form_box .login_err_message{
    margin: 10px 0px;
    min-height: 30px;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

#login_panel #login_form_box .create_account_msg{
    margin: 10px 0px;
    font-weight: 600;
}

#login_panel #login_form_box .forgot_password_msg{
    margin: 15px auto 0px;
}

/*Login Page*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Loader,Confirm and Alert */

.loader{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    z-index: 1000000;
    text-align: center;
    background: rgba(0,0,0,0.8);
    color: #fff;
    display: none;
}

.loader .content{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 100px;
}

.loader .content label{
    display: block;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 0px;
}

#xalert_window,
#xconfirm_window{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(210,210,210,0.5);
    z-index: 10000;
    overflow-y: auto;
    text-align: center;
    display: none;
}

#xalert_window #msg_box,
#xconfirm_window #confirm_box{
    width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 3px 3px 2px #999;
    -webkit-box-shadow: 0 3px 3px 2px #999;
    text-align: center;
    padding: 25px 20px;
    border-radius: 5px;
}

#xalert_window #msg_box h4,
#xconfirm_window #confirm_box h4{
    font-weight: 600;
    min-height: 35px;
}

#xalert_window #msg_box .footer,
#xconfirm_window #confirm_box .footer{
    margin-top: 25px;
}

#xalert_window #msg_box .footer button,
#xconfirm_window #confirm_box .footer button{
    margin: 0px 5px;
    min-width: 100px;
}

/*Loader,Confirm and Alert */
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Shopping Cart Shortcut*/

.cart_menu_box.collapsed{
    display: none;
}

.cart_menu_box.uncollapsed{
    display: block;
    margin-left: 15px;
}

.cart_menu_box{
    position: relative;
    height: 50px;
    text-align: right;
    cursor: pointer;
}

.cart_menu_box.collapsed{
    float: left;
}

.cart_menu_box.collapsed .shortcut,
.cart_menu_box.collapsed .notifications{ 
    position: relative;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

.cart_menu_box .shortcut:hover .price{ 
    color: #DA4643;
}

.cart_menu_box .shortcut:hover .count{ 
    background-color: #fff;
    color: #DA4643;
}

.cart_menu_box .shortcut img.icon{
    width: 50px;
}

.cart_menu_box.collapsed .shortcut img.icon{
    width: 30px;
}

.cart_menu_box .shortcut .price{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

.cart_menu_box.collapsed .shortcut .price{
    font-size: 12px;
}

.cart_menu_box .shortcut .count{
    background-color: #DA4643;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    font-weight: 700;
    position: absolute;
    top: 5px;
    left: 20px;
    font-size: 12px;
    color: #fff;
}

.cart_menu_box.collapsed .shortcut .count{
    min-width: 17px;
    min-height: 17px;
    line-height: 17px;
    left: 18px;
}

.cart_menu_box.collapsed .notifications .icon{
    font-size: 22px;
    color: #FFF;
    margin-top: 2px;
}

.cart_menu_box.collapsed .notifications .count{
    background-color: #DA4643;
    min-width: 17px;
    min-height: 17px;
    display: inline-block;
    text-align: center;
    line-height: 17px;
    border-radius: 100%;
    font-weight: 700;
    position: absolute;
    top: -5px;
    left: -2px;
    font-size: 12px;
    color: #FFF;
    font-style: normal;
}

.cart_menu_box.collapsed .notifications:hover .icon{
    color: #DA4643;
}

.cart_menu_box.collapsed .notifications:hover .count{
    background-color: #FFF;
    color: #DA4643;
}

.cart_menu_box #items_list{
    width: 450px;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 99;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 25px 0px rgba(34,36,38,.25);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.25);
    display: none;
    padding: 5px 2px;
    cursor: default;
}

.cart_menu_box.collapsed #items_list{
    left: -60px;
}

.cart_menu_box.uncollapsed #items_list{
    left: 0px;
}

.cart_menu_box #items_list .content{
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    padding-top: 20px;
    padding-bottom: 10px
}

.cart_menu_box #items_list .content hr{
    margin: 10px 0px;
}

.cart_menu_box #items_list .content p{
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.cart_menu_box #items_list .content .name{
    margin-top: 15px;
    color: darkslategray;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.cart_menu_box #items_list .content .amount{
    color: #4285F4;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    margin: 5px 0px;
}

.cart_menu_box #items_list .content .delete{
    color: #EA4335;
    line-height: 50px;
    font-weight: 600;
    display: block;
    text-align: center;
    cursor: pointer;
}

.cart_menu_box #items_list .content .delete:hover{
    opacity: .8;
}

.cart_menu_box #items_list .buttons{
    text-align: center;
    margin: 10px 0px;
    display: none;
}

.cart_menu_box #items_list .buttons .btn{
    text-transform: uppercase;
    padding: 5px 15px;
    margin: 0px 5px;
    font-weight: 600;
}

/*Cart Shortcut*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Main Navebar*/

.navbar{
    min-height: 50px;
    padding: 10px 10px;
    margin: 0px;
    border-radius: 0px;
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.15);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.15);
    border-bottom: 5px solid #DA4643;
}

.navbar-brand {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
}

.navbar-brand img{
   height: 100%;
}

.navbar .navbar-nav > li > a {
    color: #eee;
    text-align: left;
    font-weight: 600;
}

.navbar .navbar-nav > li > a:hover {
    color: #DA4643;
}

.navbar .navbar-nav .dropdown.open > a{
    background-color: transparent;
    color: #DA4643;
}

.navbar .navbar-nav .dropdown-menu > li > a:hover {
    background-color: #000;
    color: #fff;
}

.navbar .navbar-nav > li.notifications{
    display: block;
    line-height: 45px;
    cursor: pointer;
    position: relative;
}

.navbar .navbar-nav > li.notifications .icon{
    font-size: 32px;
    color: #FFF;
}

.navbar .navbar-nav > li.notifications .count{
    background-color: #DA4643;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    font-weight: 700;
    position: absolute;
    top: -5px;
    left: -8px;
    font-size: 12px;
    color: #FFF;
    font-style: normal;
}

.navbar .navbar-nav > li.notifications:hover .icon{
    font-size: 32px;
    color: #DA4643;
}

.navbar .navbar-nav > li.notifications:hover .count{
    background-color: #FFF;
    color: #DA4643;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-right: 0;
}

.search_form_collapsed{
    margin-top: 25px;
    display: none;
}

.search_items .form-group{
    position: relative;
}

.search_items .search_result_list{
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 999;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 2px 2px 10px 2px rgba(34,36,38,.25);
    -webkit-box-shadow: 2px 2px 10px 2px rgba(34,36,38,.25);
    display: none;
}

.search_items .search_result_list .content{
    min-height: 250px;
    max-height: 500px;
    overflow: auto;
    padding: 5px;
}

.search_items .search_result_list .content > p{
    font-size: 15px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
}

.search_items .search_result_list .content a{
    text-decoration: none;
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 5px 0px;
}

.search_items .search_result_list .content a .title{
    color: #000;
    margin: 0px;
    font-weight: 600;
}

.search_items .search_result_list .content a .subtitle{
    color: #333;
    margin: 0px;
    text-indent: 10px;
}

.sidenav{
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: -300px;
    background-color: #EAEDED;
    /* border-right: 5px solid #DA4643; */
    overflow-y: scroll;
    overflow-x: hidden;
    transition: 0.5s
}

.sidenav.opened{
    right: 0;
    transition: 0.5s;
}

.sidenav::-webkit-scrollbar{
    width: 6px;
    height: 12px;
}

.sidenav::-webkit-scrollbar-track{
    background: #DA4643;
}

.sidenav::-webkit-scrollbar-thumb{
    background: #DA4643;
}

.sidenav::-webkit-scrollbar-button{ 
    height: 0px;
    background: transparent;
}

.sidenav::-webkit-scrollbar-corner {
    background-color: transparent;
}

.sidenav .close_btn {
    position: absolute;
    display: inline-block;
    z-index: 99999999;
    top: 0;
    left: 0px;
    width: 30px;
    height: 30px;
    background-color: #DA4643;
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    color: #FFF;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
}

.sidenav .close_btn:hover{
    color: #f1f1f1;
}

.sidenav .header {
    height: 80px;
    background-color: #222;;
    border-bottom: 5px solid #DA4643;
    padding-top: 25px;
}

.sidenav .header .title{
    color: #FFF;
    margin-top: 0px;
}

.sidenav .header .title a{
    color: #FFF;
    text-decoration: none;
}

.sidenav .content {
    padding: 10px 25px;
}

.sidenav .content .title{
    font-weight: 600;
    color: #969397;
    text-transform: uppercase;
}

.sidenav .content .categories_navigation ul{
    padding: 0px;
    list-style-type: none;
}

.sidenav .content .categories_navigation{
    min-height: 28em;
}

.sidenav .content .categories_navigation ul.main_categories{
    margin-top: 25px;
}

.sidenav .content .categories_navigation ul:not(.main_categories){
    padding-right: 15px;
    border-right: 2px solid darkslategray;
}

.sidenav .content .categories_navigation ul li{
    margin: 15px 0px;
}

.sidenav .content .categories_navigation ul li span{
    color: darkslategray;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
}

.sidenav .content .categories_navigation ul li span i{
    margin: 0px 5px;
}

.sidenav .content .categories_navigation ul li a{
    text-decoration: none;
    display: block;
    color: darkslategray;
    font-size: 18px;
    font-weight: 600;
}

.sidenav .categories_navigation ul li.collapsed ul{
    display: block;
}

.sidenav .categories_navigation ul li.folded ul{
    display: none;
}

.sidenav .content .links{
    font-weight: 600;
}

.sidenav .content .links > div{
    margin-top: 10px;
}

.sidenav .content .links .languages a,
.sidenav .content .links .goto_links a,
.sidenav .content .links .social .popover .popover-content a{
    text-decoration: none;
    color: darkslategray;
}

.sidenav .content .links .languages a:hover,
.sidenav .content .links .goto_links a:hover,
.sidenav .content .links .social .popover .popover-content a:hover{
    color: orange;
}

.sidenav .content .links .copyrights{
    cursor: default;
    font-weight: 700;
}

.sidenav .content .links .social a{
    margin: 0px 4px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
}

/*Main Navebar*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/* Notifications Modal */

#notifications_modal .content{
    height: 500px;
    overflow: auto;
}

#notifications_modal .content .row:not(.loading_animation){
    cursor: default;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

#notifications_modal .content .row.loading_animation p{
    color: #000;
    font-size: 14px;
}

#notifications_modal .content .row.unread{
    background-color: #dadada;
}

#notifications_modal .content .row.read{
    background-color: #FFF;
}

#notifications_modal .content .title{
    font-weight: 700;
    margin: 0px;
    margin-bottom: 5px;
    color: darkslategray;
    font-size: 16px;
}

#notifications_modal .content p{
    font-weight: 600;
    margin: 0px;
    text-indent: 5px;
}

#notifications_modal .content a{
    text-decoration: none;
}


/* Notifications Modal */
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/* Share Product Modal */

#share_item_modal .list-group a.list-group-item{
    color: darkslategray;
    font-size: 18px;
}

#share_item_modal .list-group a.list-group-item i{
    margin: 0px 5px;
    font-size: 22px;
}

#share_item_modal .share_link_textarea_container{
    display: none;
}

#share_item_modal .share_link_textarea_container textarea{
    resize: none;
}

/* Share Product Modal */
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Category Path Breadcrumb*/

#category_breadcrumb .breadcrumb {
    background-color: transparent;
    margin-bottom: 0px;
}

#category_breadcrumb ol.breadcrumb li {
    cursor: default;
}

#category_breadcrumb ol.breadcrumb li a{
    text-decoration: none;
}

#category_breadcrumb .food_category_title{
    margin: 0px;
    cursor: default;
    font-weight: 600;
    color: #EA4335;
}

/*Category Path Breadcrumb*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Homepage*/

.homepage_browsing_choices{
    padding: 50px 0px;
    background-image: linear-gradient(wheat , wheat, #EAEDED);
}

.homepage_browsing_choices .col-sm-12 > .row:not(:first-child){
    margin-top: 50px;
}

.homepage_browsing_choices .col-sm-12 > .row:first-child{
    margin-top: 25px;
}

.carousel#homepage_carousal .carousel-inner .item .carousel-caption .btn{
    opacity: .7;
}

.carousel#homepage_carousal .carousel-inner .item .carousel-caption .btn:hover{
    opacity: 1;
}

.spec_carousal{
    background-color: #FFF;
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    min-height: 250px;
    padding: 25px;
    position: relative;
}

.spec_carousal .control{
    position: absolute;
    display: inline-block;
    top: 25px;
    bottom: 0px;
    margin: auto;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    color: #cecece;
}

#home_top_offers_section .spec_carousal .control{
    top: 0px;
}

.spec_carousal .control.right{
    right: 5px;
}

.spec_carousal .control.left{
    left: 5px;
}

.spec_carousal .control:hover{
    color: #888;
}

.spec_carousal .title{
    margin: 0px;
}

.spec_carousal .content{
    margin-top: 25px;
    padding: 0px 10px 25px;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    text-align: center;
}

.spec_carousal .content::-webkit-scrollbar{
    width: 6px;
    height: 6px;
}

.spec_carousal .content::-webkit-scrollbar-track{
    background: transparent;
}

.spec_carousal .content::-webkit-scrollbar-thumb{
    /* background: #aaa; */
    background: transparent;
}

.spec_carousal .content:hover::-webkit-scrollbar-thumb{
    background: #888;
}

.spec_carousal .content::-webkit-scrollbar-button{ 
    height: 0px;
    width: 0px;
    background: transparent;
}

.spec_carousal .content::-webkit-scrollbar-corner {
    background-color: transparent;
}

.spec_carousal .content .item{
    display: inline-block;
    margin: 0px 5px;
}

.spec_carousal .content img{
    height: 150px;
    width: auto;
}

.spec_carousal .content a{
    text-decoration: none;
}

.spec_carousal .direct_link{
    font-weight: 600;
    font-size: 16px;
}

.spec_carousal .item_info{
    position: relative;
    background-color: #FFF;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
}

.spec_carousal .category_card_view,
.spec_carousal .brand_card_view{
    background-color: #FFF;
    margin: 10px auto;
    padding: 0px 10px;
    cursor: pointer;
}

.spec_carousal .item_info:hover{
    box-shadow: 4px 4px 10px 0px rgba(34,36,38,.8);
    -webkit-box-shadow: 4px 4px 10px 0px rgba(34,36,38,.8);
}

.spec_carousal .category_card_view:hover .category_name{
    color: orangered;
}

.spec_carousal .item_info .discount_badge{
    position: absolute;
    top: 5px;
    left: 5px;
}

.spec_carousal .item_info .item_image_container{
    height: 150px;
}

.spec_carousal .item_info .item_image_container img{
    max-height: 150px;
}

.spec_carousal .item_info p.item_name{
    color: #0F1111;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
}

.items_thumbs_container .item_info .item_packing,
.spec_carousal .item_info .item_packing{
    display: block;
    color: #555;
    font-size: 12px;
    font-weight: 700;
    margin: 5px 0px;
}

.spec_carousal .item_info .details{
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
}

.spec_carousal .item_info .details p.item_price{
    color: orangered;
    display: none;
}

.spec_carousal .item_info .details p.item_price span.old_price{
    color: #999;
    font-size: 12px;
    text-decoration-line: line-through;
}

.spec_carousal .category_card_view .category_name{
    color: #0F1111;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 0px;
}

.spec_carousal .brand_card_view .background{
    height: 100px;
    min-width: 150px;
    background-color: #fff;
    background-size: auto 150px;
    background-repeat: no-repeat;
    background-position: center;
}

.spec_carousal .brand_card_view .brand_name{
    background-color: #FFF;
    display: block;
    margin: 10px auto;
    padding: 25px;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid darkslategray;
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    box-shadow: inset 2px 2px 10px 0px rgba(34,36,38,.2);
    -webkit-box-shadow: inset 2px 2px 10px 0px rgba(34,36,38,.2);
    color: orangered;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.spec_carousal .brand_card_view .brand_name:hover{
    box-shadow: inset 2px 2px 10px 0px rgba(34,36,38,.4);
    -webkit-box-shadow: inset 2px 2px 10px 0px rgba(34,36,38,.4);
}

/*Homepage*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Make order Panel*/

#make_order_panel table tbody tr td{
    padding: 0px;
}

#make_order_panel table tbody input,
#make_order_panel table tbody select{
    min-width: 100% !important;
    height: 25px;
    line-height: 25px;
    padding: 0px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    text-align: center;
}

#make_order_panel table tbody select{
    text-align-last:center;
}

#make_order_panel table tbody input[disabled]{
    background-color: #eee;
}

#make_order_panel table tbody input:focus,
#make_order_panel table tbody select:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#make_order_panel .buttons .btn {
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 25px;
    margin: 5px;
}

#make_order_panel table tbody .search_result_list{
    width: 100%;
    position: absolute;
    top: 25px;
    left: 0px;
    z-index: 9;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 2px 2px 10px 2px rgba(34,36,38,.25);
    -webkit-box-shadow: 2px 2px 10px 2px rgba(34,36,38,.25);
    display: none;
}

#make_order_panel table tbody .search_result_list .content{
    min-height: 100px;
    max-height: 500px;
    overflow-x: hidden;
    padding: 5px 10px;
}

#make_order_panel table tbody .search_result_list .content p{
    color: #333;
    font-weight: 600;
}

#make_order_panel table tbody .search_result_list .content p.item{
    cursor: pointer;
}

/*Make order Panel*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Profile & signup Panel*/

#profile_panel{
    background-color: #FFF;
    width: 90%;
    margin: 50px auto;
    padding: 50px 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 1px rgba(34,36,38,.25);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(34,36,38,.25);
}

#profile_panel ul.nav-tabs li{
    border-bottom: 5px solid #E64B3C;
}

#profile_panel ul.nav-tabs li a{
    color: #FFF;
    background-color: DarkSlateGray;
    border: none !important;
    border-radius: 0px;
    font-weight: 600;
    font-size: 16px;
}

#profile_panel ul.nav-tabs li.active a{
    background-color: #E64B3C;
    color: #FFF;
}

/* #profile_panel ul.nav-tabs li.active a::after {
    position: absolute;
    top: 110%;
    left: 47%;
    display: inline-block;
    border-right: 10px solid transparent;
    border-top: 10px solid #E64B3C;
    border-left: 10px solid transparent;
    content: '';
} */

#profile_panel ul.nav-tabs li:hover a{
    background-color: #E64B3C;
    color: #FFF;
}

#profile_panel .tab-content{
    margin-top: 50px;
    min-height: 350px;
}

p.error{
    color: #E64B3C;
    font-weight: 600;
}

p.success{
    color: #34A853;
    font-weight: 600;
}

/*Profile & signup Panel*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Item Info Thumbs*/

.items_thumbs_container{
    margin: 0px 0px 25px;
    text-align: center;
}

.items_thumbs_container .list-group a{
    font-size: 15px;
    font-weight: 600;
}

.items_thumbs_container .list-group a:hover{
    background-color: #EA4436;
    color: #fff;
}

.items_thumbs_container .item_container{
    display: inline-block;
    min-width: 300px;
    margin: 25px 10px;
}

.items_thumbs_container a{
    text-decoration: none;
}

.items_thumbs_container .item_info{
    position: relative;
    background-color: #FFF;
    margin: 25px auto;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    padding: 5px;
}

.items_thumbs_container .item_info:hover{
    box-shadow: 4px 4px 10px 0px rgba(34,36,38,.8);
    -webkit-box-shadow: 4px 4px 10px 0px rgba(34,36,38,.8);
}

.items_thumbs_container .item_info .discount_badge{
    position: absolute;
    top: 5px;
    right: 5px;
}

.items_thumbs_container .item_info .item_image_container{
    height: 225px;
}

.items_thumbs_container .item_info .item_image_container img{
    max-height: 225px;
}

.items_thumbs_container .item_info p.item_name{
    color: #0F1111;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 15px;
}

.items_thumbs_container .item_info p.item_qty_in_cart{
    color: #263F3F;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    min-height: 20px;
}

.items_thumbs_container .item_info .details{
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
}

.items_thumbs_container .item_info .details p.item_price{
    color: #4285F4;
    display: none;
}

.items_thumbs_container .item_info .details p.item_price span.old_price{
    color: #999;
    font-size: 15px;
    text-decoration-line: line-through;
}

.items_thumbs_container .item_info .details p.item_availability.available{
    color: #34A853;
}

.items_thumbs_container .item_info .details p.item_availability.not_available{
    color: #EA4335;
}

.items_thumbs_container .item_info .actions_btns{
    padding: 10px 0px;
    display: table;
    width: 100%;
    border-top: 1px solid #cecece;
    cursor: default;
}

.items_thumbs_container .item_info .actions_btns > span{
    display: table-cell;
    text-align: center;
    font-size: 22px;
}

.items_thumbs_container .item_info .actions_btns > span:not(:last-child){
    border-left: 1px solid #cecece;
}

.items_thumbs_container .item_info .actions_btns > span *{
    cursor: pointer;
}

.items_thumbs_container .item_info .actions_btns span.add_to_cart_container{
    position: relative;
}

.items_thumbs_container .item_info .actions_btns span.add_to_cart_container .count{
    background-color: orange;
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 100%;
    font-weight: 700;
    position: absolute;
    top: -7px;
    right: 0px;
    left: 25px;
    margin: auto;
    font-size: 12px;   
}

.items_thumbs_container .item_info .actions_btns .share{
    color: #337ab7;
}

.items_thumbs_container .item_info .actions_btns .add_item_to_cart{
    color: #2A4747;
    font-size: 24px;
}

.items_thumbs_container .item_info .actions_btns .like{
    color: #EA4335;
}

/*Item Info Thumbs*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Category Cards*/

#categories_thumbs_container{
    text-align: center;
}

#categories_thumbs_container .category_container{
    display: inline-block;
    width: 300px;
    margin: 25px 10px;
}

#categories_thumbs_container a{
    text-decoration: none;
}

#categories_thumbs_container .category_card{
    height: 250px;
    background-color: #fff;
    background-size: auto 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply;
    border-radius: 5px;
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    color: #FFF;
    display: table;
    width: 100%;
    padding: 10px;
}

#categories_thumbs_container .category_card:hover{
    box-shadow: 4px 4px 10px 0px rgba(34,36,38,.8);
    -webkit-box-shadow: 4px 4px 10px 0px rgba(34,36,38,.8);
    color: orange !important;
}

#categories_thumbs_container .category_card .title{
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
}

/*Category Cards*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/* Search panel */

#search_panel #search_filters{
    background-color: white;
    width: 350px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: -350px;
    z-index: 888888;
    transition: 0.5s;
}

#search_panel #search_filters.opened{
    right: 0;
    transition: 0.5s;
}

#search_panel #search_filters .middle_container{
    position: relative;
    max-width: 350px;
    height: 100%;
}

#search_panel #search_filters .title_tag{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    position: absolute;
    bottom: 0;
    right: 100%;
    top: 0;
    margin: auto;
    background-color: #DA4643;
    color: #fff;
    /* transform: rotate(90deg); */
    cursor: pointer;
    letter-spacing: 1.5px;
    font-weight: 600;
    font-size: 16px;
    border-top-left-radius: 10px;
}

#search_panel #search_filters .scrollable_container{
    overflow-x: auto;
    overflow-y: scroll;
    padding: 10px 25px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

#search_panel #search_filters .close_btn{
    position: absolute;
    left: 12px;
    top: 0px;
    font-weight: 600;
    color: #969397;
    z-index: 888889;
    font-size: 20px;
}

#search_panel #search_filters .scrollable_container > .title{
    font-weight: 600;
    color: #969397;
    text-transform: uppercase;
}

#search_panel #search_filters .scrollable_container::-webkit-scrollbar{
    width: 6px;
    height: 12px;
}

#search_panel #search_filters .scrollable_container::-webkit-scrollbar-track{
    background: #fdc2c1;
}

#search_panel #search_filters .scrollable_container::-webkit-scrollbar-thumb{
    background: #DA4643;
}

#search_panel #search_filters .scrollable_container::-webkit-scrollbar-button{ 
    height: 0px;
    background: transparent;
}

#search_panel #search_filters .scrollable_container::-webkit-scrollbar-corner {
    background-color: transparent;
}

#search_panel #search_filters .criteria,
#search_panel #search_filters .criteria_selected{
    margin: 10px 0px;
}

#search_panel #search_filters .criteria .options .hidden_option{
    display: none;
}

#search_panel #search_filters .criteria .options,
#search_panel #search_filters .criteria_selected .options{
    margin-right: 10px;
}

#search_panel #search_filters .criteria .title,
#search_panel #search_filters .criteria_selected .title{
    font-weight: 700;
    color: DarkSlateGray;
}

#search_panel #search_filters .criteria_selected .options .option{
    cursor: default;
}

#search_panel #search_filters .criteria_selected .options .option .remove{
    color: orangered;
    margin: 0px 5px;
    cursor: pointer;
}
/* Search panel */
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Item Details Modal*/

#items_details_panel .title{
    color: #EA4436;
    margin: 25px 0px 50px 0px;
    font-weight: 600;
    text-transform: capitalize;
}

#items_details_panel .gallery_bar_container{
    min-height: 75px;
    margin-top: 10px;
}

#items_details_panel .gallery_bar_container img{
    max-height: 75px;
    width: auto;
    margin: 2px;
    cursor: pointer;
}

#items_details_panel .image_container{
    padding: 5px;
    position: relative;
    min-height: 375px;
}

#items_details_panel .image_container .image_loader{
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 1000000;
    text-align: center;
    background: rgba(0,0,0,0.8);
    color: #fff;
    display: none;
}

#items_details_panel .image_container .image_loader .content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#items_details_panel .image_container > img{
    cursor: zoom-in;
    border-radius: 5px;
    /* box-shadow: 2px 2px 10px 0px rgba(34,36,38,.8);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.8); */
}

#items_details_panel .drift-zoom-pane{
    direction: ltr !important;
    z-index: 999999;
}

#items_details_panel .item_info .price{
    color: #EA4335;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    display: none;
}

#items_details_panel .item_info .price span.old_price{
    color: #999;
    font-size: 15px;
    text-decoration-line: line-through;
}

#items_details_panel .item_info p.item_qty_in_cart{
    color: #263F3F;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

#items_details_panel .item_info .qty_selection{
    margin: 25px auto;
    display: inline-block;
    width: 175px;
}

#items_details_panel .item_info .qty_selection .add_item_to_cart{
    margin-top: 15px;
}

#items_details_panel .item_info .qty_selection input:focus{
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#items_details_panel .item_info .description_section{
    min-height: 75px;
    margin-top: 10px;
}

#items_details_panel .item_info .description_section label{
    color: #4285F4;
    text-transform: uppercase;
    font-size: 14px;
}

#items_details_panel .item_info .description_section .content{
    min-height: 100%;
    text-align: justify;
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 10px;
}

#items_details_panel .item_info .description_section .content ul{
    padding-right: 15px;
}

/*Item Details Modal*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Checkout*/

#checkout_panel .nav-pills > li{
    box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(34,36,38,.5);
    border-color: transparent;
}

#checkout_panel .nav-pills > li >a{
    font-weight: 600;
    font-size: 18px;
    border-radius: 0px;
    border-color: transparent;
    pointer-events: none;
}

#checkout_panel .nav-pills>li.done>a,
#checkout_panel .nav-pills>li.done>a:focus,
#checkout_panel .nav-pills>li.done>a:hover {
    color: #9d9d9d;
    background-color: #edecec;
}

#checkout_panel .nav-pills>li.done>a:after {
    content: " \2713";
}


#checkout_panel .nav-pills>li.active>a,
#checkout_panel .nav-pills>li.active>a:focus,
#checkout_panel .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #34a853;
}

#checkout_panel .nav-pills>li.disabled>a,
#checkout_panel .nav-pills>li.disabled>a:focus,
#checkout_panel .nav-pills>li.disabled>a:hover {
    color: #505050;
    background-color: #ffffff;
}

#checkout_panel .tab-pane{
    padding-top: 50px;
}
/*Checkout*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*Footer*/

#footer{
    background-color: #222;
    border-top: 5px solid #DA4643;
    width: 100%;
    min-height: 75px;
    margin-top: 50px;
    padding: 40px 25px;
    color: #cdcdcd;
}

#footer .header{
    color: #fff;
    font-weight: 600;
}

#footer ul{
    padding-right: 0px;
    margin-right: 5px;
    margin-left: 0px;
}

#footer .contact i.fa{
    color: #cdcdcd;
}

#footer .contact ul li{
    margin-top: 10px;
}

#footer .links ul li{
    margin-top: 5px;
}

#footer ul li a{
    color: #cdcdcd;
}

#footer ul li a:hover{
    text-decoration: none;
    color: #DA4643;
}

#footer ul li.social a:hover{
    text-decoration: none;
    color: #4285F4;
}

#footer ul li.social a{
    margin-right: 5px;
}

#footer .company_links{
    border-top: 2px solid #00A4A1;
    margin-top: 40px;
    padding-top: 25px;
}

#footer .company_links a{
    text-decoration: none;
    color: snow;
    padding: 0px 10px;
}

#footer .company_links a:hover{
    color: orange;
}

#cookies_disclaimer_message_container{
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 80%;
    background-color: snow;
    padding: 25px 50px;
    -webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
    box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
}

#cookies_disclaimer_message_container p{
    font-weight: 600;
    font-size: 16px;
    color: darkslategray;
    line-height: 1.5em;
}

/*Footer*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/* ANIMATIONS */
@-webkit-keyframes bell-shake {
    10% { -webkit-transform: rotateZ(20deg); transform-origin: 50% 0%; }
    20% { -webkit-transform: rotateZ(-20deg); transform-origin: 50% 0%;}
    30% { -webkit-transform: rotateZ(15deg); transform-origin: 50% 0%; }
    40% { -webkit-transform: rotateZ(-15deg); transform-origin: 50% 0%;}
    50% { -webkit-transform: rotateZ(10deg); transform-origin: 50% 0%; }
    60% { -webkit-transform: rotateZ(-10deg); transform-origin: 50% 0%;}
    70% { -webkit-transform: rotateZ(5deg); transform-origin: 50% 0%; }
    80% { -webkit-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
    90% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%; }
    100% { -webkit-transform: rotateZ(0); transform-origin: 50% 0%;}
}
  
@-moz-keyframes bell-shake {
    10% { -moz-transform: rotateZ(20deg); transform-origin: 50% 0%; }
    20% { -moz-transform: rotateZ(-20deg); transform-origin: 50% 0%;}
    30% { -moz-transform: rotateZ(15deg); transform-origin: 50% 0%; }
    40% { -moz-transform: rotateZ(-15deg); transform-origin: 50% 0%;}
    50% { -moz-transform: rotateZ(10deg); transform-origin: 50% 0%; }
    60% { -moz-transform: rotateZ(-10deg); transform-origin: 50% 0%;}
    70% { -moz-transform: rotateZ(5deg); transform-origin: 50% 0%; }
    80% { -moz-transform: rotateZ(-5deg); transform-origin: 50% 0%;}
    90% { -moz-transform: rotateZ(0); transform-origin: 50% 0%; }
    100% { -moz-transform: rotateZ(0); transform-origin: 50% 0%;}
}
  
@keyframes bell-shake {
    10% { transform: rotateZ(20deg); transform-origin: 50% 0%; }
    20% { transform: rotateZ(-20deg); transform-origin: 50% 0%;}
    30% { transform: rotateZ(15deg); transform-origin: 50% 0%; }
    40% { transform: rotateZ(-15deg); transform-origin: 50% 0%;}
    50% { transform: rotateZ(10deg); transform-origin: 50% 0%; }
    60% { transform: rotateZ(-10deg); transform-origin: 50% 0%;}
    70% { transform: rotateZ(5deg); transform-origin: 50% 0%; }
    80% { transform: rotateZ(-5deg); transform-origin: 50% 0%;}
    90% { transform: rotateZ(0); transform-origin: 50% 0%;}
    100% { transform: rotateZ(0); transform-origin: 50% 0%;}
}

.bell-shake {
    -webkit-animation: bell-shake 3s ease infinite;
    -moz-animation: bell-shake 3s ease infinite;
    animation: bell-shake 3s ease infinite;
}

/* ANIMATIONS */
/*************************************************/
/*************************************************/
/*************************************************/
/* Media query */

@media(max-width: 950px){
    .navbar-form.search_form{
        display: none;
    }

    .search_form_collapsed{
        display: block;
    }
}

@media(max-width: 767px){
    .cart_menu_box.collapsed{
        display: inline-block;
    }
    
    .cart_menu_box.uncollapsed{
        display: none;
    }

    .navbar .navbar-nav > li.notifications{
        display: none;
    }

    .navbar .navbar-nav li a{
        text-align: center;
    }

    #footer{
        text-align: center !important;
    }

    #xalert_window #msg_box,
    #xconfirm_window #confirm_box{
        width: 90%;
    }

    #xalert_window #msg_box .footer button,
    #xconfirm_window #confirm_box .footer button{
        min-width: 75px;
    }
}

@media(max-width: 500px){
    .cart_menu_box{
        position: static !important;
    }

    .cart_menu_box #items_list{
        position: absolute;
        width: 100%;
        top: 50px;
        right: 0px;
        left: 0px;
    }

    nav.navbar{
        position: relative;
    }
}


@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* Media query */
/*************************************************/