table { page-break-inside:auto }
tr,td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tbody{page-break-inside:avoid;page-break-after:auto;}
tfoot { display:table-footer-group }
.idata {display: inline-block;border-bottom: 1px dashed #ccc;}
#tools {position: relative;overflow: hidden;text-align: center;border: 1px solid #ddd;border-radius: 5px;max-width: 1024px;margin: 0 auto;}
#tools .tools-wrap {text-align:left;display: inline-block;position: relative;width: 100%;}
#app-bar-open {display: none;position: absolute;top: -1px;left: -1px;width: 35px;height: 200px;background: #002c38;color: #fff;text-align: center;z-index: 10;transition: none;}
#app-bar-open .txt {background: #002c38;display: inline-block;position: absolute;top: 50%;left: 50%;width: 170px;-moz-transform: translate(-50%, -50%) rotate(90deg);-webkit-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);text-transform: capitalize;letter-spacing: 2px;}#tools .tools-wrap #app {position: relative;display: inline-block;width: 100%;max-width: 100%;margin-bottom: -5px;}
#app-bar-open .txt i.fa {-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);font-size: 17px;margin-right: 10px;}
#app-bar-open.fixed {position: fixed;top: 50px;margin-left: 20px;transition: none;}
body.admin-bar #app-bar-open.fixed {top: 100px}
#app-bar-open.fixed .txt {}
#tool-nav {width: 100%;font-weight: 500;overflow: hidden;margin-bottom: 6px;}
#tool-nav ul.menu li {float: left;font-size: 16px;line-height: 16px;padding-right: 12px;padding-top: 2px;margin-right: 12px;margin-bottom: 6px;border-right: 3px solid #ffffffa8;}
#tool-nav ul.menu li:last-child {border: 0}
#tool-nav ul.menu li.active a, #tool-nav ul.menu li:hover a {color: bisque;}
#tools .tools-wrap #app #bar {position: absolute;top: 0;left: 0;bottom: 0;width: calc(100% - 190mm);height: 100%;overflow-y: auto;margin: 0;padding: 15px;background: #002c38;color: #fff;border-right: 1px solid #ddd;}
#tools #bar .dark {display: block;margin: 0 -15px 15px;padding: 10px 15px 5px;background: #f4dfbf;}
#tools #bar .form-group label {display: block;margin-bottom: 5px;font-weight: 500;color: #ddd;}
#tools #bar .form-control {display: block;width: 100%;max-width: 100%;min-height: 34px;padding: 6px 12px;font-size: 14px;line-height: 18px;margin-bottom: 15px;background-color: transparent;color: #ddd;background-image: none;border: 1px solid #2e4f5a;border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
#tools #bar .form-control::placeholder {color: #999;}
#tools #bar textarea:focus, #tools #bar input:focus,  #tools #bar select:focus {background: #023442;}
#tools #bar .btn {display: inline-block;background: crimson;color: #fff;padding: 6px 16px;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border-radius: 4px;margin-right: 10px;margin-bottom: 10px;}
#tools #bar .btn-info {color: #fff;background-color: #3b78e8;border-color: #2e5fb9;}
#tools #bar .btn-info:hover {color: #fff;background-color: #2565d8;border-color: #3377f2;}
#tools #bar .btn-email {background: green;}
#tools #bar .btn-email:hover {background:darkgreen;}
#inputdata h3 {margin: 0 -15px 10px;padding: 10px 15px 8px;font: 400 17px/20px Oswald, Arial;background: #006600;color: #fff;text-transform: uppercase;}
#inputdata h4 {display: inline-block;margin: 0 -15px 12px;padding: 6px 15px 4px;font: 400 17px/20px Oswald, Arial;text-align: center;background: #3b78e8;color: #fff;text-transform: uppercase;}
.colap .head {position: relative;}
.colap .head i.fa {position: absolute;top: 0;right: -15px;color: #fff;background: #078207;width: 38px;height: 38px;text-align: center;line-height: 38px;cursor: pointer;}
.colap.sub .head i.fa {background: #3b78e8;height: 30px;line-height: 30px;}

.nhanBaoGia {width: 100%;height: calc(100vh - 300px);margin-top: 10px;border-radius: 8px;overflow: hidden}
.nhanBaoGia iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 8px;}

#tools .tools-wrap #app .content, canvas {width: 190mm;background: #fff;border-top: 0;float: right;padding: 15mm;border-radius: 0;font-size: 14px;line-height: 1.4;size: A4;overflow: hidden;border-right: 0;}
#tools .content p {}
#tools .content .ct-dt {margin-bottom:20px;}
#tools .content .ct-dt .half {float: left;width: 50%;height: 25px;overflow: hidden;}
#tools .content .ct-dt .full{clear: both;display: inline-block;width: 100%;/* margin-bottom: 5px; */}
#tools .content .ct-dt .lab, .ct-dt .slab {font-weight: 500;}
#tools .content .ct-dt .slab {margin-left: 20px;}
#tools .content .ct-dt .dval {display: inline-block;width: 100px;}



#tools .content .hd-head {display: inline-block;width: 100%;font-size: 14px;margin-bottom: 15px;}
#tools .content .hd-head .left-col, .hd-head .right-col {float: left;width: 50%;text-align: center;}
#tools .content .hd-head .left-col h3, .hd-head .right-col h3 {font-size: 14px;}
#tools .content .ct-infos {margin-bottom: 10px;margin-left: 20px;}
#tools .content .ct-infos p {font-size: 14px;margin-bottom: 3px;text-transform: uppercase;}
#tools .content .ct-infos span {text-transform: uppercase!important;}
#tools .content .ct-infos .name {display: inline-block;font-weight: 500;margin-right: 5px;}

.luat {margin-bottom: 10px;margin-left: 20px;}
.hd-desc {margin-bottom: 10px;}
.det {margin-bottom: 15px;line-height: 25px;}
.bh, .hdpc h3 {display: inline-block;width: 100%;margin: 10px 0 5px;font-weight: 600;font-size: 17px;}
.hdpc h4 {display: inline-block;width: 100%;margin: 5px 0;font-weight: 600;}
.det p, .ct-dt p {margin-bottom: 0;}
.det .lab {display: inline-block;width: 80px;font-weight: 500;}
.det .slab {display: inline-block;margin-left: 10px;font-weight: 500;}
.det .din, .det .din2, .det .din3 {position: relative;display: inline-block;min-height: 18px;width: calc(100% - 100px);margin-left: 5px;}
.det .din2 {width: 205px;}
.det .din3 {width: 113px;}
.det .din:after, .det .din2:after, .det .din3:after {content: '';position: absolute;bottom: 0px;left: 0;right: 0;height: 1px; border-bottom: 1px dashed #888;}
.det .not.din:after, .det .not.din2:after, .det .not.din3:after {display:none}
.ct-dt {margin-bottom:20px;}
.ct-dt li {}
.ct-dt .half {float: left;width: 50%;height: 25px;overflow: hidden;}
.ct-dt .full{clear: both;display: inline-block;width: 100%;/* margin-bottom: 5px; */}
.ct-dt .lab, .ct-dt .slab {font-weight: 500;}
.ct-dt .slab {margin-left: 20px;}
.ct-dt .dval {display: inline-block;width: 100px;}
.list-cv h3 {display: inline-block;width: 100%;margin: 10px 0;}

.hdpc ul, .hdpc ol {list-style: disc;display: block;list-style-type: disc;margin-block-start: 5px;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.hdpc ol{list-style-type: decimal;}
.hdpc ul li, .hdpc ol li {list-style: inherit;margin-bottom: 5px;}

#tools .content table.price {border-collapse: collapse;width: 100%;margin-top: 5px;border-left: 1px solid #ddd;table-layout: fixed;}
#tools .content table.price .part {background: #f5f5f5;font-weight: 600;text-transform: uppercase;}
#tools .content table.sub_tb {width: calc(100% + 1px);border-collapse: collapse;}
#tools .content table.price th {text-align: center!important;padding: 5px;font-size: 12px;border: 0;background-color: #ccc;border-right: 1px solid #bbbbbb;border-top: 1px solid #bbbbbb;border-bottom: 1px solid #bbbbbb;text-transform: uppercase;-webkit-print-color-adjust: exact;}
#tools .content table.price tr td {border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 5px;font-size: 12px;}
#tools .content table.price tr td.td_tb {border:0;padding:0;}
#tools .content table.price #tb_tongcp .title {font-weight: bold;text-transform: uppercase;}

#tools .content table.price .stt {width: 6%;text-align: center;}
#tools .content table.price .hm {width: 20%;}
#tools .content table.price .nd {width: 25%;}
#tools .content table.price .kl {width: 12%;text-align: center;}
#tools .content table.price .hs {width: 10%;text-align: center;}
#tools .content table.price .dg {width: 12%;text-align: center;}
#tools .content table.price .tt {width: 15%;text-align: right;}
#tools .content table.price .ttt, #tools .content table.price .tdt {text-align: right;}

#tools .content table.price .form-control {display: inline-block;border: 0;width: 100%;max-width: 100%;font-size: 12px;line-height: 16px;padding: 0;text-align: right;}
#tools .content table.price textarea.form-control {width: 100%!important;text-align: left;}
#tools .content .loai_hd, #tools .content .loai_ct, #tools .content .kieu_tk {text-transform: lowercase;}
#tools .content table.sign { width:100%; }
#tools .content table.sign th, table.sign td { width:50%; text-align:center; }
#tools .content ul.task_list > li { width:50%; float:left; }
#tools .content .item_editable {display: inline-block;width: 100%;text-align: right;font-size: 15px;border: 0;margin: 0;padding: 0;}
#tools .content .sum {font-weight: bold;}

#tools .content table.price .left {text-align:left}
#tools .content table.price .right {text-align:right}
#tools .content table.price .center {text-align:center}

ul.note-list li {margin-bottom: 3px;}
.tt-dot {display: inline-block;position: relative;padding: 0;}
.tt-input {position: absolute;left: 0;border: 0;width: 100%;height: 100%;padding: 0;font-size: 14px;font-family: Roboto, Arial;font-weight: 500;}

.loading-img{display:none;position: fixed;top:0;left: 0;bottom: 0;right: 0;z-index: 999999;background: rgba(0,0,0,0.8);}
.loading-img i.fa{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);font-size: 100px;color: #fff;}
.hide-scrollbar {overflow: -moz-hidden-unscrollable;overflow: hidden;}
.hide-scrollbar .loading-img{display: block;}


@page {size: A4;margin: 18mm 18mm 0mm 18mm;}
@media only screen and ( max-width: 1024px ){
    #tools {max-width: initial;border: none;}
    #tools .tools-wrap {border: 1px solid #ddd;}
    #tools .tools-wrap #app #bar {visibility: hidden;z-index: -1;opacity: 0;display: none;}
    #tools .tools-wrap #app #bar.active {visibility: visible;opacity: 1;display: block;width: 300px;z-index: 9;top: -1px;left: -1px;border-right: 0;}
    #tools .tools-wrap #app #bar.active #inputdata {display: inline-block;width: 262px;}
    #app-bar-open {display: block;}    
    #app-bar-open.active {left: 291px;}
    #tools .tools-wrap #app {overflow-x: scroll;}
    #tools .tools-wrap #app .content, canvas {display: inline-block;float: none;}
}
@media print {
    body { font-size: 2.0em; }
    #theme-header, .page-head,#theme-footer, #topcontrol, #tools #tool-nav, #tools #bar {display:none;}
    #main-content {margin: 0 auto!important;width: 100%;}
    .container {width:100%;}
    #tools .tools-wrap #app, #tools .tools-wrap {width:auto}
    #tools {border:none;width: fit-content;}
    #tools > .tools-wrap > .content { visibility: visible; width:100%; border: 0; margin: 0 auto; padding:0; }
    #print-this {margin: 0;}
    .pagebreak { page-break-inside: avoid; page-break-before: always; display:block; }
    #tools .content {margin-left:0;}
}