/* Add here all your CSS customizations */
hr.separator{
    border-color:white;
}

/* Custom styles for DataTables search input */
.dataTables_filter {
    margin-bottom: 10px;
  }
  
  .dataTables_filter input {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
  
  .dataTables_filter input:focus {
    outline: 0;
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
  }

  div.dataTables_wrapper div.dataTables_filter {
    text-align: left!important;
  }

  div#customerTable_length, 
  div#staffTable_length, 
  div#userTable_length, 
  div#positionTable_length, 
  div#corporateTable_length, 
  div#accountantTable_length, 
  div#categoryproductTable_length, 
  div#stockProductTable_length,
  div#variantProductTable_length,
  div#productTable_length,
  div#orderTable_length{
    margin-top: 10px;
    float: right;
  }

  #customerTable_wrapper .dataTables_length select, 
  #staffTable_wrapper .dataTables_length select, 
  #userTable_wrapper .dataTables_length select, 
  #positionTable_wrapper .dataTables_length select, 
  #corporateTable_wrapper .dataTables_length select , 
  #accountantTable_wrapper .dataTables_length select, 
  #categoryproductTable_wrapper .dataTables_length select , 
  #stockProductTable_wrapper .dataTables_length select,
  #variantProductTable_wrapper .dataTables_length select,
  #productTable_wrapper .dataTables_length select,
  #orderTable_wrapper .dataTables_length select {
    padding-left: 10px; 
  }
  
  div.dataTables_processing{
    background: white;
    opacity: 0.5;
  }

  .dataTables_info{
    float:left;
  }

  .dataTables_paginate a {
    background: #F36A26;
    color: white;
    border-radius: 5px;
    padding: 4px 10px;
    margin-left: 4px;
    text-decoration: none;
    cursor: pointer;
  }

  .dataTables_paginate a.paginate_button.current, .dataTables_paginate a:hover {
    background: white;
    border: 1px solid #F36A26;
    color: #F36A26;
  }

  div#customerTable_paginate, 
  div#staffTable_paginate, 
  div#userTable_paginate, 
  div#positionTable_paginate, 
  div#corporateTable_paginate, 
  div#accountantTable_paginate, 
  div#categoryproductTable_paginate, 
  div#stockProductTable_paginate, 
  div#variantProductTable_paginate, 
  div#productTable_paginate,
  div#orderTable_paginate{
    margin-top: 10px;
  }

  .dataTables_paginate a:hover, .dataTables_paginate a:focus, .dataTables_paginate a:active {
    background: #157448;
    color: white;
  }

  /* a#customerTable_previous,a#customerTable_next,span.ellipsis,a.paginate_button[data-dt-idx="NaN"] { */
  span.ellipsis,a.paginate_button[data-dt-idx="NaN"] {
    display: none;
  }

  .card.card-modern.card-modern-alt-padding:hover {
    box-shadow: 3px 4px 19px -9px rgba(0,0,0,1);
    -webkit-box-shadow: 3px 4px 19px -9px rgba(0,0,0,1);
    -moz-box-shadow: 3px 4px 19px -9px rgba(0,0,0,1);
    cursor:pointer;
  }

  .div-order{
    border-radius: 50px;
    border: 1px solid transparent;
    background: white;
    padding: 5px;
    text-align: center;
  }

  .btn-order-plus, .btn-order-minus{
    border-radius: 50px!important;
  }

  .input-order{
    text-align: center;
    border-bottom: 3px solid #0088cc!important;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    margin: 0 10px!important;
  }