selecton/build/css/selecton-dark.css

Selecton.js combines a searchbar and a dropdown menu with nested child lists.

.selecton {
  font-family: sans-serif;
  -ms-overflow-style: none;
  position: relative;
}

.selecton ::-webkit-scrollbar {
  display: none;
}

.selecton * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selecton.selecton-is-open.selecton-select .selecton-input-group .selecton-input-group-suf > div {
  -webkit-animation: rotate-from-0-to-45 350ms forwards;
  -moz-animation: rotate-from-0-to-45 350ms forwards;
  -o-animation: rotate-from-0-to-45 350ms forwards;
  animation: rotate-from-0-to-45 350ms forwards;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

@-webkit-keyframes rotate-from-0-to-45 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-moz-keyframes rotate-from-0-to-45 {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@-o-keyframes rotate-from-0-to-45 {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@keyframes rotate-from-0-to-45 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.selecton.selecton-is-open.selecton-select .selecton-input-group .selecton-input-group-suf > div > span:nth-child(2) {
  -webkit-animation: fade-out 350ms forwards;
  -moz-animation: fade-out 350ms forwards;
  -o-animation: fade-out 350ms forwards;
  animation: fade-out 350ms forwards;
  opacity: 1;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

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

.selecton.selecton-is-open.selecton-select .selecton-input-group .selecton-input-group-suf > div > span:nth-child(3) {
  -webkit-animation: fade-out 350ms forwards;
  -moz-animation: fade-out 350ms forwards;
  -o-animation: fade-out 350ms forwards;
  animation: fade-out 350ms forwards;
  opacity: 1;
}

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

.selecton.selecton-is-open.selecton-select .selecton-input-group .selecton-input-group-suf > div > span:nth-child(4) {
  -webkit-animation: rotate-from-0-to-90-and-fade-in 350ms forwards;
  -moz-animation: rotate-from-0-to-90-and-fade-in 350ms forwards;
  -o-animation: rotate-from-0-to-90-and-fade-in 350ms forwards;
  animation: rotate-from-0-to-90-and-fade-in 350ms forwards;
  opacity: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

@-webkit-keyframes rotate-from-0-to-90-and-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@-moz-keyframes rotate-from-0-to-90-and-fade-in {
  0% {
    opacity: 0;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@-o-keyframes rotate-from-0-to-90-and-fade-in {
  0% {
    opacity: 0;
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

@keyframes rotate-from-0-to-90-and-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.selecton.selecton-add div.selecton-input-group {
  background-color: #353535;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: text;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-pre,
.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-pre {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNNTUuMTQ2LDUxLjg4N0w0MS41ODgsMzcuNzg2YzMuNDg2LTQuMTQ0LDUuMzk2LTkuMzU4LDUuMzk2LTE0Ljc4NmMwLTEyLjY4Mi0xMC4zMTgtMjMtMjMtMjNzLTIzLDEwLjMxOC0yMywyMyAgczEwLjMxOCwyMywyMywyM2M0Ljc2MSwwLDkuMjk4LTEuNDM2LDEzLjE3Ny00LjE2MmwxMy42NjEsMTQuMjA4YzAuNTcxLDAuNTkzLDEuMzM5LDAuOTIsMi4xNjIsMC45MiAgYzAuNzc5LDAsMS41MTgtMC4yOTcsMi4wNzktMC44MzdDNTYuMjU1LDU0Ljk4Miw1Ni4yOTMsNTMuMDgsNTUuMTQ2LDUxLjg4N3ogTTIzLjk4NCw2YzkuMzc0LDAsMTcsNy42MjYsMTcsMTdzLTcuNjI2LDE3LTE3LDE3ICBzLTE3LTcuNjI2LTE3LTE3UzE0LjYxLDYsMjMuOTg0LDZ6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 40% 40%;
  -o-background-size: 40%;
  background-size: 40%;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  min-width: 50px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf {
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  min-width: 50px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div {
  -webkit-animation: rotate-from-45-to-0 350ms forwards;
  -moz-animation: rotate-from-45-to-0 350ms forwards;
  -o-animation: rotate-from-45-to-0 350ms forwards;
  animation: rotate-from-45-to-0 350ms forwards;
  cursor: pointer;
  height: 100%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100%;
}

@-webkit-keyframes rotate-from-45-to-0 {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes rotate-from-45-to-0 {
  0% {
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes rotate-from-45-to-0 {
  0% {
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotate-from-45-to-0 {
  0% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div > span {
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  height: 3px;
  left: 25%;
  position: absolute;
  width: 50%;
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div > span:first-child,
.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(4) {
  top: -webkit-calc(50% - 1.5px);
  top: -moz-calc(50% - 1.5px);
  top: calc(50% - 1.5px);
}

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(2) {
  -webkit-animation: fade-in 350ms forwards;
  -moz-animation: fade-in 350ms forwards;
  -o-animation: fade-in 350ms forwards;
  animation: fade-in 350ms forwards;
  opacity: 0;
  top: -webkit-calc(50% - 1.5px + 8px);
  top: -moz-calc(50% - 1.5px + 8px);
  top: calc(50% - 1.5px + 8px);
}

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

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

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

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

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(3) {
  -webkit-animation: fade-in 350ms forwards;
  -moz-animation: fade-in 350ms forwards;
  -o-animation: fade-in 350ms forwards;
  animation: fade-in 350ms forwards;
  opacity: 0;
  top: -webkit-calc(50% - 1.5px - 8px);
  top: -moz-calc(50% - 1.5px - 8px);
  top: calc(50% - 1.5px - 8px);
}

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

.selecton.selecton-add div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(4) {
  -webkit-animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  -moz-animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  -o-animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  opacity: 1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@-webkit-keyframes rotate-from-45-to-0-and-fade-out {
  0% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes rotate-from-45-to-0-and-fade-out {
  0% {
    opacity: 1;
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes rotate-from-45-to-0-and-fade-out {
  0% {
    opacity: 1;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotate-from-45-to-0-and-fade-out {
  0% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.selecton.selecton-add div.selecton-input-group div.selecton-search {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: -webkit-calc(100% - (50px));
  min-width: -moz-calc(100% - (50px));
  min-width: calc(100% - (50px));
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item,
.selecton.selecton-add div.selecton-input-group div.selecton-search .selecton-search-input {
  background-color: transparent;
  color: #fff;
  cursor: text;
  display: inline-block;
  line-height: 1.5em;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item {
  background-color: #354c65;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  margin: 5px 5px 0 0;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span {
  display: inline-block;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-content {
  cursor: move;
  padding: 0 5px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button, .selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-remove-button {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  -moz-transition: background-color .25s;
  transition: background-color .25s;
  width: 25px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button:hover, .selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-remove-button:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxnPjxwYXRoIGQ9Ik0xNy43NjYsMzYuNzMzbC05LjEzNywwYzAsMCAwLDM5LjcyNCAwLDUxLjA4YzAsMC43OTUgMC4zMTYsMS41NTggMC44NzksMi4xMmMwLjU2MiwwLjU2MyAxLjMyNSwwLjg3OSAyLjEyLDAuODc5YzQuNjk0LDAgMTMuMjQ1LDAgMTMuMjQ1LDBsMCwtMTAuMjA0bC03LjEwNywwbDAsLTI1LjUwOWw3LjEwNywwbDAsLTEwLjIwM2wtNy4xMDcsMGwwLC04LjE2M1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTEwMCw0Mi44NTVjMCwtMy45NDIgLTMuMiwtNy4xNDMgLTcuMTQyLC03LjE0M2wtNTEuNzA1LDBjLTMuOTQyLDAgLTcuMTQzLDMuMjAxIC03LjE0Myw3LjE0M2wwLDE0LjI4NWMwLDMuOTQyIDMuMjAxLDcuMTQyIDcuMTQzLDcuMTQybDUxLjcwNSwwYzMuOTQyLDAgNy4xNDIsLTMuMiA3LjE0MiwtNy4xNDJsMCwtMTQuMjg1WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJNNjUuOTksNy4xNDJjMCwtMy45NDIgLTMuMjAxLC03LjE0MiAtNy4xNDMsLTcuMTQybC01MS43MDUsMGMtMy45NDIsMCAtNy4xNDIsMy4yIC03LjE0Miw3LjE0MmwwLDE0LjI4NWMwLDMuOTQzIDMuMiw3LjE0MyA3LjE0Miw3LjE0M2w1MS43MDUsMGMzLjk0MiwwIDcuMTQzLC0zLjIgNy4xNDMsLTcuMTQzbDAsLTE0LjI4NVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTEwMCw3OC41NjdjMCwtMy45NDIgLTMuMiwtNy4xNDIgLTcuMTQyLC03LjE0MmwtNTEuNzA1LDBjLTMuOTQyLDAgLTcuMTQzLDMuMiAtNy4xNDMsNy4xNDJsMCwxNC4yODVjMCwzLjk0MiAzLjIwMSw3LjE0MyA3LjE0Myw3LjE0M2w1MS43MDUsMGMzLjk0MiwwIDcuMTQyLC0zLjIwMSA3LjE0MiwtNy4xNDNsMCwtMTQuMjg1WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L2c+PC9zdmc+");
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 50% 50%;
  -o-background-size: 50%;
  background-size: 50%;
  position: relative;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button::after {
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item > span.input-item-remove-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxwYXRoIGQ9Ik05LDljMCwwIDUuMTA1LC01LjEwNSA4LjEwOSwtOC4xMDljMC41NjgsLTAuNTY4IDEuMzM4LC0wLjg4NyAyLjE0MSwtMC44ODdjMC44MDMsMCAxLjU3MywwLjMxOSAyLjE0MSwwLjg4N2M1LjYzOSw1LjYzOSAyMC44NTQsMjAuODU0IDI2LjQ4LDI2LjQ4YzEuMTc2LDEuMTc2IDMuMDgyLDEuMTc2IDQuMjU4LDBjNS42MzUsLTUuNjM1IDIwLjg5MSwtMjAuODkxIDI2LjUwOCwtMjYuNTA4YzEuMTY3LC0xLjE2NyAzLjA1OSwtMS4xNjcgNC4yMjYsMGMzLjk0MiwzLjk0MiAxMi4zNzMsMTIuMzczIDE2LjI5NywxNi4yOTdjMS4xNTQsMS4xNTQgMS4xNTQsMy4wMjYgMCw0LjE4Yy01LjYwNiw1LjYwNiAtMjAuOTM0LDIwLjkzNCAtMjYuNTU3LDI2LjU1N2MtMS4xNjEsMS4xNjEgLTEuMTYxLDMuMDQ1IDAsNC4yMDZjNS42MDYsNS42MDYgMjAuODYsMjAuODYgMjYuNTA3LDI2LjUwN2MxLjE4MiwxLjE4MiAxLjE4MiwzLjA5OCAwLDQuMjhjLTMuOTQ5LDMuOTQ5IC0xMi4zMzgsMTIuMzM4IC0xNi4yNTgsMTYuMjU4Yy0xLjE2MSwxLjE2MSAtMy4wNDMsMS4xNjEgLTQuMjA0LDBjLTUuNjIxLC01LjYyMSAtMjAuOTU1LC0yMC45NTUgLTI2LjU2LC0yNi41NmMtMS4xNTMsLTEuMTUzIC0zLjAyMywtMS4xNTMgLTQuMTc2LDBjLTUuNTk5LDUuNTk5IC0yMC45MDcsMjAuOTA3IC0yNi41NDMsMjYuNTQzYy0xLjE3LDEuMTcgLTMuMDY4LDEuMTcgLTQuMjM4LDBjLTMuOTM1LC0zLjkzNSAtMTIuMzI4LC0xMi4zMjggLTE2LjI2MywtMTYuMjYzYy0wLjU2MSwtMC41NjEgLTAuODc3LC0xLjMyMyAtMC44NzcsLTIuMTE4YzAsLTAuNzk1IDAuMzE2LC0xLjU1NyAwLjg3NywtMi4xMThjNS42MywtNS42MyAyMC45MTQsLTIwLjkxNCAyNi41MjgsLTI2LjUyOGMxLjE2MiwtMS4xNjIgMS4xNjIsLTMuMDQ2IDAsLTQuMjA4Yy01LjYxNywtNS42MTcgLTIwLjkxNiwtMjAuOTE2IC0yNi41MzgsLTI2LjUzOGMtMC41NTksLTAuNTU5IC0wLjg3MywtMS4zMTcgLTAuODczLC0yLjEwOGMwLC0wLjc5MSAwLjMxNCwtMS41NDkgMC44NzMsLTIuMTA4YzMuMDAxLC0zLjAwMSA4LjE0MiwtOC4xNDIgOC4xNDIsLTguMTQyWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L3N2Zz4=");
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 45% 45%;
  -o-background-size: 45%;
  background-size: 45%;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .input-item.drag-active {
  -webkit-filter: blur(1px);
  filter: blur(1px);
  opacity: .2;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .selecton-search-input {
  border: 0;
  font-size: 1em;
  margin: 5px 0 0 0;
  outline: none;
  padding: 0;
  width: 1px;
}

.selecton.selecton-add div.selecton-input-group div.selecton-search .selecton-search-input:focus {
  width: 20px;
}

.selecton.selecton-select div.selecton-input-group {
  background-color: #353535;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: text;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-pre,
.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-pre {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8cGF0aCBkPSJNNTUuMTQ2LDUxLjg4N0w0MS41ODgsMzcuNzg2YzMuNDg2LTQuMTQ0LDUuMzk2LTkuMzU4LDUuMzk2LTE0Ljc4NmMwLTEyLjY4Mi0xMC4zMTgtMjMtMjMtMjNzLTIzLDEwLjMxOC0yMywyMyAgczEwLjMxOCwyMywyMywyM2M0Ljc2MSwwLDkuMjk4LTEuNDM2LDEzLjE3Ny00LjE2MmwxMy42NjEsMTQuMjA4YzAuNTcxLDAuNTkzLDEuMzM5LDAuOTIsMi4xNjIsMC45MiAgYzAuNzc5LDAsMS41MTgtMC4yOTcsMi4wNzktMC44MzdDNTYuMjU1LDU0Ljk4Miw1Ni4yOTMsNTMuMDgsNTUuMTQ2LDUxLjg4N3ogTTIzLjk4NCw2YzkuMzc0LDAsMTcsNy42MjYsMTcsMTdzLTcuNjI2LDE3LTE3LDE3ICBzLTE3LTcuNjI2LTE3LTE3UzE0LjYxLDYsMjMuOTg0LDZ6IiBmaWxsPSIjRkZGRkZGIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 40% 40%;
  -o-background-size: 40%;
  background-size: 40%;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  min-width: 50px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf {
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  min-width: 50px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div {
  -webkit-animation: rotate-from-45-to-0 350ms forwards;
  -moz-animation: rotate-from-45-to-0 350ms forwards;
  -o-animation: rotate-from-45-to-0 350ms forwards;
  animation: rotate-from-45-to-0 350ms forwards;
  cursor: pointer;
  height: 100%;
  position: relative;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 100%;
}

@keyframes rotate-from-45-to-0 {
  0% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div > span {
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  height: 3px;
  left: 25%;
  position: absolute;
  width: 50%;
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div > span:first-child,
.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(4) {
  top: -webkit-calc(50% - 1.5px);
  top: -moz-calc(50% - 1.5px);
  top: calc(50% - 1.5px);
}

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(2) {
  -webkit-animation: fade-in 350ms forwards;
  -moz-animation: fade-in 350ms forwards;
  -o-animation: fade-in 350ms forwards;
  animation: fade-in 350ms forwards;
  opacity: 0;
  top: -webkit-calc(50% - 1.5px + 8px);
  top: -moz-calc(50% - 1.5px + 8px);
  top: calc(50% - 1.5px + 8px);
}

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

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(3) {
  -webkit-animation: fade-in 350ms forwards;
  -moz-animation: fade-in 350ms forwards;
  -o-animation: fade-in 350ms forwards;
  animation: fade-in 350ms forwards;
  opacity: 0;
  top: -webkit-calc(50% - 1.5px - 8px);
  top: -moz-calc(50% - 1.5px - 8px);
  top: calc(50% - 1.5px - 8px);
}

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

.selecton.selecton-select div.selecton-input-group div.selecton-input-group-suf > div > span:nth-child(4) {
  -webkit-animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  -moz-animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  -o-animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  animation: rotate-from-45-to-0-and-fade-out 350ms forwards;
  opacity: 1;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@keyframes rotate-from-45-to-0-and-fade-out {
  0% {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.selecton.selecton-select div.selecton-input-group div.selecton-search {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-width: -webkit-calc(100% - (50px + 50px));
  min-width: -moz-calc(100% - (50px + 50px));
  min-width: calc(100% - (50px + 50px));
  padding-bottom: 5px;
  padding-left: 5px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item,
.selecton.selecton-select div.selecton-input-group div.selecton-search .selecton-search-input {
  background-color: transparent;
  color: #fff;
  cursor: text;
  display: inline-block;
  line-height: 1.5em;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item {
  background-color: #354c65;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  margin: 5px 5px 0 0;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span {
  display: inline-block;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-content {
  cursor: move;
  padding: 0 5px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button, .selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-remove-button {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  -moz-transition: background-color .25s;
  transition: background-color .25s;
  width: 25px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button:hover, .selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-remove-button:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxnPjxwYXRoIGQ9Ik0xNy43NjYsMzYuNzMzbC05LjEzNywwYzAsMCAwLDM5LjcyNCAwLDUxLjA4YzAsMC43OTUgMC4zMTYsMS41NTggMC44NzksMi4xMmMwLjU2MiwwLjU2MyAxLjMyNSwwLjg3OSAyLjEyLDAuODc5YzQuNjk0LDAgMTMuMjQ1LDAgMTMuMjQ1LDBsMCwtMTAuMjA0bC03LjEwNywwbDAsLTI1LjUwOWw3LjEwNywwbDAsLTEwLjIwM2wtNy4xMDcsMGwwLC04LjE2M1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTEwMCw0Mi44NTVjMCwtMy45NDIgLTMuMiwtNy4xNDMgLTcuMTQyLC03LjE0M2wtNTEuNzA1LDBjLTMuOTQyLDAgLTcuMTQzLDMuMjAxIC03LjE0Myw3LjE0M2wwLDE0LjI4NWMwLDMuOTQyIDMuMjAxLDcuMTQyIDcuMTQzLDcuMTQybDUxLjcwNSwwYzMuOTQyLDAgNy4xNDIsLTMuMiA3LjE0MiwtNy4xNDJsMCwtMTQuMjg1WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48cGF0aCBkPSJNNjUuOTksNy4xNDJjMCwtMy45NDIgLTMuMjAxLC03LjE0MiAtNy4xNDMsLTcuMTQybC01MS43MDUsMGMtMy45NDIsMCAtNy4xNDIsMy4yIC03LjE0Miw3LjE0MmwwLDE0LjI4NWMwLDMuOTQzIDMuMiw3LjE0MyA3LjE0Miw3LjE0M2w1MS43MDUsMGMzLjk0MiwwIDcuMTQzLC0zLjIgNy4xNDMsLTcuMTQzbDAsLTE0LjI4NVoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTEwMCw3OC41NjdjMCwtMy45NDIgLTMuMiwtNy4xNDIgLTcuMTQyLC03LjE0MmwtNTEuNzA1LDBjLTMuOTQyLDAgLTcuMTQzLDMuMiAtNy4xNDMsNy4xNDJsMCwxNC4yODVjMCwzLjk0MiAzLjIwMSw3LjE0MyA3LjE0Myw3LjE0M2w1MS43MDUsMGMzLjk0MiwwIDcuMTQyLC0zLjIwMSA3LjE0MiwtNy4xNDNsMCwtMTQuMjg1WiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L2c+PC9zdmc+");
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 50% 50%;
  -o-background-size: 50%;
  background-size: 50%;
  position: relative;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-expand-hierachy-button::after {
  background-color: rgba(0, 0, 0, 0.1);
  content: '';
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item > span.input-item-remove-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxwYXRoIGQ9Ik05LDljMCwwIDUuMTA1LC01LjEwNSA4LjEwOSwtOC4xMDljMC41NjgsLTAuNTY4IDEuMzM4LC0wLjg4NyAyLjE0MSwtMC44ODdjMC44MDMsMCAxLjU3MywwLjMxOSAyLjE0MSwwLjg4N2M1LjYzOSw1LjYzOSAyMC44NTQsMjAuODU0IDI2LjQ4LDI2LjQ4YzEuMTc2LDEuMTc2IDMuMDgyLDEuMTc2IDQuMjU4LDBjNS42MzUsLTUuNjM1IDIwLjg5MSwtMjAuODkxIDI2LjUwOCwtMjYuNTA4YzEuMTY3LC0xLjE2NyAzLjA1OSwtMS4xNjcgNC4yMjYsMGMzLjk0MiwzLjk0MiAxMi4zNzMsMTIuMzczIDE2LjI5NywxNi4yOTdjMS4xNTQsMS4xNTQgMS4xNTQsMy4wMjYgMCw0LjE4Yy01LjYwNiw1LjYwNiAtMjAuOTM0LDIwLjkzNCAtMjYuNTU3LDI2LjU1N2MtMS4xNjEsMS4xNjEgLTEuMTYxLDMuMDQ1IDAsNC4yMDZjNS42MDYsNS42MDYgMjAuODYsMjAuODYgMjYuNTA3LDI2LjUwN2MxLjE4MiwxLjE4MiAxLjE4MiwzLjA5OCAwLDQuMjhjLTMuOTQ5LDMuOTQ5IC0xMi4zMzgsMTIuMzM4IC0xNi4yNTgsMTYuMjU4Yy0xLjE2MSwxLjE2MSAtMy4wNDMsMS4xNjEgLTQuMjA0LDBjLTUuNjIxLC01LjYyMSAtMjAuOTU1LC0yMC45NTUgLTI2LjU2LC0yNi41NmMtMS4xNTMsLTEuMTUzIC0zLjAyMywtMS4xNTMgLTQuMTc2LDBjLTUuNTk5LDUuNTk5IC0yMC45MDcsMjAuOTA3IC0yNi41NDMsMjYuNTQzYy0xLjE3LDEuMTcgLTMuMDY4LDEuMTcgLTQuMjM4LDBjLTMuOTM1LC0zLjkzNSAtMTIuMzI4LC0xMi4zMjggLTE2LjI2MywtMTYuMjYzYy0wLjU2MSwtMC41NjEgLTAuODc3LC0xLjMyMyAtMC44NzcsLTIuMTE4YzAsLTAuNzk1IDAuMzE2LC0xLjU1NyAwLjg3NywtMi4xMThjNS42MywtNS42MyAyMC45MTQsLTIwLjkxNCAyNi41MjgsLTI2LjUyOGMxLjE2MiwtMS4xNjIgMS4xNjIsLTMuMDQ2IDAsLTQuMjA4Yy01LjYxNywtNS42MTcgLTIwLjkxNiwtMjAuOTE2IC0yNi41MzgsLTI2LjUzOGMtMC41NTksLTAuNTU5IC0wLjg3MywtMS4zMTcgLTAuODczLC0yLjEwOGMwLC0wLjc5MSAwLjMxNCwtMS41NDkgMC44NzMsLTIuMTA4YzMuMDAxLC0zLjAwMSA4LjE0MiwtOC4xNDIgOC4xNDIsLTguMTQyWiIgc3R5bGU9ImZpbGw6I2ZmZjsiLz48L3N2Zz4=");
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 45% 45%;
  -o-background-size: 45%;
  background-size: 45%;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .input-item.drag-active {
  -webkit-filter: blur(1px);
  filter: blur(1px);
  opacity: .2;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .selecton-search-input {
  border: 0;
  font-size: 1em;
  margin: 5px 0 0 0;
  outline: none;
  padding: 0;
  width: 1px;
}

.selecton.selecton-select div.selecton-input-group div.selecton-search .selecton-search-input:focus {
  width: 20px;
}

.selecton div.selecton-dropdown {
  background-color: #323232;
  border: 0 solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  left: 0;
  max-height: 500px;
  min-width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: -webkit-calc(100% + 0);
  top: -moz-calc(100% + 0);
  top: calc(100% + 0);
  z-index: 1000;
}

.selecton div.selecton-dropdown ul {
  list-style: none;
}

.selecton div.selecton-dropdown.closed {
  display: none;
}

.selecton div.selecton-dropdown.open {
  display: block;
}

.selecton div.selecton-dropdown ul.root-list {
  line-height: 1.75rem;
  margin: 0;
  padding: 0;
}

.selecton div.selecton-dropdown ul.root-list > li.dropdown-list-item {
  cursor: default;
  font-weight: 100;
  letter-spacing: 1px;
  padding-left: 15px;
  text-transform: uppercase;
}

.selecton div.selecton-dropdown ul.root-list:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.selecton div.selecton-dropdown .list-wrapper:not(.root-list) {
  background-color: rgba(255, 255, 255, 0.015);
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/4QkgaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjUuMCI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiLz4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8P3hwYWNrZXQgZW5kPSJ3Ij8+/+0ALFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQ1B2M2Y8AsgTpgAmY7PhCfv/iAmRJQ0NfUFJPRklMRQABAQAAAlRsY21zBDAAAG1udHJSR0IgWFlaIAfiAAQAGAANAAcANGFjc3BBUFBMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD21gABAAAAANMtbGNtcwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC2Rlc2MAAAEIAAAAPmNwcnQAAAFIAAAATHd0cHQAAAGUAAAAFGNoYWQAAAGoAAAALHJYWVoAAAHUAAAAFGJYWVoAAAHoAAAAFGdYWVoAAAH8AAAAFHJUUkMAAAIQAAAAIGdUUkMAAAIQAAAAIGJUUkMAAAIQAAAAIGNocm0AAAIwAAAAJG1sdWMAAAAAAAAAAQAAAAxlblVTAAAAIgAAABwAcwBSAEcAQgAgAEkARQBDADYAMQA5ADYANgAtADIALgAxAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAADAAAAAcAE4AbwAgAGMAbwBwAHkAcgBpAGcAaAB0ACwAIAB1AHMAZQAgAGYAcgBlAGUAbAB5WFlaIAAAAAAAAPbWAAEAAAAA0y1zZjMyAAAAAAABDEIAAAXe///zJQAAB5MAAP2Q///7of///aIAAAPcAADAblhZWiAAAAAAAABvoAAAOPUAAAOQWFlaIAAAAAAAACSfAAAPhAAAtsNYWVogAAAAAAAAYpcAALeHAAAY2XBhcmEAAAAAAAMAAAACZmYAAPKnAAANWQAAE9AAAApbY2hybQAAAAAAAwAAAACj1wAAVHsAAEzNAACZmgAAJmYAAA9c/9sAQwD//////////////////////////////////////////////////////////////////////////////////////9sAQwH//////////////////////////////////////////////////////////////////////////////////////8AAEQgAAQABAwERAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8AjoA//9k=");
  background-position-x: 9px;
  background-repeat: no-repeat;
  -webkit-background-size: 1px 100%;
  -o-background-size: 1px 100%;
  background-size: 1px 100%;
  line-height: 1.75rem;
  padding: 0 0 0 10px;
}

.selecton div.selecton-dropdown li.dropdown-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span {
  display: inline-block;
  padding: 0;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-content > span.dropdown-list-item-highlighted {
  text-decoration: underline;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-tag {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  background-color: rgba(125, 125, 125, 0.5);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.4rem;
  margin: 0 2px;
  padding: 0 4px;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-expand-toggle {
  cursor: pointer;
  margin-left: 10px;
  margin-right: 5px;
  min-width: 30px;
  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  -moz-transition: background-color .25s;
  transition: background-color .25s;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-expand-toggle.dropdown-list-item-expand-toggle-open {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxwYXRoIGQ9Ik01MCw3Mi4yNjFjMCwwIC0yOC4xODYsMCAtNDQuOTE3LDBjLTIuMDMzLDAgLTMuODY3LC0xLjIyMiAtNC42NDksLTMuMDk5Yy0wLjc4MywtMS44NzYgLTAuMzYsLTQuMDM5IDEuMDcxLC01LjQ4NGMxNS44OTEsLTE2LjAzNiA0OC40OTUsLTQ4LjkzOSA0OC40OTUsLTQ4LjkzOWMwLDAgMzIuNzk0LDMzLjA5NCA0OC42MzMsNDkuMDc5YzEuNDA4LDEuNDIgMS44MjQsMy41NDggMS4wNTQsNS4zOTVjLTAuNzcsMS44NDYgLTIuNTc0LDMuMDQ4IC00LjU3NCwzLjA0OGMtMTYuNzA2LDAgLTQ1LjExMywwIC00NS4xMTMsMFoiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 50% 50%;
  -o-background-size: 50%;
  background-size: 50%;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-expand-toggle.dropdown-list-item-expand-toggle-open:hover {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-expand-toggle.dropdown-list-item-expand-toggle-closed {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxwYXRoIGQ9Ik01MCw1MWMwLDAgMjIuNTc5LC0yMi41NzkgMzEuNDY3LC0zMS40NjdjMC45MzcsLTAuOTM3IDIuMjA4LC0xLjQ2MyAzLjUzMywtMS40NjNjMS4zMjUsMCAyLjU5NiwwLjUyNiAzLjUzMywxLjQ2M2MyLjkwMywyLjkwMyA2Ljk5NSw2Ljk5NSA5LjkwNSw5LjkwNWMxLjk2NywxLjk2NyAxLjk2Nyw1LjE1NyAwLDcuMTI0Yy0xMS43MzUsMTEuNzM1IC00OC40MzgsNDguNDM4IC00OC40MzgsNDguNDM4YzAsMCAtMzYuODI0LC0zNi44MjQgLTQ4LjQ5NiwtNDguNDk2Yy0wLjkyOSwtMC45MjkgLTEuNDUxLC0yLjE5IC0xLjQ1MSwtMy41MDRjMCwtMS4zMTQgMC41MjIsLTIuNTc1IDEuNDUxLC0zLjUwNGMyLjkxNCwtMi45MTQgNy4wNDIsLTcuMDQyIDkuOTYzLC05Ljk2M2MwLjkzNywtMC45MzcgMi4yMDgsLTEuNDY0IDMuNTMzLC0xLjQ2NGMxLjMyNSwwIDIuNTk2LDAuNTI3IDMuNTMzLDEuNDY0YzguODg3LDguODg3IDMxLjQ2NywzMS40NjcgMzEuNDY3LDMxLjQ2N2wwLDBaIiBzdHlsZT0iZmlsbDojZmZmOyIvPjwvc3ZnPg==");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 50% 50%;
  -o-background-size: 50%;
  background-size: 50%;
}

.selecton div.selecton-dropdown li.dropdown-list-item > span.dropdown-list-item-expand-toggle.dropdown-list-item-expand-toggle-closed:hover {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-preselected > span.dropdown-list-item-content {
  background: #6b85ae;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  color: #fff;
  position: relative;
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-selectable > span.dropdown-list-item-content:hover {
  background-color: #6b85ae;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  color: #fff;
  cursor: pointer;
  position: relative;
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-preselected > span.dropdown-list-item-content::before,
.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-selectable > span.dropdown-list-item-content:hover::before {
  background: #6b85ae;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  content: '';
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 5px;
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-selected > span.dropdown-list-item-content {
  background-color: #3f5474;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  color: #fff;
  position: relative;
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-selected > span.dropdown-list-item-content:hover {
  color: rgba(255, 255, 255, 0.3);
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-selected > span.dropdown-list-item-content::before {
  background: #3f5474;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  content: '';
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 5px;
}

.selecton div.selecton-dropdown li.dropdown-list-item.temporarily-highlighted > span.dropdown-list-item-content {
  position: relative;
}

.selecton div.selecton-dropdown li.dropdown-list-item.temporarily-highlighted > span.dropdown-list-item-content::after {
  -webkit-animation: temporarily-highlighted 750ms forwards;
  -moz-animation: temporarily-highlighted 750ms forwards;
  -o-animation: temporarily-highlighted 750ms forwards;
  animation: temporarily-highlighted 750ms forwards;
  background-color: transparent;
  border: 10px solid #8ca0c0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  height: -webkit-calc(100% + 10px);
  height: -moz-calc(100% + 10px);
  height: calc(100% + 10px);
  left: -10px;
  opacity: 1;
  position: absolute;
  top: -5px;
  width: -webkit-calc(100% + 15px);
  width: -moz-calc(100% + 15px);
  width: calc(100% + 15px);
}

@-webkit-keyframes temporarily-highlighted {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    border: 0 solid #3f5474;
    opacity: 0;
  }
}

@-moz-keyframes temporarily-highlighted {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    border: 0 solid #3f5474;
    opacity: 0;
  }
}

@-o-keyframes temporarily-highlighted {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    border: 0 solid #3f5474;
    opacity: 0;
  }
}

@keyframes temporarily-highlighted {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    border: 0 solid #3f5474;
    opacity: 0;
  }
}

.selecton div.selecton-dropdown li.dropdown-list-item.dropdown-list-item-hidden {
  display: none;
  height: 0;
  overflow: hidden;
}

.selecton div.selecton-dropdown .list-wrapper:not(.root-list) li.dropdown-list-item {
  padding-left: 10px;
}

div.input-item-clone {
  background-color: #354c65;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
  -webkit-animation: rotate-to-2 250ms forwards;
  -moz-animation: rotate-to-2 250ms forwards;
  -o-animation: rotate-to-2 250ms forwards;
  animation: rotate-to-2 250ms forwards;
  cursor: move;
  font-family: sans-serif;
  line-height: 1.5em;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

div.input-item-clone > span {
  display: inline-block;
}

div.input-item-clone > span.input-item-content {
  cursor: move;
  padding: 0 5px;
}

div.input-item-clone > span.input-item-expand-hierachy-button, div.input-item-clone > span.input-item-remove-button {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  -moz-transition: background-color .25s;
  transition: background-color .25s;
  width: 25px;
}

div.input-item-clone > span.input-item-expand-hierachy-button:hover, div.input-item-clone > span.input-item-remove-button:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

div.input-item-clone > span.input-item-expand-hierachy-button {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPjxnPjxwYXRoIGQ9Ik0xNy43NjYsMzYuNzMzbC05LjEzNywwYzAsMCAwLDM5LjcyNCAwLDUxLjA4YzAsMC43OTUgMC4zMTYsMS41NTggMC44NzksMi4xMmMwLjU2MiwwLjU2MyAxLjMyNSwwLjg3OSAyLjEyLDAuODc5YzQuNjk0LDAgMTMuMjQ1LDAgMTMuMjQ1LDBsMCwtMTAuMjA0bC03LjEwNywwbDAsLTI1LjUwOWw3LjEwNywwbDAsLTEwLjIwM2wtNy4xMDcsMGwwLC04LjE2M1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTEwMCw0Mi44NTVjMCwtMy45NDIgLTMuMiwtNy4xNDMgLTcuMTQyLC03LjE0M2wtNTEuNzA1LDBjLTMuOTQyLDAgLTc