/*
|--------------------------------------------------------------------------
| Tom Select estilo GOV.CO
|--------------------------------------------------------------------------
*/

.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control {

    min-height: 48px;

    border-radius: 5px;

    border: 1px solid var(--govcolor-matterhorn);

    padding: 10px 14px;

    box-shadow: none;

}

.ts-wrapper.single .ts-control:hover,
.ts-wrapper.multi .ts-control:hover {

    border-color: var(--govcolor-havelock-lue, #4672C8);

}

.ts-wrapper.focus .ts-control {

    border-color: var(--govcolor-havelock-lue, #4672C8);

    box-shadow:
        0 0 0 0.20rem rgba(181, 199, 233, 0.8);

}

.ts-control input::placeholder {

    color: var(--govcolor-matterhorn);

}

.ts-wrapper.multi.has-items .ts-control {

    padding: 6px 14px 3px;

}

.ts-wrapper.multi .ts-control > .item {

    background-color: var(--govcolor-solitude, #E5ECF8);

    border: 0;

    border-radius: 4px;

    color: var(--govcolor-cobalt, #0943B5);

    padding: 2px 6px;

    margin: 0 6px 3px 0;

}

.ts-wrapper.multi .ts-control > .item.active {

    background-color: var(--govcolor-cobalt, #0943B5);

    color: white;

}

.ts-wrapper.plugin-remove_button .item .remove {

    border-left-color: rgba(0, 0, 0, 0.15);

}

.ts-wrapper.plugin-remove_button .item .remove:hover {

    background-color: rgba(0, 0, 0, 0.1);

}

/*
|--------------------------------------------------------------------------
| Dropdown
|--------------------------------------------------------------------------
*/

.ts-dropdown {

    border: 1px solid var(--govcolor-havelock-lue, #4672C8);

    border-radius: 4px;

    box-shadow: 0 3px 6px rgba(0,0,0,0.15);

}

.ts-dropdown-content {

    max-height: 250px;

    overflow-y: auto;

}

.ts-dropdown .option {

    padding: 12px;

    font-size: 15px;

    cursor: pointer;

}

.ts-dropdown .option:hover {

    background-color: var(--govcolor-tropical-blue);

}

.ts-dropdown .active {

    background-color: var(--govcolor-cobalt);

    color: white;

}

.ts-wrapper.disabled .ts-control,
.ts-control.disabled {
    background-color: var(--govcolor-silver-dis);
    border-color: var(--govcolor-matterhorn);
    color: #777;
    cursor: not-allowed;
    opacity: 1; /* evita que se vea muy transparente */
}

.ts-wrapper.disabled .ts-control:hover,
.ts-control.disabled:hover {
    background-color: var(--govcolor-silver-dis);
}

.ts-wrapper.disabled .ts-control input {
    cursor: not-allowed;
}

.ts-wrapper.disabled .ts-control .item {
    color: #777;
}

.ts-wrapper.disabled .ts-control::after {
    opacity: 0.5;
}

.ts-dropdown {
  background-color: white;
}

.error-text-govco {
    color: var(--govcolor-red);
}