fieldset[disabled] .multiselect {
    pointer-events : none
}

.multiselect__spinner {
    position   : absolute;
    right      : 1px;
    top        : 1px;
    width      : 48px;
    height     : 35px;
    background : #FFF;
    display    : block
}

.multiselect__spinner:after, .multiselect__spinner:before {
    position         : absolute;
    content          : "";
    top              : 50%;
    left             : 50%;
    margin           : -8px 0 0 -8px;
    width            : 16px;
    height           : 16px;
    border-radius    : 100%;
    border           : 2px solid transparent;
    border-top-color : #41B883;
    box-shadow       : 0 0 0 1px transparent
}

.multiselect__spinner:before {
    animation                 : spinning 2.4s cubic-bezier(.41, .26, .2, .62);
    animation-iteration-count : infinite
}

.multiselect__spinner:after {
    animation                 : spinning 2.4s cubic-bezier(.51, .09, .21, .8);
    animation-iteration-count : infinite
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
    transition : opacity .4s ease-in-out;
    opacity    : 1
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
    opacity : 0
}

.multiselect, .multiselect__input, .multiselect__single {
    font-family      : "Muli", "Montserrat", "Helvetica Neue", Arial, sans-serif;
    font-size        : 14px;
    -ms-touch-action : manipulation;
    touch-action     : manipulation;
}

.multiselect {
    box-sizing : content-box;
    display    : block;
    position   : relative;
    width      : 100%;
    /*min-height : 40px;*/
    text-align : left;
    color      : #35495E
}

.multiselect * {
    box-sizing : border-box
}

.multiselect:focus {
    outline : none
}

.multiselect--disabled {
    background     : #EDEDED;
    pointer-events : none;
    opacity        : .6
}

.multiselect--active {
    z-index : 50
}

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0
}

.multiselect--active .multiselect__select {
    transform : rotate(180deg)
}

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
    border-top-left-radius  : 0;
    border-top-right-radius : 0
}

.multiselect__input, .multiselect__single {
    position       : relative;
    display        : inline-block;
    min-height     : 20px;
    line-height    : 20px;
    border         : none;
    /*border-radius  : 5px;*/
    background     : transparent;
    /*padding        : 0 0 0 5px;*/
    width          : 100%;
    transition     : border .1s ease;
    box-sizing     : border-box;
    /*margin-bottom  : 8px;*/
    vertical-align : top;
}

.multiselect__input:-ms-input-placeholder {
    color : #35495E
}

.multiselect__input::placeholder {
    color : #35495E
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
    width : auto
}

.multiselect__input:hover, .multiselect__single:hover {
    border-color : #CFCFCF
}

.multiselect__input:focus, .multiselect__single:focus {
    border-color : #A8A8A8;
    outline      : none
}

.multiselect__single {
    /*padding-left  : 5px;
    margin-bottom : 8px*/

}

.multiselect__tags-wrap {
    display : inline
}

.multiselect__tags {
    display            : block;
    padding            : 7px 18px;
    border-radius      : 20px;
    border             : 2px solid #66615B;
    background         : transparent;
    font-size          : 14px;
    font-weight        : 600;
    color              : #66615B;
    -webkit-transition : all 150ms linear;
    -moz-transition    : all 150ms linear;
    -o-transition      : all 150ms linear;
    -ms-transition     : all 150ms linear;
    transition         : all 150ms linear;
}

.multiselect__tags:hover {
    cursor : pointer;
}

.multiselect__tag {
    position      : relative;
    display       : inline-block;
    padding       : 4px 26px 4px 10px;
    border-radius : 5px;
    margin-right  : 10px;
    color         : #FFF;
    line-height   : 1;
    background    : #41B883;
    margin-bottom : 5px;
    white-space   : nowrap;
    overflow      : hidden;
    max-width     : 100%;
    text-overflow : ellipsis
}

.multiselect__tag-icon {
    cursor        : pointer;
    margin-left   : 7px;
    position      : absolute;
    right         : 0;
    top           : 0;
    bottom        : 0;
    font-weight   : 700;
    font-style    : normal;
    width         : 22px;
    text-align    : center;
    line-height   : 22px;
    transition    : all .2s ease;
    border-radius : 5px
}

.multiselect__tag-icon:after {
    content   : "\D7";
    color     : #266D4D;
    font-size : 14px
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background : #369A6E
}

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
    color : #FFF
}

.multiselect__current {
    min-height    : 40px;
    overflow      : hidden;
    padding       : 8px 30px 0 12px;
    white-space   : nowrap;
    border-radius : 5px;
    border        : 1px solid #E8E8E8
}

.multiselect__current, .multiselect__select {
    line-height     : 16px;
    box-sizing      : border-box;
    display         : block;
    margin          : 0;
    text-decoration : none;
    cursor          : pointer
}

.multiselect__select {
    position   : absolute;
    width      : 40px;
    height     : 38px;
    right      : 1px;
    top        : 1px;
    padding    : 4px 8px;
    text-align : center;
    transition : transform .2s ease
}

.multiselect__select:before {
    position     : relative;
    right        : 0;
    top          : 65%;
    color        : #66615B;
    margin-top   : 4px;
    border-color : #66615B transparent transparent;
    border-style : solid;
    border-width : 5px 5px 0;
    content      : ""
}

.multiselect__placeholder {
    color   : #66615B;
    display : inline-block;
    /*margin-bottom : 10px;
    padding-top   : 2px*/
}

.multiselect--active .multiselect__placeholder {
    display : none;
}

.multiselect__content-wrapper {
    position                   : absolute;
    display                    : block;
    background                 : #FFF;
    width                      : 100%;
    max-height                 : 240px;
    overflow                   : auto;
    border                     : 1px solid #E8E8E8;
    border-top                 : none;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
    z-index                    : 50;
    -webkit-overflow-scrolling : touch;
    box-shadow                 : 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
}

.multiselect__content {
    list-style     : none;
    display        : inline-block;
    padding        : 0;
    margin         : 0;
    min-width      : 100%;
    vertical-align : top
}

.multiselect--above .multiselect__content-wrapper {
    bottom                     : 100%;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
    border-top-left-radius     : 5px;
    border-top-right-radius    : 5px;
    border-bottom              : none;
    border-top                 : 1px solid #E8E8E8
}

.multiselect__content::webkit-scrollbar {
    display : none
}

.multiselect__element {
    display : block
}

.multiselect__option {
    display         : block;
    padding         : 12px;
    min-height      : 40px;
    line-height     : 16px;
    text-decoration : none;
    text-transform  : none;
    vertical-align  : middle;
    position        : relative;
    cursor          : pointer;
    white-space     : nowrap;
    color           : #66615B;
}

.multiselect__option:after {
    top           : 0;
    right         : 0;
    position      : absolute;
    line-height   : 40px;
    padding-right : 12px;
    padding-left  : 20px;
    font-size     : 13px
}

.multiselect__option--highlight {
    background : #66615B;
    outline    : none;
    color      : #FFF;
}

.multiselect__option--highlight:after {
    content    : attr(data-select);
    background : #41B883;
    color      : #FFF
}

.multiselect__option--selected {
    background : #007BFF;
    color      : #FFF;
}

.multiselect__option--selected:after {
    content : attr(data-selected);
    color   : silver
}

.multiselect__option--selected.multiselect__option--highlight {
    background : #FF6A6A;
    color      : #FFF
}

.multiselect__option--selected.multiselect__option--highlight:after {
    background : #FF6A6A;
    content    : attr(data-deselect);
    color      : #FFF
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
    background : #EDEDED;
    color      : #A6A6A6
}

.multiselect__option--disabled {
    background     : #EDEDED !important;
    color          : #A6A6A6 !important;
    cursor         : text;
    pointer-events : none
}

.multiselect__option--group {
    background : #EDEDED;
    color      : #35495E
}

.multiselect__option--group.multiselect__option--highlight {
    background : #35495E;
    color      : #FFF
}

.multiselect__option--group.multiselect__option--highlight:after {
    background : #35495E
}

.multiselect__option--disabled.multiselect__option--highlight {
    background : #DEDEDE
}

.multiselect__option--group-selected.multiselect__option--highlight {
    background : #FF6A6A;
    color      : #FFF
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
    background : #FF6A6A;
    content    : attr(data-deselect);
    color      : #FFF
}

.multiselect-enter-active, .multiselect-leave-active {
    transition : all .15s ease
}

.multiselect-enter, .multiselect-leave-active {
    opacity : 0
}

.multiselect__strong {
    margin-bottom  : 8px;
    line-height    : 20px;
    display        : inline-block;
    vertical-align : top
}

[dir=rtl] .multiselect {
    text-align : right
}

[dir=rtl] .multiselect__select {
    right : auto;
    left  : 1px
}

[dir=rtl] .multiselect__tags {
    padding : 8px 8px 0 40px
}

[dir=rtl] .multiselect__content {
    text-align : right
}

[dir=rtl] .multiselect__option:after {
    right : auto;
    left  : 0
}

[dir=rtl] .multiselect__clear {
    right : auto;
    left  : 12px
}

[dir=rtl] .multiselect__spinner {
    right : auto;
    left  : 1px
}

@keyframes spinning {
    0% {
        transform : rotate(0)
    }
    to {
        transform : rotate(2turn)
    }
}