a, a:hover, a:visited, a:focus, a:active {
    text-decoration: none
}

.header-vieclam .logo {
    padding: 20px 0
}

.header-vieclam .navbar {
    padding: 0;
}

.header-vieclam .nav-item {
    min-height: 60px;
    display: flex;
    align-items: center;
    border-left: 0.6px solid rgba(255,255,255,0.3);
}

    .header-vieclam .nav-item:last-child {
        border-right: 0.6px solid rgba(255,255,255,0.3);
    }

.header-vieclam .mainmenu {
    background: #2F80ED
}

.header-vieclam .navbar {
    background: #2F80ED
}

.header-vieclam .navbar-dark .navbar-nav .nav-link {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    padding: 0 20px;
}

.header-vieclam .khung-tim-kiem {
    background: url('../../assets/images/vieclam/bg-search.png') center center no-repeat;
    padding: 20px;
    background-size: cover;
    border-radius: 5px;
    margin-top: 0
}

.header-vieclam .searchvl {
    position: relative;
}

    .header-vieclam .searchvl i {
        position: absolute;
        right: 15px;
        top: 10px;
        color: #fff;
    }

.header-vieclam .search-input {
    background: #E0E0E0;
    opacity: 0.3;
    border-radius: 20px
}
.dang-ky-vl {
    background: transparent;
    font-size: 14px;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid #fff
}
    
    .dang-nhap-vl {
        background: #FFA800;
        font-size: 14px;
        color: #fff;
        padding: 5px 15px;
    }
        .dang-ky-vl:hover, .dang-nhap-vl:hover {
            color: #fff;
        }

.main-title {
    background: #2F80ED;
    display: flex;
    padding: 0 5px
}

    .main-title .text {
        background: #fff;
        font-weight: 700;
        font-size: 20px;
        padding: 0 10px;
        line-height: 20px;
        text-transform: uppercase;
    }

.main-container {
    padding-top: 15px
}

.khung-tin .img {
    height: 295px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px
}

.khung-tin h3 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #FFA800;
    margin-top: 15px;
}

    .khung-tin h3 span {
        color: #C5C4C9;
        font-weight: 400;
    }

.khung-tin p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: justify;
    color: #0A0A0A;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 60px;
    margin: 0
}

.khung-tin.v1 {
    display: flex;
    margin-bottom: 15px;
}

    .khung-tin.v1 .img {
        height: 100px;
        width: 40%
    }

    .khung-tin.v1 .content {
        width: 60%;
        padding-left: 15px
    }

    .khung-tin.v1 h3 {
        font-size: 12px;
        margin-top: 0;
    }

        .khung-tin.v1 h3 span {
            font-size: 12px;
        }

    .khung-tin.v1 p {
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 40px;
    }

.khung-viec-lam {
    margin-bottom: 15px;
    display: block
}

    .khung-viec-lam img {
        height: 48px;
        width: 48px;
        float: left;
        border-radius: 10px
    }

    .khung-viec-lam .content {
        padding-left: 60px;
    }

        .khung-viec-lam .content span.t1 {
            font-weight: 700;
            font-size: 14px;
            color: #2F80ED;
        }

        .khung-viec-lam .content span.t3 {
            color: #FFA800;
            font-weight: 400;
            font-size: 12px;
        }

        .khung-viec-lam .content span.t2 {
            font-weight: 400;
            font-size: 12px;
            color: #0A0A0A;
        }

.avatar-tt {
    border-radius: 10px;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list-video {
    display: block;
    font-weight: 700;
    font-size: 16px;
    color: #2F80ED;
}

    .list-video span {
        font-weight: 400;
        font-size: 12px;
        color: #828282;
        margin-top: 15px
    }

.vieclam-item {
    position: relative;
    border: 1px solid #3498DB;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    min-height: 115px;
    overflow: auto;
}

    .vieclam-item.thong-bao {
        min-height: unset;
    }

    .vieclam-item .icon-cty {
        float: left;
        left: 10px;
        top: 10px;
        width: 95px;
        height: 95px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vieclam-item.cv {
        border: 1px solid #FFE0B7
    }

        .vieclam-item.cv .icon-cty {
            border-radius: 50%
        }

    .vieclam-item .icon-nb {
        position: absolute;
        right: 10px;
        top: 10px;
        width: 16px;
        height: 16px;
    }

    .vieclam-item .tieu-de {
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        color: #333333;
        padding-left: 105px;
        padding-right: 26px;
    }

    .vieclam-item.thong-bao.da-doc {
        border-color: #a9a9a9
    }

    .vieclam-item.thong-bao .tieu-de {
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        color: #333333;
        padding-left: 0;
        padding-right: 0;
    }

    .vieclam-item.thong-bao .dia-chi {
        padding-left: 0;
        padding-right: 0;
    }

    .vieclam-item.thong-bao .noi-dung {
        font-size: 16px;
        font-weight: 600;
        line-height: 16px;
        color: #3498DB;
        padding-left: 0;
        padding-right: 0;
    }

    .vieclam-item .vi-tri {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        color: #0020FE;
        padding-left: 105px;
        padding-right: 26px;
    }

    .vieclam-item .thong-tin {
        padding-left: 105px;
        padding-right: 26px;
        font-weight: 400;
        font-size: 12px;
    }

        .vieclam-item .thong-tin .tt {
            font-weight: 400;
            font-size: 12px;
            margin-right: 20px
        }

            .vieclam-item .thong-tin .tt .t1 {
                color: #828282;
            }

            .vieclam-item .thong-tin .tt .t2 {
                color: #333333;
                font-weight: 700
            }

    .vieclam-item .tieu-de.ung-vien {
        color: #0020FE;
    }

    .vieclam-item .dia-chi {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        padding-left: 105px;
        padding-right: 26px;
        color: #ADADAD;
        margin-bottom: 0.5rem;
    }

    .vieclam-item .muc-luong {
        margin-bottom: 0.5rem;
        padding-left: 105px;
        padding-right: 26px;
    }

        .vieclam-item .muc-luong span:nth-child(n+1) {
            font-size: 14px;
            font-weight: 700;
            line-height: 16px;
            color: #FFA022;
        }

        .vieclam-item .muc-luong span:nth-child(n+2) {
            background: #828282;
            font-size: 11px;
            font-weight: 400;
            padding: 5px;
            color: #fff;
            border-radius: 100px;
            float: right;
            margin-right: -26px;
        }

    .vieclam-item .han-nop {
        margin-bottom: 0.5rem;
        padding-left: 105px;
        padding-right: 26px;
        font-weight: 400;
        font-size: 11px;
        color: #333333;
    }

.khung-tim-kiem {
    padding: 20px;
    background: #0020FE;
    border-radius: 10px 10px 0 0;
    margin-top: 15px;
}

.btn.tim-kiem {
    background: #FFA022;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.btn.loc-nang-cao {
    background: #0016AC;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.tieu-de-tim-viec {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    color: #FDFDFD;
}

.khung-tim-kiem-nang-cao {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: 15px;
    flex-wrap: wrap
}

    .khung-tim-kiem-nang-cao .item {
        /*width: 12.5%;*/
        padding: 20px 10px;
        min-width: 130px;
        max-width: 200px;
    }

        .khung-tim-kiem-nang-cao .item h5 {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0;
            height: 33.5px;
            font-weight: 700;
            font-size: 14px;
            color: #BDBDBD;
        }

.loc-nang-cao-txt {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #BDBDBD;
}

.xoa-chon {
    font-weight: 700;
    font-size: 14px;
    color: #0020FE;
    cursor: pointer
}

.dong {
    font-weight: 700;
    font-size: 14px;
    color: #BDBDBD;
    cursor: pointer
}

.khung-chi-tiet-viec-lam {
    padding: 20px 15px
}

    .khung-chi-tiet-viec-lam .icon-cty {
        width: 95px;
        height: 95px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .khung-chi-tiet-viec-lam .icon-cty.cv {
            border-radius: 50%;
        }

    .khung-chi-tiet-viec-lam .ten-cong-ty {
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        color: #0A0A0A;
    }

    .khung-chi-tiet-viec-lam .loai-ho-so {
        font-weight: 400;
        font-size: 11px;
        color: #FFA022;
        padding: 2px 5px;
        border: 1px solid #FFA022;
        border-radius: 10px;
    }

    .khung-chi-tiet-viec-lam .ten-vi-tri {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #0020FE;
    }

    .khung-chi-tiet-viec-lam .ten-cong-viec {
        font-weight: 700;
        font-size: 24px;
        color: #333333;
    }

    .khung-chi-tiet-viec-lam .luong {
        font-weight: 700;
        font-size: 18px;
        color: #FFA022;
    }

    .khung-chi-tiet-viec-lam .dia-chi {
        font-weight: 400;
        font-size: 12px;
        color: #0080DD;
    }

    .khung-chi-tiet-viec-lam .han-nop-luot-xem {
        font-weight: 400;
        font-size: 14px;
        color: #828282;
    }

.nop-ho-so {
    background: #0020FE;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    border-radius: 2px;
}

.danh-dau {
    font-weight: 400;
    font-size: 16px;
    color: #0A0A0A;
    background: #FFFFFF;
    border: 1px solid #3498DB;
    box-sizing: border-box;
    border-radius: 2px;
}

.nop-ho-so:hover {
    color: #fff
}

.ten-mo-ta {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
}

.chi-tiet-mo-ta {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #0A0A0A;
}

.card-header.custom {
    background: #fff;
    padding: 0
}

    .card-header.custom button {
        font-weight: 700;
        font-size: 18px;
        align-items: center;
        color: #0A0A0A;
        box-shadow: none;
        outline: none;
        padding: 15px 0
    }

.card-body {
    padding: 15px 0
}

.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transition: all 0.5s;
}


.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 3px;
}

.ban-chua-co-cv {
    background: #e9ebff;
    border-radius: 4px;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px
}

    .ban-chua-co-cv * {
        font-weight: 700;
        font-size: 16px;
        color: #1C38FE;
    }

.ho-so-cua-toi-menu {
}

    .ho-so-cua-toi-menu .child {
        font-weight: 700;
        font-size: 16px;
        color: #0A0A0A;
        padding: 5px
    }

        .ho-so-cua-toi-menu .child.active {
            background: #E8EBFF;
        }

        .ho-so-cua-toi-menu .child .arrow {
            margin-top: 5px;
        }

        .ho-so-cua-toi-menu .child a {
            font-weight: 700;
            font-size: 16px;
            color: #0A0A0A;
            padding-left: 26px
        }

            .ho-so-cua-toi-menu .child a.active {
                background: #E8EBFF;
            }

        .ho-so-cua-toi-menu .child img {
            width: 16px;
            height: 16px;
            margin-bottom: 5px;
            margin-right: 10px;
        }

    .ho-so-cua-toi-menu.tuyen-dung .child.active {
        background: #FFF5E9;
    }

    .ho-so-cua-toi-menu.tuyen-dung .child a.active {
        background: #FFF5E9;
    }

.xin-chao {
    font-weight: bold;
    margin: 0
}

    .xin-chao span:nth-child(n+1) {
        font-size: 14px;
        color: #BDBDBD;
    }

    .xin-chao span:nth-child(n+2) {
        font-size: 16px;
        color: #0A0A0A;
    }

.ho-so-cua-ban {
    font-weight: 700;
    font-size: 32px;
    color: #0A0A0A;
}

.btn-tao-cv, .btn-tao-cv:hover {
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    background: #0020FE;
    border-radius: 4px;
}

.ho-so-cua-ban-item .icon {
    width: 120px;
    height: 120px;
    float: left;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ho-so-cua-ban-item {
    border: 1px solid #3498DB;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    min-height: 115px;
    /*cursor:pointer;*/
    position: relative
}

    .ho-so-cua-ban-item.uncheck {
        border-color: #a9a9a9;
    }

    .ho-so-cua-ban-item .ten {
        font-weight: 700;
        font-size: 16px;
        color: #333333;
        padding-left: 130px
    }

    .ho-so-cua-ban-item .nganh-nghe {
        font-weight: 400;
        font-size: 11px;
        color: #333333;
        padding-left: 130px
    }

    .ho-so-cua-ban-item .luong {
        font-weight: 700;
        font-size: 11px;
        color: #FFA022;
        padding-left: 130px
    }

    .ho-so-cua-ban-item .nganh-nghe .hinh-thuc {
        font-weight: 400;
        font-size: 11px;
        color: #fff;
        padding: 5px;
        background: #828282;
        border-radius: 10px;
    }

    .ho-so-cua-ban-item .nganh-nghe .cong-khai {
        font-weight: 400;
        font-size: 11px;
        color: #FFA022;
        border: 1px solid #FFA022;
        border-color: #FFA022;
        padding: 5px;
        background: #fff;
        border-radius: 20px;
    }

    .ho-so-cua-ban-item .icon-sua, .vieclam-item .icon-sua {
        position: absolute;
        right: 10px;
        top: 10px;
    }

        .ho-so-cua-ban-item .icon-sua img, .vieclam-item .icon-sua img {
            width: 16px;
            height: 16px;
        }

    .ho-so-cua-ban-item .icon-xoa, .vieclam-item .icon-xoa {
        position: absolute;
        right: 35px;
        top: 13.5px;
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

.anh-dai-dien {
    display: flex
}

    .anh-dai-dien .avatar {
        width: 120px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed #828282;
        border-radius: 50%;
        color: #828282;
        flex-direction: column;
        background-size: cover;
    }

        .anh-dai-dien .avatar img {
            width: 45px;
            height: 45px;
        }

.btn-tao-cv-c, .btn-tao-cv-c:hover {
    background: #e6e9fe;
    border-radius: 2px;
    font-weight: 400;
    font-size: 16px;
    color: #0020FE;
}

.btn-tao-tin-td, .btn-tao-tin-td:hover {
    background: #FFF5E9;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFA022;
}

.chon-loai-hinh {
    display: flex;
    list-style-type: none;
    padding: 0
}

    .chon-loai-hinh li {
        text-align: center;
        margin-right: 20px;
        cursor: pointer;
    }

        .chon-loai-hinh li img {
            width: 130px;
            height: 130px;
            border: 1px solid #eee;
            border-radius: 20px;
        }

        .chon-loai-hinh li.active {
            color: #0020FE
        }

            .chon-loai-hinh li.active img {
                border-color: #0020FE
            }

    .chon-loai-hinh.td li.active {
        color: #FFA022
    }

        .chon-loai-hinh.td li.active img {
            border-color: #FFA022
        }
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 23px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 15px;
            width: 15px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

.switch input:checked + .switch .slider {
    background-color: #2196F3;
}

.switch input:focus + .switch .slider {
    box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .switch .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
    .switch .slider.round {
        border-radius: 34px;
    }

        .switch .slider.round:before {
            border-radius: 50%;
        }

.ten-dai-hoc {
    font-weight: 400;
    font-size: 16px;
    color: #0020FE;
}

.hoc-van-tg {
    font-weight: 400;
    font-size: 16px;
    color: #828282;
}

.btn-tao-tin-td-1, .btn-tao-tin-td-1:hover {
    background: #FFA022;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    color: #fff
}

.sl-thong-bao {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 14px;
    background: #F72825;
    border-radius: 24px;
    padding: 0px 10px;
}

.ic-xoa {
    width: 15px;
    margin-left: 20px;
    cursor: pointer;
    margin-bottom: 6px;
}

.nhom-xemtruoc {
    padding: 10px;
    border: 1px solid #3498DB;
    border-radius: 5px;
}

.nhom-xemtruoc-tieude {
    font-weight: 700;
    font-size: 18px;
    color: #0A0A0A;
    text-transform: uppercase;
    margin-top: 15px
}
@media only screen and (max-width: 992px) {
    .pad-top{
        padding-top:10px
    }
}
@media only screen and (max-width: 576px) {
    .btn-tao-cv {
        float: none !important
    }

    .ho-so-cua-ban-item .icon {
        width: 100%;
        border-radius: 0;
        background-size: contain;
    }

    .ho-so-cua-ban-item .ten {
        padding-left: 0;
    }

    .ho-so-cua-ban-item .nganh-nghe {
        padding-left: 0;
    }

    .ho-so-cua-ban-item .luong {
        padding-left: 0;
    }

    .switch-vl {
        display: block !important
    }
}