body {
    padding-top: 70px;
    padding-bottom: 70px;
}

.inactive {
    color: #999;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#ffffff 100%);
    background-image: linear-gradient(to bottom,#f5f5f5 0,#ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffffffff', GradientType=0);
}

.user-admin {
    color: #999;
    background-image: -webkit-linear-gradient(top,#f5f500 0,#ffff00 100%);
    background-image: linear-gradient(to bottom,#f5f500 0,#ffff00 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f500', endColorstr='#ffffff00', GradientType=0);
}

.lang {
    padding-left: 28px;
    background-position: 0 -2px;
    background-repeat: no-repeat;
    background-image: url('/img/lang/sprite.png');
}

.lang_de {
    background-position: 0 -21px;
}

.lang_en {
    background-position: 0 -40px;
}

.lang_fr {
    background-position: 0 -59px;
}

h1.logo > a {
    display: block;
    margin-top: 8px;
    background-image: url('/img/logo.png');
    background-repeat: no-repeat;
    width: 110px;
    height: 19px;
    text-indent: -9999px;
}

ul.pagination {
    padding-left: 0;
}

td.checkboxes,
th.checkboxes {
    width: 24px;
}

td.actions-slim,
th.actions-slim {
    white-space: nowrap;
    width: 15px;
}

td.actions,
th.actions {
    white-space: nowrap;
    width: 80px;
}

.ui-front {
    z-index: 2000 !important;
}

#quicksearch {
    margin-top: 20px;
}

.privilege-list {
    list-style-type: none;
}

div.tagdisplay {
    display:inline-block;
    padding:0.5ex 0.5em;
    margin-right:0.5em;
    margin-bottom:0.5ex;
    border:1px solid #ccc;
    background-color: #EEE;
    border-radius: 4px;
}

form[name=correspondence] textarea {
    resize: vertical;
}

textarea.height-125 {
    height: 125px;
}

.correspondence-recipient {
    height: 115px !important;
    resize: none !important;
}

.loading {
    height: 80px;
    background-image: url('/img/throbber3.gif');
    background-position: top center;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}

.form-hint {
    margin-top: 20px;
}

.container-tags {
    margin-bottom: 20px;
}

.clear {
    clear: both;
}

@media (min-width:992px) {
    .login-logo {
        margin-top: 60px;
    }
}

@media (max-width:992px) {
    .login-logo {
        margin-top: 20px;
    }
}

#submitmessage {
    display: none;
}

#pdf_download_container {
    margin-top: 15px;
}

.shortcut,
.comment,
.content-part {
    overflow: hidden;
}

.protocol-content-LEVEL_1 .content-headline {
    font-weight: bold;
    font-size: 130%;
}

.protocol-content-LEVEL_2 .content-headline {
    font-weight: bold;
    font-size: 120%;
}

.protocol-content-LEVEL_3 .content-headline {
    font-weight: bold;
    font-size: 110%;
}

#fix_projects > .row:nth-child(even),
#projects > .row:nth-child(even),
#project_addresses > .row:nth-child(even),
#project_members > .row:nth-child(even),
#project_managers > .row:nth-child(even),
#contents > .row:nth-child(even),
#dispatchers > .row:nth-child(even),
#participants > .row:nth-child(even) {
    background-color: #f5f5f5;
}

#fix_projects > .row,
#projects > .row,
#project_addresses > .row,
#project_members > .row,
#project_managers > .row,
#contents > .row,
#dispatchers > .row,
#participants > .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

.content-controls {
    margin-bottom: 5px;
}

.dispatcher .controls,
.participant .controls {
    z-index: 1000;
    padding-right: 15px;
    padding-left: 15px;
}

.outline-primary {
    outline: 3px solid #428bca;
}

.outline-success {
    outline: 3px solid #dff0d8;
}

.outline-info {
    outline: 3px solid #d9edf7;
}

.outline-warning {
    outline: 3px solid #fcf8e3;
}

.outline-danger {
    outline: 3px solid #f2dede;
}

#preview > .form-group > div {
    background-color: #f5f5f5;
    
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);

    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 15px;

    display: inline-block;
    height: 100%;
    width: 100%;
}

#preview > .form-group > div > div {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 15px;
}

.project_manager .comment,
.project_member .comment,
.project_address .comment,
.project_address .contact {
    white-space: pre-wrap;
}

.vacation-legend,
.vacation {
    margin-top: 20px;
}

.vacation .type_holiday {
    background-color: #FF0000;
}

.vacation .type_disease {
    background-color: #11207D;
}

.vacation .type_overtime {
    background-color: #66cc00;
}

.vacation .type_children {
    background-color: #8797FF;
}

.vacation .type_no_working_day {
    background-color: #f2f2f2;
}

.vacation .status_pending {
    background-image: url('/img/vacation_pending.png');
}

.vacation .status_approved {

}

.vacation .status_rejected {
    background-image: url('/img/vacation_rejected.png') !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
}

.vacation .period_half {
    background-image: url('/img/vacation_period_half.png');
    background-repeat: repeat-x;
}

.vacation .period_half.status_pending {
    background-image: url('/img/vacation_pending_half.png') !important;
}

.vacation .period_full {
    
}

.nowrap {
    white-space: nowrap;
}

table.detail td{
    vertical-align: top;
}

div[contenteditable=true]:hover {
    outline: 1px solid #AAA;
}

@media print {
    /* Leider schneidet Chrome dennoch den Hintergrund aus und andere Browser
     * bekommen die Skalierung nicht hin.
     */
    .modal-content {
        background-color: white;
    }

    #participant-form,
    #dispatcher-form,
    #content-form,
    
    .btn {
        display: none;
    }
}

.invoice-notice:hover > .glyphicon {
    display: none!important;
}

.invoice-notice:hover > div {
    display: block!important;
    position: absolute;

    background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
    background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
    background-image: linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);

    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;

    z-index: 1000;
}

.panel-inactive {
    background-image: linear-gradient(to bottom, #e8e8e8 0,#f5f5f5 100%);
}

/*
 * Utilities
 *********************/

.font-bold { font-weight: bold; }

.flex { display: flex; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }
.no-shrink { flex-shrink: 0; }

.mb-1 { margin-bottom: 0.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-3 { margin-bottom: 0.75rem; }
.mb-4 { margin-bottom: 1rem; }