.cvo-document .cvo-page {
    padding: 0;
    position: relative
}

.cvo-document .cvo-subpage {
    padding: 0
}

#cvo-body {
    padding: 10mm 0;
    padding-bottom: 10mm;
    font-size: 16px;
    line-height: 1.4em;
    color: #494949;
}

.cvo-section-info i.fa {
    color: #494949;
    margin-right: 10px
}

.cvo-section-info {
    width: 100%;
    margin: 10px 0;
    display: inline-block
}

#cvo-body:after,
#group-header:after,
#group-top:after,
#cvo-profile:after {
    display: block;
    content: " ";
    clear: both;
    height: 0;
    width: 0
}

.cvo-col-5 {
    float: left;
    width: 41.6666666667%
}

.cvo-col-6 {
    float: left;
    width: 50%
}

.cvo-col-7 {
    float: left;
    width: 58.3333333333%
}

.cvo-col-9 {
    float: left;
    width: 75%
}

.cvo-col-8 {
    float: left;
    width: 66.6666666667%
}

.cvo-col-4 {
    float: left;
    width: 33.3333333333%
}

.cvo-col-3 {
    float: left;
    width: 25%
}

#group-header {
    height: 180px;
    padding: 0 30px;
    border-left: 5px solid #ff9f0a;
    border-right: 5px solid #ff9f0a;
    margin-bottom: 10mm
}

#cvo-profile-fullname-wraper {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%
}

#cvo-profile-fullname-wraper span {
    color: #ff9f0a;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    word-break: break-word
}

#cvo-profile-title-wraper {
    padding: 5px 10px;
    border-left: 2px solid #ff9f0a
}

#cvo-profile-fullname {
    font-size: 40px;
    line-height: 1em;
    font-weight: 400;
    text-transform: capitalize
}

#cvo-profile-title {
    font-size: 16px;
    text-transform: uppercase;
    color: #733c59;
    word-break: break-word
}

#cvo-profile-avatar-wraper {
    display: inline-block;
    height: 100%;
    width: 30%
}

#cvo-profile-avatar-wraper img {
    border-radius: 10px;
    height: 200px;
    width: 100%;
    max-width: 135px
}

.cvo-profile-fullname-and-title {
    width: 65%;
    float: right;
    padding-left: 15px;
    padding-right: 15px
}

#cvo-profile-avatar {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

#group-top {
    background-color: #f6f6f6;
    padding: 15px 25px
}

.cvo-block {
    position: relative;
}

#block-action-1 .cvo-block:last-child,
#block-action-2 .cvo-block:last-child {
    margin-bottom: 0
}

#cvo-profile {
    float: right;
    width: 100%;
    padding-left: 10px
}

#cvo-profile .contact-item {
    position: relative;
    /* margin-bottom: 8px; */
    text-align: right;
    width: 100%;
    word-break: break-word
}

#block-action-1 {
    padding: 20px 0 20px 20px
}

#block-action-2 {
    padding: 20px 20px 20px 0
}

#block-action-1 .cvo-block,
#block-action-2 .cvo-block {
    padding: 10px 15px;
    margin-bottom: 5px
}

.cvo-block-header {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 3px solid #ffe7c2
}

.cvo-block-header:after {
    display: block;
    content: " ";
    position: absolute;
    bottom: -3px;
    height: 3px;
    background-color: #ff9f0a;
    width: 200px
}

.cvo-block-header span {
    font-size: 20px;
    color: #535353;
    font-weight: 700;
    text-transform: uppercase;
    word-break: break-word
}

.cvo-block-body {
    word-break: break-word
}

.cvo-education-title,
.cvo-experience-position,
.cvo-activity-position {
    font-weight: 700;
    color: #777;
    font-size: 16px
}

.cvo-education-school-wraper,
.cvo-experience-company-wraper,
.cvo-activity-organization-wraper {
    width: 40%;
    float: left;
    display: flex;
    align-items: baseline
}

.cvo-education-time,
.cvo-experience-time,
.cvo-activity-time {
    width: 60%;
    float: right;
    padding-left: 10px;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
}

.cvo-education-school,
.cvo-experience-company,
.cvo-activity-organization,
.time-background {
    font-size: 14px;
    color: #494949;
    display: flex
}

#interest-table .row {
    width: fit-content;
    display: inline-block;
    float: left
}

.cvo-interest-details {
    padding: 5px 8px;
    background-color: #e1e1e1;
    margin: 0 8px 8px 0;
    min-width: 60px;
    min-height: 30px;
    border-radius: 15px;
    display: inline-block;
    text-align: center;
    width: fit-content
}

#cvo-certification .row,
#cvo-award .row,
#cvo-education .row,
#cvo-activity .row,
#cvo-experience .row,
#cvo-skillgroup .row {
    position: relative;
    margin: 10px 1px;
    border-bottom: 2px solid #f6f6f6
}

#cvo-certification .cvo-block-header,
#cvo-award .cvo-block-header,
#cvo-education .cvo-block-header,
#cvo-activity .cvo-block-header,
#cvo-experience .cvo-block-header {
    margin-bottom: 0
}

.cvo-award-time,
.cvo-certification-time {
    font-weight: 700
}

.cvo-award-symbol,
.cvo-certification-symbol {
    margin-right: 5px;
    margin-left: -3px;
    font-weight: 700
}

#cvo-education .row:last-child,
#cvo-activity .row:last-child,
#cvo-experience .row:last-child,
#cvo-certification .row:last-child,
#cvo-award .row:last-child,
#cvo-reference .row:last-child,
#cvo-skillgroup .row:last-child {
    margin-bottom: 0;
    border-bottom: none
}

#cv-watermark {
    position: absolute;
    right: 30px;
    bottom: 5px;
    font-size: 13px;
    color: #555
}

#line-seperate {
    height: 25px;
    background-color: #e3ecec
}

.cvo-skill-group-wrapper {
    margin-bottom: 10px
}

.cvo-skill-group-wrapper span {
    font-weight: 700;
    color: #929292;
    word-break: break-word
}

@media print {
    #cvo-body {
        padding-bottom: 0
    }

    .cvo-document .cvo-page {
        position: initial
    }

    #cvo-main {
        page-break-after: always
    }

    .cvo-block .row {
        page-break-inside: avoid
    }
}

#box02 {
    padding: 0 !important;
}

.check-list {
    padding: 0 !important;
}

[cvo-form-field] {
    cursor: text;
}

[cvo-form-field][type='rate'] {
    cursor: pointer;
}

[cvo-form-field]:hover {
    outline: 1pt dashed #77a5cc;
}

[cvo-form-field].disabled {
    outline: 0;
    cursor: default;
    background-color: #eee;
}

[cvo-form-fieldgroup].disabled {
    background-color: #eee;
}

[cvo-form-field].disabled,
[cvo-form-fieldgroup].disabled {
    color: transparent;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}


[cvo-form-field][type='text']:focus {
    cursor: text;
}

[type='fieldgroup']:hover {
    position: relative;
    box-shadow: 0 0 1px #999;
}

.ctbx {
    margin-bottom: 20px;
    position: relative;
}

.ctbx .r5 .h3 {
    text-transform: uppercase;
}

.ctbx:hover {
    box-shadow: 0 0 1px #999;
}

.ctbx:hover .fieldgroup_controls {
    float: left;
    width: 100%;
    display: block;
}

#fieldgroup_controls {
    display: none;
}

.fieldgroup_controls {
    text-align: right;
    position: absolute;
    display: none;
    /* top: -34px; */
    right: 0;
    text-shadow: none;
    min-width: 200px;
    z-index: 998;
}

.fieldgroup_controls * {
    text-shadow: none;
}

.fieldgroup_controls .clone,
.fieldgroup_controls .edit,
.fieldgroup_controls .remove,
.fieldgroup_controls .save,
.fieldgroup_controls .suggest-control {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    margin: 0 auto;
    line-height: 14px;
    font-size: 11px;
    width: 50px;
    color: #fff;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
}

.fieldgroup_controls .suggest-control {
    background-color: #333;
}

.fieldgroup_controls .suggest-control:hover {
    background-color: #666;
}

.fieldgroup_controls .clone {
    font-size: 11px;
    background-color: #3cb371;
    width: 30px;
}

.fieldgroup_controls .edit {
    font-size: 11px;
    background-color: #b3a329;
    width: 55px;
}

.fieldgroup_controls .save {
    font-size: 11px;
    background-color: #00b30d;
    width: 55px;
    display: none;
}

.fieldgroup_controls .clone:hover {
    background-color: green;
}

.edit-content .fieldgroup_controls .clone,
.edit-content .fieldgroup_controls .edit,
.edit-content .fieldgroup_controls .remove {
    display: none;
}

.edit-content .fieldgroup_controls .save {
    display: block;
}

.fieldgroup_controls .remove {
    background-color: #f15c4c;
    font-size: 11px;
    width: 30px;
}

.fieldgroup_controls .remove:hover {
    background-color: red;
}

.fieldgroup_controls .down,
.fieldgroup_controls .up {
    background-color: #fcfcfc;
    color: #666;
    border: 1px solid #999;
}

.fieldgroup_controls .down:hover,
.fieldgroup_controls .up:hover {
    color: #18b18f;
    border: 1px solid #18b18f;
}

img[cvo-form-field][type='image']:hover {
    outline: 1px dashed #77a5cc;
    cursor: pointer;
}

.default_min_width {
    min-width: 25pt;
}

[contentEditable='true'] {
    content: attr(cvo-placeholder);
    min-height: 1em;
    display: inline-block;
    position: relative;
    min-width: 25pt;
}

[contenteditable='true']:empty:before {
    content: attr(cvo-placeholder);
    color: #9197a3;
    font-weight: 100;
    padding: 3px;
}

.cvoInvalidate {
    outline: 1px dashed #fc4b08;
    color: red;
}
.icon-pic{
    top: 38% !important;
    left: 32.4% !important;
}


@media print {
   #page-cv{
    position: absolute;
   }
}