﻿/* Arbeitsplantabelle - Rand */
.az-container table.az-table,
.az-container table.az-table td,
.az-container table.az-table th
{
    border: 1px solid grey;
    border-collapse: collapse;
    min-width: 25px;
    width: 30px;
    text-align: center;
}
/* Mindestgröße für Haupttabelle */
.az-container table.az-table.main-table,
.az-container table.az-table.header-table
{
    width: 100%;
    min-width: 1200px;
    table-layout:fixed;
}

/* Zeilen Tabellenheader */
.az-container table.az-table thead tr
{
    background-color: White;
    border-bottom: 2px solid black;
    height: 20px;
}

/* Zeilen Summenfooter */
.az-container table.az-table tfoot tr
{
    background-color: White;
    border-bottom: 2px solid black;
    height: 20px;
}

.az-container table.az-table tfoot tr.plan-row,
.az-container table.az-table tfoot tr.plan-row td
{
    border-top: 2px solid black;
}

/* Summenspalte - Rand */
.az-container table.az-table td:nth-child(1),
.az-container table.az-table td:nth-child(43)
{
    border-right: 1px solid black;
}

/* Monatszeilen (Monatstage + Monatsstunden) */
.az-container table.az-table tbody tr
{
    min-height: 25px;
    height: 25px;
    max-height: 25px;
    overflow-y: hidden;
}
/* Text Überlauf in <td> verhindern */
.az-container table.az-table tbody td
{
    overflow: hidden;
}
/* Zellenrand */
.az-container table.az-table tbody tr.week-days td
{
    border-top: 2px solid black;
    border-bottom: 1px solid green;
}
/* Zellenrand */
.az-container table.az-table tbody tr.plan-row td,
.az-container table.az-table tbody tr.control-row td
{
    border-bottom: 1px solid green;
}

/* Monatsspalte, Summenspalte */
.az-container table.az-table tbody tr.week-days td:nth-child(1),
.az-container table.az-table tbody tr.week-days td:nth-child(44)
{
    border-bottom-width: 0px;
}
.az-container table.az-table tbody tr.plan-row td:nth-child(1),
.az-container table.az-table tbody tr.plan-row td:nth-child(44)
{
    border-bottom-width: 0px;
    border-top-width: 0px;
}
.az-container table.az-table tbody tr.control-row td:nth-child(1)
{         
    border-top-width: 0px;
}

/* Wochenende */
.az-container table.az-table thead td.weekend-day,
.az-container table.az-table thead td.weekend-day
{
    font-weight: bold;
}

/* Leere Felder */
.az-container table.az-table  td.empty
{
    background-color: #aeddcf;
    border: 0px solid black;
}

/* Jahressumme */
.az-container table.az-table td.year-sum
{
    font-weight: bold;
}

/* Verplanbare Tage */
.az-container table.az-table td.plan-day,
.az-container table.az-table td.control-day
{
    cursor: pointer;
    white-space:nowrap;
}
.az-container table.az-table td.plan-day:hover,
.az-container table.az-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 */
.az-container table.az-table td.control-day.match-hours
{
    background-color: rgb(132, 252, 65);
    color: Black;
}
/* Mehr Stunden als geplant */
.az-container table.az-table td.control-day.more-hours
{
    /*
        background-color: rgb(255, 255, 34);
        color: Black;
    */
    background-color: rgb(255, 0, 0);
    color: White;
}
/* Weniger Stunden als geplant */
.az-container table.az-table td.control-day.less-hours
{
    /*
        background-color: rgb(255, 0, 0);
        color: White;
    */
    background-color: rgb(255, 255, 34);
    color: Black;
}

/* Wochenendtage grau */
.az-container table.az-table td.weekend-day
{
    background-color:#dddddd;
}

/* Feiertage - an normalen Tagen und an Wochenenden markieren */
.az-container table.az-table tr.plan-row td.holiday,
.az-container table.az-table td.weekend-day.holiday
{
    background-color:#B8C5FA;
}
        
/* Monatsspalte */
.az-container table.az-table td.month-col,
.az-container table.az-table td.sum-col
{
    width:80px;
    min-width:80px;
    max-width:80px;
}

/* Übertragsfeld (Carry)*/
.az-container table.az-table td.carry
{
    color: Red;
    font-weight:bold;
}

/* Unterschiedliche Modi */
/* Kontrollmodus Rand Summenzeile */
.az-container.control-mode table.az-table tfoot tr.plan-row
{
    border-bottom: 1px solid black;
}
/* control- Zeile nur im 'control-mode' anzeigen */
.az-container table.az-table tr.control-row
{
    display:none;
}
.az-container.control-mode table.az-table tr.control-row
{
    display: table-row;
}


        
/*!
*   Arbeitszeiten (timeblocks)
*   Zeitblöcke-Tool für Arbeitszeitkalender
*/
table.timeblock-picker, table.timeblock-picker td
{
    border-collapse: collapse;
    min-width: 25px;
    text-align: center;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    border-left: 1px dashed grey;
    border-right: 1px dashed grey;
}

/* Color Zelle */
table.timeblock-picker thead td.color,
table.timeblock-picker tbody td.block-color
{
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

/* Selector Zelle */
table.timeblock-picker td.selector-col
{
    border-right: 1px solid grey;
}

/* Footer, Löschen Icon und Check-Select im 'view' Modus ausblenden */
table.timeblock-picker.view-mode tfoot,
table.timeblock-picker.view-mode tbody td img.remove,
table.timeblock-picker.view-mode tbody td input.selector
{
    display:none;
}

/* Übernehmen Button im 'select' Modus ausblenden */
table.timeblock-picker.select-mode tfoot input#accept
{    
    display:none;
}

/* Löschen Icon und Check-Select im 'edit' Modus ausblenden */
table.timeblock-picker.edit-mode tfoot input#edit,
table.timeblock-picker.edit-mode tbody td input.selector
{    
    display:none;
}

/* Rand Tabellenheader, Farben */
table.timeblock-picker thead tr, table.timeblock-picker td:nth-child(1)
{
    font-weight: bold;
    border-bottom: 1px solid black;
    padding: 4px;
}

table.timeblock-picker td:nth-child(1)
{
    border-left: 1px solid black;
    border-right: 1px solid black;
}
        
table.timeblock-picker td:first-child
{
    width: 50px;
}
        
/* hover */
table.timeblock-picker tbody tr:hover
{
    background-color: #a5ddce;
}


/*!
*   Controlzeiten
*   Auslistung der erfassten Stunden
*/
table.control-times,
table.control-times td
{
    border-collapse: collapse;
    min-width: 25px;
    text-align: center;
    border-bottom: 1px dashed black;
    border-top: 1px dashed black;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    padding-left:2px;
    padding-right:2px;
    margin-top: 2px;
    margin-bottom: 2px;
}

/* Kopfzeile */
table.control-times thead,
table.control-times tfoot
{
    font-weight: bold;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

/* hover */
table.control-times tbody tr:hover
{
    background-color: #a5ddce;
}