.v3 .multiselect {
    position: relative;
    margin: 0 auto;
    font-size: 0
}

.v3 .multiselect>* {
    font-size: medium
}

.v3 .multiselect.is-searchable {
    cursor: auto
}

.v3 .multiselect-input {
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 38px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    outline: none;
}

.v3 .multiselect-input:before {
    position: absolute;
    right: 12px;
    top: 50%;
    color: #999;
    border-color: #999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    transform: translateY(-50%);
    transition: transform .3s
}

.v3 .is-disabled .multiselect-input {
    background: #f9f9f9
}

.v3 .is-open .multiselect-input {
    border-radius: 3px 3px 0 0
}

.v3 .is-open .multiselect-input:before {
    transform: translateY(-50%) rotate(180deg)
}

.v3 .no-caret .multiselect-input:before {
    display: none
}

.v3 .multiselect-multiple-label,
.v3 .multiselect-placeholder,
.v3 .multiselect-single-label {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 14px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background: transparent;
    margin-right: 27px;
    right: 0;
    overflow: clip;
}

.v3 .multiselect-placeholder {
    color: #777
}

.v3 .is-multiple .multiselect-search,
.v3 .is-single .multiselect-search {
    display: flex;
    height: 100%;
    width: 100%;
    background: transparent
}

.v3 .is-multiple .multiselect-search input,
.v3 .is-single .multiselect-search input {
    width: 100%;
    border: 0;
    padding: 8px 5px 8px 4px;
    outline: none;
    background: transparent;
    font-size: 16px;
    font-family: inherit
}

.v3 .is-multiple.no-caret .multiselect-search input,
.v3 .is-single.no-caret .multiselect-search input {
    padding: 8px 14px
}

.v3 .is-tags .multiselect-search {
    flex-grow: 1
}

.v3 .is-tags .multiselect-search input {
    outline: none;
    border: 0;
    margin: 0 0 5px 3px;
    flex-grow: 1;
    min-width: 100%;
    font-size: 16px;
    font-family: inherit
}


.v3 .multiselect-clear {
    position: absolute;
    right: -40px;
    top: 0;
    width: 40px;
    height: 40px;
}

.v3 .multiselect-clear:after,
.v3 .multiselect-clear:before {
    position: absolute;
    content: " ";
    height: 12px;
    width: 2px;
    background-color: #999;
    top: 14px;
    left: 18px;
}

.v3 .multiselect-clear:before {
    transform: rotate(45deg)
}

.v3 .multiselect-clear:after {
    transform: rotate(-45deg)
}

.v3 .multiselect-clear:hover:after,
.v3 .multiselect-clear:hover:before {
    background-color: #555
}

.v3 .multiselect-tags {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    padding-left: 9px;
    margin-top: 5px;
    flex-wrap: wrap;
    padding-right: 36px
}

.v3 .no-caret .multiselect-tags {
    padding-right: 9px
}

.v3 .multiselect-tag {
    background: #41b883;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 0 8px;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    cursor: text;
    white-space: nowrap
}

.v3 .multiselect-tag i {
    cursor: pointer
}

.v3 .multiselect-tag i:before {
    content: "\D7";
    color: #266d4d;
    font-size: 14px;
    font-weight: 700;
    padding: 1px 5px;
    margin-left: 3px;
    display: flex;
    font-style: normal
}

.v3 .multiselect-tag i:hover:before {
    color: #fff;
    background: hsla(0, 0%, 100%, .2)
}

.v3 .is-disabled .multiselect-tag {
    background: #a0a0a0;
    padding: 1px 8px
}

.v3 .multiselect-options {
    position: absolute;
    left: 0;
    right: 0;
    border: 1px solid #e8e8e8;
    margin-top: -1px;
    max-height: 160px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 400;
    background: #fff
}

.v3 .multiselect-option {
    display: flex;
    min-height: 40px;
    padding: 9px 12px;
    box-sizing: border-box;
    color: #222;
    text-decoration: none;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    cursor: pointer;
}



.v3 .multiselect-option.is-pointed {
    background: #e6e6e6
}

.v3 .multiselect-option.is-disabled {
    background: #f9f9f9;
    color: #a6a6a6;
    cursor: not-allowed
}

.v3 .multiselect-option.is-selected {
    border-left: 3px solid #41b883;
    color: #fff;
    padding-left: 9px;
}

.v3 .multiselect-option.is-selected.is-pointed {
    background: #4fbd8c
}

.v3 .is-multiple .multiselect-option.is-selected,
.v3 .is-tags .multiselect-option.is-selected {
    background: inherit;
    border-left: 3px solid limegreen;
    padding-left: 9px;
}

.v3 .is-multiple .multiselect-option.is-selected.is-pointed,
.v3 .is-tags .multiselect-option.is-selected.is-pointed {
    background: #f1f1f1
}

.v3 .multiselect-no-options,
.v3 .multiselect-no-results {
    display: flex;
    padding: 10px 12px;
    color: #777
}

.v3 .multiselect-spinner {
    /* position: absolute; */
    /* right: 13px; */
    /* top: 0; */
    width: 20px;
    /* height: 16px; */
    background: transparent;
    display: block;
    transform: translateY(50%);
    margin-right: 11px;
    margin-top: -2px;
}

.v3 .multiselect-spinner:after,
.v3 .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
}

.v3 .is-disabled .multiselect-spinner {
    background: #f9f9f9
}

.v3 .is-disabled .multiselect-spinner:after,
.v3 .is-disabled .multiselect-spinner:before {
    border-color: #999 transparent transparent
}

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

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

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

.v3 .multiselect-leave-active {
    transition: all 0s
}

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

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

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

@-webkit-keyframes spinning {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2turn)
    }
}

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

    to {
        transform: rotate(2turn)
    }
}

.v3 .multiselect-input {
    border: none;
    background-color: #fafafa;
}

#app.mobile .top-select-cont .v3 .multiselect-input {

    background-color: #053c50;
    color: white;
}

#app.dark .v3 .multiselect-input,
#app.dark .top-select-cont .v3 .multiselect-input{
    background-color: #131313;
}

#app.dark .transparent .v3 .multiselect-input,
#app.dark .transparent .v3 .multiselect-input {
    background-color: transparent;
}

#app.dark .v3 .multiselect-clear,
#app.dark .v3 .multiselect-options {
    background: #2c2c2c;
}

#app.dark .v3 a.multiselect-option:hover {
    background: #171717;
}

#app.dark .v3 .multiselect-option.is-pointed
{
    background: #076D8D;
}

.v3 .multiselect-options {
    border: none;
    overflow-x: hidden;
    overflow-y: auto;
}


.v3 .is-multiple .multiselect-option.is-selected.is-pointed,
.v3 .is-tags .multiselect-option.is-selected.is-pointed {
    opacity: 0.8;
}

.v3.filter-div.filter {    
    margin:20px auto;
    text-align: left;
}

.v3.filter-div.filter label.typo__label {
   
    display: block;
  
    padding-left: 6px;
}


.narrow.v3 .is-multiple .multiselect-search input,
.narrow.v3 .is-single .multiselect-search input {
    padding-left: 0;
    padding-right: 5px;

}

.v3.wide-options .multiselect-options {
    min-width: 240px;
}
.v3.x-wide-options .multiselect-options {
    min-width: 400px;
}

.v3 .is-multiple .multiselect-input {
    min-width: 163px;
}

.v3.scenario-sel .multiselect-input {
    min-height: 36px;
    border-radius: 0;
    margin-top: 1px;
}
#app.dark .v3.v3.scenario-sel.saved .v3 .multiselect-input,
#app .v3.v3.scenario-sel.saved .v3 .multiselect-input {
    background-color: #308834;
    border-right: 2px solid #777777;  

}