.cs_credits_wrap,
.cs_search{
  display: none;
}
.link1-login-landing-page .cs_search,
.cs_hero_section .cs_search{
  display:block;
}
.colinner{
  gap: 40px;
  margin-bottom: 10px;
}
.cs_credits_wrap .img {
  max-width: 40px;
  height: 40px;
  line-height: 38px;
  margin-right:2px;
}
.cs_credits_wrap .items {
  border-radius: 16px;
  color:#fff;
  gap: 6px;
  padding: 4px 8px;
  flex:1 1 130px;
  font-weight: bold;
  transform: scale(0.9);
}
.modal-dialog .cs_credits_wrap .items {
  max-width: 100px;
  height: 45px;
  transform: scale(0.8);
}
.cs_credits_wrap .color-blue{
  background:var(--site-color);
  color: #fff;
}
.cs_credits_wrap .color-gray{
  color:var(--text-header-color);
  background:#f7f7f7;
}
.cs_credits_wrap .color-sky-blue{
  background:var(--secondary-site-color);
}
.cs_credits_wrap .color-sky-blue .img{
  transform: scale(1.2);
  margin-right: 10px;
  min-width: 25px;
}
.cs_credits_wrap .cs_lg-width.color-sky-blue .img{
  margin-right: 6px;
}
.cs_credits_wrap .cs_number{
  font-size: 22px;
  font-weight: 500;
}
.custom-personal-account .cs-profile-wrap,
.custom-personal-account .kind_content{
  max-width: 500px;
}
.cs_search label {
  font-size: 22px;
  color: var(--primary-color);
  font-weight: bold;
}
.cs_search .form-control{
  text-align: left;
  font-size: 14px;
  text-transform: initial;
  color: #4b7ea5;
  padding-left: 38px;
  font-weight: 300;
  border-radius: 14px;
  height: 42px;
  background-color: #fafbfd;
}
.cs_search .form-control:focus{
  border-color:var(--site-color);
}
.cs_search{
  margin-top:30px;
}
.first-step-send-kindness .cs_search{
  margin-top:0px;
}
.cs_search .form-group{
  position: relative;
  margin-bottom: 40px;
}
.cs_search_icon i {
  color: #23517d;
  font-size: 18px;
}
span.cs_search_icon {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0, -50%);
}
.cs_search input.form-control::-webkit-input-placeholder,
#search_contact_box input::-webkit-input-placeholder,
#charity-box .fields-cntnr input::-webkit-input-placeholder{
  color:#7fa2c5;
  font-weight: 600;
} 
.cs_search input.form-control::-moz-placeholder,
#search_contact_box input::-moz-placeholder,
#charity-box .fields-cntnr input::-moz-placeholder{ 
  color:#7fa2c5;
  opacity:1;
  font-weight: 600;
}
.cs_search input.form-control::-ms-input-placeholder,
#search_contact_box input::-ms-input-placeholder,
#charity-box .fields-cntnr input::-ms-input-placeholder{
  color:#7fa2c5;
  font-weight: 600;
}
.cs_search input.form-control::placeholder,
#search_contact_box input::placeholder,
#charity-box .fields-cntnr input::placeholder{ 
  color:#7fa2c5;
  font-weight: 600;
}
.cs_modal_content {
  max-width: 258px;
  margin: auto;
  text-align: center;
}
#charity-box .fields-cntnr input::-webkit-input-placeholder{
  font-size: 16px;
}
.cs_modal_content .cs_title {
  color: var(--text-header-color);
  font-size: 20px;
  font-weight: 600;
  margin: 30px 0px 16px 0px;
}
.cs_modal_content p {
  font-size: 16px;
}
.cs_modal_content a{
  color: var(--text-header-color);
}
.cs_button{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 40px;
}
.cs_button a {
  background-color: #fff;
  text-transform: uppercase;
  box-shadow: rgb(0 0 0 / 7%) 0px 1px 4px;
  padding: 2px 22px;
  font-weight: 600;
  display: block;
  font-size: 14px;
  margin: auto;
}
.cs_button a:hover{
  text-decoration: underline;
  text-decoration-color: var(--active-color);
}
.cs_modal_content img {
  width: 25px;
}
.modal-dialog .cs_credits_wrap .cs_lg-width .cs_number {
  font-size: 22px;
  margin: 8px 0px;
  font-weight: bold;
}
.modal-dialog .cs_credits_wrap .cs_lg-width {
  /* height: 55px; */
  padding: 0px;
  transform: scale(1);
}
.modal-dialog .cs_credits_wrap{
  max-width: 450px;
  margin: 0 auto;
}
body .account-link .cs_account_tab:after{
  background-color: var(--primary-color);
}
.sidebar-user .col-left .avatar img {
  padding: 2px;
}
.sidebar-user .col-right.user-name{
  font-size: 14px;
}
.sidebar-user.cs-wrap {
  flex-wrap: nowrap;
  padding: 0px;
}
.col-left .avatar {
  border: 2px solid var(--secondary-color);
  border-radius: 50px;
  width: 34px;
  height: 34px;
  text-align: center;
  overflow: hidden;
}
.sidebar-user .col-left {
  flex: 185px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
.link1-sending-acts .cs-most-act-send-containder{
  display: none;
}
.cs_credit_badges{
  display: none;
}
.cs_content_inner {
  align-items: start;
  justify-content: center;
}
#load-more-acts {
  display: flex;
  gap: 4px;
  position: absolute;
  right: 75px;
}
#load-more-acts img{
  width: 16px;
  mix-blend-mode: darken;
}
.img.cs_lg img{
  margin-top: -4px;
}
/** mobile new UI end**/
.cs-kindilly-statistics{
  display: none;
}
.kindilly-font-color{
  color: #004C83;
}
#profile-edit-modal_outer .kind_side_loggd_usr_hdr .title-cntnr{
  display: none !important;
}

.coin-flip-cntr {
  position: relative;
}
.coin-flip-cntr .coin-flip {
  position: absolute;
  right: -15px;
  top: 0;
  width: 20px;
  height: 20px;
  transform: scale(0.6);
}
.kindness-type-item .title:hover {
  text-decoration: underline;
}
a.do-reply {
  text-decoration: none !important;
}
.profile-dashboard-slider-mobile .title {
  font-size: 18px;
  margin-bottom: 34px;
  color:#000;
}
.profile-dashboard-slider-mobile .progress-title{
  font-size: 18px;
  font-weight: 700;
  color: #333;
  text-transform: uppercase;
  margin: 0 0 25px;
}
.fade-out{
  filter: grayscale(1);
  opacity: 0.7;
}
.profile-dashboard-slider-mobile .progress{
  height: 12px;
  background: #ccdbe6;
  box-shadow: none;
  border-radius: 15px;
  margin-bottom: 42px;
  overflow: visible;
  position: relative;
}
.profile-dashboard-slider-mobile .progress:after{
  border: 7px solid #e9e9ea;
  left: auto;
  right: 0;
}
.profile-dashboard-slider-mobile .progress .progress-bar{
  box-shadow: none;
  border: none;
  border-radius: 10px;
  position: relative;
  -webkit-animation: animate-positive 1s;
  animation: animate-positive 1s;
}
.profile-dashboard-slider-mobile .progress .progress-value{
  width: 67px;
  height: 26px;
  line-height: 25px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 2;
  justify-content: center;
  gap:6px;
}
.profile-dashboard-slider-mobile .progress .center-label {
  position:absolute;
  color: #000;
  font-size: 10px;
  left: 0;
  top:-22px;
  width: 100%;
  text-align: left;
 
}
.profile-dashboard-slider-mobile .progress .stats{
  color: #000;
  transform: translateY(-30px);
  position: absolute;
  right: 0;
  top:0px;
  font-size: 14px;
}
.profile-dashboard-slider-mobile .progress .stats .text-bold{
  font-weight: bold;
  font-size: 16px;
}
.profile-dashboard-slider-mobile .progress.blue:before{ border: 7px solid #1a4966; }
.profile-dashboard-slider-mobile .progress.grey:before{ border: 7px solid #b2b7bb; }
.profile-dashboard-slider-mobile .progress.main:before{ border: 7px solid #6b26b0; }
.profile-dashboard-slider-mobile .progress.skyblue:before{ border: 7px solid #0dcbee; }

.profile-dashboard-slider-mobile .progress.blue .progress-value,
.profile-dashboard-slider-mobile .progress.blue .progress-bar {
  background:#1a4966;
  color: #fff;
}
.profile-dashboard-slider-mobile .progress.grey .progress-value,
.profile-dashboard-slider-mobile .progress.grey .progress-bar {
  background: #b2b7bb;
  color: #fff;
}
.profile-dashboard-slider-mobile .progress.main .progress-value,
.profile-dashboard-slider-mobile .progress.main .progress-bar {
  background: var(--site-color);
  color: #fff;
}
.profile-dashboard-slider-mobile .progress.skyblue .progress-value,
.profile-dashboard-slider-mobile .progress.skyblue .progress-bar {
  background: var(--secondary-site-color);
  color: #fff;
}
.letter-section,
.letter-section .contact{
  margin-bottom: 10px;
}
.cs_letter {
  margin: 0px 24px 0px;
  color: var(--text-header-color);
  font-size: 16px;
}
.sidebar-user .icon.off::before{
  color:#d6dde5;
}
@-webkit-keyframes animate-positive{
  0%{ width: 0; }
}
@keyframes animate-positive{
  0%{ width: 0; }
}
.cs_user_contact .source {
  display: none;
}
.cs_user_contact #avatar-preview {
  border: 2px solid var(--active-color);
}

div.cs_user_contact .avatar .img .btn {
  bottom: 20px;
}
div.cs_user_contact  .header .name {
  margin: 0px;
}

.cs_user_contact .avatar {
  text-align: center;
}
.cs_user_contact .avatar img{
  border-radius: 100px;
}
.cs_user_contact .icons-row {
  display: none;
}
.cs_user_contact input[type="file"]{
  position: absolute;
  visibility: hidden;
}
body .cs_user_contact input{ 
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  text-align: left;
  text-transform: initial;
  color: #333;
  border: 3px solid #81a5c0;
  height: 40px;
  background-color: #ffffff !important;
}
body .cs_user_contact fieldset > div:last-child,
body .cs_user_contact fieldset > div:nth-last-child(2),
body .cs_user_contact fieldset > div:nth-last-child(3){
  display: none;
}
body .cs_user_contact .bdy {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding-top: 0px;
}
body .cs_user_contact label{
  color:#000;
}
a.cs_google_contact {
  margin-top: 10px;
  display: block;
  font-size: 16px;
  text-decoration: underline;
  color: #000;
  font-weight: 500;
  font-family: acuminpro;
}
body .cs_user_contact .btn.save-contact {
  background-color: var(--primary-color);
  color:#fff;
  border-color: var(--primary-color);
  width: 100px;
  margin: 0 auto;
  margin-right: auto !important;
  margin-top: 26px;
}
body .cs_user_contact .avatar .btn{
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  bottom: 0px;
  margin-left: 30px;
  width: 30px;
  height: 30px;
}
body .cs_user_contact .form-group{
  margin-bottom: 0px;
} 
body .cs_user_contact .name{
  text-align: center;
}
body .cs_user_contact .avatar .img{
  position: relative;
}
body .cs_user_contact .avatar img{
  width: 100px;
  margin: 0 auto;
}
.cs_user_contact .cs_title {
  font-size: 24px;
  margin-bottom: 10px;
  color: var(--primary-color);
  font-weight: bold;
}
.cs_user_contact {
  margin-top: 15px;
  margin-bottom: 76px;

}
body .cs_user_contact .header{
  border:0px;
  padding-bottom: 0px;
}
.cs_user_contact .title span {
  display: none;
}
body .cs_user_contact .bdy .title {
  display: block;
  align-items: center;
  margin-top: 0;
}
.sidebar-cntnr .list-group{
  margin-top: 16px;
}
.search-user-list .userlink-cntnr .details{
  padding-left: 16px;
  padding-top: 0px;
}
#streak-dollar-credit-modal .modal-content {
  min-height: 330px;
}

.cs_content_wrap .title:before,
.cs_content_wrap .title:after{
  width: 0px;
  content: none !important;
}
.cs_donation .title span {
  display: block;
  background: var(--active-color);
  width: 50px;
  border-radius: 10px;
  text-align: center;
  padding: 2px 3px;
}
.cs_donation .title span img{
  width: 22px;
}
body.link1-sending-acts .acts-of-kindness-list .donation-lists.cs_donation .donation-box .img-header{
  padding: 0px;
}
#ajaxcontactList .contact-actions{
  font-size: 12px;
  display: flex;
  gap: 5px;
  align-items: center;
}
#ajaxcontactList .contact-actions a{
  cursor: pointer;
  color: darkslategrey;
}
div.messages-recipients-list {
  background-color: transparent;
}
/* .illy_seen{
  border: 1px solid rgb(7, 247, 255);
  border-radius: 50%;
  padding: 3px;
  height: 50px;
  object-fit: contain;
} */
@media screen and (min-width:767px){
  #users-contact .buttons-row.with-seps *:nth-child(4),
  #users-contact .preloader{
    display: none;
  }
  .sidebar-user > strong{
    margin-right: 4px;
  }
  #ajaxcontactList .kill_user_link_name{
    display: flex;
    gap: 6px;
  }
  #ajaxcontactList .kindilly-user-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
    display: block;
    padding-right: 12px;
  }
  .kindilly_title{
    margin-bottom: 0px;
  }
  #users-contact {
    max-height: 600px;
    overflow-y: auto;
  }
  .cs_donatio_amount,
  #charity-box .fields-cntnr i{
    display: none;
  }
}
@media screen and (max-width:767px){
  /** mobile new UI **/
  .cs_credits_wrap,
  .cs_search{
    display: block;
  }
  .first-step-send-kindness .cs_credits_wrap,
  .first-step-send-kindness .choose-contact-box,
  body .kindilly-dollars-acts,
  body .cs-day-streak,
  body .chom-banner,
  .second-step-send-kindness #search-user-contact,
  .third-step-send-kindness #search-user-contact,
  .second-step-send-kindness .status,
  .third-step-send-kindness .status,
  .second-step-send-kindness .text,
  .third-step-send-kindness .title-cntnr .text,
  .first-step-send-kindness .donations_tab,
  .second-step-send-kindness .donations_tab,
  .third-step-send-kindness .cs-kindilly-type-tab,
  .second-step-send-kindness #send-contact-kindness,
  .third-step-send-kindness #send-contact-kindness,
  body .sidebar-send {
    display: none;
  }
  body.link1-sending-acts .sidebar-conatnier.second-step-send-kindness .sidebar .choose-contact-box,
  body.link1-sending-acts .sidebar-conatnier.third-step-send-kindness .sidebar .choose-contact-box{
    border: 0px;
    margin-bottom: 20px;
    padding: 0px 0px;
    justify-content: start;
  }
  .second-step-send-kindness .title,
  .third-step-send-kindness .title{
    position: relative;
  }
  body .second-step-send-kindness .title .edit-profile:before,
  body .third-step-send-kindness .title .edit-profile:before{
    color: #000;
  }
  body .second-step-send-kindness .title .edit-profile,
  body .third-step-send-kindness .title .edit-profile{
    position: absolute;
    top: -4px;
    right: -24px;
  }
  .link1-sending-acts .first-step-send-kindness .cs-most-act-send-containder{
    display: block;
  }
  .custom-personal-account .kind_content{
    max-width: 100%;
  }
  .your-dashboard-link{
    font-weight: bold;
    font-size: 18px;
    width: auto;
    background-color: #f7f7f7;
    color: var(--site-color);
    border-color: #f7f7f7;
    text-transform: initial;
  }
  .first-step-send-kindness #charity-box .donation-lists{
    background-color: transparent;
  }
  
  body.link1-sending-acts .donation-lists.cs_dollars_donation .donation-box.active .title{
    color: var(--primary-color);
    justify-content: flex-start;
  }
  #charity-box .donation-lists form label {
    display: none;
  }
  .first-step-send-kindness .cntnr-disabled {
    filter: none;
  }
  .cs_dollars_donation .cs_content_wrap {
    max-width: 132px;
  }
  .cs_content_wrap {
    width: 100%;
  }
  .cs_credit_badges{
    background-color: var(--secondary-site-color);
    color: #fff;
    border-radius: 12px;
    padding: 2px 8px;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    gap: 8px;
  }
  #edit_contact_form{
    margin: 0px 35px;
  }
  .mobile_view_kindness {
    margin-top: -15px;
  }
  body .mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:first-child{
    align-items: center;
    flex: 1 0 250px;
    max-width: 250px;
  }
  .cs_modal_style .modal{
    z-index: 9999;
  }
  .cs_content_inner {
    justify-content: space-between;
  }
  body .custom-personal-account .kind_side_loggd_usr_hdr .avatar{
    border: 3px solid var(--secondary-site-color);
  }
  #users-invites:not(.messages-invites-list) .cs-col-item:first-child{
    padding-left: 20px;
    position: relative;
  }
  #users-invites .avatar input {
    position: absolute;
    left: 0px;
  }
  .content-cntnr .heading1 {
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 26px;
    text-transform: capitalize;
  }
  .content-cntnr .list-ops-cntnr {
    padding: 0px;
  }
  .list-ops-cntnr fieldset .field:first-child,
  .list-ops-cntnr fieldset .field input{
    width: 100%;
  }
  body .list-ops-cntnr .form fieldset .field input {
    /** allready used !important **/
    padding-left: 16px !important;
    padding-right: 66px !important;
  }
  .list-ops-cntnr .btn-icon:before{
    transform: translateY(0px);
  }
  .list-ops-cntnr fieldset .field:first-child .ip-icon:before{
    content: none;
  }
  body .list-ops-cntnr fieldset .field:nth-child(2) {
    width: 48px;
    font-size: 0px;
    position: absolute;
    right: 100px;
  }
  .list-ops-cntnr fieldset .btn-filter{
    font-size: 0px;
  }
  .list-ops-cntnr .btn-filter:before{
    content: '\f0d1';
  }
  .first-step-send-kindness,
  .second-step-send-kindness,
  .third-step-send-kindness {
    max-width: 500px;
    margin: auto;
  }
  .third-step-send-kindness .cs_content_wrap .text-line {
    padding-right: 54px;
  }
  body.link1-sending-acts .acts-catlist .acts-cat .img-header .img {
    width: 84px;
  }
  .cs-kindilly-acts-section .kindilly-type-content{
    min-height: 200px;
    max-height: 300px;
  }
  body.link1-sending-acts .sidebar-conatnier .sidebar div.choose-contact-box{
    max-width: 500px;
  }
  .sidebar-user .col-left a,
  .sidebar-user .col-right .kindilly-last-act{
    color:#a9a5a5;
  }
  .message-act .descr span,
  .sidebar-user .col-left a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 48vw; 
  }
  .theiaStickySidebar {
    margin-top:0px;
  }
  .acts-tablist.acts-of-kindness-listx{
    padding-bottom: 110px;
  }
  #load-more-acts {
    right: 0px;
    bottom: -50px;
    flex-direction: column-reverse;
    font-size: 12px;
    gap: 0px;
  }
  body .search-bar {
    margin-left: 0px;
    max-width: 250px;
  }
  body.link1-sending-acts .sidebar-conatnier .sidebar .choose-contact-box div.title-cntnr .title{
    margin-top: 0px;
    font-size:20px;
    text-decoration: initial;
  }
  body.link1-sending-acts .kindilly-type-content.tab-content .title h2,
  .cs-thought-tab-title-mobile{
    padding: 0px 20px;
  }
  /** mobile new UI end**/
  .cs-kindilly-statistics{
    display: block;
  }
  .cs-kindilly-statistics .plan a{
    color: #000;
    text-decoration: none;
    font-size:12px;
  }
  .cs-kindilly-statistics .plan a.active {
    text-decoration: underline;
    text-decoration-color: var(--secondary-site-color);
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
  }
  .cs-kindilly-statistics .kindilly-acts-info .act-sent .number.year,
  .cs-kindilly-statistics .kindilly-acts-info .donation-sent .year{
    display: none;
  }
  .cs-kindilly-statistics .kindilly-acts-info .act-sent{
    background: url(/upload/wysiwyg/images/heart_beating.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
  }
  .custom-personal-account .profile-completion-custom,
  .custom-personal-account .kindilly-quote-day{
    display: none;
  }
  .new_user{
    color: #02c9f2 !important;
  }
  .new_user svg{
    fill: #02c9f2;
  }
  .bronze{
    color: #8d6348 !important;
    fill: #8d6348;
  }
  .bronze svg{
    fill: #8d6348;
  }
  .silver{
    color: #666f78 !important;
    fill: #666f78;
  }
  .silver svg{
    fill: #666f78;
  }
  .gold{
    color: #8d6e3a !important;
    fill: #8d6e3a;
  }
  .gold svg{
    fill: #8d6e3a;
  }
  .platinum{
    color: #6c629c !important;
    fill: #6c629c;
  }
  .platinum svg{
    fill: #6c629c;
  }
  .diamond{
    color: #a1947c !important;
    fill: #a1947c;
  }
  .diamond svg{
    fill: #a1947c;
  }
  #kill_main_sett_side {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 70px 0px 0px 0px;
    z-index: 99;
    margin: 0px;
    transition: all 0.2s ease-in-out;
  }
  #kill_main_sett_side .kind_sett_sidebar {
    width: 100%;
    height: 100%;
  }
  #kill_main_sett_side.active {
    transform: translateX(100%);
  }
  #kill_main_sett_mid .menu-hide-show-btn {
    width: 50px;
  }
  #kill_main_sett_mid form {
    padding: 0px 10px;
  }
  #kill_main_sett_mid .setting-panel.row {
    margin: auto;
    width: 100%;
  }
  #kill_main_sett_mid .menu-hide-show-btn i {
    pointer-events: none;
  }
  #kill_main_sett_mid .menu-hide-show-btn i::before {
    font-size: 30px;
    color: var(--primary-color);
  }
  #kill_main_sett_mid div.kill_settings_page {
    margin: 0px;
    padding: 0px;
  }
  #kill_main_sett_mid .avatar-holder p {
    font-size: 16px;
  }
  .sidebar-cntnr .sidebar-users,
  body .sidebar-cntnr .inner-cntnr{
    background-color: transparent;
  }
  body .sidebar-cntnr .buttons-row .btn.btn-link {
    color: #000;
    font-size: 14px;
    padding-bottom: 7px;
  }
  body #ipwx-search_contact_box input{
    text-align: left;
    font-size: 16px;
    text-transform: initial;
    color: #4b7ea5;
    padding-left: 38px;
    font-weight: 300;
    border-color: #13487da6;
    border-radius: 14px;
    height: 44px;
    line-height: 44px;
    border: 3px solid;
  }
  .search-contact .ip-with-btn.ip-w-x + .clear-ip {
    right: 0px;
  }
  .sidebar-cntnr .buttons-row.with-seps .sep {
    background: #000;
    opacity: 1;
  }
  body .sidebar-cntnr .buttons-row .btn.btn-link::before {
    color: #02c9f2;
  }
  div.sidebar-cntnr .buttons-row .btn.btn-white2 {
    font-size: 22px;
    color: var(--text-header-color);
    background: transparent;
    justify-content: start;
    pointer-events: none;
  }
  body .sidebar-cntnr .with-seps{
    margin-bottom: 0px;
  }
  .cs_add a {
    font-size: 16px;
    background: var(--secondary-site-color);
    padding: 6px 24px;
    color: #fff;
    border-radius: 12px;
    border: 0px;
  }

  .sidebar-cntnr .list-group {
    box-shadow: none;
    font-family: acuminpro;
  }
  .sidebar-user .user-name,
  .buttons-row.with-seps a{
    font-family: acuminpro !important;
  }
  .sidebar-user .with-seps {
    flex-direction: row-reverse;
  }
  
  .list-group .userlink-cntnr {
    box-shadow: rgb(149 157 165 / 13%) 0px 0px 10px;
    margin-bottom: 14px;
    border-radius: 20px;
    margin-left: 4px;
    margin-right: 4px;
  }
  body .list-group .sidebar-user {
    border-radius: 16px;
    padding: 16px;
  }
  .sidebar-users i.ri-menu-line,
  .sidebar-users i.ri-star-fill {
    color: var(--secondary-site-color);
    font-weight: bold;
  }
  .sidebar-user .avatar {
    border: 2px solid var(--secondary-color);
    border-radius: 50px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 12px;
    flex: none;
  }
  body .sidebar-user .avatar img{
    width: auto;
  }
  body .sidebar-users{
    padding-left: 0px;
    padding-right: 0px;
  }
  .sidebar-user a .icon,
  body .sidebar-user .right{
    display: none;
  }
  .btn_send span,
  .act-time-ago{
    font-size: 10px;
    color: #000;
  }
  .btn_send {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: acuminpro;
    gap: 2px;
  }
  body .btn_send .cs_btn {
    background-color: var(--secondary-site-color);
    color: #000;
    padding: 3px 16px;
    border-radius: 10px;
  }
  .sidebar-users-may-know-container{
    display: flex;
  }
  .sidebar-users-may-know-container > div:first-child{
    flex: 1;
    margin-right: 16px;
  }
  .alphabet_list{
    display: flex;
    flex-direction: column;
  }
  .sidebar-users .btn.btn-link span{
    margin-left: 2px;
  }
  .sidebar-users .btn.btn-link.active span {
    text-decoration: underline;
    text-decoration-color: var(--secondary-site-color);
    text-decoration-thickness: 3px;
    text-underline-offset: 5px;
    border-radius: 0px;
  }
  .sidebar-users .btn.btn-link:hover:after {
    width: auto;
  }
  .sidebar-contact-list.sidebar-purple{
    background-color: transparent;
  }
  body .sidebar-contact-list .title{
    color: #000;
  }
  .sidebar-contact-list .btn.btn-link.btn-white:visited{
    color: #000;
  }
  .ajaxcontactListcontainer {
    display: flex;
    justify-content: center;
    align-items: start;
  }
  #ajaxcontactList, #favourite-contacts .contacts-list {
    height: 550px;
    overflow-y: auto;
  }
  #ajaxcontactList::-webkit-scrollbar,
  #favourite-contacts .contacts-list::-webkit-scrollbar {
    width: 0px;
  }
  #ajaxcontactlistsidebar {
    text-align: center;
    color: #939191;
    font-weight: 600;
    font-size: 15px;
    padding-top: 22px;
  }
  .icon-star.on::before{
    color:var(--secondary-site-color);
  }
  button.change-avatar{
    display: block;
  }
  #ajaxcontactList .btn_send a,
  #favourite-contacts .btn_send a,
  .search-user-list .btn_send a {
    font-size: 12px;
    text-align: center;
    color:#000;
    font-weight: 500;
    white-space: nowrap;
  }
  #ajaxcontactList .sidebar-user {
    flex-wrap: nowrap;
  }
  #ajaxcontactList .kindilly-user-name,
  #favourite-contacts .kindilly-user-name,
  .search-user-list .kindilly-user-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50vw;
    display: block;
    padding-right: 12px;
  }
  .all-contacts .sidebar > div{
    font-size: 14px;
  }
  
  .cs_donatio_amount {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 40px;
    margin-top:30px;
    padding-bottom: 36px;
  }
  .cs_donatio_amount .items{
    font-size: 20px;
    border-radius: 16px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 100%;
    text-align: center;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:4px;
    color: var(--primary-color);
    font-weight: 600;
  }
  .cs_donatio_amount .items .img{
    max-width: 35px;
    height: 26px;
    line-height: 16px;
  }
  .cs_donatio_amount .items img{
    width: 20px;
  }
  body.link1-sending-acts .tabs__tab .cs-acts-catlist .cs_donation .cs_content_wrap .title {
    justify-content: space-between;
    align-items: center;
  }
  #donations_tab .acts-design-list .acts-grid .card-item {
    background: #fff;
    box-shadow: none;
    border: 2px solid #ccc;
    border-radius: 0px;
    padding: 0px;
    text-align: center;
  }
  #donations_tab .acts-design-list .acts-grid .card-item label img{
    width:100%;
    object-fit: cover;
  }
  #donations_tab .cs_card_logo{
    display: none !important;
  }
  .acts-design-list .acts-grid .card-item:hover p{
    color: #fff;
  }
  #level-modal .stats-container ul.buttons {
    font-size: 12.5px;
  }
  #level-modal .stats-container .left {
    font-size: 40px;
  }
  #level-modal .stats-container .right {
    font-size: 25px;
  }
  #level-modal .title {
    font-size: 17px;
  }
  #level-modal .levels-scroll {
    margin: 0px 20px;
  }
  body .illy_seen{
    height: auto;
  }
}
@media screen and (max-width:520px){
  .modal-dialog .cs_credits_wrap .cs_number{
    font-size: 16px;
  }
  .modal-body .colinner {
    gap: 12px;
  }
  .cs_credits_wrap .img {
    max-width: 35px;
    height: 35px;
    line-height: 34px;
  }
  .cs_credits_wrap .items {
    border-radius: 16px
  }
  .your-dashboard-responsive {
    gap: 16px;
  }
  body .cs_user_contact .bdy {
    padding: 0px;
  }
  #ajaxcontactList .kindilly-user-name,
  #favourite-contacts .kindilly-user-name,
  .search-user-list .kindilly-user-name{
    max-width: 32vw;
  }
  .your-dashboard-link{
    font-size: 14px;
  }
  .cs_search{
    margin-top: 22px;
  }
  .cs_search .form-group{
    margin-bottom: 20px;
  }
  #donations_tab  .acts-design-list .acts-grid .card-item{
    max-width: 100%;
  }
  #donations_tab .acts-design-list .acts-grid .card-item label {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width:480px){
  .colinner{
    gap:16px;
  }
  body .mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:first-child{
    flex: 1 0 180px;
    max-width: 118px;
  }
  .mobile_view_kindness .messages-users-list .messages-recipients-list .cs-col-item:nth-child(3) {
    flex: 1 0 20px;
  }
  /* .mobile_view_kindness .messages-recipients-list  .messages-user-name,
  .message-act .descr span{
    max-width: 180px;
  } */
  .cs_donatio_amount {
    gap: 10px;
  }
  body .search-bar {
    max-width: 216px;
  }
}