.pisol-report-horizontal-form{
display:flex;
align-items:center;
justify-content: space-evenly;
margin-bottom:20px;
background:#ccc;
border-radius:3px;
}
.pisol-report-horizontal-form > div > input, 
.pisol-report-horizontal-form > div > select{
display:block;
width:100%;
padding:10px 10px !important;
height:auto !important;
} 
.select2-selection__choice{
background:#ee6443 !important;
color:#fff;
}
.select2-selection__choice__remove{
color:#fff !important;
}
.pisol-front-menu-button{
padding:5px 15px;
margin-left:10px;
margin-right:10px;
display:inline-block;
border-radius:4px;
background:#ee6443;
color:#fff;
text-decoration: none;
}
.form-control{
width:100%;
padding:5px;
}
.pisol-report-horizontal-form > div{
flex:1;
padding:4px 10px;
}
.pisol-product-list{
display:flex;
border:1px solid #ccc;
margin-bottom:10px;
padding:10px;
align-items:center;
width:100%;
}
.pisol-product-list .name-attribute{
width:80%;
}
.pisol-product-list  .price{
width:10%;
font-weight:bold;
text-align:right;
}
.pisol-product-list .name{
font-size:18px;
font-weight:bold;
}
.pisol-product-list .attribute{
margin-top:10px;
font-size:16px;
}
.pisol-product-list .pi-report-att-list{
margin-bottom:0px;
padding-left:20px;
list-style:square;
}
.pisol-product-list .quantity{
background:#000;
display:inline-flex;
justify-content: center;
align-items: center;
color:#fff;
padding:5px;
font-size:20px;
border-radius:100%;
width:40px;
height:40px;
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0;
}
#pisol-order-detail th{
font-size:14px;
}
.pisol-button{
display:inline-block;
padding:15px 10px;
background-color:orange;
color:#000;
box-sizing: border-box;
}
.pisol-badge{
font-size:12px;
background:orange;
color:#fff;
display: inline-block;
padding:5px;
border-radius:4px;
}
.time-slot-button{
width:100%;
margin-bottom:10px;
}
.time-slot-button.pi-active{
background:rgb(248, 86, 11);
}
.pisol-side-bar{
display:flex;
}
.pisol-slots{
width:20%;
padding-right:10px;
}
.pisol-product-report-content{
width:80%;
}