@charset "UTF-8";

.tagify__input {
    color: rgb(73, 80, 87) !important;
}

.tagify--empty .tagify__input::placeholder {
    color: rgb(73, 80, 87) !important;
}

.tagify__input,
.tagify__input::placeholder {
    color: rgb(73, 80, 87) !important;
}

.tagify__dropdown__wrapper {
    background: white;
    border: 1px solid;
    border-color: rgba(0, 114, 188, 1);
    color: rgba(73, 80, 87, .85);
}

.tagify__dropdown__item--active {
    background: rgba(0, 114, 188, 1);
    color: rgb(255, 255, 255);
}

.tagify--invalid {
    --tags-border-color: #0072BC
}

.tagify__input::after {
    color: rgba(73, 80, 87, .65);
}

.tagify__tag__removeBtn {
    color: rgba(0, 114, 188, 1);
}

.tagify__tag__removeBtn:hover {
    color: #fff;
    background: rgba(0, 114, 188, 1);
}

.tagify__tag>div {
    color: rgb(73, 80, 87);
}

.tagify__tag__removeBtn:hover+div::before {
    box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg, rgba(0, 114, 188, 1)) inset !important;
}

.tagify__tag>div::before {
    border: 1px solid #ced4da;
    box-shadow: 0 0 0 var(--tag-inset-shadow-size) rgba(206, 212, 218, .5) inset
}

.tagify__dropdown__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: 0.3em 0.5em;
    border: 1px solid #ced4da;
    background: rgba(206, 212, 218, .5);
    margin: 0.2em;
    font-size: .85em;
    color: rgb(73, 80, 87);
    transition: 0s;
}



/* Origem custom.css */
.tagify {
    width: 100%;
    height: auto;
    padding: 0.75rem 1rem !important;
}

.tags-look .tagify__dropdown__item--active {
    color: rgb(73, 80, 87);
}

.tags-look .tagify__dropdown__item:hover {
    background: lightyellow;
    border-color: gold;
}

.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}