/*
.table_stock_register tr td
{
    width: 100%;
}
*/

.ml5
{
    margin-left: 5px;
}
.mt5
{
    margin-top: 5px;
}
.mb5
{
    margin-bottom: 5px;
}
.mr5
{
    margin-right: 5px;
}
.mrg5
{
    margin: 5px;
}

.paddl5
{
    padding-left: 5px;
}
.paddt5
{
    padding-top: 5px;
}
.paddb5
{
    padding-bottom: 5px;
}
.paddr5
{
    padding-right: 5px;
}
.padd5
{
    padding: 5px;
}
.ftl
{
    float: left;
}
.ftr
{
    float: right;
}
.txtal_c
{
    text-align: center;
}
.txtal_r
{
    text-align: right;
}
.txtal_l
{
    text-align: left;
}
.input_small
{
    width: 150px;
    height: 32px;
}
.input_mini
{
    width: 100px;
    height: 32px;
}
.stock_register_input
{
    width: 100%;
    height: 30px;
}

.input_small_div
{
    float: left;
    
}

.gesmar_select_input
{
    width: 50%;
    height: 32px;
}

.catg_register_input
{
    width: 60%;
    height: 30px;
}

.sheet_select
{
    width: 50%;
    height: 33px;
    margin-right: 5px;
    margin-left: 5px;
}
.sheet_choose_product
{
    padding: 15px 5px 40px 0;
    margin-bottom: 20px;
}
.sheet_select-btn
{
    margin-top: -5px;;
}

.table_label
{
    max-width: 30%;
}

.table_value
{
    padding: 0px;
}

.btn-gesmar
{
    height: 30px;
    margin-top: -5px;
}

.product_save_catg_box
{
    display: none;
}

.wid100
{
    width: 100%;
}

.txtred
{
    color:red;
}

.cbx
{
    min-width: 17px;
    min-height: 17px;
    margin-right: 15px;
}

.bder
{
    border: 1px solid #eee;
}
.bderL
{
    border-left: 1px solid #eee;
}
.bderR
{
    border-right: 1px solid #eee;
}
.bderT
{
    border-top: 1px solid #eee;
}
.bderB
{
    border-bottom: 1px solid #eee;
}

.floatl
{
    float: left;
}
.floatr
{
    float: right;
}
.fresult
{
    width: 300px;
}

.article-details
{
    margin:15px 5px 15px 5px;
    padding: 10px;
    font-size: 16px;
}

.user_displayname
{
    margin-left: 8px;
}
.navbar-default .mobile-cart-bag-number
{
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 2px 4px;
    font-size: 8px;
    margin-left: -10px;
    position: relative;
}

.navbar-default .pc-cart-bag-number
{
    background-color: red;
    color: #fff;
    border-radius: 50%;
    padding: 2px 4px;
    font-size: 8px;
    margin-left: -10px;
    position: relative;
}

.navbar-default .mobile-nav-home
{
    padding: 6px;
    margin-top: 10px;;
}

.navbar-nav .nav-cart-bag
{
    margin-top: 10px;;
}
.navbar-default .mobile-nav-cart
{
   padding: 6px;
}

.logo_div
{
    margin-right:10px; 
    float:left; 
    margin-top: 10px;
}

.home_title
{
    float:left; 
}

.logo_div img
{
    width: 70px;
    height: 70px;
}

select#gesmar_currency 
{
    margin-top: -1px;
}



.sell_confirm .gesmar_selling_input
{
    width: calc(100% - 120px);
    margin-top: 10px;
}

.sell_confirm label
{
    width: 100px;
    float: left;
    /*margin-top: 15px; */
    margin-left: 20px;
}

.sell_confirm input, select
{
    width: 60%;
    margin-top: -15px;
    margin-bottom: 5px;
}

.sell_confirm select
{
    width: 60%;
}

.sell_confirm .sell_confirm_state
{
    background-color: green;
    width: 300px;
    height: 50px;
    padding-top: 15px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 15px;
}

.sell_confirm .customer_confirm_text_box
{
    background-color: rgb(179, 196, 179);
    padding: 15px 10px 10px 10px;
    margin: 0 15px;
    text-align: center; 
    border-radius: 15px;
}
.sell-confirm-btn button
{
    margin-top: 50px;
    margin-left: 20px;
}

.selling_form label
{
    text-align: right;
}

.sell-consent span
{
    margin-top: -15px;

}
.sell-consent input
{
    width: 15px;
    margin-right: 10px;
    margin-left: 15px;
    margin-top: 2px;

}
.gesmar_setting
{
    margin: 10px;
}

.search_result
{
    margin: 20px 5px 5px 2px;
    min-height: 70px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-bottom: 50px;
}

.shopping-product-body
{
    min-height: 160px;
    margin-bottom: 10px;
}

.shopping-cart-button button
{
    width: 100%;
    height: 32px;
    border-radius: 50PX;
}

.shopping_op_box label
{
    margin-left: 10px;
}

.shopping_op
{
    margin-top: 20px;
    border: 1px solid #eee;
    padding: 5px;
}
.shopping_op_box span
{
    margin: 20px 50px 5px 10px;
    
}

.shopping_op_box input
{
    height: 33px;
    
}

.shopping_op_box button
{
    height: 33px;
    margin-top: -4px;
    margin-left: 10px
    
}
.search_result .search_title
{
    width: 100%;
    margin: 15px auto;
    padding-left: 10px;
}
.search_result .search_body
{
    width: 100%;
    margin: 0px auto;
}
.search_product_detail
{
    width: 100%;
    float: left;
}

.mini_display_foto
{
    width: 60px;
}

.full_display_foto
{
    width: calc(100% - 60px);
}

.gesmar_search_box label
{
    margin-bottom: 30px;
    min-height: 90px;
    max-height: 90px;
    width: 100%;
    margin-left: 0px;
}

.gesmar_search_box
{
    position: relative;
}

.search_box_ext_link
{
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1200;

    
}

.search_box_ext_link i
{
    font-size:20px;
    color: #c3c1c1;
    background-color: #fff;
    cursor: pointer;
}

.gesmar_search_box .img_box
{
    text-align: center;
    border:#eee solid 1px;
    margin: 0px auto;
    min-width:150px;
    max-width:150px;
    min-height:100px;
    max-height:100px;
    overflow: hidden;
}

.gesmar_search_box img
{
    width: 100%;
    height: 98px;
    object-fit: contain;
}

.small_img_box img
{
    width: 100%;
    height: 50px;
    margin-top: 5px;
    border: 1px solid #eee;
    object-fit: contain;
}

.product_details_box .img_box
{
    margin: 0px;
    width: 75%;
    height: 100%;
    float: left;
}

.full_display_foto .img_box, .img_box img
{
    width: 100%;
}

.search_boby .img_top_box 
{
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;

}

.product_details_box .small_img_box
{
    margin: 0px auto;
    width: 60px;
    height: 100%;
    border-right: 1px solid #eee;
    float: left;
}

.search_result .product_cart_box
{
    width:100%;
    border-bottom: 1px solid #eee;
    padding: 10px;
    height: 110px;
    position: relative;
}


.product_cart_box .img_box
{
    margin: 0px auto;
    min-width:80px;
    max-width:80px;
    min-height:100px;
    max-height:100px;
    overflow: hidden;
    float: left;
}

.product_cart_box img
{
    width: 100%;
    height: 90px;
    object-fit: contain;
}

.product_cart_box label
{
    width: 100%;
}

label.cart_product_counter
{
    position: absolute;
    bottom: 5px;
    left: 90px;
}

label.cart_product_del
{
    position: absolute;
    bottom: 5px;
    left: 140px;

}

.product_cart_box .cart_product_body
{
    float: left;
    width: calc(100% - 80px - 20%);
}

.product_cart_box .cart_product_price
{
    float: right;
    width: 20%;
    text-align: right;
}

.cart_box_product_label
{
    float:left; 
    margin-left:10px;
    margin-bottom:-25px
}

.cart_box_price_label
{
    float:right;
    text-align:right;
    margin-right:15px;
    margin-bottom:-25px
}

.cart_box_prive_total
{
    margin-bottom:20px;
}
.cart_box_buy_stock_button
{
    float:right;
    text-align:right;
    margin-right:15px;
    margin-top:25px
}

.search_result .details_body
{
    height: 100%;
}

.product_details_box input[type="number"]
{
    border-radius: 5px;
    height: 34px;
    width: 50px;
    margin-right: 8px;
    text-align: center;
}

.product_details_box button
{
    border-radius: 5px;
    height: 33px;
    width: 85px;
    margin-top: -5px;
}

.search_product_detail_desc
{
    margin-top: 10px;

}

.search_product_detail_price_single
{
    margin: 10px;
    margin-left: 0px;
}

span.product_details_title
{
    margin-top: 10px;
}

.search_product_detail .search_product_detail_price
{
    margin: 5px;
    margin-left: 0px;
    border:1px solid transparent; 
    width: 150px;
    padding: 5px;
    
}

.search_product_detail .search_product_detail_desc
{
    /*white-space: nowrap; */
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 4; 
    text-overflow: ellipsis; 
    box-sizing: border-box; 
    overflow: hidden;
}
.search_result .gesmar_search_box
{
    min-height: 340px;
    float: left;
    max-height: 340px;
    margin: 5px;
    width: 190px;
    border: 1px solid #555;
    border-radius: 5px;
    padding: 10px;
   /* box-shadow: 
        5px 5px 10px rgba(0, 0, 0, 0.2),  
        10px 10px 20px rgba(0, 0, 0, 0.2), 
        15px 15px 20px rgba(0, 0, 0, 0.2); 
        */
}

.search_result .product_details_box
{
    width:100%;
   /* border: 1px solid #eee;*/
}

.gesmar_selling_input
{
    margin-bottom: 5px;
}

.gesmar_setting .gesmar_setting_input
{
    margin-bottom: 5px;
}
.gesmar_setting_nav
{
    width: 100%;
}

.table-stock-div {
    overflow-x: auto;
}

.table-stock-div .bderR333
{
    border-right: 2px solid #333;
}


.list_manager
{
    cursor: pointer;
}

.buyer_info
{
    float: right;
    width: 200px;
    margin-bottom: 50px;
}

.seller_info
{
    float: left;
    width: 250px;
}

.invoice_info_div
{
    width: 100%;
}



@media screen and (max-width: 600px) {
    .table-stock {
        font-size: 11px;
    }

    .table-stock th, td {
        padding: 1px;
        min-width: 100px;
    }

    .table-stock th {
        font-size: 12px;
    }

    .input_small_div
    {
        width: 100%;
        margin-bottom: 5px;
        margin-left: -5px;
        
    }

    .input_small_div input
    {
        width: 100%;
        margin-left: 5px
    }

    .input_small_div select
    {
        width: 100%;
        
    }

    .input_small_div label
    {
        width: 100%;
        
    }
    .input_small_div label input
    {
        width: 5px;
        float: left;
        
    }

    .stock_register
    {
        width: 100%;
    }

    .gesmar_search_input
    {
        width: 80%;
        float: left;
    }
    .gesmar_search_btn
    {
        width: 15%;
        float: left;
    }

    .gesmar_search_box label
    {
        float: left;
        width: 100%;
        text-align: center;
    }

    
    .search_product_detail
    {
        margin: 5px;
        width: 100%;
        float: left;
    }

    .search_product_detail span
    {
        width: 95%;
    }

    .search_product_detail div
    {
        width: 95%;
    }

    .search_result .gesmar_search_box
    {
        padding: 0;
        padding-top: 10px;
    }

    .op_unit_separator
    {
        width: 100%;
    }

    label.op_unit
    {
        width: 110px;

    }

    input.op_unit
    {
        margin-bottom: 5px;
        
    }
    
    .shopping_op_box button
    {
        float: right;
        margin: 10px;
    }

    .shopping-cart-button
    {
        margin: 0px;
    }

    .shopping-cart-button button
    {
        width: 90%;
        margin-left: 10px;
    }
}


@media (min-width: 768px) {
    .mobile-nav-home
     {
        display: none;
        background-color: #e7e7e7;
        color: #555;
    }
}


@media screen and (max-width: 500px) {
    .search_boby
    {
        margin-left: 10px;
    }
    .search_result .gesmar_search_box 
    {
        width: 45%;
    }

    .shopping-product-body
    {
        height: 150px;
    }
    .shopping-cart-button
    {
        margin: 0px;
    }

    .shopping-cart-button button
    {
        width: 90%;
        margin-left: 10px;
    }
}

@media screen and (max-width: 400px) {
    .search_result .gesmar_search_box 
    {
        width: 95%;
    }

    .shopping-product-body
    {
        height: 150px;
    }
    .shopping-cart-button
    {
        margin: 0px;
    }

    .shopping-cart-button button
    {
        width: 90%;
        margin-left: 10px;
    }

    .favorit_number_cart
    {
        width: 100%;
    }

    .sell_confirm .gesmar_selling_input 
    {
        width: 100%;
    }
    
}

@media screen and (min-width: 300px) {
    
    select#gesmar_currency {
        margin-left: 0px;
        margin-top: 5px;
    }
  }

/*

@media screen and (min-width: 300px) and (max-width: 400px) 
{
    
    .sell_confirm .gesmar_selling_input
    {
        width: 90%;
    }

    .sell_confirm input
    {
        width: 90%;
    }

    .sell_confirm select
    {
        width: 90%;
    }

    .sell_confirm label
    {
        margin-top: 5px;
    }
}


@media screen and (min-width: 401px) and (max-width: 500px) 
{
    .sell_confirm .gesmar_selling_input 
    {
        width: 100%;
    }

    .sell_confirm label
    {
        width: 120px;
        margin-top: 0px;
    }
}

*/

@media (min-width: 400px) and (max-width: 500px) {
    .sell_confirm .gesmar_selling_input {
        width: 100%;
    }

    
}