fieldset.dropdown.multiple {
  position: relative;
  min-width: 15rem;
  overflow-x: hidden;
  max-width: 100rem;
  max-height: unset;
  min-height: 2.1rem;
  display: flex;
  justify-content: space-between;
  border: 1px solid #CCCCCC; }
  fieldset.dropdown.multiple > .selectedContent {
    flex-grow: 1; }
    fieldset.dropdown.multiple > .selectedContent > div {
      flex-grow: 1;
      display: flex;
      justify-content: flex-start;
      align-content: flex-start;
      flex-wrap: wrap;
      margin-right: 2.1rem;
      outline: none; }
      fieldset.dropdown.multiple > .selectedContent > div > input[type=text] {
        flex-grow: 1;
        min-width: 2.1rem;
        min-height: 2.1rem;
        border: none;
        background-color: transparent;
        padding: 0rem 0.2rem 0rem 0.2rem; }
      fieldset.dropdown.multiple > .selectedContent > div > div {
        margin: 0.2rem;
        border-radius: .6rem;
        padding: .2rem 1.5rem .2rem .5rem;
        background-color: #eeeeee;
        background-image: url("../../Scripts/Icons/SVG/cross.svg");
        background-repeat: no-repeat;
        background-position: calc(100% - .25rem) center;
        background-size: .7rem;
        color: #333333; }
        fieldset.dropdown.multiple > .selectedContent > div > div:hover {
          background-color: #1d82b9;
          color: #FFFFFF;
          background-image: url("../../Scripts/Icons/SVG/cross_FFFFFF.svg"); }
      fieldset.dropdown.multiple > .selectedContent > div:empty {
        display: none; }
    fieldset.dropdown.multiple > .selectedContent .scale-enter-active {
      animation: selectbox-scale-in 200ms; }
    fieldset.dropdown.multiple > .selectedContent .scale-leave-active {
      animation: selectbox-scale-in 200ms reverse; }
  fieldset.dropdown.multiple > .dropdownButton {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2.1rem;
    border-left: 1px solid #CCCCCC;
    background-image: url("../../Scripts/Icons/SVG/caret-down.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: .8rem; }
  fieldset.dropdown.multiple .popup {
    z-index: 101;
    position: fixed;
    background-color: #FFFFFF;
    color: #333333;
    border: 1px solid #3ba3db;
    overflow: auto;
    min-width: inherit;
    max-height: 25vh;
    outline: none; }
    fieldset.dropdown.multiple .popup .popupItem {
      padding: .4rem;
      border: 1px solid transparent; }
      fieldset.dropdown.multiple .popup .popupItem:hover, fieldset.dropdown.multiple .popup .popupItem.hover {
        background-color: #eeeeee;
        color: #333333;
        border: 1px solid #DDDDDD; }
      fieldset.dropdown.multiple .popup .popupItem.selected {
        background-color: #3ba3db;
        color: #FFFFFF; }
        fieldset.dropdown.multiple .popup .popupItem.selected:hover, fieldset.dropdown.multiple .popup .popupItem.selected.hover {
          background-color: #6bb5dd;
          color: #FFFFFF;
          border: 1px solid #6bb5dd; }
      fieldset.dropdown.multiple .popup .popupItem:active {
        background-color: #6bb5dd;
        color: #FFFFFF; }
      fieldset.dropdown.multiple .popup .popupItem.clearAll {
        color: #AAAAAA; }
    fieldset.dropdown.multiple .popup:empty {
      display: none; }
  fieldset.dropdown.multiple .popup-enter-active {
    animation: selectbox-fade-in 100ms ease-in; }
  fieldset.dropdown.multiple .popup-leave-active {
    animation: selectbox-fade-in 100ms ease-in reverse; }
  fieldset.dropdown.multiple.error {
    border-color: #DE3716; }
  fieldset.dropdown.multiple:disabled * {
    cursor: not-allowed; }
  fieldset.dropdown.multiple:disabled > .selectedContent > div > div {
    border: 1px solid #FFFFFF;
    background-color: #eeeeee;
    color: #333333; }
    fieldset.dropdown.multiple:disabled > .selectedContent > div > div:hover {
      background-color: #eeeeee;
      color: #333333;
      background-image: url("../../Scripts/Icons/SVG/cross.svg"); }

@keyframes selectbox-scale-in {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes selectbox-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }