.affiliate i {
  color: #B9BDC5;
}

.affiliate > .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.affiliate > .row > .col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100%;
}

.affiliate .panel {
  border-radius: 6px;
}

.affiliate .panel-heading {
  background-color: #F9F9F9 !important;
}

.affiliate .panel-body {
  padding: 24px;
}

.affiliate .panel-affiliates-table > .panel-body > .row {
  margin-bottom: 24px;
}

.affiliate .panel-affiliates-table > .panel-body > .table i {
  color: #000;
}

.affiliate .affiliates-referral-link {
  border: 1px solid #E6E8EC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 24px;
  font-size: 16px;
  min-height: 52px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.affiliate .affiliates-referral-link__box {
  padding: 15px;
  height: 100%;
  width: 30%;
  min-width: 200px;
  margin-bottom: 0;
  background: #1062FE;
  color: #fff;
}

.affiliate .affiliates-referral-link__link {
  padding-left: 24px;
  color: #1062FE;
}

.affiliate .binary-commission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.affiliate .binary-commission__box {
  max-width: calc(50% - 12px);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px;
  border-radius: 6px;
}

.affiliate .binary-commission__box i {
  margin-bottom: 10px;
}

.affiliate .binary-commission__box--left {
  background: #E3EFFC;
  padding: 24px;
  margin-right: 12px;
}

.affiliate .binary-commission__box--left i, .affiliate .binary-commission__box--left .binary-commission__points {
  color: #1062FE;
}

.affiliate .binary-commission__box--right {
  margin-left: 12px;
  background: #EDF7EC;
  padding: 24px;
}

.affiliate .binary-commission__box--right i, .affiliate .binary-commission__box--right .binary-commission__points {
  color: #35B65E;
}

.affiliate .binary-commission__title {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.affiliate .binary-commission__points {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 0;
}

.affiliate .binary-commission__points span {
  font-weight: 400;
  color: #B9BDC5;
  font-size: 24px;
  line-height: 32px;
}

.affiliate .m-0 {
  margin: 0;
}

.affiliate .m-l-2 {
  margin-left: 16px;
}

.affiliate .m-l-1 {
  margin-left: 8px;
}

.affiliate .m-r-2 {
  margin-right: 16px;
}

.affiliate .m-r-1 {
  margin-right: 8px;
}

@media (max-width: 991px) {
  .affiliate > .row {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 600px) {
  .affiliate .affiliates-referral-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .affiliate .affiliates-referral-link .affiliates-referral-link__box {
    width: 100%;
    margin-bottom: 16px;
  }
  .affiliate .affiliates-referral-link .affiliates-referral-link__link {
    margin-bottom: 16px;
  }
  .affiliate .panel-affiliates-table {
    overflow-x: scroll;
  }
  .affiliate .panel-affiliates-table #matrixPointsTable {
    min-width: 482px;
  }
}

#withdrawHistoryTable_length > label > select {
  margin: 0 8px;
}

#withdrawHistoryTable_filter > label {
  text-align: right;
}

#withdrawHistoryTable_filter > label > input {
  height: 44px;
  max-width: 240px;
  margin-left: 8px;
}

#withdrawHistoryTable_wrapper .dataTables_paginate.paging_simple_numbers {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#withdrawHistoryTable_wrapper .dataTables_paginate.paging_simple_numbers .pagination {
  border: none;
}

.affiliate-stat {
  background-color: #fff;
  border: 1px solid #E6E8EC;
  border-top: 5px solid #fff;
  border-radius: 6px;
  padding: 21px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  margin-bottom: 24px !important;
}

.affiliate-stat--yellow {
  border-top: 5px solid #FFBF00;
}

.affiliate-stat--green {
  border-top: 5px solid #35B65E;
}

.affiliate-stat--blue {
  border-top: 5px solid #1062FE;
}

.affiliate-stat--purple {
  border-top: 5px solid #502FBF;
}

.affiliate-stat__container p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #5F6269;
}

.affiliate-stat__container p span {
  margin-left: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #0C0D0F;
}

.affiliate-stat__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.affiliate-stat__top i {
  padding: 0 !important;
  color: #B9BDC5;
}

.affiliate-stat__top--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.affiliate-stat__top--left .affiliate-stat__title {
  margin-left: 8px;
}

.affiliate-stat__title {
  color: #0C0D0F;
  font-weight: 500;
  font-size: 17px;
  line-height: 24px;
}

.affiliate-stat__status {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 30px;
}

.affiliate-stat__status::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.affiliate-stat__status--active::before {
  background-color: #35B65E;
}

.affiliate-stat__status--inactive::before {
  background-color: #5F6269;
}
.affiliate-stat__status--notqualified::before {
  background-color: #F28412;
}

.affiliate-stat__wallet {
  font-weight: 300;
  font-size: 26px;
  line-height: 34px;
  color: #0C0D0F;
}

.affiliate-stat__content-box {
  margin-bottom: 20px;
  border-bottom: 1px solid #DCDEE2;
}

.affiliate-stat__content-box .affiliate-stat__total {
  font-size: 13px;
  line-height: 20px;
  color: #5F6269;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.affiliate-stat__content-box .affiliate-stat__total span {
  margin-left: 8px;
  font-weight: 500;
  font-size: 17px;
  line-height: 28px;
}

.affiliate-stat__subtitle {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #ACB0B8;
}

.affiliate-stat__points-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.affiliate-stat__points-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  padding: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  width: 50%;
}

.affiliate-stat__points-box .affiliate-stat__points {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px;
}

.affiliate-stat__points-box .affiliate-stat__points span {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #B9BDC5;
}

.affiliate-stat__points-box i.lm {
  padding: 0;
  padding-bottom: 6px;
}

.affiliate-stat__points-box--green {
  background: #EDF7EC;
}

.affiliate-stat__points-box--green p, .affiliate-stat__points-box--green i {
  color: #35B65E;
}

.affiliate-stat__points-box--blue {
  background: #E3EFFC;
}

.affiliate-stat__points-box--blue p, .affiliate-stat__points-box--blue i {
  color: #1062FE;
}

.affiliate-stat__points-box + .affiliate-stat__points-box {
  margin-left: 16px;
}

.affiliate-stat .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.affiliate-stat .btn-group .btn + .btn {
  margin-left: 16px;
}

.affiliate-stat .btn-group .btn-success + .btn-success {
  background-color: #EDF7EC;
  border-color: #EDF7EC;
  color: #35B65E;
}

.affiliate-stat .btn-group .btn-success + .btn-success:hover, .affiliate-stat .btn-group .btn-success + .btn-success:focus, .affiliate-stat .btn-group .btn-success + .btn-success:active {
  background-color: #35B65E;
  border-color: #35B65E;
  color: #fff;
}

.affiliate-stat .btn-group .btn-info {
  background-color: #1062FE;
  border-color: #1062FE;
  color: #fff;
}

.affiliate-stat .btn-group .btn-info:hover, .affiliate-stat .btn-group .btn-info:focus, .affiliate-stat .btn-group .btn-info:active {
  background-color: #015ABE;
  border-color: #015ABE;
  color: #fff;
}

.affiliate-stat .btn-group .btn-info + .btn-info {
  background-color: #E3EFFC;
  border-color: #E3EFFC;
  color: #1062FE;
}

.affiliate-stat .btn-group .btn-info + .btn-info:hover, .affiliate-stat .btn-group .btn-info + .btn-info:focus, .affiliate-stat .btn-group .btn-info + .btn-info:active {
  background-color: #1062FE;
  border-color: #1062FE;
  color: #fff;
}

.affiliate-stat .btn-group .btn-purple {
  min-width: 100px;
  color: #fff;
  border-color: #502FBF;
  background: #502FBF;
}

.affiliate-stat .btn-group .btn-purple:hover, .affiliate-stat .btn-group .btn-purple:active, .affiliate-stat .btn-group .btn-purple:focus {
  color: #fff;
  border-color: #1e0f4d;
  background: #1e0f4d;
}

.affiliate-stat .btn-group .btn-dropdown {
  position: relative;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #ACB0B8;
}

.affiliate-stat .btn-group .btn-dropdown::after {
  font-family: lagom-small-icons !important;
  content: "\e902";
  position: absolute;
  right: 12px;
  top: 8px;
  color: #ACB0B8;
}

.affiliate-stat .btn-group .btn-dropdown span {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #0C0D0F;
  text-transform: capitalize;
  margin-left: 8px;
}

.affiliate-stat .btn-group .dropdown-menu {
  right: 0;
  width: 100%;
  margin-top: 6px;
}

.affiliate-stat__balance {
  text-align: left;
}

.affiliate-stat__balance p {
  color: #35B65E;
  font-weight: 300;
  font-size: 48px;
  line-height: 54px;
}

.info.info-matrix .panel .panel-body {
  overflow-x: scroll;
}

#matrixTable {
  border: none;
  overflow: visible !important;
}

#matrixTable table {
  border: none !important;
  margin: 0 !important;
}

#matrixTable tr {
  position: relative;
}

#matrixTable tr .noborder:not(:last-child) {
  position: relative;
}

#matrixTable tr .noborder:not(:last-child)::after {
  content: "";
  position: absolute;
  left: -29px;
  top: -23px;
  height: calc(100% - 2px);
  width: 1px;
  border: 1px dashed #ACB0B8;
}

#matrixTable tr .level-2 + :not(:last-child)::after {
  border-color: #5F6269;
}

#matrixTable tr .level-3 + :not(:last-child)::after {
  border-color: #ACB0B8;
}

#matrixTable tr .level-4 + :not(:last-child)::after {
  border-color: #DCDEE2;
}

#matrixTable tr .level-5 + :not(:last-child)::after {
  border-color: #E6E8EC;
}

#matrixTable tr th:nth-child(5), #matrixTable tr th:nth-child(6), #matrixTable tr th:nth-child(7) {
  padding-right: 0;
}

#matrixTable tr td, #matrixTable tr th {
  white-space: nowrap;
  text-align: left;
}

#matrixTable tr td:first-child, #matrixTable tr th:first-child {
  width: 60px;
}

#matrixTable tr td:nth-child(2), #matrixTable tr th:nth-child(2) {
  text-align: left;
}

#matrixTable tr td:nth-child(3), #matrixTable tr th:nth-child(3) {
  width: calc(630px / 5);
}

#matrixTable tr td:nth-child(4), #matrixTable tr th:nth-child(4) {
  width: calc(630px / 5);
}

#matrixTable tr td:nth-child(5), #matrixTable tr th:nth-child(5) {
  width: calc(630px / 5);
}

#matrixTable tr td:nth-child(6), #matrixTable tr th:nth-child(6) {
  width: calc(630px / 5);
}

#matrixTable tr td:nth-child(7), #matrixTable tr th:nth-child(7) {
  width: calc(630px / 5);
}

#matrixTable tr.level-1 {
  z-index: 99;
}

#matrixTable tr.level-1 td:nth-child(2), #matrixTable tr.level-1 th:nth-child(2) {
  width: 406px;
}

#matrixTable tr.level-1 td:nth-child(3), #matrixTable tr.level-1 th:nth-child(3) {
  width: calc(630px / 5);
}

#matrixTable tr.level-1 td:nth-child(4), #matrixTable tr.level-1 th:nth-child(4) {
  width: calc(630px / 5);
}

#matrixTable tr.level-1 td:nth-child(5), #matrixTable tr.level-1 th:nth-child(5) {
  width: calc(630px / 5);
}

#matrixTable tr.level-1 td:nth-child(6), #matrixTable tr.level-1 th:nth-child(6) {
  width: calc(630px / 5);
}

#matrixTable tr.level-1 td:nth-child(7), #matrixTable tr.level-1 th:nth-child(7) {
  width: calc(630px / 5);
}

#matrixTable tr.level-2 {
  z-index: 98;
}

#matrixTable tr.level-2 td:first-child::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  border: 1px dashed #5F6269;
  top: 30px;
  left: -30px;
}

#matrixTable tr.level-2 td:first-child::after {
  content: "";
  position: absolute;
  height: 52px;
  width: 1px;
  border: 1px dashed #5F6269;
  top: -23px;
  left: -30px;
}

#matrixTable tr.level-2 td:nth-child(2), #matrixTable tr.level-2 th:nth-child(2) {
  /* width: 346px; */
  width: 360px;
}

#matrixTable tr.level-3 {
  z-index: 97;
}

#matrixTable tr.level-3 td:first-child::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  border: 1px dashed #ACB0B8;
  top: 30px;
  left: -30px;
}

#matrixTable tr.level-3 td:first-child::after {
  content: "";
  position: absolute;
  height: 52px;
  width: 1px;
  border: 1px dashed #ACB0B8;
  top: -23px;
  left: -30px;
}

#matrixTable tr.level-3 td:nth-child(2), #matrixTable tr.level-3 th:nth-child(2) {
  width: 315px;
}

#matrixTable tr.level-4 {
  z-index: 96;
}

#matrixTable tr.level-4 td:first-child::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  border: 1px dashed #DCDEE2;
  top: 30px;
  left: -30px;
}

#matrixTable tr.level-4 td:first-child::after {
  content: "";
  position: absolute;
  height: 52px;
  width: 1px;
  border: 1px dashed #DCDEE2;
  top: -23px;
  left: -30px;
}

#matrixTable tr.level-4 td:nth-child(2), #matrixTable tr.level-4 th:nth-child(2) {
  width: 268px;
}

#matrixTable tr.level-5 {
  z-index: 95;
}

#matrixTable tr.level-5 td:first-child::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 1px;
  border: 1px dashed #E6E8EC;
  top: 30px;
  left: -30px;
}

#matrixTable tr.level-5 td:first-child::after {
  content: "";
  position: absolute;
  height: 52px;
  width: 1px;
  border: 1px dashed #E6E8EC;
  top: -23px;
  left: -30px;
}

#matrixTable tr.level-5 td:nth-child(2), #matrixTable tr.level-5 th:nth-child(2) {
  width: 221px;
}

#matrixTable thead {
  overflow: visible;
}

#matrixTable thead tr th {
  border: none;
}

#matrixTable tbody {
  overflow: visible;
}

#matrixTable tbody td {
  border: none;
}

#matrixTable tbody .level {
  position: relative;
}

#matrixTable tbody .level:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 35px;
  top: calc(50% - 6px);
}

#matrixTable tbody .level.level-1 {
  color: #FD7F1E;
}

#matrixTable tbody .level.level-1::after {
  top: calc(50% - 6px);
  background-color: #FD7F1E;
}

#matrixTable tbody .level.level-2 {
  color: #A238EB;
}

#matrixTable tbody .level.level-2::after {
  width: 10px;
  height: 10px;
  top: calc(50% - 5px);
  background-color: #A238EB;
}

#matrixTable tbody .level.level-3 {
  color: #1171DA;
}

#matrixTable tbody .level.level-3::after {
  top: calc(50% - 4px);
  width: 8px;
  height: 8px;
  background-color: #1171DA;
}

#matrixTable tbody .level.level-4 {
  color: #06BB00;
}

#matrixTable tbody .level.level-4::after {
  top: calc(50% - 3px);
  width: 6px;
  height: 6px;
  background-color: #06BB00;
}

#matrixTable tbody .level.level-5 {
  color: #818181;
}

#matrixTable tbody .level.level-5::after {
  top: calc(50% - 2px);
  width: 4px;
  height: 4px;
  background-color: #818181;
}

#matrixTable tbody tr:not(.noborder) {
  border: 1px solid #E6E8EC;
}

#matrixTable tbody tr.noborder > td {
  border: none;
  padding: 0px !important;
  padding-left: 60px !important;
}

#matrixTable tbody button#addButton {
  border-radius: 50%;
  border: 0;
  width: 18px;
  height: 18px;
  background-color: #B9BDC5;
  color: #fff;
  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;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

#matrixTable tbody button#addButton i {
  font-size: 10px !important;
  line-height: 18px;
}

#matrixTable tbody button#addButton.remove {
  background-color: #1062FE;
}

@media (max-width: 1200px) {
  #matrixTable tr td:nth-child(7), #matrixTable tr th:nth-child(7) {
    display: none;
  }
  #matrixTable tr td:nth-child(3), #matrixTable tr th:nth-child(3) {
    width: calc(450px / 4);
  }
  #matrixTable tr td:nth-child(4), #matrixTable tr th:nth-child(4) {
    width: calc(450px / 4);
  }
  #matrixTable tr td:nth-child(5), #matrixTable tr th:nth-child(5) {
    width: calc(450px / 4);
  }
  #matrixTable tr td:nth-child(6), #matrixTable tr th:nth-child(6) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-1 td:nth-child(2), #matrixTable tr.level-1 th:nth-child(2) {
    width: 386px;
  }
  #matrixTable tr.level-1 td:nth-child(3), #matrixTable tr.level-1 th:nth-child(3) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-1 td:nth-child(4), #matrixTable tr.level-1 th:nth-child(4) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-1 td:nth-child(5), #matrixTable tr.level-1 th:nth-child(5) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-1 td:nth-child(6), #matrixTable tr.level-1 th:nth-child(6) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-2 td:nth-child(2), #matrixTable tr.level-2 th:nth-child(2) {
    width: 326px;
  }
  #matrixTable tr.level-2 td:nth-child(3), #matrixTable tr.level-2 th:nth-child(3) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-2 td:nth-child(4), #matrixTable tr.level-2 th:nth-child(4) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-2 td:nth-child(5), #matrixTable tr.level-2 th:nth-child(5) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-2 td:nth-child(6), #matrixTable tr.level-2 th:nth-child(6) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-3 td:nth-child(2), #matrixTable tr.level-3 th:nth-child(2) {
    width: 266px;
  }
  #matrixTable tr.level-3 td:nth-child(3), #matrixTable tr.level-3 th:nth-child(3) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-3 td:nth-child(4), #matrixTable tr.level-3 th:nth-child(4) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-3 td:nth-child(5), #matrixTable tr.level-3 th:nth-child(5) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-3 td:nth-child(6), #matrixTable tr.level-3 th:nth-child(6) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-4 td:nth-child(2), #matrixTable tr.level-4 th:nth-child(2) {
    width: 206px;
  }
  #matrixTable tr.level-4 td:nth-child(3), #matrixTable tr.level-4 th:nth-child(3) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-4 td:nth-child(4), #matrixTable tr.level-4 th:nth-child(4) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-4 td:nth-child(5), #matrixTable tr.level-4 th:nth-child(5) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-4 td:nth-child(6), #matrixTable tr.level-4 th:nth-child(6) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-5 td:nth-child(2), #matrixTable tr.level-5 th:nth-child(2) {
    width: 146px;
  }
  #matrixTable tr.level-5 td:nth-child(3), #matrixTable tr.level-5 th:nth-child(3) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-5 td:nth-child(4), #matrixTable tr.level-5 th:nth-child(4) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-5 td:nth-child(5), #matrixTable tr.level-5 th:nth-child(5) {
    width: calc(450px / 4);
  }
  #matrixTable tr.level-5 td:nth-child(6), #matrixTable tr.level-5 th:nth-child(6) {
    width: calc(450px / 4);
  }
}

@media (max-width: 1200px) and (max-width: 991px) {
  #matrixTable {
    min-width: 896px;
  }
}

#infoModal .modal-header {
  padding: 17px 31px;
}

.info.info-trees .btn.btn-info, .info.info-trees .form-control {
  height: 44px;
}

.info.info-trees hr {
  height: 1px;
  background-color: #E6E8EC;
}

.info.info-trees #binaryTable svg path {
  stroke: #DCDEE2;
}

.info.info-trees #binaryTable .node {
  height: 44px;
  border: 1px solid #E6E8EC;
  border-radius: 4px;
  padding: 0px;
  -webkit-transition: background 0.24s ease, border 0.24s ease;
  transition: background 0.24s ease, border 0.24s ease;
}

.info.info-trees #binaryTable .node img {
  opacity: 0;
  height: 100%;
  width: 36px;
  position: relative;
  z-index: 9999;
}

.info.info-trees #binaryTable .node .node-name {
  padding: 10px 12px;
  margin-left: 36px;
  border-left: 1px solid #E6E8EC;
  /* font-family: Poppins; */ 
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: background 0.24s ease, border 0.24s ease;
  transition: background 0.24s ease, border 0.24s ease;
}

.info.info-trees #binaryTable .node .node-name::before {
  content: "\e927";
  font-family: lagom-small-icons !important;
  color: #B9BDC5;
  position: absolute;
  left: 12px;
  width: 12px;
  height: 12px;
  top: calc(50% - 12px);
}

.info.info-trees #binaryTable .node.right {
  border-color: #AFE7A9;
  background: #EDF7EC;
}

.info.info-trees #binaryTable .node.right .node-name {
  border-color: #AFE7A9;
}

.info.info-trees #binaryTable .node.right .node-name::before {
  color: #35B65E;
}

.info.info-trees #binaryTable .node.left {
  border-color: #AFD5FE;
  background: #E3EFFC;
}

.info.info-trees #binaryTable .node.left .node-name {
  border-color: #AFD5FE;
}

.info.info-trees #binaryTable .node.left .node-name::before {
  color: #1062FE;
}

.info.info-trees #binaryTable .node.collapsed {
  border-color: #E6E8EC;
  background: #F9F9F9;
}

.info.info-trees #binaryTable .node.collapsed .node-name {
  border-color: #E6E8EC;
}

.info.info-trees #binaryTable .node.collapsed .node-name::before {
  color: #B9BDC5;
}
.modal#infoModal .modal-header {
  background-color: #fff;
  padding: 18px 24px;
}
.modal#infoModal .modal-header .close {
  font-size: 30px;
}
.modal#infoModal .modal-header .modal-title {
  color: #0c0d0f;
}
.modal#infoModal .modal-body {
  padding: 24px;
}
.modal#infoModal .client-info {
  flex-direction: column;
  justify-content: center;
  border-radius: 6px;
  margin-bottom: 16px;
}
.modal#infoModal .client-info.qualified {
  border: 1px solid #35b65e;
}
.modal#infoModal .client-info.qualified .info-header {
  background-color: #35b65e;
}
.modal#infoModal .client-info.notqualified {
  border: 1px solid #f28412;
}
.modal#infoModal .client-info.notqualified .info-header {
  background-color: #f28412;
}
.modal#infoModal .client-info.inactive {
  border: 1px solid #5f6269;
}
.modal#infoModal .client-info.inactive .info-header {
  background-color: #5f6269;
}
.modal#infoModal .client-info .info-header {
  padding: 16px 16px 22px 16px;
  text-align: center;
}
.modal#infoModal .client-info .info-header h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 4px;
}
.modal#infoModal .client-info .info-header p {
  color: #fff;
  font-weight: 300;
  font-size: 25px;
}
.modal#infoModal .client-info .info-body {
  padding: 16px;
  text-align: center;
}
.modal#infoModal .client-info .info-body div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.modal#infoModal .client-info .info-body .status {
  margin-bottom: 8px;
}
.modal#infoModal .client-info .info-body .status h5 {
  font-size: 14px;
}
.modal#infoModal .client-info .info-body h5 {
  color: #5f6269;
  font-weight: 400;
  font-size: 13px;
}
.modal#infoModal .client-info .info-body p {
  color: #0c0d0f;
  font-size: 13px;
  font-weight: 500;
  margin-left: 5px;
}
.modal#infoModal #status {
  display: inline-flex;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px;
  text-transform: capitalize;
  font-weight: 400;
}
.modal#infoModal #status.qualified {
  background-color: #edf7ec;
  color: #35b65e;
}
.modal#infoModal #status.notqualified {
  background-color: #ffe9d2;
  color: #f28412;
}
.modal#infoModal #status.inactive {
  background-color: #e6e8ec;
  color: #5f6269;
}
.modal#infoModal .client-points, .modal#infoModal .client-downline {
  border-bottom: 1px solid #e6e8ec;
  padding: 16px 0;
}
.modal#infoModal .client-direction {
  padding-top: 16px;
}
.modal#infoModal .client-direction h5 {
  color: #0c0d0f;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.modal#infoModal .client-direction .directions {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 16px;
}
.modal#infoModal .client-direction .direction {
  padding: 16px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 49%;
}
.modal#infoModal .client-direction .direction p {
  font-size: 28px;
  color: #acb0b8;
}
.modal#infoModal .client-direction .direction span {
  font-size: 32px;
  font-weight: 600;
}
.modal#infoModal .client-direction .direction h5 {
  margin-bottom: 24px;
}
.modal#infoModal .client-direction .direction-left {
  background: #e3effc;
}
.modal#infoModal .client-direction .direction-left i {
  color: #1062fe;
  margin-right: 6px;
}
.modal#infoModal .client-direction .direction-left span {
  color: #1062fe;
}
.modal#infoModal .client-direction .direction-right {
  background: #edf7ec;
}
.modal#infoModal .client-direction .direction-right i {
  color: #35b65e;
  margin-left: 6px;
}
.modal#infoModal .client-direction .direction-right span {
  color: #35b65e;
}
.modal#infoModal .container {
  max-width: 100%;
}
.modal#infoModal .col-md-6 {
  padding: 0;
}
.modal#infoModal .col-md-6 + .col-md-6 {
  margin-bottom: 8px;
}
.modal#infoModal h5 {
  color: #5f6269;
  font-weight: 400;
  font-size: 14px;
} 
.modal#infoModal p {
  font-size: 17px;
  color: #0c0d0f;
  font-weight: 300;
}

@media (min-width: 768px) {
  #infoModal .modal-dialog {
    width: 580px;
  }
}
@media (max-width: 768px) {
  .modal#infoModal .client-direction .directions {
    flex-direction: column;
  }
  .modal#infoModal .client-direction .directions .direction {
    width: 100%;
  }
  .modal#infoModal .client-direction .directions .direction-right {
    margin-top: 8px;
  }
}
@media (max-width: 650px) {
  .withdraw-history {
    overflow-x: scroll;
  }
  #withdrawHistoryTable_wrapper {
    min-width: 570px;
  }
}
/* Site */

.site {
  /* font-family: 'Poppins', sans-serif; */
  font-weight: 300;
  background-color: transparent;
}
.site a:not(.btn) {
  color: #353bdb;
}
.site .text-primary {
  color: #353bdb !important;
}
.site .banner-graphic {
  margin-right: 100px;
}
.site .btn {
  border-radius: 8px;
}
.site .btn-primary {
  background-color: #353bdb;
  border-color: #353bdb;
}
.site .btn-info {
  color: #353bdb;
  background-color: #dfdfff;
  border-color: #dfdfff;
}
.site .tile .stat {
  color: #353bdb;
}
.site .site-section {
  padding: 70px 0;
}
.site .site-banner {
  background: transparent;
}
.site .site-banner:before {
  display: none;
}
.site .site-banner .banner-title {
  color: #3a4368;
}
.site .site-banner .banner-desc p {
  color: #626d92;
  font-size: 24px;
}
.site .site-banner .banner-actions .btn {
  min-width: 200px;
}
.site .site-banner + .site-section {
  background: transparent;
}
.site.site-marketgoo .section-tiles .number {
  color: #353bdb;
  border: 2px solid #353bdb;
}
.site .section-desc .check-list li .lm-check {
  color: #353bdb;
}
.site #emergency {
  border: 1px solid #353bdb;
}
.site #emergency .feature-wrapper .feature-number {
  color: #353bdb;
}
.site .banner-promo {
  color: #353bdb;
}
.site .banner-promo .btn-info {
  background: #353bdb;
  border-color: #353bdb;
}
.site .banner-promo .btn-info:hover {
  background: #353bdb;
  border-color: #353bdb;
}
.site .section-title + .section-desc {
  margin-top: 0;
}
.site .title-margin {
  margin-bottom: 80px !important;
}
.site .title-margin-40 {
  margin-bottom: 40px !important;
}
.site .section-content .section-title {
  font-size: 28px;
}
.site .section-dark {
  background: transparent;
}
.site .section-dark .section-title {
  color: #3a4368;
}
.site .section-pricing .cycle-switcher .btn-group .btn-default.cycle-change.active {
  background-color: #353bdb;
}
.site .section-video {
  background: transparent;
}
.site .site-section {
  background: transparent;
}
.site .site-section .bg-img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  min-height: 750px;
}
@media (max-width: 992px) {
  .site .site-section .bg-img {
    display: none;
 }
}
.site .site-section.section-img {
  min-height: 750px;
  display: flex;
  align-items: center;
}
.site .section-bg-img {
  background-image: url("/templates/lagom/assets/img/bg_cloud2.svg") !important;
  background-repeat: no-repeat !important;
  padding-top: 120px;
  background-position-x: center !important;
}
@media (min-width: 1200px) {
  .site .section-bg-img {
    padding-bottom: 190px;
 }
}
@media (max-width: 1199px) {
  .site .section-bg-img {
    padding-bottom: 80px;
 }
}
@media (max-width: 992px) {
  .site .section-bg-img {
    background: none !important;
 }
}
@media (max-width: 3000px) {
  .site .section-bg-img-lg {
    background-size: cover !important;
 }
}
@media (max-width: 2400px) {
  .site .section-bg-img-sm {
    background-size: cover !important;
 }
}
.site .section-bg-next {
  padding-top: 10px;
}
.site .feature.feature-boxed {
  border-color: #e6e8ec;
  border-radius: 12px;
}
.site .check-features .lm-check {
  color: #353bdb;
}
.site-bottom-clouds {
  background: url("/templates/lagom/assets/img/footer_cloud.svg");
  background-repeat: no-repeat;
  background-position: center;
  padding: 134px 0;
  display: none;
}
.site .panel-accordion {
  border-radius: 12px;
}
.site .panel-accordion + .panel-accordion {
  margin-top: 16px;
}
.site .panel-accordion.is-open {
  border-color: #353bdb;
  border-bottom: 1px solid #353bdb;
}
.site .panel-accordion.is-open .panel-heading .panel-title {
  color: #353bdb;
}
.site .panel-accordion.is-open .panel-heading .panel-title .lm-plus {
  color: #353bdb;
}
.site .panel-accordion:hover {
  border-color: #353bdb;
}
.site .testimonials-avatar span {
  background-color: #353bdb;
}
.site .slider-slide .irs-bar {
  background: #4e54ec;
}
.site .slider-slide .irs-line:before {
  background: #4e54ec;
}
.site .slider-slide .irs-slider {
  background: #353bdb;
}
.site .slider-slide .irs-slider .active, .site .slider-slide .irs-slider:active, .site .slider-slide .irs-slider:focus, .site .slider-slide .irs-slider:hover {
  background: #5257ff;
}
.site .slider-actions-btn.active {
  border-color: #353bdb;
  color: #353bdb;
}
.site .slider-actions-btn.active:before {
  border-color: #353bdb;
}
.site .get-started-right .btn-info {
  background-color: #353bdb;
  border-color: #353bdb;
}
.site .get-started-right .btn-info:hover {
  background-color: #353bdb;
  border-color: #353bdb;
}
.site .get-started .choose-product .btn.active {
  border-color: #353bdb;
}
.site .get-started .choose-product .btn.active span i {
  color: #353bdb;
  border: 2px solid #353bdb;
}
.site .package-price + .package-features:after {
  background: #353bdb;
}
.site .package-content > .package-features:after {
  background: #353bdb;
}
.site .package .package-desc + .package-price:before {
  background: #353bdb;
}
.site .nav-tabs > li > a {
  color: #7c8088;
}
.page-products, .page-with-banner {
  background: url("/templates/lagom/assets/img/new_header.svg");
  background-repeat: no-repeat;
  background-position-x: center; 
}
.page-products:not(.page-homepage) .site-bottom-clouds, .page-with-banner:not(.page-homepage) .site-bottom-clouds {
  display: block !important;
}
.page-products:not(.page-homepage) .site-footer, .page-with-banner:not(.page-homepage) .site-footer {
  padding-top: 70px;
}
.page-products #header, .page-with-banner #header, .page-products .navbar-main, .page-with-banner .navbar-main {
  background-color: transparent;
  box-shadow: none;
}
.page-products .main-body, .page-with-banner .main-body {
  background-color: transparent;
}
@media(max-width: 991px) {
  .page-products.menu-open .navbar-main,
  .page-with-banner.menu-open .navbar-main,
  .lagom.menu-open .navbar-main{
    background-color: #F6F7F9;
  }
  .lagom .navbar-main .navbar-nav>li>a {
    color: #5F5F5F;
    font-weight: 500;
  }
  .lagom .navbar-main .navbar-nav>li.active>a .ls-caret,
  .lagom .navbar-main .navbar-nav>li.active>a:focus .ls-caret,
  .lagom .navbar-main .navbar-nav>li.active>a:focus>i,
  .lagom .navbar-main .navbar-nav>li.active>a:hover .ls-caret,
  .lagom .navbar-main .navbar-nav>li.active>a:hover>i,
  .lagom .navbar-main .navbar-nav>li.active>a>i,
  .lagom .navbar-main .navbar-nav>li.open>a .ls-caret,
  .lagom .navbar-main .navbar-nav>li.open>a:focus .ls-caret,
  .lagom .navbar-main .navbar-nav>li.open>a:focus>i,
  .lagom .navbar-main .navbar-nav>li.open>a:hover .ls-caret,
  .lagom .navbar-main .navbar-nav>li.open>a:hover>i,
  .lagom .navbar-main .navbar-nav>li.open>a>i,
  .lagom .navbar-main .navbar-nav>li a:focus .ls-caret,
  .lagom .navbar-main .navbar-nav>li a:focus>i,
  .lagom .navbar-main .navbar-nav>li a:hover .ls-caret,
  .lagom .navbar-main .navbar-nav>li a:hover>i {
    color: #353BDB;
  }
  .lagom .navbar-main .navbar-nav>li>a .ls-caret {
    color: #B9BDC5;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu>li>a {
    color: #5F5F5F;
    font-weight: 500;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu>li>a:hover{
    color: #353BDB;
  }
  .navbar-main .navbar-nav > li.open b,
  .navbar-main .navbar-nav > li.open > a,
  .navbar-main .navbar-nav > li > a:hover,
  .navbar-main .navbar-nav > li > a:active,
  .navbar-main .navbar-nav > li > a:focus{
    color: #353BDB!important;
  }
  .lagom .navbar-main .navbar-collapse {
    margin-top: -16px;
  }
  body {
    padding-top: 0;
  }
  .app-main {
    padding-top: 0;
  }
}
.site .site-subnav .nav li.active a, .site .site-subnav .nav li a:active:hover, .site .site-subnav .nav li a:focus, .site .site-subnav .nav li a:hover {
  color: #353bdb;
}
.site .site-subnav .nav li.active a:after, .site .site-subnav .nav li a:active:hover:after, .site .site-subnav .nav li a:focus:after, .site .site-subnav .nav li a:hover:after {
  background: #353bdb;
}
.site .svg-graphic-primary {
  fill: #353bdb;
}
.site .svg-graphic-stroke-primary {
  stroke: #353bdb;
}
.site .feature-icon > i {
  color: #353bdb;
}
.site .sl-st0 {
  fill: #6959ae;
}
.site .sl-st1 {
  fill: #bab9fd;
}
.site .st1 {
  fill: #aba9fd;
}
.site .st2 {
  fill: #cdcdff;
}
.site .st3 {
  fill: #c6c5ee;
}
.site .st4 {
  fill: #8c80bf;
  opacity: 0.48;
  enable-background: new;
}
.site .st5 {
  fill: #6959ae;
}
.site .st6 {
  fill: #dfdfff;
}
.site .st7 {
  opacity: 0.48;
}
.site .st8 {
  fill: #d6d6ff;
}
.site .st9 {
  fill: #8c80bf;
}
.site .svg-icon .prime {
  fill: #4752c0;
  stroke: #4752c0;
}
.site .svg-icon .prime-l {
  fill: #a1a9ef;
  stroke: #a1a9ef;
}
.site .svg-icon .dark {
  fill: #52419b;
}
.site .section-dark .feature-content .feature-desc,
.site .section-dark .section-subtitle{
  color: #626d92;
}
.site .section-dark .feature-content .feature-title {
  color: #3a4368;
}
.site-index .section-dark .svg-icon .outline {
  stroke: #2a2e36;
}
.site .banner-actions .btn-outline {
  display: none;
}
@media(max-width: 991px) {
  .top-nav.main .fa-shopping-bag{
    display: none;
  }
  .page-homepage .section-light .row-eq-height .col-lg-4.col-sm-6 {
    max-width: 100%;
  }
  .lagom:not(.page-with-banner) .navbar-main {
    background: #F6F7F9;
  }
  .app-nav {
    background-color: #F6F7F9;
  }
  .lagom .navbar-main .navbar-nav .dropdown-menu>li.active>a,
  .lagom .navbar-main .navbar-nav .dropdown-menu>li>a:focus,
  .lagom .navbar-main .navbar-nav .dropdown-menu>li>a:hover {
    color: #353BDB;
  }
}
@media(max-width: 1200px) {
  .page-homepage .swiper-slide {
    min-width: 220px;
  }
}
@media(max-width: 586px) {
  .page-homepage .search-box .form-control {
    width: 74%;
  }
}
@media(max-width: 506px) {
  .page-homepage .search-box .form-control {
    width: 75%;
  }
}
.page-homepage #search_domain-block {
  background-image: none;
}
#search_domain-block h1{
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1em;
  margin-bottom: 32px;
}
#search_domain-block .section-subtitle {
  margin-top: 0;
}

/* .radio-inline > .addon-selector {
  visibility: visible !important;
  opacity: 100 !important;
} */

/* Direct Admin fix */
.page-directadminextended #dnsRecordsTable .lu-table tr td:nth-child(3) {
  line-break: anywhere;
}
/*# sourceMappingURL=custom-styles.css.map */