/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px white inset !important;
}

/* -- Change text in autofill textbox --*/
input:-webkit-autofill {
    -webkit-text-fill-color: #4165b2 !important;
    font-weight: 600;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: none !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
    font-weight: normal;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

/* -- scroll bar -- */

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c2d2db;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #8d9da7;
}

/* -- input:date -- */
input::-webkit-date-and-time-value {
  text-align: left;
}