/*rgb(54, 150, 86) or #027d00;*/
/*rgb(54, 150, 86) or #027d00;*/
body{ padding-top: 65px; font-size: 14px; line-height:22px; font-family: wb2;}
a{ color:#333;} a:hover{ /*color:rgb(54, 150, 86);*/ text-decoration: underline;}
a.txt{ cursor: text;} a.txt:hover{ color: #333; text-decoration: none;}
h1, h2, h3, h4, h5, h6, p, ol, ul, li{ margin: 0; padding: 0; font-size: 14px; line-height: 22px;}
ul, li{ list-style: none;}

label{ font-weight: normal}
.p0{ padding: 0;} .p5{ padding: 5px;} .p10{ padding: 10px;} .p15{ padding: 15px;} .p20{ padding: 20px;}
.m0{ margin: 0;}
.mtop0{ margin-top: 0;} .mtop5{margin-top: 5px;} .mtop7{margin-top: 7px;} .mtop10{margin-top: 10px;} .mtop15{margin-top: 15px;} .mtop20{margin-top: 20px;} .mtop30{margin-top:30px;}
.ptop0{ padding-top: 0;} .ptop2{ padding-top: 2px;} .ptop5{ padding-top: 5px;} .ptop7{ padding-top: 7px !important;} .ptop9{ padding-top: 9px;} .ptop10{ padding-top: 10px;} .ptop15{ padding-top: 15px;} .ptop20{ padding-top: 20px;} .ptop30{ padding-top: 30px;}
.pbottom5{ padding-bottom: 5px;} .pbottom10{ padding-bottom:10px !important;} .pbottom15{ padding-bottom: 15px;} .pbottom20{ padding-bottom: 20px;} .pbottom30{ padding-bottom: 30px;}
.mbottom0{ margin-bottom: 0 !important;} .mbottom5{ margin-bottom: 5px;} .mbottom10{ margin-bottom:10px;} .mbottom15{ margin-bottom: 15px;} .mbottom20{ margin-bottom:20px;} .mbottom30{margin-bottom:30px;}
.pleft0{ padding-left: 0px !important;} .pleft5{ padding-left: 5px;} .pleft10{ padding-left: 10px;} .pleft15{ padding-left: 15px;} .pleft20{ padding-left: 20px;} .pleft30{ padding-left: 30px;}
.pright0{ padding-right: 0 !important;} .pright5{ padding-right: 5px !important;} .pright10{ padding-right: 10px !important;} .pright15{ padding-right: 15px !important;} .pright20{ padding-right: 20px !important;}
.mleft0{ margin-left: 0;} .mleft5{margin-left: 5px;} .mleft10{margin-left: 10px;} .mleft15{margin-left: 15px;}
.mright5{ margin-right: 5px;} .mright10{ margin-right: 10px;} .mright15{ margin-right: 15px;} .mright20{ margin-right: 20px;} .mauto{ margin-left: auto; margin-right: auto}
.plr0{ padding-left: 0; padding-right: 0 !important;} .plr5{ padding-left: 5px; padding-right: 5px !important;} .plr10{ padding-left: 10px; padding-right: 10px;} .plr15{ padding-left: 15px; padding-right: 15px}
.w-full{width: 100% !important;} .w50{ width: 50px !important;} .w100{ width: 100px !important;} .w150{ width: 150px !important;} .w170{ width: 170px !important;} .w180{ width: 180px !important;} .w200{ width: 200px !important;} .w275{ width: 275px !important;} .w300{ width: 300px !important;} .w350{ width: 350px !important;} .w400{ width: 400px !important;}
/*a{ color: rgb(54, 150, 86);} a:hover{color: rgb(54, 150, 86);}*/
.canh-giua{ text-align: center; justify-content: center;}
.l-h-20{ line-height: 20px;}
.border-top{ border-top:1px solid #e0e0e0;} .border-bottom{ border-bottom:1px solid #e0e0e0;} .border-bottom-kieu{ border-bottom:4px solid #2aabd2;} .border-left{ border-left:1px solid #e0e0e0;} .border-right{ border-right:1px solid #e0e0e0;} .border-bottom-dotted{ border-bottom:1px dotted #e0e0e0;}
.fl{ float: left;} .fr{ float: right}
.cl{ clear: both;}
.out-shadow{box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);}
.mautrang{color: #fff;} .maucam{color:#f79d25 !important;} .xanh-lot{ color: #2aabd2 !important;} .xanhdam{ color: #069} .xanhla{ color: rgb(54, 150, 86) !important;} .maudo{ color: #ce0f1f !important;} .maudo-lot{ color: tomato !important;}
.nen-xam-lot{background: #efefef;} .chu-xam{ color: #666 !important;} .chu-xam-lot{ color: #777 !important;} .chu-xam-lot-nhat{ color: #b9b9b9 !important;} .chu-nho{ font-size: 13px;}
.nen-xam-lot-nhat{background: #f7f7f7;}
.indam{ font-weight: bold} .link-dam{ font-family: wb3;}
.inlot{ font-weight: normal !important;} .gachduoi{ text-decoration: underline !important;}
.link-trang{color: #fff;} .link-trang:hover{color: #fff;} .link-trang:visited{color: #fff; text-decoration: none}
.xemthem { /*color: #069 !important;*/  font-size:13px; padding: 1px 8px; color: #666 !important; border: 3px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.xemthem:hover{ background: #2aabd2; border-color:#2aabd2; color: #fff !important; text-decoration: none}
.posRelative{ position: relative;} .posAbsolute{ position: absolute;}
.block{display: block !important;} .display_none{ display: none !important;}
.pointer{cursor:pointer}
.bg-none{ background: none !important;}
.mobile-show{ display: block;}
.overflow_hidden{ overflow: hidden}
/*//////////////////////////////////////////*/

.wb-tit{font-size: 18px; line-height: 23px;}
.wb-tit-small{font-size: 16px;}
.wb-tit-lon{font-family: wb3; font-size: 25px !important; line-height: 30px;}
.wb-tit-bigest{font-family: wb3; font-size: 27px; line-height: 32px;}

.tit-bar { border-bottom: 3px solid #e4e4e4; }
.tit-bar .tit-bar-left{float: left;}

.tit-bar .tit-bar-left a, .tit-bar .tit-bar-left h2, .tit-bar .tit-bar-left h3, .tit-bar .tit-bar-left span{ float:left; padding:7px 0; font-family: wb3; font-size: 18px; text-decoration: none;}
.tit-bar .tit-bar-left .small-note{ padding-top:10px;}
.tit-bar .tit-bar-right{float: right;}
.tit-bar .tit-bar-center{ text-align: center;}
.tit-bar .tit-bar-center a, .tit-bar .tit-bar-center h3{ padding:10px 0 8px 0; display: block; font-family: wb3; font-size: 18px; /*display: block;*/}
.tit-bar .tit-bar-center h3.tit-lon{ font-size: 25px;}

.ntv-navbar{ margin: 0; box-shadow: none; z-index:36 !important;}

.logo{float:left; margin-top:10px; margin-bottom:10px;}
.logo img{width:180px;}
.vi-lang{background: url("../images/vi.jpg") top left no-repeat; width: 20px; padding-left: 25px;}
.en-lang{background: url("../images/en.jpg") top left no-repeat; width: 20px; padding-left: 25px;}

.homeback, .pagedown, .pageup{position:fixed; z-index:36; right:5px; width:40px; height:40px;}
.homeback{bottom:370px;}
.pagedown{bottom:325px;}
.pageup{bottom:280px;}
.homeback a, .pagedown a, .pageup a{ display:block; background: #2aabd2;/*background:rgb(54, 150, 86);*/ color:#fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; text-align:center;}
.homeback a:hover, .pagedown a:hover, .pageup a:hover{ background:#e74856;}
.homeback a i, .pagedown a i, .pageup a i{ color:#fff; line-height:40px; font-size:20px;}
.pagedown a i, .pageup a i{ font-size:29px;}
.slide-big{position: relative;}

.ui-autocomplete { position: absolute; height: 300px; overflow-y: scroll;}
.search-home-wrap{ position: absolute; z-index: 30; bottom: 30px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
.search-home-wrap .search-box{ color:#fff; padding: 20px 15px; background-color: rgba(0,0,0,.3); border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; }
.search-home-wrap .search-box a.search-nang-cao {color:#fff;}
.search-slogan, .link_search_wrap{ display: none;}

.search-box-wrap .search-box{ color:#333; background: #efefef; padding: 20px; border:1px solid #ccc; }
.search-box-wrap .search-slogan{ display: none}
.myModal{ z-index: 9999999;}
.modal-title{ font-size: 16px; font-family: wb3;}

.taskbar-top{  padding-bottom: 5px; background: #f4f4f4;}
.taskbar-top .left-link{ float:left; text-decoration: none; padding-top: 6px;}
.taskbar-top .left-link:hover{ text-decoration: underline}
.taskbar-top .btn{ padding: 3px 10px; margin-top: 5px; font-size: 12px;}
#taskbar-top-1{ display: none;}

.feedback-wrap{position: fixed; z-index: 36; right: 0; bottom: 190px; transition:all 200ms ease-in-out 0s; -moz-transition:all 200ms ease-in-out 0s; -webkit-transition:all 200ms ease-in-out 0s; -o-transition:all 200ms ease-in-out 0s;
    -webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; -ms-border-radius: 7px 0 0 7px; -o-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px;
 /*background-image: linear-gradient(to bottom, #5bc0de 0px, #2aabd2 100%); background-repeat: repeat-x;*/
    padding: 7px 5px 0 5px;
}

.feedback-wrap a{ display:block; width:30px; height:30px; border:1px solid #c9c9c9; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;
background: #fff; text-align: center; line-height: 35px; margin-bottom: 7px; position: relative;}
.feedback-wrap a:hover{ background: #e0e0e0; /*box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);*/ }
.feedback-wrap a i{ font-size: 21px;}
.feedback-wrap a.gopy{ height: 81px; background: url("../images/gopy.gif") top left no-repeat;}
i.fb{ color: #0083c9;}
i.skype{color:#09F;}
i.gplus{color:#ce3c2d;}

.taskbar-under-slide{ background: #efefef; padding: 15px 0;}
.taskbar-under-slide .task-left{ float: left}
.btn-tao-ho-so-home{ float:right; margin-top: 20px; margin-bottom: 10px; }

.popup{display:none;width:85%;position:fixed;opacity:9;z-index:9999999; top:100px; left: 0; right: 0; margin-left: auto; margin-right: auto; background:#FFF;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0px 0px 4px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.7);-moz-box-shadow:0 0px 4px rgba(0,0,0,0.7);}
.popup-header{ float:left; width:100%;border-bottom:1px solid #CCC;border-top-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;}
.popup-header .tit{float:left; font-size:16px; font-weight:bold; height:25px;line-height:25px; padding-left:10px; display:block; margin-top:10px; margin-bottom:7px;}
.popup-content{float:left; padding:10px;}
.popup_close{position:absolute;z-index:2;top:3px;right:3px;display:block;width:36px;height:36px;background:url(../images/fancybox_sprite.png) no-repeat; background-position:0 0; border:none;}
#lean_overlay{position:fixed;z-index:36;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;opacity:0.5;}
.lean_overlay{position:fixed;z-index:36;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;opacity:0.5;}
.zta{ background:url("../images/zta.gif") top left no-repeat; width: 16px; height: 19px;}
.zta a{float:left; width: 16px; height: 19px;}

/*Tab in Homepage*/
#noibatTab .nav-pills{ position: relative !important; z-index: 0 !important;}
#noibatTab .nav-pills > li > a { border-radius: 4px 4px 4px 4px ; font-weight: bold;}
#noibatTab .nav-pills > li.active > a {background: #5cb85c;}
#noibatTab .tab-content { padding : 15px 0;}

.slide-job-item{ padding-bottom: 11px; margin-bottom: 11px; border-bottom: 1px dotted #e0e0e0;}
.slide-job-item.last{ margin-bottom:0; border-bottom:none;}
.slide-job-item .job-tit{ font-family: wb3;}
.slide-job-item .employer-tit{ color: #999; font-family: wb2;}
.noibat-bar{ clear:both; background: #efefef; border-bottom: 1px solid #ccc; height: 35px; padding-left: 15px;}
.noibat-bar a{ line-height: 34px;}

.logoshow-right li{ padding: 8px 0; text-align: center;}

.showlogo-top-slider{ display: block;}
.showlogo-top-slider .e-item{ position:relative; display: block; padding: 10px; border: 1px solid #fff; text-align: center; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
.showlogo-top-slider .e-item:hover{ text-decoration: none; border: 1px solid #e0e0e0;}
.showlogo-top-slider .e-item img{ max-width: 88px;}
.showlogo-top-slider .e-name{ font-family: wb2; display: block; padding-top:10px; padding-bottom: 5px; line-height: 20px;}

.adv_block{ margin-left: auto; margin-right: auto; overflow-x: hidden;}
.adv-300-wrap{ width: 100%; margin-left: auto; margin-right: auto;}
.adv-980-wrap{ display: none; width: 980px;}
.adv-catfix-wrap{ width: 100%; position: fixed; bottom: 0; left: 0; z-index: 30}
.adv-catfix{ width: 100%; margin: 0 auto}

.news-slider .news-item{ position:relative; display: block; padding: 10px; text-align: center;}
.news-slider .news-item img{}
.news-slider .news-name{ font-family: wb2; color: #333; display: block; padding-top:10px; padding-bottom: 5px;}
.news-slider .news-item:hover{ text-decoration: none;}
.news-slider .news-item:hover .news-name{ color:#2aabd2;}

.news_content img{ max-width: 620px; margin-top: 15px; margin-bottom: 15px;}
.news_content img, .news_content div img, .news_content p img{margin-left: auto !important; margin-right: auto !important; text-align: center;}
.news_content table{ width: 100% !important; background: #efefef; border: 1px solid #e0e0e0;}
.news_content table td{ padding: 10px;}

.box-login{ border: 1px solid #5cb85c; padding: 20px;}

.colProf{width: 100%; margin-right: 0;}
.groupProf{float: left; margin-bottom: 25px; width: 100%;}
.groupProf ul li.profItem{padding-left: 10px; background: url("../images/right_bullet_icon.gif") no-repeat left 9px;}
.groupProf h2, .groupProf h3{ font-family: wb3; margin-bottom: 10px;}
.groupProf a, .groupProf span{ font-family: wb2; line-height: 25px; cursor: pointer}
.groupProf a{ color: #333;}

.group-right{ display: block;/*width: 100%;*/}
.box-khung{ border: 1px solid #e0e0e0; padding: 15px !important;}
.border-xanh{ border-color:#016243;}
.khung-kieu{ border: 4px solid #2aabd2;}

.group-news-right .news_item{ display: block;}
.group-news-right .news_item .news_item_img{ float: left; width: 90px; margin-right: 10px;}
.group-news-right .news_item .news_item_img img{ width: 100%;}

.group-filter .filter_row_count{ float: right; color: #888;}
.locate-filter-wrap, .prof-filter-wrap, .salary-filter-wrap, .level-filter-wrap, .publishday-filter-wrap, .noibat-filter-wrap{transition: height 200ms; overflow: hidden; transition:all 200ms ease-in-out 0s; -moz-transition:all 200ms ease-in-out 0s; -webkit-transition:all 200ms ease-in-out 0s; -o-transition:all 200ms ease-in-out 0s;}
.locate-filter-wrap.full, .prof-filter-wrap.full{overflow: inherit; height: auto}

.news_big_item img{ width:100%;}
.news_small_item_top img{ width: 100%;}

.relate-news-wrapper ul{padding-left: 30px;}
.relate-news-wrapper ul li{display: block; padding-left: 15px; background: url("../images/red_list_bullet.gif") 0px 11px no-repeat;}
.relate-news-wrapper ul li a{font-size: 13px; line-height: 18px;}
.btn-search-news{width:39px;height:32px;top:1px;right:1px;position:absolute}

#footer{background: #eaf0f2; border-top: 1px solid #dbe3e6; /* background-image: linear-gradient(to bottom, #348aa3 0px, #00546d 100%); background-repeat: repeat-y;*/ /*background: url("../images/footer.png") top left repeat;*/ }
#footer a{}
#footer p, #footer a, #footer div{line-height: 25px !important;}
.bottom_info{ background: #292c2f;}

.f-head-tit{ font-size: 23px;}

/*FORM*/
.frm_error{ font-size: 12px; color: red; padding-top: 2px; line-height: 19px;}
.page-message{ color:#843534; font-weight: bold; text-align: center;}
.my-alert{ position: absolute; z-index: 9999999; top:50px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
/*.alert-full{ position: static !important; width: 100% !important;}*/

.LeftTask-col{display: none; width: 300px; float: left;}
.RightTask-col{width: 100%;}

/*RESUME*/
/*BOX TIỆN ÍCH*/
.box-tienich { display: block; position: relative }
.box-tienich ul li{list-style-type:none; height:35px; line-height:35px; position:relative !important;}
.box-tienich ul li:hover{background-color:#eb9316; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.box-tienich ul li a{text-decoration:none; display:block; padding:0 0 0 35px; font-family:wb2;}
.box-tienich ul li a:hover{color:#fff;}
.box-tienich ul li a.active{ background:#f36621; color:#fff;}
.box-tienich h3{font-size:16px; font-family:wb3; color:#000; height:35px; line-height:35px;}
.cuatoi-icon{background-image:url(../images/ho-so-cua-toi.gif); background-position:10px; background-repeat:no-repeat;}
.taikhoan-icon{background-image:url(../images/tai-khoan.gif); background-position:10px; background-repeat:no-repeat;}
.hoso-icon{background-image:url(../images/ho-so.gif); background-position:10px; background-repeat:no-repeat;}
.phuhop-icon{background-image:url(../images/viec-lam-phu-hop.gif); background-position:10px; background-repeat:no-repeat;}
.daluu-icon{background-image:url(../images/da-luu.gif); background-position:10px; background-repeat:no-repeat;}
.danop-icon{background-image:url(../images/ho-so-da-gui.gif); background-position:10px; background-repeat:no-repeat;}
.daxem-icon{background-image:url(../images/ho-so-da-xem.gif); background-position:10px; background-repeat:no-repeat;}
.phanhoi-icon{background-image:url(../images/ho-so-phan-hoi.gif); background-position:10px; background-repeat:no-repeat;}
.deny-icon{background-image:url(../images/deny.gif); background-position:10px; background-repeat:no-repeat;}
.thongbao-icon{background-image:url(../images/thong-bao.gif); background-position:10px; background-repeat:no-repeat;}
.box-count{ position:absolute; top:8px;right:10px; height:18px; padding-left: 5px; padding-right: 5px; background:#e0e0e0; color:#005daa; font-size:11px; line-height:20px; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.link-task{ text-decoration: underline;}
/* /END BOX TIỆN ÍCH */

.tbl-resume tr td{ padding: 10px;}
.tbl-resume tr.header{ background: #e0e0e0; border: 1px solid #e0e0e0;}
.tbl-resume tr.header td{ border-right:1px solid #fff; font-weight: bold}
.tbl-resume tr.header td.last{ border:none;}
.tbl-resume .resume-name{ color: #069;}

.mytoolbox{position:relative;}
.link_toolbox{cursor:pointer}
.toolbox{position:absolute; z-index:110; padding:10px 15px; display:none; background:#fff; box-shadow:0px 0px 5px #999;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;-moz-border-radius-topleft:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;border-top-right-radius:7px;-moz-border-radius-bottomleft:7px;border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;border-bottom-right-radius:7px;}
.toolbox ul{list-style-type:none; width:100%;}
.toolbox ul li{list-style-type:none; display:block; line-height:25px; text-align:left; clear:left;}
.toolbox ul li a{font-family:wb2;}

.tbl-standard dl{ margin: 0; padding: 0;}
.tbl-standard dl dt{ background: #e0e0e0; padding: 10px;}
.tbl-standard dl dd{ padding: 10px; border: 1px solid #e0e0e0; border-top:none;}
.tbl-standard dl dd:hover{ border:1px solid #ccc; border-top:none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.tbl-standard .rs_col_title{ width: 45%; padding-right:20px; float: left; }
.tbl-standard .rs_col_company{ width: 32%; padding-right:20px; float: left; }
.tbl-standard .rs_col_city{ width: 20%; padding-right:20px; float: left; }
.tbl-standard a{ color: #069; /*color: rgb(54, 150, 86)*/}

.box-e-tienich { display: block; position: relative }
.box-e-tienich .bar{ border-bottom: 1px solid #027d00; margin-bottom: 10px;}
.box-e-tienich .bar a, .box-e-tienich .bar h3{padding:10px 0 8px 0; display: block; font-family: wb3; font-size: 18px; text-decoration: none}

.box-e-tienich ul li{list-style-type:none; height:35px; line-height:35px; position:relative !important;}
.box-e-tienich ul li:hover{background-color:#efefef; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.box-e-tienich ul li a{text-decoration:none; display:block; padding:0 0 0 10px;}
/*.box-e-tienich ul li a:hover{color:#fff;}*/
.box-e-tienich ul li a.active{ background:#f36621; color:#fff;}

/*Tab in Homepage*/
.recruit-tab{ position: relative;}
.recruit-tab .nav-pills{ position:relative; z-index: 0 !important;}
.recruit-tab .nav-pills > li{border: 1px solid #e0e0e0; padding: 0; margin-left: 0; margin-right: 2px; margin-bottom: 5px;}
.recruit-tab .nav-pills > li > a { border-radius:0; /*border-radius: 4px 4px 4px 4px ;*/ /*font-weight: bold;*/ padding: 7px 7px 7px 0; background: #efefef;}
.recruit-tab .nav-pills > li > a span{ background: #bbb; color: #fff; padding:8px 5px 7px 5px; margin-right: 7px;}
.recruit-tab .nav-pills > li.active > a, .recruit-tab .nav-pills > li:hover > a {background: #fff !important; color:#069; padding: 7px 7px 7px 0;}
.recruit-tab .nav-pills > li.active > a span, .recruit-tab .nav-pills > li:hover > a span{ background: #069; color: #fff; padding:8px 5px 7px 5px; margin-right: 7px;}
.recruit-tab .tab-content { padding : 10px 0 15px 0; display: block}

.view-tab{ position: relative;}
.view-tab .nav-pills{ position:relative; z-index: 0 !important;}
.view-tab .nav-pills > li{border: 1px solid #e0e0e0; border-bottom: none; padding: 0; margin-left: 0; margin-right: 2px;}
.view-tab .nav-pills > li > a { border-radius:0; padding: 7px; background: #efefef;}
.view-tab .nav-pills > li.active > a, .view-tab .nav-pills > li:hover > a {background: #069 !important; color:#fff;}
.view-tab .tab-content { padding : 10px 0 15px 0; display: block; border-top:1px solid #069;}

.tbl-recruit tr td{ padding: 10px; vertical-align: top !important;}
.tbl-recruit tr:hover{ background: #f5f5f5}
.tbl-recruit tr.header{ background: #e0e0e0; border: 1px solid #e0e0e0;}
.tbl-recruit tr.header td{ border-right:1px solid #fff; font-weight: bold; vertical-align: middle !important;}
.tbl-recruit tr.header td.last{ border:none;}
.tbl-recruit .resume-name{}
.more_info_wrap{display: none}
.dropdown-menu .drop-recruit{ position:absolute; z-index: 9999; right: 0;}

.recruit-resume{ border: 1px solid #e0e0e0; padding-left: 15px; padding-right: 15px;}

.multiselect-container{ width:100%; max-height: 300px; overflow: scroll;}

.resume{ border:1px solid #e0e0e0; padding:15px;}
.resume-block { padding: 10px 15px;}
.resume-block.view .form-group{ margin-bottom: 8px;}
.resume-block.hasform{ padding-left: 0; padding-right: 0;}

.resume-tit-bar{position: relative; background-color: #f3f3f3; border: #ccc 1px solid; padding: 8px 5px 8px 15px;}
.res-complete{ font-size: 12px; color: #027d00;}
.res-non-complete{ font-size: 12px; color: #ce0f1f;}
.res-edit{ position: absolute; top:10px; right: 10px; font-size: 12px; text-decoration: underline; color: #027d00 }
.res-edit-1{ font-size: 12px; text-decoration: underline; color: #027d00; margin-right: 15px;}

.list-res-detail{ padding: 10px; background-color: #fffaf2; border: 1px dashed #2e8ece}
.res_addone{ background: url("../images/add_16x16.png") top left no-repeat; color:#027d00; padding-left: 21px;}
.res_delone{ background: url("../images/delete_16x16.gif") top left no-repeat; color:#027d00; padding-left: 21px;}
.res-detail-action{ position: absolute; top: 15px; right: 10px;}
.res-detail-action a{ color: #027d00; text-decoration: underline; padding: 0 5px;}
.res-tag-item{ float: left; position: relative; background: #efefef; padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; box-shadow: 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;}
.res-tag-item a.deleteSkill {position: absolute;right: 3px;top: 3px;width: 6px;height: 6px;background: url("../images/close_tag.png") no-repeat;  }

.res-task li{ display: inline-block; font-size: 12px;}
.res-task li.printCV{ background: url("../images/bullet_print.png") left 10px no-repeat; padding-left: 22px;}
.res-task li.exportpdf{ background: url("../images/pdf-icon.png") left 10px  no-repeat; padding-left: 22px;}
.res-task li a{ margin-right: 15px;}
.res-task li a i{ font-size: 14px; color: #ce0f1f;}
.goiy-content{background-color: #fffaf2; border: 1px solid #2e8ece; position: absolute; z-index: 3; top:0; right: 0; width: 300px; padding: 10px; line-height: 20px; color: #333; display: none;}
.btn-collapse i{ font-size: 17px;}

.topjob .logo-wrap{max-width: 95px; float: left; text-align: center;}
.topjob .logo-wrap img{width: 95px;}
.topjob .avatar-wrap{max-width: 120px; float: left; text-align: center;}
.topjob .avatar-wrap img{width: 120px;}
.avatar-info{ overflow: hidden;}

.logo-wrap{float: left; max-width: 95px; text-align: center;}
.logo-wrap img{width: 100%;}
.right-info-normal{ overflow: hidden; text-align: left;}

.post_info{ color: #777;}
.post_info_tooltip{ display:none; width:220px; height:25px; top:-32px; left: 0; background-color: rgba(0, 102, 102, 0.8); color:#fff; font-size:11px; font-weight:bold; text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.post_info_tooltip .arrow-down {
    position: absolute;
    bottom: -13px;
    left: 12px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 102, 102, 0.8);;
}

.datepost{ float: left;}
.nopdon_top{ float: right}
.view-detail label{ padding-right: 0; margin-right: 0; font-weight: bold}
.gioithieu.less{ height: 90px; overflow: hidden}
.gioithieu .moreContent span {display: none;}

.listJobTask li{ border-bottom: 1px dotted #e0e0e0;}
.listJobTask li a{ padding: 6px 0 6px 35px; display:block; list-style:none; color: #069; font-family: wb3;}
.listJobTask li a.saveJob, .listJobTask li a.saveResume{ background: url("../images/save.png") left 5px no-repeat;}
.listJobTask li a.sendJob{ background: url("../images/send_friend.png") left 5px no-repeat;}
.listJobTask li a.printJob, .listJobTask li a.printResume{ background: url("../images/print.png") left 5px no-repeat;}
.listJobTask li a.pdfResume{ background: url("../images/pdf.png") left 5px no-repeat;}
.ketnoi a{width:24px; height:24px; font-size:16px; text-align:center; line-height:24px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;}
.ketnoi a.fb{ background: #0083c9;}
.ketnoi a.gplus{background:#ce3c2d;}
.ketnoi a.tw{background:#5bbcec;}
.ketnoi a i{ color: #fff;}

.OtherJobRight li{ display: block; border-bottom: 1px dotted #e0e0e0; padding: 6px 0;}
.OtherJobRight li:last-child{ border-bottom: none;}
.OtherJobRight li a{ display: block; color: #2aabd2;}
.OtherJobRight li small{ color:#666; line-height: 18px; display: block; padding-top: 5px;}

.nav-BottomJobBar{ z-index: 30;}
.BottomJobBar{ background: #2aabd2; color: #fff; padding: 10px; margin-left: auto; margin-right: auto;}
.BottomJobBar .task{ float:right;}

.jobItemHorizontal{ position: relative; background:#f4f4f4; margin-bottom:20px; border: 1px solid #e5e5e5; border-left: 2px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.jobItemHorizontal:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.jobItemHorizontal .logo-wrap{float:none; display:block; margin-left:auto; margin-right:auto; padding:10px; width:112px; max-width: 112px; background: #fff; text-align: center; border: 1px solid #e0e0e0; margin-bottom: 10px;}
.jobItemHorizontal .logo-wrap img{ width: 100%;}

.jobItemAct{ padding-top: 15px; float:right; text-align: right;}
.jobItemAct a i{ font-size: 18px;}

.ntv-tooltip{display: inline; position: relative;  }

.ntv-tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 31px;
    color: #fff;
    content: attr(title);
    position: absolute;
    left: -60px;
    padding: 5px 15px;
    z-index: 98;
    width: 150px;
    text-align: center;
}

.ntv-tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 25px;
    content: "";
    left: 14%;
    position: absolute;
    z-index: 99;
}
.ui-autocomplete { width: 100%;}
.ui-autocomplete li a:hover{ background: #2aabd2 !important; color: #fff; }

.adv-baloon{ position: fixed; bottom: -3px !important; right: 0; z-index: 9999999; width: 300px;}

    /*Form*/
.upbutton{ width: 100%; height: 35px; position: relative;}
.upbutton input.upload {cursor: pointer;opacity: 0;filter: alpha(opacity=0);width:120px; height: 35px;position:absolute;top:0; left:0;}
.avatar-cadidate-wrap{ position: absolute; top:16px; right: 20px; z-index: 1; width: 120px;}
.btn_del_avatar, .btn_del_avatar_admin{ position: absolute; top:0; right: 0; width: 16px; height: 16px; background: #333; color: #fff; text-align: center; line-height: 10px;}
.btn_del_avatar:hover, .btn_del_avatar_admin:hover{ background:#ce0f1f; text-decoration: none; color: #fff;}
.sumcharacter{ color: #2e8ece}
.ele-right{ width: 170px; float: left;}
.ele-right-md{ width: 200px; float: left;}
.ele-right-big{ width: 250px; float: left;}
.ele-small{ width: 100px;}
.ele-small-md{ width: 115px;}
.ele-too-small{ width: 80px;}
.lbl-right{ padding-left: 20px; padding-right: 10px; float: left;}
#res5_frm_wrap, #res7_frm_wrap, #res8_frm_wrap{ display: none}

#listjob.less{ max-height: 700px; overflow: hidden;}

/* ++++ EMPLOYER ++++ */

.service-item .service-circle{ width: 160px; height: 160px; margin: auto; background: #d9d9d9; border-radius:80px;-moz-border-radius:80px;-webkit-border-radius:80px; text-align: center; vertical-align:middle; overflow: hidden; }
.service-item:hover .service-circle{ background: rgb(54, 150, 86); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}
.service-item .service-circle i{ line-height: 150px; font-size: 90px;}
.service-item:hover .service-circle i{ color: #fff;}

.box-report{background: #efefef; padding: 5px; border:1px solid #e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.box-report .wrap{ background: #fff; padding: 10px; position: relative;}
.box-report .wrap li{ padding: 5px 0; border-bottom: 1px dashed #e0e0e0;}
.box-report .wrap li:first-child, .box-report .wrap li:last-child{ border-bottom: none}
.box-report .wrap li.com-name{ display:block; font-family: wb3;}

.box-report .logo-wrap{max-width: 70px; float: left; text-align: center;}
.box-report .logo-wrap img{width: 70px;}
.right-info{ overflow: hidden;}
.box-report .follow_wrap{ position: absolute; bottom:15px; right:20px; text-align: center}
.manchette_employer img{ width: 100%;}

.employer_intro_slider .intro_item{ display: block;}
.employer_intro_slider .intro_item img{ height:135px; padding-bottom: 3px;}

.video-play{background: rgba(0, 0, 0, 0) url("../images/video-play.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 38px;
    left: 40%;
    position: absolute;
    top: 35%;
    z-index: 3;}
.e_show_images li{ position: relative; margin: 7px 7px 7px 0; float: left; width: auto;}
.e_show_images li a.photo_del{ position: absolute; top:0; right: 0; width: 18px; height: 18px; line-height: 14px; text-align: center; background: #333;}
.e_show_images li a i{ color: #fff; font-size: 14px;}
.e_show_images li a:hover i{ color:#FF0000;}

.pagination .paginate_a, .paginate_strong{ margin-left: 5px; padding: 5px 8px; display: inline-block; color: #fff;}
.pagination .paginate_a{background: #027d00;}
.pagination .paginate_strong{ background: #eb9316; }

.pagination li { float: left}
.pagination li strong{ background: #eb9316; border: 1px solid #ccc; border-left: none; padding: 5px 12px; display: inline-block; color: #fff;}

.price_content img{width: 100%; max-width: 1060px; margin-left: auto; margin-right: auto;}

.relate-container ul li{ display:block; list-style-type:square !important; padding-bottom: 6px;}
.relate-container ul li a{display:block; font-weight:normal; overflow:hidden}
.relate-container ul li i{font-size:4px; float:left; margin-top:10px; margin-right:6px;}

.popup-overlay { position: fixed; z-index: 36; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0;}
.popup-overlay.show { visibility: visible; opacity: 1;}
.popup-thongbao { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 40%; position: relative; transition: all 5s ease-in-out; }
.popup-thongbao .tit {font-family: Tahoma, Arial, sans-serif; font-weight: bold; font-size: 25px;}
.popup-thongbao .popup-thongbao-close { position: absolute; top: 7px; right: 15px; transition: all 200ms; font-size: 30px;
  font-weight: bold; text-decoration: none; color: #333; }
.popup-thongbao .popup-thongbao-close:hover {color: #111;}
.popup-thongbao .content {max-height: 30%; overflow: auto; margin-top: 15px;}

@media only screen and ( max-width: 991px) {
    .mobile-hide {display: none;}
    .resume {border:none;padding-left: 0;}
    .box-report .logo-wrap{max-width: 100%; float: none;}
    .box-report .logo-wrap img{width: 70px;}

    .topjob .avatar-wrap{float: none; margin-left: auto; margin-right: auto}

    .right-info{ overflow: auto; display: block; text-align: center; padding-top: 10px;}
    .box-report .follow_wrap{ position: static; padding-top: 10px;}
    .wb-tit-lon {line-height:34px}
}

@media only screen and ( max-width: 767px){
    body, p, ol, ul, li{ font-size: 16px !important; line-height: 25px !important;}
    .job-tit{font-size:16px !important}
    .tit-bar .tit-bar-left a, .tit-bar .tit-bar-left h2, .tit-bar .tit-bar-left h3, .tit-bar .tit-bar-left span{ font-size: 22px !important; line-height: 30px;}
    .wb-tit-bigest{font-size: 27px !important;}
    /*.tit-bar .tit-bar-center a, .tit-bar .tit-bar-center h3{ font-size: 18px;}
    .tit-bar .tit-bar-center h3.tit-lon{ font-size: 25px;}*/
    .ele-right-big{ width: 100%;}
    .w400{ width: 100% !important;}
    small{ font-size: 14px !important;}
    .wb-tit{font-size: 20px !important; line-height: 25px; font-weight: bold}
    .inlot{ font-weight: normal !important;}
    .taskbar-top .btn{ font-size: 13px !important;}
    .search-home-wrap {bottom: 0px;}
    .search-home-wrap .search-box{ background: none}
    .col-left, .col-right{ width:100%; }
    .col-right{ margin-top: 20px;}
    .homeback{bottom:120px;}
    .pagedown{bottom:75px;}
    .pageup{bottom:30px;}
    .taskbar-under-slide .task-left{ float: none}
    .btn-tao-ho-so-home{ float: none}
    .my-alert{width: 300px;}
    .nopdon_top{ float: none; clear: both; padding-top: 10px; text-align: center}
    .JobApply{ margin-left: auto; margin-right: auto}
    .BottomJobBar .task{ float:left; padding-top: 10px;}
    .topjob{ float: none;}
    .topjob .logo-wrap{ float:none; text-align: center; margin-left: auto; margin-right: auto}
    .topjob .logo-wrap img{width: 95px;}
    .f-head-tit{ font-size: 25px !important;}

    .mobile-block {width: 100% !important;}
    .avatar-cadidate-wrap{ position: static; margin-top: 20px;}
    .res-detail-action{ position: static; padding-left: 10px;}
    .res-edit{ position: static; display: block}
    label{ margin-bottom: 0; padding-bottom: 0; font-family: wb3; }
    .col-sm-8, .col-sm-9{ margin-top: 0; padding-top: 0;}
    .resume-block { padding: 10px 5px;}
    .ele-right, .ele-small, .ele-small-md{ width: 100% !important;}
    .lbl-right{ padding-left: 0; padding-right: 10px;}
    .pleft0-mobile{ padding-left: 0 !important;}
    .pright0-mobile{ padding-right: 0 !important;}
    .relate-news-wrapper ul{padding-left:0}
}

/*--- RESPONSIVE ---*/
@media only screen and ( max-width: 320px){
    .container { padding-right: 10px; padding-left: 10px; }
}

/*@media only screen and ( min-width: 320px) and ( max-width: 374px){}*/
/*@media only screen and ( min-width: 375px) and ( max-width: 424px){}*/

@media only screen and ( max-width: 619px) {
    .news_content div img, .news_content p img { width: 100%;}
}

@media only screen and ( max-width: 425px) {
    .taskbar-under-slide .list-inline li{ display: block; padding-top: 5px; padding-bottom: 5px;}
}

@media only screen and ( min-width: 480px) {
    .colProf, .group-right{float: left; width: 46%; margin-right: 4%;}
    .jobItemHorizontal .logo-wrap{float: left; margin-right: 15px;}
    /*.jobItemHorizontal .logo-wrap img{ width: 100%;}*/
}

@media only screen and ( min-width: 768px) {
    /*.container { width: 750px; }*/
    .col-left, .col-right{ width:100%; }
    .btn-tao-ho-so-home{ margin-top: 0; margin-bottom: 0;}
    .my-alert{width: 400px;}
    .jobItemAct .act-icon{float: right;}
    .popup{width:70%;}
}
@media only screen and ( min-width: 992px){
    /*.container { width: 970px;} 970-30=940*/
    .LeftTask-col{display: block;}
    .RightTask-col{float: right; width:620px;}

    .col-left{ width:620px; float:left;}
    .col-right{width:300px; float:right;}
    .adv-980-wrap{ display: block;}
    .search-slogan, .link_search_wrap{ display: block;}
    .group-right{ width: 100%; float: none; margin-right: 0;}
    .feedback-wrap{ bottom: 330px;}
    .popup{width:50%;}
    .mobile-show{ display: none;}
}
@media only screen and (min-width: 1200px) {
    /*.container { width: 1170px;}*/
    body{ padding-top: 0;}
    #taskbar-top-1{ display: block;}
    #taskbar-top-2{ display: none;}
    .RightTask-col{width:820px;}
    .col-left{width:820px; float:left;}
    .colProf{float: left; width: 30.333333333%; margin-right: 3%;}
}