@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');

html,body{height:100%; width: 100%;margin:0;}
body, td, th { font-family:Tahoma,Verdana; font-size:12px;}
footer.fix { bottom:0;left:0;right:0; position: absolute; }
h1 { font-size:20pt;}
h2 { font-size:16pt;}
h3 { font-size:12pt;}
h4 { font-size:10pt;}
h5 { font-size:8pt;}
.nopadding { padding-left:0; padding-right:0;}

a {outline : none;}
h2 a { text-decoration: none; color: inherit;}
#body_content { min-height:400px;}
#body_content img { max-width:100%; height:auto;}

.upper { text-transform: uppercase; }
.cap { text-transform: capitalize; }
.pt10 { padding-top: 10px;}

/* header */
.navbar .navbar-brand { max-height:100%; min-height:70px; display: inline-flex; padding: 0px; margin-right:10px; }
.navbar .navbar-brand img { max-height: 40px; width: auto; max-width:320px; vertical-align: middle; margin:auto; }
.navbar .navbar-toggle { margin-top:15px;}

#main_menu.navbar-collapse.collapse.in {height:100%;min-height:100%; max-height: 100%; }

.control-text, .form-text { padding-top: 7px; font-weight: normal; }

/* footer */
footer .nav {margin:0;}
footer .nav li a { line-height:20px; padding:6px 10px;}
footer .nav li a:hover { background-color: transparent;}
footer .navbar-brand img { max-height:50px; margin-bottom: 20px; max-width: 100%; }


.upload_photo { display: block; margin:10px 0; text-align: center; position: relative; overflow: hidden;}
.upload_photo a { text-decoration: none; color: inherit;}

.share-icons { display: block; margin:20px 0; text-align: center;}
.share-icons a { font-size:14pt; color:#333; text-decoration: none; margin:0 5px;}

/* box member */
.popMem { color:#333; margin:50px auto; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); border-radius: 4px; text-align: center; float: unset;}
.popMem .body { padding: 10px 15px;}
.popMem h3 { margin-top:0; text-transform: uppercase; font-size:14pt; font-weight: bold;}
.popMem .form-control { background-color: #fff; border-color:#ccc; color:#333;}
.popMem .input-group-addon { width:1%; font-size:14px; text-align: center;}
.popMem .nav a { text-decoration: underline; color:#333; margin:5px 10px;}
.popMem .input-group-addon i { min-width: 30px;}

.separator { margin:40px 0 20px 0; text-align: center; }
.separator .text { font-size:10pt; text-transform: capitalize; color:#666; display:inline-block; background-color:#fff; padding:5px;}
.separator .line {height:1px; margin:0 auto -12pt;background-color: #ccc;}

.fancybox-close-small { padding:0px !important; width:30px; height:30px;}
.fancybox-slide > div {overflow: unset;}

.jconfirm-content { color:#333;}


.bntUpload {position:absolute; right:0; top:0; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0;}

.pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{float: right;}

.gmap_marker { color:#333;}

.small_list .item { margin-bottom: 20px; position: relative; min-height: 80px;}
.small_list .image { width:100px; height:80px; position: absolute; padding-right: 10px;}
.small_list .image img { width:80px !important; height:80px !important; background-size: cover; }
.small_list .text { margin-left: 100px; }

#job_search_result .job_hot { background-color:rgba(247, 163, 52,.1);}
#job_search_result .job_bold h4 a { font-weight: bold; color:#b11116 !important; }
.job_hot .logo img {background-color: #fff;}
.job_hot h4 a {color:#b11116 !important;}
.job.job_hot .label { position: absolute; width: 50px; top: 0; right: 0; font-size: 6.5pt; top: 18px; }
#job_search_result .job_hot .label {left: 0; right: unset;}
.job.job_hot .label b { display: inline-block; background-color: #c00; color: #fff; padding: 5px 8px;}
.job_top_cate { background-color:#ebf8ff !important; }
.job_top_cate .logo img {background-color: #fff;}

#home_tab_jobs a { color: #000; text-decoration: none;}
#home_tab_jobs a:hover { color: #d91818;}
#home_tab_jobs { margin-bottom: 30px;}
#home_tab_jobs .nav-tabs { text-align: center; margin-bottom: 30px; }
#home_tab_jobs .nav-tabs>li { float: unset; display: inline-block;}
#home_tab_jobs .nav-tabs>li.active {background-color: unset; border:none; border-bottom:2px solid #d91818; }
#home_tab_jobs .nav-tabs>li a { text-transform: uppercase; color: #999; font-size: 13pt; }
#home_tab_jobs .nav-tabs>li.active a {border:none; font-weight: bold; color:#000;  }

#home_tab_jobs .owl-nav { position: relative;}
#home_tab_jobs .owl-nav [class*=owl-] { border: 1px solid #eee; width: 30px; height: 30px; border-radius: 100%; text-align: center; line-height: 30px; top:-10px;}
#home_tab_jobs .owl-dots { width: 30%; height: 5px; margin-left: 35%;}
#home_tab_jobs .owl-prev { left:35%; position: absolute;}
#home_tab_jobs .owl-next { right:35%; position: absolute;}
#home_tab_jobs .job .logo img { border: 0;}
#home_tab_jobs .job { margin-right: 20px; margin-left: 10px; }
#home_tab_jobs .item { margin-left: -15px; margin-right: -15px;}
#home_tab_jobs .item.job_hot { background-color: transparent !important; }


.job_attribs { list-style-type: none; margin:0; padding:0;}
.job_attribs li { line-height: 25px; }

.share_social { margin: 20px 0;}
.share_social ol { list-style-type: none; margin:0; padding:0;}
.share_social li { display: inline-block; padding: 5px;}
.share_social .fa { font-size:15pt;}
.job_tags { margin: 20px 0;}
.job_tags ul { margin: 0; padding: 0;}
.job_tags .label { color:#999; font-size: 10pt;}
.job_tags a { display: inline-block; text-decoration: none; margin-right: 10px; border: 1px solid #ccc; padding: 5px 15px; color:#666; border-radius: 3px; margin-bottom: 10px;}

.avatar { width:140px; height: 140px; border-radius: 100%; border:1px solid #ccc; color:#ccc; margin:15px auto; overflow: hidden; position: relative;}
.avatar .fa-user { font-size:50pt; line-height: 120px;}
.avatar .upload_photo { display: none; }
.avatar:hover .upload_photo { display: block; }
.avatar .upload_photo { background-color: rgba(0, 0, 0, 0.4); position: absolute; bottom: -10px; width:100%; height:30px;}
.avatar .upload_photo .fa { color:#fff;  font-size:12pt; line-height: 30px;}
.avatar img { height:100% !important; width:100%; background-size: cover; object-fit: cover; }


#frmResume > h2 { background-color: #f2f2f2; font-size:10pt; font-weight: bold; padding: 10px 15px; border-left:5px solid #f7941d;}

.form-group .form-group { margin-left: 0; margin-right: 0; display: block; margin-bottom: 10px;}
.btnEdit { font-size:16pt; color:#666;}
.btn-sm { padding:3px 10px; font-size:10px; margin-top:5px;}

.benefit { color:#999; text-decoration: none; line-height: 35px; margin-bottom: 10px; display: block; text-decoration: none; }
.benefit .check, .benefit input[type=checkbox] { display:none; }
.benefit .icon { width:32px; height:32px; display: inline-block; text-align: center; border:1px solid #999; background-color: #f5f5f5; margin-right:10px; }
.benefit .icon .fa { font-size:14pt; line-height: 26px;}
.benefit:hover, .benefit.active { color:#333; }
.benefit.active .icon { background-color: #e2e2e2;}
.benefit.active .check { display: inline-block;}

.tags { margin: 10px 0;}
.tags .tag { display: inline-block; padding:2px 5px 2px 10px; border:1px solid #ccc; background-color: #f2f2f2; color:#000; border-radius: 5px; margin-right: 5px; margin-bottom: 5px; max-width: 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 1px; font-size: 11px;}
.tags .tag a { color:#666; font-size:8pt; margin-left: 5px; }


/* my */
.page_custom_my #body_content { margin-top: 20px; }
.custom_my_resume { background-color: #fff; }
.custom_my_resume h2, .custom_my_resume #profile_box { margin-left: -15px;}
#my_sections { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.03); display: flex; margin: 10px 0 20px 0; background-image: linear-gradient(to right, #ffffff, #f7f9fc); }
#my_action_content { padding-top: 10px; background-color: #fff;}
#my_actions h3 , #my_action_content h1 { font-size:10pt; font-size:12pt; text-transform: uppercase;}
#my_actions h3 { margin-top: 0;}
#my_actions {  padding:30px; height: 100%;}
#my_actions .nav { width:100%; }
#my_actions a { color:#6f7484; }

.table thead tr { background-color: #eee;}

.job_benefits .benefit { color:#333; }
.job_benefits .benefit .icon { background-color: transparent; border-radius: 100%; }
.job_benefits .benefit .icon .fa { font-size:12pt;}

.fancybox-container .chosen-container { width:100% !important;}
#divAjaxRecommend { width:100%; max-width: 900px;}
#job_search a.saved.liked { color:#e44e78 !important; content:"\f004"; }
#job_search a.saved.liked .fa:before { content:"\f004"; }

#related_jobs { margin: 20px 0;}

.m30 { margin-top: 30px; margin-bottom: 30px;}
.m50 { margin-top: 50px; margin-bottom: 50px;}
.dropdown { position: relative;}
.dropdown .dropdown-menu { margin: 0;   }
.dropdown:hover .dropdown-menu { display: block; }

.t1line {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.t2line {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.t3line {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.item .image img { width:100% !important; height:100% !important; background-size: cover; }

.bg_overlay { position: relative; background-size: cover; background-repeat: no-repeat; }
.bg_overlay:before { content:""; position: absolute; left:0; bottom:0; right:0; top:0; background: linear-gradient(to right, rgba(102, 51, 0, 0.5), rgba(0, 0, 0, .8));}

.language {background:url(images/language.gif) no-repeat; width:20px; height:14px; display:inline-block; margin:0 2px; }
.language.fr {background-position:0 -15px;}
.language.vi {background-position:0 -30px;}
.language.jp {background-position:0 -45px;}

#quickSearch { background: #fff; border:1px solid #ccc; border-bottom: none;  padding: 10px 10px; padding-bottom: 0; margin-top: -20px; z-index: 1000; position: relative;box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.07);}
.box-inline > div { padding-left: 5px; padding-right: 5px;}
.box-inline .input-group { border: 1px solid #ccc; border-radius: 4px;}
.box-inline .input-group .input-group-addon { background-color: transparent; border: none; padding-left: 10px; padding-right: 5px;}
.box-inline .input-group .chosen-choices { border: none;}
.chosen-choices { display: flex; padding-left:4px !important;}
.chosen-choices .search-choice { white-space: nowrap; text-overflow: ellipsis;}

div.rating { display: block; clear: both; margin: 10px 0;}
div.rating .star { width: 100px; background: url(images/ratings.png) no-repeat; height: 20px; display: block;}

.job_list .image { overflow: hidden;}
.job_list .image img {height: auto !important;}

.ads > div { margin-bottom: 20px;}
.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
.toggle.ios .toggle-handle { border-radius: 20px; }

.dl-horizontal.list dt { text-align: left; font-weight: normal;  }
.dl-horizontal.icon dt { text-align: left; width: 30px;  }
.dl-horizontal.icon dd { margin-left: 30px; overflow: hidden; text-overflow: ellipsis;  }

.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}
.typeahead { z-index: 1051; }
.typeahead span {width: 50px; height: 50px; display: inline-block; margin-right: 10px;}
.typeahead span img { width: 100%; height: 100%; object-fit: cover;}

form.line input {border: 0; background-color:transparent; outline: none; box-shadow: none; }
form.line textarea {border: 1px solid #ccc; border-radius: 0; background-color:transparent; outline: none; box-shadow: none; }
form.line  .input-group-addon {background-color:transparent; border: none; padding-left: 0;}
form.line  .input-group {border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.require { color: red;}

#company_image_slider { margin: 15px 0; padding-left: 10px; padding-right: 10px;}
#company_image_slider .item { border: none !important; padding: 0 6px 0 6px !important;}
#company_image_slider .item img { height:200px; width: 100%; object-fit: cover; }

.company_story { background-color: #efefef; padding: 30px 0; margin-bottom: 50px;}
.company_story .content { height: 300px; }
.company_story h2 { font-weight: bold; text-transform: uppercase;}
.company_story .image.first { padding-right: 0;}
.company_story .image.second { padding-left: 0;}
.company_story .image img { width: 100%; height: 300px; object-fit: cover;}
.slimScrollBarY, .slimScrollRailY { right:0 !important;}

#people_slider .caption { text-align: center;}
#people_slider h3 { font-weight: bold; text-transform: uppercase;}
#people_slider .item { padding: 0 30px;}
#people_slider .image { height: 300px; position: relative;}
#people_slider img { height: 260px !important; width: auto; object-fit: cover;  position:absolute; bottom: 0;  }
#people_slider .active.center img { height: 290px !important; }
#people_caption { text-align: center; padding: 20px 0;}
#people_caption h3 { text-transform: uppercase; font-weight: bold; font-size: 14pt;}
#people_caption h4 { color: #666; font-size: 12pt;}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: capitalize;}

input.qty { text-align: center;}
a.btnAdd, a.btnDel { background-color: #ccc; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-top:2px;}
.custom_hr_dashboard .dl-horizontal.number dd { text-align: right;}
.custom_hr_dashboard .dl-horizontal.number dt { width: 180px; font-weight: bold;}
#quick_search_home .input-group-addon {padding:6px 5px; font-size: 11px;}

.chosen-container-multi { font-size: 13px; height: 34px;}
.chosen-container-multi .chosen-choices {  display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 0; padding-right: 0; }
.chosen-container-multi .chosen-choices .search-field { width: 20px; }
.chosen-container-multi .chosen-choices .search-choice { flex: 1; align-items: center; justify-content: center; float: unset; white-space: nowrap; min-width: 0; text-overflow: ellipsis; overflow: hidden;}

.show-password { position: absolute; right: 15px; top:10px; z-index: 100; cursor: pointer;}
.owl-dots .owl-dot.active span {background-color: #c00 !important;}
.show-password { color:#000;}
.owl-theme .owl-nav {position: absolute; left: 0; width: 100%; top:40%;}
.owl-theme .owl-nav button { background-color: #ccc !important; border-radius: 100% !important; height: 40px; width: 40px;}
.owl-theme .owl-nav button.owl-next { float: right; margin-right: -10px;}
.owl-theme .owl-nav button.owl-prev { float: left; margin-left: -15px;}
.btn-tiny { font-size:10px; padding:4px 10px; text-transform: capitalize !important;}

.ads.fancybox-content { background-color: transparent !important; }
.ads.fancybox-content a,.ads.fancybox-content a img {outline : none;}
ul.nostyle  li { list-style-type: none;}

@media (min-width: 767px) {
    .news_list .item .item-body { height:120px;}
    .fancybox-content { min-width: 400px; padding:10px 30px;}
    .fancybox-content .box-header { border-bottom:1px solid #ececec; margin-bottom: 20px; margin-left: -30px; padding-left:30px; }
    .fancybox-content .box-header h3 { margin: 5px; font-weight: bold; text-transform: uppercase; }
    .fancybox-container .form-horizontal .form-group { margin-left:0; margin-right: 0; }
    .fancybox-slide--html .fancybox-close-small { height: 38px; color:#fff; background-color: #b11116;}
    .fancybox-slide--html .fancybox-close-small svg { height: 20px; width: 20px; display: inline-block;}
    #frmResumeFolder { min-width: 600px;}
}

@media (max-width: 767px) {
    .pull-right-not-xs, .pull-left-not-xs{float: none;}
    .pull-right-xs {float: right;}
    .pull-left-xs {float: left;}
	footer .social_links { text-align:center !important; margin:10px 0; }

    .nav-tabs {display: inline-flex; flex-wrap: nowrap;width: 100%;white-space: nowrap;overflow-x: scroll;overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none;-webkit-overflow-scrolling: touch;}
    .nav-tabs::-webkit-scrollbar { display: none; /*Safari and Chrome*/}
}

@media (max-width: 420px) {
    .navbar-collapse .nav li a { line-height: 30px !important;}
    .navbar-collapse .pull-right { float: left !important; }
    .navbar-collapse .nav { width:100%;}
    #boxFollow { left:15px; width:auto;}
    .album_photos ul li { width:150px; height:150px;}
}

@media (max-height: 420px) and (max-width:420px) {
    .navbar-collapse .nav li a { line-height: 30px !important;}
    .navbar-collapse.collapse.in {overflow-y: scroll; max-height: none !important;}
    .navbar-collapse .pull-right { float: left !important; }
    .navbar-collapse .nav { width:100%;}
    footer .container {padding-left:0; padding-right:0;}
}