/*
  GW Automobile Essen
  Abholung – Aktionslayout V2
*/


body.gw-abholung-page .gw-abholung-status-cell,
body.gw-abholung-page .gw-abholung-contract-cell,
body.gw-abholung-page .gw-abholung-actions-cell {
  vertical-align: top !important;
}


/* =========================================================
   FAHRZEUG ABGEHOLT
========================================================= */

body.gw-abholung-page .gw-abholung-status-cell {
  min-width: 165px;
}


body.gw-abholung-page .gw-abholung-status-cell select {
  width: 100% !important;
  min-height: 40px;
  margin: 0 0 7px 0 !important;
}


body.gw-abholung-page .gw-abholung-status-cell button {
  width: 100% !important;
  min-height: 40px;
  margin: 0 !important;
  padding: 8px 12px !important;
}


/* =========================================================
   ANKAUFVERTRAG
========================================================= */

body.gw-abholung-page .gw-abholung-contract-cell {
  min-width: 225px;
}


body.gw-abholung-page .gw-abholung-contract-cell input[type="file"] {
  width: 100%;
  margin: 0 0 8px 0 !important;
  font-size: 12px;
}


body.gw-abholung-page .gw-abholung-contract-cell button,
body.gw-abholung-page .gw-abholung-contract-cell a.button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100% !important;
  min-height: 40px;

  box-sizing: border-box;

  margin: 0 0 7px 0 !important;
  padding: 8px 12px !important;

  text-align: center;
}


body.gw-abholung-page .gw-abholung-vertrag-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0 0 8px 0;
  padding: 5px 9px;

  border-radius: 7px;

  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}


body.gw-abholung-page .gw-abholung-vertrag-fehlt {
  background: #fee2e2;
  border: 1px solid #fecaca;
  color: #b91c1c;
}


body.gw-abholung-page .gw-abholung-vertrag-da {
  background: #dcfce7;
  border: 1px solid #bbf7d0;
  color: #166534;
}


/* =========================================================
   AKTIONEN
========================================================= */

body.gw-abholung-page .gw-abholung-actions-cell {
  min-width: 175px;
}


body.gw-abholung-page .gw-abholung-actions-cell a.button,
body.gw-abholung-page .gw-abholung-actions-cell button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100% !important;
  min-height: 41px;

  box-sizing: border-box;

  margin: 0 0 8px 0 !important;
  padding: 9px 12px !important;

  text-align: center;
}


/* =========================================================
   ANKAUF BEENDEN
========================================================= */

body.gw-abholung-page .gw-ankauf-beenden {
  font-weight: 900 !important;
}


body.gw-abholung-page .gw-ankauf-beenden:not(:disabled) {
  background: #15803d !important;
  border-color: #15803d !important;
  color: #ffffff !important;
}


body.gw-abholung-page .gw-ankauf-beenden:not(:disabled):hover {
  background: #166534 !important;
  border-color: #166534 !important;
}


body.gw-abholung-page .gw-ankauf-beenden:disabled {
  background: #e5e7eb !important;
  border-color: #d1d5db !important;
  color: #9ca3af !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}


/* =========================================================
   ZEILEN
========================================================= */

body.gw-abholung-page table tbody td {
  padding-top: 14px;
  padding-bottom: 14px;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

  body.gw-abholung-page .gw-abholung-status-cell {
    min-width: 150px;
  }

  body.gw-abholung-page .gw-abholung-contract-cell {
    min-width: 200px;
  }

  body.gw-abholung-page .gw-abholung-actions-cell {
    min-width: 160px;
  }

}


/* =========================================================
   GW-ABHOLUNG-KOMPAKT-V3
   - Grunddaten obenbündig
   - Abholstatus kompakter
========================================================= */


/* =========================================================
   KUNDE / FAHRZEUG / PREIS / STANDORT OBENBÜNDIG
========================================================= */

body.gw-abholung-page table tbody tr > td:nth-child(1),
body.gw-abholung-page table tbody tr > td:nth-child(2),
body.gw-abholung-page table tbody tr > td:nth-child(3),
body.gw-abholung-page table tbody tr > td:nth-child(4) {
  vertical-align: top !important;
}


/* Fahrzeugdaten ohne künstliche Zentrierung */

body.gw-abholung-page table tbody tr > td:nth-child(2) {
  padding-top: 14px !important;
}


/* =========================================================
   FAHRZEUG ABGEHOLT – KOMPAKTER
========================================================= */

body.gw-abholung-page .gw-abholung-status-cell {
  min-width: 125px !important;
  width: 125px !important;
  vertical-align: top !important;
}


body.gw-abholung-page .gw-abholung-status-cell form {
  width: 112px !important;
  margin: 0 !important;
}


body.gw-abholung-page .gw-abholung-status-cell select {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;

  min-height: 36px !important;

  margin: 0 0 6px 0 !important;
  padding: 6px 9px !important;

  font-size: 12px !important;
}


body.gw-abholung-page .gw-abholung-status-cell button {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;

  min-height: 36px !important;

  margin: 0 !important;
  padding: 7px 9px !important;

  font-size: 12px !important;
}


/* =========================================================
   RESTLICHE AKTIONSSPALTEN OBENBÜNDIG
========================================================= */

body.gw-abholung-page .gw-abholung-contract-cell,
body.gw-abholung-page .gw-abholung-actions-cell {
  vertical-align: top !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 900px) {

  body.gw-abholung-page .gw-abholung-status-cell {
    min-width: 120px !important;
    width: 120px !important;
  }

  body.gw-abholung-page .gw-abholung-status-cell form,
  body.gw-abholung-page .gw-abholung-status-cell select,
  body.gw-abholung-page .gw-abholung-status-cell button {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
  }

}