body.accountbg::before{
      background: #F4EFE9;
      background: linear-gradient(180deg, rgba(244, 239, 233, 1) 0%, rgba(234, 242, 253, 1) 60%, rgba(244, 245, 247, 1) 100%);
}
.acc-top{
      margin: 1rem 0; padding: .5rem 1rem;
      display: flex; justify-content: flex-start; align-items: center;
      background: #fc8d21;
      background: linear-gradient(90deg, #fc8d21 0%, #fd28ce 100%);
}
.acc-top-img-wrapper{
      position: relative;
      margin: 0;
      width: 80px; height: 80px;
      background: url('../img/theme/acc-top-img.png') center center no-repeat;
      background-size: contain;
      border-radius: 40px;
}
.acc-top-img{}
.acc-top-img-edit{ 
      position: absolute; bottom: 0; right: 0;
      display: flex; justify-content: center; align-items: center;
      width: 25px; height: 25px;
      font-size: 13px; color: #97764d;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 12.5px;
}     
.acc-top-img-edit img{ width: 100%; height: auto; }

.acc-top-name-wrapper{ display: flex; justify-content: flex-start; }
.acc-top-name{}
.acc-top-name-edit{
      margin-left: .25rem;
      display: flex; justify-content: center; align-items: center;
      width: 25px; height: 25px;
      font-size: 13px; color: #97764d;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 12.5px;
}

.acc-top-id-wrapper{ font-size: 14px; }
.acc-top-id-edit{ 
      margin-left: .25rem;
      color: var(--secondary);
      font-size: 13px;
 }

 .acc-quicklink-list{
      margin: 0;
      background: #fc8d21;
      background: linear-gradient(90deg, #fc8d21 0%, #fd28ce 100%);
      color: white;
      border-radius: 10px;
 }
 .acc-quicklink-item{
      margin: 1rem 0;
      position: relative;
      display: flex; flex-direction: column; justify-content: center; align-items: center;
      text-align: center;
}
.acc-quicklink-list .acc-quicklink-item:not(:last-child)::after{
      content: ' ';
      position: absolute; top: 0; right: 0;
      width: 1px; height: 100%;
      background: rgba(255,255,255,0.3);
}
.acc-quicklink-item-fig{
      font-size: 20px;
      font-weight: bold;
}
.acc-quicklink-item-txt{
      font-size: 13px;
      line-height: 13px;
}

.acc-list-wrapper{ margin: 1rem 0 4rem 0; }
.acc-list-item:first-child{
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
}
.acc-list-item:last-child{
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
}
.acc-list-item{ border: none; background: rgba(255,255,255,0.7); }
.list-group-item:not(:last-child){  border-bottom: solid 1px rgba(0,0,0,.125); }
.acc-list-item-link{ 
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-decoration: none !important; 
      color: #212529;
}
.acc-list-item-link:hover{ color: #f550a0; }
.acc-list-item-link .acc-list-item-txt img{
      margin-right: .75rem;
      width: 25px; height: auto;
}
.arrow-right{ width: 12px; height: auto; }