/* ------ Global.css CM 09.09.2009  ------ */
body
{
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, div, ul, li, a, table, td, input, textarea
{
  font-family: Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
}

h1, h2, h3, h4, h5, h6, p, table, td
{
  margin: 0px;
  padding: 0px;
}


h1
{
  color: #1B1D52;
}


h2
{
  color: #1B1D52;
}

h3
{
  color: #1B1D52;
}

img
{
  border: 0px;
}

a
{
  color: #1B1D52;
}

a:link
{
  color: #1B1D52;
  text-decoration: underline;
}

a:hover
{
  color: #1B1D52;
  text-decoration: none;
}

a:active
{
}

a:visited
{
}


div#Loading
{
  position: absolute;
  right: 15px;
  top: 22px;
  display: none;
}

div#Wrapper
{
  width: 790px;
  margin-left: auto;
  margin-right: auto;
}

div#Header
{
  margin-top: 20px;
  margin-bottom: 30px;
  position: relative;
}

div#Header div#Logo
{
  float: left;
  width: 200px;
}

div#Header div#LoginInfos
{
  text-align: right;
  font-size: 11px;
  color: #7A9DAD;
}

div#Header div#LoginActiveInfo
{
   font-size: 11px;
  color: #1B1D52;
  position: absolute;
  top: 20px;
  left: 300px;
  
}

div#Header div#LoginActiveInfo div.pnlLoginActiveInfo
{
  border: 1px solid #7A9DAD;
  border-left: 2px solid #7A9DAD;
  border-bottom: 2px solid #7A9DAD;
  padding: 5px;
  width: 170px;
  text-align: center;
}




div.Navigation
{
  margin-top: 20px;
  margin-bottom: 1px;
  font-size: 12px;
  color: #7A9DAD;
}

div#Copyright
{
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
}

div#Copyright a
{
  font-size: 11px;
  color: #7A9DAD;
  text-decoration: none;
}

div#Copyright a:link
{
  color: #7A9DAD;
  text-decoration: none;
}

div#Copyright a:hover
{
  color: #7A9DAD;
  text-decoration: underline;
}

div#Copyright a:active
{
}

div#Copyright a:visited
{
}

/* Inhalt */
div#Content
{
  border: 1px solid #7A9DAD;
  min-height: 100px;
  padding: 15px;
  padding-top: 20px;
  position: relative;
}

div#Content h1
{
  font-size: 16px;
  margin-bottom: 20px;
}

div#Content h2
{
  font-size: 14px;
  margin-bottom: 10px;
}

div#Content h3
{
  font-size: 13px;
  margin-bottom: 10px;
}

div#Content h4
{
  font-size: 12px;
}


/* Kasten Mitte*/

div#WrapperKastenMitte
{
  margin-left: auto;
  margin-right: auto;
  width: 415px;
  margin-top: 10%;
}

div#AbstandKastenMitte
{
  padding: 10px;
}

div#ContentKastenMitte
{
}

div#ContentKastenMitte h1
{
  font-size: 16px;
  margin-bottom: 10px;
}

div#ContentKastenMitte p
{
  font-size: 12px;
}

div.LinkFooter
{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #DFE4E7;
  margin-top: 10px;
  padding-top: 5px;
}


/*InfoBoxen*/
div.InfoBoxOben
{
}

div.InfoBoxOben h2
{
  margin-bottom: 0px !important;
}

div.InfoBoxOben ul
{
  font-size: 11px;
  list-style-type: square;
  margin-top: 0px;
}


div.InfoBoxOben ul li
{
  font-size: 11px;
}

div.InfoBoxOben a
{
  font-size: 11px;
}

/*InfoBoxen Abstand gross*/
div.InfoBoxObenAbstandGross
{
}

div.InfoBoxObenAbstandGross h2
{
  margin-bottom: 0px !important;
}

div.InfoBoxOben ul
{
  font-size: 11px;
  list-style-type: square;
  margin-top: 0px;
}


div.InfoBoxObenAbstandGross ul li
{
  padding-bottom: 2px;
  padding-top: 2px;
  font-size: 11px;
}

div.InfoBoxObenAbstandGross a
{
  font-size: 11px;
}

/*Listen*/
div.Liste
{
}

div.Liste h2
{
  margin-bottom: 0px !important;
}

div.Liste ul
{
  font-size: 12px;
  list-style-type: square;
  margin-top: 0px;
}


div.Liste ul li
{
  font-size: 12px;
}

div.Liste a
{
  font-size: 12px;
}

/*Listen ohne Bullets*/
div.ListeOhneBullets
{
}

div.ListeOhneBullets h2
{
  margin-bottom: 0px !important;
}

div.ListeOhneBullets ul
{
  font-size: 12px;
  list-style-type: none;
  margin-top: 0px;
  margin-left: 15px;
  padding-left: 0px;
}


div.ListeOhneBullets ul li
{
  font-size: 12px;
}

div.ListeOhneBullets a
{
  font-size: 12px;
}

/*Listen ohne Bullets Abstand Gross*/
div.ListeOhneBulletsAbstandGross
{
}

div.ListeOhneBulletsAbstandGross h2
{
  margin-bottom: 0px !important;
}

div.ListeOhneBulletsAbstandGross ul
{
  font-size: 12px;
  list-style-type: none;
  margin-top: 10px;
  margin-left: 15px;
  padding-left: 0px;
}


div.ListeOhneBulletsAbstandGross ul li
{
  font-size: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.ListeOhneBulletsAbstandGross a
{
  font-size: 12px;
}






/* Sonstiges */
div.clear
{
  clear: both;
}

div.FehlerMelden
{
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

div.FehlerMelden a
{
}

div.SpeicherStatus
{
  font-size: 12px;
  border: 1px solid red;
  margin-top: 15px;
  color: Red;
  padding: 3px;
  background-image: url(../images/Lib/Warnung.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding-left: 25px;
}

div.SpeicherStatusJS
{
  font-size: 12px;
  border: 2px solid red;
  margin-top: 15px;
  color: Red;
  padding: 5px;
  background-image: url(../images/Lib/Warnung.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding-left: 25px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #FEFEB7;
  text-decoration: blink;
  font-weight: bold;
  font-size: 13px;
  padding-top: 4px;
}

div.SpeicherStatus a, div.SpeicherStatusJS a
{
  color: Red;
  text-decoration: none;
}

div.SpeicherStatusErfolg
{
  font-size: 12px;
  border: 1px solid green;
  margin-top: 15px;
  color: green;
  padding: 3px;
  background-image: url(../images/Lib/mitok.gif);
  background-repeat: no-repeat;
  background-position: 5px 3px;
  padding-left: 25px;
}

div.SpeicherStatusErfolg a
{
  color: green;
}


.TextKlein
{
  font-size: 11px;
}


.TextGanzKlein
{
  font-size: 10px !important;
}


/*Tooltips*/

div.Tooltip
{
  position: absolute;
  z-index: 100;
  display: none;
}

div.TooltipContent
{
  background-color: #F3F3F3;
  font-size: 12px;
  border: 1px solid #7A9DAD;
  margin-top: 4px;
  padding: 4px;
  font-size: 11px;
}

div.TooltipPfeil
{
  z-index: 200;
  position: absolute;
  top: 0px;
  left: 6px;
}


div#btnKalender
{
  position: absolute;
  top: 40px;
  right: -30px;
  width: 150px;
}

div#btnKalender div.ButtonKalender
{
  text-align: left;
  margin: 4px;
  padding: 0px;
  padding-left: 4px;
}

div#btnKalender a
{
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../images/lib/btnkalender.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}



.ListeUrlaub
{
  color: red;
}

td.WorkTimeEditDelete
{
  width: 40px;
  text-align: center;
}
td.WorkTimeEditDelete img
{
  margin-right: 2px;
  margin-left: 2px;
}

div.ArbeitszeitHistory
{
  margin-bottom: 10px;
}

div.ArbeitszeitHistory table
{
  width: 100%;
}

div.ArbeitszeitHistory table td
{
  font-size: 11px;
  padding: 4px;
}

div.ArbeitszeitHistory table th
{
  font-size: 11px;
  padding: 4px;
  text-align: left;
  background-color: #dfe4e7;
}

div.ArbeitszeitHistory table th.Aktion
{
  
  text-align: center;
}



a.PWVerg
{
  font-size: 11px;
}


div.pnlFrage
{
  background-image: url(../images/Lib/Fragezeichen.gif);
  background-position: 3px top;
  background-repeat: no-repeat;
  padding-left: 30px;
}

table.tblBreakTimeInfo
{
  border-collapse: collapse;
  margin-top: 5px !important;
}

table.tblBreakTimeInfo th
{
  font-size: 10px !important;
  text-align: left;
  color: #557E91;
  border: 1px solid #DFE4E7;
  padding: 3px;
}

table.tblBreakTimeInfo td
{
  font-size: 10px !important;
  color: #557E91 !important;
  border: 1px solid #DFE4E7;
}

div.divBreadTimeInfoHint
{
  margin-top: 5px;
  color: #557E91;
  font-size: 11px;
}

div.HintWarning
{
   font-size: 12px;
  border: 1px solid red;
  margin-top: 15px;
  color: Red;
  padding: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #FEFEB7;
  font-size: 13px;
  margin-left: 2px;
  margin-right: 2px;
}

div.pnlMandatorInfoText {
    font-size: 12px;
    border: 1px solid red;
    margin-top: 15px;
    color: Red;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #FEFEB7;
    font-size: 13px;
    margin-left: 2px;
    margin-right: 2px;
}

div.pnlMandatorInfoText p{
    margin-bottom: 5px;
}




/* ----------- Dropzone ---------- */
.dropzone { padding: 1rem; padding-top: 2.5rem; padding-bottom: 2rem; text-align: center; font-size: 1.2rem; font-weight: 300; cursor: pointer; margin-top: 1rem; border: 1px solid #999999; transition: 0.5s;}
.dropzone.dropzone-container b {font-weight: 600;}
.dropzone.dropzone-container:hover {border-color: #fe6500; color: #fe6500;}

.dropzone.dropzone-container { display: flex; flex-direction: row; flex-wrap: wrap; }
.dropzone.dropzone-container .dz-message { flex-basis: 100%; margin-bottom: 10px; }
.dropzone.dropzone-container .dz-preview { flex-basis: 10rem; width: 10rem; border: 1px solid #e7eaec; margin: 10px; padding: 10px; background-color: #ffffff; font-size: 1rem; position: relative; line-height: normal; }
.dropzone.dropzone-container .dz-preview .dz-details { display: block; position: relative; top: auto; left: auto; opacity: 1; padding: 0; }
.dropzone.dropzone-container .dz-preview .dz-details img { max-width: 100%; width: 100%; margin-bottom: 5px; }
.dropzone.dropzone-container .dz-preview .dz-size { font-size: 0.7rem; margin-bottom: 5px;}
.dropzone.dropzone-container .dz-preview .dz-details .dz-filename,
.dropzone.dropzone-container .dz-preview .dz-details .dz-size { border: none; padding: 0; background-color: transparent; font-size: 0.8rem;}
.dropzone.dropzone-container .dz-preview .dz-details .dz-filename:hover span {border: none; padding: 0;}

.dropzone.dropzone-container .dz-preview .dz-success-mark { background-color: #ffffff; position: absolute; left: auto; right: -15px; top: 10px; border-radius: 50%; padding: 5px; border: 1px solid #002851; color: #002851; font-size: 1rem; width: 35px; height: 35px;}
.dropzone.dropzone-container .dz-preview .dz-error-mark { background-color: #ffffff; position: absolute; left: auto; right: -15px; top: 10px; border-radius: 50%; padding: 5px; border: 1px solid #fe6500; color: #fe6500; font-size: 1rem; width: 35px; height: 35px;}
.dropzone.dropzone-container .dz-preview .dz-error-message { line-height: normal; color: #ffffff; font-size: 0.7rem; left: 10px; right: 10px; width: auto; margin-top: 40px; }
.dropzone.dropzone-container .dz-preview .dz-error { border-color: #fe6500; color: #ffffff; }
.dropzone.dropzone-container .dz-preview.dz-success div.dz-error-mark,
.dropzone.dropzone-container .dz-preview.dz-error div.dz-success-mark { display: none;}
.dropzone.dropzone-container .dz-preview .dz-success-mark span,
.dropzone.dropzone-container .dz-preview .dz-error-mark span { padding-top: 3px; display: block;}


.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge.badge-primary { background-color: #fe6500; }
.badge.badge-secondary { background-color: #002851; }