/* ===============================
=            Choices            =
=============================== */
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
}
.choices__inner {
     min-height: 2.5rem;
     padding: var(--form-input-padding);
 }

.tt-input-group .choices__inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.choices[data-type*=select-one] .choices__input {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
.choices[data-type*=select-one] .choices__button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
}
.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
    opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #005F75;
}
.choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    /* line between label and cancel. */
    border-left: 1px solid var(--bg-color);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'><g fill='currentColor' fill-rule='evenodd'><path d='M2.592.044l18.364 18.364-2.548 2.548L.044 2.592z'/><path d='M0 18.364L18.364 0l2.548 2.548L2.548 20.912z'/></g></svg>");*/
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
    opacity: 1;
}

.choices__inner {
    background-color: var(--bg-color);
    border: 1px solid var(--text-color);
    border-radius: var(--input-border-radius);
}
.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7;
}

.choices__list--multiple .choices__item {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-border-color);
    color:var(--bg-color);
    border-radius: var(--input-border-radius);
    vertical-align: middle;
    margin-bottom: 0;
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-border-color);
}
.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaaaaa;
    border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    background-color: var(--bg-color);
    border: 1px solid #ddd;
    color: var(--form-input-color);
}
.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7;
}
.choices__item {
    color: var(--form-input-color);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--bg-muted);
    color: var(--form-input-color);
}

.choices__heading {
    font-weight: 600;
    border-bottom: 1px solid #f7f7f7;
    color: var(--form-input-color);
}

.choices__button {
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}

.choices__input {
    /* the text when you write */
    background-color: transparent;
    color: var(--form-input-color);
}

.choices__placeholder {
    opacity: 0.5;
}