/*table layouts*/
.tableLayout {
    width: 100%;
    border-collapse: collapse;
    border: 0 none;
}

    .tableLayout .colLabel {
        width: 13%;
    }

    .tableLayout > tbody > tr > td:first-child,
    .tableLayout > tbody > tr > th:first-child {
        width: 14%;
        padding-left: 0;
    }

    .tableLayout > tbody > tr > td:last-child,
    .tableLayout > tbody > tr > th:last-child {
        padding-right: 0;
    }

.columnLayout2 .colValue {
    width: 86%; /*100%-14%*/
}

.columnLayout4 .colValue {
    width: 36%;
}

.columnLayout6 .colValue,
.tableLayout > tbody > tr > td > .likeTextBox.valueWidth {
    width: 20%;
}
.columnLayout12 .colValue {
    width: 3%;
}

.tableLayout.columnLayout50 > tbody > tr > td {
    width: 50%;
}

.tableLayout > tbody > tr > th {
    padding: 0;
}

.tableLayout > tbody > tr > td {
    padding: 5px;
    /*vertical-align: top;*/
}

.tableLayout > tbody > tr.sizesRow > td {
    padding: 0;
}

.tableLayout > tbody > tr > td > input[type=text],
.tableLayout > tbody > tr > td > input[type=password],
.tableLayout > tbody > tr > td > textarea,
.tableLayout > tbody > tr > td > select,
.tableLayout > tbody > tr > td > .likeTextBox,
.tableLayout > tbody > tr > td > .dxeButtonEdit {
    width: 100%;
}

.tableLayout.Column8SameWidth .width12p {
    width: 12%;
}

    .tableLayout.Column8SameWidth .width12p:last-child {
        width: 13%;
    }

.columnLayoutUser .width7p {
    width: 7%;
}

.columnLayoutUser .width15p {
    width: 15%;
}

.columnLayoutUser .width25p {
    width: 25%;
}

.columnLayoutUser .tdv {
    padding: 5px 0;
}

.columnLayoutUser .passInfo {
    padding: 3px 0 0 5px;
}

.columnLayoutHeader {
    white-space: normal;
}

    .columnLayoutHeader .colLabel {
        width: 5em;
    }

    .columnLayoutHeader .colValue:last-child {
        width: 12em;
    }

.debug .tableLayout,
.debug .tableLayout > tbody > tr > td {
    border: thin solid black;
}

.innerTableLayout > tbody > tr > td {
    padding: 0;
}

/*.tableLayout .tdl
{
    padding-top: 8px;
}*/

.tableLayout h3 {
    margin-bottom: 0;
}

/*.tableLayout > tbody > tr > td > span.width14p
{
    width: 14%;
}*/

.tableLayout.monthYear {
    width: auto;
}

    .tableLayout.monthYear > tbody > tr > td > input[type="text"] {
        width: 3.5em;
        text-align: center !important; 
    }

    .tableLayout.monthYear > tbody > tr > td:first-child > input[type="text"] {
        width: 2em;
    }

table.tableLayoutGrid.tableLayout > tbody > tr > td,
table.tableLayoutGrid.tableLayout > tbody > tr > th {
    padding: 3px 5px;
}

table.tableLayoutGrid.tableLayout > tbody > tr.sizesRow > td {
    padding: 0;
}

/*end table layouts ===================*/

/*#region editTable */
.editTable > tbody > tr > td > input[type=text],
.editTable > tbody > tr > td > input[type=password],
.editTable > tbody > tr > td > textarea,
.editTable > tbody > tr > td > select,
.editTable > tbody > tr > td > .likeTextBox,
.editTable > tbody > tr > td > .dxeButtonEdit {
    width: 100%;
}

.editTable > tbody > tr > td > input[type=checkbox],
.editTable > tbody > tr > td > input[type=radio],
.editTable > tbody > tr > td > input[type=button],
.editTable > tbody > tr > td > input[type=submit],
.editTable > tbody > tr > td > button {
    display: block;
    margin: 0 auto;
}