/*
  @file Theme overrides to existing app.css styling.
  @dev Jason McWhorter
*/

/*
  Alter chosen single and multi select components to a singular design.
  @task https://taoti.teamwork.com/#/tasks/33140989
*/

.chosen-container {
  font-size: 1em;
}

.chosen-container-single .chosen-single {
  padding: 10px 15px;
  min-height: 60px;
  font-size: inherit;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  background: white;
  line-height: normal;
  color: #999;
}

.chosen-container-single .chosen-single,
.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  border: none;
  border-radius: 3px;
  background: white;
}

.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-multi .chosen-choices {
  background: url(../images/icon-chosen-single-is-closed-1.png) no-repeat center right 10px white;
}

.chosen-container-single .chosen-single span {
  margin-right: 0.5em;
  padding: 0.5em 0;
}