.suggest-text {
    color: #959595 !important;
}
.change-color {
    color: #D06936;
}
.change-bg-color {
    background-color: #D06936;
}
h3 {
    margin: 0px !important;
}
.center-content {
    text-align: center;
}
.cv-containter *:not(i) {
    font-family: 'Arial', sans-serif;
;
!important;
}
.mb50 {
    margin-bottom: 50px;
}
.position-relative {
    position: relative;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.w-50 {
    width: 50%;
}
.w-60 {
    width: 60%;
}
.w-40 {
    width: 40%;
}
.pad-left-10 {
    padding-left: 10px!important;
}
.pad-left-20 {
    padding-left: 20px!important;
}
.pad-left-30 {
    padding-left: 30px!important;
}
.mar-top-20 {
    margin-top: 20px;
}
.mar-top-10 {
    margin-top: 10px;
}
.mar-bot-10 {
    margin-bottom: 10px;
}
.overflow-hiden {
    overflow: hidden;
}
/* PAGE CLASS */
.vertical-line {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
}
.cv-wrap {
    padding: 0px 35px;
    padding-left: 25px;
    padding-bottom: 10px;
}
.cvp-top {
    overflow: hidden;
    padding: 20px 0px;
    position: relative;
}
.cvp-top .line {
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000;
    width: 95px;
}
.infor-user {
    float: left;
    padding-top: 30px;
    padding-left: 30px;
    width: 79%;
}
.infor-user .line {
    position: absolute;
    width: 340px;
    height: 1px;
    background-color: #9E8A3B;
    bottom: 20px;
    left: calc(50% - 170px)
}
.avatar-user {
    width: 20%;
    height: 146px;
    float: left;
    margin-top: 30px;
}
.avatar-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.avatar-user .fix-tp1 {
    left: 0!important;
    width: 100%;
    top: calc(50%);
    height: 34px;
}
.ui-namebox {
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.ph-title>.line, .ui-namebox>.line {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    height: 1px;
    background: #fff;
    width: 100%;
    left: 0;
}
.ui-namebox>.line2 {
    content: "";
    position: absolute;
    top: calc(50% + 2px);
    height: 1px;
    background: #fff;
    width: 100%;
    left: 0;
}
.ui-namebox h3 {
    letter-spacing: 1px;
}
.ph-title h3, .ui-namebox h3 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
}
.ui-namebox h4 {
    font-weight: 600;
    text-align: left;
    font-size: 18px;
    margin-top: 10px;
}
.cvp-infor {
}
.cvp-infor > div {
    width: 100%;
    display: inline-block;
}
.cvp-infor div .position-relative {
    width: 180px;
    padding-left: 35px;
    margin-bottom: 15px;
    float: left;
}
.cvp-infor div .position-relative:nth-child(2) {
    width: 100px;
}
.cvp-infor div .position-relative:nth-child(3) {
    width: 250px;
}
.cvp-infor .main-2 .position-relative:nth-child(2) {
    width: 350px;
}
.cvp-infor div div i {
    position: absolute;
    width: 25px;
    height: 25px;
    font-size: 18px;
    left: 2px;
    font-weight: 600;
    text-align: center;
    line-height: 22px;
    top: 0;
}
.cvp-infor span {
    color: #525252;
    font-size: 15px;
}
.cvp-mid {
    position: relative;
    padding: 0px 30px;
    padding-right: 0;
}
.cvp-mid .line {
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    /*z-index: 9*/
}
.cvp-mid h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    width: 100%;
    font-weight: bold;
    margin-bottom: 15px!important;
    position: relative;
}
.cv-content {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
}
.cv-content .line-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
}
.cv-content .icon-cv-7 {
    position: absolute;
    width: 27px;
    height: 18px;
    text-align: center;
    background-color: #fff;
    line-height: 25px;
    font-size: 22px;
    border-radius: 50%;
    z-index: 1;
    left: -42px;
    top: 45%;
}
.cv-content p {
    margin: 0!important;
    font-size: 14px;
}
.cv-content h6 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
}
.cv-content h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin: 0px;
}
.cv-content h5 {
    font-weight: bold;
    font-size: 14px;
}
.cv-content h5 span {
    font-weight: normal;
    font-size: 14px;
}
.cv-content .line-2 {
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
    position: absolute;
}
.cv-skill {
    padding: 10px 0px;
    position: relative;
    z-index: 1;
}
.cv-skill .line {
    position: absolute;
    background: #333;
    width: 80px;
    height: 2px;
    top: 17px;
    left: 55px;
}
.cubiz {
    position: absolute;
    width: 7px;
    height: 18px;
    top: -8px;
}
.cv-skill h6 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}
.cv-content .cv-skills {
    width: 50%;
    display: inline-block;
}
.cv-favorite {
    /*min-height: 140px;
    */
}
.cvp-bottom {
    padding: 0 20px;
    padding-left: 30px;
    position: relative;
    /*overflow: hidden;
    */
}
.cvp-bottom .line {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 11px;
}
.cvp-bottom h4 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    background-color: #fff;
    width: 220px;
    display: block;
    text-align: center;
    position: relative;
    margin-bottom: 15px!important;
}
.cv-containter .cv-logo-top {
    left: 20px;
    top: 10px;
}
.rating-parent-percent {
    position: absolute;
    height: 2px;
    top: 20px;
    left: 60px;
}
.rating-parent-percent input[type=range] {
    -webkit-appearance: none;
    cursor: pointer;
    border: none;
    width: 80px;
    display: block;
}
.rating-parent-percent input[type=range]::-webkit-slider-runnable-track {
    width: 160px;
    height: 2px;
    background: #333;
    border: none;
    border-radius: 3px;
}
.rating-parent-percent input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 18px;
    width: 7px;
    border-radius: 0%;
    background: rgb(38, 166, 154);
    margin-top: -8px;
}
.rating-parent .fa-star-o.active:before {
    content: "\f005";
}
.cvp-toolbox {
    right: 2px;
    bottom: 0px;
}
.cvp-box-child-list .cvp-toolbox {
    top: -3px;
    right: 3px;
}
.cvp-box-child-nn .cvp-toolbox {
    top: 35px;
    bottom: auto;
    z-index: 2;
}
.rating-title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-right: 5px;
}
.cvp-box-child-nn .rating-title {
    margin-right: 10px;
}
.rating-track {
    top: -4px;
    background-color: #333;
    height: 2px;
    display: inline-block;
    width: 80px;
    position: relative;
}
.rating-thumb {
    height: 18px;
    width: 7px;
    border-radius: 0%;
    display: inline-block;
    background: rgb(38, 166, 154);
    top: -8px;
    position: absolute;
}
.cvp-box-child .cvp-toolbox div {
    top: -30px;
}
.cv-skill {
    z-index: 3 !important;
}
.tooltip-child {
    position: absolute;
    z-index: -1;
    top: -10px;
}
.tooltip-trungbinh, .tooltip-kha, .tooltip-tot {
    margin-left: 25px;
}
.tooltip-child > .tooltip > .tooltip-inner {
    background-color: #f9ba81;
    color: #fff;
}
.tooltip-inner {
    text-transform: lowercase;
}
.tooltip-inner:first-letter {
    text-transform: uppercase;
}
.cvp-box-parent.active .cvp-box-child-list .cvp-box-child {
    z-index: 2 !important;
}
.cvp-box-parent{
    padding-top: 10px;
}
.cvp-box-child {
    margin-bottom: 10px;
    position: relative;
}
.cvp-box-child:hover {
    outline: #77a5cc dashed 1pt;
}
.cvp-box-child:hover .fieldgroup_controls {
    display: block;
}
.cvp-box-child-list:hover .add-more{
    display: block;
}

.check-list {
    padding-left: 0;
    list-style: none;
}
.check-list li {
    line-height: 1.7;
}
.add-more {
    display: none;
    position: absolute;
    top: -10px;
    right: 10px;
    width: auto !important;
    cursor: pointer;
    background: transparent;
    border: none;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}

.change-color .btn-add-more-skill {
    position: absolute;
    top: -10px;
    right: 10px;
    width: auto !important;
    cursor: pointer;
    background: transparent;
    border: none;
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}

.select-dropdown-nomal {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 36px;
    border: 1px solid #bfcbd9;
    border-radius: 5px;
    background-color: #fff;
    background-clip: padding-box;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 36px;
    width: 100%;
}
.select-dropdown-nomal:focus, .select-dropdown-nomal:active {
    outline: none;
}

.partitions {
    width: 100%;
    float: left;
    padding: 9px 0px 6px;
    border-bottom: 1px solid #ececec;
}
.partitions .txt-par {
    float: left;
    width: 115px;
}
.partitions .start-par {
    width: 135px;
    font-size: 15px;
    color: #26a69a;
}
 .partitions .start-par i.fa.fa-star, .seven .partitions .start-par i.fa.fa-star-o {
    margin-left: 10px;
    font-size: 15px;
    float: left;
    cursor: pointer;
}
.partitions .start-par i.fa:first-child {
    margin-left: 0px;
}
.exp-content{
    word-break: break-word;
}
.icon-block-follow{
    position: absolute;
    right: 5px;
    bottom: 2px;
    opacity: 0.5;
}

.icon-top-thiet-ke-8{
    position: absolute;
    z-index: 9;
    top: -10px;
    opacity: .8;
    left: -11px;
}
.icon-bottom-thiet-ke-8{
    position: absolute;
    top: 18px;
    right: -35px;
    opacity: 0.5;
}