@media print{
    @page{
        size: A4;
        margin: 2cm 1cm;

        @top-left{
            content:"var(--print-time)";
            
        }
        @top-right{
            content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAoCAYAAAA16j4lAAAAAXNSR0IArs4c6QAADa1JREFUeF7tmg2QVNWVx3/nvulhUKOGsCtlrASJVihJGQJCN2AEElfYGFeDuoIfEZ1h0FpWE9kAq1EkYiIhu8omqzDTg8QSJCa6GndTBBPBBYZu4kaXdS2NlYhbaxYTP/hQwJnue7bPm36Tppn+UpyhqLlVUzXV77537z3/8/E/51yhfxzVEpCj+nT9h6Mf4KNcCfoB7gf4KJfAUX68XrXgmRtoCAYwyQV8Vj3pzAFSqyZzoJyMm9KciucWEY5V2KmeO9rG81bZd1J8S+B0FTrU0dI2hi2NaeY4ZUIlPKM1goBzVLnM5nthS1ucH1R690h83rsAb2NInbIQZSbCRs2yLPseG8uB3LyVUV54Ehik8HLMM3n5eF6rAHA7MA7Yr0JTW5w1TWkeRLmiEgjRGpmAq1HuDOcLq5Nxrqz07vt93tjOIHHcKjBElXdx3JmM88r7/V7he70L8AZOrBvATHXcaIepBuQPA2CFzcA/9yhAYe/xWZ7aG/D13gL4unY+3unYYF4HeMspf9Eyjl8fUQBf9Z8c2/Aep+dcaLAfXl6dYE9PG5y5laF1jqtVmVkNyO8H4FlbOdcLg/FkUba1TeDVgyy4CotsSnNzP8AFCDa28zlxrFJQyXJTcgJP2WOLuwMHxkZmnB+uPvtiZj/P0cCQYpDxLEmOY2OxUhQDjGeeBHxFlHqb21NcbuohBh9OgAtdarRfc+3JBLcV77/xV0wQT3O039DjCz9qifOY/d+c5qKs5xoRJgMfAToUNgqke/perVZ92Fx001YmIWxQ2JHLrm9vi/PDEOBtDImp+5qqThf0We9ZYXHXQB4YNDR6zczMamYwcE9mP0tWTWZX4SEKAQb2Ar8BRgJBft5egTXec3NEvppSlI/BH8CCQ8CyfA2YkgekaxvCGygPFpJAI3YCl6OMLdivzd6uQqsRt4M8xcHobU0mGF8roMXzawL40v+m/s+g/t4RvFP8oZIAl4m7g4876bR9vHNzZ/bAJUr2P9SzqG0868oAbBYbxs9A+WhWuC0kJvCmC5jeOoZf2LsVAYZXBbYWn6HQG5Ry0U2pUHGvUEL334KwBfgbgbNDBRTuSMZZGrJ/5QlghH03UL5l6xXs+WUCrvFZ3o4pE6PfgXcc3KnKM63jus7zQUbVABu4J+xllM+QWXk2z0SLmoXWeYZqlnMl4A6FtxAeFc/qTMCLq8ayszjuCqxTWGLueuAxA6dltXOBJ2ME4xArLnLROwUakwl+9vV2Bu6xdYSpXXJjbmuCZVUC3KPMCll6TwDnU7YNCJ8EXlPPBW3jebYpzYwQbDgOIaVZzhfHhcByoF6Vdccr02zRvQH/hNJke1a4uy3BN44IkjV7G+dkPVckE8yOYmvdwNBVXogwEs9pCKdZ2ojwFsrzQAp4vIe4e6IdPuNY1pClIeOYH6ZO8FyxFZcjWUVx9ZZknG9XA3BJFp1n0HePZ39PAM9K82VVHgqBhL2qbHDCPg+DBCYZmAj/FyjnZoQ5olyf16Ruj6FwBnBm/vcnkwnO63OAZ6Y4vU5YI/BAa5zv2+Ya25kqATeiJIAGhX0CgxDeUzggygnArtzBNxbG3Zi4Bao6E9FnDUyLx8FALhKYDwwvtuIPA+Bq8tqeAG5Mc7koSWBgGbcZpjnecVMVeXcYZ/sU4AhcVc7UDKeuPJvfz9rCSAIWKlxk8QVYZ1Yryk3A6wi/FMV5SORj5GMuy5LWCTw3KxVMV/ztoCcdZMVinkFmiMjazn3+rohsHUkA53mGsd8TRHnZy6Gs2Qnv1XWwsaOe+aKh0tr4kdLFmguHU96wONtnADc/wyd8lkdQzgJ+nUwwOh9zbwSuCy0V1jrPCi9h4SJi0XcGWTb7gMss3zULF2F5RlhBloa6vEu2WEyWRZ0dvBirZzixYKRTeWlFPNNNgI4kgK/fxEc76/l3lM/kMpzfa8BfWxnUUp2orBmlS81pzvfKWnPnCuvxzDCWH6VwBnSULvUJwJbr4bhf4K/ym7nB3HNeixcCkxTWBp5FLeN5sScW3dzOcHWhpU+3eBzF13Cu4zKyvJSpY60RsVIu70gCOIzvaRaqcrNYmiZsE+XVKK4qdIjw7WScRXll+AnKFwrjtQrnogwOmTVc2pJgcxHAH34ebOA6xxyFRZHgPVzilDcVpiJcnScUq8SHqYBVHEbiuNs2LrAK5efeU+8CLka5XC02C0tWxllqxY+GBoYcCDhQDlz77JEGcOMWPikBU0w2YSUuP/LnXqhZfm6VszzZS6jVv4VmMQL2p7mbEe6ykqgRujAjcNyaU4S5BfM+vDx41lZuUuEfyhCJ9/PIe3h0ZYJLa3nZLCFTzySvDKCA5XYLEIba/x6235/gBfu/x1JlioTm5wrsSCZChl9yXJPiDJdnu8XzQ0ACvoCGlaeuUbS36GdTCISxuO7CjN2yOGT94nlRfK5FVj3N7TEPnpWixcPVRVpnWqkCx+eY7okKGYFdxp7zH27Ia3QGYZdqVzFEjHEKJ6I4hH9JxrtacP2jdyRQstDRlGK9wsQIZCd8Mwv/C8Sliz0fkysZGjPcEAKpYYqzAHhDJfzdKk42zrb5uWcHnGNxyxhW1Hq05mc4xncyFccfk3E2fTXNx+rhPO8ZYN9ysMfFWNdyVreyHbREU4ozvTIq+tEJf7BiSVOazwOndMD6B+K8We2+ou85CYnn9mrfs3nX/ophLhuWILfbu/YthBEoryCcWuteKq1dEuBrN3OyqwubByHIosxtHcc/FpAsc3lGspaUIlmWTvmA+SHAwkaURZVcY/GGTSBBhvNVuEWF34nne+J4V5U1CM+rcopVhcr1icOcFm5DSSPERXm6NcGUfKHkL6tpz5kyeM+nQmUWvixwscIjqvxr4Z4j5Skl+MY088RzqzrmWL0+n2/PxbEUzw2qLA1irCilrJUALX5etlR5EMjC9t3HMeHYdxlUp8xW5bq8C16VUVbUWXwraDZkPU/XCZZOWZpkvvqezD6WFTcTKm3YigtWexbYpMqIsCyp/BjhehWuEpihytiKACtzxbHABJiruD2YHMucxhSPWw25KoC30aw+vERwTq7gM8zSRuVQ63XKb1vHsbinc4WeR/kJ8DHNckG+jWnKN0+VewWuDUXluax1PE9Xkk01zyvWog1kqQvLc4lYwOjlY3i+0DJD9iisU89uEear8EeBJ3OpRIelUsWFjmo2VTgnXz1aZgoiMM4rZ+Q6NNZROtmEJDG+gecSu9bj6nmoJ83vthJhNZ5ruq2nq+v06WoAtj1FACmMco5ZrWN5uCnFl1AayoWI6DyNqVAh78HxEJ6UV+rMGyBcYO1BVX4bhhzhkdb4wZ6hVrlF8ysCHMaNzZzl6ljhhPtb4vwgulsV5rJ/AtHKkpY2dOb/LEYbCVsnsKxW19wtlLwFA1tEGapwnIM16tiRHEuL1Ye9cnHOol+v72DJfZ/n7WJhdANMeEtiRL3yxUyMVzXDJhU+5ZSvtCS6uES50byV672wGOXRWIZ5tpZ1rhQGV3OVKO8xvpiXiYW4J0UYpp4JuXr+Y5G7r+TmK+2z8HlVANsLjWlmizJq90f42x+PoMNArh/AUA24UDXMjYehfCJs+As7UV6y5oFk+aGVKGvZVDQ3JFcZbrf6ArASuFKNUMHfZwtTlC6tL0l4CuLcA+o53yl/55UXJOCX2qWUt7bF+W65PYZkCB6xu2EOLrHKnZE8J9yS7wvfZQTTB7SvHMPvevrWrK1800vY3P+4KKtV+EWuYTER+82aM8JreD4r0FrKzdcqx6oBjkDWTp6wenS0UFi6zDJcAyaLD2uzb6uwVjwPZ2DHqnHsqHVT0XzLgTtirBYJq0Hru2MwvKAw2VlosH6wZ4I4bou6SaUsWBzT1PN9hVdQkiKsMnaP8F8uYFo5YtOU5t4c07UCj90CvQr4ksKxoiEBNKDXeWW3wMpS3soIoym8wOeEsGlxEoLzylTpUp7foEzzdUwvpSS1yrImgMtqeIkbHbVuqAQ4dj9qqTqmWJlPugA+w9xiZ8DEsMMjLK4AcPgNhCsFnldCV35WjqD9TBwzJMtXyxEbsz6VMN07tTBm1+Si08zL3ey4Qzy7ER7WLEvrPXs6YyGh+nMgpl2XBu6t5FGqlethA3hWOxPV8ZTC/4iwMBnngWo3UcE1fldhdt5CrOlhzX2rWFmb8q5cqjY8dHGwqCzAlibB+lxbcj+KVdVGo9yH51EJeMKsuANuKJcP95RW1QJwU56JG9NW4adRbp5389ZL35S/CLCnLRFeGPjA47AB3JRidK5oYG7H2obfORzXTcKwkOJx02ynLPeOBaLhrYmXVDmvVhdtlqdwihe+Z8w/1sHCkChtoxnPAqcsbRnHfaWkGgGsyuK8B7DY3x2DvbKrFEGKijW+qxJo752DcDmePSr8m6VfucsTzwp8RmBLa4LGD4xuVyXx8IwrUhw/IMPoICA4XODazsw14nhOhZMtDw21P+APqgwz1twZ49M5r3GtE35aKrXI38SYai5RYkyJ3i1k3OE6QDlyk1eEM1V4J2f91s8+ZJTKg0M+UR/eXOl6T3jdlFWUnbZmZN2WgZSL47WiddgArnXh/vm9I4F+gHtHzn22Sj/AfSb63lm4H+DekXOfrdIPcJ+JvncW7ge4d+TcZ6v0A9xnou+dhfsB7h0599kq/w/toIuSXO8vtAAAAABJRU5ErkJggg==);
            width: 120px;
            height: 40px;
            
        }
        @bottom-left{
            content: "var(--page-url)";;
        }
        @bottom-right{
            content: counter(page) " / " counter(pages);
        }

    }
    .watermark {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        pointer-events: none;
        opacity: 0.2;
        /* background-image: var(--watermark-image); */
        background-repeat: repeat;
        display: block;
    }
    .header,.footerContainer{
        display: none;
    }
    .rightTool .toolBtnWrap,.rightTool .searchWrap{
        display: none;
    }
    .rightTool .printColumnName{
        display: block;
        font-size: 16px;
        color: #000;
        font-weight: bold;
    }
    .printHeader{
        display: block;
        font-size: 24px;
        text-align: center;
    }
    .detailMainNavWrap{
        display: none;
    }
    .detailHeader{
        padding: 0 !important;
    }
    .detailContentWrap{
        padding: 0 !important;
    }
    .helpCard {
        display: none !important;
    }
    .basicInfoColumnWrap{
        flex-wrap: wrap !important;
    }
    .overallInformation{
        width: calc(50% - 10px) !important;
        flex: 1 1 !important;
    }
    .shipImgDynamicInfo{
        width: calc(50% - 10px) !important;
        flex: 1 1 !important;
        margin-right: 0 !important;
    }
    .currentvoyageColumnInfo{
        width: 100% !important;
        page-break-inside: avoid;
        break-inside: avoid;
    }
    .printView{
        display: block !important;
    }
    .miniView,.midumnView,.largeView{
        display: none !important;
    }
    .printView .detailColumn{
        width: calc(50% - 10px);
    }
    .printView .detailColumn .columnItem{
        page-break-inside: avoid;
        break-inside: avoid;
    }
    .printView .detailColumn.leftPrintColumn{
        float: left !important;
        margin-right: 10px !important;
    }
    .printView .detailColumn.rightPrintColumn{
        float: right !important;
        margin-left: 10px !important;
    }
    .portofcallMap,.PSCInfoTableTableBox,.commonTableWrap{
        page-break-inside: avoid;
        break-inside: avoid;
    }
    .commonTipsWrap + .commonTableWrap,.tableHeaderBtnWrap + .commonTableWrap{
        /* page-break-inside: auto !important;
        break-inside: auto !important; */
        page-break-inside: avoid;  /* 禁止当前元素内部分页 */
        break-inside: avoid-page; /* 新标准属性 */
    }
    table colgroup col,table thead tr th{
        width: unset !important;
    }
    .tableHeaderBtnWrap>button.active{
        background-color: #64C800 !important;
        color: #ffffff !important;
        border: 1px solid #64C800;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .portofcallTimeBtn.active{
        background-color: #64C800 !important;
        color: #ffffff !important;
        border: 1px solid #64C800;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .commonTipsWrap{
        background-color: #ffffcc !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        page-break-inside:auto;  /* 禁止当前元素内部分页 */
        break-inside: avoid-page; /* 新标准属性 */
        margin-bottom: 0;          /* 移除底部间距 */
        page-break-after:auto !important;
        margin-bottom: 0;
    }
    .scrollTableWrap table tbody tr td{
        white-space:normal !important;
    }
}