/* Styles for Listing Page */
#dt-length-0{margin-right:10px}
#dt-search-0{margin-left: 10px}
body > div > div.page-wrapper > div > div > div > div > div > div.card-header.justify-content-between{padding-top: 10px; padding-bottom: 10px;}

/* Styles for Invoice */
#dt-length-0{margin-right:10px}
#dt-search-0{margin-left: 10px}
.editing{background: #E9F5FA;
        color: #f1f1f1;
        box-shadow: -2px 0px 0px #0081C6}
/* #salesDate{position: absolute} */
#ui-datepicker-div{
  background-color: #fff;
  width: 215px;
  position: relative;
  padding: 10px;
  border: 1px solid black;
  border-radius: 5px
}
#ui-datepicker-div > div{
  display: flex; 
  justify-content: space-between
}
#ui-datepicker-div > table{width: 100%}

/* Styles for Login and User */
      input::-ms-reveal,
      input::-ms-clear {
        display: none;
      }
      .icon-tabler-eye, .icon-tabler-eye-off{
        float: right;
        margin-left: -25px;
        margin-top: -30px;
        margin-right: 10px;
        position: relative;
        z-index: 2;
        cursor:pointer;
      }

      /* .validateInputField> .icon-tabler-eye{
        margin-right: 30px;
      } */

      .datetimepicker-custom .datetimepicker-icon-up::before {
        content: url('../img/datepicker/math-greater.svg'); 
    }
    
    .datetimepicker-custom .datetimepicker-icon-down::before {
        content: url('../img/datepicker/math-lower.svg'); 
    }

    /* Hide up and down arrows in input type number */
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .capitalCode{
      text-transform:uppercase;
    }

    .fontSize-9px{
      font-size: 9px !important;
    }

    /* css add for arrows */
    .datetimepicker-icon {
      font-family: "Arial", sans-serif !important; 
    }

    .datetimepicker-icon.up:before {
      content: "\25B2" !important; 
    }

    .datetimepicker-icon.down:before {
      content: "\25BC" !important;
    }

    .datetimepicker-icon.next:before {
      content: "\25B6" !important; 
    }

    .datetimepicker-icon.previous:before {
      content: "\25C0" !important;
    }