/* PROFILE */
.act-profile .avaletters { width: 200px; height: 200px; color: white; line-height: 200px; text-align: center; border-radius: 50%; font-size: 100px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite;	}
@keyframes gradient { 0% { background-position: 0% 50%; }  50% { background-position: 100% 50%; }  100% { background-position: 0% 50%; } }
.act-profile .prof-avatar { width: 120px; height: 120px; border-radius: 100px; object-fit: cover;}
.act-profile .prof-pinfo { display: flex; flex-direction: column; gap: 14px;}
.act-profile .prof-names { font-size: 34px;}
.act-profile .prof-tel { font-size: 20px; background: url("/f/svg/ico/phone-grey.svg") no-repeat left center/24px; padding-left: 40px; line-height: 30px;}
.act-profile .prof-city { font-size: 20px; background: url("/f/svg/ico/pin-grey.svg") no-repeat left center/24px; padding-left: 40px; line-height: 30px; margin-top: 30px}
.act-profile .prof-email { font-size: 20px; background: url("/f/svg/ico/mail-grey.svg") no-repeat left center/24px; padding-left: 40px; line-height: 30px;}
.act-profile .prof-lnk { color: black; font-size: 20px; padding-left: 40px; line-height: 30px;}
.act-profile .prof-www { background: url("/f/svg/ico/link-grey.svg") no-repeat left center/24px; }
.act-profile .prof-instagram { background: url("/f/svg/ico/instagram-grey.svg") no-repeat left center/24px;}
.act-profile .prof-tiktok { background: url("/f/svg/ico/tiktok-grey.svg") no-repeat left center/24px;}
.act-profile .prof-youtube { background: url("/f/svg/ico/youtube-grey.svg") no-repeat left center/24px;}
.act-profile .prof-unchangeable { background-color: rgb(255, 210, 126); padding: 10px; border-radius: 5px;}
.act-profile-tel .tel-txt-new-ttl { text-align: center; padding: 5px;}
.act-profile-tel .tel-txt-new-tel { text-align: center; padding: 5px; font-size: 24px;}
.act-profile-tel .tel-msg-codesent { margin-top: 20px; margin-bottom: 20px;}

/* MY COMPANIES */
.act-profile-companies {
    .company-ii { display: flex; flex-direction: column; gap: 5px; }
    .company-i { border-bottom: 1px solid lightgrey; padding-bottom: 5px; margin-bottom: 5px; display: flex; gap: 10px;}
    .company-i:last-child { border-bottom: none;}
    .i-logo { padding: 20px; background-repeat: no-repeat; background-size: contain; background-position: center;}
    .i-fname { font-size: 20px;}
    .i-tlogo { display: block; width:40px; height:40px; border-radius: 20px; background-color: grey; color: white; align-content: center; text-align: center;}
    .invite-ii { display: flex; flex-direction: column; gap: 10px;}
    .invite-i {
        display: flex; gap: 10px;
        .i-txts { flex: 1}
    }

}

/* CV */
.act-profile-cv {
    .cv-notice { background-color: rgb(181, 219, 255); padding: 10px; border-radius: 5px; margin-bottom: 20px;}
    .cv-notice2 { margin-bottom: 20px; }
    .lay-col-avtr { text-align: center; align-items: center; }
    .avaletters { width: 140px; height: 140px; color: white; line-height: 140px; text-align: center; border-radius: 50%; font-size: 80px; display: inline-block;
        background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite;	}
    .cv-avatar { width: 160px; height: 160px; border-radius: 80px; object-fit: cover; display: inline-block;}
    .cv-names { font-size: 28px;}
    .cv-gage { font-size: 20px;}

    .cv-lnks { display: flex; gap: 20px; flex-wrap: wrap;}
    .cv-lnk { color: black; font-size: 18px; padding-left: 24px; line-height: 20px;}
    .cv-tel { background: url("/f/svg/ico/phone-grey.svg") no-repeat left center/18px; }
    .cv-email { background: url("/f/svg/ico/mail-grey.svg") no-repeat left center/18px; }
    .cv-www { background: url("/f/svg/ico/link-grey.svg") no-repeat left center/18px; }
    .cv-instagram { background: url("/f/svg/ico/instagram-grey.svg") no-repeat left center/18px;}
    .cv-tiktok { background: url("/f/svg/ico/tiktok-grey.svg") no-repeat left center/18px;}
    .cv-youtube { background: url("/f/svg/ico/youtube-grey.svg") no-repeat left center/18px;}
    .cv-city { margin-top: 10px}
    .cv-langs-no, .cv-edu-no, .cv-job-no { font-size: 20px; color: grey; }
    .cv-edu, .cv-job { margin-bottom: 20px;}
    .cv-edu-spec, .cv-job-pos { font-size: 20px; margin-bottom: 10px;}
    .cv-edu-yrs, .cv-job-yrs { font-style: italic; }

    .w-aded .personal-sublist .hdr { margin-bottom: 10px;}
    .w-aded .personal-sublist>div { display: flex; align-items: center; padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed grey; cursor: pointer;}
    .w-aded .personal-sublist>div:hover { background-color: rgb(240, 240, 240);}
}
.act-profile-cv-edit {
    .items-sublist{
        >div { display: flex; align-items: center; padding: 10px; margin-bottom: 10px; border-bottom: 1px dashed grey; cursor: pointer;}
        >div:hover { background-color: rgb(240, 240, 240);}
        >div:last-child{ border-bottom: none;}
        .hdr { margin-bottom: 10px;}
        .ttl { font-size: 18px; font-weight: bold; text-decoration: underline;}
        .yrs { white-space: nowrap; font-style: italic; display: inline-block; padding: 5px; background-color: grey; color: white; border-radius: 8px; font-weight: bold; margin-right: 10px; margin-bottom: 10px;}
        .col1 { flex: 1;}
        .del { background: url("/f/svg/ico/del.svg") center/20px no-repeat; padding: 15px;}
        .del:hover { background-color: #e6e6e6;}
    }
}

/* LOGOUT */
.act-profile-logout {
    .lgout-notice { padding-top: 50px; padding-bottom: 50px; text-align: center; font-size: 18px}
    .b-holder { text-align: center;}
}