/* CSS Styles für alle Geräte (Können später durch spezifische Einstellungen überschrieben werden)

   Die Idee ist, das Hier alle vorhanden Styles auftauchen (ggf. auch ohne Inhalt)
   Diese können dann im SInne der Vererbung in den gerätespezifischen CSS Dateien überschrieben
   oder erweitert werden

/* Einheiten von allen Html Elementen standart erstellt */
/* Global Formatierungen */
/*------------------------------------------------------------------------------*/

/* 21.02.2022 dj: folgende Elemente entfernt, weil sie unnötog sind oder gestört haben
  strong, -- führte dazu, dass man nicht mehr fett machen kann
  em,     -- sollte sich wie strong verhalten
  s,      -- wie strong
  del,
  ins,
  small,
  sub,
  sup,
  pre,    -- Wird nur zum Debugen verwendet und sollte keine Rolle spielen
  -- die folgenden Elemenet werden nicht verwendet
  kbd,
  abbr,
  cite,
  code,
  samp,
  dfn,
  q,
  var,
  acronym,
  address,
  dl,
  dt,
  dd,
  big,  -- veraltet
  strike,
  tt,
*/


html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
a,
font,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  background: #fff;

}

body,
button,
input,
select,
textarea {
  color: #333;
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5em;
  font-size: 15px;
}


/* List elemente */
ol,
ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 1.5em;
  list-style: disc;
}

/* Standart Link */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Formatierung von HTML5 Elementen */
/* Kopfzeilen der Anwendung */
header {
}

/* Fusszeilen der Anwendung */
footer {
}

/* Navigationsbereich der Anwendug */
nav {
}

/* Aufklappbereiche der Anwendung */
summary {
  cursor: pointer;
  font-size: 110%;
  margin-bottom: 10px;
  /* float:left; */
}

/*Formatierung von From Elementen */
/* Button */
button {
  padding: 8px 20px;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  border-top: solid 1px #d2d2d2;
  border-bottom: solid 1px #9f9f9f;
  background: #ffffff;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #dfdfdf),
    color-stop(1, #ffffff)
  );
  background: -ms-linear-gradient(bottom, #dfdfdf, #ffffff);
  background: -moz-linear-gradient(center bottom, #dfdfdf 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #dfdfdf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 13px;
  color: #646464;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  width: auto;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}

button:hover {
  color: #333;
}

/* Kalender Ausgabe GuiCalendar */
.CalendarTable {
  width: auto;
  font-size: 14px;
  background-color: white;
  padding: 15px 15px;
  border: 1px solid black;
}

.CalendarTable th{
  border-width: 0;
}

.CalendarTable td {
  width: 3em;
  text-align: center;
}
.CalendarTable td a {
  font-weight: bolder;
  text-decoration: underline;
}
 /* Feiertage im Kalender */
.Holiday {
  color: red;
}

/* Wocheenden im Kalender */
.Weekend {
  color: blue;
}

/* Tages ausserhalb des aktzuellen Monats im Kalender */
.OtherMonth {
  color: darkgray;
}

/* Darstellung der Wochen Nummer */
.WeekNo {
  border-right-width: 1px;
  border-right-style: solid;
  text-align: right;
}

/* Darstellung der Wochentage */
.WeekDay {
  border-bottom-style: solid;
  border-bottom-width: 1px !important;
}

/* Select, Textarea und Input Elementen */
select,
input,
textarea {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  border: 1px solid #c3c3c3;
  border-radius: 3px;
  padding: 4px 6px;
  margin-bottom: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

input[type="checkbox"],
input[type="radio"] {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 18px;
  width: 18px;
  padding: 0;

  /* in IE8/9 */
}

textarea {
  /* in IE6/7/8/9 */
  overflow: auto;
  vertical-align: top;
}

/* Formatierung von Tabelle Elementen */
table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 0 1.5em 0;
  width: 100%;
}

caption,
td {
  font-weight: normal;
}

/* versteckt das Element caption in der Tabelle*/
table > caption{
  visibility: hidden;
}
/* enthält den Titel mit der Anzahl der gefundenen Elemente.*/
.tableTitle{
  font-size: initial;
  font-weight: bolder;
  text-align: center;
}

th {
  font-weight: bold;
}

/* Wenn die Bildschirmgröße mindestens 400px breit ist, setzen Sie die zoom 95% | kann das Table (.Resultable) besser dargestellt werden, ohne dass es überläuft. */
@media screen and (min-width: 400px) {
  body {
    zoom: 95%;
  }
}

/* Statistikzeile in Tabellen */
.tablestatfooter {
  border-top-width: thick;
}

/* Auswahl Elemenet für eine zeile in der Tabelle */
.RowSelectBox {
}

/* Framework Elemente */
/* Hauptbereich der Anwndung */
/*------------------------------------------------------------------------------*/
.main {
  /*margin: auto;
  width: 950px;
  align-content: center;*/
  /*-moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;*/
}
.main .container {
  padding: 0 40px;
}

/* Datenbereich der Anwendung  */
.data {
  /*float: left;*/
  overflow-x: auto; /* Mache die table responsive*/
}

.data .form_div {
  float: left;
  width: auto;
  text-align: center;
}

/* Rahmen vom Login Form */
.data .form_login {
  width: 350px;
  margin: auto;
}

#Messages {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

/* Ausgabe von Bestätigungsmeldungen */
.commit {
  clear: both;
  background-color: lightgreen;
  border-color: darkgreen;
  border-style: solid;
  border-width: 1px;
  color: darkgreen;
  padding: 2px;
}

/* Ausgabe von Fehlermeldungen */
.error {
  clear: both;
  background-color: lightpink;
  border-color: darkred;
  border-style: solid;
  border-width: 1px;
  color: darkred;
  padding: 2px;
}

/* Tabelle mit Eingabe Feldern */
.InputTable {
  margin: 1.5em;
  width: auto;
}

.InputTable td label {
  padding-right: 15px;
}

/* Normales Eingabefeld */
.InputNormal {
}

/* Pflichteingabefeld */
.InputRequiered {
  /* background-color: bisque; */
  background: #fff url(../../application/view/img/required-icon.png?s=5516373ccd394ec01e1d9fae564730fd2aa13312) no-repeat 95% center;
  border-color: red;
  background-color: white;
}

.InputRequiered:valid{
  /* border-color: #4CAF50; */
  background: #fff url(../../application/view/img/approval-green.png?s=d7ee6ed0d03e158a7b73fc622db591ad409b9607) no-repeat 95% center;
  box-shadow: 0 0 5px #5cd053;
  border-color: #28921f;
}

/* Hinweisbereich in Formularen */
.FormHints {
  font-size: small;
}

/* Button ohne Formluar Funktion */
.Button {
}

/* Button zum Absenden des Forms */
.ButtonSubmit {
}

/* Buton zum Reset des Forms */
.ButtonReset {
}

/* Label für Eingabeelemente */
.Label {
}

/* Formatierung des kleinen * für Pflichtfelder ()wird vom Framework als <super> Tag erstellt */
.RequiredMarker {
  display: none; /* Marker fuer Pflichtfelder ist aktuell nicht gewünscht (08.09.2021 dj) */
  color: lightcoral;
  vertical-align: super;
  font-size: 80%;
}

/* Einstellungen für eine Tabelle mit Ausgaben */
.ResultTable {
  /*border-collapse: collapse;*/

}

.ResultTable td,
th {
  border-style: solid;
  border-width: 1px;
}

.ResultTable a {
  text-decoration: none;
  color: black;


}

.ResultTable a:hover {
  text-decoration: underline;
}


/* Design der Paginierung*/

#PaginatePosition{
  text-align: center;
}
#Tablepaginate{
  list-style-type: none;
  display: inline-block;
}
#Tablepaginate a:link, #Tablepaginate a:visited, #Tablepaginate a:hover, #Tablepaginate a:active{
  text-decoration: none;
}

#Tablepaginate div{
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  font-weight: bolder;
  font-size: 1rem;

}

#Tablepaginate .CurrentLink{
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}

#Tablepaginate div:hover:not(.CurrentLink){
  background-color: #ddd;
  border-radius: 5px;
}

/* ------- End ------ Design der Paginierung*/

/* -------- Start----- Online Hilfe --- */

.headerTitle, .HelpLinkCss{
  /* float: left; */
}
.HelpLinkCss{
  margin-left: 10px;
}

/* -------- End ------------------------*/

/* Spalte mit Command Links in den Ausgabetabellen (um diese beim Ausdruck zu deaktivieren) */
.CommandCol {
  text-align: center;
}

/* Spalte mit Daten */
.DataCol {
}

/** Show Hinweis*/
.infos{
  clear: both;
  background-color: ivory;
  border-color: lightgray;
  border-style: solid;
  border-width: 1px;
  color: black;
  padding: 2px;
}

/* Element zur Auswahl von einzelne (anzuzeigenden) Spalten */
.ColSelector {
  display: none;
  background-color: darkblue;
  color: lightcyan;
  position: absolute;
  /* right:40px */
}

.ColSelector li {
  list-style: none;
  font-size: initial;
  text-align: left;
}

/* Debug Ausgaben */
.DebugInfo {
  background-color: lightpink;
  font-size: small;
}

.DebugTodo {
  background-color: orange;
  border-color: black;
  border-width: 2px;
  border-style: dashed;
}

.DebugError {
  background-color: red;
  border-color: black;
  border-width: 2px;
  color: black;
}

.VersionInfo {
  font-size: 12px;
  vertical-align: bottom;
  text-align: right;
}