/**
* 2010-2021 Webkul.
*
* NOTICE OF LICENSE
*
* All right is reserved,
* Please go through LICENSE.txt file inside our module
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright 2010-2021 Webkul IN
* @license LICENSE.txt
*/

.wk_quick_order_box {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    background: #fff;
    padding: 1.563rem 1.25rem;
    margin-bottom: 1.563rem;
}
.wk_quick_order_direction{
    margin: 1.25rem 0;
    cursor: pointer;
    text-align: center;
    display: block;
}
#wk_left_column {
    width: 100%;
}
#wk_right_column {
    width: 100%;
}
#wk_right_column .product-customization{
    margin: 0;
}
#wk_right_column .product-customization .custom-file{
    margin-bottom: 1.25rem;
}
.wk_quick_order_delete_icon {
    cursor: pointer;
}
.wk_qo_product_ref {
    width: 110px;
}
td.wk_qo_product_img_col {
    max-width: 5rem;
}
.wk_qo_product_name {
    min-width: 150px;
}
.wk_qo_product_list_div {
    position: absolute;
    background-color: #ffffff;
    border-bottom: 2px solid #2fb5d2;
    border-top: 2px solid #2fb5d2;
    display: none;
    z-index: 9;
}
ul.wk_qo_product_list {
    /* padding: 10px; */
    margin-bottom: 0px;
    max-height: 300px;
    overflow: auto;
}
ul.wk_qo_product_list li{
    padding: 10px 10px;
    cursor: pointer;
}
ul.wk_qo_product_list li:hover,
ul.wk_qo_product_list li:focus,
ul.wk_qo_product_list li:active{
    background-color: #2fb5d2;
    color: #fff;
}
.wk_qo_active{
    display:block;
    max-width: 74%;
}
.wk_get_direction_button_div {
    text-align: right;
    text-align: -webkit-right;
}
.wk_quick_order_error {
    color: red;
}
#wk_file_type_info_ul li {
    margin: 0.3em;
}
/* .wk_qo_product_img_col>span img {
    max-width: 125px;
} */
.wk_quick_order_box div.product-customization span.custom-file {
    width: 50%;
}
.wk_list_style {
    list-style-type:disc;
    padding-left:10px;
}
.wk_get_direction_button_div button.wk_quick_order_direction{
    float: right;
}
@media (max-width: 768px) {
    .wk_quick_order_box div.product-customization span.custom-file {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) {
    #wk_quick_order_product_table>thead {
        background-color: #242424;
        color: #fff;
    }
}

@media only screen and (max-width: 768px) {
	#wk_quick_order_product_table,
	#wk_quick_order_product_table thead,
	#wk_quick_order_product_table tbody,
	#wk_quick_order_product_table th,
	#wk_quick_order_product_table td,
	#wk_quick_order_product_table tr {
		display: block;
	}
	#wk_quick_order_product_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#wk_quick_order_product_table tr {
        border: 1px solid #ccc;
    }
	#wk_quick_order_product_table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	#wk_quick_order_product_table td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	#wk_quick_order_product_table td:before {
        content: attr(data-title);
    }
    .wk_qo_product_name {
        min-width: auto;
    }
}

.wk_qo_product_quantity .bootstrap-touchspin{
    width: 4.55rem;
    border: 1px solid #000;
    margin: auto;
}
.img-thumbnail{
    width: 100px;
    height: 100px;
    object-fit: contain;
}