.pn-wrapper-list{width: 1100px;margin: 0 auto 30px auto;padding: 20px;border-radius: 5px;border: 1px solid hsl(0deg 0% 83.53%)}
.pn-wrapper-list h2{ font-size: 25px;line-height: 35px;margin: 0 0 10px 0;color: #041c98;font-weight: bold;text-transform: uppercase}
.pn-wrapper-list .pn-wrapper{font-size: 14px}
.pn-wrapper-list .pn-list{margin-top: 20px}
.pn-wrapper-list .pn-list ul{padding-left: 0;list-style: none;margin-bottom: 0}
.pn-wrapper-list .pn-list ol{padding-left: 20px;margin-bottom: 0}
.pn-wrapper-list .pn-list > ol > li > a,.pn-wrapper-list .pn-list ol > li::marker{font-weight: 500;font-size: 20px;line-height: 25px}
.pn-wrapper-list .pn-list > ol > li ul{margin: 10px -5px 0 -25px}
.pn-wrapper-list .pn-list > ol > li ul li{padding: 0 5px;margin:0 30px 5px 0;float: left}
.pn-wrapper-list .pn-list > ol > li ul li:not(:last-child){margin-bottom: 5px}
.pn-wrapper-list .pn-list > ol > li ul li a:before{content: ""; float: left; color: #ec8c02; margin-top: 6px; width: 12px; height: 7px; border-bottom: solid 3px currentColor; border-left: solid 3px currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-right: 7px}
.pn-wrapper-list .pn-list > ol > li{margin-bottom: 25px}
.pn-wrapper-list .pn-button-page a{display: inline-block; font-size: 14px; line-height: 19px; margin-right: 15px;color: hsl(208.18deg 55.93% 46.27%);border-bottom: 1px solid hsl(208.18deg 55.93% 46.27%)}
.pn-button-page .arrow-left,.pn-button-page .arrow-right {color: hsl(208.18deg 55.93% 46.27%);margin-top: 10px;width: 11px;float: left;position: relative}
.pn-button-page .arrow-right{float: right}
.pn-button-page .arrow-left:before {content: '';position: absolute;left: 2px;top: -4px;width: 7px;height: 7px;border-top: solid 1px hsl(208.18deg 55.93% 46.27%);border-right: solid 1px hsl(208.18deg 55.93% 46.27%);-webkit-transform: rotate(-135deg);transform: rotate(-135deg)}
.pn-button-page .arrow-right:before {content: '';position: absolute;right: 2px;top: -4px;width: 7px;height: 7px;border-top: solid 1px hsl(208.18deg 55.93% 46.27%);border-right: solid 1px hsl(208.18deg 55.93% 46.27%);-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.pn-wrapper-detail h3{margin-top: 0;font-size: 20px;line-height: 30px}
.pn-wrapper-detail .pn-filter{margin-top: 20px}
.pn-wrapper-detail .pn-filter .row{margin: 0 -5px}
.pn-wrapper-detail .pn-filter .row [class*='col-']{padding: 0 5px}
.pn-wrapper-detail .pn-filter .form-control{box-shadow: none;outline: none}
.pn-wrapper-detail .pn-filter .pn-button{background-color: hsl(208.18deg 55.93% 46.27%);color: #fff;border: none;border-radius: 4px;font-size: 14px;line-height: 19px;padding: 8px 15px 7px 15px}
.pn-wrapper-detail .pn-filter .pn-button.loading:after{background-color: hsl(208.18deg 55.93% 46.27%)}
/**/
.pn-list-old{padding-top: 15px; margin: 15px 0 30px 0; border-top: 1px solid #ddd}
.pn-list-old h4{font-size: 20px; line-height: 30px; margin: 0; color: #041c98; position: relative}
.pn-list-old ul{list-style: none;padding-left: 0;margin: 10px 0 20px 0}
.pn-list-old ul li:not(:last-child){margin-bottom: 10px}
.pn-list-old ul li a{position: relative;padding-left: 20px}
.pn-list-old ul li a:before{content: ""; position: absolute; left: 0;top: 0;color: #ec8c02; margin-top: 4px; width: 12px; height: 7px; border-bottom: solid 3px currentColor; border-left: solid 3px currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
.pn-see-all{border-bottom: 1px solid hsl(208.18deg 55.93% 46.27%); font-size: 16px; line-height: 21px;color: hsl(208.18deg 55.93% 46.27%)}
.pn-see-all:hover{border-bottom-color: #ec8c02}
/**/
.pn-wrapper-pdf{text-align: center;position: relative;margin-top: 20px}
.pn-wrapper-pdf::-webkit-scrollbar {width: 5px}
.pn-wrapper-pdf::-webkit-scrollbar-track {background: #f1f1f1}
.pn-wrapper-pdf::-webkit-scrollbar-thumb {background: #888}
.pn-wrapper-pdf::-webkit-scrollbar-thumb:hover {background: #555}
.pdf-toolbar{background-color: #eee; padding: 5px}
.pdf-toolbar .pdf-page-action{display: flex;align-items: center;flex-wrap: nowrap}
.pdf-toolbar .pdf-page-action .pdf-page-button{display: flex;align-items: center}
.pdf-toolbar .pdf-page-action .pdf-page-button .pdf-page-label{margin: 0 3px;width: 60px;border: 1px solid #ddd;height: 28px;display: flex;align-items: center;justify-content: center}
.pdf-toolbar .pdf-page-action .pdf-zoom-button{margin-right: auto;display: flex;align-items: center}
.pdf-toolbar .pdf-page-action button{width: 28px; height: 28px; border: none; background-color: #d7d7db}
#zoomLabel{border: 1px solid #ddd ;height: 28px; width: 60px; display: flex ; align-items: center; justify-content: center;margin: 0 3px;font-size: 14px}
.pdf-page-button .arrow-left.icon {width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin-left: 5px}
.pdf-page-button .arrow-right.icon {width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.plus.icon {color: #000;margin-right: 14px}
.plus.icon:before {content: '';position: absolute;width: 15px;height: 1px;background-color: currentColor}
.plus.icon:after {content: '';position: absolute;width: 15px;height: 1px;background-color: currentColor;-webkit-transform: rotate(90deg);transform: rotate(90deg)}
.minus.icon {color: #000;width: 15px;height: 1px;background-color: currentColor}
.pn-wrapper-canvas{overflow-x:auto;text-align: center;padding: 10px;border: 1px solid #eee}
.pdf-toolbar .toolbarHorizontalGroup{height: 28px;display: flex;flex-wrap: nowrap}
.pdf-toolbar .toolbarHorizontalGroup button,.pdf-toolbar .toolbarHorizontalGroup a{margin-left: 3px;padding: 0;display: flex;align-items: center;justify-content: center}
.pdf-toolbar .toolbarHorizontalGroup a{width: 28px;height: 28px;padding-top: 8px; background-color: #d7d7db;}
.pdf-toolbar .toolbarHorizontalGroup button:first-child{padding-bottom: 2px}
.pdf-toolbar .toolbarHorizontalGroup button:last-child{padding-top: 8px}
.pdf-toolbar .toolbarHorizontalGroup button span{display: block}
.print-solid.icon {color: #000;position: absolute;width: 15px;height: 6px;border-radius: 1px 1px 0 0;border: solid 1px currentColor;background-color: currentColor}
.print-solid.icon:before {content: '';position: absolute;left: 2px;top: -3px;height: 13px;width: 9px;border: solid 1px currentColor;background-color: white}
.print-solid.icon:after {content: '';position: absolute;left: 1px;top: -1px;width: 13px;height: 3px;border-top: solid 1px currentColor;border-bottom: solid 1px currentColor;background-color: currentColor}
.download.icon {color: #000;position: absolute;width: 13px;height: 4px;border-radius: 1px;border: solid 1px currentColor;border-top: none}
.download.icon:before {content: '';position: absolute;left: 6px;top: -9px;width: 1px;height: 10px;background-color: currentColor}
.download.icon:after {content: '';position: absolute;left: 4px;top: -4px;width: 4px;height: 4px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(135deg);transform: rotate(135deg)}
/**/
.pn-wrapper-link{width: 1100px;margin: 0 auto 30px auto;display: flex;justify-content: space-between}
.pn-wrapper-link a{color: hsl(208.18deg 55.93% 46.27%);display: inline-block;vertical-align: top;text-transform: uppercase;font-weight: bold}
.pn-wrapper-link a:hover{color: #041c98}
.pn-wrapper-link a:hover span{border-color: #041c98}
.loadingPdf {width: fit-content;font-family: monospace;font-size: 20px;clip-path: inset(0 3ch 0 0);animation: l4 1s steps(4) infinite;margin: 20px 0}
.loadingPdf:before {content:"Đang tải dữ liệu..."}
@keyframes l4 {to{clip-path: inset(0 -1ch 0 0)}}
@media only screen and (max-width: 1499px){
    .pn-wrapper-list,.pn-wrapper-link{width: 800px;max-width: 100%}
}
@media only screen and (max-width: 991px) {
    .pdf-toolbar .pdf-page-action{justify-content: center}
    .pdf-toolbar{background-color: #eee}
    .pn-wrapper-list,.pn-wrapper-link{width: 100%}
    .pn-wrapper-list h2{font-size: 20px;line-height: 30px}
}
@media only screen and (max-width:767px){
    .pn-wrapper-list .pn-list > ol > li > ul > li > ul{display: block}
}
@media only screen and (max-width: 570px){
    .pn-wrapper-detail .pn-filter .row [class*='col-']{width: 50%;float: left}
}
@media only screen and (max-width: 480px){
    .pn-list-old h4{font-size: 17px}
    #zoomLabel,.pdf-toolbar .pdf-page-action .pdf-page-button .pdf-page-label{width: 50px}
    .pn-wrapper-pdf{margin: 20px -20px 0 -20px}
    .pn-wrapper-list .pn-list > ol > li > a, .pn-wrapper-list .pn-list ol > li::marker{font-size: 17px;line-height: 25px}
    .pn-wrapper-list .pn-list > ol > li > ul > li a{font-size: 14px}
    .pn-list-old ul li a{font-size: 15px;line-height: 20px}
    .pn-wrapper-detail .pn-filter .row [class*='col-']{width: 100%;margin-bottom: 10px}
    .loadingPdf{font-size: 14px}
    .pn-wrapper-canvas{margin: 0 -20px;border: none}
    .pn-wrapper-detail .pn-filter .pn-button{width: 100%}.pn-wrapper-detail .pn-filter .pn-button:nth-child(2){margin-left: 0 !important}
}
@media only screen and (max-width: 370px){
    #zoomLabel, .pdf-toolbar .pdf-page-action .pdf-page-button .pdf-page-label{width: 35px;font-size: 12px}
}