body{/*font-size:0.8rem*/}
header{width: 100%;padding: 35px 0;position: relative;background:#36b7e2;color:#fff;}
header .container {max-width: 640px;}
.sub-header{background:rgb(217, 242, 253);padding:35px 0px;text-align:center;}

.form{background: #fff;padding:5px 0px;}
.form .container {max-width: 1280px;}
.form h1{margin-bottom:20px}

.box{

    padding: 16px 24px;
    border-radius: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .0784313725);

}

#products_search_result{

margin-top:0.3rem;

    /*background-blend-mode: normal, difference, normal;
    background-size: 2em 2em;
    background-position: 0px 0px, 10px 10px;
    background-size: 20px 20px;
    background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%), linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);*/

}

#products_search_result:empty{padding:0;margin-top:0}

#products_search_result .products_search_result_items{ border:1px dashed #ddd; margin-top:0.3rem;overflow:auto;/*min-height:200px;*/max-height:300px; padding:1rem; display:flex;flex-direction:column;gap:0.5rem }

#products_search_result .product_search_result_item{display:flex;align-items:center;height:100%;background:rgba(217, 242, 253, 0.5);border: 1px solid rgba(217, 242, 253, 1);cursor:pointer;transition: background-color 400ms ease}
#products_search_result .product_search_result_item:hover{background:rgba(217, 242, 253, 1);}
#products_search_result .product_search_result_item .product_search_result_item_data{display:flex;flex-direction:column;padding:1rem;/*height:100%;*/width:100%;position:relative;}

#selected_products_list{display:flex;flex-direction:column;}
#selected_products_list .selected_products_list_item{display:flex;flex-direction:row;align-items:center;padding:1rem;height:100%;width:100%;position:relative;background:rgba(217, 242, 253, 0.5)}
#selected_products_list .selected_products_list_item .selected_products_list_item_image{width:100px;height:100px;min-width:100px;background:#ddd}
#selected_products_list .selected_products_list_item .selected_products_list_item_data{display:flex;flex-direction:column;padding:1rem;height:100%;width:100%;position:relative;}
#selected_products_list .selected_products_list_item .selected_products_list_item_message{display:flex;flex-direction:column;padding:1rem;height:100%;width:100%;position:relative;}

.submit-wrapper{margin-top:25px;text-align:center;}
button.submit{background:#36b7e2;color:#fff;border:1px solid #ddd;padding:10px 15px;font-size:20px;text-align:center;transition: all 400ms ease;}
button.submit:hover{background:#247692;}
button.submit[disabled]{background: rgb(246,246,246);color:inherit;cursor:not-allowed;border:1px solid #ddd;opacity:0.5}

#header_messagestack button.close{background-color:lch(57 135.9 46.86);color:#fff;border:0px solid transparent;float:right}

@media (max-width: 767.98px) {

    #selected_products_list .selected_products_list_item{ flex-direction: column; }
    #selected_products_list .selected_products_list_item{ border-bottom: 1px solid #efefef; }
    #selected_products_list .selected_products_list_item:last-child{ border-bottom: 0px solid #efefef; }
}