.lk-groups{
  margin-top: 100px;
}

#create-group{
  background: transparent !important;
}

.form-field input{
  border: 2px solid #e0e0e0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  height: 67px !important;
  width: 100% !important;
  padding: 22px 43px !important;
  max-width: none !important;
  min-width: none !important;
}

form .form-field{
  display: flex;
  gap: 15px;
}

form .rcl-bttn.rcl-bttn__type-primary.rcl-bttn__size-standart{
  border-radius: 10px;
  background: #3c6de5;
  height: 67px;
  width: 144px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rcl-bttn__text{
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 24px !important;
}

.rcl-data-filters{
  display: flex !important;
  align-items: center;
  gap: 16px;
  color: #929292;
  font-size: 20px;
  margin-top: 30px !important;
}

.rcl-data-filters a{
  border-radius: 10px !important;
  background: #f9fafb !important;
  width: 149px !important;
  height: 49px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rcl-data-filters a .rcl-bttn__text{
  color: #000000 !important;
  font-size: 18px !important;
}

.data-filter.rcl-bttn.rcl-bttn__type-primary.rcl-bttn__size-standart.rcl-bttn__disabled{
  background: #e9f1fd !important;
}
.data-filter.rcl-bttn.rcl-bttn__type-primary.rcl-bttn__size-standart.rcl-bttn__disabled .rcl-bttn__text{
  color: #3C6DE5 !important;
}

.rcl-grouplist{
  margin-top: 35px;
}

.data-filter.rcl-bttn.rcl-bttn__type-primary.rcl-bttn__size-standart:hover{
  background: #e9f1fd !important;
}

.data-filter.rcl-bttn.rcl-bttn__type-primary.rcl-bttn__size-standart .rcl-bttn__text:hover{
  color: #3C6DE5 !important;
}

h3{
  display: none !important;
}

.single-group{
  height: 282px;
  border-radius: 10px;
  background: #f9fafb;
  padding: 49px 36px;
}

.group-avatar img{
  max-width: 245px !important;
  height: 183px;
  border-radius: 10px;
  margin-right: 32px !important;
  position: relative;
}

.group-avatar{
  position: relative;
}

.group-avatar::before{
  content: '';
  position: absolute;
  left: 80px;
  bottom: -28px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background:url("/wp-content/themes/btwp4/newLayout/lk-layout/assets/lock.svg") center/cover no-repeat
}

.group-row{
  padding: 20px 0 !important;
}

.group-name{
  color: #000000;
  font-size: 25px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 19px !important;
  display: block;
}

.group-status,
.group-users,
.group-posts-counter{
  position: relative;
  color: #929292;
  font-size: 20px;
  line-height: 24px;
  padding-left: 30px;
  margin-bottom: 8px !important;
}

.group-status::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background:url("/wp-content/themes/btwp4/newLayout/lk-layout/assets/lock.svg") center/cover no-repeat
}

.group-users::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background:url("/wp-content/themes/btwp4/newLayout/lk-layout/assets/path.svg") center/cover no-repeat
}

.group-posts-counter::before{
  content: '';
  position: absolute;
  left: 0;
  bottom: 2px;
  display: inline-flex;
  width: 20px;
  height: 20px;
  background:url("/wp-content/themes/btwp4/newLayout/lk-layout/assets/note.svg") center/cover no-repeat
}

.group-actions{
  display: flex;
  flex-direction: column;
  margin-left: auto;
  gap: 25px;
}

.group-btn--view{
  width: 232px;
  height: 52px;
  border-radius: 10px;
  background: #3c6de5;
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  transition: .4s;
}

.group-btn--delete{
  color: #ff0000;
  font-size: 20px;
  line-height: 24px;
  transition: all .4s;
}

.group-btn--view:hover,
.group-btn--delete:hover{
  opacity: .7s;
}

.filter-label{
  font-size: 20px;
}

@media (max-width: 960px) {
  .group-avatar img{
    max-width: 140px !important;
    height: 140px;
    margin-right: 0 !important;
  }
  .group-avatar::before{
    left: 60px;
    bottom: 13px;
  }
  .group-row{
    padding: 0 !important;
  }
}

@media (max-width: 880px) {
  .single-group{
    flex-wrap: wrap;
    justify-content: center;
  }
  .group-actions{
    margin-left: 0 !important;
  }
  .single-group{
    height: auto !important;
    padding: 30px 36px !important;
  }
}

@media (max-width: 768px) {
  .rcl-data-filters{
    flex-wrap: wrap;
  }
  .group-actions{
    margin-top: 15px !important;
  }
}

@media (max-width: 485px) {
  .filter-label{
    margin-right: 175px;
  }
  
  form .form-field {
    flex-direction: column;
  }
}