body { background: #FFF; font-size: 13px; line-height: initial; }
body .temp-info { left: auto; right: 7px, padding-top: 5px; text-align: right; top: auto; bottom: 7px; position: absolute; color: white; font-size: 12px; }
body .simple { padding: 0px; margin: 0px; line-height: initial }

body .d-none { display: none !important; }

.red { color: red; }
.vide { clear: both; height: 0px; line-height: 0px; }

.w20px { width: 20px; }
.w30px { width: 30px; }
.w40px { width: 40px; }

#banner .iconUser { background: url(../images/iconUser.png) no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 5px; }
#banner .iconLogout { background: url(../images/iconLogout.png) no-repeat; width: 16px; height: 16px; display: inline-block; margin-right: 5px; }

.btnhomepage { height: 90px; display: block; width: 333px; overflow: hidden; text-indent: 999px; position: absolute; }
#banner { background: url("/images/bg_banner.jpg") no-repeat scroll 0 0 #0066b3; height: 90px; position: relative; }
#banner h1 { color: #fff; font-size: 23px; padding: 30px 0 0 510px; }
#banner h2 { color: #fff; font-size: 18px; padding: 30px 0 0 460px; }
#banner .userarea { color: #fff; position: absolute; right: 10px; top: 10px; font-size: 12px; }
#banner .userarea span { font-weight: bold; }
#banner .userarea a { color: #fff; text-decoration: none }
.shadow { height: 6px; background: url( '../images/shadow.gif' ) repeat-x 0px 0px; }
.inputstyle .hasDatepick { background: url(../images/calendar.png) no-repeat 99% center transparent; }

#footer { background: url("/images/bg_footer.jpg") no-repeat scroll 100% 0 #0066b3; color: #fff; height: 90px; line-height: 20px; padding: 0 20px; font-size: 12px; }
#footer h4 { padding-top: 15px; font-size: 20px; margin-bottom: 0px; }
#footer p { margin: 0px; padding: 0px; }

#contain { position: relative; }
#boxlogin { position: absolute; left: 50%; top: 50%; margin-top: -110px; margin-left: -275px; border: 1pt solid #fff; padding: 1px; border-radius: 5px; box-shadow: 3px 3px 10px #888888; font-size: 12px; }
#boxlogin .detail { border: 1pt solid #BCDFF3; width: 450px; height: 220px; border-radius: 5px; background: #fff; }
#boxlogin h4 { line-height: 25px; background: #BCDFF3; margin: 25px 0px; padding-left: 60px; text-transform: uppercase; position: relative; }
#boxlogin .iconlogin { height: 39px; width: 41px; position: absolute; top: -7px; left: 10px; background: url( '../images/iconboxlogin.jpg' ) no-repeat 0px 0px; display: inline-block; }
#boxlogin table { width: 80%; font-weight: bold; margin: 0 auto; }
#boxlogin table .icon1, #boxlogin table .icon2 { float: left; }
#boxlogin table .btn_style { margin-top: 10px; }

.icon1 { background: url( '../images/icon.jpg' ) no-repeat 0px 0px; display: inline-block; width: 16px; height: 16px; }
.icon2 { background: url( '../images/icon.jpg' ) no-repeat 0px -17px; display: inline-block; width: 16px; height: 16px; }

#mainmenu { background: none repeat scroll 0 0 #0066b3; height: 32px; margin-top: 5px; }
#mainmenu ul li a { line-height: 32px; display: inline-block; padding: 0px 10px; background-color: transparent; border: none; }
#mainmenu ul li a.selected { background-color: transparent !important; }
#mainmenu .ddsmoothmenu ul li a:hover { background-color: transparent !important; }


#mainmenu ul li .selected span { color: yellow; }
#mainmenu ul li a span { line-height: 32px; display: inline-block; color: #fff; padding: 0px; font-weight: bold; font-size: 11px; }
#mainmenu ul li a span:first-letter { text-transform: uppercase; }

/* Mức 2 */
#mainmenu ul li ul li a { text-indent: 20px; display: block; white-space: nowrap; color: #333; background: url( '../images/arrow.gif' ) no-repeat 12px 10px; border-top: 1px solid white; border-bottom: 1px solid #ccc; position: relative; }

#mainmenu ul li ul li a:first-letter { text-transform: uppercase; }
#mainmenu ul li ul li a:hover { color: white; background: url( '../images/arrow_hover.gif' ) no-repeat 9px 9px #01A0E4; }

#mainmenu .downarrowclass { background: url(../images/down.gif) no-repeat left top transparent; width: 11px; height: 8px; padding: 0px; top: 12px; }
#mainmenu .rightarrowclass { background: url(../images/right.gif) no-repeat left top transparent; width: 8px; height: 11px; padding: 0px; top: 10px; }
#mainmenu ul li ul li a.selected { color: white; background: url( '../images/arrow_hover.gif' ) no-repeat 9px 9px #01A0E4 !important; }

/* Mức 3 */
#mainmenu ul li ul li ul li a { background: url(../images/arrow_l3.gif) no-repeat 10px 10px; }

/* Mức 4 */
#mainmenu ul li ul li ul li ul li a { background: url(../images/arrow_l4.gif) no-repeat 10px 10px; }

#mainmenu ul li ul li a { font-size: 12px; font-weight: normal; font-family: inherit; position: relative; }
#mainmenu ul ul { background: #DAE8FF; }
#mainmenu ul ul ul { background-color: #E6F2FF; }
#mainmenu ul ul ul ul { background-color: #F9FCFF; }
#mainmenu ul ul ul ul ul { background-color: #F2F8FF; }
#mainmenu ul ul ul ul ul ul { background-color: #F9FCFF; }

.boxdashboard { margin-bottom: 5px; background: #fff; }
.boxdashboard .titlebox { height: 28px; background: url(../images/bg-titNews.jpg) repeat-x scroll left top; }
.boxdashboard .titlebox .bgL { background: url( '../images/topleft_boxDB.jpg' ) no-repeat 0px 0px; padding-left: 15px; float: left; }
.boxdashboard .titlebox .bgR { background: url( '../images/topright_boxDB.png' ) no-repeat 100% 0px; padding-right: 22px; display: inline-block; }
.boxdashboard .titlebox h4 { line-height: 28px; background: url( '../images/mid_boxDB.jpg' ) repeat-x 0px 0px; padding: 0px 10px; color: #fff; text-transform: uppercase; display: inline-block; }
.boxdashboard .tipNews { height: 28px; float: left; line-height: 28px; }
.boxdashboard .tipNews ul { list-style: none; margin-left: 10px; }
.boxdashboard .tipNews li { float: left; padding: 0 10px; font-size: 11px; background: url(../images/icon-arr1.jpg) no-repeat scroll left 10px; }
.boxdashboard .midbox { overflow: hidden; height: auto; background: url( '../images/bg_midboxDB.jpg' ) repeat-x 0px 100%; padding: 10px 0; border-radius: 5px; }

.icon-dashboard { float: left; width: 150px; margin: 10px 10px 0; text-align: center; height: 150px; }
.icon-dashboard .round { border: 1pt solid #A5BAD3; border-radius: 5px; box-shadow: 1px 1px #ccc; background: #fff; }
.icon-dashboard .round a { display: block; height: 100px; }
.icon-dashboard .round a img { margin-top: 10px; text-align: center; }
.icon-dashboard p a { text-transform: uppercase; font-weight: bold; color: #333; padding: 8px 0px; display: inline-block; }

.iconDB1 { background: url( '../images/icon_dashboard/icon1.jpg' ) no-repeat center; }
.iconDB2 { background: url( '../images/icon_dashboard/icon2.jpg' ) no-repeat center; }
.iconDB3 { background: url( '../images/icon_dashboard/icon3.jpg' ) no-repeat center; }
.iconDB4 { background: url( '../images/icon_dashboard/icon4.jpg' ) no-repeat center; }
.iconDB5 { background: url( '../images/icon_dashboard/icon5.jpg' ) no-repeat center; }
.iconDB6 { background: url( '../images/icon_dashboard/icon6.jpg' ) no-repeat center; }
.iconDB7 { background: url( '../images/icon_dashboard/icon7.jpg' ) no-repeat center; }
.iconDB8 { background: url( '../images/icon_dashboard/icon8.jpg' ) no-repeat center; }
.iconDB9 { background: url( '../images/icon_dashboard/icon9.jpg' ) no-repeat center; }
.iconDB10 { background: url( '../images/icon_dashboard/icon10.jpg' ) no-repeat center; }
.iconDB11 { background: url( '../images/icon_dashboard/icon11.jpg' ) no-repeat center; }
.iconDB12 { background: url( '../images/icon_dashboard/icon12.jpg' ) no-repeat center; }
.iconDB13 { background: url( '../images/icon_dashboard/icon13.jpg' ) no-repeat center; }
.iconDB14 { background: url( '../images/icon_dashboard/icon14.jpg' ) no-repeat center; }
.iconDB15 { background: url( '../images/icon_dashboard/icon15.jpg' ) no-repeat center; }
.iconDB16 { background: url( '../images/icon_dashboard/icon16.jpg' ) no-repeat center; }
.iconDB17 { background: url( '../images/icon_dashboard/icon17.jpg' ) no-repeat center; }
.iconDB18 { background: url( '../images/icon_dashboard/icon18.jpg' ) no-repeat center; }
.iconDB19 { background: url( '../images/icon_dashboard/icon19.jpg' ) no-repeat center; }

#maplink { height: 24px; background: #f6f6f6; line-height: 24px; }
#maplink .homelink { float: left; width: 14px; height: 15px; margin: 0px 5px; background: url( '../images/iconhome.jpg' ) no-repeat 0px 0px; margin-top: 5px; }
#maplink span { font-size: 16px; font-weight: bold; }

#maplink a { color: #333; font-weight: bold; }
#maplink .date { float: right; width: 200px; text-align: right; margin-right: 10px; }

.boxinfor { border: 1pt solid #B2D4E6; background: #fff; }
.boxinfor .titlebox { background: url( '../images/titleboxinfo.jpg' ) repeat-x 0px 0px; border-bottom: 1pt solid #B2D4E6; line-height: 24px; height: 24px; }
.boxinfor .titlebox h4 { background: url( '../images/titleboxinfo_h4.jpg' ) no-repeat 0px 0px; display: block; padding-left: 20px; color: #00669A; }
.boxinfor .nav_btn ul { overflow: hidden; height: auto; }
.boxinfor .nav_btn { border-top: 1pt solid #fff; background: #D1E8FA; line-height: 27px; padding: 5px; }
.boxinfor .nav_btn li { background: url( '../images/bg_nav_btn.jpg' ) no-repeat 0px 3px; padding-left: 10px; float: left; margin: 0px 5px; display: inline-block; }
.boxinfor .nav_btn li a { background: url( '../images/bg_nav_btn.jpg' ) no-repeat 100% 3px; padding-right: 10px; color: #333; height: 33px; display: inline-block; }
.boxinfor .nav_btn li a span { line-height: 33px; display: inline-block; }
.boxinfor .nav_btn li a .back { background: url( '../images/nav_back_btn.jpg' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .new { background: url( '../images/nav_new_btn.jpg' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .search { background: url( '../images/nav_search_btn.jpg' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .save { background: url( '../images/nav_save_btn.jpg' ) no-repeat 0px center; padding-left: 21px; }
.boxinfor .nav_btn li a .edit { background: url( '../images/nav_edit_btn.jpg' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .detail { background: url( '../images/nav_detail_btn.jpg' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .delete { background: url( '../images/nav_delete_btn.jpg' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .info { background: url( '../images/nav_info_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .ex_excel { background: url( '../images/nav_excel_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .lock { background: url( '../images/nav_lock_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .unlock { background: url( '../images/nav_unlock_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .danhmuc { background: url( '../images/nav_folder_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .baocao { background: url( '../images/nav_report_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .import { background: url( '../images/nav_import_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li a .im_data { background: url( '../images/nav_im_data_btn.png' ) no-repeat 0px center; padding-left: 20px; }
.boxinfor .nav_btn li:hover { background: url( '../images/bg_nav_btn.jpg' ) no-repeat 0px -30px; padding-left: 10px; float: left; margin: 0px 5px; display: inline-block; }
.boxinfor .nav_btn li:hover a { background: url( '../images/bg_nav_btn.jpg' ) no-repeat 100% -30px; padding-right: 10px; color: #333; height: 33px; display: inline-block; }

#boxinfo { padding: 10px; }

.tbl_style { border-collapse: collapse; width: 100%; }
.tbl_style th { background: #00A0E4; color: #fff; padding: 5px; white-space: nowrap; border-color: #B2D4E6; }
.tbl_style > tbody > tr > th { text-align: center; line-height: 27px; }

.tbl_style td { border: 1pt solid #B2D4E6; border-collapse: collapse; /*line-height: 35px;*/ padding: 10px 5px; }
.tbl_style .rowA { background: #F5F8FB; }
.tbl_style tr:hover { background: #CDDFF2; }

.pager_style { text-align: right; }
.pager_style .countpage { display: inline-block; margin-right: 10px; }
.pager_style a { display: inline-block; margin-right: 4px; height: 25px; width: 30px; background: #FF8000; text-align: center; }
.pager_style a span { line-height: 25px; display: inline-block; width: 30px; color: #fff; font-weight: bold; font-size: 15px; }
.pager_style a:hover, .pager_style a.active { background: #446792; }
.search_area { background: #F5F5F5; border-top: 1pt solid #fff; padding: 10px 5px; }

.nav_tab { height: 25px; background: url( '../images/bg_nav_tab.jpg' ) 0px 0px; margin-bottom: 10px; }
.nav_tab ul { overflow: hidden; height: 100%; padding: 0px 10px; }
.nav_tab ul li { display: inline-block; float: left; padding-top: 2px; }
.nav_tab ul li a { padding-left: 10px; display: inline-block; line-height: 23px; }
.nav_tab ul li a span { padding-right: 10px; display: inline-block; line-height: 23px; color: #fff; font-weight: bold; }
.nav_tab ul li a:hover, .nav_tab ul li a.active { background: url( '../images/bg_btn_nav_tab.jpg' ) no-repeat 0px 0px; }
.nav_tab ul li a:hover span, .nav_tab ul li a.active span { background: url( '../images/bg_btn_nav_tab.jpg' ) no-repeat 100% 0px; color: #333; }
.mid_nav_tab { border: 1pt solid #D1E8FA; padding: 10px; margin-bottom: 10px; }

.foot_nav_btn { text-align: left; padding-top: 10px; }
.foot_nav_btn a { background: url( '../images/bg_foot_nav_btn.jpg' ) no-repeat 0px 0px; padding-left: 10px; display: inline-block; height: 30px; line-height: 30px; }
.foot_nav_btn a span { background: url( '../images/bg_foot_nav_btn.jpg' ) no-repeat 100% 0px; padding-right: 10px; display: inline-block; height: 30px; line-height: 30px; font-weight: bold; color: #333; }
.foot_nav_btn a:hover { background-position: 0px -33px; }
.foot_nav_btn a:hover span { background-position: 100% -33px; }
.foot_nav_btn a .save { line-height: 16px; height: 16px; display: inline-block; background: url( '../images/nav_save_btn.jpg' ) no-repeat 0px 0px; padding-right: 20px; }
.foot_nav_btn a .cancel { line-height: 16px; height: 16px; display: inline-block; background: url( '../images/cancel.gif' ) no-repeat 0px 0px; padding-right: 20px; }
.foot_nav_btn a .delete { line-height: 16px; height: 16px; display: inline-block; background: url( '../images/nav_delete_btn.jpg' ) no-repeat 0px 0px; padding-right: 20px; }
.foot_nav_btn a .addnew { line-height: 16px; height: 16px; display: inline-block; background: url( '../images/addnew.gif' ) no-repeat 0px 0px; padding-right: 20px; }
.boxdata { border: 1pt solid #B2D4E6; min-height: 200px; }

.boxdata h4 { background: #E4F1FC; line-height: 23px; font-size: 12px; color: #476A94; border-bottom: 1pt dotted #B2D4E6; padding-left: 20px; }
.datestyle input { background: url( '../images/calendar.png' ) no-repeat 99% center #fff; }

.qhgdkhac { border-bottom: 1pt dotted #B2D4E6; line-height: 25px; background: url( '../images/qhgd.jpg' ) no-repeat 0px 4px; padding-left: 20px; margin-bottom: 5px; }

#colLeft { width: 23%; float: left; }
#colRight { width: 76%; float: right; }

.title_h4 { line-height: 25px; border-bottom: 1pt dotted #ccc; margin-bottom: 10px; }

.tbl_style th h4.user { text-align: left; background: url( '../images/user.png' ) no-repeat 8px center; padding-left: 30px; }

.PagingTable { width: 100%; }

.PagingTable td { border: 0px; font-size: 11px; line-height: 10px; }
.pager a, .pager span { float: right; padding: 0px 7px; line-height: 20px; display: inline-block; margin-left: 1px; background: #fff; color: #333; text-shadow: 0px 1px #ccc; border: 1pt solid #ccc; }
.pager span { background: #333; color: #fff; }
.pager a:hover { background: #4D709A; color: #fff; text-shadow: 0px 1px #333; }

.p155 { padding: 15px 5px; }
.mybtn { border: 1pt solid #B2D4E6; border-radius: 3px; display: inline-block; background: #fff; color: #333; }
.mybtn:hover { background: #4D709A; border-color: #fff; }

.mybtn:hover span { color: #fff; }
.mybtn span { padding: 5px 8px 5px 25px; display: inline-block; line-height: 15px; }
.mybtn .edit { background: url( '../images/icons/edit.png' ) no-repeat 5px center; }
.mybtn .view_detail { background: url( '../images/icons/view_detail.png' ) no-repeat 5px center; }
.mybtn .lock { background: url( '../images/icons/lock.png' ) no-repeat 5px center; }

.mybtn .unlock { background: url( '../images/icons/unlock.png' ) no-repeat 5px center; }

.mybtn .import { background: url( '../images/icons/import.png' ) no-repeat 5px center; }
.mybtn .nhapdl { background: url( '../images/icons/nhapdl.png' ) no-repeat 5px center; }
.mybtn .xuatexcel { background: url( '../images/icons/xuatexcel.png' ) no-repeat 5px center; }
.mybtn .viewinfo { background: url( '../images/icons/viewinfo.png' ) no-repeat 5px center; }
.mybtn .search { background: url( '../images/icons/search.png' ) no-repeat 5px center; }

.mybtn .apply { background: url( '../images/icons/apply.png' ) no-repeat 5px center; }

.mybtn .notapply { background: url( '../images/icons/notapply.png' ) no-repeat 5px center; }
/*huong css*/
.bgWhite { background: #fff; padding-bottom: 10px; }

.box-dashboad { border: 1px solid #ccc; border-radius: 5px; margin: 20px 10px 0; position: relative; }
.box-dashboad span.txt-title { background: #fff; position: absolute; padding: 0 5px; top: -8px; text-transform: uppercase; color: #cc0001; font-weight: bold; left: 10px; }

.box-search td { padding: 3px 10px; }

ul.lst-News { list-style: none; margin: 10px 5px; }
ul.lst-News li { font-size: 12px; /*height: 100px;*/ overflow: hidden; margin-bottom: 15px; }
ul.lst-News li a.dispImg { float: left; margin-right: 10px; max-height: 100px; max-width: 100px; }
ul.lst-News li h2 { margin-bottom: 5px; }
ul.lst-News li h2 a { font-size: 15px; color: #33BDFF; }
ul.lst-News li.clr, ul.lst-News li.line { border: none; margin: 0px; padding: 0px; }
.timeNew { color: #999; font-style: italic; font-size: 11px; }

h2.titNews { font-size: 15px; color: #0072bb; margin-bottom: 10px; }
h4.tit-newOther { font-size: 15px; margin: 20px 0; }
ul.lst-newOther { list-style: none; }
ul.lst-newOther li { background: url(../images/icon-arr3.jpg) no-repeat scroll left 3px; padding: 0 20px; margin-bottom: 10px; }

.col60 { width: 60%; }
.col40 { width: 39.5%; margin-top: 5px; }

.SearchButton { /*border-top: 1px solid #DFDFDF;*/ float: none; margin: 0 .7em 0 0; text-decoration: none; background: #EAEAEA url(../Images/white-grad.png) repeat-x left top; border: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bfbfbf; padding: 5px 15px 10px 10px; display: inline; display: inline-block; cursor: pointer; font-size: 100%; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; line-height: 130%; color: #3D3D3D; -webkit-box-shadow: rgba(0,0,0,.15) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,.15) 0px 1px 3px; box-shadow: rgba(0,0,0,.15) 0px 1px 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight: bold; }
.SearchButton img { margin: 0 3px -8px 0 !important; border: 0px solid #FF913F; }
.SearchButton:hover { border: 1px solid #3B7F34; color: #3B7F34; }
.SearchButton:active { /*background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#3D3D3D));     background: -moz-linear-gradient(top, #C0C0C0, #3D3D3D);*/ background: #3B7F34; color: white; }


.SaveButton { /*border-top: 1px solid #DFDFDF;*/ border-left: 1px solid #dedede; border-top: 1px solid #dedede; float: none; margin: 0 .7em 0 0; text-decoration: none; background: #EAEAEA url(../Images/white-grad.png) repeat-x left top; border-right: 1px solid #bbb; border-bottom: 1px solid #bfbfbf; padding: 5px 10px 6px 10px; display: inline; display: inline-block; cursor: pointer; font-size: 100%; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; line-height: 130%; color: #3D3D3D; -webkit-box-shadow: rgba(0,0,0,.15) 0px 1px 3px; -moz-box-shadow: rgba(0,0,0,.15) 0px 1px 3px; box-shadow: rgba(0,0,0,.15) 0px 1px 3px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight: bold; text-align: left; }
.SaveButton img { margin: 0 3px -4px 0 !important; border: 0px solid #F37900; }
.SaveButton:hover { border: 1px solid #F37900; color: #F37900; }
.SaveButton:active { /*background: -webkit-gradient(linear, left top, left bottom, from(#87BF81), to(#3B7F34));     background: -moz-linear-gradient(top, #87BF81, #3B7F34);*/ background: #F37900; color: white; }

.inputcheck input { float: left; width: 20px; margin-top: 5px; }

.inputcheck label { padding: 0px 20px 0px 3px; display: inline-block; line-height: 25px; }

/* style nay viet cho calendar kekeke */
.DayCalendar, .OtherMonthDayCalendar { height: 80px; }
.calender_la_tao .OtherMonthDayCalendar { border-color: #eee; color: #ccc; }
.calender_la_tao td { border: 1pt solid #eee; font-size: 16px; }
.calender_la_tao .DayCalendar { font-weight: bold; background: url( '../Images/bg_daycalendar.jpg' ) repeat-x 0px 0px #FFF; }
.calender_la_tao .DayCalendar:hover { background: #eee; }
.calender_la_tao .DayCalendar a, .WeekendDayCalendar a { font-size: 12px; }
.TitleCalendar td { border: 0px; height: 30px; background: url( '../Images/bg_TitleCalendar.jpg' ) repeat-x; font-weight: bold; text-shadow: 1px 1px #ccc; font-size: 14px; }

.TodayCalendar { background: url( '../Images/bg_2day.jpg' ) repeat-x 0px 0px #DA2E2D; font-weight: bold; color: #fff; }
.TodayCalendar:hover { background: #DA2E2D; }
.WeekendDayCalendar { background: url( '../Images/bg_dayweeken.jpg' ) repeat-x 0px 0px #D4D6D8; color: #F00; font-weight: bold; }
.WeekendDayCalendar:hover { background: #F3C60A; }
.WeekendDayCalendar span { color: #F00 !important; }
.calender_la_tao td span { color: #333; }

.HeaderCalendar { height: 20px; border: 1pt solid #eee; font-weight: bold; background: #BFDFFF; }
.NextPrevCalendar a { width: 25px; height: 14px; text-align: center; display: inline-block; }
.utitstyle { height: auto; }
.utitstyle .chosen-container-multi .chosen-choices { border: 0px; }
.utitstyle .chosen-container { width: 100% !important; }
.utitstyle .chosen-container-multi .chosen-choices { border-radius: 5px 5px 5px 5px; }


.treeview_scollbar { overflow: auto; font-size: 14px; margin-bottom: 5px; }

.fuUploadWraper { width: 93px; height: 28px; background: url( '/Images/file_browse_normal.png' ) 0 0 no-repeat; border: none; overflow: hidden; float: left; padding-left: 10px; }
.fuUploadWraper:hover { background: url( '/Images/file_browse_hover.png' ) 0 0 no-repeat; }
.fuUploadWraper:active { background: url( '/Images/file_browse_pressed.png' ) 0 0 no-repeat; }
.fuUpload { margin-left: -145px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }

.MultiFile-remove { font-size: 22px; color: Red; font-weight: bold; }
.hide { display: none !important; }

.more-lyric { background-position: 76px -143px; float: left; padding: 0 15px 0 0; }

.hide-lyric { background-position: 49px -180px; float: left; padding: 0 15px 0 0; }
.blk-share .more-add { border: 0 none; }
.more-add { border-top: 1px dotted #C5C5C5; height: 1%; padding: 5px 0 0; }
.pd-lyric { font-size: 12px; padding: 5px 0; }
.blk-share { background-color: #F8F8F8; border: 1px solid #DEDEDE; border-radius: 5px; box-shadow: 0 0 6px #EBEBEB; color: #000; font-size: 12px; line-height: 19px; margin-bottom: 10px; padding: 8px 14px 6px; }
.treeview .treeClick div { color: #2ea8e5; background: #fff; }
.treeview .open > .dd-handle, .collapsable > .dd-handle { color: #2ea8e5; background-color: #fff; }
.treeview span.selected { color: #2ea8e5; background-color: #fff; }


.ajax__tab_header { text-align: left; overflow: hidden; height: 100%; }
.ajax__tab_header span { display: inline-block; background: #ccc; float: left; width: 80px; margin-right: 0px !important; text-align: center; margin-right: 1px !important; }
.ajax__tab_header span span { padding: 5px 0px; background: none; float: none; width: auto; margin-right: 0px !important; display: inline !important; }
.ajax__tab_header .ajax__tab_outer, .ajax__tab_header .ajax__tab_inner { padding: 5px 0px !important; margin-right: 0px !important; display: inline !important; }
.ajax__tab_header span.ajax__tab_active { background: #006599 !important; color: #fff; margin-right: 0px !important; display: inline !important; }
.ajax__tab_body { border: 1pt solid #ccc; }
.ajax__tab_header .ajax__tab_hover { background: #eee; }
.ajax__tab_header .ajax__tab_tab { white-space: normal; display: inline !important; }
.ajax__tab_header .ajax__tab_outer { display: block !important; }

.tabchitietkhieunai .ajax__tab_header span { width: auto; padding: 3px 8px; }

.rptlist { overflow: hidden; height: 100%; }
.rptlist li { float: left; width: 32%; /*border-bottom: 1pt dotted #666;*/ padding-bottom: 15px; padding-right: 15px; }
.rptlist li h2 a { font-size: 12px !important; }
.rptlist li a.dispImg { margin-left: 10px; box-shadow: 1px 1px 2px 0px #333; }
.rptlistnew li { border-bottom: 1pt dotted #666; padding-bottom: 15px; }
.rptlistnew li h2 a { font-size: 12px !important; }

.dotnews { border-bottom: 1pt dotted #666; padding-bottom: 0px; }
.rptlist2col { overflow: hidden; height: 100%; }

.rptlist2col li { float: left; width: 50%; /*border-bottom: 1pt dotted #666;*/ padding-bottom: 15px; }

.myTbl { width: 100%; border-collapse: collapse; }
.myTbl td, .myTbl th { border: 1pt solid #C1E4FA; padding: 5px; }
.myTbl1 { width: 100%; border-collapse: collapse; }
.myTbl1 td, .myTbl1 th { border: 0pt solid #C1E4FA; padding: 5px; }
.myTbl2 { width: 100%; border-collapse: collapse; }
.myTbl2 td, .myTbl2 th { border: 0pt solid #C1E4FA; padding: 5px; }


/* Create by Dao Van Duong */
.m-mes { padding: 10px 0px; text-align: center; }
.sort { float: right; }
.sort .up { margin-right: 5px; background: url(../images/up.png) no-repeat left top transparent; text-indent: -9999px; display: block; float: left; width: 16px; height: 16px; }
.sort .down { margin-right: 5px; background: url(../images/down.png) no-repeat left top transparent; text-indent: -9999px; float: right; width: 16px; height: 16px; }
.cbolevel { font-weight: bold; }
.cbolevel:after { display: block; clear: both; content: ""; }
.cbolevel select { padding: 2px; width: 150px; float: right; margin-left: 5px; }
.cbolevel select.fl { float: left; margin-left: 0px; }

.p8.news { background-color: #FEFFFF; }
.lst-News .timeNew { padding-bottom: 5px; }
.lst-News h2 { line-height: 150%; font-weight: bold; }
.lst-News span.hl { background-color: #FFFE3E; padding: 0px 3px; }
.lst-News li .ftitle h2 a { color: #0093DD; font-size: 13px !important; }
.lst-News li h2 a:hover { text-decoration: underline; }
/*.lst-News li h2 a:visited, .lst-News li h2 a.visited { color: #A3A3A3; text-decoration: none; }*/
.lst-News li h2 a.visited { color: #A3A3A3; text-decoration: none; }
.ftitle h2 { font-size: 13px; }
.ftitle span.neo { background: url(../images/neo.png) no-repeat left top transparent; display: inline-block; width: 16px; height: 16px; margin-left: 10px; }
.lst-News .w33 { float: left; width: 33.33%; }
.lst-News .w33 { border-bottom: none; border-top: 1px dotted #ccc; }
.lst-News .w33.line1 { border-top: none; }
.lst-News .w33 .c-value { padding-top: 20px; }
.lst-News .w33.line1 .c-value { padding-top: 0px; }
.lst-News .w33.col1 .c-value { padding-right: 10px; }
.lst-News .w33.col2 .c-value { padding-left: 5px; padding-right: 5px; }
.lst-News .w33.col3 .c-value { padding-left: 10px; }
.surrounded .mw { width: 100%; }
.surrounded.cus { padding: 10px; }
.cuspager > div { margin-top: -20px; }
.aws { display: inline-block; visibility: visible !important; }
.tag_help { font-style: italic; color: #BB0000; padding: 7px 0px !important; }
.tag_help span { font-weight: bold; padding: 0px 3px; }

.wtable { margin: -10px -5px; }
.table { padding: 5px; }
.table { width: 100%; background-color: #FBFBFB; border: 1px solid #EBEBEB; }
.table > tbody > tr > td { padding: 5px; }
.table .rh label { padding: 0px 5px; margin-right: 10px; }
.table .message { color: red; padding-bottom: 5px; }
.m-content { margin-top: 10px; }

.text ol li { list-style-type: inherit; list-style: decimal inside; }
.text ul li { list-style-type: inherit; list-style: disc inside; }
.search_tags { padding: 10px; background-color: #deeaf3; }
.search_tags span { font-weight: bold; padding-right: 5px; color: #0072bb; }
.msg { border: 1px solid #ccc; color: red; background-color: white; margin: 10px 0px; padding: 10px; background-color: #F9F9F9; }

#bttop { background: #00BC9E url("../images/back-top-icon.png") no-repeat -5px -5px; cursor: pointer; border: 2px solid #FFF; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -khtml-border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -khtml-border-radius: 50% !important; border-radius: 50% !important; height: 46px; opacity: .8; position: fixed; right: 5px; bottom: 10px; width: 46px; z-index: 999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tdstatic { position: relative; }
.nobor .tdstatic { padding-top: 10px; }
.cerror { position: absolute; left: -85px; top: 12px; }
.nobor .not_empty { font-weight: normal; }
.ifuplad { width: 350px; width: auto !important; height: 35px; border: none; float: left; margin-left: -3px; min-width: 450px; }
.nobor .mcdropdown { width: 100% !important; }
.nobor .mcdropdown input.thieugia { width: 99% !important; }
.uploadStatus { display: inline-block; color: #EB1700; padding-bottom: 5px; }
.loading { display: none; float: left; margin-right: 20px; margin-top: 5px; }
.loading img { height: 20px; }


.msg-info { display: block; padding: 7px 9px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px; }
.msg-info span { font-weight: bold; color: maroon; }

.tbl_style_cus { border: 1px solid #b2d4e6; }
.tbl_style_cus th { border: 1px solid #b2d4e6; font-weight: bold; text-align: center !important; }
.tbl_style_cus td.lef { text-align: left; }
.tbl_style_cus td.center { text-align: center; }
.tbl_style_cus td.right { text-align: right; }

.p-pager { height: 30px; margin: 10px 0; }
.page-info { margin-right: 10px; margin-top: 5px; font-weight: bold; color: #777; }
.p-wrap span, .p-wrap a { display: inline-block; border: 1px solid #f9bc6d; margin-left: 5px; padding: 3px 7px; background-color: #ff8000; color: white; font-weight: bold; }
.p-pager span.selected { background-color: rgb(24, 126, 190); border-color: rgb(24, 126, 190); color: #fff; }

.pager-cus1 { margin-left: -5px; }
.tbl_nobor { border: none; }
.tbl_nobor td { padding: 5px 5px 0px 0px; }

.myTbl td.center { text-align: center; }

.page-cus2 { display: block }
.page-cus2 .SaveButton { line-height: 12px; border-radius: 5px; }
.page-cus2 .inputstyle { padding: 0px 5px; }
.page-cus2 .inputstyle input { line-height: 26px; height: 26px; }
.page-cus2 .msg { border: none; background-color: initial }

.style-area { padding: 5px; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 4px #ccc; background: #fff; }
.style-area .bg { }
.style-area .bg textarea { border-width: 0px; }
.style-area .bg textarea:focus { outline: none !important; }
.style-area .bg textarea:focus-visible { outline: none !important; }

table.no-style { border: none; width: 100%; }
table.no-style td { border: none; padding: 0px; margin: 0px; }

.ac_results { padding: 3px; border: 1px solid #ccc; background-color: #dee9ef; overflow: hidden; z-index: 99999; margin-top: 6px; }
.ac_results ul li { padding: 5px; }
.ac_results ul li.ac_over { color: maroon; cursor: pointer; }

.wrap-table { margin-left: -1px; margin-right: -2px; margin-bottom: -1px; }
.text-style { line-height: 24px; height: 24px; padding: 0 5px; background: #fff; outline: none; border-radius: 5px; border: 0px; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 4px #ccc; background: #fff; }

.w100pc { width: 100%; }

.page-bc-dktb { display: block; }
.page-bc-dktb .text-right { text-align: right }
.page-bc-dktb .pr-5px { padding-right: 5px; }
.mt-1 { margin-top: 10px; }


.page-bc-dktb .tbl_style > tbody > tr > th { border: 1px solid white; text-align: center; }
.tbl_style td.center { text-align: center }

.page-bc-vc-online .mt-1 { padding-bottom: 15px; padding-top: 5px; }
.page-bc-vc-online .mt-1 span { color: red; font-weight: bold; }
.page-bc-vc-online .col-name-01 { width: 120px; }
.page-bc-vc-online .selectstyle { width: 250px }
.selectstyle_simple { height: 23px; }
.selectstyle_simple select { height: 23px; line-height: 23px; padding: 0px 3px; }
.text-right { text-align: right; }
.text-center { text-align: center }
.rd-type { display: block }
.rd-type label { display: inline-block; padding-left: 3px; padding-right: 7px; }

.m-t-10 { margin-top: 10px; }
.tbl-login { width: 500px; margin: 0px auto; position: absolute; left: 50%; margin-left: -250px; top: 50%; margin-top: -100px }
.tbl-login td { padding: 3px; }
.tbl-login td input[type=text] { padding: 3px; }
.tbl-login td input[type=text]:focus-visible { outline: none; }
.tbl-login td input[type=password] { padding: 3px; }
.tbl-login td input[type=password]:focus-visible { outline: none; }
.tbl-login td input[type=submit] { padding: 3px 20px; }

.page-default { padding: 20px; }
.page-default p { padding-top: 10px; }

#banner .userarea .m-t-10 { line-height: initial; position: relative; }

#banner .userarea .m-t-10 i { position: absolute; top: -1px; left: 0px; }
#banner .userarea .m-t-10 a { margin-left: 20px; }

.main-wrapper { padding: 0px 0px; }


#info-customer-call { padding-top: 20px; }

#info-customer-call .border-round { border-radius: 5px; padding: 5px; }
#info-customer-call .border-round:focus-visible { outline: none; border-color: maroon; }

.card-header { padding-top: 15px; padding-bottom: 15px; font-weight: bold; font-size: 13px; color: #0066b3; text-transform: uppercase; position: relative; }
.card-header .hotline-select { display: none; position: absolute; right: 15px; top: 15px; color: #333; font-size: 12px; padding-left: 80px; }
.card-header .hotline-select span.title { text-transform: none; position: absolute; left: 0px; top: 0px; }

.rdl-type { position: relative; }
.rdl-type tr td { position: relative; padding-right: 15px; padding-left: 10px; }
.rdl-type tr td:last-child { padding-right: 0px; }
.rdl-type input { position: absolute; top: 0px; left: 0px; }
.rdl-type label { padding-right: 10px; padding-left: 5px; padding-left: 5px; }
.rdl-type label:last-child { padding-right: 0px; }

.panel-body { font-size: 13px; }
.messager-window ul li { padding-bottom: 3px; line-height: 130%; }
.messager-window .window-body > div { line-height: 130%; }


.auto-rs { float: right; font-size: 12px; text-transform: none; display: inline-block; position: relative; padding-left: 20px; }
.auto-rs input[type=checkbox] { margin-right: 5px; position: absolute; left: 0px; top: -1px }

.inner_page .msg { margin: 10px; position: absolute; left: 50%; top: 50%; width: 550px; margin-left: -275px; margin-top: -160px; text-align: center; border-radius: 5px; }

.msg-hotline-center { text-transform: none; color: red; font-weight: normal; }

.page-cache { padding: 10px; }
.page-cache .head { padding-bottom: 10px; font-size: 16px; }
.page-cache .p8 { padding: 0px; padding: 5px 0px; }
.page-cache .myTbl { margin: 10px 0px; }
.page-cache input[type=submit] { padding: 2px 7px; }
.page-cache .hcache { padding: 5px 0px; }


.row-objtype-4 { margin-top: 15px; }
.card-header span.more { color: maroon; text-transform: none; }
.scroll2Top { position: fixed; bottom: 10px; right: 20px; width: 32px; height: 32px; }
.scroll2Top a { background: url('/images/Up2Top.png') left top transparent; display: block; width: 100%; height: 100%; }
.scroll2Top a:hover { background-image: url('/images/Up2Top_Hover.png') }

/* ==================== MERGED FROM new_style.css - Default Page Styles ==================== */

/* Main container for default page */
.page-default {
    background: #f5f7fa;
    min-height: 400px;
    padding: 5px;
}

/* Info Card - Left aligned, compact */
.info-card {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 100%;
    margin: 0;
}

/* Card Header - No border, compact padding */
.info-card-header {
    background: #fff;
    padding: 12px 15px;
    border-bottom: none;
    display: flex;
    align-items: center;
}

.info-card-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    flex-shrink: 0;
}

.info-card-title {
    color: #0066cc;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.3px;
}

/* Card Body - Compact padding, no border */
.info-card-body {
    padding: 0 15px 12px 15px;
    background: #fff;
}

.info-card-text {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    margin: 0;
}

.info-card-text .red,
.info-card-text a {
    color: #d63031;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.info-card-text .red:hover,
.info-card-text a:hover {
    color: #c0392b;
    text-decoration: underline;
}

/* Switch Offline Button - Makes entire area clickable */
.btn-switch-offline {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: opacity 0.2s;
    text-decoration: none;
    color: #333 !important;
}

.btn-switch-offline:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* Responsive Design for info card */
@media (max-width: 768px) {
    .page-default {
        padding: 3px;
    }
    
    .info-card-header {
        padding: 10px 12px;
    }
    
    .info-card-icon {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }
    
    .info-card-title {
        font-size: 13px;
    }
    
    .info-card-body {
        padding: 0 12px 10px 12px;
    }
    
    .info-card-text {
        font-size: 13px;
    }
}

/* Smooth entrance animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.info-card {
    animation: fadeIn 0.3s ease-out;
}

/* ==================== END MERGED FROM new_style.css ==================== */