/*
 * TODO-strenkel-30.04.13 Allgemeines css fuer Eingabe-Spalten (Label mit Eingabefeld) sollte ausgelagert werden.
 */

/* Computer-Desktop: 768px+ */
@media only screen and (min-width: 768px) {
  .ui-dialog .ui-dialog-titlebar.ui-widget-header {
    height: 18px;
  }

  .dialog-content .dialog-label-column {
    text-align: right;
  }

  /* --------- Besamung Dialog. --------- */
  .besamungDialog {
    width: 830px !important;
    height: 780px !important;
  }

  .besamung-scrollpanel {
    width: 800px;
    height: 680px;
  }

  /* --------- Klauenschnitt-Dialog. --------- */
  .klauenschnittDialog {
    width: 830px !important;
    height: 780px !important;
  }

  .klauenschnitt-scrollpanel {
    width: 800px;
    height: 680px;
  }

  /* --------- Gesundanalyse-Feedback-Dialog --------- */
  .gesundanalyseFeedbackTextarea {
    height: 270px;
  }

  /* --------- Gesundanalyse-Zielwerte-Dialog --------- */
  .gesundanalyseZielwerteDialog .ui-widget-content {
    background: #e6f4f5;
  }

  .gesundanalyseZielwerteDialog .ui-widget-content label {
    font-weight: bold;
  }

  /* --------- Totgeburt-, Behandlung-, NeuesTier-Dialog --------- */
  .erfassung-dlg-middle {
    width: 600px !important;
    height: 480px !important;
  }

  .erfassung-dlg-middle-scrollpanel {
    width: 570px;
    height: 380px;
  }

  .erfassung-dlg-large {
    width: 600px !important;
    height: 560px !important;
  }

  .erfassung-dlg-large-scrollpanel {
    width: 570px;
    height: 460px;
  }

  .erfassung-dlg-hc24 {
    width: 600px !important;
    height: 650px !important;
  }

  .erfassung-dlg-hc24-scrollpanel {
    width: 570px;
    height: 550px;
  }

  /* --------- Brunst-, Traechtigkeit-, Trockenstellen-, Notiz-Dialog --------- */
  .erfassung-dlg-small {
    width: 600px !important;
    height: 250px !important;
  }

  .erfassung-dlg-small-scrollpanel {
    width: 570px;
    height: 150px;
  }

  .marketing-dlg {
    width: 100% !important;
    height: 100% !important;
  }

  /* Horizontale Zentrierung fuer den Dialog-Inhalt. */
  .dialog-content {
    margin: 0 auto;
  }
}

/* Tablets: 641px bis 767px */
@media only screen and (min-width: 641px) and (max-width: 767px) {
  .ui-dialog .ui-dialog-titlebar.ui-widget-header {
    height: 18px;
  }

  .dialog-content .dialog-label-column {
    text-align: right;
  }

  .dialog-header-title {
    float: left;
  }

  .dialog-header-tierdaten {
    float: left;
    padding-left: 4px;
  }

  /* --------- Besamung Dialog. --------- */
  .besamungDialog {
    width: 600px !important;
    height: 550px !important;
  }

  .besamung-scrollpanel {
    width: 570px;
    height: 450px;
  }

  /* --------- Klauenschnitt-Dialog. --------- */
  .klauenschnittDialog {
    width: 600px !important;
    height: 550px !important;
  }

  .klauenschnitt-scrollpanel {
    width: 570px;
    height: 450px;
  }

  /* --------- Totgeburt-, Behandlung-, NeuesTier-Dialog --------- */
  .erfassung-dlg-middle {
    width: 600px !important;
    height: 390px !important;
  }

  .erfassung-dlg-middle-scrollpanel {
    width: 570px;
    height: 290px;
  }

  /* --------- Brunst-, Traechtigkeit-, Trockenstellen-, Notiz-Dialog --------- */
  .erfassung-dlg-small {
    width: 600px !important;
    height: 250px !important;
  }

  .erfassung-dlg-small-scrollpanel {
    width: 570px;
    height: 150px;
  }

  /* Horizontale Zentrierung fuer den Dialog-Inhalt. */
  .dialog-content {
    margin: 0 auto;
  }
}

/* Smartphones: 0px bis 640px */
@media only screen and (min-width: 0px) and (max-width: 640px) {
  .ui-dialog .ui-dialog-titlebar.ui-widget-header {
    height: 36px;
  }

  .dialog-content .dialog-label-column {
    text-align: left;
  }

  .dialog-header-title {
    float: left;
  }

  .dialog-header-tierdaten {
    float: left;
    padding-top: 10px;
    width: 100%;
  }

  /* --------- Besamung Dialog.--------- */
  .besamungDialog {
    width: 360px !important;
    height: 550px !important;
  }

  .besamung-scrollpanel {
    width: 300px;
    height: 430px;
  }

  /* --------- Klauenschnitt-Dialog. --------- */
  .klauenschnittDialog {
    width: 360px !important;
    height: 550px !important;
  }

  .klauenschnitt-scrollpanel {
    width: 300px;
    height: 430px;
  }

  /* --------- Totgeburt-, Behandlung-, NeuesTier-Dialog --------- */
  .erfassung-dlg-middle {
    width: 360px !important;
    height: 550px !important;
  }

  .erfassung-dlg-middle-scrollpanel {
    width: 300px;
    height: 430px;
  }

  /* --------- Brunst-, Traechtigkeit-, Trockenstellen-, Notiz-Dialog --------- */
  .erfassung-dlg-small {
    width: 360px !important;
    height: 350px !important;
  }

  .erfassung-dlg-small-scrollpanel {
    width: 300px;
    height: 230px;
  }
}

/* Mit "margin-left/-right" wird der Dialog-Footer an die Dialog-Weite angepasst,
   sonst ist der zentriert in der Mitte und hat einen Freiraum nach aussen.  */
.controls {
  height: 40px;
  background: #c7e6e9;
  text-align: right;
  margin-top: 9px;
  margin-left: -11px;
  margin-right: -11px;
}

.media {
  width: 100%;
  height: 83vh;
}

/* Wir haben leider zwei Realisierungen des Footers bei Dialogen. Einmal mit explizietem Footer, einmal ohne.
   Liegt der expliziete Footer vor (z.B. nebenuserDialog.xhtml), dann muss der Margin zurueckgesetzt werden.
   Ansonsten ist der Footer nicht vertical zentriert ausgerichtet. */
.ui-dialog-footer .controls {
  margin-top: 0px;
}

.dialog-message {
  margin: 0px 10px;
}

/* Stoerendes Default-Padding bei Tabellen zurueckgesetzt. */
/* Ohne Zuruecksetzung betraegt die minimale (Dialog-) Zeilenhoehe 33px, mit 29px. */
.ui-dialog td {
  padding: 0;
}

/* Bei kleinen Bildschirmsaufloesungen (unter 1024x768) waren die Dialog-Buttons */
/* ausserhalb des Bildschirm. Da im PF-Standard die position auf fixed gesetzt ist, */
/* konnte auch nicht zu den Buttons geskrollt werden. Mit position=absolute ist das */
/* Skrollen jetzt moeglich. Siehe Redmine #3139. */
.ui-dialog.ui-widget {
  position: absolute;
}

.ui-dialog .ui-dialog-titlebar.ui-widget-header {
  background: #c7e6e9;
  font-size: 15px;
  font-weight: normal;
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 9px;
  color: #004046;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  background: #e6f4f5;
  padding-top: 20px;
}

.erfassung-dlg-small-scrollpanel.ui-widget-content,
.erfassung-dlg-middle-scrollpanel.ui-widget-content,
.erfassung-dlg-large-scrollpanel.ui-widget-content,
.erfassung-dlg-hc24-scrollpanel.ui-widget-content,
.besamung-scrollpanel.ui-widget-content,
.klauenschnitt-scrollpanel.ui-widget-content {
  background: #e6f4f5;
  border: none;
}

.dialog-content .ui-panelgrid-content {
  background: #e6f4f5;
  border: none;
}

.ui-dialog .ui-dialog-footer {
  height: 40px;
  background: #c7e6e9;
  padding: 0px;
}

.ui-dialog .ui-widget.ui-button.database, .ui-dialog .ui-widget.ui-button.client,
.ui-dialog .ui-widget.ui-button.weiter {
  background-color: transparent;
  border-color: transparent;
  margin: 10px 8px 0 0;
}

.dialog-label {
  font-weight: bold;
}

/* Alle Dialog-Eingabe-Felder sollen gleiche Breite haben. */
/* Unterschiedliche Widgets muessen dabei unterschiedlich angepasst werden. */

/* Breite fuer Calendar-Widget. */
.ui-dialog .calendar input {
  width: 198px;
}

/* Halbe Breite fuer Calendar-Widget (siehe Besamungs-Dialog) */
.ui-dialog .calendar.calendar-small input {
  width: 79px;
}

/* Breite fuer Select-Widget. */
.ui-dialog .ui-selectonemenu {
  width: 212px !important;
  min-width: 212px !important;
}

/* Breite fuer p:inputText */
.ui-dialog .ui-inputfield.ui-inputtext, .ui-dialog .ui-inputfield.ui-inputmask {
  width: 226px;
}

/* Spezielle Breite Bic mit Herdbuchnummer */
/* Abstand bic / Herbuchnummer */
.ui-dialog .ui-inputfield.bic {
  width: 40px;
  margin-right: 2px;
}

/* Spezielle Breite Bic mit Herdbuchnummer */
.ui-dialog .ui-inputfield.hbnr {
  width: 174px;
}

.ui-g-12.dialog-input-column {
  width: 300px;
}

.ui-g-12.dialog-label-column {
  width: 220px;
}

/* Sonderbehandlung Besamung-Dialog */
/* Feste Größe fuer die Ausgabe- bzw. Inputfelder. */
.besamungDialog .dialog-content .dialog-input-column {
  width: 400px;
}

/* Sonderbehandlung Besamung-Dialog. */
/* Beim Betaetigen der Radiobutton soll sich der Content-Bereich nicht horizontal verschieben. */
/* Dazu muss die Label-Spalte in beiden Faellen dieselbe width besitzen. */
.besamungDialog .dialog-label-column {
  width: 320px;
}

.ui-dialog .ui-message-error {
  margin-bottom: 10px;
}

/* Die width fuer die Ldwu-Bullenselectbox ist zu klein. Grund unklar. */
/* Folge ist eine Scrollbalken und unvollstaendiges Highlighting. (siehe redmine-task 16058) */
/* Mit der festen  Breite tritt das Problem zumindest fuer normal lange Bullenname nicht mehr auf. */
.ldwu-bullen-panel {
  width: 390px;
}

/* Damit der Hilfe-Link mit float:right ganz nach rechts rutscht. */
.ui-dialog-title {
  width: 100%;
}

/* Hilfe-Link soll rechts im Dialog-Titel stehen. */
.dialog-help {
  float: right;
  margin-right: 15px;
  font-size: 11px;
}

/* Pflichtfelder gruenlich. */
/* Spezialfall calendar: hier muss nicht das root-element eingefaerbt werden, sondern das */
/* darin liegende input-element. Das root-element darf nicht eingefaerbt werden. */
.required, .required .ui-inputfield {
  background-color: #f0fce2 !important;
  border-color: #68ac16 !important;
}

/* Spezialfall calendar: siehe oben */
.required.calendar {
  background-color: transparent !important;
}

.ui-panelgrid.vertical-align-top td {
  vertical-align: top;
}

.warning-message-box {
  border: 1px solid;
  border-color: #FBEED5;
  background: #FCF8E3;
  font-size: 1em;
  padding: 10px;
  color: #C09853;
  font-style: normal;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 10px 0;
}

/* Das Panel ist aufgrund eines Primefaces-Bugs (PF 5.1.1) zu klein. */
/* Wir passen es hier auf die notwenige Weite an. */
.behandlung-diagnose-gruppe-panel {
  width: 320px;
}

.zusatzdaten-rind-dialog .fleisch-info {
  margin: 0 auto;
  width: 80%;
}

.zusatzdaten-rind-dialog .dialog-content {
  margin-bottom: 2em;
}

/* --------- KZM Beihilfe Kosten  --------- */
.beihilfe-kosten-zellen {
  width: 170px !important;
  text-align: right;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

.beihilfe-kosten-zellen-daten {
  color: black;
}

.beihilfe-kosten-tooltip {
  text-align: left;
  width: 50%;
}

.beihilfe-kosten-zellen-header {
  font-weight: bold;
}

/* Klauenschnitt Lokalisation */
.klauenschnittLokalisation {
  width: 230px !important;
}

.senseSyncConfirmDlgClass .ui-dialog-content.ui-widget-content {
  overflow: hidden;

}

#dienstLeisterWechselnDialogWrapperForm .erfassung-dlg-small-scrollpanel, #dienstLeisterWechselnDialogWrapperForm .erfassung-dlg-small-scrollpanel .ui-g {
  background: url("/vitportal/jakarta.faces.resource/img/vit/header_background.png.xhtml") repeat-x fixed left top #008D9A;
}

#dienstLeisterWechselnDialogWrapperForm .erfassung-dlg-small-scrollpanel .logoBackground {
  margin-left: 5px;
}

#dienstLeisterWechselnDialogWrapperForm .erfassung-dlg-small-scrollpanel {
  display: inline-grid;
  align-content: center;
}