.sidebar-dash a {
  color: #32393c;
}
.member-area .custom-c {
  position:relative;
}
/*sidebar*/

.member-area .sidebar-links a img {
  margin-right: 16px;
  width:16px;
  height:16px;
}
.member-area .sidebar-dash{
  max-width:270px;
  padding:29px 35px ;
  background-color: #fff;
  border-radius: 15px;
  fill: #fff;
  box-shadow: 0 14px 35px 0 rgba(0, 0, 0, 0.05);
}
.member-area .translate-middle-dash {
  transform: translateY(-250px)!important;
}
.member-area .sidebar-links {
  margin-bottom: 25px;
}
/*main block*/
.member-area .translate-middle-main {
  transform: translateY(-20%)!important;
  padding:27px 30px;
  border-radius: 15px;
  box-shadow: 0 14px 35px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.member-area td {
  padding:20px !important;
}
.member-area .table>:not(caption)>*>* {
  background:inherit;
  padding: 0.7rem 0.7rem;
}
.member-area th {
  font-size:14px;
}

.member-area .btn-custom {
  padding-left: inherit;
}

/*  */
.member-area button.btn.btn-primary{
  color:#333;
  background: #d9efe6;
  border:none;
}
.member-area .table-pagination button:hover {
  background: linear-gradient(266.38deg, #26f09b 0%, #05a0fa 100%);
  outline:none;
}


/*media*/

@media  (min-width:650px) and (max-width:1050px) {
  .member-area div {
    transition:0.3s;
  }
  .member-area .sidebar-dash {
    max-width: 201px;
    padding: 20px 10px;
  }
  .member-area .sidebar-text {
    font-size:11px;
  }
  .member-area .translate-middle-main {
    transform: translateY(-16%) !important;
    padding: 18px 12px;
  }
  .member-area td {
    padding:5px !important;
  }
  .member-area .custom-input {
    padding:22px !important;
  }
  .member-area .custom-a {
    text-transform: uppercase;
    color: #32393c;
    font-size: 14px;
  }
}
@media  (min-width:1050px) and (max-width:1400px) {
  .member-area div {
    transition:0.3s;
  }
  .member-area .sidebar-dash {
    max-width: 225px;
    padding: 20px 20px;
  }
  .member-area .sidebar-text {
    font-size:14px;
  }
  .member-area .translate-middle-main {
    transform: translateY(-20%) !important;
    padding: 25px 20px;
  }
  .member-area td {
    padding:5px !important;
  }
}