﻿.flex-container-gremien
{
  display:flex;
  flex-direction:row;
  justify-content:center;
  flex-wrap:wrap;
}

  .flex-container-gremien .flex-item
  {
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: baseline;
    padding: 0;
    margin:1% 0;
  }

  .flex-container-gremien .flex-item .flex1
  {
    flex: 1;
    max-width: 20%;
  }

  .flex-container-gremien .flex-item .flex2
  {
    flex: 2;
    max-width:50%;
  }

.inputfile
{
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

  .inputfile + label
  {
    background: #00b3dc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    padding: 4px 18px;
    color: white;
    margin: 0;
  }

    /*.inputfile:focus + label,*/
    .inputfile + label:hover
    {
      background-color: rgb(0,68,148);
    }

.flex-container.sitzung, .flex-container.sitzungen
{
  background-color: white;
  border: 1px solid lightgray;
  display: flex;
  margin: 1% 0;
  border-radius: 10px;
}

.fetterText {
  font-weight: bold;
}

.grünerFetterText {
  color: #adc813;
  font-weight: bold;
}

.türkiserText
{
  color: #adc813;
}

.flex-container.sitzungen .flex-item
{
  width: 100%;
  height: auto;
  align-items: center;
  justify-content:space-between;
}

  .flex-container.sitzung .flex-item
  {
    width: 100%;
    height: auto;
    align-items: center;
  }

.flex-container.sitzungen .flex-item .flex2
{
  width: 100%;
}

.flex-container.sitzungen .flex-item .flex1
{
  flex: 1
}

  .flex-container.sitzung, .flex-container.sitzungen .btn.buttonGrundform
  {
    margin: 1% 2%;
    padding: 1%;
  }

      .flex-container.sitzung .flex-item.contentRechts{
        justify-content:flex-end;
      }
      .flex-container.sitzung .flex-item .flex1
      {
        flex: 1;
      }
        .flex-container.sitzung .flex-item .flexversion.btn
        {
          flex: 1;
          max-width: 125px;
          padding:4px 18px;
          margin:0 15px;
        }

.flex-container.teilnehmer
{
  background-color: white;
  border: 1px solid lightgray;
  display: flex;
  margin: 1% 0;
  padding:0;
}

  .flex-container.teilnehmer .flex-item
  {
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: flex-end;
    padding:0 18px;
  }

  .flex-container.teilnehmer .flex-item .flex2
  {
    width: 100%;
  }

    .flex-container.teilnehmer .flex-item .btn
    {
      max-width:100px;
      margin:0;
      padding:0;
    }


    .flex-container.teilnehmer .flex-item .btn.assistentlöschen
    {
      max-width: 60px;
      margin: 0;
      padding: 0;
    }

     .flex-container.teilnehmer .flex-item label
    {
      margin: 0;
      padding: 8px 18px;
    }

    .flex-container.teilnehmer .flex-item .flex2.assistent
    {
      margin-left: 20px;
      border-left: 2px solid rgb(0,68,148);
    }

.nurEineVersion.hdnBtnGrundformHoch {
  color: gray;
}
  .nurEineVersion.hdnBtnGrundformHoch:hover {
    cursor: not-allowed;
    background-color: white;
  }

.registrierterTeilnehmer
{
  color: #00b3dc;
  text-align: center;
}

.vertraulichGlyphicon
{
  color: goldenrod;
}

.glyphicons.neuesDokumentGlyphicon {
  color: #adc813;

  vertical-align: top;
}

/* Tooltip text */
.sitzungTooltip
{
  position: relative;
  display: inline-block;
  z-index: 550;
  /*border-bottom: 1px dotted black;*/ /*If you want dots under the hoverable text*/
}

.sitzungsDokumentTooltiptext
{
  visibility: hidden;
  width: auto;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 5px;
  border-radius: 0px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  left: 0px;
  top:-4em;
  z-index:550;
}

.sitzungTooltip:hover .sitzungsDokumentTooltiptext
{
  visibility: visible;
  color: #000000;
  background-color: white;
  border: 1px solid #000000;
  font-family: "Frutiger 55 Roman", "Arial";
  z-index: 5000;
  transform: scale(1.0);
  font-size: small;
}

.dokumentDownloadPopover
{
  position: relative;
  cursor: pointer;
}

.dokumentDownloadPopoverText
{
  visibility: hidden;
  min-width: 300px;
  text-align: left;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  left: 10%;
  bottom: 25px;
  z-index: 1000;
  color: #000000;
  background-color: #fffffe;
  border: 1px solid #000000;
  font-family: "Frutiger 55 Roman", "Arial";
  transform: scale(1.0);
  white-space: pre-line;
  overflow-y:auto;
  max-height:300px;
}

.dokumentDownloadPopover:focus .dokumentDownloadPopoverText
{
  visibility: visible;  
}

.dokumentDownloadPopover .dokumentDownloadPopoverText::after
{
  content: "";
  position: absolute;
  top: 100%;
  left: 5%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.gremiumsartAuswahl
{
  font-size: xx-large;
  font-family: Geometr415BlkBT_I;
  display: flex;
  margin: 5% 0 0 0;
  flex-wrap: wrap;
}

.gremiumsartAuswahlGremium
{
  text-align:center;
  flex: 1;
}

.gremiumsartAuswahlGremium:hover
{
  border-bottom: 1px solid gray;
  flex: 1;
}

.gremiumsartAuswahl a img
{
  width:auto;
  max-width:300px;
  height:auto;
  margin-left:10px;
}

#dokumentErstellen .flex-item
{
  width: 100%;
  height: auto;
  align-items: center;
  justify-content: flex-start;
}

.vertraulischesDokumentCheckStyle
{
  padding:0;
}

#paddingVertraulichCheck
{
  padding:4px 18px;
  max-width:150px;
  margin:0;
  height:100%;
}

.rowX{
  align-items:center;
  justify-content:center;
}

#dokumentErstellenButton
{
  padding: 4px 18px;
  margin:0;
}

.flex-container.dokumentBearbeiten .flex-item
{
  width:80%;
  justify-content:flex-start;
  align-items:center;
}

.flex-container.dokumentBearbeiten .flex-item .flex1
{
  flex:1;
  max-width:50%;
  padding:4px 18px;
}

  .flex-container.dokumentBearbeiten .flex-item .flex1rechts
  {
    flex: 1;
    max-width: 50%;
    padding: 4px 18px;
    text-align: right;
  }

#dokumentBearbeitenSpeichernButton{
  width:150px;
  margin:0;
}

.flex-container.sitzungenÜbersicht
{
  display: flex;
  flex-direction:row;
}

  .flex-container.sitzungenÜbersicht .flex-item
  {
    flex:1;
    justify-content: space-between;
    flex-wrap:wrap;
    background-color:white;
    margin:1%;
  }

    .flex-container.sitzungenÜbersicht .flex-item h2
    {
      width: 100%;
      color: rgb(0,68,148);
      margin-top:10px;
    }

    .flex-container.sitzungenÜbersicht .flex-item .sitzungFlexItem
    {
      width: 100%;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      background-color: white;
      padding: 5% 0;
      margin:0 0 0 0;
      text-align: center;
    }

    .flex-container.sitzungenÜbersicht .flex-item sitzungFlexItem .link
    {
      width: 100%;
    }

    .flex-container.sitzungenÜbersicht .flex-item sitzungFlexItem .beschreibung
    {
      flex: 1;
    }

.ÜbersichtSitzungLink
{
  cursor:pointer;
}

#neueSitzungInÜbersicht
{
  width:100%;
  text-align:center;
}

#neueSitzungInÜbersicht a, #neueSitzungInÜbersicht input
{
  margin:0;
  padding:8px 18px;
}

.kleinerLinkInUeberschrift
{
  font-size: small;
  color: #00b3dc;
}

  .kleinerLinkInUeberschrift:hover
  {
    color: rgb(0,68,148)
  }


.modal-dialog
{
  top: 15vh;
}