#direction{
    margin-bottom: 25px;
}
#direction table{
    position:relative;
    left:70%;
}
#continue_shopping {
    text-decoration: none;
    background-color: lightgray;
    padding: 7px 15px;
    border-radius: 3px;
    /*box-shadow:0 2px 3px 0 dimgray;*/
    color:black;
    font-weight:bold;
}
#continue_shopping a {
    text-decoration: none;
    color: black;
}
#continue_shopping:hover {
}
#save_cart, #load_saved {
    padding: 7px 20px;
    border-radius: 3px;
    /*box-shadow:0 2px 3px 0 dimgray;*/
    margin-bottom:8px;
    border-width:0;
}
#save_cart {
    color:white;
    background-color: teal;
    margin-top:15px
}
#load_saved {
    color:black;
    background-color: rgba(0, 142, 230, 0.345);
}
#save_cart:hover, #load_saved:hover {
    /*box-shadow:0 1px 0 0 darkgray;*/
    cursor:pointer;
}

#cartcontent {
    padding: 10px;
    width:90vw;
    max-width: 1500px;
    min-height:35vh
}
#all_single_products_zone,#prescription_only_products_section {
    box-sizing: border-box;
    border:1px solid lightgray;
    border-radius:10px;
    width:100%;
    margin-bottom:50px;
}

.more_than_one_product {
    border:1px solid lightgray;
    border-radius:10px;
    margin-bottom:35px;
}

.single_product_section {
    display:-webkit-flex;
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    margin-bottom:20px;
    justify-content: space-around;
    justify-content: space-between;
    flex-wrap: wrap;

    border:0 solid lightgray;
    border-radius:unset;
    border-bottom-width: 1px;
    padding:10px
}
.more_than_one_product .single_product_section:last-of-type, #all_single_products_zone .single_product_section:last-of-type {
    border-bottom-width: 0;
}

.single_shop_section_header {
    box-sizing: border-box;
    background-color:lightgray;
    text-align:center;
    padding:7px;
    font-weight:bold;
    box-shadow:1px 4px 4px gray;
    width:100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.section_info {
    text-align: center;
    color:dimgray;
    margin: 25px auto;
    font-size: 13px;
    line-height: 1.6em;
    width:95vw;
    max-width:750px;
}

.items_in_basket {
    padding:6px 15px;
    display: inline-block;
    margin-left:20px;
    background-color:white;
    border-radius: 3px;
}
.items_in_basket, .items_in_basket *  {
    color:rgb(0, 140, 230) !important;
}
.basket_total_indicator {
    display:inline-block;
    font-weight:normal;
    margin-right:7px;
}
.basket_total {
    color:brown;
    font-weight:normal
}
.total_delivery_fee {
    color:green;
    font-family:"Ember Light", "Arial", "Times";
    font-weight: normal;
} 
.itemtable {
    border-collapse: collapse;
    border: 1px solid lightgray;
    border-width: 0 0 1px 0;
    padding: 5px;
    min-width: max-content;
    max-width:60%;
}
.itemtable td { 
    padding:10px;
}
.itemtable td:not(.product_image_container){
    padding-left:5px;
}
#cartcontent table:last-of-type{
    border: 1px solid lightgray;
    border-width: 0;
}
.product_image_container {
    height:8vw;
    width:12vw;
    min-width: 150px;
    min-height: 135px;
    max-height: 155px;
    max-width: 155px;
    text-align: center;
}

.product_img {
    max-width:155px;
    max-height:155px;
    border-radius: 10px;
}

.name, .price{
    width:70vw;
    max-width:500px;
    font-weight: bold;
    text-align:left;
    padding: 20px 0 ;
    line-height: 1.6em;
}

.price  {
    color:teal;
}
.quantity_sub_total_and_delivery_fee_section{
    text-align: left;
    font-size:13px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    white-space: nowrap;
}
.quantity{
    width:max-content;
    border:1px solid lightgray;
    border-radius:2px;
    padding:7px 15px;
    font-size:14px;
    display: inline-block;
    margin-bottom: 7px;
    margin-right:10px
}
.quantity_input {
    border-width:0;
    padding: 4px 10px;
}

.product_sub_total , .product_delivery_fee {
    box-sizing: border-box;
    display:inline-block;
    text-align:center;
    width:max-content;
    min-width:50px;
    width: max-content;
    border:1px solid lightgray;
    border-radius:2px;
    padding:7px;
    margin: auto 5px;
}
.product_sub_total {
    background-color:rgb(230, 230, 230);
    margin-left:5px;
}
.undiscounted_price{
    display:inline-block;
    margin-right:7px;
    color:gray;
    font-size:13px;
}
.final_x_price {
    color:brown
}

.product_delivery_fee {
    background-color: white;
    color:green
}

#cartcontent input[type = "submit"] {
    border-radius: 5px;
    border-width:0;
    box-sizing: border-box;
}
.batch_order_form_div {
    box-sizing: border-box;
    width:100%;
    text-align:right;
    padding-right:25px;
}
.order_all_form {
    position: relative;
    bottom:40px;
}

.order_all{
    color:white;
    background-color: rgb(0, 153, 230);
    padding:10px 55px;
    margin-left:15px;
    /*box-shadow:0 2px 3px 0 dimgray;*/
    font-size: 14px;

}
.order_all:hover {
    background-color: rgb(0, 140, 230);
    cursor:pointer;
    /*box-shadow:0 1px 0 0 darkgray;*/
}
.checkout {
    color:white;
    background-color: rgb(0, 153, 230);
    padding:10px 35px;
    margin: 10px auto;
    /*box-shadow:0 2px 3px 0 dimgray;*/
    font-size: 14px;
}
.checkout:hover {
    cursor:pointer;
    /*box-shadow:0 1px 0 0 darkgray;*/
    background-color: rgb(0, 140, 230);
}

.remove_form input[type="image"] {
    height:35px;
    width:35px;
}
.remove_form input[type="image"]:hover {
    cursor: pointer;
}

#login_instruction {
    font-size:14px;
    text-align:center;
    margin-bottom: 20px;
    margin-top:20px;
	line-height:1.6em
}
.instantlogin {
    color:rgb(0, 140, 230);
}
.instantlogin:hover {
    text-decoration:underline;
    color: rgb(0, 153, 230);
}
.cancel_instructions {
    color:brown;
    text-align: center;
    margin-top:35px;
    margin-bottom:50px;
}
.color_box {
    width:15px;
    height:15px; 
    display:inline-block;
    position:relative; 
    top: 7px; 
    padding:5px;
    border:1px solid lightgray;
    border-radius:50%;
}
.color_name {
    margin-left:5px;
}

#action-reply{
    text-align:center;
}

.delivery_fee,.delivery_fee_label {
    font-weight:normal;
    color:green
}
.delivery_fee_label {
    font-size:12px;
    display:inline-block;
    margin-left:15px;
}

.color {
    display:inline-block;
    text-align: left;
    margin-right:45px;

}

.checkout_all_single {
    padding:10px 35px;
    border-radius:5px;
    color:white;
    background-color: rgb(0, 153, 230);
    /*box-shadow:0 2px 3px 0 dimgray;*/
    font-size: 14px;
}

.checkout_all_single:hover {
    cursor: pointer;
    background-color: rgb(0, 140, 230);
    /*box-shadow:0 1px 0 0 darkgray;*/

}
.multi_single_products_checkout_button_section {
    box-sizing: border-box;
    text-align:right;
    margin-top:35px;
    padding-right:100px;
    margin-bottom:25px;
    width:100%;
}
.delivery_fee, .delivery_fee_label {
    display:none;
}
.vendor_shop_link {
    color:rgb(0, 140, 230)
}

.product_extra_details_section  {
    border:0 solid lightgray;
    border-radius:5px;
    min-width:350px;
    /*width:max-content;*/
    max-width:400px;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:35px;
}

.x_extra_details_sub_section_title {
    padding:7px 15px;
    border:1px solid lightgray;
    border-radius:5px;
    display:block;
    width:max-content;
    white-space: nowrap;
    height:max-content;
    margin-bottom:0;
    color:black !important;
    font-weight:bold;
    font-size: 14px;
}
.x_extra_details_sub_section_content {
    box-sizing: border-box;
    max-width: 98%;
    font-size:14px !important;
    line-height: 1.6em;
    padding: 10px;
    padding-left:unset
}
.delivery_fee_warning {
    font-size:12px;
    color:brown
}
.discount_info_section, .delivery_information_zone, .pre_order_section {
    margin-top:15px;
}

.pack_content_preview_container {
    box-sizing: border-box;
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    max-width: 400px;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom:25px;
    padding-top:25px;
}
.pack_content_product_preview {
    display:flex;
    flex-direction:column;
    height:max-content;
    width:max-content
}

.pack_content_product_image_container {
    width:50px;
    height:50px;
    padding:5px;
    text-align: center;
}
.pack_content_product_image_container img {
    max-width: 50px;
    max-height:100%;
    border-radius:5px;
}
.pack_content_product_qt {
    text-align:center;
    font-size:12px;
    color:dimgray
}
.extra_components_section_title {
    font-weight:bold;
    margin-bottom:15px
}
@media only screen and (max-width:1202px){

}

@media only screen and (max-width:1002px){
    .single_product_section{
        display: block;
    }
    .itemtable {
        width: 100%;
        max-width: unset;
    }
    .pack_content_preview_container {
        max-width: 250px;
        padding-left: 0 !important;
    }
}

@media only screen and (max-width:802px){
    .single_product_section {
        display:block
    }
    #cartcontent {
        padding: unset;
        min-width: max-content;
        width:98%;
        max-width: 120vw;
    }
    .multi_single_products_checkout_button_section {
        width:95vw;
        text-align:right;
        padding-right:35px;
    }
    .order_all_form {
        bottom:35px;
    }
    .product_image_container {
        height:8vw;
        width:12vw;
        min-width: 100px;
        min-height: 100px;
        max-height: 110px;
        max-width: 110px;
        padding-top:7px;
    }
    .product_img {
        max-height: 110px;
        max-width: 110px;
    }
    .itemtable td { 
        padding:5px;
    }
   
    .name, .price{
        max-width:450px;
    }
    .single_shop_section_header {
        padding:5px;
        text-align:left;
        font-size: 12px;
        min-width:max-content;
        max-width:120vw;
    }
    #continue_shopping {
        font-size:12px;
        padding: 7px 15px;
    }
    #save_cart, #load_saved {
        padding: 5px 15px;
        font-size:12px;
    }
    .subtotal {
        font-size:13px;
    }
    .color_box {
        width:12px;
        height:12px; 
    }
    .color, .color_name, .size_font{
        font-size:13px;
    }
    .color_name {
        margin-left:10px;
    }
    
    .cancel_instructions {
        font-size:13px;
    }
    .no_product {
        font-size:13px;
    }
    #login_instruction {
        font-size:14px;
    }
    /*.remove {
        padding:3px 10px;
    }*/
    .delivery_fee_label {
        font-size:9px;
        margin-left:5px;
    }
    .delivery_fee {
        font-size:10px;
    }
    .remove_form input[type="image"] {
        height:25px;
        width:25px;
    }
    .checkout_all_single {
        white-space: nowrap;
        font-size:13px;
        padding:7px 25px;
    }
    #grand_total {
        font-size:14px !important;
    }
    .batch_order_form_div {
        width:95vw;
    }
    .pack_content_product_image_container {
        width:50px;
        height:50px;
    }
    .pack_content_product_image_container img {
        max-width: 50px;
    }
    .quantity{
        font-size:13px;
        padding:5px 10px
    }
    .product_extra_details_section{
        min-width: unset;
        width:98vw;
        margin-left: unset;
    }
    .x_extra_details_sub_section_title {
        font-size:13px;
    }
    .x_extra_details_sub_section_content {
        font-size:13px !important;
    }
    .checkout {
        padding:7px 25px;
        margin: 10px auto;
        /*box-shadow:0 2px 3px 0 dimgray;*/
        font-size: 13px;
    }
    .quantity_sub_total_and_delivery_fee_section {
        
    }
    .product_sub_total {
        margin-bottom: 5px;
    }
    .order_all{
        padding:7px 25px;
        font-size: 13px;
    }
    .pack_content_preview_container {
        max-width: 175px;
    }

}


@media only screen and (max-width:602px){
    
    #direction table {
        left:55%
    }
   
    .single_shop_section_header {
        font-size: 12px;
    }
    .name, .price{
        font-size: 12px;
        max-width:275px ;
    }
    
    .quantity {
        font-size:12px;
    }
    .multi_single_products_checkout_button_section {
        width:95vw;
    }
    
    .order_all_form {
        bottom:35px ;
    }
    .product_extra_details_section{
        
    }
    .x_extra_details_sub_section_content {
        font-size:12px !important;
    }
    .pack_content_preview_container {
        max-width: 175px;
        padding-left: 0 !important;
    }
    .pack_content_product_image_container {
        width:35px;
        height:35px;
    }
    .pack_content_product_image_container img {
        max-width: 35px;
       
    }
   
    .batch_order_form_div {
        margin-top:10px;
        margin-bottom: 15px;
    }
    .order_all_form {
        position: static;
    }
    
    .itemtable {
        max-width: 98vw;
        /*width: unset;
        max-width:100%*/
    }
    .more_than_one_product {
        border:1px solid lightgray;
        border-radius:10px;
        margin-bottom:35px;
        width: max-content;
    }
	#login_instruction {
        font-size:12px;
    }
    
}


@media only screen and (max-width:402px){
   
    .name, .price{
        font-size: 12px;
        max-width:300px;
    }
    
}

