.top-cat-title {
  margin-bottom: 10px;
}

.top-cat-title h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #171717;
  margin-bottom: 4px;
}

.top-cat-title p {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #b9b9b9;
}

.top-cat-list a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE;
}

.top-cat-list__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #171717;
  margin-bottom: 4px;
}

.top-cat-list__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  color: #b9b9b9;
}

.top-cat-list__subtitle span {
  font-weight: 500;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: -0.4px;
  padding: 2px 4px;
  border-radius: 3px;
}

.top-cat-list__subtitle .purple {
  color: #5f2eea;
  background-color: rgba(116, 51, 255, 0.1);
}

.top-cat-list__subtitle .blue {
  color: #0061f7;
  background-color: rgba(116, 51, 255, 0.1);
}

.top-cat-list__subtitle .danger {
  color: #f26464;
  background-color: rgba(245, 91, 93, 0.1);
}

.top-cat-list__subtitle .success {
  color: #4bde97;
  background-color: rgba(75, 222, 151, 0.1);
}

.top-cat-list__subtitle .warning {
  color: #ffb648;
  background-color: rgba(255, 172, 50, 0.1);
}

.top-cat-list__subtitle .primary {
  color: #2f49d1;
  background-color: rgba(47, 73, 209, 0.1);
}


.white-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.white-block__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #171717;
  margin-bottom: 20px;
}

.white-block .select {
  width: 100%;
  background-color: #eff0f6;
}

.white-block.checkboxes label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.white-block.checkboxes label:last-child {
  margin-bottom: 0;
}

.white-block.checkboxes input {
  margin-right: 12px;
  width: 16px;
  height: 16px;
}

.white-block.checkboxes span {
  font-size: 14px;
  line-height: 1.71;
}

ul,
ol {
  list-style-type: none;
  padding: 0;
}

.stat-cards {
  margin-right: -10px;
  margin-left: -10px;
}

.stat-cards > div {
  padding-left: 10px;
  padding-right: 10px;
}

.stat-cards-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 24px 19px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 15px 50px rgba(160, 163, 189, 0.1);
  box-shadow: 0px 15px 50px rgba(160, 163, 189, 0.1);
  border-radius: 10px;
  height: 100%;
}

.stat-cards-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 9px;
}

.stat-cards-icon.primary {
  background-color: rgba(47, 73, 209, 0.1);
  color: #2f49d1;
}

.stat-cards-icon.warning {
  background-color: rgba(255, 182, 72, 0.1);
  color: #ffb648;
}

.stat-cards-icon.purple {
  background-color: rgba(95, 46, 234, 0.1);
  color: #5f2eea;
}

.stat-cards-icon.success {
  background-color: rgba(75, 222, 151, 0.1);
  color: #4bde97;
}

.stat-cards-info__num {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.22;
  color: #171717;
  margin-bottom: 4px;
}

.stat-cards-info__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.22;
  color: #b9b9b9;
  margin-bottom: 6px;
}

.stat-cards-info__progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.22;
  color: #b9b9b9;
}

.stat-cards-info__profit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.22;
  margin-right: 10px;
}

.stat-cards-info__profit.success {
  color: #4bde97;
}

.stat-cards-info__profit.danger {
  color: #f26464;
}

.stat-cards-info__profit.warning {
  color: #ffb648;
}

.stat-cards-info__profit svg {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}


.users-table table {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  line-height: 1.4;
  letter-spacing: -0.3px;
  color: #767676;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.users-table-info {
  line-height: 1.4;
  letter-spacing: -0.3px;
  color: #767676;
  height: 48px;
  border-bottom: 1.2px solid #dadbe4;
  font-size: 14px;
}

.users-table-info th {
  font-weight: 500;
}

.users-table__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.users-table__checkbox input {
  margin-right: 20px;
}

.users-table td {
  background-color: #fff;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  padding-top: 15px;
  padding-bottom: 15px;
}

.users-table td:first-child {
  padding-left: 20px;
}

.users-table tbody {
  font-size: 14px;
}

.users-table tbody tr.active td {
  background-color: rgba(47, 73, 209, 0.1);
}

.users-table tbody tr:last-child .users-item-dropdown {
  bottom: 250%;
  top: auto;
}

.users-table tbody tr:last-child .users-item-dropdown::before {
  bottom: -10px;
  top: auto;
  border-width: 15px 15px 0 15px;
  border-color: #fff transparent transparent transparent;
}

.users-table .users-item-dropdown {
  right: -9px;
  top: 150%;
}

.users-table picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.users-table img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 7px;
}