/*dark theme*/
/*
    * Mixin used to add style and states to buttons
*/
/*
    * Mixin used for adding browser vendor specific prefixes    
*/
/*
    * Mixin used to add style for the filter component using different versions of colors   
*/
.od-input {
  width: 100%;
  margin-bottom: 0px;
}
.od-input ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #b8b8b8 !important;
}
.od-input :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b8b8b8 !important;
  opacity: 1;
}
.od-input ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b8b8b8 !important;
  opacity: 1;
}
.od-input :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b8b8b8 !important;
}
.od-input.md-blueTheme-theme .md-input-messages-animation {
  padding-top: 7px;
}
.od-input.md-blueTheme-theme .md-char-counter {
  padding-top: 10px;
}
.od-input.md-blueTheme-theme.md-input-invalid .md-input {
  border-bottom: 2px solid #df0000;
}
.od-input.md-blueTheme-theme.md-input-invalid .md-char-counter {
  color: #df0000;
}
.od-input.md-blueTheme-theme .md-input {
  color: #002f67 !important;
}
.od-input.md-blueTheme-theme:not(.md-input-invalid) .md-input-focused .md-input {
  border-bottom-color: #0076ba !important;
  border-bottom-width: 2px !important;
}
.od-input label {
  color: #575757 !important;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
}
.od-input label::after {
  display: none;
}
.od-input input {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  border-bottom: 1px solid #8f8f8f;
}
.od-input input:focus {
  border-bottom: 2px solid #575757;
}
.od-input-darkTheme {
  width: 100%;
  margin-bottom: 10px;
}
.od-input-darkTheme ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #b8b8b8 !important;
}
.od-input-darkTheme :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b8b8b8 !important;
  opacity: 1;
}
.od-input-darkTheme ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b8b8b8 !important;
  opacity: 1;
}
.od-input-darkTheme :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b8b8b8 !important;
}
.od-input-darkTheme.md-blueDarkTheme-theme .md-input-messages-animation {
  padding-top: 7px;
}
.od-input-darkTheme.md-blueDarkTheme-theme .md-char-counter {
  padding-top: 10px;
}
.od-input-darkTheme.md-blueDarkTheme-theme.md-input-invalid .md-input {
  border-bottom: 2px solid #df0000 !important;
}
.od-input-darkTheme.md-blueDarkTheme-theme.md-input-invalid .md-char-counter {
  color: #df0000;
}
.od-input-darkTheme.md-blueDarkTheme-theme .md-input {
  color: #ffffff !important;
  border-color: #8f8f8f;
}
.od-input-darkTheme.md-blueDarkTheme-theme:not(.md-input-invalid) .md-input-focused .md-input {
  border-bottom-color: #0076ba !important;
  border-bottom-width: 2px !important;
}
.od-input-darkTheme label {
  color: #8f8f8f !important;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
}
.od-input-darkTheme label::after {
  display: none;
}
.od-input-darkTheme input {
  font-family: "Roboto";
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  border-bottom-color: inherit;
}
.od-input-darkTheme input:focus {
  border-bottom: 2px solid #009bc2;
}