/* Container für den Monatskalender */
.lv-container
{
    padding: 0px;
    padding-bottom: 70px; /*Versatz wegen Zeitkonto und Urlaub Anzeige*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Monatstabelle - Rand */
.lv-container table.lv-table,
.lv-container table.lv-table td,
.lv-container table.lv-table th
{
    border: 1px solid grey;
    border-collapse: collapse;
    min-width: 25px;
    width: 30px;
    text-align: center;    
}
/* Mindestgröße für Haupttabelle */
.lv-container table.lv-table.main-table,
.lv-container table.lv-table.header-table
{
    width: 100%;
    min-width: 1200px;
    table-layout:fixed;
}

/* Zeilen Tabellenheader */
.lv-container table.lv-table thead tr
{
    background-color: White;
    border-bottom: 2px solid black;
    height: 20px;
}

/* Zeilen Summenfooter */
.lv-container table.lv-table tfoot tr
{
    background-color: White;
    border-bottom: 2px solid black;
    height: 20px;
}

.lv-container table.lv-table tfoot tr.lohn-row,
.lv-container table.lv-table tfoot tr.lohn-row td
{
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.lv-container table.lv-table tbody tr.lohn-row.delete
{
    display:none;
}

/* manuell eingegebene Werte kenntlich machen*/
.lv-container table.lv-table td.manual 
{
    text-decoration: underline;
}

/* Summenspalte - Rand */
.lv-container table.lv-table td:nth-child(1),
.lv-container table.lv-table td:nth-child(43)
{
    border-right: 1px solid black;
}

/* Monatszeilen (Monatstage + Monatsstunden) */
.lv-container table.lv-table tbody tr
{
    min-height: 25px;
    height: 25px;
    max-height: 25px;
    overflow-y: hidden;
}
/* Text Überlauf in <td> verhindern */
.lv-container table.lv-table tbody td
{
    overflow: hidden;
}
/* Zellenrand */
.lv-container table.lv-table tbody tr.week-days td
{
    border-top: 2px solid black;
    border-bottom: 1px solid green;
}

/* Wochenende */
.lv-container table.lv-table thead td.weekend-day
{
    font-weight: bold;
}

/* Leere Felder */
.lv-container table.lv-table  td.empty
{
    background-color: #aeddcf;
    border: 0px solid black;
}

/* Jahressumme */
.lv-container table.lv-table td.year-sum
{
    font-weight: bold;
}

/* Verplanbare Tage */
.lv-container table.lv-table td.plan-day,
.lv-container table.lv-table td.control-day
{
    cursor: pointer;
    white-space:nowrap;
}
.lv-container table.lv-table td.plan-day:hover,
.lv-container table.lv-table td.control-day:hover
{
    border: 1px dashed green;
    box-shadow: inset 0 0 2px 1px green;
    -webkit-box-shadow: inset 0 0 2px 1px green;
}

/* Farben für Kontrolltage */
/* Übereinstimmende Stunden */
.lv-container table.lv-table td.control-day.match-hours
{
    background-color: rgb(132, 252, 65);
    color: Black;
}
/* Mehr Stunden als geplant */
.lv-container table.lv-table td.control-day.more-hours
{
    background-color: rgb(255, 255, 34);
    color: Black;
}
/* Weniger Stunden als geplant */
.lv-container table.lv-table td.control-day.less-hours
{
    background-color: rgb(255, 0, 0);
    color: White;
}

/* Wochenendtage grau */
.lv-container table.lv-table td.weekend-day
{
    background-color:#dddddd;
}

/* Feiertage - an normalen Tagen und an Wochenenden markieren */
.lv-container table.lv-table td.holiday
{
    background-color:#B8C5FA;
}

/* Aktuellen Tag markieren */
.lv-container table.lv-table td.today
{
    background-color: rgb(197, 255, 209);
    text-decoration: none;
    font-weight: bold;
}
        
/* Monatsspalte */
.lv-container table.lv-table td.lkz-col,
.lv-container table.lv-table td.kst-col,
.lv-container table.lv-table td.sum-col,
.lv-container table.lv-table td.unit-col,
.lv-container table.lv-table td.btl-col,
.lv-container table.lv-table td.bst-col,
.lv-container table.lv-table td.bbr-col,
.lv-container table.lv-table td.ttk-col
{
    width:100px;
    min-width:100px;
    max-width:100px;
}

/* Marker */
.lv-container table.lv-table td div.marker,
.lv-container table.lv-table td div.update-marker
{
    background-color: rgb(0, 255, 0);
    width: 5px;
    height: 5px;
    float: left;
    border: 1px solid grey;
    margin-top: -4px;
    margin-left: -1px;
    margin-right: -7px;
    margin-bottom: -7px;
}
/* OK Marker */
.lv-container table.lv-table td.mark-green div.marker
{
    background-color: rgb(0, 255, 0);
}
/* Warnung Marker */
.lv-container table.lv-table td.mark-yellow div.marker
{
    background-color: rgb(255, 255, 0);
}
/* Fehler Marker */
.lv-container table.lv-table td.mark-red div.marker
{
    background-color: rgb(255, 0, 0);
}
/* Daten-aus-Mobilgerät Marker */
.lv-container table.lv-table td div.update-marker
{
    background-color: yellow;
    border: 1px solid red;
    float: right;
    margin-left: -8px;
    margin-right: -2px;
    margin-top: -5px;
}

/* Unterschiedliche Modi */
/* Kontrollmodus Rand Summenzeile */
.lv-container.control-mode table.lv-table tfoot tr.lohn-row
{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

/* Trennbalken zwischen Zeilen unterschiedlichen Typs*/
.lv-container table.lv-table tbody tr.divider
{
    min-height: 0px;
    height: 2px;
    max-height: 2px;
    border-bottom: 1px solid rgb(189, 189, 189);
    background-color: rgb(189, 189, 189);
}

/* control- Zeile nur im 'control-mode' anzeigen */
.lv-container table.lv-table tr.control-row
{
    display:none;
}
.lv-container.control-mode table.lv-table tr.control-row
{
    display: table-row;
}

.lv-container table.lv-table td.selected
{
    background-color: rgb(173, 255, 0);
}

.lv-container table.lv-table td.focused
{
    background-color: cyan;
}

.lv-container table.lv-table td.focused.kst-col ~ td:not(.weekend-day) {
    background-color: #FFAD33;
}
.lv-container table.lv-table td.focused.kst-col ~ td.weekend-day,
.lv-container table.lv-table td.focused.kst-col ~ td.empty {
    background-color: #FF9900;
}

/* Popup-Edit Element für Stunden/Werte */
#popupEdit div.green,
#popupEdit div.yellow,
#popupEdit div.red
{
    width:10px;
    height:10px;
    border:1px solid black;    
    display:inline-block
}

#popupEdit div.green
{
    background-color:#00ff00;
}
#popupEdit div.yellow
{
    background-color:#ffff00;
}
#popupEdit div.red
{
    background-color:#ff0000;
}

/* Monatskalender Sperren Button */
span.lock-button
{
    display:block;
    height: 20px;
    width: 70px;
    min-height:20px;
    text-align:center;
    vertical-align:middle;
}

span.lock-button:hover
{
    background-color:rgb(209, 209, 209);
}

/* Icons für gesperrt/nicht gesperrt */
span.lock-button span.lock span.icon,
span.unlocked-icon
{
    background-image:url(../../Bilder/Programm/Icon16px/icon_nsperrt.png);
    width: 16px;
    height: 16px;
    display:inline-block;
}

span.lock-button span.lock.locked span.icon,
span.locked-icon
{
    background-image:url(../../Bilder/Programm/Icon16px/icon_gesperrt.png);
    width: 16px;
    height: 16px;
    display:inline-block;
}
/* Button für Speichern des Monatskalenders */
#btnBackward.monatskalenderControl , #btnSave.monatskalenderControl , #btnForward.monatskalenderControl
{
    padding: 10opx; 
   width:26px;height:26px;
   display:inline-block;
   background-repeat:no-repeat;
   background-position:center;
}
#btnBackward.monatskalenderControl
{
	  background-image:url(../../Bilder/Programm/Icon16px/icon_backward.png);
}
#btnForward.monatskalenderControl
{
	  background-image:url(../../Bilder/Programm/Icon16px/icon_forward.png);
}
#btnSave.monatskalenderControl
{
	  background-image:url(../../Bilder/Programm/Icon16px/icon_speichern.png);
}

#btnSave.monatskalenderControl.disabled{
	  background-image:url(../../Bilder/Programm/Icon16px/icon_speichern_disabled.png);
}

#btnBackward:hover , #btnSave:hover , #btnForward:hover
{ 
     background-color:rgb(209, 209, 209);
}




/* Button für neue Lohnart einfügen */
span.add-icon
{
    background-image:url(../../Bilder/Programm/Icon16px/add.png);
    width: 16px;
    height: 16px;
    display:inline-block;
}
span.add-button
{    
    padding-top:3px;
    width: 40px;
    height: 20px;
    display:block;
    text-align:center;
    vertical-align:middle;
}
span.add-button:hover
{    
    background-color:rgb(209, 209, 209);
}

/* Info Box für Ursprungsreferenzen */
div.info-box
{
    background-color:white;
    border:1px solid black;
    padding:2px;
    display: inline-block;
    box-shadow: 0px 0px 15px #888888;
}