html, body {
    width: 210mm; /*A4 is 210mm;*/
    height: 297mm; /*A4 is 297mm;*/
    /* to centre page on screen*/
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

/* * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}*/

/* sets the print preview paper */
@page {
    size: A4;
    margin: 9.05mm;
}

.printable_image {
    width: 25%;
}

legend {
    color: rgb(102, 45, 145);
}

label {
    padding-top:2px;
    display:block;
    color: rgb(174, 192, 93);
    font-weight: 400;
}

fieldset {
    border-color: #f2f1f1 !important;
    border-width: thin !important;
    margin: 2px;
    font-weight: 400;
}

p {
    color: gray;
    font-weight: 400;
    font-size: xx-small;
}

th {
    color: rgb(174, 192, 93);
    font-weight: 400;
}

.pdmprint {
    font-weight:normal;
    padding-top:0px;
    padding-bottom:2px;
    padding-left: 2px;
    border: 1px solid lightgray;
    margin-bottom: 5px;
    word-wrap: break-word;
    word-break: break-all;
}

.pdmprinttable{
    font-weight:normal;
    padding-top:0px;
    padding-bottom:2px;
    padding-left: 2px;
    border-width: 0px;
    color: black;
}

p.clear{height: 2px; margin-bottom: 3px;}

#main_contents table th {
    font-size: xx-small;
}

#main_contents table td {
    font-size: xx-small;
}

#main_contents tr:last-child td
{
    padding:2px;
    border:0px;
}

    /* Define the css for a low column layout behaviour - 5 or more columns */
    .specfield_lowcolumntable {
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        margin-top: 0.8em !important;
        margin-bottom: 0.3em !important;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .specfield_lowcolumntable tr {
            border: 1px solid #ddd;
            padding: 5px;
        }

        .specfield_lowcolumntable th {
            background-color: white;
            color: gray;
            font-weight: 400;
            font-size: 12px;
            padding-left: 4px;
            vertical-align: top;
        }

        .specfield_lowcolumntable td {
            background-color: white;
            color: rgb(174, 192, 93);
            font-weight: 400;
            font-size: 12px;
        }

        .specfield_lowcolumntable th, .specfield_lowcolumntable td {
            text-align: left;
            overflow: hidden;
        }

    @media screen and (max-width: 992px) {
        /*.chkbox_actionsmenu_td {
            display: none;
        } */

        .specfield_lowcolumntable {
            border: 0;
        }

            .specfield_lowcolumntable thead {
                display: none;
            }

            .specfield_lowcolumntable tr {
                margin-bottom: 10px;
                display: block;
                border-bottom: 2px solid #ddd;
            }

            .specfield_lowcolumntable td {
                display: block;
                text-align: left;
                font-size: 12px;
            }

                .specfield_lowcolumntable td:last-child {
                    border-bottom: 0;
                }

                .specfield_lowcolumntable td:before {
                    content: attr(data-label);
                    float: left;
                    /*text-transform: uppercase;*/
                    font-weight: 400;
                    padding-right: 5px;
                }
    }

    /* Define the css for a medium column layout behaviour - 6 - 10 columns */
    .specfield_mediumcolumntable {
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        margin-top: 0.8em !important;
        margin-bottom: 0.3em !important;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .specfield_mediumcolumntable tr {
            border: 1px solid #ddd;
            padding: 5px;
        }

        .specfield_mediumcolumntable th {
            background-color: white;
            color: gray;
            font-weight: 400;
            font-size: 12px;
            padding-left: 4px;
            vertical-align: top;
        }

        .specfield_mediumcolumntable td {
            background-color: white;
            color: gray;
            font-weight: 400;
            font-size: 12px;
        }

        .specfield_mediumcolumntable th, .specfield_mediumcolumntable td {
            text-align: left;
        }

    @media screen and (min-width: 1mm) and (max-width: 992px) {
        /*.chkbox_actionsmenu_td {
            display: none;
        }*/

        .specfield_mediumcolumntable2 {
            border: 0;
        }

            .specfield_mediumcolumntable2 thead {
                display: none;
            }

            .specfield_mediumcolumntable2 tr {
                margin-bottom: 10px;
                display: block;
                border-bottom: 2px solid #ddd;
            }

            .specfield_mediumcolumntable2 td {
                display: block;
                text-align: left;
                font-size: 12px;
                color: rgb(174, 192, 93);
            }

                .specfield_mediumcolumntable2 td:last-child {
                    border-bottom: 0;
                }

                .specfield_mediumcolumntable2 td:before {
                    content: attr(data-label);
                    float: left;
                    /*text-transform: uppercase;*/
                    font-weight: 400;
                    padding-right: 5px;
                }
    }

    /* Define the css for a high column layout behaviour - more than 10 columns */
    .specfield_highcolumntable {
        border: 1px solid #ccc;
        width: 100%;
        margin: 0;
        margin-top: 0.8em !important;
        margin-bottom: 0.3em !important;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
    }

        .specfield_highcolumntable tr {
            border: 1px solid #ddd;
            padding: 5px;
        }

        .specfield_highcolumntable th {
            background-color: white;
            color: gray;
            font-weight: 400;
            font-size: 12px;
            padding-left: 4px;
            vertical-align: top;
        }

        .specfield_highcolumntable td {
            background-color: white;
            color: gray;
            font-weight: 400;
            font-size: 12px;
        }

        .specfield_highcolumntable th, .specfield_highcolumntable td {
            text-align: left;
        }

    @media screen and (min-width: 1mm) {
        /*.chkbox_actionsmenu_td {
            display: none;
        }*/

        .specfield_highcolumntable2 {
            border: 0;
        }

            .specfield_highcolumntable2 thead {
                display: none;
            }

            .specfield_highcolumntable2 tr {
                margin-bottom: 10px;
                display: block;
                border-bottom: 2px solid #ddd;
            }

            .specfield_highcolumntable2 td {
                display: block;
                text-align: left;
                font-size: 12px;
                color: rgb(174, 192, 93);
            }

                .specfield_highcolumntable2 td:last-child {
                    border-bottom: 0;
                }

                .specfield_highcolumntable2 td:before {
                    content: attr(data-label);
                    float: left;
                    /*text-transform: uppercase;*/
                    font-weight: 400;
                    padding-right: 5px;
                }
    }

    p.print_attlistrow {
        margin-bottom: 0px;
        margin-top: 0px;
    }


    /* end of table layout css behaviour */