/*
 CPB SELECTS V1.2
 Normalização visual das listas suspensas.
 Apenas backoffice.
*/

/* Campos de seleção principais */

body.backoffice main.container select:not(
  .status,
  .dashboard-state select,
  .calendar-nav select,
  .view-switch select,
  [multiple],
  [size]
) {
  box-sizing:border-box;
  min-height:48px;
  height:48px;
  padding:10px 14px;
  font-family:inherit;
  font-size:15px;
  font-weight:500;
  line-height:1.4;
  color:#20384e;
  background-color:#fff;
  border:1px solid #cfdeea;
  border-radius:10px;
  box-shadow:none;
  vertical-align:middle;
  transition:
    border-color .18s ease,
    box-shadow .18s ease;
}

/* Foco e navegação por teclado */

body.backoffice main.container select:not(
  .status,
  [multiple],
  [size]
):focus {
  border-color:#0756a3;
  outline:0;
  box-shadow:0 0 0 3px rgba(7,86,163,.12);
}

/* Campos desativados */

body.backoffice main.container select:disabled {
  background-color:#f1f5f9;
  color:#8293a3;
  cursor:not-allowed;
}

/* Evitar campos demasiado largos em grelhas */

body.backoffice main.container select {
  max-width:100%;
}

/* Campos com classe Bootstrap */

body.backoffice main.container select.form-control,
body.backoffice main.container select.form-select {
  font-family:inherit;
  font-size:15px;
}

/* Agenda */

body.backoffice .calendar-filters select {
  width:100%;
}

/* Ordens de serviço */

body.backoffice .orders-filters select {
  width:100%;
}

/* A tratar */

body.backoffice .task-filters select {
  width:100%;
}

/* Documentos */

body.backoffice .document-filters select {
  width:100%;
}

/* Telemóveis */

@media(max-width:700px) {
  body.backoffice main.container select:not(
    .status,
    [multiple],
    [size]
  ) {
    font-size:16px;
    min-height:48px;
  }
}