@media print {
    @page {
        margin: 0.5cm;
        size: auto; /* auto is the initial value */
    }

    .print-hide {
        display: none;
    }

    .menu-left, .menu-print, #grad1 {
        display: none;
    }

    .pagebreak {
        clear: both;
        page-break-after: always;
    }

    #printBtn {
        display: none !important;
        height: 0px !important;
    }

    #btnImportExcel {
        display: none !important;
        height: 0px !important;
    }

    textarea {
        overflow: hidden;
        border: none;
        resize: none !important;
        background-color: #fff !important;
    }

    input {
        overflow: hidden;
        border: none;
        background-color: #fff !important;
    }

        input:checked {
            background-color: #fff;
        }

    /*.no-print, .no-print * {
        display: none !important;
       
    }

    tr td {
        border: none !important;
    }*/
    .fixheight {
        position: relative;
        background: rgba(255, 255, 255, 0.1);
        /*background-repeat: repeat-y;*/
        -webkit-print-color-adjust: exact !important;
        page-break-inside: avoid;
    }

    /*body {
        line-height: 16pt;
        font-family: 'Times New Roman';
        font-size: 13.5pt
    }*/

    p {
        margin: 0pt
    }

    table {
        margin-top: 0pt;
        margin-bottom: 0pt
    }

    /*.Char1CharChar {
        margin-bottom: 8pt;
        line-height: 12pt;
        font-family: Arial;
        font-size: 10pt
    }

    .ListParagraph {
        margin-left: 36pt;
        line-height: 16pt;
        font-size: 13.5pt
    }*/

    .TableGrid {
    }

    .none {
        display: none;
    }

    /*printPhoi*/
    .printPhoi {
    }

    .printPhoi img {
    display: none !important;
    }

    .printPhoi .hidePhoi {
    color: transparent !important;
    }

    .printPhoi table {
    border-color: transparent !important;
    }

    .printPhoi table tr {
    border-color: transparent !important;
    }

    .printPhoi table tr td {
        border-color: transparent !important;
    }
}
/*end media print*/

html {
    position: relative;
}

.hidden {
    display: none;
}

#btnImportExcel {
    background-color: #f44336;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}

    #btnImportExcel:hover {
        background-color: #008CBA;
    }

#btnPrint {
    background-color: #008CBA;
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}

    #btnPrint:hover {
        background-color: #f44336;
    }

.btnDownloadTemplate {
    background-color: #f44336;
    border: none;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    float: right;
}

    .btnDownloadTemplate:hover {
        background-color: #008CBA;
    }

.dashboard {
    background-color: white;
    color: red;
    /*font-weight: bold;*/
    border: 2px solid #4CAF50; /* Green */
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

    .dashboard:hover {
        border: 2px dashed #008CBA;
    }

.menu-left {
    text-align: left;
    width: 533pt;
    margin: 0 auto;
}

.menu-print {
    text-align: left;
    width: 533pt;
    margin: 10px auto;
    border: 1px dashed red;
    padding: 5px;
}

.select-option {
    float: right;
    color: #ffffff;
    padding: 5px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    background-color: #2d71b4;
    margin-right: 1px;
}

textarea {
    overflow: hidden;
    border: none;
    resize: block;
    background-color: #e5e6f6;
    /*color: #7e297d;*/
    /*word-spacing: -2pt;*/
    font-family: monospace;
    font-size: 7pt;
}

.draftItem span, span.changestyle {
    font-family: monospace;
    font-size: 8pt;
}

input {
    overflow: hidden;
    border: none;
    background-color: #e5e6f6;
    /*color: #7e297d;*/
    /*word-spacing: -2pt;*/
    font-family: monospace;
    font-size: 9pt;
}

    input[type="checkbox"]:checked {
        box-shadow: 0 0 0 1px #111;
        accent-color: #fff;
        width: 10pt;
        height: 10pt;
    }


.fixheight {
    position: relative;
    background: rgba(255, 255, 255, 0.1);
    /*background-repeat: repeat-y;*/
    page-break-inside: avoid;
}

table td {
    text-overflow: ellipsis;
    white-space: normal;
}

.pd03 {
    padding: 3px;
}

 .awlist1 {
            list-style: none;
            counter-reset: awlistcounter2_0 1
        }

            .awlist1 > li:before {
                content: counter(awlistcounter2_0) '.';
                counter-increment: awlistcounter2_0
            }

        .awlist2 {
            list-style: none;
            counter-reset: awlistcounter2_1
        }

            .awlist2 > li:before {
                content: '(' counter(awlistcounter2_1, lower-roman) ')';
                counter-increment: awlistcounter2_1
            }