/* first grid */
.coin-user-card-component .layout__region--first {
  background: var(--secondary-five);
  border-radius: 18px;
  height: 100%;
  padding: 25px 30px 25px 30px;
  margin-bottom: 20px;
}

.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruserfield-last-name {
  display: inline-block;
}

.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruserfield-first-name {
  display: inline-block;
}

.coin-user-icon, .coin-user-icon * {
  font-style: normal;
  font-size: 14px;
  line-height: 30px;
  color: var(--primary-one);
  text-decoration: none;
}

.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruserfield-first-name
  .coin-user-icon {
  font-size: 18px;
  font-family: proximanovabold;
}

.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruserfield-last-name
  .coin-user-icon {
  font-size: 18px;
  font-family: proximanovabold;
}
.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruserfield-employee-id
  .coin-user-icon {
  font-size: 14px;
  line-height: 1px;
  padding-bottom: 15px;
  padding-top: 8px;
  font-family: proximanovabold;
}

.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruseruser-picture {
  padding-bottom: 20px;
}
.coin-user-card-component
  .layout__region--first
  .block-field-blockuseruseruser-picture
  img {
  width: 100%;
  border-radius: 18px;
  display: block;
  margin: auto;
  height: 270px;
}

/* first grid */

.coin-user-card-component .coin-user-block li {
  list-style-type: none !important;
  margin: 0;
}

.coin-user-card-component .coin-user-img-component {
  display: inline-block;
}

.coin-user-card-component .coin-user-text-component {
  display: inline-block;
  padding-left: 10px;
  width: 60%;
}
.coin-user-card-component .coin-user-img-component img {
  padding: 10px;
}
.coin-user-card-component .layout__region--third h2 {
  padding-right: 20px;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height */
  color: var(--primary-one);
  padding-bottom: 10px;
  font-family:proximanovabold;
  font-weight: 600;
}
.coin-user-card-component .layout__region--second h2 {
  padding-right: 20px;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  /* identical to box height */
  color: var(--primary-one);
  padding-bottom: 10px;
  font-family: proximanovabold;
  font-weight: 600;
}
@media only screen and (min-width: 991px) {
  .coin-user-card-component .layout__region--third {
    padding: 0px 20px 0px 20px;
  }
  .coin-user-card-component .layout__region--second {
    padding: 0px 20px 0px 20px;
  }

  .coin-user-page-title-component .page-title {
    text-align: left !important;
    padding-bottom: 15px !important;
    padding-left: 10px;
  }
  .coin-user-card-component {
    padding: 0px 10px;
  }
}
.coin-user-page-title-component .page-title {
  text-align: left !important;
  padding-bottom: 7px;
}

.coin-font-white, .coin-font-white *, .coin-font-white a:hover {
  color: var(--pur-white);
  font-size: 14px;
  text-decoration: none;
}

.coin-font-gray, .coin-font-gray *, .coin-font-gray a:hover {
  color: var(--gray-font);
  font-size: 14px;
  text-decoration: none;
}

.coin-user-icon a svg.mailto{
  display:none
}


/* report-line css 8 */
.coin-report-row {
  display: flex;
  margin-bottom: 10px;
}

.coin-report-firstname {
  display: flex;
  align-items: center;
  padding-left: 10px;
  width: 80%;
}

.coin-report-image {
  width: 20%;
}
.coin-report-image img {
border-radius:10px
}


/* user-profile -width css */
@media only screen and (min-width: 640px) {
  .coin-user-profile-bg {
    gap: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: initial;
  }
  .coin-user-profile-bg .layout__region--first {
    flex: 0 1 27%;
  }
  .coin-user-profile-bg .layout__region--second {
    flex: 0 1 36%;
  }

  .coin-user-profile-bg .layout__region--third {
    flex: 0 1 37%;
  }
}


/* description userprofile */

.coin-user-desc * , .coin-user-desc {
    line-height: 23px;
    margin-bottom: 10px;
}
/* hobbies design */
.coin-hobby-icon .field__item{
  border-radius: 12px;
  background: #D8D4CD;
  padding: 0px 7px;
  margin-right: 5px;
  line-height: 20px;
} 

.coin-user-skill{
  margin-bottom: 5px;
}

.coin-hobby-icon{
    margin-bottom: 7px;
}

@media only screen and (max-width: 991px) {
  .coin-user-card-component .layout__region--first .block-field-blockuseruseruser-picture img{
    height: 250px;
  }
}

/* edit button */

.coin-edit-icon.coin-edit-align {position: absolute;right: 5%;margin-top: 3px;}

.coin-edit-align a {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><g clip-path="url(%23clip0_2651_1109)"><path d="M15.2375 3.2123L12.775 0.749805C12.4875 0.462305 12.025 0.462305 11.7375 0.749805L10.3 2.1873L13.8125 5.6998L15.2375 4.2498C15.525 3.9623 15.525 3.4998 15.2375 3.2123Z" fill="%236C757E"/><path d="M9.70639 2.76773L1.74268 10.7314L5.25166 14.2404L13.2154 6.27672L9.70639 2.76773Z" fill="%236C757E"/><path d="M0.550049 15.475L4.76255 14.75L1.25005 11.25L0.550049 15.475Z" fill="%236C757E"/></g><defs><clipPath id="clip0_2651_1109"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>');
    color: transparent;
    background-repeat: no-repeat;
    background-size: 12px;
    font-size: 11px;
    width: 20px;
    height: 20px;
}

.coin-user-profile-bg .layout__region--first{
    position: relative;
}
.coin-rm-profile-edit{
    display:none
}