/*
 * Matendes — a seta das listas de escolha (<select>), igual em todo o lado. v10.300
 *
 * Os <select class="form-control"> ficavam com a seta nativa do sistema. No
 * Windows (Chrome/Edge 11) essa seta é desenhada numa caixa própria, com
 * borda escura e cantos redondos, colada ao lado direito do campo — parecia
 * um segundo botão dentro do campo, e não batia com as listas do tema
 * (bootstrap-select), que já usam uma seta fina sem caixa.
 *
 * Aqui a seta nativa sai e entra a mesma seta fina, desenhada em SVG, com
 * espaço reservado à direita para o texto não passar por baixo dela.
 * Vale para a loja, o vendedor, o admin, a frota, o estafeta e a entrada.
 */
select.form-control:not([multiple]):not([size]),
select.custom-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235C5E6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px 12px;
    padding-right: 36px !important;
    text-overflow: ellipsis;
}
select.form-control:not([multiple]):not([size])::-ms-expand { display: none; }
select.form-control:disabled { opacity: .65; }

/*
 * As listas do tema (bootstrap-select, `.aiz-selectpicker`) com a mesma seta
 * no mesmo sítio que as nativas: 14px da borda, centrada na vertical, e 36px
 * reservados para o texto não passar por baixo dela. Antes a seta seguia o
 * texto e ficava a uma distância diferente em cada campo.
 */
.bootstrap-select > .dropdown-toggle { position: relative; padding-right: 36px !important; }
.bootstrap-select > .dropdown-toggle::after {
    position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    margin: 0 !important; color: #5C5E6B;
}
.bootstrap-select > .dropdown-toggle .filter-option-inner-inner { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bootstrap-select .dropdown-menu { max-width: min(480px, calc(100vw - 32px)); }
.bootstrap-select .dropdown-menu .dropdown-item .text { white-space: normal; }