body { font-family: RobotoR; font-size: 14px; color: #333; overflow: hidden}

a { transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; color: inherit}
label { font-weight: normal; font-family: RobotoB}

/*CSS dành cho khối ảnh*/
.wImage { position: relative; overflow: hidden}
.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 { display: block; margin: auto; max-height: 100%; max-width: 100%; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out}

.navbar-fixed-top .navbar-brand {padding: 5px 0}
.navbar-fixed-top .navbar-brand img { width: auto; max-width: 200px}
.theme-blue:before, .theme-blue:after,#wrapper:before, #wrapper:after {display: none}
.theme-blue .page-loader-wrapper { background: rgba(23,106,173,0.9);}
.page-loader-wrapper img {width: auto}
.navbar-fixed-top {top: 0}
.user-account { border-bottom: 1px dashed #dadada; padding-bottom: 20px; margin-bottom: 5px}
.user-account .wImage { width: 50px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px}
.user-account .wImage:before {padding-bottom: 100%}
.user-account .dropdown {vertical-align: middle}
.user-account .dropdown .dropdown-menu { background: rgba(23,106,173,0.8) ; padding: 10px}
.user-account .dropdown .dropdown-menu li a { color: #fff; padding: 5px 0}
.user-account .dropdown .dropdown-menu li a:hover {margin-left: 3px}

#left-sidebar .nav-tabs .nav-link.active,.sidebar-nav .metismenu>li i {color: #ff7700 }
.sidebar-nav .metismenu>li.active>a {border-color: #ff7700}

.pagination { display: table; margin: auto}
.table thead th {text-align: center}

#loading { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0, 0.4); z-index: 9999; display: none}
#loading .lds-ring { display: inline-block; height: 100px; position: absolute; width: 100px; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px}
#loading .lds-ring div { animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border: 6px solid #fff; border-color: #fff transparent transparent transparent; border-radius: 50%; box-sizing: border-box; display: block; height: 70px; margin: 6px; position: absolute; width: 70px; }
#loading .lds-ring div:nth-child(1) { animation-delay: -0.45s; }
#loading .lds-ring div:nth-child(2) { animation-delay: -0.3s; }
#loading .lds-ring div:nth-child(3) { animation-delay: -0.15s; }
@keyframes lds-ring {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

.commonTool {margin-bottom: 15px}
.fl {float: left}
.fr {float: right}
.cb {clear: both}
.lh35 {line-height: 35px}
.mb0 {margin-bottom: 0}

.sweet-alert button {margin: 0 5px 15px 5px}
a:hover,a:focus {color: inherit}

table .fancy-checkbox {margin: 0}

#Browser {color: #fff}
.multiselect-container {width: 100% !important;}

.sapxep .fa {float: right;margin-top: 2px;} 
.auth-main:after,.auth-main::before {background: #31ade3}
.auth-box { margin: auto; width: auto}
.auth-box .top { margin: auto; display: block}
.auth-box .top img { max-width: 100%; width: auto; display: block; margin: auto}
.auth-box .top span { font-family: UTMBebas; font-size: 25px; text-align: center; display: block; text-shadow: 0 0 10px #fff}
.auth-box .top p {margin-bottom: 5px}
.auth-box .top span:first-child {font-size: 27px}
.auth-box .card  { width: 400px; margin: 10px auto; display: table}
.auth-box .card .body {padding-top: 5px}
.auth-box .skype { display: table; margin: 10px auto; margin-bottom: 5px}
.auth-box .powerby { position: fixed; bottom: 10px; right: 10px}
.auth-box .info { padding-top: 20px; background: url(../icon/footer_boder.png) center top no-repeat;}
.auth-box .info a { font-family: RobotoB; color: #333}

.sr-only { position: static; width: auto; height: auto;}
.title_login {padding: 0!important}
.title_login .lead { font-family: UTMViceroyJF; text-align: center; font-size: 30px}
.theme-blue .auth-main .btn-primary { font-weight: bold; text-transform: uppercase}
.theme-blue .auth-main .btn-primary:hover {background: #0062cc}
.w200px {width: 200px}
.w100px {width: 100px}
.w120px {width: 120px}
.w150px {width: 150px}
.w300px {width: 300px}
.w70px {width: 70px}
.w50px {width: 50px}
.btn.fa { font-family: Arial; line-height: inherit}
.btn.fa:before { font: normal normal normal 14px/1 FontAwesome; font-weight: 900}
.btn.icon,.btn.fa {line-height: 1.5em}
.c000 {color: #000}
.c000:hover {color: #0062cc}

#searchForm {width: 400px}
.padR-0 {padding-right: 0}
#main-content .header,#main-content .body {padding-bottom: 0}
#main-content .card,#main-content .commonTool {margin-bottom: 0} 

#pageSize { width: 70px; margin-right: 10px; height: 29px; padding: 0 10px}
#pageSize,#paginationholder ,#paginationholderCanBo {float: left}
#paginationholder .disabled a, #paginationholderCanBo .disabled a {color: #fff}
#gridData .fancy-checkbox input[type="checkbox"]+span:before {margin-right: 0}
#gridData table thead th {cursor: pointer}


#header { background: #93d5f6; padding: 5px 0; border-bottom: none}
#header.navbar-fixed-top {position: static}
#header .slogan { margin-left: 5px; text-transform: uppercase; font-size: 22px; color: #333; font-family: UTMBebas; text-shadow: 0 0 10px #fff; vertical-align: middle} 
#menuMain {padding: 0 15px;background: #3eacff}
#menuMain ul.fl { padding: 0; margin: 0; list-style: none; width: 100%}
#menuMain ul.fl li { display: inline-block; position: relative;white-space: nowrap} 
#menuMain ul.fl li ul { position: absolute; top: 120%; visibility: hidden; opacity: 0; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; background: #3eacff; z-index: 10; min-width: 100%; padding: 0; left: 0}
#menuMain ul.fl li a { display: block; color: #fff; text-transform: uppercase; font-family: RobotoB; font-size: 12px; padding: 10px}
#menuMain ul.fl li:hover >   a {background: #0581b7}
#menuMain ul.fl li a .fa { position: relative; top: -1px; font-size: 10px}
#menuMain ul.fl li:hover >ul { top: 100%; visibility: visible; opacity: 1}
#menuMain ul.fl li ul li { display: block}
#menuMain ul.fl li.fr i {font-size: 15px}
#menuMain ul.fl li.fr ul { left: inherit; right: -10px}
#menuMain ul.fl li.fr ul i {margin-right: 4px} 
#menuMain ul.fl li ul li ul { left: 100%; top: 100%; border-left: 2px solid #fff}
#menuMain ul.fl li ul li:hover >ul {top: 0}

#left-sidebar,#main-content { margin-top: 0; background: #fff; overflow-y: auto;padding: 10px; box-sizing: border-box}
#left-sidebar { width: 240px; box-shadow: 0 0 10px #dadada inset; position: static; float: left}
#left-sidebar.hide {display: none}
#left-sidebar .searchUnit { width: 220px;margin-bottom: 10px}
#left-sidebar .hide {display: none}
#left-sidebar span { transition: none;-moz-transition: none}
#main-content {padding-left: 0;height: 100%; flex: 1; float: right; max-width: 100%}
/*#main-content.full { width: 100%}*/

/*.mCSB_scrollTools .mCSB_draggerContainer {left: 10px}*/
.mCSB_container_wrapper > .mCSB_container {padding-right: 0}
.mCSB_container {overflow: visible}
.mCSB_container_wrapper {margin-right: 5px}
.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 8px}
.titleWelcome { font-family: RobotoB; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #dadada; padding-bottom: 10px}

#statistical {margin: 5px 0 15px 0}
#statistical .item { display: block; box-sizing: border-box; padding: 5px 10px; font-family: RobotoB; border: 2px solid #dadada; border-radius: 4px; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; background: url(../icon/file.png) right 5px center no-repeat; background-size: auto 70%; position: relative; overflow: hidden}
#statistical .item:after { content: "Xem tất cả"; position: absolute; line-height: 64px; bottom: 0; left: 0; display: block; width: 100%; text-align: center; color: #fff; opacity: 0; visibility: hidden;  transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 2; }
#statistical .item p { margin-bottom: 0; line-height: 25px}
#statistical .item p.number { color: red; font-size: 18px}
#statistical .item p.name { color: #AAB5BC; font-size: 12px }
#statistical .item:hover { background-size: auto 80%}
#statistical .item:hover:after { bottom: 0; visibility: visible; opacity: 1}

.commontitle { font-family: RobotoB; padding-bottom: 7px; margin-bottom: 10px; font-size: 15px; border-bottom: 1px solid #dadada; position: relative; text-transform: uppercase; display: block; }
.commontitle:after { content: ""; position: absolute; bottom: -1px; height: 2px; width: 150px; background: #3eacff; display: block; left: 0}
#birthday .group { height: 380px; overflow: auto}
#birthday .wImage:before {padding-bottom: 150%}
#birthday .item { border-bottom: 1px dotted #dadada; padding-bottom: 10px; margin-bottom: 10px}
#birthday ul { padding: 0; margin: 0; list-style: none}
#birthday ul li { line-height: 19px; margin-bottom: 3px; font-size: 13px}
#birthday .chitiet {float: right}
#birthday .chitiet:hover {color: #3eacff}

.block-header {margin: 0}
#main-content .card { box-shadow: none;}
#main-content .card .header { padding: 0; margin-top: 15px} 
#main-content .card .body { padding: 20px 0; font-weight: normal;color: inherit}
.pl4 {padding-left: 4px}
.dropdown-menu li {font-size: 14px}
.dropdown-menu li:active { background: #3eacff; color: #fff}
.dropdown-menu li:active a{color: #fff}
.btn {font-size: 13px}
.flex { display: flex; flex-direction: row} 
table th { font-family: RobotoB; font-weight: normal} 
.fwb { font-family: RobotoB; font-weight: normal}

.commonHead { background: #0581b7; line-height: 20px; color: #fff; font-size: 12px; margin-bottom: 10px;width: 100%; padding: 5px 10px; font-family: RobotoB}
#left-sidebar .commonHead {width: 220px}
.pintab .fa {margin-left: 3px}
#pintab { position: fixed; line-height: 20px;z-index: 10; left: 10px; bottom: 0}
#pintab ul { padding: 0; margin: 0; list-style: none}
#pintab ul li { white-space: normal; display: inline-block}
#pintab ul li a { background: #333; color: #fff; display: block; padding: 5px 10px; font-size: 13px}
#pintab ul li a:hover { background: #3eacff}

.colRight { float: right}
.colRight .commonHead {margin-bottom: 5px}
.w220px {width: 220px}
.colRight .w220px {margin-left: 10px}

#ListDauMuc {margin-bottom: 7px}
#ListDauMuc ul { padding: 0; margin: 0; list-style: none}
#ListDauMuc ul li {border-bottom: 1px dashed #dadada}
#ListDauMuc ul li:last-child {border: none}
#ListDauMuc ul li a { display: block; padding: 4px 5px; position: relative; left: 0; font-size: 13px; box-sizing: border-box; font-family: RobotoB}
#ListDauMuc ul li a:hover,#ListDauMuc ul li.active a { background: #3eacff; outline: none; color: #fff}

#ListChucNang ul { padding: 0; margin: 0; list-style: none}
#ListChucNang ul li {margin-bottom: 7px}
#ListChucNang ul li .btn { width: 100%; font-size: 12px; padding: 0.2rem 0.75rem } 

#FormInput { flex: 1; overflow-y: auto; padding-right: 10px}

#PhieuHC a:hover { transition: 0.3s all ease-in-out;-moz-transition: 0.3s all ease-in-out}
#PhieuHC { font-family: RobotoR;background: #fff; font-size: 14px; position: relative; padding-bottom: 20px}
#PhieuHC p {margin: 0}
#PhieuHC .item { display: flex; width: 100%}
#PhieuHC .labelForm { line-height: 27px; font-weight: normal; font-family: RobotoR}
#PhieuHC .iptForm { -webkit-flex: 1;-ms-flex: 1;flex: 1;margin-left: 7px}
#PhieuHC .iptForm input,#PhieuHC .iptForm select,#PhieuHC button.multiselect,#PhieuHC .select2-container .select2-choice { height: 25px; width: 100%; border: none; border-bottom: 1px dotted #333; line-height: 23px; outline: none; color: #6078c1; outline: none; text-align: left; box-shadow: none}
#PhieuHC button.multiselect {padding: 0}
#PhieuHC .multiselect-container input { width: inherit;height: 20px}
#PhieuHC .datepicker-group {display: flex}
#PhieuHC .datepicker-group input {flex: 1}
#PhieuHC .select2-container .select2-choice,#PhieuHC .select2-container-multi .select2-choices { font-size: 14px; line-height: 25px; padding: 0}
#PhieuHC .select2-container .select2-choice .select2-arrow b {background-position: 0 7px}
#PhieuHC .datepicker-group .btn-outline-secondary { height: 25px; line-height: 25px; padding: 0; border: none; border-bottom: 1px dotted #333; border-radius: 0; background: transparent !important; outline: none; box-shadow: none}  
#PhieuHC .iptForm textarea,#PhieuHC .datepicker-group .btn-outline-secondary:hover {color:#6078c1}
#PhieuHC .iptForm select {height: 25px}
#PhieuHC .iptForm .select2-container .select2-choice,#PhieuHC .iptForm .select2-container-multi .select2-choices { border: none; border-bottom: 1px dotted #333; outline: none;box-shadow: none}
.modal .select2-container--default .select2-selection--single,.modal .select2-container--default .select2-selection--multiple { border-color: #ced4da; height: 35px; outline: none;}
.modal .select2-container--default .select2-selection--single .select2-selection__arrow {height: 32px}
.modal .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px}
#PhieuHC .iptForm .select2-container--default .select2-selection--single .select2-selection__rendered,.modal .select2-container--default .select2-selection--single .select2-selection__rendered  {color:#6078c1}
#PhieuHC .titleHead { max-width: 50%; margin: 30px auto 20px auto; line-height: 27px; position: absolute; left: 50%; transform: translateX(-50%);-moz-transform: translateX(-50%); top: 20px}
#PhieuHC .title { font-family: RobotoB; text-transform: uppercase; font-size: 16px; margin-bottom: 5px; margin-top: 10px; position: relative; padding-bottom: 7px; display: inline-block}
#PhieuHC .title:after { content: ""; height: 2px; width: 100%; background: #3eacff; display: block; bottom: 0; left: 0; position: absolute}
#PhieuHC .smart-form th:first-child,#PhieuHC .smart-form th:last-child {min-width: auto}
#PhieuHC .smart-form th { text-align: center; font-size: 14px; padding: 10px;min-width: 100px} 
#PhieuHC .smart-form label { float: left;line-height:27px}
#PhieuHC .item.textarea {display: block}
#PhieuHC .item.textarea .iptForm { margin-left: 0; position: relative}
#PhieuHC .item.textarea .iptForm textarea { width: 100%;max-width: 100%; min-height: 100px;box-sizing: border-box; padding: 10px}
#PhieuHC .select2-container .select2-choice .select2-arrow { background: transparent; border: none}
#PhieuHC .lstbutton { margin-left: 10px; margin-bottom: 10px; white-space: nowrap}
#PhieuHC .QRCode { float: right;max-width: 25%}
#PhieuHC .QRCode img { width: 200px; margin: auto; height: auto; max-width: 100%; margin-bottom: 10px}
#PhieuHC .QRCode input { border: none; border-bottom: 1px dotted #333; height: 20px; box-sizing: border-box; padding: 0 10px; width: 100%; text-align: center; outline: none}

#PhieuHC .Photo { max-width: 25%; float: left; position: relative; border: 1px solid #dadada}
#PhieuHC .Photo .wImage {width: 150px}
#PhieuHC .Photo .wImage:before {padding-bottom: 150%}
#PhieuHC .Photo #Upload { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);-moz-transform: translateX(-50%)}
#PhieuHC .lstbuttonsave { position: fixed; right: 60px; bottom: 10px}

#PhieuHC .dieuhuong { position: fixed; right: -330px; top: 50%; transform: translateY(-50%);-moz-transform: translateY(-50%); background: #3276b1; box-sizing: border-box;; padding: 10px;transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out}
#PhieuHC .dieuhuong ul { padding: 0; margin: 0; list-style: none}
#PhieuHC .dieuhuong ul li { line-height: 22px; margin-bottom: 3px}
#PhieuHC .dieuhuong ul a { color: #fff; font-family: RobotoB; display: block}
#PhieuHC .dieuhuong ul a.active,#PhieuHC .dieuhuong ul a:hover { color: yellow}
#PhieuHC .dieuhuong:before { content: "Danh mục hồ sơ"; position: absolute; transform: rotate(-90deg);-moz-transform: rotate(-90deg);background: #3276b1;left: -122px; top: 97px; width: 220px; display: block; color: #fff; text-align: center; font-family: RobotoB; font-size: 15px; line-height: 25px; border-bottom: 2px solid #fff}
#PhieuHC .dieuhuong:hover {right: 0}
#PhieuHC table 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%} 
#PhieuHC .commonTool {display: none}

.modal label.control-label { margin-bottom: 0; font-family: RobotoR; font-weight: normal;line-height: 18px; padding-right: 0; min-height: 34px;display: table}
.modal label.control-label span { vertical-align: middle;display: table-cell }
.modal label.control-label span span {display: inline}
.modal input,.modal textarea,.modal select {color:#6078c1}
.modal-title {font-size: 20px}
.modal-header {padding: 10px 20px}
.padL-0 {padding-left: 0}
.padR-5 {padding-right: 5px}
.padL-5 {padding-left: 5px}
.fs15 {font-size: 15px}
.wspn {white-space: nowrap}
#PhieuHC .btnfix { position: sticky; position: -webkit-sticky;  text-align: right; margin-top: 10px; bottom: 0}
#PhieuHC .btnfix button {margin-right: 10px}
#PhieuHC .date .input-group-append {width: auto}

#InfoHoSo {font-size: 13px}
#InfoHoSo .group {margin-bottom: 10px}
#InfoHoSo .group .wImage { width: 80px; float: left}
#InfoHoSo .group .wImage:before {padding-bottom: 150%}
#InfoHoSo .group .info { width: calc(100% - 90px); float: right; padding: 0; margin: 0; list-style: none}
#InfoHoSo .group .info label { margin-bottom: 2px; font-weight: normal; font-family: RobotoB}
#InfoHoSo .group .info li { line-height: 17px; margin-bottom: 3px}

#PhieuHCTemp {display: none}
#ThongTinChung .Photo table {display: none}
#ThongTinChung .Photo .fileupload-buttonbar { margin: 0; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%);-moz-transform: translateX(-50%)}
.btn-group{width:100%}
.multiselect-container label{font-family: RobotoR}
.lh34 {line-height: 34px!important}

/* width */
::-webkit-scrollbar { width: 10px; height: 10px}

/* Track */
::-webkit-scrollbar-track {background: #d2d2d2;  border-radius: 10px;}

/* Handle */
::-webkit-scrollbar-thumb {background: #888;  border-radius: 10px;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #333; }
 
#basicForm {width: 100%}
.multiselect-container {width: 100% !important;}
.search-input { width: 100%; height: 30px; margin-bottom: 5px; border-radius: 4px; box-sizing: border-box; padding: 0 10px; border: 1px solid #dadada}
.custom-header { line-height: 30px; text-align: center; background: #333; color: #fff; font-weight: bold; display: block}

/*#colRightHoSo { margin-left: 10px; }
#colRightHoSo:before { content: ""; width: 5px; background: #dadada; height: 100%; display: block; float: left}
#colRightHoSo .w220px { width: 220px;float: right; margin-left: 5px; min-width: 220px}*/
.modal button.close {outline: none}

#PhieuHC .row1 {margin-right: -10px}

.lstUnitDieuDong { height: 400px; overflow: auto; width: calc(50% - 10px); float: left} 

.tabHead { padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #dadada; white-space: nowrap}
.tabHead li { display: inline-block; margin-right: 5px; border: 1px solid #dadada; border-top: 2px solid #dadada; border-bottom: none; margin-bottom: -1px; position: relative; z-index: 1; background: #fff}
.tabHead li a {display: block; padding: 7px 15px}
.tabHead li:hover,.tabHead li.active { background: #3eacff; border-color: #3eacff; font-family: RobotoB;}
.tabHead li:hover a,.tabHead li.active a {color: #fff;}
.pad0 {padding: 0}

#ListCanbo,#gridData tr.active { background: #dedede}
#gridData tr.active td{border-color: #fff!important} 
.modal.show {overflow-y: auto!important}  
.DetailsView .control-label{min-height: 0 !important;}
.DetailsView .table-uploadvx{margin:0;} 
.w100 {width: 100%!important}
.badge-fff { border-color: #fff; color: #fff}
.notification-dot {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 8px;height: 8px;position: absolute;top: 7px;right: 7px;background-color: red;}
.fwn {font-family: RobotoR}
.w80 { width: 80%; max-width: 100%}

.listLang img { max-width: 30px; margin-right: 3px}
.w400px {width: 400px}

.detail .titleMain { font-size: 20px; font-family: RobotoB; display: block; margin-bottom: 7px; line-height: 28px}      
.detail .titleSub { font-size: 16px; font-family: RobotoB; display: block; margin-bottom: 7px; line-height: 24px}
.thongke {background: #f3f3f3; border-top: 1px solid #ebebeb; padding: 3px;margin-bottom: 10px}
.thongke-ngay {width: auto; height: 100%; background: url(../icon/icon-thongke-ngay.png) no-repeat left;float:left;margin-left: 5px;padding-left: 5px}
.thongke-luotxem {width: auto; height: 100%; background: url(../icon/icon-thongke-luotxem.png) no-repeat left; float: left; padding-left: 10px;margin-left: 15px; }
.thongke span {font-size:12px;color: #aaa;line-height: 25px; margin-left: 15px; float: left;margin-right: 6px}
.cochu {float:right;width: auto; height:100%}
.cochu span {margin-left: 0px}
.thongke .cochu a {margin:0px;float:none;display:inline} 
#CommonCuoiChiTietTin{background:#f3f3f3;border-top:solid 1px #ebebeb;font-size:12px !important; color:#aaaaaa;padding:5px;margin:5px 0;position:relative; z-index: 3;margin-bottom: 15px}
#CommonCuoiChiTietTin a{display:inline-block;font-size:12px !important}
#CommonCuoiChiTietTin .apd a{color:#aaaaaa;padding-left:20px;margin-top:3px;display:inline-block}
#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{width:25px;height:20px;display:inline-block;position:relative;z-index:1;top:2px}
#CommonHoTroCuoiBaiViet{padding:20px 0}
#CommonHoTroCuoiBaiViet a{display:inline-block;padding:10px 22px;color:#fff;text-transform:uppercase;background:#e95d0b;margin-right:10px}
#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}

.noidung {width: 100%;text-align:justify;line-height: 22px; font-size: 14px}
.noidung img,.noidung input[type=image],.noidung1 img,.noidung1 input[type=image]{ max-width: 100%; height: auto!important;margin: auto;display: block!important}
.noidung iframe, .noidung video,.noidung1 iframe, .noidung1 video {max-width: 100%; margin: auto;display: block!important}
.noidung table {margin: auto}
.noidung figcaption{ text-align: center;}
.noidung .wImage iframe { width: 100%; height: 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{ margin: 0.67em 0;font-size: 2em;}
.noidung h2{margin: 0.83em 0;font-size: 1.5em;}
.noidung h3{ margin: 1em 0;font-size: 1.17em;}
.noidung h4{margin: 1.33em 0}
.noidung h5{ margin: 1.67em 0;font-size: 0.83em;}
.noidung h6{ margin: 2.33em 0;font-size: 0.67em;}
.noidung p {margin-bottom: 16px}

#alertNews {display: none; flex: 1}
marquee.alertNews { background: rgba(0, 0, 0, 0.5); color: #fff; line-height: 33px; font-family: RobotoB; float: right;width: 100%}

.wImage.video:before {padding-bottom: 56.25%}
.wImage.video iframe { width: 100%; height: 100%}

.chat .chat-history { max-height: 350px; overflow-y: auto}

.lstGroup { padding: 0; margin: 0; list-style: none;}
.lstGroup li { line-height: 21px; border-bottom: 1px dashed #dadada;line-height: 35px; padding: 0 10px; box-sizing: border-box}
.lstGroup li.active { background: #3eacff; color: #fff }
.lstGroup li.active:hover a {color: #fff}
.lstGroup li:hover {color: #3eacff}
.dd-item {cursor: pointer}
.mr3 {margin-right: 3px}
.input-group-append .date{border-radius: 5px 0 0 5px; border-right: 0;}
.m-r-3{ margin-right: 3px;}
#myimg {width: 91%;float: left;margin-left: -20px;}
#imgChange {width: 20px;height: 20px;float: right;position: relative;top: 8px;right: 5px;}

.processBar { padding: 0; margin: 0; list-style: none; white-space: nowrap; margin-top: 10px}
.processBar li { display: inline-block; min-width: 100px; height: 7px; background: #dadada; border-radius: 3px; width: 33%}
.processBar li.active {background: #3eacff}
.processBarNote { margin: 0 10px 10px; }

    /*Date*/ .demodr {
        position: relative;
        height: 34px;
        z-index: 9999;
    }

        .demodr i {
            position: absolute;
            bottom: 10px;
            right: 24px;
            top: auto;
            cursor: pointer;
        }