body { color: #000; font-family: Arial; font-size: 14px; overflow: hidden; }
html { overflow: hidden; }
a { -moz-transition: 0.3s all ease-in-out; color: inherit; transition: 0.3s all ease-in-out; }
/*CSS dành cho khối ảnh*/
.wImage { overflow: hidden; position: relative; }
.wImage:before { content: ""; display: block; padding-bottom: 66.66%; }
.wImage .image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.wImage .image.cover img { height: 100%; object-fit: cover; width: 100%; }
.wImage .image img,
.wImage .image img.owl-lazy { -moz-transform: translateY(-50%); -moz-transition: 0.5s all ease-in-out; display: block; margin: auto; max-height: 100%; max-width: 100%; position: relative; top: 50%; transform: translateY(-50%); transition: 0.5s all ease-in-out; vertical-align: middle; }
.noidung { font-size: 14px; line-height: 22px; text-align: justify; width: 100%; }
.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; }
.noidung .wImage iframe { height: 100%; width: 100%; }
.noidung.clip .wImage:before { padding-bottom: 56.23%; }
.noidung h1,
.noidung h2,
.noidung h3,
.noidung h4,
.noidung h5,
.noidung h6 { display: block; }
.noidung h1 { font-size: 2em; margin: 0.67em 0; }
.noidung h2 { font-size: 1.5em; margin: 0.83em 0; }
.noidung h3 { font-size: 1.17em; margin: 1em 0; }
.noidung h4 { margin: 1.33em 0; }
.noidung h5 { font-size: 0.83em; margin: 1.67em 0; }
.noidung h6 { font-size: 0.67em; margin: 2.33em 0; }
.noidung p { margin-bottom: 16px; }
* { box-sizing: border-box; }
p { margin: 0; }
a span { -moz-transition: none; -webkit-transition: none; transition: none; }
.btn { font-size: 14px; font-weight: normal; height: 28px; line-height: 28px; margin: 2px !important; padding: 0 10px !important; }
.btn:before { font-weight: 900; margin-right: 3px; }
#FormLogin { align-items: center; background: url(../icon/bg_Login.png); background-size: cover; color: #fff; display: flex; flex-direction: column; height: 100vh; justify-content: center; }
#FormLogin .wrap { align-items: center; display: flex; width: 1130px; }
#FormLogin .wrap .right { border: 1px dashed #fff; border-radius: 5px; margin-left: 20px; padding: 8px; width: 500px; }
#FormLogin .wrap .right .content { background: #d7e8f6; border-radius: 5px; padding: 30px 40px; }
#FormLogin .wrap .right .content .title { border-bottom: 1px solid #759fc9; color: #01a2d8; display: table; font-family: UTMHelvetIns; font-size: 28px; margin: auto; margin-bottom: 15px; padding: 0 10px; padding-bottom: 3px; text-transform: uppercase; }
#FormLogin #basicform input { border: 1px solid #076bc0; border-radius: 3px; height: 45px; padding-left: 45px; }
#FormLogin #basicform #UserName { background: url(../icon/icon_user.png) left 10px center no-repeat, #fff; }
#FormLogin #basicform #Password, #FormLogin #basicform #id_password { background: url(../icon/icon_pass.png) left 10px center no-repeat, #fff; }
#FormLogin #basicform .flex { align-items: center; display: flex; }
#FormLogin #basicform .flex input { padding: 0 10px; width: 170px; }
#FormLogin #basicform .flex img { height: 45px; }
#FormLogin #basicform .flex #myimg { margin: 0 5px; }
#FormLogin #basicform .flex #imgChange { height: 34px; }
#FormLogin #basicform .btn { background: #01a2d8; border-color: #fff; font-family: UTMAvo; font-size: 16px; height: 37px; line-height: 35px; }
#FormLogin #basicform .btn:hover { background: #018dbc; }
#FormLogin .wrap .left { flex: 1; text-align: center; text-transform: uppercase; }
#FormLogin .wrap .left .name span { display: block; font-family: UTMHelvetIns; font-size: 35px; line-height: 50px; }
#FormLogin .wrap .left .name span:nth-child(2) { font-size: 50px; }
#FormLogin .wrap .left .unit { border-bottom: 1px dashed #f1d4b5; border-top: 1px dashed #f1d4b5; display: table; font-family: UTMAvo; font-size: 26px; margin: auto; margin-top: 15px; padding: 7px 0; padding: 0 100px; }
.hide { display: none; }
#header { background: url(../icon/bg_Header.png) center no-repeat, #01a2d8; background-size: cover; padding: 0 20px; position: relative; z-index: 2; }
#header .wrp { align-items: center; display: flex; justify-content: space-between; }
#header .wrp .logo { align-items: center; color: #fff; display: flex; padding: 10px 0; }
#header .wrp .logo span.text { margin-left: 10px; }
#header .wrp .logo span.text span { display: block; text-align: center; text-transform: uppercase; }
#header .wrp .logo span.text span:nth-child(1) { font-family: UTMHelvetIns; font-size: 23px; }
#header .wrp .logo span.text span:nth-child(2) { font-family: UTMAvo; font-size: 20px; }
#header .wrp .right { flex: 1; margin-left: 20px; }
#menu ul,
#account ul { list-style: none; margin: 0; padding: 0; }
#menu ul li { display: inline-block; margin-right: 3px; position: relative; }
#menu ul li:last-child { margin-right: 0; }
#menu ul li a { align-items: center; background: #01a2d8; border: 1px solid #01a2d8; border-bottom: none; border-radius: 5px 5px 0 0; color: #fff; cursor: pointer; display: flex; font-size: 12px; padding: 5px 10px; }
#menu ul li a .text { margin-left: 7px; }
#menu ul li a .icon img { max-height: 20px; max-width: 20px; }
#menu ul li.active > a,
#menu ul li:hover > a { background: #f9ad0c; border-color: #f9ad0c; }
#menu ul li ul { background: #01a2d8; border: 1px solid #01a2d8; border-bottom: none; display: none; left: -1px; min-width: 200px; position: absolute; top: 100%; }
#menu ul li ul li { border-bottom: 1px solid #01a2d8; display: block; margin: 0; }
#menu ul li ul li a { background: none; border: none; border-radius: 0; }
#menu ul li ul li ul { left: 100%; top: 0; }
#menu ul li:hover > ul { display: block; }
#menu ul li a img { margin-right: 5px; max-height: 20px; max-width: 20px; }
#account { text-align: right; }
#account ul li { color: #fff; display: inline-block; padding-bottom: 5px; position: relative; }
#account ul li:after { content: "|"; display: inline-block; margin: 0 5px; vertical-align: middle; }
#account ul li:last-child:after { display: none; }
#account ul li a { display: inline-block; vertical-align: middle; }
#account ul li:hover > a { text-shadow: 0 0 3px #fff; }
#account ul li ul { background: #01a2d8; border: 1px solid #01a2d8; border-bottom: none; display: none; position: absolute; top: 100%; width: 200px; }
#account ul li:hover > ul { display: block; }
#account ul li ul li,
#account ul li ul li a { display: block; padding-bottom: 0; }
#account ul li ul li a { border-bottom: 1px solid #01a2d8; font-size: 12px; padding: 7px 10px; text-align: left; }
#account ul li ul li:after { display: none; }
#account ul li ul li:hover > a { background: #018dbc; border-color: #018dbc; color: #fff; }
#body { display: flex; flex-direction: column; height: 100vh; }
#container { background: #eff0f1; display: flex; flex: 1; max-height: 100%; overflow: auto; padding: 20px 0; }
#container .colleft { background: #fff; box-shadow: 0 2px 9px rgba(153, 153, 153, 0.4); left: 0; margin-right: 5px; margin-right: 15px; max-width: 100%; overflow: auto; position: relative; width: 220px; }
#container .colleft.active { max-width: 40px; }
#container .colleft .title { align-items: center; background: #01a2d8; color: #fff; display: flex; justify-content: space-between; line-height: 40px; margin-bottom: 15px; padding: 0 10px; position: relative; text-transform: uppercase; }
#container .colleft .title .closeDiv,
#container .colleft .title .closeDiv:hover { color: #fff; font-size: 16px; }
#container .colleft.active .closeDiv i:before { content: "\f138"; }
#container .colleft.active .title span { display: none; }
#container .colleft.active .title { justify-content: center; }
#container .colleft .searchTree { margin-bottom: 10px; padding: 0 10px; }
#container .colleft .jstree-icon.jstree-themeicon { display: none; }
#container .colleft .jstree-default .jstree-search { color: #01a2d8; }
#container .colleft .jstree-open .jstree-ocl { background: none; transform: none; }
#container .colleft .jstree-open .jstree-ocl:after { background: #fff; content: "\f146"; font-family: 'FontAwesome'; font-style: normal; font-weight: 900; }
#container .colleft .jstree-closed .jstree-ocl:after { background: #fff; content: "\f0fe"; font-family: 'FontAwesome'; font-style: normal; }
#container .colleft .jstree-default .jstree-leaf > .jstree-ocl:after { display: none; }
#container .colleft .jstree-default .jstree-leaf > .jstree-ocl { background: url(/Assets/custom/js/jsTree/32px.png); background-position: -68px -4px; }
#container .colright { display: flex; flex: 1; flex-direction: column; height: 100%; margin-right: 15px; }
#pageroad { background: #fff; box-shadow: 0 0 9px rgba(153, 153, 153, 0.3); margin-bottom: 15px; overflow-x: auto; padding: 10px; }
#pageroad ul { display: table; list-style: none; margin: 0; padding: 0; }
#pageroad ul li { display: table-cell; }
#pageroad ul li:after { color: #4a66a5; content: "\f0da"; font-family: 'FontAwesome'; font-style: normal; font-weight: 900; margin: 0 5px; }
#pageroad ul li:last-child:after { display: none; }
#pageroad ul li a { color: #4a66a5; }
#main { background: #fff; box-shadow: 0 0 9px rgba(153, 153, 153, 0.3); flex: 1; max-height: 100%; overflow-x: hidden; overflow-y: auto; padding: 10px; }
/*#searchForm .row > * { padding-right: 0; }*/
#searchForm .row > *:last-child { padding-right: 15px; }
/*#searchForm .row .btn { width: 100% }*/
#searchForm .row .title { display: none; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#gridData .table th { background: #01a2d8; color: #fff; text-align: center; }
#gridData .table th label { margin: 0; }
#gridData .table input[type=checkbox] { background: transparent; border: none; cursor: pointer; height: 17px; position: relative; width: 17px; }
#gridData .table input[type=checkbox]:after { background: #fff; border: 1px solid #333; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; }
#gridData .table input[type=checkbox]:checked:after { background: #fff; border: 1px solid #01a2d8; color: #01a2d8; content: "\f00c"; font-family: 'FontAwesome'; font-size: 11px; font-weight: 900; height: 100%; left: 0; line-height: 17px; pointer-events: none; position: absolute; text-align: center; top: 0; width: 100%; }
#gridData .table .btn { padding: 0.45rem; }
#gridData .table td { padding: 0.45rem 0.75rem; }
.modal_popup .modal-content { background: #dbdcde; border: none; border-radius: 5px; padding: 10px 25px 15px 25px; position: relative; }
.modal_popup .modal-content:before { background: #01a2d8; clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: calc((100% + 50px) / 2); }
.modal_popup .modal-header,
.modal_popup .modal-footer { align-items: center; border: none; display: flex; justify-content: space-between; padding: 0; padding-bottom: 10px; position: relative; }
.modal_popup .modal-header .modal-title { color: #fff; font-family: "UtmAvo"; font-size: 15px; text-transform: uppercase; }
.modal_popup .btn { font-size: 14px; padding: 0.25rem 0.75rem; }
.modal_popup .modal-body { background: #fff; padding: 20px; position: relative; z-index: 2; }
.modal_popup .modal-body .row { align-items: center; }
.modal_popup .modal-header .close { background: #ff0000; border-radius: 50%; color: #d2e2fb; cursor: pointer; height: 30px; line-height: 30px; margin: 0; opacity: 1; outline: none; padding: 0; text-align: center; width: 30px; }
.modal_popup .modal-header .close:hover { background: #f9ad0c; }
.fancy-checkbox input[type="checkbox"]:checked + span:before { color: #000 !important; margin-right: 7px; }
.modal_popup.w95 { max-width: 95%; }
.modal_popup.w90 { max-width: 90%; }
.modal_popup.w80 { max-width: 80%; }
.padR-0 { padding-right: 0; }
.padL-0 { padding-left: 0; }
.flex { display: flex; }
.wspn { white-space: nowrap; }
.algc { align-items: center; }
.jcsb { justify-content: space-between; }
.mb0 { margin-bottom: 0; }
#DSKhenThuong { align-items: flex-start; }
#DSKhenThuong .group { border-right: 1px solid #ccc; }
#DSKhenThuong .group .head { border-bottom: 1px dashed #dcdcdc; margin-bottom: 10px; }
#DSKhenThuong .group:last-child { border: none; }
/*#tableKhenThuong { display: flex; }
#tableKhenThuong .leftKT,#tableKhenThuong .rightKT { flex: 1; padding: 0 10px}*/
#tableKhenThuong table { border-collapse: collapse; table-layout: fixed; width: 100%; }
#tableKhenThuong table th { background: #01a2d8; color: #fff; text-align: center; }
#tableKhenThuong tr:nth-child(even) { background: #e9f6fd; }
#tableKhenThuong th:first-child,
#tableKhenThuong td:first-child { text-align: center; width: 50px; }
#tableKhenThuong td { border: 1px solid #ccc; }
.modal { overflow: auto; }
.flex_search { align-items: center; background: #ece9e6; display: flex; justify-content: space-between; margin-bottom: 10px; padding: 10px; }
.flex_search .flex_1 { flex: 1; }
.w220px { width: 220px; }
select.form-control:not([size]):not([multiple]) { margin-left: auto; margin-right: 0; width: 100px; }
#formToTrinh textarea { background: url(../icon/bgInputText.png) top left; background-size: auto 25px; border: none; color: #6078c1; height: 25px; line-height: 25px; outline: none; overflow: hidden; padding: 0; resize: none; width: 100%; }
#deTailHoiDong .detail { border: 1px solid #333; border-radius: 5px; margin-top: 10px; padding: 10px 20px 0 20px; }
#deTailHoiDong .form-group label { font-weight: normal; margin-bottom: 0px; }
.fas.fa-chevron-up.fa-chevron-down:before { content: "\f078"; }
textarea.parsley-error { background: url(../icon/bgInputTextRequired.png) bottom left !important; background-size: auto 25px; }
.parsley-errors-list li { font-weight: normal; }
@media
print {
    .page { background: initial; border: initial; border-radius: initial; box-shadow: initial; margin: 0; min-height: initial; page-break-after: always; width: initial; max-width: 100%}
}
.tabs .tab-content .tab:not(.active) { display: none; }
.tabs .tab-links { display: flex; list-style: none; }
.tabs .tab-links li { border: 1px solid #01a2d8; border-radius: 4px; cursor: pointer; flex: 1; font-size: 11px; font-weight: bold; line-height: 30px; margin: 0 3px; overflow: hidden; text-align: center; text-transform: uppercase; }
.tabs .tab-links li.active a,
.tabs .tab-links li:hover a { background: #01a2d8; color: #fff; }
.tabs .tab-links li a { display: block; transition: none; }
.tabs .tab-links li a:hover { color: #fff; }
.noti_stickytop { left: 0; position: sticky; top: 0; z-index: 99999; }
.danhdaudadoc { color: #385898 !important; }
.danhdaudadoc:hover { text-decoration: underline !important; }
.demodr { height: 34px; position: relative; z-index: 999; }
.demodr i { bottom: 10px; cursor: pointer; position: absolute; right: 10px; top: auto; }
.modal .demodr i { right: 24px; }
.select2-dropdown { z-index: 9999999 !important }
.fr a.btn.fa-plus,
.fr a.btn.fa-print,
.fr a.btn.fa-file-pdf-o { font-size: 14px; font-family: arial; }
.fr a.btn.fa-plus:before,
.fr a.btn.fa-print:before,
.fr a.btn.fa-file-pdf-o:before { font: normal normal normal 14px/1 FontAwesome }
.postrel { position: relative; }
.tooltipPa { display: none; margin-left: 3px; vertical-align: middle; position: absolute; top: 50%; right: 3px; background: #ffffff; transform: translateY(-50%) }
.tooltipPa i { font-size: 9px !important; width: 17px; height: 17px; border: 1px solid #333; border-radius: 50%; line-height: 15px; text-align: center }
.tippy-box { background: rgba(2, 169, 247, 1); padding: 5px 7px }
.tippy-arrow,
.tooltipPa:hover { color: rgba(2, 169, 247, 1); }
.tooltipPa:hover { border-color: rgba(2, 169, 247, 1); }
.btnHT.btnHT_TT { position: unset; display: inline-block; background: none; align-items: normal; right: unset; height: unset; vertical-align: middle; }
.btnHT.btnHT_TT .iconHT.tooltipPa { position: unset; display: block; margin-top: 4px; margin-right: 5px; width: 15px; height: 15px; background: none; outline: none; }
.btnHT.btnHT_TT .iconHT.tooltipPa i { line-height: 15px; font-size: 9px !important; }
/*.wraphinhthuc select, .wraphinhthuc .select2{visibility:hidden;}*/
.uploadajax{ display: none; }
.wrap_uploadajax,
.wrap_uploadajax .btn{ width: 100%; }
.wrap_uploadajax .arow{ border-bottom: 1px solid #f1f1f1; display: block; margin: 5px; padding-bottom: 10px; width: 100%; }
.wrap_uploadajax .arow:last-child{ border-bottom: none; padding-bottom: 0; }
.wrap_uploadajax .afr{ color: red; float: right; }
.wrap_uploadajax .adown{ color: blue; text-decoration: none; }
.wrap_uploadajax .adel{ color: red; }
.wrap_uploadajax .asplit{ color: #333; margin: 0 5px; }
.arowFile { position: relative; white-space: nowrap; max-width: 100%; overflow: hidden; margin-top: 5px }
.arowFile .btnCN { position: absolute; top: 0; right: 0; background: #fff; padding-left: 5px; font-size: 13px; height: 20px }
.arowFile .btnCN > * { cursor: pointer }
.arowFile .nameFile { height: 20px; width: 100%; overflow: hidden; position: relative; }
.arowFile .nameFile span { display: block; width: 200%; height: 25px; position: absolute; overflow: hidden; }
.arowFile:hover .nameFile span { animation: marquee 10s linear infinite; }
#ViewToTrinh .arowFile .btnCN{background: none;}
@keyframes marquee {
    0% { left: 50%; }
    100% { left: -100%; }
}
#DSKhenThuong .btnAddTT { text-align: center; border-top: 1px dotted #ddd; padding-top: 5px; font-size: 13px; margin-left: 15px; display: flex; align-items: baseline; justify-content: space-between }
#DSKhenThuong .btnAddTT a:hover { color: rgba(2, 169, 247, 1); }
#DSKhenThuong .dsTT .itemTT,
#DSKhenThuong .dsTT .itemLabel { margin-bottom: 5px; position: relative }
#DSKhenThuong .mrtg:not(.active) .morong,
.mrtg.active .thugon { display: none }
#DSKhenThuong .countTT { color: red; font-weight: bold }
#DSKhenThuong .removeTT { position: absolute; top: 0; right: -40px; padding: 0 !important; height: calc(100% - 10px); font-size: 12px; display: flex; align-items: center; display: none; width: 35px; justify-content: center; margin: 0 !important; z-index: 2 }
#DSKhenThuong .removeTT:before { content: ""; position: absolute; top: 0; left: -7px; height: 100%; background: transparent; width: 7px; z-index: 1 }
#DSKhenThuong .dsTT .itemTT:hover .removeTT { display: flex }
.dsTT .btn { margin-top: 0 !important }
#toast-container { top: 73px; }
#lstCauHinh .item { display: flex; align-items: baseline; justify-content: space-between; background: #f2f2f2; padding: 7px 10px; margin-bottom: 10px; transition: 0.3s all ease-in-out }
#lstCauHinh .item:last-child { margin-bottom: 0 }
#lstCauHinh .item .editCH { color: red; font-size: 13px; font-weight: bold }
#lstCauHinh .item:hover { background: rgba(2, 169, 247, 0.2) }
.labelRadio { display: inline-flex; margin-right: 10px; align-items: center }
.labelRadio input { margin-right: 5px }
.addTTSame { width: 25px; height: 35px; margin-left: 5px; line-height: 25px; text-align: center; border: 1px solid #333; color: #333; border-radius: 4px }
.addTTSame:hover { background: rgba(2, 169, 247, 1); border-color: rgba(2, 169, 247, 1); color: #fff }
.btnAddTT .dropdown-menu .dropdown-item { font-size: 13px; color: #000; font-weight: normal; padding: 3px 10px }
.btnAddTT .dropdown-menu .dropdown-item:focus { background: transparent }
.lstSub .itemTT:not(:first-child) .col-md-12 { display: none }
.checkFail { outline: 1px solid red; position: relative; padding-top: 30px !important; font-weight: bold; font-size: 12px }
.checkFail:after { content: "Chưa đủ điều kiện thành tích"; position: absolute; top: 0; font-size: 12px; line-height: 20px; display: inline-block; color: red; text-align: center; border: 1px solid red; border-top: none; left: 50%; transform: translateX(-50%); padding: 0 20px; }
.specialItem .titleLT { display: none }
.dsTT .itemLabel .col-md-12 { margin: 0 !important }
#DSKhenThuong .itemRow .lstBtn { white-space: normal }
#DSKhenThuong .itemRow .lstBtn > * { padding: 0 !important; width: 35px; height: 30px; line-height: 30px; text-align: center }
.tabLink .totalCount { margin: 0 2px; display: inline-block }
#pageroad.dkkt { display: flex; justify-content: space-between; align-items: center }
#pageroad.dkkt .tabLink li:after { display: none }
#pageroad.dkkt .tabLink li a { border-radius: 0 }
#pageroad.dkkt .tabLink li a.active { color: #fff } 
#infoDKKT { position: fixed; bottom: 0; right: 20px; width: 700px; border-radius: 3px 3px 0 0; overflow: hidden; display: none; z-index: 10 }
#infoDKKT .title { padding: 0 15px; background: rgba(1, 162, 216, 0.8); color: #fff; text-align: center; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; font-weight: bold; font-size: 13px; line-height: 35px }
#infoDKKT .lstChooseDKKT { background: #fff; flex: 1; overflow: auto }
#infoDKKT .lstChooseDKKT > div { display: none; padding: 15px }
#infoDKKT .lstChooseDKKT .list { margin-bottom: 20px; padding: 10px; border: 1px solid #999; }
#infoDKKT .lstChooseDKKT .head { font-weight: bold; font-size: 14px; display: inline-block; width: auto; margin-bottom: 0 }
#infoDKKT .lstChooseDKKT table td,
#infoDKKT .lstChooseDKKT table th { padding: 10px }
#infoDKKT .lstChucNang a { margin: 0 3px; display: inline-block }
#infoDKKT.expend { width: 100vw; height: 100vh; bottom: 0; right: 0; z-index: 10; background: rgba(0, 0, 0, 0.6) }
#infoDKKT.expend .contentMain { width: 80vw; position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 90vh; }
#infoDKKT.expend .lstChucNang a:last-child { display: none }
#infoDKKT .contentMain { display: flex; flex-direction: column; max-height: 80vh }
#infoDKKT .contentMain .lstChooseDKKT div:last-child { position: sticky; bottom: 0 }
#infoDKKT .contentMain .btn { height: 28px; line-height: 28px }
.showhideActive i:before { content: "\f078" }
#infoDKKT .lstChooseDKKT .table { font-size: 13px; margin: 0 } 
.DSKhenThuong { position: relative; padding-bottom: 20px }
.DSKhenThuong .commonTool { display: flex; justify-content: space-between; width: 100%; margin-top: 0px; align-items: center }
.DSKhenThuong .commonTool > div { display: flex; align-items: center; }
.DSKhenThuong .commonTool > div select { margin-right: 10px !important }
.DSKhenThuong .commonTool > div ul { margin: 0; }
.DSKhenThuong .commonTool > div ul.pagination { display: flex }
.DSKhenThuong .formSearch { padding: 10px 0; align-items: center; position: sticky; top: -10px; background: #fff; z-index: 5; margin-top: -10px }
.DSKhenThuong .formSearch input.form-control { height: 32px; line-height: 32px; padding: 0 10px }
.DSKhenThuong .formSearch .btn { line-height: 28px; padding: 0 20px !important; height: 30px; }
.DSKhenThuong table td { padding: 5px 10px !important; position: relative }
.DSKhenThuong table thead tr { background: rgba(1, 162, 216, 1); color: #fff }
.DSKhenThuong table th { padding: 10px !important; position: relative; vertical-align: middle }
thead .itemDKKT { background: transparent !important; color: #000 !important; height: 100% }
thead .itemDKKT > * { text-align: center; padding: 0 !important; color: #fff !important }
.DSKhenThuong td.lstDKKT,
.DSKhenThuong th.lstDKKT { padding: 0 !important }
.DSKhenThuong td.lstDKKT:after,
.DSKhenThuong th.lstDKKT:after { content: ""; width: 60px; height: 100%; position: absolute; right: 0; border-left: 1px solid #dee2e6; display: block; pointer-events: none; top: 0 }
.itemDKKT { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ccc; transition: 0.3s all ease-in-out; justify-content: space-between }
.itemDKKT * { transition: none }
.itemDKKT:last-child { border: none }
.itemDKKT:hover { background: rgba(1, 162, 216, 0.6); color: #fff }
.itemDKKT:hover .text-info { color: #fff !important }
.itemDKKT:hover .fancy-checkbox input[type="checkbox"] + span:before { border-color: #fff; background: #fff }
.itemDKKT .left { flex: 1; padding: 5px 10px; line-height: 20px; }
.itemDKKT .right { padding: 5px 0; width: 60px; text-align: center; }
.itemDKKT .right .fancy-checkbox { margin: 0 }
.itemDKKT .fancy-checkbox input[type="checkbox"] + span:before { margin: 0 }
#CreateSub .item { margin-bottom: 15px }
#CreateSub .item b { margin-bottom: 5px; display: block }
#popSubDKTT { max-width: 100vw; width: 1200px }
#popSubDKTT .flexSub { display: flex }
#popSubDKTT .flexSub .leftSub { flex: 1 }
#popSubDKTT .flexSub .rightSub { width: 300px; margin-left: 15px; padding-left: 15px; border-left: 1px solid #ccc }
.hideTalbe { display: none }
.lstFile { padding: 0; margin: 0; list-style: none }
.lstFile li { line-height: 20px; margin-bottom: 3px }
.lstFile li a:hover { color: #01a2d8 }
.searchTopKt .btn { margin: 0 !important; }
.searchTopKt .fancy-checkbox { margin: 0; }
.searchTopKt .fancy-checkbox span { margin-top: 3px; }
.searchTopKt .fancy-checkbox input[type="checkbox"]:checked + span:before,
.searchTopKt .fancy-checkbox input[type="checkbox"] + span:before { margin-right: 5px; }
table td.tdthanhtich { padding: 0 !important; vertical-align: top !important }
.tdthanhtich .TtInSub { display: flex; }
.tdthanhtich .TtInSub > div { padding: 7px 5px; }
.wrapthanhtich { width: 260px; }
.tdthanhtich .TtInSub .ttTen { flex: 1; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.tdthanhtich .TtInSub .ttSoQD { width: 100px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.tdthanhtich .TtInSub .ttNgayQD { width: 100px; border-bottom: 1px solid #ccc; }
.tdthanhtich .ttManage { padding: 5px; text-align: center; }
.ththanhtich { padding: 0 !important }
.ththanhtich .TtInSub > div { border-bottom: none !important; }
.ththanhtich .TtInSub .ttTen { flex: 1 }
.ththanhtich .TtInSub .ttSoQD { width: 100px; }
#bodyInside { padding: 0; }
#bodyInside #infoDKKT,
#bodyInside .formSearch .btn-warning,
#bodyInside .lstData tbody .wspn .btn-outline-dark { display: none !important; }
.dropdown-menu.show { padding: 5px 0 }
.dropdown-item { font-size: 14px; padding: 5px 20px }
.btn-link { margin: 0 }  
.lstDKKTPop.lstChooseDKKT .list { margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; }
.lstDKKTPop.lstChooseDKKT .head { font-weight: bold; font-size: 14px; display: inline-block; width: auto; margin-bottom: 0 }
.lstDKKTPop.lstChooseDKKT table td,
.lstDKKTPop.lstChooseDKKT table th { padding: 10px }
.fa,
.far,
.fas { font-family: Arial }
.fa:before,
.far:before,
.fas:before { font-weight: 900; font-family: 'FontAwesome' }
#DSKhenThuong { font-size: 14px; line-height: 20px }
#DSKhenThuong th { background: #01a2d8; color: #fff; text-align: center; }
.table-hover tr:hover td { background: rgba(242, 242, 242, 0.1) }
.KoDuDieuKiencls:not(.DacBietcls) td:nth-child(1),
.KoDuDieuKiencls:not(.DacBietcls) td:nth-child(2),
.KoDuDieuKiencls:not(.DacBietcls) td:nth-child(3){color: red;}
.ChuaNhapDuLieu td:nth-child(1),
.ChuaNhapDuLieu td:nth-child(2),
.ChuaNhapDuLieu td:nth-child(3){color: orange;}
.noteDSKT { display: flex; align-items: center}
.noteDSKT .item { margin-right: 20px; display: flex; align-items: center}
.noteDSKT .item .text {white-space: nowrap}
.colorTypeTNXP { width: 25px; height: 15px; margin-right: 5px; display: table}
#DSKhenThuong td .colorTypeTNXP { width: 15px; height: 26px}
#DSKhenThuong td .select2 { max-width: 100% !important; overflow: hidden}
#DSKhenThuong .tdthanhtich .tdthanhtich_area{ overflow: hidden;}
#DSKhenThuong .tdthanhtich .readmore{width: 90px; display: block; overflow: hidden; position: relative; line-height: 16px; font-size: 14px; color: #288ad6; margin: 5px auto; cursor: pointer;}

#DSKhenThuong .tdthanhtich .hideDiv:not(.showDiv) { max-height: 100px; overflow: hidden}
#DSKhenThuong .tdthanhtich .tdthanhtich_area:not(.hideDiv) ~.show-more{ display: none;}

#DSKhenThuong .tdthanhtich .tdthanhtich_area.hideDiv:not(.showDiv) ~.show-more:before{height: 55px; margin-top: -45px; content: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.2,#fff),to(rgba(255,255,255,0))); display: block;}

#DSKhenThuong .tdthanhtich .tdthanhtich_area.hideDiv:not(.showDiv) ~.show-more span:nth-child(2) {display: none}
#DSKhenThuong .tdthanhtich .tdthanhtich_area.hideDiv.showDiv ~.show-more span:nth-child(1) {display: none}

#DSKhenThuong .tdthanhtich .show-more .readmore:after{content: ''; width: 0; right: 0; border-top: 6px solid #288ad6; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px;}
#DSKhenThuong .tdthanhtich .showDiv ~.show-more .readmore:after {transform: rotate(180deg);}
.deleteAllDSKT{color: #fff; background-color: #dc3545; border-color: #dc3545;}

.select2-container--default .select2-selection--single .select2-selection__placeholder {color: #444!important}
.modal table.jqueryDataTable  thead th, .modal table.jqueryDataTable  thead td{ color: #fff;}
#FormLogin .wrap .left .unit.ttlienhe{font-style: normal; text-transform: none; font-size: 14px !important; border: none; line-height: 24px; padding: 0;}
.modal-body .tar{position:sticky; bottom:0;}
.soqdcls{margin-right: 40px;}
.ngaythangcls{margin: 0 8px;}
.namcls{margin-right: 25px;}
.ngaytrinhcls{margin-right: 80px;}