body {
}

table {
    border-collapse: collapse;
    display: table;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    font-size: small;
}

    table td {
        border: 0;
    }

#photosLayout td {
    width: 98%;
    min-height: 100px;
    padding: 1%;
    display: block;
    border-width: 1px;
    border-style: ridge;
}

#photosLayout img {
    width: 100%;
    display: block;
}

#imgDialog img {
    width: auto;
    height: 100%;
    display: block;
    margin: auto;
}

.lexMrz, .lexBarcode, .lexRfid, .lexVisualOcr, .lexBarcodeVisual, .lexMrzBarcode, .lexMrzRfid, .lexMrzVisual, .lexRfidBarcode, .lexRfidVisual {
    display: none;
}

.lexMrz, .lexBarcode, .lexRfid, .lexVisualOcr {
    width: 20%;
    word-break: break-all;
}

.lexBarcodeVisual, .lexMrzBarcode, .lexMrzRfid, .lexMrzVisual, .lexRfidBarcode, .lexRfidVisual, .lextotal {
    width: 64px;
}


.generalDataDiv {
    min-height: 200px;
    float: left;
    clear: right;
    width: 78%;
}

.simpleTable {
    border-collapse: collapse;
    display: table;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    font-size: small;
    text-align: center;
}

    .simpleTable td {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }

    .simpleTable img {
        width: 24px;
        height: 24px;
    }

.results_table {
    border-collapse: collapse;
    display: table;
    width: 100%;
    table-layout: fixed;
    word-wrap: break-word;
    font-size: small;
}

    .results_table th {
        border-bottom-style: double;
        padding-top: 16px;
        word-break: normal;
        font-size: medium;
    }

    .results_table td {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }

    .results_table tr td:first-child {
        width: 20%;
    }

    .results_table tr th:first-child {
        width: 20%;
    }

    .results_table img {
        max-height: 200px;
    }

.validityInd {
    width: 24px;
    height: 24px;
    margin: auto;
    display: block;
}

.pageSeparatorEmpty {
    height: 48px;
    background-color: white;
    border: 0;
}

.pageSeparator {
    background-color: #cccccc;
    display:block;
}

    .pageSeparator th {
        border-style: double;
        padding: 12px;
    }
/*==================Progress bar=====================*/
.progress-bar {
    width: 100%;
    background: #cccccc;
    position: relative;
    visibility: hidden;
}

.progress-bar-percentage {
    background: gold;
    padding: 0px;
    color: black;
    text-align: center;
    height: 15px;
    margin-bottom: 2px;
}

    .progress-bar-percentage span {
        display: inline-block;
        position: absolute;
        width: 100%;
        left: 0;
    }

.all-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.docImg {
    cursor: pointer;
}

/*======================Tabs=========================*/
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Style the buttons inside the tab */
    .tab input {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
    }

        /* Change background color of buttons on hover */
        .tab input:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab input.active {
            background-color: #ccc;
        }

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
}