.tab-content {
    padding-top: 10px;
}
/*Projects*/
.divSearchIconProject {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url("../img/search.png");
    background-size: 32px 32px;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}


@media (max-width: 991px) {
    .inputProjectsSearch, .inputDatepickerFrom, .inputDatepickerTo, .inputCustomerAddress {
        clear: left;
        float: left;
        background-color: #f0f0f0;
        border: medium none;
        padding: 8px;
        width: 200px;
        height: 31px;
        margin-top: 10px;
    }
    .divSearchIconProject {
        
         float: none;
        
    }
    
}

@media (min-width: 992px) {
    .inputProjectsSearch, .inputCustomerAddress {
        float: left;
    }
    .inputProjectsSearch, .inputDatepickerFrom, .inputDatepickerTo, .inputCustomerAddress {
        margin-top: 17px;
        margin-left: 10px;
        background-color: #f0f0f0;
        border: medium none;
        padding: 2px;
        width: 200px;
        height: 31px;
        margin-bottom: 30px;
    }

    .divSearchIconProject {
        margin-top: 16px;
        float: left;
    }

    .labelInputDate {
        margin-left: 20px;
        
    }
}

.inputDatepickerFrom, .inputDatepickerTo {
    text-align: center;
}

.divProjectsMiniTable {
    display: table;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
.divProjectsTable {
    clear: both;
}
.divProjectsTable, .divProjectTimeTrackingTable, .divProjectDocumentTable, .divActivityTable, .divItemsTable, .divItemsEditTable, .divAppointmentsTable, .divItemDetailAvailTable, .divJobResourceAllocationTable, .divJobResourcesEditTable, .divProjectTimecardDashboardTable {
     display: table;
    table-layout: fixed;
    width: 100%;
   border-spacing: 0px 2px;
    margin-top: 10px;
}
.divProjectTimecardDashboardTable {
    width: auto;
}
.divItemDetailAvailTable {
    width: 50%;
}
.divProjectsTableRow, .divProjectsTableHeadRow, .divProjectsMiniRow, .divItemDetailAvailTableHeadRow, .divJobResourcesEditTableHeadRow, .aJobResourceEditTableRow, .divProjectTimeTrackingTableHeadRow, .divItemDetailAvailTableRow, .divProjectsTimeTrackingTableRow, .divProjectDocumentTableHeadRow, .aProjectDocumentTableRow, .divActivityTableHeadRow, .divActivityTableRow, .divItemsTableHeadRow, .divItemsTableRow, .divItemsTableRowSpecial, .aItemsTableRow, .divAppointmentsTableHeadRow, .divAppointmentsTableRow, .divJobResourceAllocationHeadRow, .divJobResourceAllocationRow, .divProjectTimecardDashboardTableRow {
    display: table-row;
    margin-top: 10px;
}
    .divProjectsTableRow:nth-of-type(2n), .divProjectsTimeTrackingTableRow:nth-of-type(2n), .aJobResourceEditTableRow:nth-of-type(2n), .divItemDetailAvailTableRow:nth-of-type(2n), .divProjectDocumentTableRow:nth-of-type(2n), .divActivityTableRow:nth-of-type(2n), .divItemsTableRow:nth-of-type(2n), .aItemsTableRow:nth-of-type(2n), .divAppointmentsTableRow:nth-of-type(2n), .divJobResourceAllocationRow:nth-of-type(2n), .aProjectDocumentTableRow:nth-of-type(2n) {
        background-color: #ececec;
    }
    .divProjectsTableRow > *, .aItemsTableRow > * {
        cursor: pointer;
    
    }
    .divProjectsTableRow:hover, .divProjectsTimeTrackingTableRow:hover, .aJobResourceEditTableRow:hover, .divItemDetailAvailTableRow:hover, .divProjectDocumentTableRow:hover, .divActivityTableRow:hover, .divItemsTableRow:hover, .aItemsTableRow:hover, .divAppointmentsTableRow:hover, .divJobResourceAllocationRow:hover, .aProjectDocumentTableRow:hover {
        background-color: #cccccc;
    }

.divItemsTableRowSpecial {
    color: #000000;
    background-color: #c5c6c6;
    text-align: left;
    font-weight: bolder;
}
.divProjectsTableHeadRow > div, .divItemDetailAvailTableHeadRow > div, .divJobResourcesEditTableHeadRow > div, .divProjectTimeTrackingTableHeadRow > div, .divProjectDocumentTableHeadRow > div, .divActivityTableHeadRow > div, .divItemsTableHeadRow > div, .divAppointmentsTableHeadRow > div, .divJobResourceAllocationHeadRow > div, .divProjectTimecardDashboardTableHeadRow > div {
    border-bottom: 1px solid #DDD;
    padding-bottom: 3px;
}

.divProjectsTableHead, .divProjectTimeTrackingTableHead, .divJobResourcesEditTableHead, .divItemDetailAvailTableHead, .divProjectDocumentTableHead, .divActivityTableHead, .divItemsTableHead, .divAppointmentsTableHead, .divJobResourceAllocationHead, .divProjectTimecardDashboardTableHead {
    display: table-cell;
    font-weight: bold;
}
.divProjectTimecardDashboardTableIcon {
    width: 46px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #DDDDDD;
    background-size: contain;
    border: 2px solid transparent;
}
.divProjectTimecardDashboardTableIcon.active {
    border: 2px solid #81ff81;
}

.divProjectsTableHeadIcon {
    display: table-cell;
    width: 10px;
}
.divProjectsTableHeadNumber {
    display: table-cell;
    width: 100px;
     font-weight: bold;
}
.divProjectsTableCell, .divProjectsMiniCell, .divProjectsMiniCellF, .divItemDetailAvailTableCell, .divJobResourcesEditTableCell, .divProjectTimeTrackingTableCell, .divProjectDocumentTableCell, .divActivityTableCell, .divItemsTableCell, .divItemsTableColumnEditButton, .divAppointmentsTableCell, .divJobResourceAllocationCell {
    display: table-cell;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px;
    overflow: hidden;
}
.divProjectTimecardDashboardTableCell {
    vertical-align: top;
    display: table-cell;
    cursor: pointer;
}
.divJobResourceAllocationCell {
    vertical-align: middle;
}
.divItemsTableCell, .divItemsTableColumnEditButton {
    padding: 0px;
}
.divProjectsMiniCellF {
    width: 50px;
    vertical-align: bottom;
}
.divProjectsTableIconAdress {
    display: table-cell;
    width: 32px;
    background-image: url("../img/address.png");
    background-size: contain;
    background-position: center center;
    background-repeat:no-repeat;
}
.divProjectsTableIconContact {
    display: table-cell;
    width: 32px;
    background-image: url("../img/contact.png");
    background-size: contain;
    background-position: center center;
    background-repeat:no-repeat;
}

.divProjectsLargeTableIcon {
    display: table-cell;
}

.divProjectsNoEntries {
    text-align: center;
    background-color: #ececec;
    color: #000000;
}





/*Project*/
.nav-tabs > li > a {
    border-radius: initial;
    background-color: #fff;
    border: 1px solid #FFF;
    border-bottom: 1px solid #ddd;
        
    border-style: solid !important;
    border-width: 1px !important;
    margin-bottom: -2px;
    margin-top: 12px;
    color: #808080;
}
/*.nav-tabs > li {
    margin-bottom: 1px;
}*/

.nav-tabs > li.active {
     border-color:  #FFFFFF;
   border-image: none;
  /* border-style: solid;*/
   border-width: 1px;
}
.nav-tabs > li > a:focus,.nav-tabs > li > a:hover {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:active, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #000000;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
.liProjectTab {
    
}

.liProjectTab {
   /* width: 100px;*/
   border-color:  #FFFFFF;
   border-image: none;
   border-style: solid;
   border-width: 1px;
}

    

    

    .liProjectTab > a.active {
        
        background-color: #fff !important;
        border-color: #ddd #ddd transparent !important;
        border-image: none !important;
        border-style: solid !important;
        border-width: 1px !important;
    }


.subNavTabs {
    margin-top: 10px;
    border-bottom: 1px solid #424242;
    padding-bottom: 2px;
}
    .subNavTabs > li > a, .subNavTabs > li > a:hover {
        border-bottom: 1px solid #424242;
    }
    .subNavTabs > li.active > a, .subNavTabs > li.active > a:active, .subNavTabs > li.active > a:focus, .subNavTabs > li.active > a:hover {
        border-color: #424242 #424242 transparent;
    }


/*.dl-horizontal {
    display: block;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;

}
.dl-horizontal dt {     
    text-align: left; 
    display: block;
    clear: both;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   
}*/


.dlStructured dt {
     margin-top: 5px;
}

.dlStructured dd {
     margin-top: 5px;
     overflow: hidden;
}



.divJobAddButton {
    position: absolute;
    right: 0px;
    top: 0px; 
    bottom: 0px; 
}


/*.form-control {
    display: block;
    padding: 3px;
    width: auto;
    height: auto;
    border: none;
    background-color: #ececec;
    font-size: 18px;
}*/

.formControlSelect {
    width: 100%;
}

.formControlItemsEdit {
    border: medium none;
    background-color: #F0F0F0;
    padding: 2px;
    margin-top: 5px;
}

.divItemsTableColumnEditButton {
    width: 30px;
}

.divItemTableEditButton {
    display: table-cell;
    padding: 3px;
    background-image: url("../img/edit.png");
    width: 24px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}



.clear {
    float: none;
    display: block;
}

@media (max-width: 991px) {
    .modal {
        position: fixed;
        top: 3%;
        right: 3%;
        left: 3%;
        width: auto;
        margin: 0;
    }

    .modal-body {
        height: 100%;
        
    }

    .modal-body {
        max-height: 350px;
        padding: 15px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

.inputAdressbuchSearch {
    clear: left;
    margin-top: 17px;
    margin-left: 10px;
    background-color: #f0f0f0;
    border: medium none;
    padding: 8px;
    width: 200px;
    height: 31px;
     margin-bottom: 30px;
     float: left;
}



.divJobPanel {
     overflow: hidden;
    display: block;
}


.divJobResourcePanelTable {
    overflow: auto; 
    margin-top: 10px; 
    margin-bottom: 10px;
}
.divJobResourcePanelHead {
    overflow: auto;
}
    .divJobResourcePanel:nth-of-type(2n) {
        background-color: #f5f5f5;
    }
.panelHeadingResource {
    border-bottom: 0px none;
    border-radius: 0px;
    padding-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
}
.divJobResourceLargeColumn, .divJobResourceLargeColumnPrice {
    float: left;
    width: 18%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.divJobResourceLargeColumnQty, .divJobResourceLargeColumnQtyPrice {
    float: left;
    width: 10%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.divJobResourceLargeColumnPrice {
    width: 13%;
}

.divJobResourceLargeColumnQtyPrice {
    width: 9%;
}
.divJobResourceLargeColumnHead, .divJobResourceLargeColumnHeadPrice {
    float: left;
    width: 18%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #DDD;
}
.divJobResourceLargeColumnHeadQty, .divJobResourceLargeColumnHeadQtyPrice {
    float: left;
    width: 10%;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #DDD;
}
.divJobResourceLargeColumnHeadPrice {
    width: 13%;
}

.divJobResourceLargeColumnHeadQtyPrice {
    width: 9%;
}


/*.divMessageHead {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 5px;
}*/



.aJobResourceEditTableRow {
    cursor: pointer;
}
.divJobResourcesEditTableHeadIcon {
    display: table-cell;
    width: 24px;
}
.divJobResourcesEditTableCellIcon {
     display: table-cell;
    padding: 3px;
    background-image: url("../img/edit.png");
    width: 24px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    
}
.divPanelOverflow {
    overflow: auto;
}

.divJobResourcesDeleteTableCellIcon, .divJobResourcesAddressTableCellIcon {
    display: table-cell;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.divJobResourcesDeleteTableCellIcon {
    background-image: url("../img/RoundIconDelete.png");
}
.divJobResourcesAddressTableCellIcon {
    background-image: url("../img/RoundIconPhone.png");
}

.inputResourceDate {
    float: left;
    margin-right: 5px;
}

.inputResourceTime {
    width: 4.5em;
    text-align: center;
}
.dlResourceAllocationDetail {
    margin-bottom: 30px;
}
#inputJobItemQty {
    text-align: left;
    padding-left: 2px;
}
#inputResourceFactor {
    text-align: right;
    padding-right: 5px;
    width: 4.5em;
}
#inputJobDateOut, #inputJobDateIn, #inputNewProjectStartDate, #inputNewProjectEndDate {
    float: left;
    margin-right: 3px;
}
#inputJobDateOutTime, #inputJobDateInTime, #inputNewProjectStartTime, #inputNewProjectEndDateTime {
    width: 4.5em;
    text-align: center;
}

.divAddressInput p {
    margin-top: 2px;
    margin-bottom: 0px;
    font-weight: bold;
}

.divProjectHeadDetailTable {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0px 5px;
}
.divProjectHeadDetailTableRow {
    display: table-row;
}
.divProjectHeadDetailTableDT {
    width: 200px;
    display: table-cell;
    font-weight: bold;
    vertical-align: middle;
}
.divProjectHeadDetailTableDD {
    display: table-cell;
}
.divGeneralIconFunction {
    float: left;
    margin-left: 6px;
    cursor: pointer;
}

.NavTabAddIcon {
    background-image: url("../img/add.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    width: 60px;
    height: 46px;
    display: block;
    bottom:0px;
    padding: 10px;
    cursor: pointer;
}

.timecardUsersJobListItem {
    overflow: hidden;
    margin-bottom: 5px;
}
.timecardUsersJobListItem.selectable:hover {
    background-color: #DDDDDD;
    cursor: pointer;
}
.timecardUsersJobListItem.selected {
    background-color: #EEEEEE;
    cursor: pointer;
}
.timecardUsersJobListItemIcon {
    float: left;
    margin-right: 10px;
}
.timecardUsersJobListItemCheckboxContainer {
    float: left;
    width: 25px;
    margin-top: 8px;
}
.timecardUsersJobListItemContent {
    float: left;
}
input[type="checkbox"][disabled].timecardUsersJobListItemCheckbox {
    cursor: default;
}
.projectTimecardIcon {
    float: left;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
    margin-top: 3px;
}
.projectTimecardIcon.checkin {
    background-image: url("../img/checkin48.png");
}
.projectTimecardIcon.checkout {
    background-image: url("../img/checkout48.png");
}

.resourceAllocationAddressSeperateLine {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px;
}

.divItemFormData input.errorborder {
    background-color: #f5dde3;
}
.divItemFormData input.warningborder {
    background-color: #fbebb7;
}

.divFolderTableCellIcon, .divFileTableCellIcon, .divLeftTableCellIcon {
    display: table-cell;
    width: 12px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.divFolderTableCellIcon {
    background-image: url("../img/folder.svg");
}

.divFileTableCellIcon {
    background-image: url("../img/file.svg");
}

.divLeftTableCellIcon {
    background-image: url("../img/chevronleft.svg");
}