.qtagselect__select {
    position: absolute;
    opacity: 0;
}

.qtagselect__container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 200px;
    min-height: 34px;
}

.qtagselect__choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 1px 0;
    padding-left: 12px;
    padding-right: 30px;
    width: 100%;
    height: 100%;
    border: 1px solid #c0c3c5;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: text;
}

.qtagselect__field, .qtagselect__input {
    height: 100%;
    width: 100%;
    border: none;
    cursor: pointer;
}

.qtagselect__input {
    height: 28px;
    padding-right: 30px;
}

.qtagselect__placeholder {
    color: #999999;
    display: block;
    height: 30px;
    line-height: 30px;
}

.qtagselect__btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 100%;
}

.qtagselect__btn:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #666666;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 12px;
}

.qtagselect__choice {
    position: relative;
    height: 22px;
    line-height: 20px;
    padding: 0 20px 0 6px;
    margin: 4px 6px 4px 0;
    font-size: 12px;
    float: left;
    border: solid 1px rgba(192, 195, 197, 0.6);
    cursor: default;
    /*&.isselected {
      color: #c0c3c5;
      background-color: rgba(192, 195, 197, 0.25);
      border: solid 1px rgba(192, 195, 197, 0.4);
      cursor: not-allowed;
      &:hover{
        color: #c0c3c5;
        background-color: rgba(192, 195, 197, 0.25);
        border: solid 1px rgba(192, 195, 197, 0.4);
      }
    }*/
}

.qtagselect__choice .qtagselect__del {
    position: absolute;
    right: 4px;
    top: 4px;
}

.qtagselect__choice.isgray {
    background-color: rgba(192, 195, 197, 0.15);
}

.qtagselect__del {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(qtagicon.png) 2px 2px no-repeat;
    cursor: pointer;
}

.qtagselect__del:hover {
    background-position: -10px 2px;
}

.qtagselect__choice + .qtagselect__field {
    /* width:28px;
     float: left;
     height: 22px;
     margin: 4px 6px 4px 0;
     .qtagselect__input{
       padding:0;
       height:22px;
     }*/
}

.qtagselect__drop {
    position: absolute;
    top: 100%;
    z-index: 500;
    margin-top: -1px;
    width: 100%;
    border: 1px solid #4788e4;
    background: #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(71, 136, 228, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(71, 136, 228, 0.2);
    box-shadow: 0 0 2px 1px rgba(71, 136, 228, 0.2);
    display: none;
}

.qtagselect__drop__ft {
    padding: 0 10px 8px;
    text-align: right;
}

.qtagselect__closelink {
    color: #666666;
    font-size: 12px;
}

.qtagselect__closelink .qtagselect__triangle:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #666666;
}

.qtagselect__closelink:hover {
    color: #4788e4;
}

.qtagselect__closelink:hover .qtagselect__triangle:before {
    border-bottom: 6px solid #4788e4;
}

.qtagselect__triangle {
    margin-left: 4px;
}

.qtagselect__results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 10px;
    max-height: 250px;
    scrollbar-arrow-color: #e6e7e8;
    scrollbar-track-color: #ffffff;
    scrollbar-face-color: #e6e7e8;
    scrollbar-3dlight-color: #e6e7e8;
    scrollbar-highlight-color: #e6e7e8;
    scrollbar-shadow-color: #e6e7e8;
    scrollbar-darkshadow-color: #e6e7e8;
    scrollbar-base-color: #e6e7e8;
}

.qtagselect__results::-webkit-scrollbar-thumb {
    background-color: #e6e7e8;
    border-radius: 3px;
}

.qtagselect__results::-webkit-scrollbar-thumb:hover {
    background-color: #d9dbdc;
}

.qtagselect__results::-webkit-scrollbar-thumb:active {
    background-color: #d9dbdc;
}

.qtagselect__results::-webkit-scrollbar-track {
    background-color: transparent;
}

.qtagselect__results::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

.qtagselect__results::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.qtagselect__option {
    height: 22px;
    line-height: 20px;
    padding: 0 6px;
    margin: 4px 3px;
    font-size: 12px;
    float: left;
    border: solid 1px rgba(192, 195, 197, 0.6);
    cursor: pointer;
    /*&:hover {
      color: #4788e4;
      border-color: #4788e4;
    }*/
}

.qtagselect__choice.isblue {
    color: #4788e4;
    background-color: rgba(71, 136, 228, 0.15);
    border: solid 1px rgba(71, 136, 228, 0.2);
}

.qtagselect__option.isblue {
    color: #4788e4;
    background-color: rgba(71, 136, 228, 0.15);
    border: solid 1px rgba(71, 136, 228, 0.2);
}

.qtagselect__option.isblue:hover {
    color: #ffffff;
    background-color: #4788e4;
    border: solid 1px #4788e4;
}

.qtagselect__choice.ispurple {
    color: #8168ba;
    background-color: rgba(129, 104, 186, 0.15);
    border: solid 1px rgba(129, 104, 186, 0.2);
}

.qtagselect__option.ispurple {
    color: #8168ba;
    background-color: rgba(129, 104, 186, 0.15);
    border: solid 1px rgba(129, 104, 186, 0.2);
}

.qtagselect__option.ispurple:hover {
    color: #ffffff;
    background-color: #8168ba;
    border: solid 1px #8168ba;
}

.qtagselect__choice.isorange {
    color: #fff;
    background-color: #ffa544;
    border: solid 1px #cd6a00;
}

.qtagselect__option.isorange {
    color: #fff;
    background-color: #ffa544;
    border: solid 1px #cd6a00;
}

.qtagselect__option.isorange:hover {
    color: #ffffff;
    background-color: #ff8400;
}

.qtagselect__choice.isgreen {
    color: #fff;
    background-color: #00bd24;
    border: solid 1px #009e1e;
}

.qtagselect__option.isgreen {
    color: #fff;
    background-color: #00bd24;
    border: solid 1px #009e1e;
}

.qtagselect__option.isgreen:hover {
    color: #ffffff;
    background-color: #4ae867;
}

.qtagselect__choice.isyellow {
    color: #000;
    background-color: #fff600;
    border: solid 1px #cbc517;
}

.qtagselect__option.isyellow {
    color: #000;
    background-color: #fff600;
    border: solid 1px #cbc517;
}

.qtagselect__option.isyellow:hover {
    color: #000;
    background-color: #fffb80;
}

.qtagselect__choice.iswine {
    color: #fff;
    background-color: #947ce2;
    border: solid 1px #4724ba;
}

.qtagselect__option.iswine {
    color: #fff;
    background-color: #947ce2;
    border: solid 1px #4724ba;
}

.qtagselect__option.iswine:hover {
    color: #fff;
    background-color: #5e3ec8;
}

.qtagselect__option.isgray {
    background-color: rgba(192, 195, 197, 0.15);
}

.qtagselect__option.isselected {
    position: relative;
}

.qtagselect__option.isselected:before {
    position: absolute;
    right: -1px;
    top: -1px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 11px solid #c0c3c5;
    border-left: 13px solid transparent;
}

.qtagselect__option.isselected:after {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    content: '';
    width: 4px;
    height: 2px;
    background: #c0c3c5;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.qtagselect__option.isselected, .qtagselect__option.isdisabled {
    color: #c0c3c5;
    background-color: rgba(192, 195, 197, 0.25);
    border: solid 1px rgba(192, 195, 197, 0.4);
    cursor: not-allowed;
}

.qtagselect__option.isselected:hover, .qtagselect__option.isdisabled:hover {
    color: #c0c3c5;
    background-color: rgba(192, 195, 197, 0.25);
    border: solid 1px rgba(192, 195, 197, 0.4);
}

.qtagselect__toast {
    position: fixed;
    top: 75px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-left: 108px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    background: #FEE4D7;
    border: 1px solid #fdbc9a;
    color: #fb7a36;
    font-size: 14px;
    text-align: center;
    padding: 0 36px;
    z-index: 1001;
    display: none;
}

.qtagselect.isopen .qtagselect__choices {
    border: 1px solid #4788e4;
    -webkit-box-shadow: 0 0 2px 1px rgba(71, 136, 228, 0.2);
    -moz-box-shadow: 0 0 2px 1px rgba(71, 136, 228, 0.2);
    box-shadow: 0 0 2px 1px rgba(71, 136, 228, 0.2);
}

.qtagselect.isopen .qtagselect__btn {
    display: none;
}

.qtagselect.isopen .qtagselect__drop {
    display: block;
}

.qtagselect.isdisabled {
    cursor: not-allowed;
}

.qtagselect.isdisabled .qtagselect__field {
    cursor: not-allowed;
}

.qtagselect.iswauto .qtagselect__container {
    width: 100%;
}

.qtagselect.isw360 .qtagselect__container {
    width: 360px;
}

/*# sourceMappingURL=jquery.tagselect.css.map */