.wk_quick_order_box {
box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
background: #f8f8f8;
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; box-shadow: unset; }
.wk_quick_order_delete_icon {
cursor: pointer;
}
.wk_qo_product_ref {
max-width: 95px;
}
.wk_qo_product_ref_col{
display:none;
}
#wk_quick_order_product_table{
table-layout: fixed;
}
td.woocommerce-orders-table__cell.wk_qo_product_sku_col input, td.woocommerce-orders-table__cell.wk_qo_product_name_col input {
max-width: 100%;
box-sizing: content-box;
}
.wk_qo_product_list_div {
position: absolute;
background-color: #ffffff;
display: none;
z-index: 9;
width: 82%;
}
ul.wk_qo_product_list { margin-bottom: 0px;
max-height: 300px;
overflow: auto;
background-color: #f5f5f5;
}
.wk_qo_product_list .plus-ico{
font-size: 20px;
color: #9ac;
float: right;
margin-top: -3px;
}
ul.wk_qo_product_list li{
padding: 8px 10px;
line-height: 22px;
cursor: pointer;
}
.wk_quick_order_error {
color: red;
}
.product-image img{
width: 100px;
height: auto;
}
.wk_qo_products_search_list.show{
display: block;
}
.wk_qo_products_search_list ul{
margin-left: 0px;
}
td.wk_qo_product_name_col, td.wk_qo_product_sku_col{
position: relative;
}
.wk_quick_order_box select{
padding: 8px 10px;
border-radius: 3px;
border: 1px solid #d5d5d5;
background-color: #fff;
max-width: 100%;
text-transform: capitalize;
}
button#wk_quick_order_add_row {
margin-bottom: 10px;
}
.wk_qo_product_quantity input{
width: 70px;
text-align: center;
display: inline-block;
}
.input-group-btn-vertical{
display: inline-block;
vertical-align: top;
}
.input-group-btn-vertical button{
display: block;
margin-left: 5px;
}
.input-group-btn-vertical button:first-child{
margin-bottom: 5px;
} .quick-modal h3{
margin: 0px 0px 10px;
}
.quick-modal ul{
margin-left: 0px;
padding-left: 0px;
}
.quick-modal{
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
height: 0vh;
background-color: transparent;
overflow: hidden;
transition: background-color 0.25s ease;
z-index: 9999;
}
.quick-modal.open {
position: fixed;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.25s;
}
.quick-modal-body{
padding: 0px 2.5rem 2.5rem;
}
.quick-modal.open > .quick-modal-content {
transform: scale(1);
}
.quick-modal-header .close:focus{
outline: none;
}
.quick-modal .quick-modal-content {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 50%;
margin: 0;
background-color: white;
border-radius: 0.3125rem;
box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
transform: scale(0);
transition: transform 0.25s;
transition-delay: 0.15s;
min-width: 300px;
}
.quick-modal-header{
display: inline-block;
padding: 20px 30px 20px 20px;
}
.quick-modal .quick-modal-content .close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border: none;
background-color: transparent;
font-size: 1.5rem;
transition: 0.25s linear;
}
.quick-modal .quick-modal-content .close:before, .quick-modal .quick-modal-content .close:after {
position: absolute;
content: '';
width: 1.25rem;
height: 0.125rem;
background-color: black;
}
.quick-modal .quick-modal-content .close:before {
transform: rotate(-45deg);
}
.quick-modal .quick-modal-content .close:after {
transform: rotate(45deg);
display: block;
}
.quick-modal .quick-modal-content .close:hover {
transform: rotate(360deg);
}
.quick-modal .quick-modal-content .close:hover:before, .quick-modal .quick-modal-content .close:hover:after {
background-color: tomato;
}
.product-customization .custom-file {
position: relative;
background: #ebebeb;
width: 50%;
height: 2.8rem;
line-height: 2.625rem;
text-indent: .625rem;
display: block;
color: #acaaa6;
margin-top: 1.25rem;
margin-bottom: 20px;
}
td.wk_qo_product_quantity input[type="number"] {
padding: 5px;
}
.product-customization .file-input {
width: 100%;
opacity: 0;
left: 0;
z-index: 1;
cursor: pointer;
height: 2.625rem;
overflow: hidden;
position: absolute;
top: 0;
}
.woocommerce-orders-table__cell .wk_qo_product_img_col{
text-align: right;
}
.wk_qo_product_img_col span.product-image.media-middle{
display: inline-block;
}
.product-customization .custom-file button {
z-index: 0;
position: absolute;
right: 0;
top: 0;
}
.wk_quick_order_delete_icon{
display: inline-block;
text-align: center;
text-indent: -9999px;
width: 16px;
margin: 0 5px;
background: url(//pianelli.fr/wp-content/plugins/woo-quick-order//assets/images/icon-trash.png) no-repeat scroll center center rgba(0,0,0,0);
}
@media (max-width: 768px) {
.wk_quick_order_box div.product-customization span.custom-file {
width: 100%;
}
} td.wk_qo_product_quantity div.input-group.bootstrap-touchspin{
width: 5rem;
}