* {
        font-family: {$font_global_html};
}
body * {
        margin-left: 0;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
}
body {
        padding: 5px;
        background-color: #FFF;
        {if $add_page_margin}
        margin-left: {$page_margin_left}mm;
        margin-top: {$page_margin_top}mm;
        margin-right: {$page_margin_right}mm;
        margin-bottom: {$page_margin_bottom}mm;
        {/if}
}
p, div, span, textarea, table {
        font-size: {$font_size_global}pt;
        padding-top: 1px;
        padding-bottom: 2px;
}
table {
        border-collapse: collapse;
        margin: 1px;
        margin-bottom: 10px;
        page-break-inside: auto;
}
th, td, #footer, #header {
        padding: 2px;
        font-size: {$font_size_global}pt;
        font-family: {$font_global_html};
        border: 1px solid {$border_color_table};
}
th.lesspadding, td.lesspadding, table.lesspadding, table.lesspadding th, table.lesspadding td {
        padding: 0 2px 1px 2px;
}
td {
        vertical-align: top;
        word-wrap: break-word;
        white-space: pre-wrap; 
}
tr.even td, tr:nth-child(even) td {
        background-color: #F6F6F6;
}
th, tr.headstyle, tr.headstyle td {
        {* This has to be after tr.even td, tr:nth-child(even) td, because pd4ml otherwise fails to change the background color *}
        background-color: {$background_color_subheading};
        font-weight: bold;
}
td.floatval {
        text-align: right;
        padding-right: 1px;
}
tr.ui-widget-header td {
        background-color: #E0E0E0;
}
tr.inforedrow {
        color: #FF0000;
}
tr.infobluerow {
        color: #0000FF;
}
#footer, #header {
        text-align:center;
        margin:1mm;

        width: 95%;
        width: calc(100% - 15px);
}
{if $add_page_margin}
#header {
        margin-left: {$page_margin_left}mm;
        margin-top: {$page_margin_top}mm;
        margin-right: {$page_margin_right}mm;
}
#footer {
        margin-left: {$page_margin_left}mm;
        margin-right: {$page_margin_right}mm;
        margin-bottom: {$page_margin_bottom}mm;
}
{/if}
.wasform {
        width: 95%;
        width: -moz-calc(100% - 15px);
        width: -webkit-calc(100% - 15px);
        width: -o-calc(100% - 15px);
        width: calc(100% - 15px);
}
h1 {
        font-size: 16pt;
        padding: 5px 0px 5px 0px;
}
h2 {
        font-size: 14pt;
        padding: 3px 0px 8px 0px;
}
h3 {
        font-size: 12pt;
        padding: 3px 0px 5px 0px;
}
fieldset {
        border: 0 none;
}

span.dialog_make_btn14 {
    line-height: normal;
}
div.dialog_make_btn14 {
        display: inline-block;
        height: 13pt;
        width: 13pt;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        vertical-align: text-bottom;
        margin: 1px;
        -moz-user-select: -moz-none;
        line-height: 100px;
        overflow: hidden;
        font-size: 1px;
}
div.dialog_make_btn16 {
        display: inline-block;
        height: 15pt;
        width: 15pt;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        vertical-align: text-bottom;
        margin: 1px;
        -moz-user-select: -moz-none;
        line-height: 100px;
        overflow: hidden;
        font-size: 1px;
}
@media only screen {
    div.dialog_make_btn14.yes, div.dialog_make_btn14.is_yes_2d { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/yes.png'}');
    }
    div.dialog_make_btn14.no { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/no.png'}');
    }
    div.is_active_on_start_timelogging_2d { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/autorun.png'}');
    }
    div.is_add2indirect_costs_2d { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/gemeinkosten_0.png'}');
    }
    div.is_private_2d { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/privat.png'}');
    }
    div.is_yes_2d { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/yes.png'}');
    }
    div.is_no_2d { /* FOR HTML */
        background-image: url('{site_url url='images/14x14/no.png'}');
    }
    div.show_only {
        background-image: url('{site_url url='images/16x16/show_only.png'}');
        cursor: pointer;
    }
    .linethrough {
        background-image: url('{site_url url='images/bg_rw.gif'}');
        background-repeat: repeat; 
        text-decoration:line-through;
    }
}
@media pdf {
    div.dialog_make_btn14_yes, div.dialog_make_btn14.is_yes_2d { /* FOR PDF */
        background-image: url('{image_path path='14x14/yes.png'}');
    }
    div.dialog_make_btn14_no { /* FOR PDF */
        background-image: url('{image_path path='14x14/no.png'}');
    }
    div.is_active_on_start_timelogging_2d { /* FOR PDF */
        background-image: url('{image_path path='14x14/autorun.png'}');
    }
    div.is_add2indirect_costs_2d { /* FOR PDF */
        background-image: url('{image_path path='14x14/gemeinkosten_0.png'}');
    }
    div.is_private_2d { /* FOR PDF */
        background-image: url('{image_path path='14x14/privat.png'}');
    }
    div.is_yes_2d { /* FOR PDF */
        background-image: url('{image_path path='14x14/yes.png'}');
    }
    div.is_no_2d { /* FOR PDF */
        background-image: url('{image_path path='14x14/no.png'}');
    }
    .linethrough {
        background-image: url('{image_path path='bg_rw.gif'}');
        background-repeat: repeat; 
        text-decoration:line-through;
    }
}
div.is_calc_from_expenses_2d {
        background-image: url('{image_path path='14x14/calc_from_expenses.png'}');
}
div.is_settings_2d {
        background-image: url('{image_path path='14x14/settings.png'}');
}
div.is_time {
        background-image: url('{image_path path='14x14/eingabe.png'}');
}
div.is_not_read_2d {
        background-image: url('{image_path path='14x14/not_read.png'}');
}
div.is_done {
        background-image: url('{image_path path='16x16/speichern.png'}');
}
div.is_not_done {
        background-image: url('{image_path path='16x16/done_0.png'}');
}
a.open_download {
        background-image: url('{image_path path='16x16/datei_open_download.png'}');
}

#progressmessage {
        background: #C5C5C5;
        border: 1px solid #444444;
        border-radius: 4px 4px 4px 4px;
        font-weight: bold;
}

.only_pdf {
        display: none;
        pd4ml-display: inline;
}
.noprint, button {
        pd4ml-display: none;
}
.print_btn, .edit_btn, #wait {
        /*Use base64_encode image*/
        width: 16px;
        height: 16px;
        padding: 0;
        border: 1px solid #FFF;
        display: block;
        -moz-user-select: none;
        border-radius: 4px;
}
.edit_btn {
        /*Use base64_encode image*/
        display: inline-block;
        width: 14px;
        height: 14px;
        padding: 0;
        margin-left: 2px;
        border: 0 none;
        vertical-align: -2px;
        border-radius: 4px;
}
.print_btn {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAl3RFWHRDb21tZW50AGNIUk0gY2h1bmtsZW4gMzIgaWdub3JlZDoNQVNDSUk6IC4ueiUuLsKAwoMuLsO5w78uLsKAw6kuLnUwLi7DqmAuLjrCmC4uLm8NSEVYOiAwMDAwN0EyNTAwMDA4MDgzMDAwMEY5RkYwMDAwODBFOTAwMDA3NTMwMDAwMEVBNjAwMDAwM0E5ODAwMDAxNzZGRhmefAAAAT9JREFUeJyEkd1LwlAYxv2PAv+38CYQGYMZXoQ4L0KaYXrdbELzIvMimwlJknTMhObNdHct2QcbrEcO+XGOrYeX8W57fu/7nC0V/8p13S9OMafUphNFYTB4Yqrbvf8TqFYVft5hgG7HBibPfG5iChrf97cA7uv1Kz7MbhUKp3sAHvFhoFrtst83mLRJQBiG/PGSAAgbWi2t13s4AGQyx6p6TWsyIab5WamcE0KwZ7lcSJLIAtg7m33A3WyqQeDDnc9LINE4jgNDsXi2Blar72z2BG5ByAVBYNs2TULIG9x0Kj4jru22HjM/zvM8y7LQa9pNFEWyXEI/HD43GmtgNHqBYQvgNRhUp3M3nb4jN4KBxPh0+mg8flWUi70NjDanhAzjsVyWdf02CaCnRG4kwWzq/gegQu7d2x8AAAD//wMA3qSqHTF5p68AAAAASUVORK5CYII=');
        float: right;
}
#wait {
        background-image: url(data:image/gif;base64,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);
        display: inline-block;
}
.edit_btn {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sFBQc0DhLO8XsAAAIpSURBVCjPTZK9a1NhFMZ/573vvfnoR1KTNFg/sJV2ki46dBLcFKpDsU6CU4cOIjr4T3RwETrp0M2tDpYOKiKii1+DKPgxCLHUGGuaxiS9977vcUjVPssznPM78DwcufV2I8xF9kIU2vMiwVERxgxSQsjTV9crW6r+m3r9Grt0tZu4BzZBLmeC8G43yIAJ+qsi7FMe1RKqkxiPIFeS2C/YmGCuSQQpatKO+IEiKoAHQfvoniGqIOLEXbJNR0V8gNltS/bdMwgzuLHjJNVjuGyIpP0jf1HxBu+o2p1Uq5oC2SK5bkL04iG+UEYPVNDDk8QT0yRD5b0YAk4wjrKtddLhUg6cBPRGx8nwHDZryGYN+fQe8+EVvfkbxBpgAeOFesfl7fpGLzviHEeKUKlOUcoXiH79gMAiCMnsAttEdGNoxEqt7Wg24sg6lEYCjZZCfoihhmfw8RMCG4BT4i2hfn0ZvOmnTPttGaD3r7YUejOzuPET7Cyt0Tk4gT66x8jta0jSASOgCmgcMHd1kdxgERuCF3yhjD9zkfbIIeLTc4QfXxI+XcV2WyRTp9Aggt7vLYNqHf3fNzZDNxyAFFx2mNbNO8Qz5xhYXyH/5Q0IoPrT4tM6aQreK0Zkb/LPXGGU9uIS/vNr4olpSBJwbtMS796nsz2LCQQbgpg+tO/t0kKV1smzkDpoNyHprVm8X6HTBufmCaIqRiqI5IFoj4tR7aDawKXfSXpreLf8B7wR/eVb+JtxAAAAAElFTkSuQmCC');
}
.print_btn:hover, .edit_btn:hover {
        box-shadow: 0 0 0 1px #CCC;
}
.hoverhelp {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wEAg4IFVk7W1YAAAE3SURBVBjTPYyxLkNhGIaf7/9PezRtSNOkISJCIpgkrsBadyCdegcGm8Vgs3ADZkazWzBIDDY0DE6jHXpomx7f9xmod3ze530lz083kiQ9EQmbIchyjLIAoOq5mb+526Pq9CSJcXxeKk32Y3SyLOXmJqJq7O1pZXu7aKrKLlgziPRXQ+jT7Q45Pu7hnpGm75ydZdzfDwihj8hgLTEbLIoId3cJZsrBAeS5cHtrPD0FdnYMd29IntdH1epKBZpAhaJIODxMeHiYcH39zdLSK+Px25jhkJEq7o6b4a3WvNfrJf/4qP6zry9GCTACKvyl3VY6nZRG4xP3X+bOJLiTzaSigMtL5epqihmIzBoGQZWuKv/rWi1Sq5VmT5iBKs/S67FVLnMRI+sh0CiXZQ5gOvWJO31VXoqCox8seaOpovq1WwAAAABJRU5ErkJggg==);
        background-position: top right;
        background-repeat: no-repeat;
        padding-right: 11px;
}
kbd, .kbd-like {
    font-family: 'Courier New',monospace;
}

/* TABLESORTER */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    cursor: pointer;
    background-position: bottom+1em right;
    background-repeat: no-repeat;
}
.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    padding-right: 10px;
}
.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    padding-right: 10px;
}

.warningani {
    border-radius: 3px;
    background-color: #CCDDFF;
    padding: 2px 4px;
    color: #333333;
    font-weight:bold;

    background: linear-gradient(45deg, #CCDDFF 0%, #CCDDFF 45%, #f26c5d 50%, #CCDDFF 55%, #CCDDFF 100%);
    background-size: 220% 220%;
    animation: GradientConnectteamviewer 2s ease infinite;
}
@keyframes GradientConnectteamviewer {
    0% {
        background-position: 100% 100%;
    }
    35% {
        background-position: 0% 100%;
    }
    70% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 100% 100%;
    }
}