#job-page-wraper ul {
    margin: 20px;
    padding: 0
}

header.navbar {
    border: none
}

h1.job-title {
    margin-top: 0;
    font-size: 24px
}

h2 {
    color: #444;
    font-size: 24px
}

.company-title {
    margin-top: 0;
    font-size: 14px;
    color: #666;
    font-weight: 700
}

#col-job-left h2,
#col-job-right .box h2 {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #212f3f
}

@media(max-width:767px) {
    #col-job-left {
        padding: 20px 15px
    }
}

.job-overview {
    font-size: 15px;
    line-height: 36px
}

.note-apply {
    border: 1px dashed #ccc;
    padding: 10px;
    background-color: #fcfcfc;
    color: #666;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 20px
}

.note-apply ul {
    margin: 0 20px
}

.box-recruiter a.link-tuyendung {
    font-size: 15px;
    line-height: 30px;
    color: #0ba25e
}

.box-recruiter .hotline-recruiter .contact-line {
    position: relative
}

.box-recruiter .hotline-recruiter .contact-line hr {
    width: 60%;
    margin: 25px auto;
    border: 1px solid #000
}

.box-recruiter .hotline-recruiter .contact-text {
    position: absolute;
    text-align: center;
    top: -10px;
    background-color: #fff;
    height: 30px;
    width: 160px;
    left: 50%;
    margin-left: -80px;
    color: #666
}

.box-recruiter .hotline-recruiter .highlight {
    font-size: 25px;
    color: #666
}

.box-recruiter .hotline-recruiter .contact-point {
    line-height: 30px;
    width: 260px;
    margin: auto
}

.box-recruiter .hotline-recruiter .contact-point p i {
    font-size: 24px;
    margin-right: 20px
}

.box-recruiter .hotline-recruiter .contact-point .contact-skype {
    color: #02b4eb
}

.company-logo-wraper img {
    width: 99%;
    max-width: 200px
}

#main {
    min-height: 800px
}

.skill-tags a {
    display: inline-block;
    color: #666;
    background-color: #dfdfdf;
    padding: 3px 10px;
    margin-right: 5px;
    text-decoration: none;
    vertical-align: middle;
    margin-bottom: 7px;
    white-space: nowrap
}

.skill-tags a:hover {
    background-color: #ccc
}

.skill-tags a:before {
    content: '+ '
}

.company-meta {
    padding: 5px 0
}

.job-meta {
    margin-top: 20px
}

.job-meta i.fa {
    width: 20px;
    text-align: center
}

.cv-choosen {
    list-style: none;
    margin: 15px
}

.cv-choosen li label {
    font-weight: 400;
    cursor: pointer;
    color: #666
}

.inline-block {
    display: inline-block
}

.vertical-top {
    vertical-align: top
}

.share-btns a {
    width: 50px
}

.table-applies {
    margin-top: 15px
}

.table-applies thead {
    background-color: #1f8c67;
    color: #fff
}

.table-applies a {
    color: #333
}

.table-applies a.label {
    color: #fff;
    padding: 5px 10px
}

.paginate-cv-applies .pagination>.active>a,
.paginate-cv-applies .pagination>.active>a:focus,
.paginate-cv-applies .pagination>.active>a:hover,
.paginate-cv-applies .pagination>.active>span,
.paginate-cv-applies .pagination>.active>span:focus,
.paginate-cv-applies .pagination>.active>span:hover {
    background-color: #1f8c67;
    border-color: #1f8c67;
    color: #fff
}

.paginate-cv-applies .pagination>li>a,
.paginate-cv-applies .pagination>li>span {
    color: #1f8c67
}

.total-applies-meta {
    margin: 10px auto
}

.total-applies-meta strong {
    color: #ff5722;
    font-size: 1.8em
}

.job-list {}

.job-list .btn-create-cv img {
    height: 50px
}

.email-sample {
    background-color: #fff;
    line-height: 30px;
    color: #333;
    padding: 20px
}

.apply-suggest .email-title {
    background-color: #f4f4f4;
    padding: 5px 20px;
    color: #333;
    font-weight: 700;
    border-bottom: 1px dashed #dfdfdf
}

.job-description .sign {
    border-top: 1px dashed #ccc;
    padding: 20px 0;
    font-style: italic;
    font-size: 15px;
    line-height: 26px;
    color: #f37022
}

.job-description .sign a {
    color: #337ab7
}

.apply-suggest.box {
    background-color: #dfdfdf
}

.apply-suggest .nav-tabs>li {
    margin-bottom: -2px
}

.apply-suggest .nav-tabs>li>a {
    background-color: #fff;
    border-radius: 0
}

.apply-suggest .nav-tabs {
    padding: 0;
    margin: 0;
    margin-top: 10px;
    border-bottom: 0 solid #f4f4f4
}

.apply-suggest .nav-tabs a.nav-link.active {
    background-color: #f4f4f4;
    border-bottom: 1px solid #f4f4f4
}

.apply-suggest .nav-tabs a.nav-link.active:hover {
    border-bottom: 1px solid #f4f4f4
}

.apply-suggest .nav-tabs>li.active>a,
.apply-suggest .nav-tabs>li.active>a:focus,
.apply-suggest .nav-tabs>li.active>a:hover {
    background-color: #f4f4f4;
    border: none
}

.job-description h2 {
    color: #2c3e50;
    font-size: 24px
}

.apply-area {
    padding-bottom: 0
}

.apply-area .btn {
    width: 180px
}

.btn-history-apply {
    width: 180px;
    padding: 10px 0
}

.btn-apply {
    width: 180px
}

.btn-topcv.btn-apply {
    background-color: #4caf50
}

.btn-topcv.btn-apply:hover {
    background-color: #3b9a3f
}

p.status {
    padding-bottom: 10px;
    color: #333;
    font-size: 16px
}

p.status.status-pending {}

p.status.status-approved {
    color: #169f81;
    padding-top: 10px
}

p.status.status-cancelled {
    color: red
}

p.status.status-job-expired {
    background-color: #eebb04;
    font-weight: 700;
    padding: 10px 0;
    color: #fff;
    width: 160px;
    margin: auto
}

h4.box-title {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    margin-top: 0
}

.box-content {
    padding: 0
}

.box-content>ul {
    padding: 0;
    margin: 0
}

.box-content li {
    list-style: none;
    display: block
}

.box-content .job-list .job-item .company-logo {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.box-content .job-list .job-item .company-logo img {
    width: 100%;
    max-height: 99%
}

.box-content .job-list .job-item .company-name {
    color: #888;
    font-weight: 400;
    margin-top: 4px;
    text-transform: uppercase;
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0
}

.box-content .job-list .job-item .job-title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.box-content .job-list .job-salary {
    margin-top: 4px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px
}

.box-content .job-list .job-salary .fa {
    color: #0ba25e
}

.box-content .job-list .job-item:last-child {
    border-bottom: 0
}

.box-content .job-list .job-item:nth-child(odd):nth-last-child(2) {
    border-bottom: 0
}

.search-result .job h4.highlight a,
.job-list .job-item h4.highlight a {
    color: #fb4747 !important
}

.box-content .job-list .job-item .job-label,
.search-result .job .job-label {
    color: #fb4747;
    font-weight: 400;
    font-style: italic
}

.box-content .job-list .job-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    max-height: 40px;
    overflow: hidden;
    font-family: helvetica neue, Roboto, Helvetica, Arial, sans-serif
}

#col-job-right .job-list .job-item {
    padding: 10px 0;
    border-bottom: 1px dashed #dfdfdf
}

#apply-bar {
    z-index: 1024;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

#apply-bar {
    padding: 15px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    display: none
}

#apply-bar .job-title {
    margin-top: 0;
    font-size: 22px;
    vertical-align: middle
}

#apply-bar p.status {
    margin-top: 0
}

#apply-bar .company-logo-wraper img {
    width: auto;
    max-width: 99%;
    max-height: 75px;
    margin-bottom: 0
}

.no-padding {
    padding: 0 !important
}

#col-job-right .img-box img {
    width: 100%
}

.select2-container--default .select2-selection--single {
    border-radius: 0
}

.box-suggest-create-cv {
    padding: 7px 0;
    font-size: 12px
}

.box-suggest-create-cv .btn {
    border-radius: 0;
    padding: 7px 15px;
    font-size: 12px
}

.bg-white {
    background-color: #fff
}

.full-width-box {
    width: 100%;
    margin-bottom: 15px
}

.row-featured-companies img {
    height: 42px;
    display: inline-block;
    margin: 10px
}

.box-job-tabs .nav-tabs {
    margin: 0
}

.tab-job-list .job-item {
    padding: 10px;
    padding-left: 0;
    border-bottom: 1px dashed #dfdfdf
}

.tab-job-list .job-item:nth-child(even) {
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0
}

@media(max-width:991px) {
    .tab-job-list .job-item {
        padding-right: 0
    }

    .tab-job-list .job-item:nth-child(even) {
        padding-left: 0
    }
}

.box-job-tabs .nav-tabs {
    border: 0
}

.box-job-tabs .nav-tabs>li {
    background-color: #dfdfdf;
    margin-right: 5px;
    padding: 0
}

.box-job-tabs .nav-tabs>li>a {
    color: #999;
    background-color: transparent;
    border: 0;
    display: inline-block;
    padding: 10px 25px
}

@media(max-width:767px) {
    .box-job-tabs .nav-tabs>li {
        margin-bottom: 5px
    }

    .box-job-tabs .nav-tabs>li>a {
        padding: 10px
    }
}

.box-job-tabs .nav-tabs>li.active {
    background-color: #33ac96
}

.box-job-tabs.featured .nav-tabs>li.active {
    background-color: #0ba25e
}

.box-job-tabs .nav-tabs>li.active>a,
.box-job-tabs .nav-tabs>li.active>a:focus,
.box-job-tabs .nav-tabs>li.active>a:hover {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #fff
}

.box-job-tabs .nav-tabs>li>a:hover {
    border: 0
}

#col-job-left .box-title {
    margin: 10px 0;
    color: #16719f;
    font-weight: 500;
    padding-left: 10px;
    border-left: 5px solid #fb4747;
    font-size: 20px;
    text-transform: uppercase
}

#col-job-left h1.box-title {
    font-size: 20px
}

#col-job-left .btn-view-more {
    margin-top: 20px
}

.company-logo-list {
    text-align: center
}

.company-logo-list ul {
    margin: 0 !important
}

.company-logo-list li {
    display: inline-block;
    width: 135px;
    margin-bottom: 10px;
    padding: 10px
}

.company-logo-list li img {
    max-width: 100%;
    height: 35px
}

.search-result .company-logo {
    width: 82%;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin: 12px auto
}

.search-result .company-logo img {
    width: 100%;
    max-height: 99%
}

#col-job-left .paging-meta {
    margin-bottom: 20px
}

.search-result .job-title {
    font-size: 16px;
    margin-bottom: 5px
}

.search-result .job-title a.highlight {
    color: #fb4747
}

#col-job-left .search-result .shortDes {
    color: #666;
    font-size: 12px
}

#col-job-left .search-result .company-name {
    color: #444;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.search-result .job-salary span {
    display: inline-block;
    color: #666;
    margin-right: 5px;
    background-color: #efefef;
    padding: 3px 5px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 0;
    cursor: default
}

.search-result .job .job-salary .fa {
    margin-right: 5px;
    color: #0ba25e
}

.box .pagination li {
    display: inline-block;
    margin-right: 5px;
    border-radius: 0 !important
}

.box .pagination>li:first-child>a,
.box .pagination>li:first-child>span {
    border-radius: 0
}

.box .pagination>li:last-child>a,
.box .pagination>li:last-child>span {
    border-radius: 0
}

.btn-green {
    background-color: #169f81;
    color: #fff
}

.btn-green:hover {
    color: #fff;
    background-color: #14b592
}

@media(max-width:767px) {
    #apply-bar p {
        font-size: .8em;
        line-height: 1.2em
    }

    #apply-bar .btn {
        font-size: 14px;
        margin-top: 10px
    }

    #apply-bar p.status {
        margin-top: 10px
    }

    p.status {
        font-size: 15px !important;
        padding: 0
    }
}

.share-btns {
    padding-top: 10px
}

.box-search-top-list {
    background-image: url(../images/search_company_bg.png);
    background-size: cover;
    margin-top: -20px
}

.box-search-top-list .box-form-search-top-list {
    background-color: rgba(51, 51, 51, .6);
    margin: 20px auto
}

.box-form-search-top-list h1 {
    padding: 15px 20px 0;
    font-size: 18px;
    color: #fff
}

.box-form-search-top-list .input-search-top-list {
    padding: 0 20px 10px
}

.input-search-top-list .input-data {
    position: relative
}

.input-search-top-list .input-data span {
    position: absolute;
    left: 15px;
    top: 7px;
    font-size: 20px;
    color: #555;
    z-index: 1
}

.input-search-top-list .input-data #keyword {
    padding-left: 45px
}

.input-search-top-list #btn-search-top-list {
    height: 40px;
    font-size: 16px
}

#box-top-lists .box-title h2 {
    margin: 25px auto;
    color: #212f3f
}

.top-lists .top-list {
    padding: 0;
    border: 1px solid #ececec;
    border-radius: 3px;
    min-height: 380px
}

.top-list .top-list-img {
    border-bottom: 1px solid #ececec
}

.top-list .top-list-name {
    padding: 5px 20px;
    text-align: center
}

.top-list .top-list-name h2 {
    color: #0ba25e;
    text-align: center;
    margin: 5px 0 0;
    line-height: 1.4em
}

.top-list .top-list-des {
    font-size: 12px;
    color: #666;
    padding: 5px 20px;
    text-align: center
}

.text_uppercase {
    text-transform: uppercase
}

@media(min-width:768px) {
    .box-search-top-list .box-form-search-top-list {
        width: 70%
    }
}

@media(max-width:479px) {
    #box-top-lists .box-title h2 {
        font-size: 15px
    }

    .top-list .top-list-name h2 {
        font-size: 14px
    }
}

@media(min-width:480px) {
    #box-top-lists .box-title h2 {
        font-size: 20px
    }

    .top-list .top-list-name h2 {
        font-size: 16px
    }
}