/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

/* Form Control Transition for Dark Mode Toggle */
.form-control {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Dark Mode Form Control Default State */
.dark-mode .form-control {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

/* Dark Mode Form Control Focus State Fix */
.dark-mode .form-control:focus,
.dark-mode .dual-listbox .dual-listbox__search:focus,
.dark-mode div.dataTables_wrapper div.dataTables_filter input:focus {
  background-color: #1e2b3a !important;
  border-color: #6576ff;
  box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.25);
  color: #fff !important;
}

/* Dark Mode Form Control Placeholder */
.dark-mode .form-control::placeholder {
  color: #8094ae !important;
}

/* Dark Mode Form Select Focus */
.dark-mode .form-select:focus {
  background-color: #1e2b3a !important;
  border-color: #6576ff;
  box-shadow: 0 0 0 3px rgba(101, 118, 255, 0.25);
  color: #fff !important;
}

/* Dark Mode Autofill Override - Force dark background */
.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:active,
.dark-mode textarea:-webkit-autofill,
.dark-mode select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
}