.chosen-container {
  height: 3rem;
  margin-top: 1px;
}

.chosen-container-single .chosen-single div b {
  background-image:url('../../images/icons/arrow_drop_down_black_24dp.svg') !important;
  background-size: unset;
  background-repeat: no-repeat;
  background-position: center;
}

.chosen-container-single .chosen-single {
  display: flex;
  align-items: center;
  background: unset;
  height: 3rem;
  border-top : unset;
  border-left : unset;
  border-right : unset;
  border-radius: unset;
  box-shadow: unset;
}

.chosen-container-multi .chosen-choices {
  border: none;
  border-bottom: 1px solid #ccc;
  background-image: unset;
  height: 3rem;
  display: flex;
  align-items: center;
  flex-flow: wrap row;
}

.chosen-container.chosen-with-drop .chosen-drop {
  margin-top: 1px;
  border-radius: 2px;
  box-shadow: 0 1px 5px rgb(0 0 0 / 20%), 0 2px 2px rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: unset;
  background-color: unset;
  box-shadow: unset;
  border-top:none;
  border-left:none;
  border-right:none;
}

.chosen-container-active .chosen-choices {
  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.chosen-container-single.chosen-rtl .chosen-single {
  justify-content: flex-end;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: center;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: center;
}

.chosen-container-single .chosen-single abbr {
  top: unset;
  width: 19px;
  height: 3rem;
  right: 22px;
  background:url('../../images/icons/close-black-24dp.svg') no-repeat center !important;
  background-size: 100% !important;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: center;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: center;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}

div.aggrid-select .chosen-container {
  height: 0 !important;
}

div.aggrid-select div.chosen-drop {
  margin-top: 17px !important;
}

.aggrid-select a.chosen-single.chosen-single-with-deselect, .aggrid-select a.chosen-single.chosen-default, .aggrid-select a.chosen-single  {
  display: none !important;
}

div.ag-popup-editor.ag-ltr.ag-popup-child.aggrid-select {
  width: 0 !important;
  min-width: unset !important;
  z-index: 6;
}

.material-icons.chosen.input-delete {
  position: absolute;
  top: 0;
  padding-top: 4px;
  padding-right: 0;
  font-size: 20px;
  color: var(--srai-blue);
}

.material-icons.select {
  font-size: 30px;
}

/* prevent html5 validation and hidden chosen element (only for chosen-select without browser-default class*/
:not(.browser-default).chosen-select{
  top: 2.2rem;
  height: 0px !important;
  opacity: 0 !important;
  position: absolute !important;
  display: flex !important;
}

select.error + .chosen-container {
  margin-top: 0;
  border-bottom: 1px solid red !important;
}

select[multiple].error + .chosen-container > ul.chosen-choices {
  border: inherit;
}

select.error + .chosen-container > a.chosen-single.chosen-single-with-deselect{
  border: inherit;
}

.aggrid-select .chosen-container-multi {
  width: 100% !important;
}

.aggrid-select .chosen-container-multi .chosen-choices {
  margin-top: -12.5px;
  margin-left: -0.5px;
  overflow: visible;
  height: auto;
  border: 1px solid var(--srai-grey);
}

.aggrid-select .chosen-container-multi .chosen-drop {
  position: relative;
  top: -17px;
  margin-left: -0.5px;
}

.aggrid-select .chosen-container-multi + .chosen-single-icon .chosen.input-delete {
  left: initial !important;
  right: 5px;
}
