.links{
    display:flex; 
    flex-direction:row; 
}
.links span{
    margin: 8px;
}

.error {
    border: 1px solid red;
}
.category_image{
    display: flex;
    flex-direction: row;
}
#drop-area {
    background-color: #F0F0F0;
    border: 2px dashed #ccc;
    height: 250px;
    width: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  
  #preview {
    width: 425px;
    height: 250px;
    display: none;
  }
  
  #preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .order_main{
    display: flex;
    flex-direction: column;
  }
  .order_header{
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 10px;
    width: 100%;
    border-bottom: 1px solid #242424;
  }
  .order_body{
    display: flex;
    
  }
  .order_body table{
    display: flex;
    margin: 10px;
  }
  .order_body table thead tr{
    display: flex;
    flex-direction: column;
  }
  .order_body table tbody tr{
    display: flex;
    flex-direction: column;
    margin-left: 5px;
  }

  .order_footer{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin: 30px 10px 0 -10px;
  }
  .order_footer table{
    display: flex;
    margin: 10px;
  }
  .order_footer table thead tr{
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .order_footer table tbody tr{
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .order_footer table tbody tr td:last-child{
    border-top: 1px solid #ccc;  
    font-size: 1.5rem;
    padding-left: 15px;
  }

  
  .order_footer table thead tr th:last-child{
    border-top: 1px solid #ccc;
    font-size: 1.5rem;
  }

  .order_footer table tbody tr td:nth-child(2){
    /* color: red; */
  }
  .order_footer table thead tr th:nth-child(2){
    /* color: red; */
  }
  .activePage{
    background-color: white;
    color: #f0ad4e;
  }
  .position-btn{
    display: flex;
    position: relative;
    width: 100%;

  }
  .position-btn button{
    position: absolute;
    right: 5px;
    top: -45px;
  }
  @media print{
    .navbar{
      display: none !important;
    }
    .header-print{
      display: none !important;
    }
    .print_none{
      display: none !important;
    }
  }

  .filter_orders{
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .filter_orders .date_form{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
  }
  .filter_orders .date_form .date_group_inp{
    margin: 7px;
  }
  .filter_orders .date_form input,select{
    width: 150px;
    height: 40px;
  }
  .search_filter_btn{
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
  }
  .search_inv{
    width: 250px !important;
  }
  .filter_z_reports{
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  .filter_z_reports .date_form{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
  }
  .filter_z_reports .date_form .date_group_inp{
    margin: 7px;
  }
  .filter_z_reports .date_form input,select{
    width: 150px;
    height: 40px;
  }
  .search_filter_btn{
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
  }
  .search_rpt{
    width: 250px !important;
  }