body {
    background-color: #F8FAFC;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #2F2F2F;
}

.container {
    max-width: 1200px;
}

/* ==========================================
   BOOTSTRAP SELECT
   ========================================== */

.bootstrap-select .dropdown-menu {
    border: 1px solid #BFDBFE;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

    /* Hover dos itens */

    .bootstrap-select .dropdown-menu li a:hover {
        background: #EFF6FF !important;
        color: #1E3A8A !important;
    }

    /* Item selecionado */

    .bootstrap-select .dropdown-menu li.selected a,
    .bootstrap-select .dropdown-menu li.active a,
    .bootstrap-select .dropdown-menu > .active > a,
    .bootstrap-select .dropdown-menu > .active > a:hover,
    .bootstrap-select .dropdown-menu > .active > a:focus {
        background: linear-gradient(90deg, #1E3A8A, #2563EB) !important;
        color: #FFFFFF !important;
    }

/* Campo de busca */

.bootstrap-select .bs-searchbox input {
    border: 1px solid #BFDBFE !important;
    border-radius: 6px;
    box-shadow: none !important;
}

    .bootstrap-select .bs-searchbox input:focus {
        border-color: #2563EB !important;
        box-shadow: 0 0 4px rgba(37,99,235,.15) !important;
    }

/* Botão do select */

.bootstrap-select > .dropdown-toggle {
    border: 1px solid #BFDBFE !important;
    background: white !important;
}

    .bootstrap-select > .dropdown-toggle:focus {
        outline: none !important;
        box-shadow: 0 0 4px rgba(37,99,235,.15) !important;
    }