body { color: #000; font-family: RobotoR; font-size: 14px; min-width: 1200px; }
.khungAnh { position: relative; z-index: 1 }
.khungAnh:before { content: ""; display: block; padding-bottom: 66.66% }
.khungAnhCrop,
.khungAnhCrop0 { display: inline-block; height: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; z-index: 1 }
.khungAnhCrop0 img { left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1 }
.khungAnhCrop0 img { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.khungAnhCrop img { left: 50%; max-height: 150%; max-width: 150%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1 }
.khungAnhCrop img { -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.khungAnhCrop img.wide { height: 100%; max-width: none }
.khungAnhCrop img.tall { max-height: none; width: 100% }
.khungAnhCrop img,
.khungAnhCrop0 img { -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s }
.wrp { margin: auto; width: 1200px; }
.thongke { background: #f3f3f3; border-top: 1px solid #ebebeb; margin-bottom: 10px; padding: 3px; }
.thongke-ngay { background: url(icon/icon-thongke-ngay.png) no-repeat left; float: left; height: 100%; margin-left: 5px; padding-left: 5px; width: auto; }
.thongke-luotxem { background: url(icon/icon-thongke-luotxem.png) no-repeat left; float: left; height: 100%; margin-left: 15px; padding-left: 10px; width: auto; }
.thongke span { color: #aaa; float: left; font-size: 12px; line-height: 25px; margin-left: 15px; margin-right: 6px }
.cochu { float: right; height: 100%; width: auto; }
.cochu span { margin-left: 0px }
.thongke .cochu a { display: inline; float: none; margin: 0px; }
.noidung { font-size: 15px; line-height: 26px; margin: 10px 0px; min-height: 100px; text-align: justify; width: 100%; }
.noidung * { font-size: 15px !important; line-height: 23px }
.noidung img, .noidung input[type=image], .noidung1 img, .noidung1 input[type=image] { display: block !important; height: auto !important; margin: auto; max-width: 100%; }
.noidung iframe, .noidung video, .noidung1 iframe, .noidung1 video { display: block !important; margin: auto; max-width: 100%; }
.noidung table { margin: auto }
.noidung figcaption { text-align: center; }

.fancybox-overlay.fancybox-overlay-fixed { background: rgba(0, 0, 0, 0.8) }
.fancybox-inner img { max-width: 100%; width: auto !important; }

#CommonCuoiChiTietTin { background: #f3f3f3; border-top: solid 1px #ebebeb; color: #aaaaaa; font-size: 12px !important; margin: 5px 0; margin-bottom: 15px; padding: 5px; position: relative; z-index: 3; }
#CommonCuoiChiTietTin a { display: inline-block; font-size: 12px !important }
#CommonCuoiChiTietTin .apd a { color: #aaaaaa; display: inline-block; margin-top: 3px; padding-left: 20px; }
#CommonCuoiChiTietTin a:hover { color: #e95d0b }
#CommonCuoiChiTietTin a.prevDBT { background: url(icon/prev.gif) no-repeat left center }
#CommonCuoiChiTietTin a.top { background: url(icon/top.gif) no-repeat left center; padding-right: 20px }
#CommonCuoiChiTietTin a.email { background: url(icon/email.gif) no-repeat left center; padding-right: 15px }
#CommonCuoiChiTietTin a.email span { display: none }
#CommonCuoiChiTietTin a.print { background: url(icon/print.gif) no-repeat left center }
#CommonCuoiChiTietTin .shareItem { display: inline-block; height: 20px; position: relative; top: 2px; width: 25px; z-index: 1; }
#CommonHoTroCuoiBaiViet { padding: 20px 0 }
#CommonHoTroCuoiBaiViet a { background: #e95d0b; color: #fff; display: inline-block; margin-right: 10px; padding: 10px 22px; text-transform: uppercase; }
#CommonCuoiChiTietTin .fl { float: left; }
#CommonCuoiChiTietTin .fr { float: right; }
#CommonCuoiChiTietTin .cb { clear: both }
#CommonCuoiChiTietTin .pr20 { padding-right: 20px }
#CommonCuoiChiTietTin .fb_iframe_widget { top: -3px }
.lh35 { line-height: 35px }
.plr190{padding:0 190px}
.tab-links { border-bottom: 1px solid #dadada; list-style: none; margin: 0; margin-bottom: 15px; padding: 0; position: relative; z-index: 2; }
.tab-links li { bottom: -1px; display: inline-block; margin-right: 2px; position: relative; }
.tab-links li.active { border: 1px solid #dadada; border-bottom: 1px solid #fff; border-top: 3px solid #0e64b8 }
.tab-links li a { display: block; font-size: 13px; font-weight: bold; padding: 10px 15px; text-transform: uppercase; }


#header { background: #1564bf }
#header .logo { margin-right: 15px }
#header .text { display: block; margin-top: 8px; text-transform: uppercase }
#header .text:hover { text-decoration: none; }
#header .text p:first-child { color: #fff; font-family: RobotoM; font-size: 18px }
#header .text p:last-child { color: #ffea00; font-family: RobotoB; font-size: 22px }
#header .wrp { background: url(icon/bgHead.png) right 25px top no-repeat; padding: 8px 0; }


#menu { background: #0081d9 }
#menu ul { font-family: RobotoB; font-size: 14px; margin: 0; padding: 0; }
#menu ul li { color: #fff; display: inline-block; margin-right: -4px }
#menu ul li a { display: block; padding: 7px 13px; position: relative; text-transform: uppercase }
#menu ul li.active a, #menu ul li:hover a, #menu ul li:focus a { background: #c42e23; color: #fff; text-decoration: none; }
#menu ul li a:focus, #menu ul li a:hover { color: #fff; }

#container { background: #f1f1f1; padding: 15px 0 20px 0; }

#container .step-guide { background: #1F73BB; font-weight: normal; margin-bottom: 10px; }
#container .step-guide ul { margin: 0; padding: 0; }
#container .step-guide ul li { border-right: 2px solid #fff; box-sizing: border-box; color: #fff; display: inline-block; margin-right: -4px; position: relative; vertical-align: middle; width: 25%; }
#container .step-guide ul li:before { background: #1F73BB; border-right: 2px solid #fff; border-top: 2px solid #fff; content: ""; display: flex; height: 10px; position: absolute; right: -3px; text-align: center; top: 50%; transform: rotate(45deg) translateY(-50%); width: 10px; z-index: 5; }
#container .step-guide ul li ~ :nth-child(4):before { display: none; }
#container .step-guide ul li ~ :nth-child(4) { border-right: none; }
#container .step-guide ul li:nth-child(5) { display: none; }
/*#container .step-guide ul li:after{content: "";background: #fff;width: 1px;height: 52px;}*/
#container .step-guide .num { font-family: RobotoB; font-size: 35px; }
#container .step-guide .number { text-align: center; width: 20%; }
#container .step-guide .inf { font-size: 15px; padding: 6px 0px; vertical-align: middle; width: 80%; }
#container .step-guide .inf .dk { display: table; font-family: RobotoB; text-transform: uppercase }
#container .step-guide .inf .tk { font-style: normal; font-weight: normal; }
.colleft { float: left; width: 78.53%; }
.colleftLogin { width: 100% }
.colright { float: right; width: 20.59%; }

#searchFrm { border-radius: 3px; margin-bottom: 20px; overflow: hidden; }
#searchFrm .title { background: #c42e23; box-sizing: border-box; padding: 10px 14px }
#searchFrm span.fl { color: #fff; font-family: RobotoB; font-size: 16px }
#searchFrm a.fr { color: #fffc00; display: block; font-size: 14px; margin-top: 3px; text-decoration: underline; }
#searchFrm .form { background: #fff; box-sizing: border-box; padding: 15px }
#searchFrm .form .item { margin-bottom: 15px }
#searchFrm .form .item .label { display: inline-block; font-family: RobotoM; margin-right: -4px; vertical-align: middle; width: 110px; }
#searchFrm .form .item .input { display: inline-block; margin-right: -4px; vertical-align: middle; width: calc(100% - 110px); }
#searchFrm .form .item .input input { border: 1px solid #d8d8d8; border-radius: 3px; box-sizing: border-box; height: 30px; padding: 0 10px; width: 100%; }
#searchFrm .form .item1 { float: left; margin-right: 50px; width: calc((100% - 50px) / 2); }
#searchFrm .form .item1:nth-child(2n) { margin-right: 0 }
#searchFrm .form .item2 { float: left; width: calc(100% - 110px); }
#searchFrm .form label { line-height: 30px }
#searchFrm .form .btnsearch { background: #c42e23; border: 1px solid #d8d8d8; box-sizing: border-box; color: #fff; display: block; float: right; font-family: RobotoM; font-size: 13px; height: 30px; line-height: 28px; text-align: center; text-transform: uppercase; width: 97px; }
#searchFrm .form .btnsearch:hover { background: #0081d9 }

#totalRow { background: #959595; border-radius: 4px 4px 0 0; color: #fff; display: inline-block; font-family: RobotoM; padding: 6px 14px; }
.exportExcel { background: #28a745; border-radius: 3px; color: #fff; font-family: RobotoM; font-size: 13px; margin-left: 3px; padding: 4px; }
#dataTable .mainTable { background: #fff; margin-top: 3px }
#dataTable .mainTable table { border-collapse: collapse; width: 100%; }
#dataTable .mainTable table thead { background: #1565c0; color: #fff; font-family: RobotoB }
#dataTable .mainTable table thead tr th, #dataTable .mainTable table tbody tr td { box-sizing: border-box; padding: 10px; text-align: left }
#dataTable .mainTable table tbody tr td { border: 1px solid #e7eaed }
#dataTable .mainTable table thead tr th:nth-child(1), #dataTable .mainTable table tbody tr td:nth-child(1) { min-width: 50px; text-align: center }
#dataTable .mainTable table thead tr th:nth-child(2), #dataTable .mainTable table tbody tr td:nth-child(2) { min-width: 400px }
#dataTable .mainTable table thead tr th:nth-child(3), #dataTable .mainTable table tbody tr td:nth-child(3) { min-width: 160px }
#dataTable .mainTable table thead tr th:nth-child(4), #dataTable .mainTable table tbody tr td:nth-child(4) { min-width: 200px }
#dataTable .mainTable table thead tr th:nth-child(5), #dataTable .mainTable table tbody tr td:nth-child(5) { min-width: calc(100% - 850px) }
#dataTable .mainTable table tr { -moz-transition: 0.3s all ease-in-out; line-height: 21px; transition: 0.3s all ease-in-out; }
#dataTable .mainTable table tr a { transition: none }
#dataTable .mainTable table tbody tr:hover { background: #e7eaed; color: #1565c0 }

ul.paging { float: right; list-style: none; margin: 10px 0; padding: 0; }
ul.paging li { display: inline-block; }
ul.paging li a { background: #fff; border: 1px solid #1565c0; display: block; font-family: RobotoM; font-size: 13px; padding: 5px 10px; }
ul.paging li:hover a { background: #1565c0; color: #fff }

#cate { background: #fff; border: 1px solid #d8d8d8; border-bottom: none; border-radius: 4px; margin-bottom: 10px; overflow: hidden; }
#cate .title { background: #1565c0; color: #fff; font-family: RobotoB; line-height: 30px; text-align: center; }
#cate ul { list-style: none; margin: 0; padding: 0; }
#cate ul li { position: relative }
#cate ul li .openSub { cursor: pointer; left: 10px; position: absolute; top: 10px; z-index: 5; }
#cate ul li .openSub.ac .fas:before { content: "\f056" }
#cate ul a { border-bottom: 1px solid #d8d8d8; display: block; font-family: RobotoR; padding: 10px 20px 10px 30px; position: relative }
#cate ul a .fas { font-size: 11px; margin-right: 3px; vertical-align: middle }
#cate ul li:hover > a { background: red; color: #fff; text-decoration: none }
#cate ul li:hover .openSub { color: #fff }
#cate ul a .badge { -moz-transform: translateY(-50%); background: #1565c0; border-radius: 20px; color: #fff; display: inline-block; font-size: 11px; padding: 2px 7px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
#cate ul li ul { display: none }

#advert .banner { display: block; margin-bottom: 2px; width: 100% }
#advert .banner img { height: auto; max-width: 100%; width: 100%; }

.fs15 { font-size: 15px }

#footer .top { background: #004f8d; color: #fff; padding: 7px 0 }
#footer .top ul { list-style: none; margin: 0; padding: 0; }
#footer .top ul li { display: inline-block; margin-right: 10px; vertical-align: top }
#footer .top ul li:hover a { text-decoration: none; }
#footer .top ul li a:hover { color: #ffea00 }
#footer .top ul li:after { content: "|"; display: inline-block; margin-left: 10px; vertical-align: top; }
#footer .top ul li:last-child { margin-right: 0 }
#footer .top ul li:last-child:after { display: none }

#footer .bot { background: #1564bf; color: #fff; line-height: 25px; padding: 7px 0 20px 0; }
#footer .bot .dib a:hover { color: #3cadfa; text-decoration: none; }
/***popup***/
#background-popup { background: rgba(0, 0, 0, 0.5); display: none; height: 100%; left: 0px; overflow: auto; position: fixed; top: 0px; width: 100%; z-index: 85; }
#to-popup { -moz-transform: translateX(-50%); background: #fff; border-radius: 5px; color: #333333; display: none; height: auto; left: 50%; margin-bottom: 30px; overflow: hidden; position: absolute; top: 15px; transform: translateX(-50%); width: 900px; z-index: 90; }
#popup-content { min-height: 400px; min-width: 500px; } 

#detailTable { background: #fff }
#detailTable .title { background: url(icon/bgTitle_Popup.png) no-repeat top left #fff; box-sizing: border-box; padding: 1rem; }
#detailTable .title .fl { font-size: 20px }
#detailTable .content { box-sizing: border-box; font-size: 13px; line-height: 21px; padding: 0 15px; }
#detailTable .content .row { border: 1px solid #dee2e6; border-bottom: none; display: table; margin: 0; width: 100%; }
#detailTable .content .group { border-bottom: 1px solid #dee2e6 }
#detailTable .content .col1 { border-right: 1px solid #dee2e6; box-sizing: border-box; display: inline-block; font-family: RobotoB; line-height: 20px; padding: 5px 10px; vertical-align: middle; width: 150px; }
#detailTable .content .col2 { background: #fff; border-left: 1px solid #dee2e6; box-sizing: border-box; display: inline-block; height: 100%; margin-left: -1px; padding: 5px 10px; vertical-align: middle; width: calc(100% - 150px); }
#detailTable .content .col2 table { border-collapse: collapse; width: 100% }
#detailTable .content .col2 table tr td, #detailTable .content .col2 table tr th { border: 1px solid #dee2e6; padding: 0.3rem }
#detailTable .content .col2 table tr th { white-space: nowrap }
#detailTable .content a { color: #007bff }
#detailTable .content a:hover { color: #0056b3; text-decoration: underline; }
#detailTable .tool a { background-color: #6c757d; border-color: #6c757d; border-radius: 0.2rem; color: #fff; font-size: 12px; line-height: 1.5; margin-right: 5px; padding: 0.25rem 0.5rem; position: relative; top: 2px }
#detailTable .tool a:hover { background: #fff; color: #000; }
#detailTable .tool a .fas { margin-right: 3px }
#btn-close { cursor: pointer; margin-left: 10px; }
#detailTable .content .btnClose { border: 1px solid #6c757d; border-radius: 4px; color: #6c757d; display: block; font-size: 16px; line-height: 36px; margin-top: 15px; text-align: center; width: 100%; }
#detailTable .content .btnClose:hover { background: #6c757d; color: #fff; text-decoration: none; } 


#B33,#BYDCT { background: #fff; box-sizing: border-box; font-family: 'Time New Roman'; font-size: 13pt; margin: auto; padding: 20px 50px; }
#B33 .fs13 { font-size: 13pt }
#B33 .header { margin-bottom: 70px }
#B33 .header .qh,#BYDCT .qh { font-weight: bold; line-height: 27px; margin-bottom: 15px; padding-bottom: 15px; position: relative; text-align: center; }
#B33 .header .qh:after,#BYDCT .qh:after { -moz-transform: translateX(-50%); background: #000; bottom: 15px; content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: 220px }
#B33 .header .date { font-style: italic; margin: auto; text-align: center; }
#B33 input[type=text], #B33 input[type=number],#BYDCT input,#BYDCT select { border: none; border-bottom: 1px dotted #000; height: 21px; outline: none; text-align: center; width: 40px;max-width:800px; color: #6078c1 }
#B33 input[name=NamGui] { width: 55px; }
#B33 .header .date input:first-child { width: 70px }
#B33 .header .date #DiaDanh{width:100px}
#B33 .tieude { font-weight: bold; line-height: 25px; margin-bottom: 50px; padding-bottom: 15px; position: relative; text-align: center;padding-left: 100px;padding-right: 100px; }
#B33 .tieude:after { -moz-transform: translateX(-50%); background: #000; bottom: 0; content: ""; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: 60px }
#B33 .kinhgui { margin-bottom: 30px; text-align: left; }
#B33 .kinhgui textarea{overflow: hidden;
    resize: none;
    border: none;
    outline: none;
    height: 25px;
    line-height: 25px;
    background: url(icon/bgInputText.png) bottom left;
    background-size: auto 25px;
    width: 100%;
    color: #6078c1;}
#B33 .kinhgui input { box-sizing: border-box; outline: none; padding: 10px 0 10px 10px; text-align: left; }
#B33 .contentipt, #B33 .kinhgui { box-sizing: border-box; padding: 0 20px ;text-align:center;}
#B33 .contentipt .item { margin-bottom: 10px; text-align: left; display: flex; align-items: baseline}
#B33 .contentipt .item >span {display: flex}
#B33.viewHoSo .contentipt .item {display: block}
#B33.viewHoSo .contentipt .item >span {display: inline}
#B33 .lydobosung textarea{resize: none;outline: none;height: 25px;line-height: 25px;background-size: auto 25px;color: #6078c1;width:calc(100%-100px)
}
#B33 .contentipt .item textarea{overflow: hidden;resize: none;border: none;outline: none;height: 25px;line-height: 25px;background: url(icon/bgInputText.png) bottom left;background-size: auto 25px;color: #6078c1; flex: 1}
.adminbody  #B33 .contentipt .item textarea{background-size: auto 27px;}
#B33 .contentipt .item input { box-sizing: border-box; flex: 1; outline: none; padding: 10px 0 10px 10px; text-align: left; }
#B33 .aftercontent { line-height: 22px; text-align: justify; text-indent: 20px;padding-top:20px }
#B33 .aftercontent input {flex:1}
#B33 .aftercontent textarea{overflow: hidden;
    resize: none;
    border: none;
    outline: none;
    height: 25px;
    line-height: 25px;
    background: url(icon/bgInputText.png) bottom left;
    background-size: auto 25px;
    color: #6078c1;}
#B33 .signer { float: right;  text-align: center; width: 50%; margin-bottom:20px; margin-top: 10px;}
#B33 .fs12 { font-size: 12pt }
#B33 .num { font-size: 8pt; position: relative; margin-left: 4px; top: -4px; line-height: inherit}
#B33 .fl,#B33 .fr { float: none; flex: none}
#B33 .fr {flex: 1}

#B33 .table_bieumau,#BYDCT .table_bieumau { border: 1px solid #000; border-collapse: collapse; margin-top: 20px; width: 100%; background: #fff}
#B33 .table_bieumau tr,#BYDCT .table_bieumau tr { border-bottom: 1px solid #000 }
#B33 .table_bieumau thead th, #B33 .table_bieumau thead td,#BYDCT .table_bieumau thead th, #BYDCT .table_bieumau thead td { text-align: center }
#B33 .table_bieumau td, #B33 .table_bieumau th,#BYDCT .table_bieumau td, #BYDCT .table_bieumau th { border-right: 1px solid #000; font-size: 12pt; min-width: 70px; padding: 5px; }
#B33 .table_bieumau td.w120, #B33 .table_bieumau th.w120,#BYDCT .table_bieumau td.w120, #BYDCT .table_bieumau th.w120 { width: 110px }
#B33 .table_bieumau td.w200, #B33 .table_bieumau th.w200,#BYDCT .table_bieumau td.w200, #BYDCT .table_bieumau th.w200 { width: 200px }
#B33 .table_bieumau td:first-child,#B33 .table_bieumau tr td:last-child,#BYDCT .table_bieumau td:first-child,#BYDCT .table_bieumau tr td:last-child { text-align: center;width: 30px }
#B33 .table_bieumau input[type=text] ,#BYDCT .table_bieumau input[type=text] { width: 100%; line-height: 21px; height: 21px}
#B33 .addRow,#BYDCT .addRow { border: 1px solid #000; border-radius: 3px; display: inline-block; float: right; font-size: 12pt; line-height: 25px; margin: 10px 0; padding: 0 15px }
#B33 .addRow:hover,#BYDCT .addRow:hover { background: #000; color: #fff }
#B33 .table_bieumau tr th:first-child, #B33 .table_bieumau tr th:last-child, #B33 .table_bieumau tr td:first-child, #B33 .table_bieumau tr td:last-child,#BYDCT .table_bieumau tr th:first-child, #BYDCT .table_bieumau tr th:last-child, #BYDCT .table_bieumau tr td:first-child, #BYDCT .table_bieumau tr td:last-child { min-width: 30px}
#B33 .vanbandinhkem { float: left; font-size: 15px; width: 100%; }
#B33 .vanbandinhkem input { display: inline-block; font-size: 15px }
#B33 .vanbandinhkem ul li { line-height: 20px; margin-bottom: 5px }

#B33.viewHoSo .contentipt .item span:nth-child(2n) { flex: 1; padding-left: 5px}
/*#B33 .item.name {display: flex}
#B33 .item.name textarea {flex: 1}*/
#B33 span.fr {flex: none}

#tableBM textarea {overflow: hidden;resize: none;border: none;outline: none;height: 25px;line-height: 25px; background: url(icon/bgInputText.png) bottom left;background-size: auto 25px;width: 100%; color: #6078c1}

.detail { background: #fff; box-sizing: border-box; padding: 15px 20px }
.detail .name { font-family: RobotoB; font-size: 20px; }

#detailTable .other { box-sizing: border-box; padding: 20px }
#detailTable .other ul { list-style: none; margin: 0; padding: 0; }
#detailTable .other ul li { line-height: 21px; margin-bottom: 5px }

#footer .logo { display: inline-block; margin-right: 10px; vertical-align: middle }
#footer .logo img { max-width: 100px }
#footer .info { display: inline-block; max-width: calc(100% - 130px); vertical-align: middle; }

#frmLogin { background: #fff; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; padding: 10px; }
#frmLogin .item { margin-bottom: 10px }
#frmLogin .item p { margin-bottom: 3px }
#frmLogin .item input { border: 1px solid #dadada; border-radius: 3px; box-sizing: border-box; height: 30px; padding: 0 10px; width: 100%; }
#frmLogin .remember { font-weight: normal; margin-top: 7px }
#frmLogin .remember span { font-size: 13px; position: relative; top: -2px; }
#frmLogin .link { font-size: 13px; margin-top: 10px; text-align: center }
#frmLogin .link span { margin: 0 5px }
#frmLogin .link a .fas { margin-right: 2px }

.inputsearch { box-sizing: border-box; padding: 10px 0 }
.inputsearch .fl { line-height: 35px; width: calc(100% - 720px); }
.inputsearch .fr { width: 700px }
.inputsearch .fr input { float: left; width: calc(100% - 90px); }
.has-error { position: relative; }
#basicForm .has-error .help-block { bottom: 3px; line-height: 25px; margin: 0; padding: 0 10px; position: absolute; right: 0; }
.bgfff { background: #fff; }
#B33 input:focus ~ .help-block { display: none }
#B33 input[type=text] #abcd { width: 150px; }
#B33 .vanbandinhkem ul { list-style: none; }
.nop-ho-so { font-family: Roboto; font-size: 15px; margin: 20px 0px; text-align: center; }
.nop-ho-so button{font-family: Times New Roman}
.txtkiemtra{margin-top:-15px; display:none;}
#B33 .stl-text { text-align: center; }
.doc_heading { border: 0; border-bottom: 1px solid #e5e5e5; color: #337ab7; display: block; font-size: 21px; line-height: inherit; margin-bottom: 20px; padding: 0; padding-bottom: 10px; text-align: center; text-transform: uppercase; width: 100%; }
.doc_heading a { color: #337ab7; font-size: 21px; text-align: center; text-transform: uppercase; width: 100%; }
.title_tracuu { font-size: 16px; margin-bottom: 10px; width: 100%; }
.clsnotfound { font-size: 16px; text-align: center; width: 100%; font-family: RobotoB}
.martop20 { margin-top: 20px; }
#resultSearchHS { float: left; width: 100%; }
#resultSearchHS #B33 { float: left; width: 100%; }
.full_width { float: left; width: 100%; }
#forgot a, .link a { color: #000 !important; }
.btnNophs { background: red !important; border: red; }
.tablefile { margin-bottom: 0 }
.tablefile .pull-left div div img { float: left; margin-top: 0; }
.tablefile .pull-left > div > div { float: left; margin-top: 7px; width: 100%; }
.tablefile .pull-left div div a { float: left; margin-left: 5px; }
.tablefile .pull-left .icon_close_alt { background: url(icon/xvzx.png); cursor: pointer; float: left; height: 8px; margin-left: 0; margin-top: 7px; width: 8px; }

#user-info-opntopvz { background: #fff; margin-bottom: 10px }
.profile-usertitle { background: #1565c0; color: #fff; font-family: RobotoB; font-size: 14px; padding: 7px 0; text-align: center; }
.profile-usertitle-name { color: #5a7391; font-size: 16px; font-weight: 600; margin-bottom: 7px; }
.profile-usertitle-job { color: #93a3b5; font-size: 12px; font-weight: 600; text-transform: uppercase; }
.profile-usermenu ul li { border-bottom: 1px solid #f0f4f7; }
.profile-usermenu ul li:last-child { border-bottom: none; }
.profile-usermenu ul li a { color: #93a3b5; font-size: 14px; font-weight: 400; }
.profile-usermenu ul li a i { font-size: 14px; margin-right: 8px; }
.profile-usermenu ul li a:hover { background-color: red; color: #fff; }
.profile-usermenu ul li.active { border-bottom: none; }
.profile-usermenu ul li.active a { background-color: red; border-left: 2px solid red; color: #fff; margin-left: -2px; }
 
.vbkt{font-size:16px;font-weight:bold;text-transform:uppercase}
.svb{padding-left:10px}
.row1{padding:10px 0px}
.mt10{margin-top:10px}
.nophsFile{ padding: 0; }
.remFile .setcolright .pull-left div{display: table;}
.setcol{padding-right:0;font-size:13pt;width:20%;padding-top: 8px; font-weight: normal; margin-bottom: 10px;}
.setcolright{ width: 80%; margin-bottom: 10px;padding-top: 8px;}
.setcolright .pull-left{margin-bottom:10px}
.bieu4 .setcol{ width: 32%; padding-top: 0;}
.bieu4 .setcolright{ width: 68%;}
.bieu9 .setcol{ width: 50%; padding-top: 0;}
.bieu9 .setcolright{ width: 50%;}
.setcolright table{margin-bottom:0}
.fileItemTthc{padding-top:10px}
.fileItemTthc img, .fileItemTthc a, .fileItemTthc span,.fileItemTthc p{ float: left; font-size: 14px;color: #337ab7; margin-top: 3px;}
.fileItemTthc img:first-child{ margin-top: 0;}
.fileItemTthc div{ width: 100%; float: left; }
.fileItemTthc >div:first-child{ margin-top: 7px;}
.fileItemTthc img{ margin-right: 5px;}
.fileItemTthc a .fa-times{ margin-left: 5px; cursor: pointer; margin-top: 2px;}
.viewHoSo .fileItemTthc{padding-top:0;}
.form-control{width: 100%; float:left;}
#table-edit .form-control{    
    border: 1px solid #ccc !important;
    border-radius: 4px !important; width: 100% !important;
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% { left: .0625em; top: 1.1875em; width: 0; }
    54% { left: .125em; top: 1.0625em; width: 0; }
    70% { left: -.375em; top: 2.1875em; width: 3.125em; }
    84% { left: 1.3125em; top: 3em; width: 1.0625em; }
    100% { left: .875em; top: 2.8125em; width: 1.5625em; }
}

@keyframes swal2-animate-success-line-tip {
    0% { left: .0625em; top: 1.1875em; width: 0; }
    54% { left: .125em; top: 1.0625em; width: 0; }
    70% { left: -.375em; top: 2.1875em; width: 3.125em; }
    84% { left: 1.3125em; top: 3em; width: 1.0625em; }
    100% { left: .875em; top: 2.8125em; width: 1.5625em; }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% { right: 2.875em; top: 3.375em; width: 0; }
    65% { right: 2.875em; top: 3.375em; width: 0; }
    84% { right: 0; top: 2.1875em; width: 3.4375em; }
    100% { right: .5em; top: 2.375em; width: 2.9375em; }
}

@keyframes swal2-animate-success-line-long {
    0% { right: 2.875em; top: 3.375em; width: 0; }
    65% { right: 2.875em; top: 3.375em; width: 0; }
    84% { right: 0; top: 2.1875em; width: 3.4375em; }
    100% { right: .5em; top: 2.375em; width: 2.9375em; }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
    100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}

@keyframes swal2-rotate-success-circular-line {
    0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
    100% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}


.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { height: 2em; width: 2em; }
.swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { -webkit-transform: rotate(45deg); border-radius: 50%; height: 2.8125em; position: absolute; transform: rotate(45deg); width: 2em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { -webkit-transform: rotate(-45deg); -webkit-transform-origin: 2em 2em; border-radius: 4em 0 0 4em; left: -.9375em; top: -.25em; transform: rotate(-45deg); transform-origin: 2em 2em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { -webkit-transform-origin: 0 2em; border-radius: 0 4em 4em 0; left: .9375em; top: -.25em; transform-origin: 0 2em; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring { height: 2em; width: 2em; }
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix { height: 2.6875em; left: .4375em; top: 0; width: .4375em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] { height: .3125em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] { left: .1875em; top: 1.125em; width: .75em; }
.swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] { right: .1875em; top: .9375em; width: 1.375em; }
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: animate-toast-success-tip .75s; animation: animate-toast-success-tip .75s; }
.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: animate-toast-success-long .75s; animation: animate-toast-success-long .75s; }
.swal2-icon { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; border: .25em solid transparent; border-radius: 50%; box-sizing: content-box; cursor: default; height: 5em; justify-content: center; line-height: 5em; margin: auto; margin-bottom: 10px; position: relative; user-select: none; width: 5em; zoom: normal; } 
.swal2-icon.swal2-success { border-color: #a5dc86; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'] { -webkit-transform: rotate(45deg); border-radius: 50%; height: 7.5em; position: absolute; transform: rotate(45deg); width: 3.75em; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { -webkit-transform: rotate(-45deg); -webkit-transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; left: -2.0635em; top: -.4375em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; }
.swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { -webkit-transform: rotate(-45deg); -webkit-transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; left: 1.875em; top: -.6875em; transform: rotate(-45deg); transform-origin: 0 3.75em; }
.swal2-icon.swal2-success .swal2-success-ring { border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; box-sizing: content-box; height: 100%; left: -.25em; position: absolute; top: -.25em; width: 100%; z-index: 2; }
.swal2-icon.swal2-success .swal2-success-fix { -webkit-transform: rotate(-45deg); height: 5.625em; left: 1.625em; position: absolute; top: .5em; transform: rotate(-45deg); width: .4375em; z-index: 1; }
.swal2-icon.swal2-success [class^='swal2-success-line'] { background-color: #a5dc86; border-radius: .125em; display: block; height: .3125em; position: absolute; z-index: 2; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { -webkit-transform: rotate(45deg); left: .875em; top: 2.875em; transform: rotate(45deg); width: 1.5625em; }
.swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { -webkit-transform: rotate(-45deg); right: .5em; top: 2.375em; transform: rotate(-45deg); width: 2.9375em; }
.swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; }
.swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; }
.swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; }
.err{ font-size: 14px;}

.title_tt {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0 5px;
    width: 100%;
    border-bottom: 1px solid #aaaaaa70;
    color: #000;
    margin-top: 20px; margin-bottom: 10px;
}
.navbtg li{ margin-top: 0 !important; }
.navbtg li a{ height: auto; }
.starhs{     
    color: #a94442;
    font-size: 13px;
    margin: 10px 5px;
    float: left;
}
.guide_content{
    font-size: 16px;
    text-indent: 20px;
    margin-bottom: 7px;
}

@media print
{    
    @page {size: 210mm  297mm; padding: 20px 0; margin: 0; box-sizing: border-box}
    .page {page-break-after: always;}
    #detailTable { width: calc(100% - 60px); margin: auto}
    .other,.tool {display:none}
    #detailTable .title .fl { line-height: 28pt; font-weight: bold; font-size: 20pt} 
    #detailTable * { border-color: #000 !important; }
    #detailTable .content {font-size: 15pt!important; line-height: 23pt}
    #detailTable .content .col1 { font-weight: bold; line-height: 21pt !important; width: 20%}
    #detailTable .content .col2 { width: 80%}
    #B33.B52 *{font-size: 20pt;font-family:'Times New Roman'}
    #B33.B52 .aftercontent{line-height:25pt;}
    #B33.B52 .tieude p.ttu{padding-bottom:10px;font-size:30pt}
    #B33 .signer{margin-bottom:150px}
    #B33 #DiaDanh{width:150px}
    #B33 input[type=text],#B33 input[type=number]{margin:5px;display:inline-block;line-height:50px !important}
    #B33.B52 .in,#B33.B52 .in p{font-size:15pt !important}
    #B33 textarea,#B33 #tableBM thead tr th,#B33 #tableBM thead tr td{font-size: 20pt}
    #B33 .contentipt .item { margin-bottom: 10px; text-align: left; display: flex; align-items: baseline}
    #B33 .contentipt .item >span {display: flex}
    #B33.viewHoSo .contentipt .item {display: block}
    #B33.viewHoSo .contentipt .item >span {display: inline}
    #B33 .contentipt .item span:nth-child(2n) { flex: 1; padding-left: 7px}
}

.padright0 {padding-right: 0}
.lydobosung{margin-bottom:0}
.lydobosung textarea{float:none; height: auto !important}
.lh34 {line-height: 34px}

.flex { display: flex; flex-direction: row}
#BYDCT .flex input { flex: 1; }
#BYDCT input { max-width: 100%; min-width: 40px; transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out; color: #6078c1}
#BYDCT select { width: auto; height: inherit; color: #6078c1}
#BYDCT .qh {line-height: 22px}
.lh25 {line-height: 25px}
.h80 {height: 80px}
.mr5{margin-right:3px}
.info a{ color: #fff;}
.modal-title{font-size:16px; font-weight:bold;}
.daungancachead{margin: 0 10px;}
.daungancach{margin: 0 15px;}
.linepro{padding-top:5px;float:left}
#show_chitiethoso #B33{
    padding: 20px 0;
    width: 100%;
}


/*Customize Radio button*/
      .contain {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-top: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight:100
    }

    /* Hide the browser's default radio button */
    .contain input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom radio button */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0px;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */
    .contain:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */
    .contain input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */
    .contain input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */
    .contain .checkmark:after {
        top: 7px;
        left: 7px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: white;
    }
    .ca94{color:#a94442;font-size:13px}
.box_right { background: #fff; border-radius: 4px; box-sizing: border-box; margin-bottom: 10px; padding: 10px; }
.box_right .item { margin-bottom: 10px }
.box_right .item p { margin-bottom: 3px }
.box_right .item input { border: 1px solid #dadada; border-radius: 3px; box-sizing: border-box; height: 30px; padding: 0 10px; width: 100%; }
.box_right .remember { font-weight: normal; margin-top: 7px }
.box_right .remember span { font-size: 13px; position: relative; top: -2px; }
.box_right .link { font-size: 13px; margin-top: 10px; text-align: center }
.box_right .link span { margin: 0 5px }
.box_right .link a .fas { margin-right: 2px }

.box_chart{ padding-left: 40px; padding-bottom: 0; margin-bottom: 0; position: relative;}
.vleftext, .vleftext1, .vleftext2, .vleftext2, .vleftext3, .vleftext4, .vleftext5, .vleftext6, .vleftext7, .vleftext8, .vleftext9, .vleftext10{ position: absolute; top: 14px; left: -32px; font-size: 11px;}
.vleftext1_line, .vleftext2_line, .vleftext2_line, .vleftext3_line, .vleftext4_line, .vleftext5_line, .vleftext6_line, .vleftext7_line, .vleftext8_line, .vleftext9_line, .vleftext10_line{ width: 100%; height: 1px; background: #f3f2f2; top: 10px; left: 0; position: absolute}
.vleftext  { top: auto; bottom: -7px;}
.vleftext1 { top: auto; bottom: 13px;}
.vleftext2 { top: auto; bottom: 33px;}
.vleftext3 { top: auto; bottom: 53px;}
.vleftext4 { top: auto; bottom: 73px;}
.vleftext5 { top: auto; bottom: 93px;}
.vleftext6 { top: auto; bottom: 113px;}
.vleftext7 { top: auto; bottom: 133px;}
.vleftext8 { top: auto; bottom: 153px;}
.vleftext9 { top: auto; bottom: 173px;}
.vleftext10{ top: auto; bottom: 193px;}

.vleftext1_line { top: auto; bottom: 20px;}
.vleftext2_line { top: auto; bottom: 40px;}
.vleftext3_line { top: auto; bottom: 60px;}
.vleftext4_line { top: auto; bottom: 80px;}
.vleftext5_line { top: auto; bottom: 100px;}
.vleftext6_line { top: auto; bottom: 120px;}
.vleftext7_line { top: auto; bottom: 140px;}
.vleftext8_line { top: auto; bottom: 160px;}
.vleftext9_line { top: auto; bottom: 180px;}
.vleftext10_line{ top: auto; bottom: 200px;}
.wrap_chart{ width: 100%; height: 210px; border-left: 1px solid #f3f2f2; border-bottom: 1px solid #f3f2f2; position: relative}
.blue_chart, .yellow_chart, .orange_chart{ width: 60px; height: 14px; position: absolute; left: 10px; bottom: 0;}
.blue_chart{ background: #00a2eb;color: #00a2eb; border: 1px solid #0595d6;}
.yellow_chart{ background: #fff100;color: #fff100; left: 70px;border: 1px solid #f3e501;}
.orange_chart{ background: #ff7f28;color: #ff7f28; left: 130px; border: 1px solid #f97114;}
.column_chart span.textpercent,.column_chart span.textcount{ margin-top: -18px; text-align: center; float: left; width: 100%; color: black; font-size: 12px;}
.column_chart span.textcount{margin-top: 0;}

.wrap_chart_text{font-family: RobotoB; font-size: 12px; background: #fff; font-weight: bold; width: 100%; padding: 10px 5px; margin-bottom: 10px;}
.blue_chart_text, .yellow_chart_text, .orange_chart_text{ display: inline; }
.blue_chart_text:before, .yellow_chart_text:before, .orange_chart_text:before {
    content:"\A";
    width:5px;
    height:5px;
    background: #00a2eb;
    display:inline-block;
    margin:2px 4px;
}
.yellow_chart_text:before{background: #fff100}
.orange_chart_text:before{background: #ff7f28}
.title_chart{font-family: RobotoB; text-align: center; width: 100%; padding: 5px 10px; background: #1565c0; color: #fff;    border: 1px solid #d8d8d8;
    border-bottom: none;
    font-size: 12px;
    border-radius: 4px 4px 0 0;}

.noflex {display: block!important}
.noflex span {display: inline!important}
/*.title_chart{font-family: RobotoB; font-size: 15px; background: #fff; text-align: center; width: 100%; padding: 10px 10px 0 10px;}*/

.checkTTHC { padding-top: 10px; margin-top: 10px; border-top: 1px solid #ccc}
.checkTTHC .title {margin-bottom: 10px}
.checkTTHC label { display: block; font-weight: normal; display: flex; align-content: center}
.checkTTHC label input {margin-right: 5px}

#myimg { width: 91%; float: left; margin-left: -20px; }
#imgChange { width: 20px; height: 20px; float: right; position: relative; top: 8px; right: 5px; }
.mb0{margin-bottom:0}
.homeCaptcha{ margin-bottom: 10px;}
.homeCaptcha #txtimgcode{ padding: 6px !important;}
.homeCaptcha #myimg{ height: 34px;}
.btnsize20flex{display: flex; align-items: center;}
.btnsize20flex span{flex: 1; margin:0;}
.btnsize20{display: flex;}
.btnsize20 a{flex: 1}
.btn-dvcqg{ background: #c42e23; color: #fff; text-transform: uppercase; margin-bottom: 7px; width: 100%; margin-top: 2px;}
.btn-dvcqg i{margin-right: 5px;}
.btn-dvcqg:hover{color: #ffea00}