/* VPS Table */
.vps .table tr td {
    background-color: var(--dark);
  }
.vps .table {
    border-collapse:separate;
    border-spacing:0 20px
  }
  .table tr th:first-child,
  .vps .table tr td:first-child {
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
  }
  .table tr th:last-child,
  .vps .table tr td:last-child {
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
  }
  .vps .table tr td {
    border-bottom:1px solid var(--dark);
    color:var(--light)
  }
  .vps .table tr h4 {
    color: var(--white);
    font-weight: 600;
    font-size: 20px;
  }
  .vps .table tr span {
    font-weight: 300;
    font-size: 14px;
    color: var(--light);
  }
  .vps .table tr td .btn-main {
    background-color:var(--blue);
    border:1px solid var(--blue);
    color:var(--white);
    font-weight:600;
    padding: 6px 24px;
    font-size: 15px;
  }
  .vps .table tr td,
  .vps .table tr th {
    text-align:center;
    vertical-align:middle
  }
  .table td,
  .table th {
    padding-top:1rem;
    padding-bottom:1rem
  }
  @media (max-width:768px) {
    .vps .table thead {
      display:none
    }
    .vps .table tbody tr {
      display:block;
      margin-bottom:.625rem;
      box-shadow:0 2px 3px rgba(0,0,0,.075);
      border-radius:.25rem
    }
    .vps .table td {
      display:block;
      text-align:right
    }
    .vps .table td:before {
      float:left;
      font-weight:700;
      color:var(--light)
    }
    .vps .table td:last-child {
      padding-bottom:.625rem
    }
    .vps .table td .btn {
      width:100%;
      margin-top:.3125rem
    }
  }

.vps .proccesor-change .btn-group,
.plans .nav-pills {
    gap: 10px;
}
.vps .proccesor-change .btn-group .btn,
.plans .nav-pills .nav-item .nav-link {
    background-color: var(--light-dark);
    border: 1px solid var(--light-dark);
    color: var(--white);
    border-radius: 10px !important;
    padding: 6px 24px;
    font-size: 15px;
    font-weight: 500;
}
.vps .proccesor-change .btn-group .btn:hover,
.vps .proccesor-change .btn-group .btn:active,
.vps .proccesor-change .btn-group .btn:focus,
.plans .nav-pills .nav-item .nav-link:hover,
.plans .nav-pills .nav-item .nav-link:active,
.plans .nav-pills .nav-item .nav-link:focus,
.plans .nav-pills .nav-item .active {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    color: var(--white);
}