@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
html, body {
  /* font-family: 'Roboto', sans-serif !important; */
  font-family: 'Open Sans', sans-serif !important;
}
.ui-autocomplete-loading {
  background: white url("/dist/img/indicator.gif") right center no-repeat;
}

.clearable {
  background: #fff url(http://bijudesigner.com/blog/wp-content/uploads/2015/06/download.gif) no-repeat right -10px center;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  transition: background 0.4s;
}

.clearable.x  { background-position: right 5px center; }
.clearable.onX{ cursor: pointer; }

.color-orange { background-color: orange; color: white}
.color-red { background-color: red; color: white }
.color-green { background-color: green; color: white }

.bg-orange { background-color: orange !important; color: white}
.bg-red { background-color: red !important; color: white }
.bg-green { background-color:green !important; color: white }
.bg-gray { background-color: gray !important; color: white }
.bg-yellow { background-color: yellow !important; color: black }
.bg-aqua { background-color: aqua !important; color: black }

.select2 {
  width:100%!important;
}

.shadow-textarea textarea.form-control::placeholder {
  font-weight: 300;
}
.shadow-textarea textarea.form-control {
  padding-left: 0.8rem;
}