.tableComplete {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow-wrap: anywhere;
}

    .tableComplete th {
        overflow-wrap: normal;
    }

.tableSortContentOverview {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

    .tableSortContentOverview td {
        width: 20%;
        height: 18em;
        padding: 0.2em;
        text-align: center;
        border: 4px solid #a1aeba;
    }


.tableDetail {
    border-collapse: collapse;
}

.tableHome {
    width: 80%;
    border-collapse: collapse;
    background-color: #dee2e6;
    border-radius: 1em;
    border-style: hidden;
    box-shadow: 0 0 0 4px #a1aeba;
    padding: 0.2em;
    margin: 0 auto;
}

    .tableHome td {
        width: 50%;
        padding: 0.2em;
        text-align: center;
        border: 4px solid #a1aeba;
    }

    .tableHome td a {
        text-decoration: none;
        color: black;
    }

        .tableHome td:hover {
            background-color: rgba(0, 148, 255, 0.3);
            cursor: pointer;
        }

.tableHomeOverview {
    width: 40%;
    border-collapse: collapse;
    background-color: #dee2e6;
    border-style: hidden;
    box-shadow: 0 0 0 4px #a1aeba;
    padding: 0.2em;
    margin: 0 auto;
}

    .tableHomeOverview th {
        font-weight: bold;
        border-bottom: 2px solid #000;
        vertical-align: middle;
        background-color: rgba(128, 128, 128, 0.50);
        text-align: center;
        font-size: 1.1em;
    }

    .homeOverviewTr{
        text-align:center;
    }

    .homeOverviewTr:nth-child(odd) {
        background-color: #fff;
    }

    .homeOverviewTr:nth-child(even) {
        background-color: rgba(128, 128, 128, 0.20);
    }

.tableScroll {
    display: block;
    overflow: auto;
    overflow-y: hidden;
}


   /* .tableComplete select, input{
        border-radius: 5px;
        background-color: white;
        border: 2px solid black;
        height: 2em;
    }*/

/*    .tableComplete .detailRight, input{
        border-radius: 5px;
        background-color: white;
        border: 2px solid black;
        height: 1.1em;
    }
*/
    .tableComplete input[type=checkbox]{
        width:30px;
    }

        .tableComplete select:hover, input:hover {
            border-color: #55b6fc;
        }

        .tableComplete select:focus, input:focus {
            background-color: #dee2e6;
        }

.tableInputNumber{
    width: 100px;
    text-align: center;
}

.tableInputText {
    width: 130px;
}

.tableSmall {
    width: 30%;
    max-width: 100%;
    border-collapse: collapse;
}

.tableMedium {
    width: 60%;
    max-width: 100% border-collapse: collapse;
}

.tableSalary {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.tableSalaryYear{
    width: 30%;
    max-width: 30%;
}

    .tableSalaryInner{
        border-bottom: 1px solid black;
    }

    .tableSalary tr th {
        border: 2px solid black;
        font-weight: bold;
        font-size: 0.8em;
        text-align: center;
        background-color: #dee2e6;
    }

    .tableSalary tr td {
        border: 2px solid black;
        font-weight: normal;
        font-size: 0.8em;
        text-align: center;
    }

.tableAddress{
    width:60%;
    max-width:60%;
    border-collapse: collapse;
}

    .tableAddress tr th{
        border: none;
        font-size: 0.8em;
        text-align:left;
    }

    .tableAddress tr td{
        border: none;
        font-size: 1.1em;
        text-align: left;
    }

.rowHead {
    font-weight: bold;
    border-bottom: 2px solid #000;
    vertical-align: middle;
    background-color: rgba(128, 128, 128, 0.50);
    text-align: center;
    font-size: 1.1em;
    padding-left: 0.2em;
    padding-right: 0.7em;
}

.tableNoData {
    font-weight: bold;
    text-align: center;
    font-size: 1.1em;
}

.rowDataIncomplete{
    background-color: #ff6a00 !important;
}

.rowHeadSmall {
    font-size: 0.8em;
}

.rowSum {
    font-weight: bold;
    border-top: 2px solid #000;
    vertical-align: middle;
    background-color: rgba(128, 128, 128, 0.30);
    text-align: center;
    font-size: 0.9em;
}

.rowBasic {
    text-align: center;
}

    .rowBasic:nth-child(odd) {
        background-color: #fff;
    }

    .rowBasic:nth-child(even) {
        background-color: rgba(128, 128, 128, 0.20);
    }

.rowBasicLink {
}
    .rowBasicLink:hover{
        cursor: pointer;
        background-color: #67ce69;
    }
.cellBasic {
    vertical-align: middle;
    text-align: center;
    padding-left: 0.2em;
    padding-right: 0.7em;
}

.cellBasic > textarea{
    width: 100%;
}

.cellBasicSmall{
    font-size: 0.8em;
}

.cellBasicMedium{
    max-width: 200px;
}

.cellWarning{
    background-color: red;
}

.cellCond_7 {
    background-color: #67ce69;
}

.cellCond_8 {
    background-color: #55b6fc;
}

.cellCond_13 {
    background-color: #55b6fc;
}

.cellBorderRight {
    border-right: 2px solid #000;
}

.cellBorderLeft {
    border-left: 2px solid #000;
}

.cellImage {
    width: 40px;
}

.rowBlank{
    height: 25px;
}

.columHidden{
    display: none !important;
}

.cellInput{
    width: 5em;
}

.detailLeft {
    font-weight: bold;
    text-align: right;
    padding-right: 0.8em;
    word-wrap: normal;
    /*width:20%;*/
}

.detailRight{
    font-weight:normal;
    text-align:left;
    word-wrap:break-word;
}

.detailBlankRow {
    height: 2em !important;
}

/*@media (max-width: 1200px) {
    .img-main {
        max-width: 150px;
        max-height: 150px;
    }
}
*/
@media (max-width: 1200px) {
    .tableComplete {
        display: block;
        overflow: auto;
        overflow-y: hidden;
    }
    .tableSmall {
        display: block;
        overflow: auto;
        overflow-y: hidden;
    }
}
/*
@media (max-width: 768px) {
    .img-main {
        max-width: 50px;
        max-height: 50px;
    }
}*/


/*Overview*/
.overview {
    display: table;
    width: 100%;
}

.contentOverview {
    width: 70%;
    padding-left: 0.2em;
    float: right;
}

    .contentOverview table {
        border-collapse: unset;
        border-spacing: 0.2em;
    }

    .contentOverview td {
        border: 2px solid #808080;
        border-radius: 5px;
        width: 20%;
        height: 12em;
        text-align: center;
        word-break: break-all;
    }

    .contentOverview td:hover {
        background-color: rgba(0, 148, 255, 0.3);
        cursor: pointer;
    }

.contentOverviewNotFound{
    color: red;
    font-weight: bold;
}

.partSizeOverview, .variationOverview {
    width: 100%;
    /*padding-left: 0.2em;*/
    float: right;
}

    .partSizeOverview, .variationOverview a {
        text-decoration: none;
        color: black;
    }

        .partSizeOverview a:hover {
            text-decoration: none;
            color: #dee2e6;
        }

        .variationOverview a:hover {
            text-decoration: none;
            color: black;
        }

        .partSizeOverview, .variationOverview a div {
            width: 100%;
            height: 100%;
        }

    .partSizeOverview table {
        border-collapse: unset;
        border-spacing: 0.2em;
        margin: 0 auto;
    }

    .variationOverview table {
        border-collapse: unset;
        border-spacing: 0.2em;
        margin: 0 auto;
    }

    .partSizeOverview td{
        width: 5em;
        height: 5em;
            text-align: center;
        border: 0.2em solid black;
    }

        .partSizeOverview td a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .partSizeOverview td:hover {
        background-color: rgba(0, 148, 255, 0.60);
        cursor: pointer;
    }

    .variationOverview td {
        width: 12em;
        height: 6em;
        text-align: center;
        border: 2px solid #808080;
        border-radius: 3px;
    }

    .variationOverview td:hover {
        background-color: rgba(0, 148, 255, 0.60);
        cursor: pointer;
    }

@media only screen and (max-width: 992px) {
/*    .contentOverviewFull {
        display: none;
    }
    .contentOverviewMedium {
        display: block;
    }
    .contentOverviewSmall {
        display: none;
    }
*/}

@media only screen and (max-width: 768px) {
/*    .contentOverviewFull {
        display: none;
    }

    .contentOverviewMedium {
        display: none;
    }

    .contentOverviewSmall {
        display: block;
    }
*/}


@media only screen and (min-width: 1200px) {
    /*.contentOverviewFull {
        display: block;
    }
    .contentOverviewMedium {
        display: none;
    }
    .contentOverviewSmall {
        display: none;
    }*/
}