body {letter-spacing: -.02em;margin: 0;}
.navbar-static-top.nav-new {min-height: 72px;-webkit-box-shadow: 0 1px 5px rgba(160,160,160,.45);-moz-box-shadow: 0 1px 5px rgba(160,160,160,.45);box-shadow: 0 1px 5px rgba(160,160,160,.45);z-index: 1039;}
.two-columns-left.contest_list .content-section, .two-columns-left.freelance_job_list .content-section {background: #f0f0f0;margin-bottom: 0;padding-bottom: 50px;}
.two-columns-left.freelance_job_list .content-section, .two-columns-left.contest_list .content-section {margin-top: 0;}
.two-columns-left .content-section {margin-top: 30px;margin-bottom: 50px;}
.icon-hamberger a {color: #8d8d8d;}
h1, h2, h3, h4, h5, a, span {word-wrap: break-word;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 1200px;}
.container h1, .container h3 {font-size: 20px;font-weight: 400;}
.navbar {background: #fff;position: fixed; width: 100%}
.navbar-static-top {z-index: 102;}
.display-desktop {display: block;}
.display-mobile {display: none;}
.navbar-static-top.nav-new .container {width: 1200px;min-width: 320px;}
.navbar-static-top.nav-new .span2 {width: 90px;}
.nav-menu li {font-family: open sans,sans-serif;cursor: pointer;list-style: none;line-height: 20px;float: left;background: #fff;}
.nav-menu li a {color: #ccc;padding: 11px 12px 10px;float: left;font-family: open sans,sans-serif;}
.nav-menu li.active {background: #3d3d3d;color: #fff;}
.nav-menu li.second {margin-right: 10px;}
.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {font-weight: 400}
.navbar .nav>li.first a {padding-left: 15px;padding-right: 15px;}
.navbar-static-top.nav-new .menu-item a {color: #333;line-height: 72px;background: #fff;letter-spacing: -.02em;box-shadow: none;-webkit-box-shadow: none;}
.navbar .nav>li>a {font-size: 16px;font-weight: 400;padding: 0 12px;}
.nav-menu.dropdown .caret {margin-top: 0;margin-left: 5px;vertical-align: middle;}
.navbar.nav-new .btn-connect {float: right;width: 320px;margin-top: 0;margin-left: 0;padding-top: 10px;}
.navbar .btn-connect {margin-top: 24px;text-align: center;font-weight: 600;font-size: 13px;width: 25.404255%}
.nav-new .login-vlance .create-account-vlance {margin-left: 0;margin-right: 21px;padding-top: 15px;letter-spacing: -.02em;}
.login-vlance .create-account-vlance {float: left;margin-left: 52px;margin-right: 5px;}
.login-vlance .create-account-vlance #btn-register {margin-right: 20px;}
.login-vlance .create-account-vlance a, .login-vlance p a {color: #333;font-size: 16px;font-weight: 400;}
.btn-connect a {display: inline-block;cursor: pointer;}
.navbar.nav-new .btn-connect .btn {width: auto;margin-top: 0;}
.btn {font-size: 12px;font-weight: 600;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}
.btn-vl {-webkit-transition-duration: .2s;transition-duration: .2s;}
.btn-vl-medium {padding: 11px 24px;font-size: 16px;font-weight: 600;text-transform: initial;letter-spacing: -.02em;line-height: 24px;letter-spacing: -.02em;}
.btn-vl-green {background: #2db964;color: #fff;border: 1px solid #2db964;box-shadow: none;-webkit-box-shadow: none;text-shadow: none;}
.btn-size {font-size: 16px;line-height: 44px;width: 198px;border-radius: 5px;padding: 0}
.header-list-job {background: #ccc;}
.header-list-job .nav-tabs {margin-top: 12px;margin-bottom: 0;border-bottom: 0;}
.header-list-job .nav-tabs>li {margin-right: 8px;background: #dbdbdb;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 0;}
.header-list-job .nav-tabs>.active>a {background: #fafafa;border: 0;}
.header-list-job .nav-tabs>li>a {margin-right: 0;padding: 16px 25px 15px;font-size: 14px;color: #000;line-height: 24px;border: 0;}
.header-list-job .active .nav-item-job.project-short i.icon {background-position: 0 0;}
.header-list-job .nav-item-job.project-short i.icon {background-position: -50px 0;}
.header-list-job .nav-item-job.item-onsite i.icon {background-position: -50px -100px;}
.header-list-job .nav-item-job.item-contest i.icon {background-position: -50px -50px;}
.header-list-job .nav-item-job i.icon {background-image: url(/img/job/sprites-list-job.png);background-repeat: no-repeat;padding-right: 30px;}
.header-list-job .menu-hamburger {display: none;}
.header-list-job .nav-tabs>li:last-child {margin-right: 0;}
.head-title-list-job {background: #fafafa;margin-bottom: 30px;border-bottom: 4px solid #e6e6e6;}
.head-title-list-job .container {padding-top: 32px;padding-bottom: 40px;text-align: center;}
.head-title-list-job .container h1 {margin-top: 0;font-family: open sans,sans-serif;font-size: 30px;color: #000;letter-spacing: -.03em;}
.head-title-list-job .container p {margin-bottom: 0;font-size: 14px;color: #999;line-height: 20px;letter-spacing: -.03em;}
#search-job-form {margin-top: 20px;margin-left: auto;margin-right: auto;}
#search-job-form i.fa {margin-left: 3px;position: absolute;padding: 12px;font-size: 16px;}
#search-job-form button {height: 41px;position: absolute;margin-left: -131px;width: 130px;background: #2DB964;border-radius: 0 3px 3px 0;color: #fff;font-size: 14px;font-weight: 400;}
#search-job-form-mobile {display: none;}
.popular-search {text-align: left;width: 840px;margin-left: auto;margin-right: auto;}
.popular-search .title {float: left;}
.popular-search .key-word {padding-left: 110px;}
.popular-search a {padding-right: 20px;}
.float-box-section .login-box {display: none;width: 1200px;margin: auto;  padding-top: 72px}
.float-box-section .signup-box {display: none;width: 1200px;margin: auto; padding-top: 72px}


.navbar .menu_scoll {background: #4d4d4d;position: relative;}
.menu-section.menu_scoll {height: 50px;}
.menu-section {height: 41px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);box-shadow: 0 1px 3px rgba(0,0,0,.2);}
.navbar-mini .container {position: relative;width: 1200px;max-width: 100%;}
.navbar .menu_scoll ul {margin-bottom: 0;}
.menu-section .nav-menu li {background: #4d4d4d;line-height: 29px;}
.tf200 {transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;}
.navbar.navbar-mini li.tf200.last {font-style: italic;font-weight: 700;}
.nav-menu li.last {border-width: 0 1px;}
.menu-section.menu_scoll a.btn.btn-vl.btn-vl-green {float: right;height: 32px;padding: 0;margin: 8px 0;width: 157px;line-height: 32px;font-weight: 400;background: #2db964;}

@media (max-width: 976px){
    .navbar-static-top.nav-new {min-height: 50px;}
    .navbar-static-top.display-desktop {display: none;}
    .navbar-static-top.nav-new .container {width: 100%;}
    .list-menu div.menu-item-1 {float: left;margin: 14px;}
    .toggle {width: 100%;text-align: center;box-sizing: border-box;color: #8d8d8d;font-size: 20px;}
    .list-menu div.button {float: right;}
    .list-menu div.button a {font-size: 13px;margin: 10px 14px;padding: 3px 10px;font-weight: normal;}
    .menu-item-2 .logo {text-align: center;}
    .content-section .container {width: 750px;margin: auto;}
    .header-list-job .nav-tabs>li>a, .header-list-job .nav-tabs>li .nav-item-job.item-tn {padding-left: 22px;padding-right: 22px;}
    .header-list-job .nav-tabs>li {margin-right: 4px;}
    .float-box-section .login-box, .float-box-section .signup-box {width: 750px;}
}
@media (max-width: 768px){
    .navbar-static-top.nav-new {min-height: 50px;}
    .nav-new.display-mobile {display: block;width: 100%;}
    .navbar-static-top.nav-new .container {width: 100%;}
    .list-menu div.menu-item-1 {float: left;margin: 14px;}
    .toggle {width: 100%;text-align: center;box-sizing: border-box;color: #8d8d8d;font-size: 20px;}
    .list-menu div.button {float: right;}
    .list-menu div.button a {font-size: 13px;margin: 10px 14px;padding: 3px 10px;font-weight: normal;}
    .menu-item-2 .logo {text-align: center;}
    .logo img {width: 178px;}
    .content-section .container {width: 620px;margin: auto;}
    .header-list-job .nav-tabs>li {margin-right: 4px;}
    .header-list-job .nav-tabs>li>a, .header-list-job .nav-tabs>li .nav-item-job.item-tn {padding-left: 8px;padding-right: 8px;}
    .float-box-section .login-box, .float-box-section .signup-box {width: 620px;}
}
@media (max-width: 639px){
    .logo img {width: 145px;margin-top: 0px;}
    .content-section .container {width: 100%;}
    .header-list-job .menu-desktop {display: none;}
    .header-list-job .menu-hamburger {display: initial;}
    .header-list-job .menu-hamburger .nav-tabs>li {margin: 0;border-radius: 3px 3px 0 0;width: 100%;}
    .header-list-job .menu-hamburger .nav-tabs>li>a {margin: 0;border-radius: 3px 3px 0 0;}
    .header-list-job .nav-tabs>li>a, .header-list-job .nav-tabs>li .nav-item-job.item-tn {padding-left: 25px;padding-right: 25px;}
    .header-list-job .menu-hamburger .icon-hamburger {float: right;font-size: 1.5em;margin: 5px;}
    #search-job-form {display: none;}
    .popular-search {width: 305px;}
    .popular-search a {padding-right: 15px;}
    .float-box-section .login-box, .float-box-section .signup-box {width: 320px;}
}

/* Container wrapper để đặt position relative */
.search-suggestions .suggestions-list {list-style: none;margin: 0;padding: 0;}
.search-suggestions .suggestions-list li {padding: 12px 15px;cursor: pointer;transition: background-color 0.2s ease;border-bottom: 1px solid #f1f3f5;}
.search-suggestions .suggestions-list li:last-child {border-bottom: none;}
.search-suggestions .suggestions-list li:hover {background-color: #f8f9fa;}
.search-suggestions .suggestion-keyword {flex: 1;font-size: 14px;color: #212529;font-weight: 500;}
.search-suggestions::-webkit-scrollbar {width: 6px;}
.search-suggestions::-webkit-scrollbar-track {background: #f1f3f5;}
.search-suggestions::-webkit-scrollbar-thumb {background: #ced4da;border-radius: 3px;}
.search-suggestions::-webkit-scrollbar-thumb:hover {background: #adb5bd;}
.search-suggestions-empty {padding: 20px;text-align: center;color: #6c757d;font-size: 14px;}