/*!
 * Start Bootstrap -  v0.1.0 ()
 * Copyright 2013-2022 
 * Licensed under  (https://github.com/BlackrockDigital/ola/blob/master/LICENSE)
 */

@charset "UTF-8";
/*!--------------------------------------------------------------------------------

    Theme Name: Frontend Seed 4
    Version:    1.4.3
    Author:     trungnghia112 <trungnghia112@gmail.com>

-----------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap");
/*p {
  @include font-size(14px)
}*/
/*body {
  @include background-image('pattern');
}*/
/*
@include keyframes(slide-down) {
  0% { opacity: 1; }
  90% { opacity: 0; }
}

.element {
  width: 100px;
  height: 100px;
  background: black;
  @include animation('slide-down 5s 3');
}*/
/*
.faded-text {
  @include opacity(0.8);
}
*/
/*.parent {
  position: relative;
}

.child {
  &.both {
    @include center;
  }

  &.horizontal {
    @include center(true, false);
  }

  &.vertical {
    @include center(false, true);
  }
}*/
.fz30 {
  font-size: 30px !important;
}

.fz29 {
  font-size: 29px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz27 {
  font-size: 27px !important;
}

.fz26 {
  font-size: 26px !important;
}

.fz25 {
  font-size: 25px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz23 {
  font-size: 23px !important;
}

.fz22 {
  font-size: 22px !important;
}

.fz21 {
  font-size: 21px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz19 {
  font-size: 19px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz17 {
  font-size: 17px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz15 {
  font-size: 15px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz13 {
  font-size: 13px !important;
}

.fz12 {
  font-size: 12px !important;
}

.fz11 {
  font-size: 11px !important;
}

.fz10 {
  font-size: 10px !important;
}

.fz9 {
  font-size: 9px !important;
}

.m50 {
  margin: 50px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.m45 {
  margin: 45px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.p45 {
  padding: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.m40 {
  margin: 40px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.m35 {
  margin: 35px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.p35 {
  padding: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.m30 {
  margin: 30px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.m25 {
  margin: 25px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.p25 {
  padding: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.m20 {
  margin: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.m15 {
  margin: 15px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.m10 {
  margin: 10px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.m5 {
  margin: 5px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.m0 {
  margin: 0px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.body .main .dropdown .dropdown-menu-ola,
.body .header .dropdown .dropdown-menu-ola {
  transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  display: block;
  font-size: 15px;
}

.body .main .dropdown .dropdown-menu-ola.show,
.body .header .dropdown .dropdown-menu-ola.show {
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}

.input-group-append {
  border: 1px solid #ced4da;
  border-left: 0;
  border-radius: 0 0.25rem 0.25rem 0;
  position: relative;
  z-index: 1;
  margin-left: -4px;
  background-color: #fff;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

.row-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.row-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.row-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@media screen and (max-width: 575px) {
  .row-xs-wrap {
    flex-wrap: wrap;
  }
  .row-xs-wrap > div {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 767px) {
  .row-md-wrap {
    flex-wrap: wrap;
  }
  .row-md-wrap > div {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 991px) {
  .row-lg-wrap {
    flex-wrap: wrap;
  }
  .row-lg-wrap > div {
    margin-bottom: 16px;
  }
}

.dropdown-menu-ola {
  margin-top: 8px;
  border: 0;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.dropdown-menu-ola-search {
  padding: 9px 12px;
  border-bottom: 0.5px solid #E9EBF6;
  margin-bottom: 12px;
}

.dropdown-menu-ola-search > input {
  border-radius: 8px;
  border: 1px solid #E9EBF6;
  width: 100%;
  height: 36px;
  background-color: #F8F8FD;
  padding: 0 16px;
}

.dropdown-menu-ola-search > input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 14px;
}

.dropdown-menu-ola-search > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 14px;
}

.dropdown-menu-ola-search > input::placeholder {
  color: #696D74;
  font-size: 14px;
}

.dropdown-menu-ola-search > input:focus {
  border: 1px solid #E9EBF6;
  outline: none;
}

.dropdown-menu-ola .dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 1em;
}

.dropdown-menu-ola .dropdown-item-icon {
  width: 24px;
  height: auto;
  margin-right: 8px;
}

.dropdown-menu-ola .dropdown-item .ic {
  margin-right: 12px;
}

.dropdown-menu-ola .dropdown-item:hover .ic svg path {
  fill: #1166E3;
}

.daterangepicker td.active {
  background-color: #1166E3;
}

.daterangepicker td.active:hover {
  background-color: #1166E3;
}

.select2-selection__arrow b {
  border-style: solid !important;
  border-width: 2px 2px 0 0 !important;
  display: inline-block !important;
  height: 0.45em !important;
  left: 6px !important;
  position: relative !important;
  top: 8px !important;
  transform: rotate(135deg) !important;
  vertical-align: top !important;
  width: 0.45em !important;
  border-color: #172B4D !important;
  margin-left: 2px !important;
  margin-top: 4px !important;
}

.select2-dropdown {
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  border: 0;
  padding: 12px 0;
  width: auto !important;
}

.select2-dropdown .select2-search {
  border-bottom: 0.5px solid #E9EBF6;
  padding: 0 12px 9px;
  margin-bottom: 12px;
}

.select2-dropdown .select2-search__field {
  font-size: 14px;
  border: 1px solid #E9EBF6 !important;
  border-radius: 8px;
  background-color: #F8F8FD !important;
  height: 36px;
}

.select2-dropdown .select2-search__field:focus {
  outline: none;
}

.select2-dropdown .select2-results__options {
  width: auto;
  max-width: 240px;
}

.select2-dropdown .select2-results__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 12px 4px 12px;
}

.body .main__content {
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  color: #172B4D;
  background-color: #f0f2f4;
  position: relative;
}

.body .main__content > div:not(.top-banner) {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .top-banner .carousel {
  margin-top: 0;
}

@media screen and (min-width: 1200px) {
  .body .main__content .top-banner .carousel {
    margin: -24px -32px 30px;
  }
}

.body .main__content .campaign-chart {
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .campaign-chart .apexcharts-canvas {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 576px) {
  .body .main__content .campaign-chart .apexcharts-legend .apexcharts-legend-series {
    display: flex;
    width: 100%;
    min-width: 450px;
  }
}

.body .main__content .apexcharts-legend {
  padding: 0;
  font-size: 14px;
}

.body .main__content .apexcharts-legend .apexcharts-legend-series {
  margin: 0 !important;
  display: flex;
  align-items: flex-start;
  padding: 8px 10px;
  border-radius: 3px;
  transition: all 0.3s ease;
}

.body .main__content .apexcharts-legend .apexcharts-legend-series:hover {
  box-shadow: 0px 0px 8px rgba(198, 198, 198, 0.25);
}

.body .main__content .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker {
  margin-right: 10px !important;
  top: 2px !important;
  border-radius: 2px !important;
}

.body .main__content .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
  flex-grow: 1;
  width: 1%;
}

.body .main__content .btn {
  font-size: 14px;
}

.body .main__content .btn:hover {
  background-color: #F2F3F6;
}

.body .main__content .btn.btn-primary {
  background-color: #1166E3;
  border-radius: 8px;
}

.body .main__content .btn.btn-primary svg path {
  stroke: #fff;
}

.body .main__content .btn.btn-primary:hover, .body .main__content .btn.btn-primary:active {
  background-color: #4285F4;
  border-color: #4285F4;
}

.body .main__content .btn.btn-primary.outline {
  background-color: #fff;
  border: 1px solid #1166E3;
  color: #1166E3;
}

.body .main__content .btn.btn-primary-link {
  background-color: #eff3fe;
  color: #1166E3;
  padding: 12px 20px;
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
}

.body .main__content .btn.btn-primary-link svg path {
  stroke: #1166E3;
}

.body .main__content .btn.btn-primary:disabled {
  background-color: #B5B8CB;
  color: #fff;
  border-color: #B5B8CB;
}

.body .main__content .btn.btn-secondary {
  color: #172B4D;
  background-color: #F8F8FD;
  font-weight: bold;
  border: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.body .main__content .btn.btn-secondary:hover, .body .main__content .btn.btn-secondary:focus {
  opacity: 0.9;
  color: #172B4D;
  background-color: #F8F8FD;
}

.body .main__content .btn.btn-primary-light {
  color: #1166E3;
  background-color: #EFF3FE;
  font-weight: bold;
  font-size: 14px;
  border: 0;
  padding-left: 12px;
  padding-right: 12px;
}

.body .main__content .btn.btn-primary-light .ic {
  margin-top: -1px;
}

.body .main__content .btn.btn-primary-light .ic.arrow-right-3 path {
  stroke: #1166E3;
}

.body .main__content .btn.btn-primary-light:hover, .body .main__content .btn.btn-primary-light:focus {
  opacity: 0.9;
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__content .btn.btn-white {
  background-color: #fff;
  color: #172B4D;
  border: 0;
}

.body .main__content .btn.btn-white:hover {
  opacity: 0.9;
  background: #fff;
  color: #172B4D;
}

.body .main__content .btn.btn-link {
  padding: 0;
  color: #172B4D;
}

.body .main__content .btn.btn-link.pri-text {
  color: #1166E3;
}

.body .main__content .btn.btn-link:hover {
  background-color: transparent;
  text-decoration: none;
}

.body .main__content .btn.btn-anchor {
  color: #1166E3;
  font-weight: bold;
}

.body .main__content .btn.btn-anchor svg {
  margin-top: -2px;
  margin-left: 2px;
}

.body .main__content .btn.btn-anchor svg path {
  stroke: #1166E3;
}

.body .main__content .btn.btn-anchor.disabled {
  color: #B5B8CB !important;
}

.body .main__content .btn.btn-round {
  border-radius: 18px;
}

.body .main__content .btn.btn-bordered {
  border: 1px solid #E9EBF6;
}

.body .main__content .btn.btn-orange {
  border-radius: 10px;
  border-color: #FF754C;
  background-color: #FF754C;
  color: #fff;
  font-weight: bold;
}

.body .main__content .btn.btn-orange-outline {
  border-radius: 10px;
  border: 1px solid #FF754C;
  color: #FF754C;
  font-weight: bold;
  background-color: rgba(255, 117, 76, 0.1);
}

.body .main__content .btn.btn-dark {
  border: 0;
  height: 32px;
  background: #172B4D;
  border-radius: 10px;
  color: #fff;
}

.body .main__content .btn.btn-dark:hover {
  border: 0;
  opacity: 0.9;
  background: #172B4D;
  color: #fff;
}

.body .main__content .btn.btn-shade {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  min-width: unset !important;
}

@media (max-width: 1199px) {
  .body .main__content .btn.btn-shade {
    border-radius: 50%;
    height: 42px;
    width: 42px;
    padding: 0;
  }
}

.body .main__content .btn.btn-telegram {
  background-color: #0088CC;
  color: #fff;
  height: 40px;
  border-radius: 8px;
}

.body .main__content .btn.btn-youtube {
  background-color: #FF0000;
  color: #fff;
  height: 40px;
  border-radius: 8px;
}

.body .main__content .bold {
  font-weight: bold;
}

.body .main__content a {
  color: #172B4D;
  text-decoration: none;
}

.body .main__content a:hover, .body .main__content a:active, .body .main__content a:focus {
  text-decoration: none;
}

@media screen and (max-width: 1199px) {
  .body .main__content .row {
    margin: 0;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .col-12 {
    margin-bottom: 16px;
    padding: 0;
  }
}

.body .main__content .section-title {
  font-size: 16px;
  font-weight: bold;
}

.body .main__content .card {
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  padding: 24px 0 16px;
  border-top: 0.5px solid #E9EBF6;
  border-bottom: 0.5px solid #E9EBF6;
  border-left: 0;
  border-right: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 1199px) {
  .body .main__content .card {
    padding-bottom: 0;
  }
}

.body .main__content .card__content {
  padding: 0 16px;
}

.body .main__content .card__footer {
  margin-top: 20px;
  padding: 8px 24px 0;
  border-top: 0.5px solid #e9ebf6;
}

@media screen and (min-width: 1200px) {
  .body .main__content .card {
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(36, 35, 35, 0.08);
    border: 0;
  }
  .body .main__content .card__content {
    padding: 0 24px;
  }
}

.body .main .sidebar-backdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(10, 25, 48, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 250;
}

.body .main .sidebar-backdrop.show {
  display: block;
}

.body .main .hot-badge {
  background-color: #E63F16;
  border-radius: 4px;
  padding: 1px 4px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.body .gry-text {
  color: #696D74;
}

.body .gre-text {
  color: #19BC47;
}

.body .pri-text {
  color: #1166E3;
}

.body .yel-text {
  color: #FBBC04;
}

.body .ora-text {
  color: #FF754C;
}

.body .highlight-text {
  color: #B5B8CB;
}

.body .error-text {
  color: #E63F16;
}

.body .sm-text {
  font-size: 14px;
}

.body .xs-text {
  font-size: 12px;
  line-height: 16px;
}

.body .md-text {
  font-size: 24px;
  line-height: 24px;
}

.body .lg-text {
  font-size: 28px;
  line-height: 28px;
}

.body .title-size {
  font-size: 20px;
  line-height: 20px;
}

.body .sub-text {
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
  padding-left: 4px;
  color: #172B4D;
}

.body .sub-text svg {
  margin-top: -3px;
}

.body .sub-text.up {
  color: #19BC47;
}

.body .sub-text.down {
  color: #EA243A;
}

.body .nowrap {
  white-space: nowrap;
}

.body .header {
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  color: #172B4D;
  background-color: #0055D1;
  box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.04);
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 200;
  transition: left 0.2s ease-out;
  -moz-transition: left 0.2s ease-out;
  -webkit-transition: left 0.2s ease-out;
  -ms-transition: left 0.2s ease-out;
  -o-transition: left 0.2s ease-out;
}

.body .header__ref {
  background-color: #F8F8FD;
  padding: 4px 14px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}

.body .header__ref > div:first-of-type {
  margin-right: 12px;
}

.body .header__ref > div:first-of-type > span {
  font-size: 14px;
}

.body .header__ref > div:first-of-type > p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.body .header__divider {
  width: 0.5px;
  background-color: #E9EBF6;
  height: 32px;
  margin: 0 16px;
}

@media screen and (max-width: 1199px) {
  .body .header__divider {
    display: none;
  }
}

.body .header__search-mobile {
  margin-right: 10px;
}

.body .header__search-mobile-button:focus, .body .header__search-mobile-button:hover {
  background-color: transparent !important;
}

.body .header__search-mobile-button .ic svg {
  width: 21px;
}

.body .header__search-mobile-button .ic svg path {
  stroke: #fff;
}

@media screen and (max-width: 1199px) {
  .body .header__ref, .body .header__divider {
    display: none;
  }
  .body .header__search-member-mobile {
    margin-right: 12px;
  }
  .body .header__search-member-mobile svg path {
    stroke: white;
  }
  .body .header__search-member-mobile-button {
    border: 0;
    background-color: transparent;
  }
  .body .header__search-member-mobile-button svg {
    width: 24px;
    height: 24px;
  }
  .body .header__search-member-mobile-button:hover, .body .header__search-member-mobile-button:focus {
    background-color: transparent !important;
    outline: none;
  }
  .body .header__search-member-mobile-control {
    border: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    padding-left: 50px;
    padding-right: 16px;
    line-height: 60px;
    color: #fff;
  }
  .body .header__search-member-mobile-control::-webkit-input-placeholder {
    /* Edge */
    color: white;
  }
  .body .header__search-member-mobile-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
  }
  .body .header__search-member-mobile-control::placeholder {
    color: white;
  }
  .body .header__search-member-mobile-control:focus {
    outline: none;
    border: 0;
  }
  .body .header__search-member-mobile-control-wrapper {
    position: fixed;
    top: 0;
    background-color: #1166E3;
    z-index: -1;
    width: 100%;
    height: 60px;
    left: 0;
  }
  .body .header__search-member-mobile-control-wrapper.show {
    z-index: 1050;
  }
  .body .header__search-member-mobile-control-wrapper .ic.x {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

.body .header .btn {
  transition: all .3s ease;
}

.body .header .btn:hover {
  background-color: #F2F3F6;
}

.body .header .btn.btn-primary {
  background-color: #1166E3;
  border-radius: 8px;
}

.body .header .btn.btn-primary:hover, .body .header .btn.btn-primary:active {
  background-color: #4285F4;
  border-color: #4285F4;
}

.body .header .btn.btn-primary.outline {
  background-color: #fff;
  border: 1px solid #1166E3;
  color: #1166E3;
}

.body .header .btn.btn-link {
  padding: 0;
  color: #172B4D;
}

.body .header .btn.btn-link:hover {
  background-color: transparent;
  text-decoration: none;
}

.body .header .btn.btn-round {
  border-radius: 18px;
}

.body .header .bold {
  font-weight: bold;
}

.body .header a {
  color: #172B4D;
  text-decoration: none;
}

.body .header a:hover {
  text-decoration: none;
}

.body .header .navbar {
  height: 100%;
  background-color: #0055D1;
  padding: 0 15px;
}

.body .header .navbar.simple-navbar {
  background-color: #fff;
  justify-content: center !important;
}

.body .header .navbar .togglerSidebar .ic.bar svg {
  width: 32px;
  height: 32px;
}

.body .header .navbar-brand {
  display: flex;
}

.body .header .navbar-brand > h1 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  margin-bottom: 0;
  margin-left: 14px;
}

.body .header .navbar-brand img.d-xl-none {
  height: 50px;
}

.body .header .navbar__search {
  display: none;
}

@media screen and (min-width: 1200px) {
  .body .header .navbar__search {
    display: flex;
    margin-left: 125px;
  }
  .body .header .navbar__search > input,
  .body .header .navbar__search > button,
  .body .header .navbar__search > a {
    line-height: 44px;
    border: 0;
    background-color: #F8F8FD;
    height: 44px;
    margin: 0;
  }
  .body .header .navbar__search > input:active, .body .header .navbar__search > input:focus,
  .body .header .navbar__search > button:active,
  .body .header .navbar__search > button:focus,
  .body .header .navbar__search > a:active,
  .body .header .navbar__search > a:focus {
    border: 0;
    outline: 0;
  }
  .body .header .navbar__search > input {
    border-radius: 100px 0 0 100px;
    padding: 0 16px;
    font-size: 16px;
  }
  .body .header .navbar__search > input::-webkit-input-placeholder {
    /* Edge */
    color: #696D74;
  }
  .body .header .navbar__search > input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #696D74;
  }
  .body .header .navbar__search > input::placeholder {
    color: #696D74;
  }
  .body .header .navbar__search > button, .body .header .navbar__search > a {
    border-radius: 0 100px 100px 0;
    padding: 0 16px 0 12px;
  }
}

.body .header .navbar .right-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.body .header .navbar .right-nav .toggle-chart__icon svg {
  width: 32px;
  height: 32px;
}

.body .header .navbar .right-nav .configuration .btn {
  background-color: transparent;
}

.body .header .navbar .right-nav .configuration .btn:hover, .body .header .navbar .right-nav .configuration .btn:focus {
  background-color: transparent;
}

.body .header .navbar .right-nav .configuration__icon svg {
  width: 32px;
  height: 32px;
}

.body .header .navbar .right-nav .configuration__icon svg path {
  fill: #fff;
}

.body .header .navbar .right-nav .configuration__dropdown .dropdown-item {
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body .header .navbar .right-nav .configuration__dropdown .dropdown-item .ic {
  margin-right: 0;
}

.body .header .navbar .right-nav .configuration__dropdown .dropdown-item:not(:last-of-type) {
  border-bottom: 0.5px solid #E9EBF6;
}

@media screen and (max-width: 1199px) {
  .body .header .navbar .right-nav .configuration__dropdown {
    width: 100%;
    position: fixed;
    top: 60px;
    left: 0;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
    height: calc(100vh - 60px);
    background-color: transparent;
  }
  .body .header .navbar .right-nav .configuration__dropdown .dropdown-item {
    background-color: #fff;
  }
  .body .header .navbar .right-nav .configuration__dropdown .dropdown-backdrop {
    height: 100%;
    background-color: rgba(29, 52, 85, 0.7);
  }
}

.body .header .navbar .right-nav .notifications,
.body .header .navbar .right-nav .profile {
  display: none;
}

.body .header .navbar .right-nav .notifications {
  position: relative;
}

.body .header .navbar .right-nav .notifications .new {
  position: absolute;
  top: 5px;
  right: 12px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #EA243A;
}

.body .header .navbar .right-nav .profile {
  font-size: 15px;
}

.body .header .navbar .right-nav .profile__kyc-status {
  white-space: nowrap;
  color: #696D74;
  border-bottom: 0.5px solid #f0f0f0;
  padding: 4px 24px;
  display: flex;
  align-items: center;
}

.body .header .navbar .right-nav .profile__kyc-status-text {
  margin-right: 12px;
}

.body .header .navbar .right-nav .profile__kyc-status.active {
  color: #172B4D;
}

.body .header .navbar .right-nav .profile .handler {
  border: 1px solid #E9EBF6;
  border-radius: 40px;
  padding: 6px 6px;
  background-color: #fff;
  width: 84px;
  transition: all .3s ease;
}

.body .header .navbar .right-nav .profile .handler:hover {
  background-color: #EFF3FE;
  border-color: transparent;
}

.body .header .navbar .right-nav .profile .handler .ic svg {
  margin-left: 4px;
  margin-top: -2px;
}

.body .header .navbar .right-nav .profile .handler .sm-avatar {
  width: 32px;
  height: 32px;
  margin-left: 10px;
  object-fit: cover;
  border-radius: 50%;
}

@media screen and (min-width: 1200px) {
  .body .header {
    height: 70px;
    left: 0;
    background-color: #fff;
  }
  .body .header .navbar {
    padding: 0 30px;
    background-color: #fff;
  }
  .body .header .navbar .right-nav .notifications,
  .body .header .navbar .right-nav .profile {
    display: inline;
  }
  .body .header .navbar .right-nav .configuration__icon svg path {
    fill: #172B4D;
  }
}

@media screen and (max-width: 320px) {
  .body .header .navbar-brand > h1.small {
    font-size: 14px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__header .navbar .right-nav .configuration__dropdown {
    top: 88px !important;
  }
}

.footer-main {
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  position: relative;
  z-index: 100;
  color: #172B4D;
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.02);
  background-color: #fff;
  width: 100%;
  padding: 22px 16px;
}

.footer-main .link {
  display: inline-block;
  color: currentColor;
  text-decoration: none;
}

.footer-main .dropdown-toggle {
  outline: none !important;
}

.footer-main .dropdown-toggle:after {
  content: none;
}

.footer-main .dropdown-menu-ola {
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-main .dropdown-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-main .dropdown-menu a:hover {
  text-decoration: none !important;
}

.footer-main .dropdown.show .ic {
  display: inline-block;
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.footer-main .dropdown.show .dropdown-toggle {
  text-decoration: underline;
}

.footer-main .container {
  max-width: 950px;
}

.footer-logo {
  display: inline-block;
  padding: 0;
  margin: 0;
  line-height: 1;
  vertical-align: middle;
}

.footer-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.footer-nav > li:not(:last-child) {
  margin-bottom: 5px;
}

.footer-nav a {
  white-space: nowrap;
}

.footer-nav a:hover {
  text-decoration: underline;
}

.footer-bottom {
  padding: 18px 0 0;
  margin-top: 20px;
  border-top: 1px solid rgba(105, 109, 116, 0.2);
}

@media screen and (min-width: 768px) {
  .footer-main {
    padding: 22px 25px;
  }
}

@media screen and (min-width: 1200px) {
  .footer-main {
    padding: 22px 25px;
    margin-left: 235px;
    width: calc(100vw - 235px);
  }
}

@media screen and (max-width: 768px) {
  .footer-main {
    text-align: center;
    padding: 0;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.02);
    margin-top: 0;
  }
  .footer-main .social {
    justify-content: center;
  }
  .footer-main .row > .col {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .footer-main .row > .col:not(:last-child) {
    border-right: 1px solid rgba(105, 109, 116, 0.2);
  }
  .footer-bottom {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
  }
}

.social {
  display: flex;
  padding: 0;
  list-style-type: none;
  margin-left: -7px;
  margin-right: -7px;
  margin-bottom: 0;
}

.social > li {
  padding-left: 7px;
  padding-right: 7px;
}

.body .main {
  overflow-x: hidden;
}

.body .main__content {
  min-height: calc(100vh - 270px);
  padding: 0 0 16px;
  width: 100%;
  margin-top: 60px;
}

@media screen and (min-width: 1200px) {
  .body .main__content {
    margin-top: 70px;
    padding: 24px 32px;
  }
}

.body .main__content .header-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item {
  color: #4F5764;
  font-weight: 600;
  font-size: 15px;
  list-style: 20px;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item .ic {
  width: fit-content;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item .ic svg {
  width: 24px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item:not(:last-of-type)::after {
  content: "\2303";
  display: inline-block;
  color: #4F5764;
  font-size: 10px;
  line-height: 22px;
  margin: 0 8px 0 6px;
  transform: rotate(90deg) translateX(-2px);
  -moz-transform: rotate(90deg) translateX(-2px);
  -webkit-transform: rotate(90deg) translateX(-2px);
  -ms-transform: rotate(90deg) translateX(-2px);
  -o-transform: rotate(90deg) translateX(-2px);
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip {
  position: relative;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip:focus .header-breadcrumbs-item-tooltip {
  visibility: visible;
  opacity: 1;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip .header-breadcrumbs-item-tooltip {
  background-color: #fff;
  visibility: hidden;
  border: 0.5px solid #E9EBF6;
  border-radius: 4px;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  margin-left: -3px;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip .header-breadcrumbs-item-tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #fff;
  z-index: 3;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip .header-breadcrumbs-item-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #E9EBF6;
  z-index: 2;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip .header-breadcrumbs-item-tooltip-content {
  width: 170px;
  max-height: 240px;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip .header-breadcrumbs-item-tooltip-content li {
  height: 32px;
  line-height: 32px;
  font-weight: 600;
  font-size: 15px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip .header-breadcrumbs-item-tooltip-content li:hover {
  cursor: pointer;
  background-color: #EFF3FE;
}

.body .main__content .header-breadcrumbs .header-breadcrumbs-item.has-tooltip:hover {
  cursor: pointer;
}

.body .main .lang-modal .btn,
.body .main .currency-modal .btn {
  transition: all 0.3s ease;
}

.body .main .lang-modal .btn:hover:not(.btn-primary),
.body .main .currency-modal .btn:hover:not(.btn-primary) {
  background-color: #F2F3F6;
}

.body .main .lang-modal .btn.btn-link,
.body .main .currency-modal .btn.btn-link {
  color: #172B4D;
}

.body .main .lang-modal .btn.btn-link:hover,
.body .main .currency-modal .btn.btn-link:hover {
  background-color: transparent;
  text-decoration: none;
}

@media screen and (max-width: 1199px) {
  .body .main .lang-modal__dialog,
  .body .main .currency-modal__dialog {
    margin: 0;
  }
  .body .main .lang-modal__content,
  .body .main .currency-modal__content {
    border-radius: 0;
    height: 100vh;
    width: 100%;
  }
  .body .main .lang-modal__content .modal-body,
  .body .main .currency-modal__content .modal-body {
    overflow-y: auto;
    padding: 0;
  }
}

.body .main .lang-modal__header,
.body .main .currency-modal__header {
  height: 56px;
}

.body .main .lang-modal__header-title,
.body .main .currency-modal__header-title {
  display: block;
}

@media screen and (min-width: 1200px) {
  .body .main .lang-modal__header-title,
  .body .main .currency-modal__header-title {
    display: none;
  }
}

.body .main .lang-modal__header-close,
.body .main .currency-modal__header-close {
  line-height: 18px;
  font-size: 28px;
  padding: 0;
}

.body .main .lang-modal__body-title,
.body .main .currency-modal__body-title {
  font-size: 20px;
  font-weight: bold;
  display: none;
  margin-bottom: 12px;
}

@media screen and (min-width: 1200px) {
  .body .main .lang-modal__body-title,
  .body .main .currency-modal__body-title {
    display: block;
  }
}

.body .main .lang-modal__body-list,
.body .main .currency-modal__body-list {
  display: flex;
  flex-wrap: wrap;
}

.body .main .lang-modal__body-list-item,
.body .main .currency-modal__body-list-item {
  flex: 0 0 50%;
  text-align: left;
  height: 54px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main .lang-modal__body-list-item .icon,
.body .main .currency-modal__body-list-item .icon {
  display: none;
}

.body .main .lang-modal__body-list-item.active,
.body .main .currency-modal__body-list-item.active {
  background-color: #EFF3FE;
  color: #1166E3;
}

.body .main .lang-modal__body-list-item.active .icon,
.body .main .currency-modal__body-list-item.active .icon {
  display: inline;
}

.body .main .lang-modal__body-list-mobile-item,
.body .main .currency-modal__body-list-mobile-item {
  width: 100%;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}

.body .main .lang-modal__body-list-mobile-item img,
.body .main .currency-modal__body-list-mobile-item img {
  margin-right: 32px;
}

.body .main .lang-modal__body-list-mobile-item:not(:last-of-type),
.body .main .currency-modal__body-list-mobile-item:not(:last-of-type) {
  border-bottom: 0.5px solid #E9EBF6;
}

.body .main .lang-modal__body-list-mobile-item.active,
.body .main .currency-modal__body-list-mobile-item.active {
  color: #1166E3;
}

@media screen and (min-width: 768px) {
  .body .main .lang-modal__body-list-item,
  .body .main .currency-modal__body-list-item {
    flex: 0 0 33.333%;
  }
}

@media screen and (min-width: 992px) {
  .body .main .lang-modal__body-list-item,
  .body .main .currency-modal__body-list-item {
    flex: 0 0 20%;
  }
}

@media screen and (min-width: 992px) {
  .body .main .lang-modal .modal-lg,
  .body .main .lang-modal .modal-xl {
    max-width: 920px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content {
    margin-left: 235px;
    width: calc(100vw - 235px);
  }
}

.body .main__sidebar {
  font-family: "Nunito Sans", sans-serif;
  font-size: 15px;
  color: #172B4D;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  height: 100vh;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: -235px;
  width: 235px;
  padding-bottom: 22px;
  padding-top: 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  z-index: 300;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: 1px solid #f0f2f4;
}

.body .main__sidebar__header-mobile {
  height: 60px;
  min-height: 60px;
  padding-left: 16px;
}

.body .main__sidebar__header-ref {
  padding: 4px 16px 16px;
}

.body .main__sidebar__header-ref-code {
  border-radius: 8px;
  border: 0.5px dashed #E9EBF6;
  background: #F8F8FD;
  padding: 3px 0 3px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main__sidebar__header-ref-code-left {
  margin-top: -7px;
}

.body .main__sidebar__header-ref-code-left > span {
  font-size: 10px;
  line-height: 12px;
}

.body .main__sidebar__header-ref-code-left > strong {
  font-size: 16px;
  line-height: 14px;
}

.body .main__sidebar__header-ref-code-right .btn {
  border-left: 0.5px solid #E9EBF6 !important;
  padding: 0 12px;
}

.body .main__sidebar__header-ref-copied {
  display: none;
}

.body .main__sidebar__header-ref-copied > div {
  height: 37px;
  color: #19BC47;
  background: #dafff3;
  border: 0.5px solid #18c549;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body .main__sidebar__header-ref-copied > div .ic svg path {
  stroke: #19BC47;
}

.body .main__sidebar .togglerSidebar .ic svg {
  width: 32px;
  height: 32px;
}

.body .main__sidebar .togglerSidebar .ic svg path {
  stroke: #b5b8cb;
}

.body .main__sidebar .btn:hover {
  background-color: #F2F3F6;
}

.body .main__sidebar .btn.btn-primary {
  background-color: #1166E3;
  border-radius: 8px;
}

.body .main__sidebar .btn.btn-primary:hover, .body .main__sidebar .btn.btn-primary:active {
  background-color: #4285F4;
  border-color: #4285F4;
}

.body .main__sidebar .btn.btn-primary.outline {
  background-color: #fff;
  border: 1px solid #1166E3;
  color: #1166E3;
}

.body .main__sidebar .btn.btn-link {
  padding: 0;
  color: #172B4D;
}

.body .main__sidebar .btn.btn-link:hover {
  background-color: transparent;
  text-decoration: none;
}

.body .main__sidebar .btn.btn-round {
  border-radius: 18px;
}

.body .main__sidebar .btn.btn-bordered {
  border: 0.5px solid #E9EBF6;
}

.body .main__sidebar .bold {
  font-weight: bold;
}

.body .main__sidebar a {
  color: #172B4D;
  text-decoration: none;
}

.body .main__sidebar a:hover, .body .main__sidebar a:active, .body .main__sidebar a:focus {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .body .main__sidebar .col-12 {
    margin-bottom: 16px;
  }
}

.body .main__sidebar__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.body .main__sidebar__menu-item {
  position: relative;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.body .main__sidebar__menu-item a {
  display: block;
}

.body .main__sidebar__menu-item a:after {
  content: "";
  display: block;
  clear: both;
}

.body .main__sidebar__menu-item-after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  line-height: 1;
  z-index: 10;
}

.body .main__sidebar__menu-item-after .counter {
  display: inline-block;
  text-align: center;
  height: 22px;
  width: 22px;
  color: #fff;
  background-color: #EA243A;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}

.body .main__sidebar__menu-item-after .counter.urgent {
  background-color: #EA243A;
  color: #fff;
}

.body .main__sidebar__menu-item-after .counter.new {
  background-color: #E9EBF6;
}

.body .main__sidebar__menu-item-after.label {
  background: linear-gradient(180deg, #f44336 0%, #ff8d4d 100%);
  border-radius: 2px;
  padding: 1px 3px;
}

.body .main__sidebar__menu-item-after.label .ic {
  width: 25px;
  line-height: 12px;
  margin: 0;
}

.body .main__sidebar__menu-item-after.label .ic svg {
  margin-top: -2px;
}

.body .main__sidebar__menu-item-text {
  padding-left: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__sidebar__menu-item-text {
    padding-left: 30px;
  }
}

.body .main__sidebar__menu-item-text .ic {
  margin-right: 20px;
  min-width: 24px;
  text-align: center;
}

.body .main__sidebar__menu-item-controller {
  position: relative;
  cursor: pointer;
  height: 60px;
}

.body .main__sidebar__menu-item-submenu {
  clear: both;
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding-left: 0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  display: block;
}

.body .main__sidebar__menu-item-submenu-item {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  white-space: normal !important;
  padding-left: 72px;
}

.body .main__sidebar__menu-item-submenu-item.active {
  font-weight: 600;
  background-color: #EFF3FE;
}

.body .main__sidebar__menu-item:hover:not(.disabled) {
  background-color: #EFF3FE;
}

.body .main__sidebar__menu-item:hover:not(.disabled) .main__sidebar__menu-item-text {
  color: #1166E3;
}

.body .main__sidebar__menu-item:hover:not(.disabled) .main__sidebar__menu-item-text > a {
  color: #1166E3;
}

.body .main__sidebar__menu-item:hover:not(.disabled) .main__sidebar__menu-item-text .ic:not(.not-fill) svg path {
  fill: #1166E3;
}

.body .main__sidebar__menu-item:hover:not(.disabled) .main__sidebar__menu-item-after .ic svg g rect {
  fill: #1166E3;
}

.body .main__sidebar__menu-item.active:not(.has-children) {
  font-weight: 600;
  background-color: #EFF3FE;
}

.body .main__sidebar__menu-item.active:not(.has-children) .main__sidebar__menu-item-text {
  color: #1166E3;
  font-weight: 600;
}

.body .main__sidebar__menu-item.active:not(.has-children) .main__sidebar__menu-item-text .ic:not(.not-fill) svg path {
  fill: #1166E3;
}

.body .main__sidebar__menu-item.active:not(.has-children) .main__sidebar__menu-item-after .ic:not(.not-fill) svg g rect {
  fill: #1166E3;
}

.body .main__sidebar__menu-item.active.has-children {
  height: auto;
}

.body .main__sidebar__menu-item.active.has-children .ic {
  display: inline-block;
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.body .main__sidebar__menu-item.active.has-children .main__sidebar__menu-item-submenu {
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}

.body .main__sidebar__menu-item.active.has-children .main__sidebar__menu-item-submenu .main__sidebar__menu-item-submenu-item.active, .body .main__sidebar__menu-item.active.has-children .main__sidebar__menu-item-submenu .main__sidebar__menu-item-submenu-item:hover {
  color: #1166E3;
}

.body .main__sidebar__menu-item.active.has-children .main__sidebar__menu-item-submenu .main__sidebar__menu-item-submenu-item.active > a, .body .main__sidebar__menu-item.active.has-children .main__sidebar__menu-item-submenu .main__sidebar__menu-item-submenu-item:hover > a {
  color: #1166E3;
}

.body .main__sidebar__profile {
  display: flex;
  padding-left: 20px;
  padding-top: 20px;
  border-top: 0.5px solid #E9EBF6;
}

.body .main__sidebar__profile-avatar {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
  margin-top: 4px;
}

.body .main__sidebar__profile-info-name {
  font-size: 16px;
  line-height: 22px;
  display: block;
}

.body .main__sidebar__profile-info-setting {
  font-size: 14px;
  line-height: 16px;
  color: #1166E3 !important;
}

.body .main__sidebar__footer-img {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.body .main__sidebar__footer-content > p {
  font-size: 14px;
}

.body .main__sidebar__footer-content > strong {
  font-size: 16px;
  line-height: 16px;
}

.body .main__sidebar__footer-icon {
  margin-top: 16px;
}

@media screen and (min-width: 991px) {
  .body .main__sidebar {
    font-size: 16px;
  }
}

.body .main__campaign-sidebar {
  justify-content: flex-start;
}

.body .main__campaign-sidebar-cate-title {
  color: #696D74;
  padding-left: 32px;
  margin-top: 16px;
  margin-bottom: 16px;
}

.body .main__campaign-sidebar-cate-menu .main__sidebar__menu-item .main__sidebar__menu-item-text > img {
  width: 24px;
  margin-right: 16px;
}

.body .main__campaign-sidebar-cate-menu .main__sidebar__menu-item.active .main__sidebar__menu-item-text .ic svg path, .body .main__campaign-sidebar-cate-menu .main__sidebar__menu-item:hover .main__sidebar__menu-item-text .ic svg path {
  fill: none;
  stroke: #1166E3;
}

.body.main-active .main__sidebar {
  left: 0px;
}

@media screen and (min-width: 1200px) {
  .body .main__sidebar {
    padding-top: 70px;
    left: 0px;
    z-index: 100;
  }
}

@media screen and (min-width: 1200px) {
  .trans {
    transition: all 0.3s ease;
  }
  .trans:hover {
    opacity: 0.85;
  }
}

.rating-stars {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 84px;
  background: linear-gradient(180deg, #e7e0e0 0%, #ebeae2 21.35%, #fffaf1 50.03%, #e6e6e6 80.33%, #d8d8d8 100%);
  border-radius: 8px;
  padding: 3px 6px;
}

.rating-stars > img {
  height: auto;
  width: 12px;
  max-width: 12px;
}

.rating-stars > img:not(:last-of-type) {
  margin-right: 3px;
}

.rating-stars-profile {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  padding: 6px 13px;
  background: linear-gradient(180deg, #e7e0e0 0%, #ebeae2 21.35%, #fffaf1 50.03%, #e6e6e6 80.33%, #d8d8d8 100%);
}

.rating-stars-profile img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  object-position: center center;
}

.rating-stars-profile img:not(:last-of-type) {
  margin-right: 8px;
}

button:focus {
  outline: none;
}

.btn-share {
  font-weight: 700;
  border: 1px solid #dadada;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 4px 14px;
  transition: all 0.3s ease;
}

.btn-share > * {
  vertical-align: middle;
}

.btn-share img {
  display: inline-block;
  margin-right: 5px;
}

.lh-0 {
  line-height: 0 !important;
}

.lh-1 {
  line-height: 1 !important;
}

@media screen and (max-width: 1200px) {
  .body .main__content .card__footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.breadcrumb.style-01 {
  padding: 0;
  background-color: transparent;
  color: #4F5764;
  margin-bottom: 8px;
}

.breadcrumb.style-01 .link {
  color: #4F5764;
}

.breadcrumb.style-01 .breadcrumb-item + .breadcrumb-item {
  position: relative;
}

.breadcrumb.style-01 .breadcrumb-item + .breadcrumb-item:before {
  content: "›";
  font-size: 1.4em;
  line-height: 1;
}

.popover {
  font-family: "Nunito Sans", sans-serif;
  border: 0.5px solid #E9EBF6;
}

.popover > .arrow::before {
  border-bottom-color: #E9EBF6;
}

.popover .popover-body {
  padding-left: 0;
  padding-right: 0;
}

.fill-transparent {
  fill: transparent !important;
}

.fill-transparent path {
  fill: transparent !important;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
  padding-bottom: 0.5em;
}

.overflow-x-auto {
  overflow-x: auto;
  width: 100%;
}

.fnt-nunito {
  font-family: "Nunito Sans", sans-serif !important;
}

.delete {
  text-decoration: line-through;
}

.square {
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 2px;
  position: relative;
  top: 0.15em;
}

.overflow-x-auto {
  overflow-x: auto;
}

.lighttext {
  display: inline-block;
  padding: 2px 6px;
  font-size: 12px;
  line-height: 1.3;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}

.lighttext.success {
  color: #fff;
  background: #18C549;
}

.lighttext.warning {
  color: #172b4d;
  background: #FBBC04;
}

.tooltip .arrow:before {
  border-top-color: #172b4d;
}

.tooltip-inner {
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background-color: #172b4d;
  border-radius: 4px;
  padding: 10px 10px 12px;
}

.tooltip-inner a {
  color: currentColor;
  text-decoration: underline;
}

.tooltip-custom {
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid;
  border-radius: 999px;
  color: #333;
  background: #fff;
  white-space: nowrap;
}

.box-shadow {
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(36, 35, 35, 0.08);
  border: 0;
}

.box-inner {
  border: 1px solid #E9EBF6;
  padding: 20px;
  border-radius: 4px;
}

.box-inner.empty {
  background-color: rgba(0, 0, 0, 0.01);
}

.toggle-balance .show {
  display: inline-block;
}

.toggle-balance .hide {
  display: none;
}

.toggle-balance.is-active .show {
  display: none;
}

.toggle-balance.is-active .hide {
  display: inline-block;
}

.apexcharts-legend.position-right {
  top: 0 !important;
}

.apexcharts-legend-text {
  font-family: "Nunito Sans", sans-serif;
}

.apexcharts-legend-text > * {
  font-family: "Nunito Sans", sans-serif;
}

.apexcharts-text > * {
  font-family: "Nunito Sans", sans-serif !important;
}

.apexcharts-text span {
  text-transform: uppercase;
}

.chart-container {
  min-height: 200px;
}

.chart-marker {
  position: relative;
  top: -0.15em;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  line-height: 1;
  vertical-align: middle;
}

.chart-info {
  position: relative;
}

.chart-info__item {
  padding-left: 20px;
  margin-bottom: 0;
}

.chart-info__item .title {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  color: #878dba;
  line-height: 1;
}

.chart-info__item .title:before {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 1px;
  left: -20px;
  border-radius: 2px;
  background-color: #000;
}

.chart-info__item .title.is-yellow:before {
  background-color: #FBBC04;
}

.chart-info__item .title.is-blue:before {
  background-color: #1166E3;
}

.chart-info__item .price {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.chart-info__item:not(:last-child) {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .chart-info__item.no-icon {
    padding-left: 0;
  }
  .chart-info__item.no-icon .title:before {
    content: none;
  }
}

.chart-info:not(:last-child) {
  margin-bottom: 20px;
}

.chartjs-content {
  position: relative;
  width: 100%;
}

.chartjs-reposive {
  overflow: auto;
}

.chartjs-reposive .chartjs-content {
  min-width: 750px;
}

.profile-upload-avatar {
  display: inline-block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.profile-upload-avatar .btn-upload {
  position: absolute;
  z-index: 10;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.profile-avatar {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0;
  border-radius: 50%;
}

.profile-avatar img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.profile-avatar.is-large {
  width: 95px;
  height: 95px;
}

.main-flex-column {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-flex-column .main__content {
  flex-grow: 1;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.text-sub {
  color: #4f5764;
}

.text-sembold {
  font-weight: 600 !important;
}

.text-bold {
  font-weight: 700 !important;
}

.text-middle {
  vertical-align: middle;
}

.text-underline {
  text-decoration: underline !important;
}

.heading-primary {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.pointer {
  cursor: pointer;
  outline: none !important;
}

.form-control {
  min-height: 42px;
}

.form-control.is-md {
  min-height: 44px;
  padding: 12px 12px 12px 12px;
  border: 1px solid #e9ebf6;
  border-radius: 8px;
}

.form-control:disabled {
  background: #f4f5f7;
  border: 1px solid #e9ebf6;
}

.form-select {
  appearance: none;
  cursor: pointer;
  word-wrap: normal;
  padding-right: 30px;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 18px;
  background-image: url("../images/arrow_down_ic.svg");
}

.form-check input[type="checkbox"].error + label {
  color: #EA243A;
}

.form-text {
  font-size: 14px;
  margin-top: 0.5rem;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-upload {
  overflow: hidden;
  cursor: pointer;
}

.form-upload .button {
  display: inline-block;
  background: #f8f8fd;
  border: 1px solid #e9ebf6;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12px;
}

.form-upload input {
  position: absolute;
  top: -999px;
  left: -999px;
}

.form-icon-fixed {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 10px;
  min-width: 48px;
}

.form-icon-fixed:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 1px;
  height: calc(100% - 14px);
  background-color: #e9ebf6;
}

.form-icon-fixed + input {
  padding-right: 60px;
}

.form-icon-fixed.is-right {
  right: auto;
  left: 0;
}

.form-icon-fixed.is-right:before {
  left: auto;
  right: 0;
}

.form-icon-fixed.is-right + input {
  padding-left: 60px;
}

@media (max-width: 576px) {
  .form-text {
    font-size: 12px;
  }
}

.form-style-02 .form-control {
  background: #fff;
  border: 1px solid #e9ebf6;
  box-sizing: border-box;
  border-radius: 8px;
  min-height: 44px;
  line-height: 1.35;
  padding: 12px 16px;
}

.form-style-02 textarea.form-control {
  min-height: 90px;
}

@media (max-width: 1200px) {
  .form-style-02 textarea.form-control {
    min-height: 140px;
  }
}

.form-style-02 .btn {
  border-radius: 8px;
}

.form-secondary .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.form-secondary .line {
  margin: 28px -24px;
}

.form-secondary .form-label {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-secondary .form-control {
  min-height: 44px;
  border-radius: 8px;
  border: 1px solid #e9ebf6;
  font-size: 15px;
}

.form-secondary .form-control.error {
  border: 1px solid #EA243A !important;
  background: #ffebe6;
  color: #e63f16;
}

.form-secondary .input-group {
  border-radius: 8px;
  border: 1px solid #e9ebf6;
  font-size: 15px;
}

.form-secondary .input-group .input-group-text {
  background-color: transparent;
  border: 0;
  border-right: 1px solid #e9ebf6;
  border-radius: 0;
}

.form-secondary .input-group select,
.form-secondary .input-group input {
  border: 0;
}

.form-secondary .input-group select:focus, .form-secondary .input-group select:hover,
.form-secondary .input-group input:focus,
.form-secondary .input-group input:hover {
  outline: 0;
}

.form-secondary .input-group select {
  padding-right: 2em;
}

.form-secondary .btn {
  min-height: 42px;
}

.modal .btn {
  min-width: 130px;
  min-height: 40px;
  border-radius: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.modal .btn.btn-link {
  min-width: auto;
  min-height: auto;
}

.modal .btn-primary {
  color: #fff;
  background-color: #1166E3;
  border-color: #1166E3;
}

.modal .btn-secondary {
  color: #172b4d;
  background-color: #f8f8fd;
  border-color: #e9ebf6;
}

.modal-transparent {
  background-color: transparent;
  border: 0;
}

.modal-dialog.modal-md-custom {
  max-width: 400px;
}

.modal-close {
  font-weight: 400;
  font-size: 28px;
  line-height: 1;
  padding: 0;
  color: #333;
}

.modal-close:hover {
  text-decoration: none !important;
}

.modal-backdrop {
  background-color: rgba(10, 25, 48, 0.8);
}

.modal-backdrop.show {
  opacity: 1;
}

.modal-content {
  font-family: "Nunito Sans", sans-serif;
}

.modal-content .close_fixed {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.modal-content.is-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.modal-w-400 {
  width: 400px;
  max-width: calc(100% - 1rem);
}

.modal-fullscreen {
  height: calc(100vh - 1rem) !important;
  width: calc(100vw - 1rem) !important;
}

.modal-fullscreen .modal-content {
  height: 100%;
}

@media (max-width: 1200px) {
  .modal-fullscreen-xl-down {
    height: calc(100vh - 1rem) !important;
    width: calc(100vw - 1rem) !important;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
  }
}

.input-date {
  background-position: right 10px center;
  background-size: 16px;
  background-repeat: no-repeat;
  background-image: url("../images/calendar_ic.svg");
}

.input-date:-webkit-inner-spin-button, .input-date:-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  padding: 5px;
  border: 1px solid #e9ebf6;
  border-radius: 5px;
}

.image-wellcome {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  min-height: 100%;
  min-width: 100%;
  max-width: initial;
}

.icon-loadmore {
  display: none;
  padding: 15px 10px;
}

.outline-none, .dropdown-select .btn:hover, .dropdown-select .btn:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.income-wrapper {
  position: relative;
}

.income-item {
  font-family: "Nunito Sans", sans-serif;
}

.income-item.is-active .income-title .show {
  display: none;
}

.income-item.is-active .income-title .hide {
  display: inline-block;
}

.income-item.is-active .income-amount .show {
  display: none;
}

.income-item.is-active .income-amount .hide {
  display: block;
}

.income-item.is-green .income-title:before {
  background-color: #19BC47;
}

.income-item.is-yellow .income-title:before {
  background-color: #FBBC04;
}

.income-item.is-red .income-title:before {
  background-color: #EA243A;
}

.income-item.is-blue .income-title:before {
  background-color: #1166E3;
}

.income-title {
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  color: #696d74;
}

.income-title:before {
  content: "";
  display: inline-block;
  border-radius: 2px;
  background-color: #696d74;
  margin-right: 8px;
  margin-top: -1px;
}

.income-title .show {
  display: inline-block;
}

.income-title .hide {
  display: none;
}

.income-amount {
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  color: #172b4d;
}

.income-amount .show,
.income-amount .hide {
  margin-bottom: 0;
}

.income-amount .show {
  display: block;
}

.income-amount .hide {
  display: none;
}

@media screen and (min-width: 577px) {
  .income-title {
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .income-title:before {
    width: 10px;
    height: 10px;
  }
}

@media screen and (max-width: 576px) {
  .income-wrapper > * {
    padding-left: 0;
    padding-right: 0;
  }
  .income-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .income-item.is-lead {
    position: relative;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .income-item.is-lead:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -16px;
    width: calc(100% + 32px);
    height: 1px;
    background-color: #e9ebf6;
  }
  .income-item.is-lead .income-amount {
    font-size: 26px;
    font-weight: 700;
  }
  .income-title, .income-amount {
    font-size: 15px;
    margin-bottom: 0;
  }
  .income-title:before {
    width: 8px;
    height: 8px;
  }
}

.dropdown-menu.dropdown-sm {
  min-width: 230px;
}

.dropdown.show .icon_btn svg path {
  fill: #1166E3;
}

.dropdown-select select {
  appearance: none;
  cursor: pointer;
  word-wrap: normal;
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50%;
  background-size: 18px;
  background-image: url("../images/arrow_down_ic.svg");
}

.dropdown-select select:invalid {
  color: #eee;
}

.dropdown-select select option {
  color: currentColor;
}

.dropdown-select select option[value=""][disabled] {
  display: none;
}

.dropdown-select .btn {
  position: relative;
  border: 1px solid #e9ebf6;
  border-radius: 8px;
  min-height: 44px;
  height: 44px;
  padding: 12px 30px 12px 12px;
  font-size: 15px !important;
  line-height: 15px;
  min-width: 155px;
  transition: all 0.3s ease;
  text-align: left;
}

.dropdown-select .btn .ic {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.dropdown-select .btn.w-auto {
  width: auto;
  min-width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.dropdown-select .btn.btn-primary {
  border-color: #1166E3;
}

.dropdown-select .dropdown-menu {
  background-color: #fff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  border: 1px solid #e9ebf6;
  margin-top: 8px;
}

.dropdown-select .dropdown-menu a,
.dropdown-select .dropdown-menu .dropdown-item {
  transition: background-color 0.3s ease;
}

.dropdown-select .dropdown-menu a:hover,
.dropdown-select .dropdown-menu a :focus,
.dropdown-select .dropdown-menu .dropdown-item:hover,
.dropdown-select .dropdown-menu .dropdown-item :focus {
  outline: 0 !important;
  background-color: #eff3fe;
  color: currentColor;
}

.dropdown-select .dropdown-menu a.is-active,
.dropdown-select .dropdown-menu .dropdown-item.is-active {
  background-color: #eff3fe;
}

.dropdown-select .dropdown-menu a > *:last-child,
.dropdown-select .dropdown-menu .dropdown-item > *:last-child {
  margin-bottom: 0;
}

.dropdown-select .dropdown-menu label {
  display: block;
  cursor: pointer;
  margin-bottom: 0;
}

.dropdown-select .dropdown-menu .is-hidden {
  position: absolute;
  top: -999px;
  right: -999px;
}

.dropdown-select .dropdown-item {
  padding: 10px 14px;
}

.dropdown-select .ola-checkbox-group ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.dropdown-select .ola-checkbox-group ul > li:not(:last-child) {
  margin-bottom: 10px;
}

.dropdown-select .ola-checkbox-group .form-check {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.dropdown-select .ola-checkbox-group .form-check-input {
  margin-right: 6px;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
}

.dropdown-select .ola-checkbox-group .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: bold;
}

.dropdown-select .ola-checkbox-group .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.dropdown-select .ola-checkbox-group .caret.active .ic svg {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.dropdown-select .ola-checkbox-group .nested {
  padding-left: 16px;
  margin-top: 10px;
}

.dropdown-select .ola-checkbox-group .nested li:not(:last-child) {
  margin-bottom: 10px;
}

.dropdown-select .ola-checkbox-group .caret.has-selected .form-check-input:after,
.dropdown-select .ola-checkbox-group .nested.has-selected .form-check-input:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f068";
  background-color: #172B4D !important;
  border: 0 !important;
  color: #fff;
}

.dropdown-select .ola-checkbox-group .caret.all-selected .form-check-input:after,
.dropdown-select .ola-checkbox-group .nested.all-selected .form-check-input:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.cursor-pointer {
  cursor: pointer;
}

.icon-svg svg {
  opacity: 1;
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  position: relative;
  top: -0.055em;
}

.select2-container--default .select2-dropdown.dropdown-auto-width .select2-results > .select2-results__options {
  width: 100%;
  max-width: 100%;
}

.card-wrapper {
  position: relative;
  padding: 24px 24px;
  background-color: #fff;
  border: 0;
  box-shadow: 0 2px 2px rgba(36, 35, 35, 0.08);
}

.card-wrapper:not(:last-child) {
  margin-bottom: 10px;
}

.card-wrapper hr.line {
  margin: 24px -24px;
  border-top: 1px solid #e9ebf6;
}

.card-wrapper .card-header {
  padding: 0;
  border: 0;
  margin-bottom: 24px;
  background-color: transparent;
  margin-bottom: 20px;
}

.card-wrapper .card-header > *:last-child {
  margin-bottom: 0;
}

.card-wrapper .table-wrapper:not(.margin-none),
.card-wrapper .margin-outer {
  margin-left: -24px;
  margin-right: -24px;
}

.card-wrapper .heading {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.card-wrapper .toggle {
  color: #172B4D;
  border: 0.5px solid #172B4D;
  border-radius: 4px;
  background-color: #fff;
}

.card-wrapper .toggle .ic {
  margin-right: 4px;
}

.card-wrapper .toggle.active, .card-wrapper .toggle:hover {
  border: 0.5px solid #1166E3;
  color: #1166E3;
  outline: none;
}

.card-wrapper .toggle.active .ic svg path, .card-wrapper .toggle:hover .ic svg path {
  stroke: #1166E3;
}

.card-wrapper.is-header {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.card-wrapper.is-danger {
  color: #EA243A;
  background-color: rgba(230, 63, 22, 0.05);
}

@media screen and (min-width: 1200px) {
  .card-wrapper {
    border-radius: 5px;
  }
  .card-wrapper.is-header {
    margin-left: -32px;
    margin-right: -32px;
    margin-top: -25px;
    padding-left: 32px;
    padding-right: 32px;
  }
  .card-wrapper:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 576px) {
  .card-wrapper {
    padding: 20px 12px;
  }
  .card-wrapper:not(:last-child) {
    margin-bottom: 16px;
  }
  .card-wrapper .table-wrapper:not(.margin-none),
  .card-wrapper .margin-outer {
    margin-left: -12px;
    margin-right: -12px;
  }
  .card-wrapper hr.line {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.card-campaign {
  font-size: 14px;
  padding-bottom: 0 !important;
}

.card-campaign:focus {
  outline: none !important;
}

.card-campaign .link {
  display: block;
  height: 100%;
}

.card-campaign .link:focus {
  outline: none !important;
}

.card-campaign .image {
  overflow: hidden;
  margin-bottom: 0;
  border-radius: 8px 8px 0 0;
  position: relative;
  padding-bottom: 62%;
  min-height: auto;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.card-campaign .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  max-width: initial;
}

.card-campaign .content {
  padding: 16px 16px;
}

.card-campaign .content > *:not(:last-child) {
  margin-bottom: 10px;
}

.card-campaign .content > *:last-child {
  margin-bottom: 0;
}

.card-campaign .content .participants {
  color: #878dba;
  margin-bottom: 2px;
}

.card-campaign .title {
  font-size: 15px;
}

.card-campaign .discount {
  font-weight: 700;
  font-size: 14px;
  color: #ff754c;
}

.card-campaign .labels-content {
  min-height: 22px;
}

.card-campaign .label {
  font-size: 12px;
  line-height: 12px;
  padding: 4px 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  min-height: 22px;
}

.card-campaign .label:not(:last-child) {
  margin-right: 6px;
}

.card-campaign .label.new {
  background: linear-gradient(90deg, #11b1e3 -6.78%, #188ee3 108.47%);
}

.card-campaign .label.recommended {
  background: linear-gradient(89.86deg, #1166e3 4.51%, #733abc 99.94%);
}

.card-campaign .label.hot {
  background: linear-gradient(90deg, #ff603d -6.78%, #ef3810 108.47%);
}

.table {
  font-size: 14px;
}

.table-wrapper {
  position: relative;
}

.table-wrapper hr {
  border-color: #f8f8fd;
}

.table-responsive {
  overflow-y: auto;
}

.table-responsive table {
  min-width: 1140px;
  width: 100%;
}

.table-pri {
  width: 100%;
  font-size: 14px;
}

.table-pri thead {
  background-color: #f8f8fd;
}

.table-pri tr.text-nowrap th,
.table-pri tr.text-nowrap td {
  white-space: nowrap;
}

.table-pri th {
  font-weight: 700;
  padding-top: 16px;
  padding-bottom: 16px;
}

.table-pri td {
  font-weight: 400;
}

.table-pri th,
.table-pri td {
  padding: 12px 22px;
}

.table-pri strong {
  font-weight: 700;
}

.table-pri .small {
  font-size: 12px;
  color: #878dba;
}

.table-overload {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  min-width: 1140px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 576px) {
  .table-pri th,
  .table-pri td {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.list-number {
  padding: 0;
  counter-reset: my-awesome-counter;
  list-style: none;
  font-size: 16px;
}

.list-number li {
  counter-increment: my-awesome-counter;
  position: relative;
}

.list-number li:before {
  content: counter(my-awesome-counter) ". ";
}

.list-number li:not(:last-child) {
  margin-bottom: 0.5rem;
}

@media (max-width: 576px) {
  .list-number {
    font-size: 15px;
  }
}

.list-number-circle {
  padding: 0;
  counter-reset: my-awesome-counter;
  list-style: none;
  font-size: 15px;
  line-height: 1.6;
}

.list-number-circle li {
  counter-increment: my-awesome-counter;
  position: relative;
  padding-left: 55px;
}

.list-number-circle li:before {
  content: counter(my-awesome-counter);
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  background-color: #f8f8fd;
  border-radius: 50%;
}

.list-number-circle li:not(:last-child) {
  margin-bottom: 1rem;
}

.list-number-circle li.icon-center {
  padding-top: 8px;
}

.list-check {
  padding: 0;
}

.list-check li {
  padding-left: 1.5em;
  position: relative;
  list-style-type: none;
}

.list-check li:before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 12px;
  height: 12px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/subtract_ic.svg");
}

.list-check li:not(:last-child) {
  margin-bottom: 0.8em;
}

.list-check.style-01 li {
  padding-left: 1.8em;
}

.list-check.style-01 li:before {
  width: 16px;
  height: 16px;
  top: 0.2em;
  background-image: url("../images/check_green_ic.svg");
}

.modal-dialog.is-width-auto {
  max-width: inherit !important;
}

.modal-content.is-danger {
  background-color: #EA243A;
  color: #fff;
}

.modal-content.is-danger .list-group-item {
  background-color: transparent;
  padding: 0;
  border: 0;
}

.modal-content.is-danger .list-group-item:not(:last-child) {
  margin-bottom: 8px;
}

@media screen and (min-width: 1200px) {
  .modal-content {
    border-radius: 8px;
  }
}

.slick-slide {
  outline: none;
}

.slick-style-01 .slick-dots {
  padding: 20px;
  text-align: left;
}

.slick-style-01 .slick-dots li {
  width: auto;
  height: auto;
}

.slick-style-01 .slick-dots li.slick-active button {
  background-color: #1166e3;
  width: 18px;
}

.slick-style-01 .slick-dots li button {
  background-color: #f8f8fd;
  padding: 0;
  width: 6px;
  height: 5px;
  border-radius: 999px;
  transition: all 0.3s ease;
}

.slick-style-01 .slick-dots li button:before {
  content: none;
}

@media (max-width: 768px) {
  .slick-style-01 .slick-dots {
    padding: 5px;
  }
}

.select-identification {
  width: 330px;
  max-width: 100%;
  margin: 0 auto 24px;
  text-align: center;
}

.select-identification .item {
  overflow: hidden;
  height: 100%;
}

.select-identification .item input[type="radio"] {
  visibility: hidden;
  position: absolute;
  top: -999;
  right: -999;
}

.select-identification .item label {
  cursor: pointer;
  margin: 0;
  height: 100%;
}

.select-identification .item .content {
  display: block;
  position: relative;
  background-color: #f8f8fd;
  border-radius: 10px;
  padding: 10px;
  border: 2px solid #f8f8fd;
  transition: all 0.3s ease;
  height: 100%;
}

.select-identification .item input[type="radio"]:checked ~ .content {
  color: #1166E3;
  border: 2px solid #1166E3;
  background-color: #fff;
  box-shadow: 1px 2px 4px 2px rgba(0, 0, 0, 0.1);
}

.select-identification .img {
  display: block;
  margin-bottom: 5px;
}

.select-identification .title {
  display: block;
  font-size: 15px;
  font-weight: 700;
}

.select-identification .desc {
  font-size: 12px;
  line-height: 1.4;
  display: inline-block;
}

.kyc-step {
  position: relative;
}

.kyc-step .line {
  margin: 28px -24px;
}

.kyc-step .btn {
  min-height: 40px;
}

.kyc-step .w150 {
  width: 150px;
}

.kyc-step .dis-none {
  display: none;
}

.kyc-step .step {
  display: none;
}

.kyc-step .step.active {
  display: block;
}

.kyc-step .list-number-circle li:not(:last-child) {
  margin-bottom: 1.5rem;
}

.kyc-step .heading {
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}

.kyc-step .heading span {
  display: inline-block;
  background-color: #ffc01e;
  color: #172b4d;
  text-align: center;
  padding: 12px 16px;
  border-radius: 10px;
}

.kyc-step .arlet .images {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: center;
  background: #f8f8fd;
  border-radius: 10px;
  width: 104px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.kyc-step .form-label {
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 5px;
}

.kyc-step .form-control {
  min-height: 44px;
  border-radius: 8px;
  border: 1px solid #e9ebf6;
  font-size: 15px;
}

.kyc-step .form-control.error {
  border: 1px solid #EA243A !important;
}

.kyc-step .input-group {
  border-radius: 8px;
  border: 1px solid #e9ebf6;
  font-size: 15px;
}

.kyc-step .input-group .input-group-text {
  background-color: transparent;
  border: 0;
  border-right: 1px solid #e9ebf6;
  border-radius: 0;
}

.kyc-step .input-group select,
.kyc-step .input-group input {
  border: 0;
}

.kyc-step .input-group select:focus, .kyc-step .input-group select:hover,
.kyc-step .input-group input:focus,
.kyc-step .input-group input:hover {
  outline: 0;
}

.kyc-step .input-group select {
  padding-right: 2em;
}

.kyc-step .is-success {
  min-width: 240px;
}

.kyc-step .form-check .form-check-input {
  position: relative;
  vertical-align: top;
  top: -0.1em;
  width: 16px;
  height: 16px;
}

.kyc-step .form-check .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: 700;
}

.kyc-step .form-check .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

@media (max-width: 576px) {
  .kyc-step .is-success {
    min-width: 140px;
  }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes spin-around {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

/* Standard syntax */
@keyframes spin-around {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}

.spin-around {
  animation: xoayvong 2s linear 0s infinite;
  -webkit-animation: xoayvong 2s linear 0s infinite;
  -moz-animation: xoayvong 2s linear 0s infinite;
  -o-animation: xoayvong 2s linear 0s infinite;
}

.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: scale(0.5);
}

.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}

.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}

.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}

.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}

.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}

.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}

.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}

.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}

.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}

.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}

.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}

.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.fade-scale.show {
  opacity: 1;
  transform: scale(1);
}

@keyframes lds-default {
  0%,
  20%,
  80%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  text-align: center;
  z-index: 1000;
}

.back-to-top .icon {
  display: block;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  box-shadow: 0px 0px 6px rgba(44, 77, 125, 0.15);
  background-color: #fff;
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat;
  background-image: url("../images/totop_ic.svg");
}

.apexcharts-canvas ::-webkit-scrollbar {
  /* -webkit-appearance: none; */
  width: 4px;
  height: 8px;
}

.apexcharts-canvas ::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.2) !important;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.2) !important;
}

.note-check {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #4f5764;
}

.note-check .list {
  padding: 0;
  list-style-type: none;
}

.note-check .list li {
  padding-left: 1.5em;
  position: relative;
}

.note-check .list li:before {
  content: "";
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0.2em;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/ic_checked.svg");
}

.note-check .list li.is-active:before {
  background-image: url("../images/ic_checked_active.svg");
}

@media (min-width: 1200px) {
  .w-xl-1 {
    width: 1%;
  }
}

#chartjs-tooltip {
  opacity: 1;
  position: absolute;
  color: white;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.chartjs-list li {
  transition: all 0.3s ease;
}

.chartjs-list li.is-active {
  background-color: rgba(0, 0, 0, 0.05);
}

.turnon-password .off {
  display: inline-block;
}

.turnon-password .on {
  display: none;
}

.turnon-password.is-active .off {
  display: none;
}

.turnon-password.is-active .on {
  display: inline-block;
}

.tab-content {
  overflow: inherit !important;
  padding-bottom: 10px;
}

.dropify-render > img:not(:last-child) {
  display: none;
}

.view_ads-target {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 700;
  border-radius: 4px;
  background-color: #5ebe5b;
  padding: 3px 12px;
  white-space: nowrap;
  position: relative;
  top: -0.4em;
}

.view_ads-target.non-target {
  background-color: #f6c244;
}

.view_ads-target.is-small {
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.view_ads-info .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0;
}

.view_ads-info .title.is-light {
  color: #ff754c;
}

.view_ads-info .text {
  font-size: 15px;
  color: #4f5764;
  margin-bottom: 0;
}

.view_ads-heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
}

.view_ads-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.view_ads-description {
  margin-bottom: 18px;
}

.view_ads-description > *:last-child {
  margin-bottom: 0;
}

.view_ads-slider .slick-dots {
  padding: 20px;
  text-align: left;
}

.view_ads-slider .slick-dots li {
  width: auto;
  height: auto;
}

.view_ads-slider .slick-dots li.slick-active button {
  background-color: #1166e3;
  width: 16px;
}

.view_ads-slider .slick-dots li button {
  background-color: #f8f8fd;
  padding: 0;
  width: 6px;
  height: 5px;
  border-radius: 100px 100px 8px 8px;
  transition: all 0.3s ease;
}

.view_ads-slider .slick-dots li button:before {
  content: none;
}

.view_ads-category > *:last-child {
  margin-bottom: 0;
}

.view_ads-content {
  line-height: 1.75;
  margin-bottom: 25px;
}

.view_ads-content > *:not(:last-child) {
  margin-bottom: 20px;
}

.view_ads-list {
  padding: 0;
  list-style-type: none;
}

.view_ads-list li {
  position: relative;
  padding-left: 20px;
}

.view_ads-list li:before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #1166e3;
  border-radius: 50%;
}

.view_ads-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.view_ads-breadcrumb li {
  position: relative;
  display: inline-block;
}

.view_ads-breadcrumb li:not(:last-child):after {
  content: "→";
  display: inline-block;
  padding-right: 5px;
}

.view_ads-over {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 30px;
  background: #00d4ff;
  background: linear-gradient(180deg, transparent 0%, white 100%);
  font-size: 16px;
}

.view_ads-over .btn {
  transition: all 0.3s ease;
  font-size: 18px !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 18px;
  min-height: 48px;
  min-width: 205px;
  padding: 10px;
}

.view_ads-over + * {
  filter: blur(5px);
}

@media (max-width: 768px) {
  .view_ads-over .btn {
    font-size: 16px !important;
    min-height: 44px;
  }
}

.view_ads-bar {
  position: relative;
  border-radius: 10px;
  width: 100%;
}

.view_ads-bar .btn {
  border: 0;
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1199px) {
  .view_ads-logo {
    width: 100px;
  }
  .view_ads-target {
    padding-top: 1px;
    padding-bottom: 1px;
    top: 0;
  }
  .view_ads-heading {
    margin-top: 5px;
    font-size: 18px;
    line-height: 1.3;
  }
  .view_ads-info {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #e9ebf6;
    border-bottom: 1px solid #e9ebf6;
  }
  .view_ads-info > *:last-child {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1200px) {
  .row-reverse {
    flex-direction: row-reverse;
  }
}

@-webkit-keyframes animation-run {
  0% {
    left: 0;
  }
  50% {
    left: 90%;
  }
  100% {
    left: 0;
  }
}

@keyframes animation-run {
  0% {
    left: 0;
  }
  50% {
    left: calc(100% - 55px);
  }
  100% {
    left: 0;
  }
}

.filepond--credits {
  display: none;
}

.filepond--root {
  width: 420px;
  max-width: 100%;
  margin: auto 0;
}

.filepond--root .filepond--drop-label {
  min-height: 180px;
}

.filepond--drop-label {
  color: #4c4e53;
}

.filepond--label-action {
  text-decoration-color: #babdc0;
}

.filepond--panel-root {
  border-radius: 2em;
  background-color: #edf0f4;
  height: 1em;
}

.filepond--item-panel {
  background-color: #595e68;
}

.filepond--drip-blob {
  background-color: #7f8a9a;
}

.discount-item {
  background: #fff;
  border: 1px solid #e9ebf6;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 16px;
}

.discount-item .heading {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.discount-item .content {
  font-size: 15px;
}

.discount-item .content > *:not(:last-child) {
  margin-bottom: 5px;
}

.discount-item .content > *:last-child {
  margin-bottom: 0;
}

.discount-item .text-orange {
  font-size: 16px;
  font-weight: 700;
  color: #ff754c;
}

.discount-item .btn {
  border-radius: 10px;
  border-color: #ff754c;
  background-color: #ff754c;
  color: #fff;
  font-size: 14px !important;
  font-weight: 700;
  height: 40px;
  font-size: 18px;
  min-width: 130px;
  transition: all 0.3s ease;
}

.discount-item .btn:hover {
  background-color: #fff !important;
  color: #ff754c;
}

.discount-item .btn.light {
  color: #ff754c;
  background-color: rgba(255, 117, 76, 0.1);
}

.discount-item:not(:last-child) {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .discount-item .column {
    position: relative;
  }
  .discount-item .column:first-child {
    padding-right: 30px;
  }
  .discount-item .column:last-child {
    border-left: 1px dashed #e9ebf6;
    padding-left: 20px;
  }
  .discount-item .column.last {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .discount-item .column.last > * {
    width: 100%;
    min-width: 100%;
  }
  .discount-item .column.last:before, .discount-item .column.last:after {
    content: "";
    position: absolute;
    z-index: 5;
    width: 16px;
    height: 8px;
    left: -8px;
    background-color: #fff;
  }
  .discount-item .column.last:before {
    top: -13px;
    border-bottom: 1px solid #e9ebf6;
    border-right: 1px solid #e9ebf6;
    border-radius: 0 0 999px 999px;
  }
  .discount-item .column.last:after {
    bottom: -13px;
    border-top: 1px solid #e9ebf6;
    border-left: 1px solid #e9ebf6;
    border-radius: 999px 999px 0 0;
  }
}

@media (max-width: 767px) {
  .discount-item .btn {
    width: 100%;
  }
  .discount-item .column {
    position: relative;
  }
  .discount-item .column:last-child {
    border-top: 1px dashed #e9ebf6;
    padding-top: 15px;
    margin-top: 15px;
  }
  .discount-item .column.last:before, .discount-item .column.last:after {
    content: "";
    position: absolute;
    z-index: 5;
    width: 8px;
    height: 16px;
    background-color: #fff;
  }
  .discount-item .column.last:before {
    top: -6px;
    left: -17px;
    border-bottom: 1px solid #e9ebf6;
    border-right: 1px solid #e9ebf6;
    border-radius: 0 999px 999px 0;
  }
  .discount-item .column.last:after {
    top: -6px;
    right: -17px;
    border-bottom: 1px solid #e9ebf6;
    border-left: 1px solid #e9ebf6;
    border-radius: 999px 0 0 999px;
  }
}

.banner-campaign {
  background-color: #fff;
  border: 1px solid #e9ebf6;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 15px;
}

.banner-campaign:not(:last-child) {
  margin-bottom: 18px;
}

.banner-campaign .column {
  position: relative;
}

.banner-campaign .thumb {
  background-color: #f6f7f9;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.banner-campaign .thumb img {
  max-height: 100%;
  max-width: 100%;
}

.banner-campaign .thumb > span {
  display: inline-block;
}

.banner-campaign .title {
  font-size: 20px;
  font-weight: 700;
}

.banner-campaign .text-orange {
  font-size: 16px;
  font-weight: 700;
  color: #ff754c;
}

.banner-campaign .btn {
  font-weight: 700;
  font-size: 15px !important;
}

.banner-campaign .btn.btn-primary {
  color: #fff;
  min-height: 40px;
  padding: 10px;
}

.banner-campaign .code {
  background: #f4f5f7;
  border-radius: 2px;
  margin-bottom: 15px;
  padding: 12px 19px;
  max-height: 90px;
  overflow: auto;
}

.banner-campaign .code code {
  font-size: 15px;
  color: #172b4d;
}

.banner-campaign pre {
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  text-align: left;
  white-space: normal;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  margin: 0;
}

.banner-campaign .content {
  padding: 20px 26px;
}

@media (min-width: 577px) {
  .banner-campaign .column-thumb {
    flex: 0 0 260px;
  }
}

@media (max-width: 576px) {
  .banner-campaign .column-thumb {
    height: 160px;
  }
  .banner-campaign .column-thumb .thumb {
    display: block;
    text-align: center;
    height: 160px;
  }
  .banner-campaign .column-thumb .thumb > * {
    max-height: 100%;
    text-align: center;
  }
  .banner-campaign .column-thumb .thumb img {
    max-height: 100%;
  }
  .banner-campaign .column-thumb .thumb > span {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .banner-campaign .content {
    padding: 16px 16px;
  }
  .banner-campaign .title {
    font-size: 16px;
  }
  .banner-campaign .code {
    max-height: 82px;
  }
}

pre::selection,
pre *::selection {
  background-color: #ffebe6;
}

pre::selection,
pre *::-moz-selection {
  background-color: #ffebe6;
}

.share-camp {
  font-size: 15px;
  line-height: 1.35;
}

.share-camp .row {
  margin-left: -10px;
  margin-right: -10px;
}

.share-camp .row > * {
  padding-left: 10px;
  padding-right: 10px;
}

.share-camp .btn,
.share-camp .form-control {
  height: 40px;
  border-radius: 8px;
}

.share-camp .btn {
  font-size: 15px;
  font-weight: 700;
  min-width: 88px;
}

.share-camp .form-control {
  border-color: #e9ebf6;
}

.share-camp .form-control[readonly] {
  background-color: #fff;
}

.share-camp__logo {
  width: 120px;
  height: 120px;
  background: #fff;
  border: 1px solid #e9ebf6;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.share-camp__logo img {
  max-height: auto;
  max-width: 100%;
}

.share-camp__content {
  background: #fff;
  box-shadow: 0px 0px 8px 1px rgba(44, 77, 125, 0.1);
  border-radius: 5px;
  padding: 16px;
  margin-bottom: 30px;
}

.share-camp__social {
  padding: 0;
}

.share-camp__social li {
  list-style-type: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

.share-camp__social img {
  width: 40px;
}

.share-camp__social a {
  display: inline-block;
}

.share-camp__social .btn {
  height: 40px;
}

.share-camp__social .btn img {
  width: 24px;
}

.share-camp__social .btn .text {
  display: inline-block;
  vertical-align: middle;
}

.share-camp .code {
  background: #f4f5f7;
  border-radius: 2px;
  margin-bottom: 15px;
  padding: 8px 10px;
  max-height: 90px;
  overflow: auto;
}

.share-camp .code code {
  font-size: 14px;
  color: #172b4d;
}

.security_block {
  font-size: 15px;
}

.security_block .heading {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 24px;
}

.security_block .small {
  font-size: 12px;
  color: #4F5764;
}

.security_block .link {
  display: block;
}

.security_block .content {
  position: relative;
  padding-right: 40px;
}

.security_block .content:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 10;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url(../images/chevron-right.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.security_block .content > *:last-child {
  margin-bottom: 0;
}

.security_block .badge {
  font-size: 1em;
  line-height: 1.2;
  padding: 2px 5px;
  font-weight: 400;
}

.ola-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ola-pagination-text {
  background-color: transparent;
  border: 0;
  outline: none;
  font-weight: bold;
  margin-left: 8px;
  margin-right: 16px;
}

.ola-pagination-item {
  border: 0;
  background-color: #f8f8fd;
  border-radius: 6px;
  font-size: 14px;
  line-height: 16px;
  padding: 0 14px;
  height: 38px;
  font-weight: 700;
}

.ola-pagination-item:not(:last-of-type) {
  margin-right: 8px;
}

.ola-pagination-item.active {
  background-color: #eff3fe;
  color: #1166E3;
}

@media screen and (max-width: 1199px) {
  .ola-pagination-item {
    display: none;
  }
  .ola-pagination-item-control-text {
    display: none;
  }
}

.ola-pagination-prev, .ola-pagination-next {
  color: #4f5764;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  height: 38px;
}

.ola-pagination-prev svg, .ola-pagination-next svg {
  width: 14px;
  margin-top: -4px;
}

.ola-pagination-prev:disabled, .ola-pagination-next:disabled {
  opacity: 0.7;
}

@media screen and (max-width: 1199px) {
  .ola-pagination-prev, .ola-pagination-next {
    display: block;
  }
}

.empty-table-content {
  text-align: center;
  padding: 32px 16px;
}

.ola-coin-icon {
  width: 24px;
  height: 24px;
  margin-top: -4px;
}

.ola-countdown {
  display: flex;
  justify-content: center;
  text-align: center;
}

.ola-countdown-minute-value, .ola-countdown-second-value {
  background-color: #172B4D;
  padding: 12px 16px;
  border-radius: 5px;
  margin-bottom: 7px;
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  color: white;
}

.ola-countdown-minute {
  margin-right: 12px;
}

.ola-countdown-unit {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}

.ico-input-number {
  border: 0;
  background-color: transparent;
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  padding: 0;
  width: 100%;
}

.ico-input-number:focus, .ico-input-number:active {
  outline: none;
}

@keyframes pulse {
  0% {
    width: 6px;
    height: 6px;
    background: rgba(29, 209, 234, 0.3);
  }
  50% {
    width: 16px;
    height: 16px;
    background: rgba(29, 209, 234, 0.2);
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    width: 16px;
    height: 16px;
    background: rgba(29, 209, 234, 0.2);
  }
}

@keyframes pulse-2 {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  49.99% {
    width: 16px;
    height: 16px;
    background: rgba(29, 209, 234, 0.2);
  }
  50% {
    width: 6px;
    height: 6px;
    opacity: 1;
    background: rgba(29, 209, 234, 0.3);
  }
  100% {
    width: 16px;
    height: 16px;
    background: rgba(29, 209, 234, 0.2);
    opacity: 1;
  }
}

.ic.waiting .pulse {
  width: 14px;
  height: 14px;
  position: relative;
}

.ic.waiting .pulse .pulse-disk,
.ic.waiting .pulse .pulse-circle,
.ic.waiting .pulse .pulse-circle-2 {
  transform-origin: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.ic.waiting .pulse .pulse-disk {
  background-color: #1dd1ea;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.ic.waiting .pulse .pulse-circle,
.ic.waiting .pulse .pulse-circle-2 {
  border-radius: 50%;
  transform-origin: center;
  transform: translate3d(0, 0, 0) translate(-50%, -50%);
  -moz-transform: translate3d(0, 0, 0) translate(-50%, -50%);
  -webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%);
  -ms-transform: translate3d(0, 0, 0) translate(-50%, -50%);
  -o-transform: translate3d(0, 0, 0) translate(-50%, -50%);
}

.ic.waiting .pulse .pulse-circle {
  width: 12px;
  height: 12px;
  background: rgba(29, 209, 234, 0.2);
  animation: pulse 2s infinite;
}

.ic.waiting .pulse .pulse-circle-2 {
  width: 16px;
  height: 16px;
  background: rgba(29, 209, 234, 0.1);
  animation: pulse-2 2s infinite;
}

.ico-alert-modal .modal-body {
  font-size: 15px;
  line-height: 15px;
}

.ico-alert-modal .modal-body p {
  margin: 8px 0 28px;
}

.ico-alert-modal .modal-body button {
  width: 100%;
  margin-top: 24px;
  font-weight: bold;
}

.ico-exchange-rate-alert-modal .modal-body {
  font-size: 15px;
  line-height: 20px;
  padding-top: 28px;
  padding-bottom: 24px;
}

.ico-exchange-rate-alert-modal-title {
  font-size: 16px;
  font-weight: 800;
  display: block;
  margin-bottom: 4px;
}

.ico-exchange-rate-alert-modal-ic {
  display: inline-block;
  margin-left: -4px;
  margin-bottom: 16px;
}

.ico-timeout-modal .modal-body {
  font-size: 15px;
  line-height: 20px;
}

.ico-timeout-modal .modal-body strong {
  font-size: 16px;
  font-weight: 800;
}

.ico-timeout-modal .modal-body p {
  margin-top: 8px;
  margin-bottom: 24px;
}

.ico-timeout-modal .modal-body button {
  font-weight: bold;
  width: 100%;
}

.f1-rule-modal__header {
  padding-top: 18px;
  padding-bottom: 18px;
}

.f1-rule-modal__header-close {
  line-height: 24px;
  color: #172B4D;
  font-size: 24px;
}

.f1-rule-modal__body {
  padding-top: 28px;
  padding-bottom: 32px;
}

.btn.btn-shade {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  background-color: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  min-width: unset !important;
}

@media (max-width: 1199px) {
  .btn.btn-shade {
    border-radius: 50%;
    height: 42px;
    width: 42px;
    padding: 0;
  }
}

.mobile-modal-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px !important;
  min-width: unset !important;
}

.mobile-modal .modal-dialog {
  max-width: 524px;
  max-height: 100vh;
  width: 100%;
}

@media (max-width: 1199px) {
  .mobile-modal .modal-dialog {
    margin: 0;
  }
}

.mobile-modal .modal-content {
  padding: 30px 0 32px;
  border-radius: 20px 20px 0 0;
}

@media (min-width: 1200px) {
  .mobile-modal .modal-content {
    padding: 60px 0 72px;
    border-radius: 10px;
  }
}

@media (max-width: 1199px) {
  .mobile-modal.show {
    display: flex !important;
    align-items: flex-end;
  }
}

.mission-popover {
  border: 0;
}

.mission-popover .popover-body {
  padding: 0;
  border-radius: 5px;
}

.mission-popover .arrow::before {
  border-bottom-color: #1166E3;
  border-top-color: #1166E3;
  bottom: 1px;
}

.mission-popover .arrow::after {
  border-top-color: #1166E3;
}

.mission-popover-content {
  background-color: #1166E3;
  padding: 20px;
  color: #fff;
  border-radius: 5px;
}

.mission-popover-close {
  background-color: #fff;
  border-radius: 0;
  padding: 4px 10px;
  color: #000;
  cursor: pointer;
}

.mission-popover-close:hover, .mission-popover-close:active {
  text-decoration: none;
}

.ola-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.ola-loader-indicator {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: scale(0.5);
}

.ola-loader-indicator div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #1166E3;
  border-radius: 50%;
  animation: loader-indicator-component 1.2s linear infinite;
}

.ola-loader-indicator div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}

.ola-loader-indicator div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}

.ola-loader-indicator div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}

.ola-loader-indicator div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}

.ola-loader-indicator div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}

.ola-loader-indicator div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}

.ola-loader-indicator div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}

.ola-loader-indicator div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}

.ola-loader-indicator div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}

.ola-loader-indicator div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}

.ola-loader-indicator div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}

.ola-loader-indicator div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

@keyframes loader-indicator-component {
  0%,
  20%,
  80%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

.body .main__content .home__announcements-carousel {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.body .main__content .home__announcements-carousel .btn-bar {
  height: 0px;
  width: 0px;
  visibility: hidden;
}

.body .main__content .home__missions {
  padding: 16px;
  background-color: transparent;
}

.body .main__content .home__missions-header {
  background-image: url("../../images/mission_header_bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  padding: 0 16px;
  border-bottom: 0.5px solid #E0E1E8;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.body .main__content .home__missions-header .fas.fa-chevron-right {
  display: none;
}

.body .main__content .home__missions-header.collapsed .fas.fa-chevron-down {
  display: none;
}

.body .main__content .home__missions-header.collapsed .fas.fa-chevron-right {
  display: block;
}

.body .main__content .home__missions-body {
  padding: 16px 16px 24px;
  background-color: #fff;
}

.body .main__content .home__missions-item {
  background-color: #EFF3FE;
  border-radius: 5px;
  margin-bottom: 16px;
}

.body .main__content .home__missions-item-header {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  color: #1166E3;
  font-weight: bold;
}

.body .main__content .home__missions-item-header .fas.fa-chevron-right {
  display: none;
}

.body .main__content .home__missions-item-header.collapsed .fas.fa-chevron-down {
  display: none;
}

.body .main__content .home__missions-item-header.collapsed .fas.fa-chevron-right {
  display: block;
}

.body .main__content .home__missions-item.completed {
  background: #dafff3;
  border: 0.5px solid #18c549;
}

.body .main__content .home__missions-item.completed .home__missions-item-header {
  justify-content: flex-start;
  color: #19BC47;
}

.body .main__content .home__missions-item.completed .home__missions-item-header .fas {
  margin-right: 10px;
}

.body .main__content .home__missions-item-body {
  text-align: center;
}

.body .main__content .home__missions-item-body-wrapper {
  border-top: 1px solid #E0E1E8;
  padding: 16px 20px 12px;
}

.body .main__content .home__missions-item-body-form {
  margin-top: 16px;
}

.body .main__content .home__missions-item-body-form > div {
  flex-direction: column;
}

.body .main__content .home__missions-item-body-form > div .col:not(:last-of-type) {
  margin-bottom: 12px;
}

.body .main__content .home__missions-item-body-form > div .col .btn {
  height: 40px;
}

@media (min-width: 1200px) {
  .body .main__content .home__missions {
    background-color: #fff;
    padding: 0;
    margin-bottom: 24px;
  }
  .body .main__content .home__missions-header {
    font-size: 24px;
    padding: 0 24px;
    height: 92px;
  }
  .body .main__content .home__missions-body {
    padding: 24px 24px 32px;
  }
  .body .main__content .home__missions-item-body {
    padding: 16px 20px;
  }
  .body .main__content .home__missions-item-body-form > div {
    flex-direction: row;
  }
  .body .main__content .home__missions-item-body-form > div .col {
    margin-bottom: 0 !important;
  }
  .body .main__content .home__missions-item-body-form > div .col:first-of-type {
    text-align: right;
  }
  .body .main__content .home__missions-item-body-form > div .col:last-of-type {
    text-align: left;
  }
}

.body .main__content .home__announcements-slides {
  overflow: hidden;
  position: relative;
  min-height: 24px;
  margin-bottom: 12px;
  margin-top: 12px;
  height: 24px;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__announcements-slides {
    margin-bottom: 20px;
    margin-top: 0;
  }
}

.body .main__content .home__announcements-slides-more {
  margin: 0 0 2px 0;
  color: #1166E3 !important;
  padding-left: 12px;
  border-left: 1px solid #1166E3;
  font-size: 15px;
  min-width: 82px;
  border-radius: 0;
  height: 15px;
  line-height: 13px;
}

.body .main__content .home__announcements-slides-item {
  display: flex;
  align-items: center;
}

.body .main__content .home__announcements-slides-item .hot-badge {
  margin: 0 4px 0;
  line-height: 16px;
  height: 16px;
}

.body .main__content .home__announcements-slides-item p {
  margin: 0;
  font-size: 16px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__announcements-slides-item {
    padding: 0 16px;
  }
  .body .main__content .home__announcements-slides-item p {
    font-size: 15px;
  }
}

.body .main__content .home__announcements-slides ul,
.body .main__content .home__announcements-slides .js-slider {
  list-style: none;
  min-height: 24px;
  margin: 0;
  padding: 0;
  position: relative;
}

.body .main__content .home__announcements-slides ul li,
.body .main__content .home__announcements-slides .js-slider li {
  min-height: 24px;
  text-align: left;
  position: relative;
  font-family: lato, sans-serif;
}

.body .main__content .home__me {
  position: relative;
  margin-bottom: 16px;
}

.body .main__content .home__me .card {
  position: relative;
  z-index: 3;
  padding: 16px;
  box-shadow: none;
  border-bottom: 0 !important;
}

.body .main__content .home__me .under-card-1,
.body .main__content .home__me .under-card-2 {
  position: absolute;
  top: 0;
  background: #ffffff;
  border-radius: 5px;
}

.body .main__content .home__me .under-card-1 {
  width: calc(100% - 16px);
  height: calc(100% + 6px);
  left: 8px;
  opacity: 0.6;
  z-index: 2;
}

.body .main__content .home__me .under-card-2 {
  width: calc(100% - 48px);
  height: calc(100% + 12px);
  left: 24px;
  opacity: 0.2;
  z-index: 1;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me {
    margin-bottom: 24px;
  }
  .body .main__content .home__me .card {
    padding: 40px 40px 60px;
  }
}

.body .main__content .home__me-level {
  text-align: left;
  display: flex;
  justify-content: flex-start;
}

.body .main__content .home__me-level > div:first-of-type {
  margin-right: 36px;
}

.body .main__content .home__me-level-name {
  text-transform: uppercase;
  display: block;
  white-space: nowrap;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  margin-top: 10px;
}

.body .main__content .home__me-level-percent {
  color: #FBBC04;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me-level {
    text-align: center;
    justify-content: space-between;
  }
  .body .main__content .home__me-level > div:first-of-type {
    margin-right: 0;
  }
  .body .main__content .home__me-level-name {
    font-size: 20px;
    line-height: 24px;
    margin-top: 8px;
    text-transform: unset;
  }
  .body .main__content .home__me-level-percent {
    font-size: 26px;
    line-height: 32px;
  }
}

.body .main__content .home__me-divider {
  display: none;
  height: 127px;
  width: 1px;
  background-color: #e9ebf6;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me-divider {
    display: block;
  }
}

.body .main__content .home__me-statistics {
  position: relative;
}

.body .main__content .home__me-statistics-total {
  font-size: 15px;
  line-height: 22px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me-statistics-total {
    font-size: 18px;
    margin-bottom: 7px;
  }
}

.body .main__content .home__me-statistics-slider {
  width: 100%;
  height: 10px;
  position: relative;
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  height: 26px;
}

.body .main__content .home__me-statistics-slider-completed {
  background: linear-gradient(180deg, #05b937 0%, rgba(0, 67, 19, 0) 100%), #0aa235;
  height: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
  border-radius: 100px 0 0 100px;
}

.body .main__content .home__me-statistics-slider-rail {
  height: 100%;
  width: 100%;
  background: #eff3fe;
  border-radius: 100px;
  height: 10px;
}

.body .main__content .home__me-statistics-per-3-days {
  margin-right: 18%;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me-statistics-per-3-days {
    margin-right: 20%;
  }
}

.body .main__content .home__me-statistics-per-3-days p, .body .main__content .home__me-statistics-per-30-days p {
  font-size: 10px;
  line-height: 13px;
}

.body .main__content .home__me-statistics-per-3-days strong, .body .main__content .home__me-statistics-per-30-days strong {
  font-size: 15px;
  line-height: 22px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me-statistics-per-3-days p, .body .main__content .home__me-statistics-per-30-days p {
    font-size: 14px;
    line-height: 16px;
  }
  .body .main__content .home__me-statistics-per-3-days strong, .body .main__content .home__me-statistics-per-30-days strong {
    font-size: 18px;
    line-height: 24px;
  }
}

.body .main__content .home__me-statistics-next {
  position: absolute;
  right: 0;
  bottom: 0;
  background: #eff3fe;
  border-radius: 5px;
  border: 0;
  width: 38px;
  height: 36px;
}

.body .main__content .home__me-statistics-next svg {
  margin-top: -2px;
}

.body .main__content .home__me-statistics-next svg path {
  stroke: #1166e3;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__me-statistics-next {
    width: 40px;
    height: 40px;
  }
}

.body .main__content .home__wallet .chart-info__item {
  padding-left: 0;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.body .main__content .home__wallet .chart-info__item .title {
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .home__wallet .chart-info__item .price {
  font-size: 18px;
  line-height: 22px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__wallet .chart-info__item .title {
    font-size: 10px;
    line-height: 13px;
  }
  .body .main__content .home__wallet .chart-info__item .title:before {
    display: none;
  }
  .body .main__content .home__wallet .chart-info__item .title.is-yellow {
    color: #f3b106;
  }
  .body .main__content .home__wallet .chart-info__item .title.is-green {
    color: #18c549;
  }
  .body .main__content .home__wallet .chart-info__item .price {
    font-size: 15px;
    line-height: 22px;
  }
}

.body .main__content .home__grow {
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 18px;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__grow {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.body .main__content .home__grow .section-title {
  margin-bottom: 24px;
}

.body .main__content .home__grow-filter {
  position: absolute;
  right: 18px;
  top: 18px;
}

.body .main__content .home__grow-filter button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  font-weight: bold;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__grow-filter {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__grow-statistics {
    display: flex;
  }
}

.body .main__content .home__grow-statistics-member {
  display: none;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__grow-statistics-member {
    display: unset;
  }
}

.body .main__content .home__grow-statistics-member-item {
  padding: 12px;
}

.body .main__content .home__grow-statistics-member-item-title {
  color: #aeaeae;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  font-weight: 600;
  margin-bottom: 4px;
}

.body .main__content .home__grow-statistics-member-item-number {
  color: #333333;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}

.body .main__content .home__grow-statistics-member-item:first-of-type {
  border-radius: 4px;
  background-color: #1166E3;
}

.body .main__content .home__grow-statistics-member-item:first-of-type .home__grow-statistics-member-item-title,
.body .main__content .home__grow-statistics-member-item:first-of-type .home__grow-statistics-member-item-number {
  color: #fff !important;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__grow-statistics-member-item {
    padding: 16px 16px 42px;
  }
  .body .main__content .home__grow-statistics-member-item-title {
    margin-bottom: 12px;
  }
}

.body .main__content .home__grow-statistics-chart {
  overflow-x: auto;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__grow-statistics-chart .apexcharts-legend {
    flex-direction: column;
  }
}

.body .main__content .home__grow-statistics-chart .apexcharts-xaxistooltip-bottom {
  background: #fafcfe;
  border: 1px solid #c8e2f7;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  padding: 2px 6px;
}

.body .main__content .home__grow-statistics-chart .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #c8e2f7;
}

.body .main__content .home__grow-statistics-chart .apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #fafcfe;
}

.body .main__content .home__grow-statistics-chart .apexcharts-xaxistooltip-bottom .apexcharts-xaxistooltip-text {
  color: #172B4D;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
}

.body .main__content .home__grow-statistics-chart .apexcharts-xaxis-texts-g .apexcharts-text {
  visibility: hidden;
}

.body .main__content .home__grow-statistics-chart .apexcharts-xaxis-texts-g .apexcharts-text:first-of-type, .body .main__content .home__grow-statistics-chart .apexcharts-xaxis-texts-g .apexcharts-text:last-of-type {
  visibility: visible !important;
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__grow-statistics-chart {
    flex: 1;
    padding-left: 42px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__group {
    margin-bottom: 16px;
    padding-bottom: 16px;
    padding-top: 0;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__group {
    margin-bottom: 30px;
  }
}

.body .main__content .home__group-filter button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  font-weight: bold;
}

@media (max-width: 1199px) {
  .body .main__content .home__group-filter {
    margin-top: 16px;
  }
  .body .main__content .home__group-filter button {
    height: 38px;
    min-height: 38px;
    width: 100%;
    text-align: center;
    padding: 0 16px;
  }
  .body .main__content .home__group-filter .dropdown-menu {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .body .main__content .home__group-filter {
    position: absolute;
    right: 18px;
    top: 18px;
  }
}

.body .main__content .home__group-wrapper {
  overflow: auto;
  width: 100%;
}

.body .main__content .home__group-header {
  padding: 0 16px;
  margin-bottom: 20px;
}

.body .main__content .home__group-header-filter-options-item {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e9ebf6;
  border-radius: 8px;
  font-weight: bold;
  color: #4f5764;
  border-radius: none;
}

.body .main__content .home__group-header-filter-options-item:not(:last-of-type) {
  margin-right: 6px;
}

.body .main__content .home__group-header-filter-options-item.active {
  background: #142768;
  box-shadow: 0px 0px 8px 1px rgba(44, 77, 125, 0.1);
  border: 1px solid #142768;
  border-radius: 8px;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__group-header-filter-options {
    display: flex;
    flex-wrap: nowrap;
  }
  .body .main__content .home__group-header-filter-options-item {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    flex: 1;
    height: unset;
    border: 0;
    font-size: 14px;
    line-height: 16px;
    color: #b5b8cb;
  }
  .body .main__content .home__group-header-filter-options-item:not(:last-of-type) {
    margin-right: 24px;
  }
  .body .main__content .home__group-header-filter-options-item.active {
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-top: 2px solid #142768;
    color: #172B4D;
  }
}

.body .main__content .home__group-table {
  min-width: 640px;
  width: 100%;
}

.body .main__content .home__group-table-thead-col {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  background-color: #F8F8FD;
  padding: 9px 12px;
  white-space: nowrap;
}

.body .main__content .home__group-table-thead-col:nth-of-type(5), .body .main__content .home__group-table-thead-col:nth-of-type(6), .body .main__content .home__group-table-thead-col:nth-of-type(7), .body .main__content .home__group-table-thead-col:nth-of-type(8), .body .main__content .home__group-table-thead-col:nth-of-type(9), .body .main__content .home__group-table-thead-col:nth-of-type(10) {
  text-align: right;
}

.body .main__content .home__group-table-thead-col:nth-of-type(1), .body .main__content .home__group-table-thead-col:nth-of-type(2), .body .main__content .home__group-table-thead-col:nth-of-type(3), .body .main__content .home__group-table-thead-col:nth-of-type(4), .body .main__content .home__group-table-thead-col:nth-of-type(10) {
  color: #b5b8cb;
}

.body .main__content .home__group-table-tbody tr:hover {
  cursor: pointer;
}

.body .main__content .home__group-table-tbody tr:hover td {
  background-color: #f8f8fd;
}

.body .main__content .home__group-table-tbody-col {
  border-bottom: 1px solid #e9ebf6;
  text-align: left;
  padding: 12px 12px 8px;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
}

.body .main__content .home__group-table-tbody-col:nth-of-type(1) {
  display: flex;
}

.body .main__content .home__group-table-tbody-col:nth-of-type(5), .body .main__content .home__group-table-tbody-col:nth-of-type(6), .body .main__content .home__group-table-tbody-col:nth-of-type(7), .body .main__content .home__group-table-tbody-col:nth-of-type(8), .body .main__content .home__group-table-tbody-col:nth-of-type(9), .body .main__content .home__group-table-tbody-col:nth-of-type(10) {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.body .main__content .home__group-table-tbody-col-avt {
  margin-right: 16px;
}

.body .main__content .home__group-table-tbody-col-name {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
}

.body .main__content .home__group-table-tbody-col-rating {
  flex-wrap: nowrap;
}

.body .main__content .home__group-table-tbody-col-rating img {
  width: 17px;
}

.body .main__content .home__group-table-tbody-col-email {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.body .main__content .home__group-table-tbody-col-id {
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .home__group-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

.body .main__content .home__group-footer-view-more {
  padding: 8px 14px;
  height: 38px;
}

@media (min-width: 1200px) {
  .body .main__content .home__group-footer {
    position: relative;
    justify-content: center;
  }
  .body .main__content .home__group-footer-view-more {
    position: absolute;
    right: 10px;
    top: 0;
  }
}

@media (min-width: 1200px) {
  .body .main__content .home .campaign-chart {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}

.body .main__content .home__search-page {
  position: fixed;
  z-index: -1;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
}

.body .main__content .home__search-page.show {
  z-index: 99999;
  visibility: visible;
}

.body .main__content .home__search-page .main__content {
  min-height: calc(100vh - 70px);
}

.body .main__content .home__search-page__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 200;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 24px;
  height: 70px;
  box-shadow: 0px 0px 6px rgba(44, 77, 125, 0.15);
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__header {
    height: 60px;
    background-color: #1166E3;
  }
}

.body .main__content .home__search-page__header-logo {
  width: 235px;
}

.body .main__content .home__search-page__header-logo > img {
  width: 80px;
  height: auto;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__header-logo {
    width: auto;
    margin-right: 16px;
  }
  .body .main__content .home__search-page__header-logo > img {
    width: 60px;
  }
}

.body .main__content .home__search-page__header-search {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
}

.body .main__content .home__search-page__header-search-dropdown {
  position: relative;
}

.body .main__content .home__search-page__header-search-dropdown-handler {
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-color: #EFF3FE;
  border-radius: 0 4px 4px 0;
  padding: 0 8px;
}

.body .main__content .home__search-page__header-search-dropdown-content {
  width: 235px;
  margin-top: 5px;
}

.body .main__content .home__search-page__header-search-dropdown-content-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.body .main__content .home__search-page__header-search-dropdown-content-list-item {
  height: 60px;
  padding-left: 24px;
  display: flex;
  align-items: center;
}

.body .main__content .home__search-page__header-search-dropdown-content-list-item:hover, .body .main__content .home__search-page__header-search-dropdown-content-list-item.active {
  background-color: #EFF3FE;
}

.body .main__content .home__search-page__header-search-dropdown-content-list-item-text > img {
  width: 24px;
  margin-right: 16px;
}

.body .main__content .home__search-page__header-search-input {
  width: 100%;
  border: 0;
  margin-left: 16px;
  font-size: 15px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__header-search-input {
    width: 100%;
    margin-left: 8px;
    height: 35px;
    border-radius: 4px;
    background-color: #fff;
    padding-left: 12px;
  }
  .body .main__content .home__search-page__header-search-input::-webkit-input-placeholder {
    /* Edge */
    color: #696D74;
    font-size: 14px;
  }
  .body .main__content .home__search-page__header-search-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #696D74;
    font-size: 14px;
  }
  .body .main__content .home__search-page__header-search-input::placeholder {
    color: #696D74;
    font-size: 14px;
  }
}

.body .main__content .home__search-page__header-search-input:focus {
  outline: none;
  border: 0;
}

.body .main__content .home__search-page__header-search-input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 16px;
}

.body .main__content .home__search-page__header-search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 16px;
}

.body .main__content .home__search-page__header-search-input::placeholder {
  color: #696D74;
  font-size: 16px;
}

.body .main__content .home__search-page__header-close {
  margin-left: auto;
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__header-close {
    position: absolute;
    left: 14px;
    top: 15px;
  }
  .body .main__content .home__search-page__header-close .ic svg path {
    stroke: #fff;
  }
}

.body .main__content .home__search-page__content-header {
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 88px;
  padding: 22px 30px 0;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header {
    height: 57px;
    padding: 9px 15px 0;
  }
}

.body .main__content .home__search-page__content-header-item {
  background-color: #F8F8FD;
  border-radius: 8px;
  height: 44px;
  width: auto;
  border: 0;
  white-space: nowrap;
  padding: 0 12px;
  margin-right: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header-item {
    height: 40px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.body .main__content .home__search-page__content-header-item .ic {
  margin-left: 8px;
}

.body .main__content .home__search-page__content-header-item .ic.checked {
  display: none;
}

.body .main__content .home__search-page__content-header-item.applied {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__content .home__search-page__content-header-item.applied .ic.checked {
  display: inline;
}

.body .main__content .home__search-page__content-header-item.applied .ic.plus {
  display: none;
}

.body .main__content .home__search-page__content-header-item:focus {
  outline: none;
}

.body .main__content .home__search-page__content-header-item.active, .body .main__content .home__search-page__content-header-item:hover {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__content .home__search-page__content-header-item.active .ic svg path, .body .main__content .home__search-page__content-header-item:hover .ic svg path {
  stroke: #1166E3;
}

.body .main__content .home__search-page__content-header-left {
  border-right: 1px solid #E9EBF6;
  padding-right: 10px;
  margin-right: 20px;
  display: flex;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header-left {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown,
.body .main__content .home__search-page__content-header-left .country__dropdown,
.body .main__content .home__search-page__content-header-left .cate__dropdown {
  position: initial;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header-left .attribute__dropdown-menu,
  .body .main__content .home__search-page__content-header-left .country__dropdown-menu,
  .body .main__content .home__search-page__content-header-left .cate__dropdown-menu {
    height: auto;
    width: 100% !important;
    border-radius: 0 !important;
    background-color: #fff !important;
  }
  .body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content,
  .body .main__content .home__search-page__content-header-left .country__dropdown-menu-content,
  .body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content {
    max-height: calc(100vh - 150px) !important;
    height: auto;
    overflow-y: auto;
  }
  .body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-footer,
  .body .main__content .home__search-page__content-header-left .country__dropdown-menu-footer,
  .body .main__content .home__search-page__content-header-left .cate__dropdown-menu-footer {
    height: 57px;
    width: 100%;
    background-color: #fff;
    padding: 11px 0 0 0 !important;
    z-index: 2;
    border-top: 0.5px solid #E9EBF6;
  }
  .body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-footer .btn-link,
  .body .main__content .home__search-page__content-header-left .country__dropdown-menu-footer .btn-link,
  .body .main__content .home__search-page__content-header-left .cate__dropdown-menu-footer .btn-link {
    height: 32px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content,
  .body .main__content .home__search-page__content-header-left .country__dropdown-menu-content,
  .body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content {
    max-height: 300px;
    overflow-y: auto;
  }
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content .form-check,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content .form-check,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content .form-check {
  margin-bottom: 10px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content-tree,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content-tree,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content-tree ul,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content-tree ul,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content-tree .caret,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content-tree .caret,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content-tree .caret .arrow-down,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content-tree .caret .arrow-down,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content-tree .nested,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content-tree .nested,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content-tree .nested.active,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-content-tree .nested.active,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header {
  padding-bottom: 12px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search {
  position: relative;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search .ic,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search .ic,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search .ic {
  position: absolute;
  left: 4px;
  top: 4px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search .ic svg,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search .ic svg,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search .ic svg {
  width: 16px;
  height: 16px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search > input,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search > input,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search > input {
  padding-left: 24px;
  width: 100%;
  height: 35px;
  border: 1px solid #E9EBF6;
  border-radius: 8px;
  background-color: #F8F8FD;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search > input:focus,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search > input:focus,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search > input:focus {
  outline: none;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search > input::-webkit-input-placeholder,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search > input::-webkit-input-placeholder,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search > input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 14px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search > input:-ms-input-placeholder,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search > input:-ms-input-placeholder,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 14px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-header-search > input::placeholder,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-header-search > input::placeholder,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-header-search > input::placeholder {
  color: #696D74;
  font-size: 14px;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-footer,
.body .main__content .home__search-page__content-header-left .country__dropdown-menu-footer,
.body .main__content .home__search-page__content-header-left .cate__dropdown-menu-footer {
  padding-top: 12px;
  border-top: 0.5px solid #E9EBF6;
  display: flex;
  justify-content: space-between;
}

.body .main__content .home__search-page__content-header-left .attribute__dropdown-menu {
  width: 200px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header-left .attribute__dropdown-menu-content {
    padding-bottom: 15px;
  }
}

.body .main__content .home__search-page__content-header-left .country__dropdown-menu {
  width: 310px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header-left .country__dropdown-menu-content {
    padding-bottom: 15px;
  }
}

.body .main__content .home__search-page__content-header-left .cate__dropdown-menu {
  width: 310px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .home__search-page__content-header-left .cate__dropdown-menu-content {
    padding-bottom: 15px;
  }
}

.body .main__content .home__search-page__content-header-right {
  width: 100%;
  overflow-x: visible;
  display: flex;
  flex-wrap: nowrap;
  /* width */
  /* Track */
  /* Handle */
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__search-page__content-header-right {
    overflow-x: auto;
  }
}

.body .main__content .home__search-page__content-header-right::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.body .main__content .home__search-page__content-header-right::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
}

.body .main__content .home__search-page__content-header-right::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 20px;
}

.body .main__content .home__search-page__content-header-right::-webkit-scrollbar-thumb:hover {
  background: #696D74;
}

.body .main__content .home__search-page__content-header-right .ic {
  margin-right: 8px;
  margin-left: 0;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler {
  background-color: #F8F8FD;
  border-radius: 8px;
  height: 40px;
  width: 100%;
  border: 0;
  white-space: nowrap;
  padding: 0 12px;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler .ic {
  margin-left: 8px;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler .ic svg path {
  stroke: #172B4D;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler .ic.checked {
  display: none;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler.active {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler.active .ic svg path {
  stroke: #1166E3;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler:focus {
  outline: none;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler.active {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler.active .ic svg path {
  stroke: #1166E3;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler.active .ic.checked {
  display: inline;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-handler.active .ic.plus {
  display: none;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content {
  height: auto;
  max-height: calc(100vh - 110px) !important;
  width: 100% !important;
  position: fixed !important;
  top: 110px !important;
  left: 0 !important;
  transform: none !important;
  border-radius: 0 !important;
  background-color: #fff !important;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list {
  max-height: calc(100vh - 150px) !important;
  height: auto;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item {
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  align-items: center;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item .ic.checked {
  display: none;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item .ic:not(.checked) {
  margin-right: 12px;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item.active {
  background-color: #EFF3FE;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item.active .main__search-page__content-header-right-mobile-dropdown-content-list-item-text {
  color: #1166E3;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item.active .ic svg path {
  stroke: #1166E3;
}

.body .main__content .home__search-page__content-header-right-mobile-dropdown-content-list-item.active .ic.checked {
  margin-left: auto;
  display: inline;
}

.body .main__content .home__search-page__content-list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .body .main__content .home__search-page__content-list {
    padding: 12px;
    border-top: 1px solid #E9EBF6;
    background-color: #fff;
  }
}

@media screen and (min-width: 992px) {
  .body .main__content .home__search-page__content-list {
    margin-top: 88px;
  }
}

.body .main__content .home__search-page__content-list-empty {
  width: 100%;
  text-align: center;
}

.body .main__content .home__search-page__content-list-item {
  width: 100%;
  margin-bottom: 8px;
  flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0 4px;
}

.body .main__content .home__search-page__content-list-item > div {
  height: 100%;
}

@media screen and (min-width: 992px) {
  .body .main__content .home__search-page__content-list-item {
    flex: 0 0 33.3333%;
    margin-bottom: 24px;
    padding: 0 12px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__search-page__content-list-item {
    flex: 0 0 25%;
  }
}

@media screen and (min-width: 1440px) {
  .body .main__content .home__search-page__content-list-item {
    flex: 0 0 20%;
  }
}

.body .main__content .home__search-page__content-list-item > div {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  padding-bottom: 16px;
}

.body .main__content .home__search-page__content-list-item-img {
  width: 100%;
  height: calc((50vw - 20px) * 0.58);
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  margin-bottom: 9px;
}

@media screen and (min-width: 992px) {
  .body .main__content .home__search-page__content-list-item-img {
    height: calc((33.3333vw - 20px) * 0.58);
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .home__search-page__content-list-item-img {
    height: calc(((100vw - 235px) / 4 - 34px) * 0.58);
  }
}

@media screen and (min-width: 1440px) {
  .body .main__content .home__search-page__content-list-item-img {
    height: calc(((100vw - 235px) / 5 - 34px) * 0.58);
    max-height: calc((1400px / 5 - 34px) * 0.58);
  }
}

.body .main__content .home__search-page__content-list-item-title, .body .main__content .home__search-page__content-list-item-discount, .body .main__content .home__search-page__content-list-item-participants {
  margin: 0 16px;
}

.body .main__content .home__search-page__content-list-item-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  min-height: 36px;
}

@media screen and (max-width: 767px) {
  .body .main__content .home__search-page__content-list-item-title {
    font-size: 15px;
    line-height: 18px;
    min-height: 32px;
  }
}

.body .main__content .home__search-page__content-list-item-discount {
  display: inline-block;
  background: #ff754c;
  border-radius: 8px;
  padding: 3px 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .body .main__content .home__search-page__content-list-item-discount {
    font-size: 12px;
  }
}

.body .main__content .home__search-page__content-list-item-participants {
  font-size: 14px;
  line-height: 16px;
  color: #696D74;
}

@media screen and (max-width: 767px) {
  .body .main__content .home__search-page__content-list-item-participants {
    font-size: 12px;
  }
}

.body .main__content .home__search-page__content-list-item-label {
  font-size: 12px;
  line-height: 12px;
  padding: 4px 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  margin-left: 16px;
}

.body .main__content .home__search-page__content-list-item-label.new {
  background: linear-gradient(90deg, #11b1e3 -6.78%, #188ee3 108.47%);
}

.body .main__content .home__search-page__content-list-item-label.recommended {
  background: linear-gradient(89.86deg, #1166e3 4.51%, #733abc 99.94%);
}

.body .main__content .home__search-page__content-list-item-label.hot {
  background: linear-gradient(90deg, #ff603d -6.78%, #ef3810 108.47%);
}

@media screen and (max-width: 1200px) {
  .body .main__content .home__search-page__content-header {
    position: relative;
  }
  .body .main__content .home__search-page__content-list {
    margin-top: 0;
  }
}

.body .main__content .home__search-page .ola-checkbox-group .form-check {
  display: flex;
  align-items: center;
}

.body .main__content .home__search-page .ola-checkbox-group .form-check-input {
  margin-right: 6px;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
}

.body .main__content .home__search-page .ola-checkbox-group .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: bold;
}

.body .main__content .home__search-page .ola-checkbox-group .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.body .main__content .home__search-page .ola-checkbox-group .form-check:last-child {
  margin-bottom: 0;
}

.body .main__content .home__search-page .ola-checkbox-group .caret.active .ic svg {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.body .main__content .home__search-page .ola-checkbox-group .caret.has-selected .form-check-input:after,
.body .main__content .home__search-page .ola-checkbox-group .nested.has-selected .form-check-input:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f068";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.body .main__content .home__search-page .ola-checkbox-group .caret.all-selected .form-check-input:after,
.body .main__content .home__search-page .ola-checkbox-group .nested.all-selected .form-check-input:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .body .main__content .wallet .section-title {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .wallet__net {
    color: #1166E3;
  }
}

.body .main__content .wallet__withdraw {
  height: 40px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .wallet__withdraw {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .wallet__income > div:first-of-type {
    margin-right: 8%;
  }
}

@media screen and (max-width: 767px) {
  .body .main__content .wallet__income-all {
    display: none;
  }
  .body .main__content .wallet__income-approved, .body .main__content .wallet__income-pending {
    flex: 0 0 50%;
    align-items: flex-start;
  }
  .body .main__content .wallet__income-approved > img, .body .main__content .wallet__income-pending > img {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-top: 5px;
  }
}

.body .main__content .membership__ref {
  border-radius: 8px;
  height: 57px;
  background-color: #f8f8fd;
  padding: 5px 12px 5px 0;
}

.body .main__content .membership__ref-code {
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}

.body .main__content .membership__ref .btn {
  padding: 12px 12px;
  height: 35px;
  line-height: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .membership__footer {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .body .main__content .membership__ref-code {
    text-align: left;
    padding-right: 24px;
  }
  .body .main__content .membership__ref-code strong {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (max-width: 767px) {
  .body .main__content .membership__number {
    display: none;
  }
  .body .main__content .membership__approved-income, .body .main__content .membership__pending-income {
    padding-left: 14px;
    position: relative;
    flex: 0 0 50%;
  }
  .body .main__content .membership__approved-income::before, .body .main__content .membership__pending-income::before {
    content: "";
    width: 6px;
    height: 6px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
  }
  .body .main__content .membership__approved-income::before {
    background-color: #19BC47;
  }
  .body .main__content .membership__pending-income::before {
    background-color: #FBBC04;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .membership__footer-list > div {
    padding: 0;
  }
  .body .main__content .membership__footer-list > div:not(:last-of-type) {
    padding-right: 8px;
  }
  .body .main__content .membership__footer-list-item {
    background: #f8f8fd;
    border-radius: 8px;
    padding: 12px !important;
  }
  .body .main__content .membership__footer-list-item svg {
    display: none;
  }
  .body .main__content .membership__footer-list-item .title {
    font-size: 10px;
    line-height: 13px;
    white-space: nowrap;
  }
}

.body .main__content .report-section {
  padding: 16px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-section {
    padding-top: 0;
    margin-bottom: 16px;
  }
}

.body .main__content .report-section__filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section__filter {
    margin-bottom: 26px;
  }
}

.body .main__content .report-section__filter-options {
  display: flex;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-section__filter-options {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .body .main__content .report-section__filter-options-item {
    flex: 1;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    color: #b5b8cb;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .body .main__content .report-section__filter-options-item:not(:last-of-type) {
    margin-right: 24px;
  }
  .body .main__content .report-section__filter-options-item.active {
    color: #172b4d;
    border-top: 2px solid #142768;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section__filter-options-item {
    color: #4f5764;
    height: 38px;
    border: 1px solid #e9ebf6;
    font-size: 15px;
    line-height: 22px;
  }
  .body .main__content .report-section__filter-options-item.active {
    color: #fff !important;
    background: #142768;
    font-weight: bold;
  }
}

.body .main__content .report-section__filter-dropdown {
  height: 38px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-section__filter-dropdown {
    display: none;
  }
}

.body .main__content .report-section__filter-dropdown button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  width: 100%;
  padding: 0 16px;
  height: 38px;
  min-height: 38px;
  font-weight: bold;
  font-size: 15px;
}

.body .main__content .report-section__filter-mobile {
  width: fit-content;
  height: 40px;
}

.body .main__content .report-section__filter-mobile button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  width: 100%;
  padding: 0 32px 0 16px;
  height: 40px;
  min-height: 40px;
  font-weight: bold;
  font-size: 15px;
  color: #4f5764;
  font-size: 14px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section__filter-mobile {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section {
    padding: 18px 20px;
    margin-bottom: 30px;
  }
}

.body .main__content .report-section__bar-chart {
  overflow-x: auto;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-section__bar-chart .apexcharts-legend {
    flex-direction: column;
  }
  .body .main__content .report-section__bar-chart .apexcharts-legend .series-name {
    margin-right: 8px;
  }
  .body .main__content .report-section__bar-chart .apexcharts-legend .apexcharts-legend-marker {
    margin-top: 3px;
  }
  .body .main__content .report-section__bar-chart .apexcharts-legend .apexcharts-legend-text {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section__bar-chart {
    flex: 1;
  }
  .body .main__content .report-section__bar-chart .apexcharts-legend .series-name {
    display: block;
    text-transform: uppercase;
  }
}

.body .main__content .report-section__bar-chart .arrow_box {
  background: #F8F8FD;
  border: 0.5px solid #E9EBF6;
  border-radius: 4px;
  padding: 12px;
}

.body .main__content .report-section__bar-chart .arrow_box-item {
  display: flex;
  align-items: center;
}

.body .main__content .report-section__bar-chart .apexcharts-svg foreignObject {
  padding-top: 80px;
}

.body .main__content .report-section__pie-chart .apexcharts-legend {
  flex-direction: column;
}

.body .main__content .report-section__pie-chart .apexcharts-legend .series-name {
  margin-right: 8px;
}

.body .main__content .report-section__pie-chart .apexcharts-legend .apexcharts-legend-marker {
  margin-top: 3px;
}

.body .main__content .report-section__pie-chart .apexcharts-legend .apexcharts-legend-text {
  font-size: 15px !important;
}

.body .main__content .report-section__pie-chart .apexcharts-canvas {
  min-height: 460px;
}

.body .main__content .report-section__pie-chart .apexcharts-canvas svg {
  min-height: 460px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section__pie-chart .apexcharts-canvas {
    min-height: 480px;
  }
  .body .main__content .report-section__pie-chart .apexcharts-canvas svg {
    min-height: 480px;
  }
}

.body .main__content .report-section__pie-chart .apexcharts-pie {
  transform: translate(0, 150px);
}

.body .main__content .report-section__pie-chart-empty {
  position: absolute;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 224px;
  height: 224px;
  text-align: center;
}

.body .main__content .report-section__pie-chart-empty img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-section__pie-chart .apexcharts-pie {
    transform: translate(20px, 150px);
  }
}

#dashboard_modal {
  padding: 0 !important;
}

#dashboard_modal .slider-wrapper {
  max-width: 510px;
  padding: 30px 30px 0;
  margin: auto;
}

#dashboard_modal .slider-wrapper .slick-dots {
  position: relative;
}

#dashboard_modal .slider-wrapper .slick-dots li button:before {
  font-size: 12px;
}

#dashboard_modal .slider-wrapper .slick-dots li.slick-active button:before {
  color: #fff;
}

#dashboard_modal .slider-wrapper .slick-prev,
#dashboard_modal .slider-wrapper .slick-next {
  width: 32px;
  height: 32px;
  opacity: 0.7;
}

#dashboard_modal .slider-wrapper .slick-prev:hover,
#dashboard_modal .slider-wrapper .slick-next:hover {
  opacity: 0.5;
}

#dashboard_modal .slider-wrapper .slick-prev {
  left: -40px;
}

#dashboard_modal .slider-wrapper .slick-next {
  right: -40px;
}

@media (max-width: 768px) {
  #dashboard_modal .slider-wrapper .slick-prev,
  #dashboard_modal .slider-wrapper .slick-next {
    width: 25px;
    height: 25px;
  }
  #dashboard_modal .slider-wrapper .slick-prev {
    left: -30px;
  }
  #dashboard_modal .slider-wrapper .slick-next {
    right: -30px;
  }
}

.body .main__content .campaign__slider .carousel-indicators > li, .body .main__content .campaign__content-slider .carousel-indicators > li {
  background: #696D74;
  border-radius: 100px;
  border: 0;
  width: 6px;
  height: 5px;
}

.body .main__content .campaign__slider .carousel-indicators > li.active, .body .main__content .campaign__content-slider .carousel-indicators > li.active {
  width: 18px;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__slider .carousel-indicators > li, .body .main__content .campaign__content-slider .carousel-indicators > li {
    width: 20px;
    height: 8px;
  }
  .body .main__content .campaign__slider .carousel-indicators > li.active, .body .main__content .campaign__content-slider .carousel-indicators > li.active {
    width: 58px;
  }
}

.body .main__content .campaign__slider .carousel-inner .carousel-item, .body .main__content .campaign__content-slider .carousel-inner .carousel-item {
  height: 100%;
}

.body .main__content .campaign__slider .carousel-inner .carousel-item img, .body .main__content .campaign__content-slider .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.body .main__content .campaign__slider {
  background-color: transparent;
}

.body .main__content .campaign__slider-wrapper {
  width: 100%;
}

@media (max-width: 1199px) {
  .body .main__content .campaign__slider-wrapper {
    padding-bottom: 30px;
    background-color: #1166E3;
  }
}

.body .main__content .campaign__slider .carousel-indicators {
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  margin-left: 16px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign__slider .carousel-indicators > li {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #fff;
    opacity: 0.4;
  }
  .body .main__content .campaign__slider .carousel-indicators > li.active {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .body .main__content .campaign__slider .carousel-indicators {
    margin-right: 32px;
    margin-left: 32px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__slider .carousel-indicators {
    justify-content: start;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 32px;
  }
}

.body .main__content .campaign__slider .carousel-inner {
  max-width: 1400px;
  margin: 0 auto;
  height: calc(100vw * 0.56);
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign__slider .carousel-inner {
    padding: 10px 16px 32px;
  }
  .body .main__content .campaign__slider .carousel-inner .carousel-item {
    border-radius: 8px;
  }
  .body .main__content .campaign__slider .carousel-inner .carousel-item img {
    border-radius: 8px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__slider .carousel-inner {
    height: calc((100vw - 235px) / 3);
    max-height: calc(1400px / 3);
  }
}

.body .main__content .campaign__content-slider {
  padding: 0 12px;
}

.body .main__content .campaign__content-slider .carousel-inner {
  height: 80px;
}

@media screen and (min-width: 768px) {
  .body .main__content .campaign__content-slider .carousel-inner {
    height: 100px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__content-slider .carousel-inner {
    height: 176px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__content-slider .carousel-indicators > li {
    height: 5px;
  }
}

.body .main__content .campaign__hot-news {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 887px;
  margin: 35px auto 46px;
}

.body .main__content .campaign__hot-news p {
  margin-bottom: 0;
}

.body .main__content .campaign__types {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign__types-card {
    border-radius: 30px 30px 0px 0px;
    padding: 36px 0 20px;
    margin-top: -30px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__types-card {
    margin-bottom: 24px;
  }
}

.body .main__content .campaign__types-item {
  cursor: pointer;
  text-align: center;
  flex: 0 0 25%;
  font-size: 12px;
  line-height: 16px;
}

.body .main__content .campaign__types-item-icon {
  position: relative;
  margin-bottom: 8px;
}

.body .main__content .campaign__types-item-icon > img {
  width: 40px;
}

.body .main__content .campaign__types-item-icon .coming {
  font-size: 10px;
  line-height: 18px;
  background-color: #E63F16;
  border-radius: 4px;
  padding: 0 4px;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  min-width: 70px;
  height: 16px;
  white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .body .main__content .campaign__types-item-icon > img {
    width: 60px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__types-item {
    flex: 0 0 14.28%;
  }
}

.body .main__content .campaign__actions {
  width: 100%;
  text-align: center;
}

.body .main__content .campaign__actions .btn {
  border-radius: 8px;
}

.body .main__content .campaign__actions .btn:hover {
  border: 0.5px solid #1166E3;
  background-color: #fff;
  color: #1166E3;
}

.body .main__content .campaign__top-leader {
  background-color: #fff;
  margin-bottom: 32px;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(36, 35, 35, 0.08);
  border: 0;
}

.body .main__content .campaign__top-leader-banner > img {
  width: 100%;
  height: calc(100vw / 9);
  object-fit: cover;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__top-leader-banner > img {
    border-radius: 5px;
    height: calc((100vw - 235px - 64px) / 9);
    max-height: calc(1400px / 9);
  }
}

.body .main__content .campaign__top-leader-ranking {
  margin-top: 12px;
  width: 100%;
  min-width: 1140px;
}

.body .main__content .campaign__top-leader-ranking-container {
  overflow-x: auto;
  width: 100%;
}

.body .main__content .campaign__top-leader-ranking-header-row-item {
  font-size: 12px;
  text-transform: uppercase;
  color: #696D74;
  padding: 12px 24px;
  border-bottom: 0.5px solid #E9EBF6;
}

.body .main__content .campaign__top-leader-ranking-header-row-item:not(:first-of-type) {
  text-align: right;
}

.body .main__content .campaign__top-leader-ranking-body-row-item {
  border-bottom: 0.5px solid #E9EBF6;
  padding: 18px 24px;
  cursor: pointer;
}

.body .main__content .campaign__top-leader-ranking-body-row-item-profile {
  display: flex;
  align-items: center;
}

.body .main__content .campaign__top-leader-ranking-body-row-item-profile-level {
  color: #696D74;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  margin-right: 62px;
}

.body .main__content .campaign__top-leader-ranking-body-row-item-profile-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.body .main__content .campaign__top-leader-ranking-body-row-item-profile-avatar > img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
}

.body .main__content .campaign__top-leader-ranking-body-row-item-score, .body .main__content .campaign__top-leader-ranking-body-row-item-total, .body .main__content .campaign__top-leader-ranking-body-row-item-income, .body .main__content .campaign__top-leader-ranking-body-row-item-f1 {
  font-size: 16px;
  line-height: 16px;
  text-align: right;
}

.body .main__content .campaign__top-leader-ranking-body-row:nth-of-type(1) .campaign__top-leader-ranking-body-row-item-profile-level {
  color: #E63F16;
}

.body .main__content .campaign__top-leader-ranking-body-row:nth-of-type(2) .campaign__top-leader-ranking-body-row-item-profile-level {
  color: #ffc01e;
}

.body .main__content .campaign__top-leader-ranking-body-row:nth-of-type(3) .campaign__top-leader-ranking-body-row-item-profile-level {
  color: #b68917;
}

.body .main__content .campaign__top-leader-ranking-body-row:hover {
  box-shadow: 0px 0px 8px rgba(198, 198, 198, 0.25);
  border-radius: 3px;
}

.body .main__content .campaign__top-leader-ranking-body-row:hover .campaign__top-leader-ranking-body-row-item {
  border: 0;
}

.body .main__content .campaign__top-leader-footer {
  height: 56px;
  text-align: center;
  line-height: 56px;
}

.body .main__content .campaign__suggestions {
  margin-bottom: 32px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign__suggestions {
    padding: 0 4px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__suggestions {
    margin-left: -12px;
    margin-right: -12px;
  }
}

.body .main__content .campaign__suggestions-title {
  width: auto;
  display: inline-block;
  background: linear-gradient(89.86deg, #1166e3 4.51%, #733abc 99.94%);
  border-radius: 4px;
  color: #fff;
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 14px;
  line-height: 17px;
  padding: 4px 10px;
  margin-left: 12px;
  align-items: center;
}

.body .main__content .campaign__suggestions-title > img {
  width: 14px;
  margin-right: 4px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__suggestions-title {
    font-size: 26px;
    line-height: 32px;
  }
  .body .main__content .campaign__suggestions-title > img {
    width: 22px;
  }
}

.body .main__content .campaign__suggestions-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.body .main__content .campaign__suggestions-list-item {
  margin-bottom: 24px;
  padding-right: 12px;
  padding-left: 12px;
  flex: 0 0 50%;
  height: 110px;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign__suggestions-list-item {
    height: 160px;
    flex: 0 0 33.3333%;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__suggestions-list-item {
    flex: 0 0 25%;
  }
}

@media screen and (min-width: 1440px) {
  .body .main__content .campaign__suggestions-list-item {
    flex: 0 0 20%;
  }
}

.body .main__content .campaign__suggestions-list-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign__hot-types {
    padding: 0 16px;
  }
}

.body .main__content .campaign__hot-types-item {
  margin-bottom: 36px;
}

.body .main__content .campaign__hot-types-item-header {
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
}

.body .main__content .campaign__hot-types-item-header > img {
  margin-right: 16px;
  margin-top: -12px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign__hot-types-item-header > img {
    width: 36px;
    margin-top: -5px;
  }
}

.body .main__content .campaign__hot-types-item-header-title > h5 {
  color: #1166E3;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__hot-types-item-header-title > h5 {
    font-size: 26px;
    line-height: 32px;
  }
}

.body .main__content .campaign__hot-types-item-header-title > p {
  font-size: 16px;
  line-height: 24px;
}

@media screen and (max-width: 767px) {
  .body .main__content .campaign__hot-types-item-header-title > p {
    display: none;
  }
}

.body .main__content .campaign__hot-types-item-content {
  margin: 0 -4px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__hot-types-item-content {
    margin: 0 -12px;
  }
}

.body .main__content .campaign__hot-types-item-content-banner {
  padding: 0 12px;
  width: 100%;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .body .main__content .campaign__hot-types-item-content-banner {
    height: 100px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__hot-types-item-content-banner {
    height: 175px;
  }
}

.body .main__content .campaign__hot-types-item-content-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.body .main__content .campaign__hot-types-item-content-list-item {
  width: 100%;
  padding: 0 4px;
  margin-bottom: 8px;
  flex: 0 0 50%;
  flex: 0 0 50%;
}

.body .main__content .campaign__hot-types-item-content-list-item > div {
  height: 100%;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign__hot-types-item-content-list-item {
    flex: 0 0 33.3333%;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__hot-types-item-content-list-item {
    padding: 0 12px;
    margin-bottom: 24px;
    flex: 0 0 25%;
  }
}

@media screen and (min-width: 1440px) {
  .body .main__content .campaign__hot-types-item-content-list-item {
    flex: 0 0 20%;
  }
}

.body .main__content .campaign__hot-types-item-content-list-item > div {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  padding-bottom: 16px;
}

.body .main__content .campaign__hot-types-item-content-list-item-img {
  width: 100%;
  height: calc((50vw - 20px) * 0.58);
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  margin-bottom: 9px;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign__hot-types-item-content-list-item-img {
    height: calc((33.3333vw - 16px) * 0.58);
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign__hot-types-item-content-list-item-img {
    height: calc(((100vw - 235px) / 4 - 34px) * 0.58);
  }
}

@media screen and (min-width: 1440px) {
  .body .main__content .campaign__hot-types-item-content-list-item-img {
    height: calc(((100vw - 235px) / 5 - 34px) * 0.58);
    max-height: calc((1400px / 5 - 34px) * 0.58);
  }
}

.body .main__content .campaign__hot-types-item-content-list-item-title, .body .main__content .campaign__hot-types-item-content-list-item-discount, .body .main__content .campaign__hot-types-item-content-list-item-participants {
  margin: 0 16px;
}

.body .main__content .campaign__hot-types-item-content-list-item-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  min-height: 36px;
}

@media screen and (max-width: 767px) {
  .body .main__content .campaign__hot-types-item-content-list-item-title {
    font-size: 15px;
    line-height: 18px;
    min-height: 32px;
  }
}

.body .main__content .campaign__hot-types-item-content-list-item-discount {
  display: inline-block;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  color: #ff754c;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .body .main__content .campaign__hot-types-item-content-list-item-discount {
    font-size: 12px;
  }
}

.body .main__content .campaign__hot-types-item-content-list-item-participants {
  font-size: 14px;
  line-height: 16px;
  color: #696D74;
}

@media screen and (max-width: 767px) {
  .body .main__content .campaign__hot-types-item-content-list-item-participants {
    font-size: 12px;
  }
}

.body .main__content .campaign__hot-types-item-content-list-item-label {
  font-size: 12px;
  line-height: 12px;
  padding: 4px 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  margin-left: 16px;
  margin-bottom: 10px;
}

.body .main__content .campaign__hot-types-item-content-list-item-label.new {
  background: linear-gradient(90deg, #11b1e3 -6.78%, #188ee3 108.47%);
}

.body .main__content .campaign__hot-types-item-content-list-item-label.recommended {
  background: linear-gradient(89.86deg, #1166e3 4.51%, #733abc 99.94%);
}

.body .main__content .campaign__hot-types-item-content-list-item-label.hot {
  background: linear-gradient(90deg, #ff603d -6.78%, #ef3810 108.47%);
}

.body .main__search-page .main__content {
  min-height: calc(100vh - 70px);
}

.body .main__search-page__header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 200;
  background-color: #fff;
  height: 70px;
  box-shadow: 0px 0px 6px rgba(44, 77, 125, 0.15);
}

.body .main__search-page__header .navbar {
  height: auto;
}

@media (min-width: 1200px) {
  .body .main__search-page__header .navbar {
    display: none;
  }
}

@media (min-width: 1200px) {
  .body .main__search-page__header {
    display: flex;
    align-items: center;
    padding: 0 24px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__header {
    height: 88px;
    background-color: #0055D1;
  }
}

.body .main__search-page__header-logo {
  width: 235px;
}

.body .main__search-page__header-logo > img {
  width: 80px;
  height: auto;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__header-logo {
    width: auto;
    margin-right: 16px;
  }
  .body .main__search-page__header-logo > img {
    width: 60px;
  }
}

.body .main__search-page__header-search {
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 12px;
}

.body .main__search-page__header-search-dropdown {
  position: relative;
}

.body .main__search-page__header-search-dropdown-handler {
  height: 34px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  background-color: transparent;
  border-radius: 0 4px 4px 0;
  padding: 0 8px;
}

.body .main__search-page__header-search-dropdown-handler .ic {
  line-height: 10px;
}

.body .main__search-page__header-search-dropdown-content {
  width: 235px;
  margin-top: 5px;
}

.body .main__search-page__header-search-dropdown-content-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.body .main__search-page__header-search-dropdown-content-list-item {
  height: 60px;
  padding-left: 24px;
  display: flex;
  align-items: center;
}

.body .main__search-page__header-search-dropdown-content-list-item:hover, .body .main__search-page__header-search-dropdown-content-list-item.active {
  background-color: #EFF3FE;
}

.body .main__search-page__header-search-dropdown-content-list-item-text > img {
  width: 24px;
  margin-right: 16px;
}

.body .main__search-page__header-search-input {
  width: 100%;
  border: 0;
  margin-left: 16px;
  font-size: 15px;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__header-search-input {
    width: 100%;
    margin-left: 0;
    height: 35px;
    border-radius: 4px;
    background-color: #fff;
    padding-left: 12px;
  }
  .body .main__search-page__header-search-input::-webkit-input-placeholder {
    /* Edge */
    color: #696D74;
    font-size: 14px;
  }
  .body .main__search-page__header-search-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #696D74;
    font-size: 14px;
  }
  .body .main__search-page__header-search-input::placeholder {
    color: #696D74;
    font-size: 14px;
  }
}

.body .main__search-page__header-search-input:focus {
  outline: none;
  border: 0;
}

.body .main__search-page__header-search-input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 16px;
}

.body .main__search-page__header-search-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 16px;
}

.body .main__search-page__header-search-input::placeholder {
  color: #696D74;
  font-size: 16px;
}

.body .main__search-page__header-menu {
  display: none;
}

@media (min-width: 1200px) {
  .body .main__search-page__header-menu {
    display: block;
  }
}

.body .main__search-page__header-menu .btn {
  font-weight: bold;
  font-size: 16px;
  margin-left: auto;
  background-color: #F8F8FD;
  padding-left: 20px;
  padding-right: 20px;
}

.body .main__search-page__header-menu .btn .ic {
  margin-left: 10px;
}

.body .main__search-page__header-menu .btn:hover, .body .main__search-page__header-menu .btn:focus {
  background-color: #EFF3FE;
  cursor: pointer;
  color: #1166E3;
}

.body .main__search-page__header-menu .btn:hover .ic svg path, .body .main__search-page__header-menu .btn:focus .ic svg path {
  fill: #1166E3;
}

.body .main__search-page__header-menu-dropdown .dropdown-item {
  padding: 12px 0px;
}

.body .main__search-page__header-menu-dropdown .dropdown-item:hover {
  background-color: #EFF3FE;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__header-menu {
    position: absolute;
    left: 14px;
    top: 15px;
  }
}

@media (max-width: 1199px) {
  .body .main__search-page__content {
    margin-top: 88px;
  }
}

.body .main__search-page__content-header {
  display: flex;
  align-items: flex-start;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 88px;
  padding: 22px 30px 0;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header {
    height: 57px;
    padding: 9px 15px 0;
  }
}

.body .main__search-page__content-header-item {
  background-color: #F8F8FD;
  border-radius: 8px;
  height: 44px;
  width: auto;
  border: 0;
  white-space: nowrap;
  padding: 0 12px;
  margin-right: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header-item {
    height: 40px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.body .main__search-page__content-header-item .ic {
  margin-left: 8px;
}

.body .main__search-page__content-header-item .ic.checked {
  display: none;
}

.body .main__search-page__content-header-item.applied {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__search-page__content-header-item.applied .ic.checked {
  display: inline;
}

.body .main__search-page__content-header-item.applied .ic.plus {
  display: none;
}

.body .main__search-page__content-header-item:focus {
  outline: none;
}

.body .main__search-page__content-header-item.active, .body .main__search-page__content-header-item:hover {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__search-page__content-header-item.active .ic svg path, .body .main__search-page__content-header-item:hover .ic svg path {
  stroke: #1166E3;
}

.body .main__search-page__content-header-left {
  border-right: 1px solid #E9EBF6;
  padding-right: 10px;
  margin-right: 20px;
  display: flex;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header-left {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }
}

.body .main__search-page__content-header-left .attribute__dropdown,
.body .main__search-page__content-header-left .country__dropdown,
.body .main__search-page__content-header-left .cate__dropdown {
  position: initial;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu,
.body .main__search-page__content-header-left .country__dropdown-menu,
.body .main__search-page__content-header-left .cate__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header-left .attribute__dropdown-menu,
  .body .main__search-page__content-header-left .country__dropdown-menu,
  .body .main__search-page__content-header-left .cate__dropdown-menu {
    height: auto;
    width: 100% !important;
    border-radius: 0 !important;
    background-color: #fff !important;
  }
  .body .main__search-page__content-header-left .attribute__dropdown-menu-content,
  .body .main__search-page__content-header-left .country__dropdown-menu-content,
  .body .main__search-page__content-header-left .cate__dropdown-menu-content {
    max-height: calc(100vh - 150px) !important;
    height: auto;
    overflow-y: auto;
  }
  .body .main__search-page__content-header-left .attribute__dropdown-menu-footer,
  .body .main__search-page__content-header-left .country__dropdown-menu-footer,
  .body .main__search-page__content-header-left .cate__dropdown-menu-footer {
    height: 57px;
    width: 100%;
    background-color: #fff;
    padding: 11px 0 0 0 !important;
    z-index: 2;
    border-top: 0.5px solid #E9EBF6;
  }
  .body .main__search-page__content-header-left .attribute__dropdown-menu-footer .btn-link,
  .body .main__search-page__content-header-left .country__dropdown-menu-footer .btn-link,
  .body .main__search-page__content-header-left .cate__dropdown-menu-footer .btn-link {
    height: 32px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__search-page__content-header-left .attribute__dropdown-menu-content,
  .body .main__search-page__content-header-left .country__dropdown-menu-content,
  .body .main__search-page__content-header-left .cate__dropdown-menu-content {
    max-height: 300px;
    overflow-y: auto;
  }
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content .form-check,
.body .main__search-page__content-header-left .country__dropdown-menu-content .form-check,
.body .main__search-page__content-header-left .cate__dropdown-menu-content .form-check {
  margin-bottom: 10px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content-tree,
.body .main__search-page__content-header-left .country__dropdown-menu-content-tree,
.body .main__search-page__content-header-left .cate__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content-tree ul,
.body .main__search-page__content-header-left .country__dropdown-menu-content-tree ul,
.body .main__search-page__content-header-left .cate__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content-tree .caret,
.body .main__search-page__content-header-left .country__dropdown-menu-content-tree .caret,
.body .main__search-page__content-header-left .cate__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content-tree .caret .arrow-down,
.body .main__search-page__content-header-left .country__dropdown-menu-content-tree .caret .arrow-down,
.body .main__search-page__content-header-left .cate__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content-tree .nested,
.body .main__search-page__content-header-left .country__dropdown-menu-content-tree .nested,
.body .main__search-page__content-header-left .cate__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-content-tree .nested.active,
.body .main__search-page__content-header-left .country__dropdown-menu-content-tree .nested.active,
.body .main__search-page__content-header-left .cate__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header,
.body .main__search-page__content-header-left .country__dropdown-menu-header,
.body .main__search-page__content-header-left .cate__dropdown-menu-header {
  padding-bottom: 12px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search {
  position: relative;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search .ic,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search .ic,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search .ic {
  position: absolute;
  left: 4px;
  top: 4px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search .ic svg,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search .ic svg,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search .ic svg {
  width: 16px;
  height: 16px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search > input,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search > input,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search > input {
  padding-left: 24px;
  width: 100%;
  height: 35px;
  border: 1px solid #E9EBF6;
  border-radius: 8px;
  background-color: #F8F8FD;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search > input:focus,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search > input:focus,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search > input:focus {
  outline: none;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search > input::-webkit-input-placeholder,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search > input::-webkit-input-placeholder,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search > input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 14px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search > input:-ms-input-placeholder,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search > input:-ms-input-placeholder,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 14px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-header-search > input::placeholder,
.body .main__search-page__content-header-left .country__dropdown-menu-header-search > input::placeholder,
.body .main__search-page__content-header-left .cate__dropdown-menu-header-search > input::placeholder {
  color: #696D74;
  font-size: 14px;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu-footer,
.body .main__search-page__content-header-left .country__dropdown-menu-footer,
.body .main__search-page__content-header-left .cate__dropdown-menu-footer {
  padding-top: 12px;
  border-top: 0.5px solid #E9EBF6;
  display: flex;
  justify-content: space-between;
}

.body .main__search-page__content-header-left .attribute__dropdown-menu {
  width: 200px;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header-left .attribute__dropdown-menu-content {
    padding-bottom: 15px;
  }
}

.body .main__search-page__content-header-left .country__dropdown-menu {
  width: 310px;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header-left .country__dropdown-menu.show {
    transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    top: 50px !important;
  }
  .body .main__search-page__content-header-left .country__dropdown-menu-content {
    padding-bottom: 15px;
  }
}

.body .main__search-page__content-header-left .cate__dropdown-menu {
  width: 310px;
}

@media screen and (max-width: 1199px) {
  .body .main__search-page__content-header-left .cate__dropdown-menu-content {
    padding-bottom: 15px;
  }
}

.body .main__search-page__content-header-right {
  width: 100%;
  overflow-x: visible;
  display: flex;
  flex-wrap: nowrap;
  /* width */
  /* Track */
  /* Handle */
}

@media screen and (min-width: 1200px) {
  .body .main__search-page__content-header-right {
    overflow-x: auto;
  }
}

.body .main__search-page__content-header-right::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.body .main__search-page__content-header-right::-webkit-scrollbar-track {
  background: #ffffff;
  border-radius: 10px;
}

.body .main__search-page__content-header-right::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 20px;
}

.body .main__search-page__content-header-right::-webkit-scrollbar-thumb:hover {
  background: #696D74;
}

.body .main__search-page__content-header-right .ic {
  margin-right: 8px;
  margin-left: 0;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler {
  background-color: #F8F8FD;
  border-radius: 8px;
  height: 40px;
  width: 100%;
  border: 0;
  white-space: nowrap;
  padding: 0 12px;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler .ic {
  margin-left: 8px;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler .ic svg path {
  stroke: #172B4D;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler .ic.checked {
  display: none;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler.active {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler.active .ic svg path {
  stroke: #1166E3;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler:focus {
  outline: none;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler.active {
  color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler.active .ic svg path {
  stroke: #1166E3;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler.active .ic.checked {
  display: inline;
}

.body .main__search-page__content-header-right-mobile-dropdown-handler.active .ic.plus {
  display: none;
}

.body .main__search-page__content-header-right-mobile-dropdown-content {
  height: auto;
  max-height: calc(100vh - 110px) !important;
  width: 100% !important;
  position: fixed !important;
  top: 110px !important;
  left: 0 !important;
  transform: none !important;
  border-radius: 0 !important;
  background-color: #fff !important;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list {
  max-height: calc(100vh - 150px) !important;
  height: auto;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item {
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  align-items: center;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item .ic.checked {
  display: none;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item .ic:not(.checked) {
  margin-right: 12px;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item.active {
  background-color: #EFF3FE;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item.active .main__search-page__content-header-right-mobile-dropdown-content-list-item-text {
  color: #1166E3;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item.active .ic svg path {
  stroke: #1166E3;
}

.body .main__search-page__content-header-right-mobile-dropdown-content-list-item.active .ic.checked {
  margin-left: auto;
  display: inline;
}

.body .main__search-page__content-list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .body .main__search-page__content-list {
    padding: 12px;
    border-top: 1px solid #E9EBF6;
    background-color: #fff;
  }
}

@media screen and (min-width: 992px) {
  .body .main__search-page__content-list {
    margin-top: 88px;
  }
}

.body .main__search-page__content-list-empty {
  width: 100%;
  text-align: center;
}

.body .main__search-page__content-list-item {
  width: 100%;
  margin-bottom: 8px;
  flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 0 4px;
}

.body .main__search-page__content-list-item > div {
  height: 100%;
}

@media screen and (min-width: 992px) {
  .body .main__search-page__content-list-item {
    flex: 0 0 33.3333%;
    margin-bottom: 24px;
    padding: 0 12px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__search-page__content-list-item {
    flex: 0 0 25%;
  }
}

@media screen and (min-width: 1440px) {
  .body .main__search-page__content-list-item {
    flex: 0 0 20%;
  }
}

.body .main__search-page__content-list-item > div {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
  padding-bottom: 16px;
}

.body .main__search-page__content-list-item-img {
  width: 100%;
  height: calc((50vw - 20px) * 0.58);
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  margin-bottom: 9px;
}

@media screen and (min-width: 992px) {
  .body .main__search-page__content-list-item-img {
    height: calc((33.3333vw - 20px) * 0.58);
  }
}

@media screen and (min-width: 1200px) {
  .body .main__search-page__content-list-item-img {
    height: calc(((100vw - 235px) / 4 - 34px) * 0.58);
  }
}

@media screen and (min-width: 1440px) {
  .body .main__search-page__content-list-item-img {
    height: calc(((100vw - 235px) / 5 - 34px) * 0.58);
    max-height: calc((1400px / 5 - 34px) * 0.58);
  }
}

.body .main__search-page__content-list-item-title, .body .main__search-page__content-list-item-discount, .body .main__search-page__content-list-item-participants {
  margin: 0 16px;
}

.body .main__search-page__content-list-item-title {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  min-height: 36px;
}

@media screen and (max-width: 767px) {
  .body .main__search-page__content-list-item-title {
    font-size: 15px;
    line-height: 18px;
    min-height: 32px;
  }
}

.body .main__search-page__content-list-item-discount {
  display: inline-block;
  background: #ff754c;
  border-radius: 8px;
  padding: 3px 6px;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  margin-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .body .main__search-page__content-list-item-discount {
    font-size: 12px;
  }
}

.body .main__search-page__content-list-item-participants {
  font-size: 14px;
  line-height: 16px;
  color: #696D74;
}

@media screen and (max-width: 767px) {
  .body .main__search-page__content-list-item-participants {
    font-size: 12px;
  }
}

.body .main__search-page__content-list-item-label {
  font-size: 12px;
  line-height: 12px;
  padding: 4px 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  margin-left: 16px;
}

.body .main__search-page__content-list-item-label.new {
  background: linear-gradient(90deg, #11b1e3 -6.78%, #188ee3 108.47%);
}

.body .main__search-page__content-list-item-label.recommended {
  background: linear-gradient(89.86deg, #1166e3 4.51%, #733abc 99.94%);
}

.body .main__search-page__content-list-item-label.hot {
  background: linear-gradient(90deg, #ff603d -6.78%, #ef3810 108.47%);
}

@media screen and (max-width: 1200px) {
  .body .main__search-page__content-header {
    position: relative;
  }
  .body .main__search-page__content-list {
    margin-top: 0;
  }
}

.body .main__search-page .ola-checkbox-group .form-check {
  display: flex;
  align-items: center;
}

.body .main__search-page .ola-checkbox-group .form-check-input {
  margin-right: 6px;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  width: 16px;
  height: 16px;
}

.body .main__search-page .ola-checkbox-group .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: bold;
}

.body .main__search-page .ola-checkbox-group .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.body .main__search-page .ola-checkbox-group .form-check:last-child {
  margin-bottom: 0;
}

.body .main__search-page .ola-checkbox-group .caret.active .ic svg {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.body .main__search-page .ola-checkbox-group .caret.has-selected .form-check-input:after,
.body .main__search-page .ola-checkbox-group .nested.has-selected .form-check-input:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f068";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.body .main__search-page .ola-checkbox-group .caret.all-selected .form-check-input:after,
.body .main__search-page .ola-checkbox-group .nested.all-selected .form-check-input:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.body .main__content .campaign-detail {
  padding-bottom: 50px;
}

.body .main__content .campaign-detail__slider-wrapper {
  width: 100%;
}

.body .main__content .campaign-detail__slider .carousel-indicators {
  justify-content: start;
  margin-right: 16px;
  margin-left: 16px;
}

@media screen and (min-width: 768px) {
  .body .main__content .campaign-detail__slider .carousel-indicators {
    margin-right: 32px;
    margin-left: 32px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign-detail__slider .carousel-indicators {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 32px;
  }
}

.body .main__content .campaign-detail__slider .carousel-indicators > li {
  background: #F8F8FD;
  border-radius: 100px;
  border: 0;
  width: 6px;
  height: 5px;
}

.body .main__content .campaign-detail__slider .carousel-indicators > li.active {
  width: 18px;
  background-color: #1166E3;
}

.body .main__content .campaign-detail__slider .carousel-inner {
  max-width: 1400px;
  margin: 0 auto;
  height: calc(100vw / 3);
}

.body .main__content .campaign-detail__slider .carousel-inner .carousel-item {
  height: 100%;
}

.body .main__content .campaign-detail__slider .carousel-inner .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign-detail__slider .carousel-inner {
    height: calc((100vw - 235px) / 3);
    max-height: calc(1400px / 3);
  }
}

.body .main__content .campaign-detail__install-app {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(44, 77, 125, 0.15);
  padding: 16px;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign-detail__install-app {
    display: flex;
    border-radius: 10px;
    padding: 30px;
  }
}

.body .main__content .campaign-detail__install-app-logo {
  display: none;
}

.body .main__content .campaign-detail__install-app-logo img {
  background: #FFFFFF;
  border: 1px solid #E9EBF6;
  box-sizing: border-box;
  border-radius: 10px;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign-detail__install-app-logo {
    display: inline;
  }
  .body .main__content .campaign-detail__install-app-logo > img {
    width: 175px;
    height: 175px;
    object-fit: cover;
    border-radius: 10px;
    margin-right: 24px;
  }
}

.body .main__content .campaign-detail__install-app-content-label {
  font-size: 10px;
  padding: 2px 4px;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  background: linear-gradient(89.86deg, #1166e3 4.51%, #733abc 99.94%);
}

.body .main__content .campaign-detail__install-app-content-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 12px;
  margin-bottom: 16px;
  border-bottom: 0.5px solid #E9EBF6;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign-detail__install-app-content-title {
    font-size: 26px;
    line-height: 32px;
    border-bottom: 0;
    margin-bottom: 8px;
  }
}

.body .main__content .campaign-detail__install-app-content-logo {
  display: flex;
  align-items: center;
  border-bottom: 0.5px solid #E9EBF6;
  padding-bottom: 16px;
}

.body .main__content .campaign-detail__install-app-content-logo > img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 12px;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign-detail__install-app-content-logo {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign-detail__install-app-content-actions {
    position: fixed;
    background-color: #fff;
    padding: 16px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: flex;
  }
  .body .main__content .campaign-detail__install-app-content-actions .btn {
    flex: 1;
    font-size: 18px;
    border-radius: 10px;
    height: 48px;
  }
  .body .main__content .campaign-detail__install-app-content-actions .btn:first-of-type {
    margin-right: 12px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign-detail__install-app-content-actions {
    margin-bottom: 24px;
  }
  .body .main__content .campaign-detail__install-app-content-actions .btn {
    height: 48px;
    font-size: 18px;
    width: 205px;
  }
  .body .main__content .campaign-detail__install-app-content-actions .btn:first-of-type {
    margin-right: 24px;
  }
}

.body .main__content .campaign-detail__install-app-content-description-item {
  display: flex;
  margin-top: 16px;
}

.body .main__content .campaign-detail__install-app-content-description-item .ic {
  margin-right: 12px;
}

.body .main__content .campaign-detail__install-app-content-description-item-title {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 992px) {
  .body .main__content .campaign-detail__install-app-content-description {
    display: flex;
    flex-wrap: wrap;
  }
  .body .main__content .campaign-detail__install-app-content-description-item {
    flex: 0 0 50%;
  }
}

.body .main__content .campaign-detail__guide {
  margin-top: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign-detail__guide {
    margin-top: 30px;
  }
}

.body .main__content .campaign-detail__guide-left-info {
  height: auto;
  padding: 16px 0;
}

.body .main__content .campaign-detail__guide-left-info-item {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.body .main__content .campaign-detail__guide-left-info-item > span:first-of-type {
  margin-right: 5px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign-detail__guide-left-campaign {
    margin-top: 24px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .campaign-detail__guide-left-campaign {
    width: 100%;
    background-color: #fff;
    padding: 20px 16px;
  }
  .body .main__content .campaign-detail__guide-left-campaign-list {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
  .body .main__content .campaign-detail__guide-left-campaign-list > * {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
  }
  .body .main__content .campaign-detail__guide-left-campaign-list > *:not(:last-child) {
    margin-right: 32px;
  }
}

.body .main__content .campaign-detail__guide-left-campaign-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.body .main__content .campaign-detail__guide-left-campaign-list-item {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  background-color: #fff;
}

.body .main__content .campaign-detail__guide-left-campaign-list-item:not(:last-of-type) {
  margin-bottom: 12px;
}

.body .main__content .campaign-detail__guide-left-campaign-list-item-img {
  border-radius: 8px 8px 0 0;
  width: 100%;
  object-fit: cover;
  height: 148px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .campaign-detail__guide-left-campaign-list-item-img {
    height: 188px;
  }
}

.body .main__content .campaign-detail__guide-left-campaign-list-item-content {
  padding: 16px;
}

.body .main__content .campaign-detail__guide-left-campaign-list-item-content > p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

.body .main__content .campaign-detail__guide-right-tabs-nav {
  border-bottom: 0.5px solid #E9EBF6;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item {
  flex: 0 0 auto;
  display: flex;
  border: 0;
  position: relative;
  padding: 14px 0 12px;
  font-size: 16px;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item:not(:last-of-type) {
  margin-right: 30px;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item:not(:last-of-type):after {
  content: "|";
  color: #E9EBF6;
  position: absolute;
  right: -15px;
  top: 8px;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item.active {
  color: #1166E3;
  border-bottom: 3px solid #1166E3;
  font-weight: 700;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item.active .ic svg path {
  fill: #1166E3;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item > span {
  white-space: nowrap;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item .ic {
  margin-right: 5px;
}

.body .main__content .campaign-detail__guide-right-tabs-nav-item .ic svg {
  margin-top: -3px;
}

.body .main__content .campaign-detail__guide-right-tabs-one {
  overflow: hidden;
}

.body .main__content .campaign-detail__guide-right-tabs-one > li {
  padding-left: 24px;
  position: relative;
}

.body .main__content .campaign-detail__guide-right-tabs-one > li:before {
  content: "";
  width: 9px;
  height: 9px;
  border: 2px solid #1166E3;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
}

.body .main__content .campaign-detail__guide .breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.body .main__content .campaign-detail__guide .breadcrumbs .breadcrumbs-item {
  color: #1166E3;
  font-weight: 600;
}

.body .main__content .campaign-detail__guide .breadcrumbs .breadcrumbs-item:not(:last-of-type)::after {
  content: "\2192";
  color: #172B4D;
  margin: 0 5px;
}

.body .main__content .report {
  padding-top: 0;
  max-width: 1400px;
  margin: 0 auto;
}

.body .main__content .report .apexcharts-legend {
  padding: 0;
  flex-wrap: nowrap;
}

.body .main__content .report .apexcharts-legend .apexcharts-legend-series {
  align-items: flex-start;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report {
    padding-top: 184px;
    margin-top: 0;
  }
}

.body .main__content .report__header {
  border: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report__header {
    position: inherit;
    margin-bottom: 16px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__header {
    height: 184px;
    padding: 0;
  }
}

.body .main__content .report__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 4px;
}

.body .main__content .report__header-title-wrapper {
  padding: 0 12px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__header-title-wrapper {
    padding: 0 32px;
    height: 84px;
    border-bottom: 0.5px solid #E0E1E8;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1199px) {
  .body .main__content .report__header-title-wrapper {
    margin-bottom: 16px;
    margin-top: 16px;
  }
}

@media (min-width: 1200px) {
  .body .main__content .report__header-wallet {
    height: 99px;
    padding: 0 24px;
    display: flex;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.body .main__content .report__header-wallet-balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 28px;
}

.body .main__content .report__header-wallet-balance-title {
  color: #4F5764;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.body .main__content .report__header-wallet-balance-title::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #18C549;
  margin-right: 8px;
}

@media (max-width: 1199px) {
  .body .main__content .report__header-wallet-balance-title {
    display: none;
  }
}

.body .main__content .report__header-wallet-balance .price {
  color: #1166E3;
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
}

.body .main__content .report__header-wallet-balance .price-text {
  display: none;
}

@media (min-width: 1200px) {
  .body .main__content .report__header-wallet-balance {
    padding-right: 40px;
    border-right: 0.5px solid #E0E1E8;
    min-width: 420px;
    display: flex;
    align-items: center;
    padding-left: 16px;
  }
  .body .main__content .report__header-wallet-balance .price {
    color: #172B4D;
    font-size: 28px;
    line-height: 32px;
  }
}

@media (max-width: 1199px) {
  .body .main__content .report__header-wallet-balance {
    padding: 0 12px 24px;
    border-bottom: 0.5px solid #E0E1E8;
  }
}

.body .main__content .report__header-wallet-income {
  display: flex;
  align-items: center;
}

.body .main__content .report__header-wallet-income dl {
  padding-left: 0;
  min-height: 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}

.body .main__content .report__header-wallet-income dl .title {
  font-size: 12px;
  line-height: 16px;
  color: #4F5764;
}

.body .main__content .report__header-wallet-income dl .price {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin: 0;
}

.body .main__content .report__header-wallet-income dl .price-text {
  display: none;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report__header-wallet-income dl .title {
    font-size: 10px;
    line-height: 13px;
    font-weight: 400;
  }
  .body .main__content .report__header-wallet-income dl .title:before {
    display: none;
  }
  .body .main__content .report__header-wallet-income dl .title.is-yellow {
    color: #f3b106;
  }
  .body .main__content .report__header-wallet-income dl .title.is-green {
    color: #18c549;
  }
  .body .main__content .report__header-wallet-income dl .price {
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 1199px) {
  .body .main__content .report__header-wallet-income {
    padding: 20px 12px 0;
  }
}

@media (min-width: 1200px) {
  .body .main__content .report__header-wallet-income {
    flex: 1;
    justify-content: space-evenly;
    padding-right: 16px;
  }
}

.body .main__content .report__header-toggle {
  color: #172B4D;
  padding: 0;
}

.body .main__content .report__header-toggle .ic {
  margin-right: 4px;
}

.body .main__content .report__header-toggle.active, .body .main__content .report__header-toggle:hover {
  background-color: transparent;
  color: #1166E3;
  outline: none;
}

.body .main__content .report__header-toggle.active .ic svg path, .body .main__content .report__header-toggle:hover .ic svg path {
  stroke: #1166E3;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__header-mobile {
    display: none;
  }
}

.body .main__content .report__header-mobile-approved {
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 0.5px solid #E9EBF6;
  height: 93px;
  display: flex;
  justify-content: center;
  align-self: center;
  flex-direction: column;
}

.body .main__content .report__header-mobile-approved-title {
  color: #878dba;
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .report__header-mobile-approved-amount > span:first-of-type {
  color: #12d761;
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
}

.body .main__content .report__header-mobile-approved-amount > span:last-of-type {
  font-weight: 800;
  color: #878dba;
  font-size: 16px;
  line-height: 24px;
  opacity: 0.5;
}

.body .main__content .report__header-mobile-temp, .body .main__content .report__header-mobile-pending {
  margin-bottom: 8px;
}

.body .main__content .report__header-mobile-temp, .body .main__content .report__header-mobile-pending, .body .main__content .report__header-mobile-rejected {
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main__content .report__header-mobile-temp-title, .body .main__content .report__header-mobile-pending-title, .body .main__content .report__header-mobile-rejected-title {
  font-size: 14px;
  line-height: 17px;
  color: #878dba;
  display: flex;
  align-items: center;
}

.body .main__content .report__header-mobile-temp-title:before, .body .main__content .report__header-mobile-pending-title:before, .body .main__content .report__header-mobile-rejected-title:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #1166E3;
  margin-right: 8px;
  display: block;
  margin-top: -1px;
}

.body .main__content .report__header-mobile-temp-amount, .body .main__content .report__header-mobile-pending-amount, .body .main__content .report__header-mobile-rejected-amount {
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .report__header-mobile-temp-amount > span:last-of-type, .body .main__content .report__header-mobile-pending-amount > span:last-of-type, .body .main__content .report__header-mobile-rejected-amount > span:last-of-type {
  opacity: 0.5;
}

.body .main__content .report__header-mobile-temp-title:before {
  background-color: #1166E3;
}

.body .main__content .report__header-mobile-pending-title:before {
  background-color: #FBBC04;
}

.body .main__content .report__header-mobile-rejected-title:before {
  background-color: #EA243A;
}

.body .main__content .report__income {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  background-color: #fff;
  padding: 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__income {
    padding: 24px;
  }
}

.body .main__content .report__income-item {
  flex: 0 0 100%;
}

@media screen and (min-width: 768px) {
  .body .main__content .report__income-item {
    flex: 0 0 50%;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__income-item {
    flex: 0 0 25%;
  }
}

.body .main__content .report__income-item-title {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 16px;
  text-transform: uppercase;
  color: #696D74;
  display: flex;
  align-items: center;
}

.body .main__content .report__income-item-title:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #FBBC04;
  margin-right: 8px;
  display: block;
  margin-top: -1px;
}

.body .main__content .report__income-item-amount, .body .main__content .report__income-item-hide {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: #696D74;
}

.body .main__content .report__income-item-hide {
  display: none;
}

.body .main__content .report__income-item.pending .report__income-item-title:before {
  background-color: #FBBC04;
}

.body .main__content .report__income-item.rejected .report__income-item-title:before {
  background-color: #EA243A;
}

.body .main__content .report__income-item.temp .report__income-item-title:before {
  background-color: #1166E3;
}

.body .main__content .report__income-item.approved .report__income-item-title:before {
  background-color: #19BC47;
}

.body .main__content .report__chart {
  overflow-x: hidden;
}

.body .main__content .report__chart #personalIncomeChart {
  overflow-x: auto;
  width: 100%;
}

.body .main__content .report__chart-filter {
  margin-bottom: 32px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__chart-filter {
    margin-top: -32px;
  }
}

.body .main__content .report__chart-filter-options {
  display: flex;
  justify-content: start;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__chart-filter-options {
    justify-content: center;
  }
}

.body .main__content .report__chart-filter-options-item {
  color: #696D74;
  border-radius: 0;
}

.body .main__content .report__chart-filter-options-item:not(:last-of-type) {
  margin-right: 8px;
}

.body .main__content .report__chart-filter-options-item.active {
  color: #1166E3;
  border-bottom: 2px solid #1166E3;
}

.body .main__content .report__campaign-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.body .main__content .report__campaign-top-chart {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__campaign-top-chart-wrapper {
    min-height: 400px;
    display: flex;
    align-items: center;
  }
}

.body .main__content .report__campaign-top-chart-tooltip {
  background: #163d75;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  padding: 6px 12px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__campaign-top-chart .apexcharts-inner {
    transform: translateX(10%);
  }
  .body .main__content .report__campaign-top-chart .apexcharts-canvas {
    overflow: visible;
  }
  .body .main__content .report__campaign-top-chart .apexcharts-canvas svg {
    overflow: visible;
  }
  .body .main__content .report__campaign-top-chart foreignObject {
    overflow: visible;
  }
  .body .main__content .report__campaign-top-chart .apexcharts-legend {
    top: -80px !important;
    right: 0;
    overflow: visible !important;
  }
  .body .main__content .report__campaign-top-chart .apexcharts-legend .apexcharts-legend-series {
    max-width: 50%;
    margin-left: auto !important;
  }
}

.body .main__content .report__campaign-top-chart, .body .main__content .report__campaign-top-list {
  flex: 0 0 100%;
}

.body .main__content .report__campaign-top-list {
  width: 100%;
}

.body .main__content .report__campaign-top-list-item {
  display: flex;
  align-items: center;
  font-size: 15px;
  padding: 6px 16px;
}

.body .main__content .report__campaign-top-list-item:hover {
  box-shadow: 0px 0px 8px rgba(198, 198, 198, 0.25);
  border-radius: 3px;
}

.body .main__content .report__campaign-top-list-item-type {
  font-size: 15px;
  flex: 0 0 60%;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__campaign-top-list-item-type {
    flex: 0 0 70%;
  }
}

.body .main__content .report__campaign-top-list-item-type-color {
  margin-right: 10px;
  width: 8px;
  height: 8px;
}

.body .main__content .report__campaign-top-list-item-percent {
  flex: 0 0 10%;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__campaign-top-list-item-percent {
    flex: 0 0 10%;
  }
}

.body .main__content .report__campaign-top-list-item-value {
  text-align: right;
  flex: 0 0 30%;
  font-weight: bold;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__campaign-top-list-item-value {
    flex: 0 0 20%;
  }
}

.body .main__content .report__commission.card {
  padding-bottom: 0;
}

.body .main__content .report__commission-title {
  padding: 0 24px;
  margin-bottom: 24px;
}

.body .main__content .report__commission-filter {
  padding: 0 24px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.body .main__content .report__commission-filter-item {
  flex: 0 0 auto;
  position: relative;
  background-color: transparent;
}

.body .main__content .report__commission-filter-item:not(:first-of-type) {
  margin-left: 10px;
}

.body .main__content .report__commission-filter-item .form-control {
  border: 1px solid #E9EBF6;
}

.body .main__content .report__commission-filter-item .select2-selection {
  border: 1px solid #E9EBF6;
  display: inline-flex;
  height: 38px;
  max-width: 240px;
  align-items: center;
  position: relative;
}

.body .main__content .report__commission-filter-item .select2-selection:focus {
  outline: none;
}

.body .main__content .report__commission-filter-item .select2-selection .select2-selection__arrow {
  height: 34px;
}

.body .main__content .report__commission-filter-item .select2-container {
  width: auto !important;
}

.body .main__content .report__commission-filter-item-campaign {
  min-width: 300px;
}

.body .main__content .report__commission-filter-item-arrow {
  position: absolute;
  top: 14px;
  right: 8px;
  border-style: solid !important;
  border-width: 2px 2px 0 0 !important;
  display: inline-block !important;
  height: 0.45em !important;
  transform: rotate(135deg) !important;
  vertical-align: top !important;
  width: 0.45em !important;
  border-color: #172B4D !important;
}

.body .main__content .report__commission-filter-search {
  margin-left: auto !important;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report__commission-filter {
    display: none;
  }
}

.body .main__content .report__commission-wrapper {
  width: 100%;
  overflow-x: auto;
  max-height: 828px;
  overflow-y: hidden;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__commission-wrapper {
    overflow-y: auto;
  }
}

.body .main__content .report__commission-table {
  min-width: 736px;
  width: 100%;
}

@media (min-width: 1200px) {
  .body .main__content .report__commission-table {
    min-width: 1140px;
    width: 100%;
  }
}

.body .main__content .report__commission-table-thead-col {
  font-size: 15px;
  text-align: left;
  background-color: #F8F8FD;
  padding: 5px 10px;
  font-weight: 700;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 5;
  color: #B5B8CB;
  height: 48px;
}

.body .main__content .report__commission-table-thead-col:nth-of-type(6) {
  text-align: right;
}

.body .main__content .report__commission-table-thead-col:nth-of-type(6), .body .main__content .report__commission-table-thead-col:nth-of-type(7) {
  color: #172B4D;
}

.body .main__content .report__commission-table-tbody-col {
  font-size: 15px;
  text-align: left;
  padding: 5px 10px;
  height: 55px;
  vertical-align: middle;
  border-bottom: 0.5px solid #E9EBF6;
  font-weight: 700;
}

.body .main__content .report__commission-table-tbody-col:first-of-type, .body .main__content .report__commission-table-tbody-col:last-of-type {
  font-weight: 400;
}

.body .main__content .report__commission-table-tbody-col:nth-of-type(6) {
  text-align: right;
}

.body .main__content .report__commission-table-tbody-col:nth-of-type(7).approved {
  color: #18C549;
}

.body .main__content .report__commission-table-tbody-col:nth-of-type(7).temp {
  color: #4587E9;
}

.body .main__content .report__commission-table-tbody-col:nth-of-type(7).pending {
  color: #F3B106;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report__commission-table-tfoot {
    display: none;
  }
}

.body .main__content .report__commission-table-tfoot-row {
  display: flex;
  justify-content: space-between;
}

.body .main__content .report__commission-table-tfoot-col {
  display: flex;
  align-items: center;
  height: 55px;
  padding: 5px 10px;
}

.body .main__content .report__commission-expand {
  width: 100%;
  height: 40px;
  border-radius: 0;
  color: #1166E3 !important;
  font-size: 12px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__commission-expand {
    display: none;
  }
}

.body .main__content .report__commission-expand .ic svg {
  margin-top: -2px;
}

.body .main__content .report__commission-expand .ic svg path {
  stroke: #1166E3;
}

.body .main__content .report__commission-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  z-index: -100;
  display: none;
  padding-top: 60px;
}

.body .main__content .report__commission-mobile.show {
  z-index: 600;
  display: block;
}

.body .main__content .report__commission-mobile-view-header {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1166E3;
  display: flex;
  align-items: center;
  padding: 0 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__commission-mobile-view-header {
    display: none;
  }
}

.body .main__content .report__commission-mobile-view-header-back {
  margin-right: 8px;
}

.body .main__content .report__commission-mobile-view-header-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin-bottom: 0;
}

.body .main__content .report__commission-mobile-view-header-filter {
  margin-left: auto;
}

.body .main__content .report__commission-mobile-view-date-range-picker {
  margin-left: auto;
  padding: 16px 12px;
}

.body .main__content .report__commission-mobile-view-date-range-picker > input[name="datePickerMobile"] {
  text-align: center;
}

.body .main__content .report__commission-mobile-view .report__commission-wrapper {
  height: calc(100vh - 130px);
  overflow-y: auto;
}

.body .main__content .report__commission-mobile-filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  z-index: -200;
  padding-top: 60px;
  display: none;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report__commission-mobile-filter {
    display: none;
  }
}

.body .main__content .report__commission-mobile-filter.show {
  z-index: 700;
  display: block;
  padding-bottom: 72px;
}

.body .main__content .report__commission-mobile-filter.show .report__commission-mobile-filter-footer {
  background-color: #fff;
  padding: 12px 15px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 0.5px solid #E9EBF6;
  z-index: 800;
}

.body .main__content .report__commission-mobile-filter.show .report__commission-mobile-filter-footer .btn {
  width: 100%;
}

.body .main__content .report__commission-mobile-filter-header {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-bottom: 0.5px solid #E9EBF6;
}

.body .main__content .report__commission-mobile-filter-header-back {
  margin-right: 8px;
}

.body .main__content .report__commission-mobile-filter-header-back .ic svg path {
  stroke: #172B4D;
}

.body .main__content .report__commission-mobile-filter-header-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 0;
}

.body .main__content .report__commission-mobile-filter-header-filter {
  margin-left: auto;
}

.body .main__content .report__commission-mobile-filter-header-filter .ic svg path {
  stroke: #172B4D;
}

.body .main__content .report__commission-mobile-filter-groups {
  padding-top: 20px;
}

.body .main__content .report__commission-mobile-filter-groups-key {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .report__commission-mobile-filter-groups-key .form-check {
  margin-bottom: 10px;
}

.body .main__content .report__commission-mobile-filter-groups-key ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .report__commission-mobile-filter-groups-key .caret {
  display: flex !important;
  flex-wrap: nowrap;
  padding: 0 16px;
  margin-bottom: 8px;
}

.body .main__content .report__commission-mobile-filter-groups-key .caret-label-counter {
  display: none;
  background-color: #ffc01e;
  height: 24px;
  padding: 0 5px;
  line-height: 24px;
  border-radius: 50%;
  margin-left: 8px;
  font-weight: bold;
  font-size: 12px;
}

.body .main__content .report__commission-mobile-filter-groups-key .caret.active .caret-label-counter {
  visibility: hidden;
}

.body .main__content .report__commission-mobile-filter-groups-key .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .report__commission-mobile-filter-groups-key .nested {
  display: none;
}

.body .main__content .report__commission-mobile-filter-groups-key .active {
  display: block;
}

.body .main__content .report__commission-mobile-filter .ola-checkbox-group .form-check {
  display: flex;
  align-items: center;
}

.body .main__content .report__commission-mobile-filter .ola-checkbox-group .form-check-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.body .main__content .report__commission-mobile-filter .ola-checkbox-group .form-check-input {
  margin-right: 6px;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.body .main__content .report__commission-mobile-filter .ola-checkbox-group .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: bold;
}

.body .main__content .report__commission-mobile-filter .ola-checkbox-group .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
}

.body .main__content .report__commission-mobile-filter .ola-checkbox-group .form-check-input[type="radio"]:after {
  border-radius: 50%;
}

@media (min-width: 1200px) {
  .body .main__content .report-team {
    padding-top: 84px;
  }
}

.body .main__content .report-team__header {
  border: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
}

@media screen and (max-width: 1200px) {
  .body .main__content .report-team__header {
    position: inherit;
    margin-bottom: 16px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__header {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 32px;
  }
}

.body .main__content .report-team__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .report-team__header-toggle {
  color: #172B4D;
  border: 0.5px solid #172B4D;
  border-radius: 4px;
  background-color: #fff;
}

.body .main__content .report-team__header-toggle .ic {
  margin-right: 4px;
}

.body .main__content .report-team__header-toggle.active, .body .main__content .report-team__header-toggle:hover {
  border: 0.5px solid #1166E3;
  color: #1166E3;
  outline: none;
}

.body .main__content .report-team__header-toggle.active .ic svg path, .body .main__content .report-team__header-toggle:hover .ic svg path {
  stroke: #1166E3;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__header-mobile {
    display: none;
  }
}

.body .main__content .report-team__header-mobile-approved {
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 0.5px solid #E9EBF6;
  height: 93px;
  display: flex;
  justify-content: center;
  align-self: center;
  flex-direction: column;
}

.body .main__content .report-team__header-mobile-approved-title {
  color: #878dba;
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .report-team__header-mobile-approved-amount > span:first-of-type {
  color: #12d761;
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
}

.body .main__content .report-team__header-mobile-approved-amount > span:last-of-type {
  font-weight: 800;
  color: #878dba;
  font-size: 16px;
  line-height: 24px;
  opacity: 0.5;
}

.body .main__content .report-team__header-mobile-temp, .body .main__content .report-team__header-mobile-pending {
  margin-bottom: 8px;
}

.body .main__content .report-team__header-mobile-temp, .body .main__content .report-team__header-mobile-pending, .body .main__content .report-team__header-mobile-rejected {
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main__content .report-team__header-mobile-temp-title, .body .main__content .report-team__header-mobile-pending-title, .body .main__content .report-team__header-mobile-rejected-title {
  font-size: 14px;
  line-height: 17px;
  color: #878dba;
  display: flex;
  align-items: center;
}

.body .main__content .report-team__header-mobile-temp-title:before, .body .main__content .report-team__header-mobile-pending-title:before, .body .main__content .report-team__header-mobile-rejected-title:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #1166E3;
  margin-right: 8px;
  display: block;
  margin-top: -1px;
}

.body .main__content .report-team__header-mobile-temp-amount, .body .main__content .report-team__header-mobile-pending-amount, .body .main__content .report-team__header-mobile-rejected-amount {
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .report-team__header-mobile-temp-amount > span:last-of-type, .body .main__content .report-team__header-mobile-pending-amount > span:last-of-type, .body .main__content .report-team__header-mobile-rejected-amount > span:last-of-type {
  opacity: 0.5;
}

.body .main__content .report-team__header-mobile-temp-title:before {
  background-color: #1166E3;
}

.body .main__content .report-team__header-mobile-pending-title:before {
  background-color: #FBBC04;
}

.body .main__content .report-team__header-mobile-rejected-title:before {
  background-color: #EA243A;
}

.body .main__content .report-team__chart #teamIncomeChart {
  overflow-x: auto;
  width: 100%;
}

.body .main__content .report-team__income {
  height: 100%;
  width: 100%;
  border: 0.5px solid #E9EBF6;
  border-radius: 4px;
  padding-left: 0;
  padding-right: 0;
}

.body .main__content .report-team__income-item {
  flex: 0 0 50% !important;
  padding-left: 24px;
}

.body .main__content .report-team__income-item.approved .report__income-item-amount {
  color: #172B4D !important;
}

.body .main__content .report-team__income-divider {
  flex: 0 0 100%;
  height: 1px;
  background-color: #E9EBF6;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-team__income {
    border-radius: 0;
    border: 0;
  }
}

.body .main__content .report-team__growth {
  height: 100%;
  background-color: #fff;
  border: 0.5px solid #E9EBF6;
  border-radius: 4px;
  padding: 20px 16px;
}

.body .main__content .report-team__growth-title {
  margin-bottom: 16px;
}

.body .main__content .report-team__growth-title .ic svg {
  width: 12px;
  height: 12px;
}

.body .main__content .report-team__growth-total-title {
  font-size: 12px;
  line-height: 16px;
  color: #696D74;
}

.body .main__content .report-team__growth-total-amount {
  font-weight: 800;
  font-size: 24px;
  line-height: 24px;
  color: #1166E3;
}

.body .main__content .report-team__growth-total-change {
  margin-left: 10px;
}

.body .main__content .report-team__growth-total-change.decrease .report-team__growth-total-change-percent {
  color: #EA243A;
}

.body .main__content .report-team__growth-total-change.increase .report-team__growth-total-change-percent {
  color: #19BC47;
}

.body .main__content .report-team__growth-total-change-percent {
  font-size: 12px;
  line-height: 16px;
}

.body .main__content .report-team__growth-footer {
  margin-top: 20px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__growth-footer {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-team__growth-footer {
    text-align: left;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__growth-footer-item:not(:last-of-type) {
    padding-right: 36px;
    border-right: 1px solid #E9EBF6;
  }
}

.body .main__content .report-team__growth-footer-item-title {
  font-size: 12px;
  line-height: 16px;
  color: #696D74;
}

.body .main__content .report-team__growth-footer-item-number {
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
}

.body .main__content .report-team__growth-footer-item-number-commission {
  font-size: 12px;
  line-height: 16px;
  color: #696D74;
  font-weight: normal;
}

.body .main__content .report-team__growth-footer-item-number-change {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.body .main__content .report-team__growth-footer-item-number-change.decrease .report-team__growth-footer-item-number-change-percent {
  color: #EA243A;
}

.body .main__content .report-team__growth-footer-item-number-change.increase .report-team__growth-footer-item-number-change-percent {
  color: #19BC47;
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-team__growth-footer-item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .body .main__content .report-team__growth-footer-item-title {
    font-size: 15px;
    line-height: 24px;
    margin-right: 4px;
  }
  .body .main__content .report-team__growth-footer-item-number {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .report-team__growth {
    border-radius: 0;
    border: 0;
  }
}

.body .main__content .report-team__members {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  border: 0.5px solid #E9EBF6;
  padding: 16px;
  height: 100%;
  position: relative;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__members {
    border-radius: 4px;
    padding: 24px;
  }
}

.body .main__content .report-team__members .section-title {
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__members .section-title {
    margin-bottom: 40px;
  }
}

.body .main__content .report-team__members-sort {
  margin-bottom: 20px;
  display: inline-flex;
}

.body .main__content .report-team__members-sort .btn {
  white-space: nowrap;
}

.body .main__content .report-team__members-sort-item.active {
  background-color: #F8F8FD;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__members-sort {
    position: absolute;
    top: 20px;
    right: 24px;
  }
}

.body .main__content .report-team__members-top {
  margin-bottom: 40px;
}

.body .main__content .report-team__members-top-total {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
}

.body .main__content .report-team__members-top-percent {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #696D74;
}

.body .main__content .report-team__members-top-country-flag {
  width: 40px;
  height: 32px;
  object-fit: contain;
  border-radius: 2px;
  margin-top: -4px;
}

.body .main__content .report-team__members-top-country-name {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #696D74;
}

.body .main__content .report-team__members-top-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #696D74;
  margin-top: 8px;
}

.body .main__content .report-team__members-list {
  margin-top: 24px;
}

.body .main__content .report-team__members-list-item {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
}

.body .main__content .report-team__members-list-item-country {
  flex: 0 0 50%;
  display: flex;
}

.body .main__content .report-team__members-list-item-country-no {
  width: 18px;
}

.body .main__content .report-team__members-list-item-country-flag {
  margin-left: 4px;
  margin-right: 4px;
}

.body .main__content .report-team__members-list-item-country-flag .report-team__members-top-country-flag {
  width: 32px;
  height: 23px;
}

.body .main__content .report-team__members-list-item-country-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.body .main__content .report-team__members-list-item-percent {
  flex: 0 0 25%;
  color: #696D74;
}

.body .main__content .report-team__members-list-item-value {
  text-align: right;
  flex: 0 0 25%;
}

.body .main__content .report-team__top-income {
  background-color: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border: 0.5px solid #E9EBF6;
  padding: 16px 0;
  height: 100%;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__top-income {
    border-radius: 4px;
    padding: 24px 0;
  }
}

.body .main__content .report-team__top-income .section-title {
  margin-bottom: 12px;
  padding: 0 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__top-income .section-title {
    padding: 0 24px;
  }
}

.body .main__content .report-team__top-income-wrapper {
  width: 100%;
  overflow: auto;
  max-height: 450px;
}

.body .main__content .report-team__top-income-table {
  min-width: 554px;
  width: 100%;
}

.body .main__content .report-team__top-income-table-thead-col {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background-color: #F8F8FD;
  padding: 9px 12px;
}

.body .main__content .report-team__top-income-table-thead-col:nth-of-type(2) {
  text-align: left;
}

.body .main__content .report-team__top-income-table-thead-col:nth-of-type(5) {
  text-align: right;
}

.body .main__content .report-team__top-income-table-tbody-row:nth-of-type(1) .report-team__top-income-table-tbody-col:first-of-type {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB24SURBVHgB7T1tjB3XVefM27e7Xn+tHbfFaVM/p236ARJOIGmhlDiggkKRUlNAKhWkqcQPhCCNkPgbO39AqlBKQQKpEkmkloKgSipVbQUCu62aqFBqh0Kbpk28dj7qNv5Ye+3d9/a9mcM595xz752366RR8fhtM8eenXkzd+58nO9zzz0D0EILLbTQQgsttNBCCy200EILLbTQQgsttNBCCy200EILLbTQQgsttNBCCy200EILLbTQQgsttNBCCy1sVEB4hQI9evPdUNFBKHAeCB6E1eE9eNuxRXiFwSuOAOjwvnmYnXkYiPbbHuKF13gCBsPbmAgW4BUEBfwYAH395/cExL5Uu8P79sHMzNGAfGTalyX8KWSjB9Pdo/ToLe/9IfqZp8f29eDHADa0BKDH3tHjvw8kboZjjMsjMCw/g+/62pF621vuZJH/UT6+nRlenxt5iwL3p/cgvws8iD/3H4dq53+FiYcKvg7dwWfZ9arj3PgAvuvo47BBYYMTwNsPR25OeykgmGgROkwMJTzOCL2V99+qiJe2lJoHIrCtSBChyQn+8xDv3gNUiVSYT+dJI74oVfJjEUawd6PaDxuWAOgrN3+QcfBAQFpABkHcjliUho7YHPm2jvvX9D62n+JuIxKstSnoIL7z2CHYgLBxCeDRW47z3e8xJOR/jQZCq9g87ERDGtoBeqnnzxCf9lkfvK7IzmdpU+A+fOfRE7DBYEMagYH7AXsZAjNEGvLRsWaGnhOIc/16yMfxXagLol/ClIUQgfQZj7EryS7lBoQNJwHYAu/BzPRhEKu9LtpVtjt3OzajJFjnUaNGMISCb48ZhtqRuovhenat0HeVVMGIxI08AhsINpQEMB/+3sD90YWLRh0a92NAZnTvZSl4Lz8qTvET+9Ll37x0prnBNPI+CsdhiolIFtRztFsntJq1qSuMpMBv8/5AoBsIJlIC0NH987B8qQedYg+Myr2sX/cwMkTM3sGHd8C4MZ/bdv5Igrywr6PbAQpvn3G8S4/I3daGObuq9LdY+8HiJ2P+6A3oZjAO3Sgk8QaO8PkLULEnUdIC0PAcYP9xvG1h4jyFiSKAwD2zM8mvz0W8b8cXja6WM5EvCC4U4ejbwskds9qLpLdpvP+IQD5QmpFI5uo5AfBSlXo8tnW3s/KnsJ5lVak68X6IiWFUHsBf+c4xmBCYLAJ49JajjJx9Nau7xq3R9aJo2EURzJxe8AIdjESgHK8EoG3seYt1XEDj7oLGkOacL4h3Ihjxb1kqcwmz830b3EsgqvVFdA6KwfWTIg2mYELAQrn7ajvVpcdMzTshgIfsVMQLYgX5hYp8MLEv3C9Id3vBf5erjEReKDMexRYI9oAhS5piTgCVEcGImNDEzqDwWyRCaJPZokJcVeZ5GL3aje+Acno/rx+BCYCJIQCOw/dikCVyZy5OMVO98nILNeawY0gOEsC2C19jQNCF5wEG5wH6pxFWl/n8IWQGpHkLpIbh9Bwv2wDmXgWwaSdBdwsGjkeTAtIcK40ektgIQgRDIw5K95dsRFrjroo9MyEwOQSA2LM11Cy66KL5Cy0c0cbtU4Z8eRQjhKpEOH8cYPkUwMqZZBNIN51wDqz1+U2Ej/oAQyaSi0w0YgTOMjFsfwMTwzUA3Vm+F5E2lSKdY8A6joRKVEEtlHafWbApSJ48AlntgQmBySEAwF7Sp5C4ElwSMMYKeZFdjEgXty0sRgzy8s98m6PzT0F40QUjfWrGjmNah14NcZDZG27hq65W8T5aAXjhv1Xvb7sO4Zq3MBHNQvI4hCCHajdEsV/qoSoamHqMPChR9GBCYIIIoNoTXbccYnxf3mgXo9jHLkYCKFjkn30a4cy3QN/vlBqERSe5gTFqVyTkYUYAjhu13oMBDyJoKjf6uM9L32N18gzAzjcD7Hoz63lmf+F6R3QxskeRrkrM4lPJDtAYRQ8mBCaIAIpesqIzNRBsgiyIE8T3lAZuZHu0inDqawj9c4wwC/AEAnCxb1xfeFAHta+gCjIIHDxKPn9hkkAMwU5HpUEl1+Y2i99lQjiJ8LpfYJqcUcxSIYhnwjSjNfQ5tIdw15Oc3nowITAxbmBtcAeT/Rd1fuD4rnG/RO4YQ8uLCM8/ZggWpHYT1wcJYK5gd0b0t1r5xVRCRq6XHYQIypHaAqOBId6IQo6F3yNrx3p/x5tYItzA0mCo0kCQLtvBMDTj0N1FVy0iXvpwPd7+xAJcZbjqBGDh3ft5606IgzVZlE6RLshV/R/EPu9bfJp18zdYCEwr1wvyRQIIwjtmFM5s5lPmxvS9dn1hGeGbCwDveBsxnsvgGU4xXXVm3KgzVTDiA4OLEBoIAssxAhBEz9/ARPBGNQLldzUg3V4VD4KCOhCkh7iAr8tjMFg9gLcvLMBVhKtKAPTo2+/ml3qQETQfo3HhgBlTUcd3lesd+WeeADj3JETfvZhKSBdCEMRPbUpiP0O8wMcenob7P10wY5ewe3sJf3ngIlw7XwXvcefeWZi7xjRjbo+IMdi/pPEDlwQiKYQwhBA2Xwvwmn123LhfCMGlQYgemlpxQtAYwyE+9iD+8vETcBXgqhAAffln93Oc/wGIujATwzFMawjFaSOC6Qz531HOj8g3o6/LSBe3rRjT7/aYS8z1f/hXc/Do//IrZwQSi/aSkflbN67CPb80YAKowuV39mY5BOBEkKkJQZhIA4kluCoQ5IeFEb/t9Wwc/qQhfoQqCQLB6HaO+KASnCDKBZYSB/FXTz4EDUOjo4ES66dHbz7MyD8MjnwcQ77eFUU3Dwq36gkushV+9knT9Sby3fCb2crBmx0WG8hB+//2sx1436F5+OoTye4li+B95wV11SxeyHGjATN85dHHdG9CWEJgm7ana8u9ODGeP6H3h7mn0rXQ9JS5tjZamW6P1AXGB+nz1x2nL7z6p6FBaHY4OIzj4/6wHQMlRNm2NZxKLp6/zNUBwmlm3Skbwu1kQ7ubGPkzW6A2hkBp4+8Pb4Xfvm8XPHdmjDhqeIBIjFVZwdnjy2wHlvX+nCBE0sztTHZHkRGCSKf+og0pd4wQQpAquaPx/rIMpfAO2D0sO0fo4fnGIoWNEUDI4BX/Nzws5shKBp+uKfnurJQLc/u+/1+qXx35HXP3hCPF0Eu+V03l3/eJXfAX/zRvv9dLIXLpoxhGS/QhJoJzJ1ZYfVdjJ1h7uf6mHVl+gd2TLN8/Zi5kFqQK29nrjrmM8eH9CvMcaHrJ1PT/L2hOAvT7i3FwZL2Mmxgl65g8zsK8F54F9fO79SDP7FaN3UfI3iP39LmvboPPfnUr5NZcLc5E+Zlkd5TUkdgIiyeXWYVXyW3Mb1vuZ3a73ksuCcQAFEngzxDc2JBgQhBHLw358ZqUEtWm4Dg0BI0RQEibxuKIB3njA+sv3VvEQR2IQ7rii0uEL4p8t/ZZEkxvsc7djqiHEZdW/PHGRD1kp43/8FiR3ZR4ceefWQ5rv/NaLxJjEPXjROnSYJFxuLqUEzJGNRClHqQ+Y5SQN3/t1BehIWjWBqjoi/awJmehbgwFLkGKolM458IJtrAHFuHrpGVO1GSMFkLWjwHBjW9cWXMLtGY74SJGi8F/aCuRABeeWwnxnLWEhiqFOt0sAGWS4PQ3dWRSh6EN+YUPOFDt2V0AIhyBBqFZAkA6HNZE6xyUYTWxlGWs3SSBbEvsPcb1C10Lx+F6Bl1GDPz7htcN4PdvPwc/86Y+/MGvX4R//fOz8Ed3jBOFt19nAYwEVY1KWHp+2YgA1l7b3U/MpMCA1dbqRYyjlGhD1DBG/OaA2K18BhoEhIaBvnLzOQ38ANTGyoPBJyHeWfX3heNlHP+Fx3VETxbhKgnpbt5ld19H+PqEhZCHGQT2/8kcnPwBhViABINuvG4If/uB5cCohdmeaCkHgXkLyxHlfVOzBWy9Nrc7MmZeOa9DySGUzFJryOHkra/TwSMxYMsVlWbVisYOUpaQRBE1B7Ea3IjveaGxlLHms4IRj9Q8AdV6EDgjDOkCxFG7CycTRzn350ZfPnhUG0jK11BzCS97W24E5qfbko4x0ayOYOVMP/VH2b1Mb4I0+GT3vfScURFAylXs1K6cdbLQJPIFmicAgsfVE6jqBmC0kG0AZ7RCIZmj8KFce3lTs7BuMkdtG8fWBpeb+FE7l9ZuZ7Eg5HtYvTSE/tk+RL3tEEchXV3Js3AsYeWcGYBIGcGn65gHyjsXoGFongAKulU3UPWhG39kWb2O7MF5DC+wyEb2OjMvIupzyJGYEcGaOFFCMsaE4WwNSTEnyaCqYHV5CIOlgXWWdSxjEFjUl0unTN0V2TNCbgTafVSNRgEFmg0Fh6ocPrUaIMUDzOSOCRv8lldOUxKZxqndaT/xh7gartM2Q3hY1jOBKCHEXIPoEGQehmyuLg15WU39yvN0puoSS5bVJVAjN7qaFCOB2Yr3zdPndt8PDUJzkUDJ+V9v/lwy4igkXBYmDQYXUg6/v8gQZIG1onf9K77EbwDKiEGzgAHyeMD4OoYwksxmdbAKw0vD9BwurfL7FgJwQyJIsCK5wZRLJ5Lh5g/TZ191JzQEjRBAQH63c1go3PaMtQicb+/XzO/BBcgmdyTpELkt68cDQbgeR7+Yo4PWWxoIingCVQP1LjRwn66TiGDUt3SwgNAORImmcWXxCDAQOPlzFpkb6KnndqWKPsrjAT1oAJqRAFOd+0GyfTBOwcrBAiX+YjElWuSyN6SDmZjNiYB83+VsgyptYu5626WTqW9tAPIgUFLXlDSVJAGGWw56W4ngIo8gDobaR5GpLX/Fo+XM88+J0iKiteeieYmZ0ANXflDoihMAffmme/lh7oA1kytpzDJzgw3EZ65HZ8KqSLvG3br85a2BdS5Z3wtrGX3M8APMxgnWVz1yeMj2AMm4AeYEZY89XMH8EbObsgQRqj+XDJxtXX0ArjBceQmA9EEA03W1qVMaDjPjaIw1nXvGIO+D1pMGsYN1gC77S03RJISwyLh+jeG4HhG5hGDNtdQPI4n1Z3AKC8O/duPxOTA+TzgU5xPK7/fSp2f3wBWEK08ARNst4OO/bZ39FYgcXre3bSfULG0wnYkwxv2ZWliDQFzTY+yX8p12DcxQiDXCzTyCepUJtHMlTkA6Y7h2nhl9mO4nzjCqvxudT6j7++UOuILQAAHAQ2akkem7jNpdClAyhOSlYE0ewhrdXtP9Y6JzXCIQrW1f+4sQs4G8m8zoS8fqMgOdqDE7low5lvhl/bZDcIio9rzBfPCAWCRwjAROsIAfGF7RyOCVJ4ASDvEzLoCOf5seTFZ0Lg2jBVZ0k8cV21WwRtfnKiXvJ5cSsaNcgqwjD2JCSIbwWiPKDD9I0ifeQ2W7CXS+ILFnYBNMQnyg6/dPAfGBgCqqM4EfD0SwwGNI++EKwxUngJAHUNJtIGXb0N9YVedwdC4I068pJoFmCMs4xE6qvbRch6bf48dy4snvMdPhClWds7NjdfHv/VVGFzkhKvJHq66uOmbsOcIrSAUosnuL+/AefF//BFxhaMQNDOVXie6Kfp4lPiiQTryQtOm8SIOM/tWQaRM0asgFWEME41y55hi4lE7nw5hBFxNM3OWDGpIwIzSM10jrZO5XwaaThGHoblFCr8rsmeV5JV08zBXIifgg/uZyI9PHm8sI+sVjj/CDHVprtEWMZAYSLzPbYU1plsoibnQZQsi5O9f9NXAk5jeX+fcw5gHEeABm/dNaD8CJIezy+9bjxOMD5aBvvn6lSJc6AyE1PHtujWc8gu9bPgQNQaNjAfiuYwdB6ufk1m5YhegPRU6XlzE9n15kZdxVWpEGojRda5wQaB1Rn0mG504X8OxYdvAT3ytgSUZ4Y8auBohqSObrKi3kUsX1fr6vzPbZMjXHu0usBgO0ghJYI+T4DNUiTA8+DA3CVRgOJrVqXVoGqIwI7IXIS9qyOyHfX2aYdrUO4mNSRS5V/CK6LC0D/OeTXfjdj2gqGcU2yMhHuOvvtsATzxcQxwScq73fcb1PVaYKktRASkQQCEm2N13Dx0tiIuBHGGrBicqIIIp+kQrVMXzPldf7OTQ/O7iA+RRpy/zwwNlhEVbHMO4vRRlkIEWQXhj3C3HEvEp3qS16QwQpNUwR8/F/eTV88t+3wbmLJYzKEYxGQ7CTINVwoSAFfuOv58KR186X8DcfXIa3vjZDbrhlMoeBojdQO1bj6ExaScWRUE1kRCTFK4K0KzG1IzMdqPHKIc1LgIr2Zwagy+0kLl08gnJOJIzKpEE5ytsmzvdaPb7mfV/6xjb4+Bd2WXawhX6yeae5nMiPPXsO4U//YTZJFISaxV8L8FBCtp5emRQwAti0S3INyFQcoqShjUYYooUV1Z+9qvY1Ef/PoempYfugPiiUlK7kxIWXFDwCReT89RDefuXSIZMCRGOEkC2Vtnny+RntOrMRqH5HAJm2p8x0+BarA0zuGihineDqOh7zmEPk/FLbz71a5hdg4HgR/cH40/sjfyY1DHV781Jjk0IEmpUARXUrpOkPYNSfEkMre0laiw8C8rdfn+bsx/n55TqIzwxDw+RN11/wwD6sCUVnUNuDShLv/qkRRJ2e2RXohh4ZQbjNgmOEKtvdrbxsVjsgEMRI3UCySQZVRWmyqK0rz5hqBpq1AaTufkj6cH0tb8/Hxy0EipkE6BQE83sRzj9dF/F5oohxsWFO7UiryXRT7wJ85Peegk9+aSeUYoAxEmTt2cAVSaCGbYOhcKOU91Bkv3X3EP743ct+jxDDkrmIiOHaKiSBqI1oXO+EsOVafRYa8WNJHaHKvICSTDQJ3hGj2xgMQZEAd0FDgNAQaB1AKZnqiAOojQ678SYRwDAV3NaSHn72uwDnn9KEUJ9/F6aJCSFhIoi8nxxqo9D1w+WA4MIpHbzx8sCxO/QknmT9p7xOE2XSbqor3B28lMDtoz7g7E6AbT1uM7RUcN5HA4kKYZAEIQZQ6nlUJimnBHYbvr+ZCSINSoD+PHjlTuEEzCz4HMILsUygEB/hZcdegKVnNFGkxv3G8rGfIg4nKLhHQOmnM7FF9zrTCHM7EJbPVokuxly7JAkq64cRX5kxKDOCq1GyTST/XxpvuVa9mYDsoRq3Ub1VaHofa4arRYIgZk5deWhwbuATCyCFlGu1cjKRmixnSrpUFim0xLe5+xaLA7gdYNuO4CozEKvMa6Csryo3FKt4TSkoMrPFfHt33aKezyx1ML8+qCFDfvD1zQvwY5t3QxjQCvca/H62/q1QBMTrMplG/Q+WJm8uCvy4TgzB2/hJFxTpFZnh46VStEmQrKMM2aHwkk4B3/lWrdkTKnKM0vHCOD/W7smOxaJOWW2ffCn12Nw2wWeVEUFa0AkyciqEsQr1+rwvqxIy9xpAtvxFEiDZPrIUN8q9F1KjN3k1Ynsyg8A9LP4XoCFozAZwoMM9Fm+zd/OlD6pcdQPOlK3eFlq5NwqFoTpmE4QSMd9idXAy1QfqZHPxvJJXTbUgQC2Onz+yMZ27iEyLF8+UQQghpplCKQeQ//P1UDg/uIVKPAHRfF3k+8Fdb7O6QEIAqySFojgGHAkANQgUkB9UStD7IQvoIegz8u+CRotIN04ADnT4LT3W7wf5Du5Ms2RQ08J9dCYYgVNWFk7WMgOXt6VypxRtDARgNQM6XoyhMG4cQnw8/CEe04igHEn1OfXOfPw/EAD3j1KdRDK6rXI4uhEnxp8Q7M638DmVlYzjfVXfCGA1SRPz+aNUodERpsP7mjL6xuGqEYBDIATAw7z0atJAICDUJor6Fz58ffqbABdNEvjUcS8WFWYOk1XwsnTtF3tUj/Wbvl9doVALSouVdEINAJ0ppC4qhuCPu3ejQITIyNd4rnB9EP2oKqBvbSuTFpEQjjMtfAjfzwRwFeGqE4CASYOjIOVRipj9qxNEiqk64sPaagdJTWCp2uluYZyanU0nFwh63oghDuxk3kFuiAYanIJBfwqGqx0V+ZBxPHhUcKgInbuGYG43aj3okbp6JEafVAVTwy94E6Ii9FsDwfpnyXETc/1RuMowEQQgQP92w8OMsPcmO6BIH4SQqqA4g7FcbE4I/UUt5iwIyev1FLHOUHIbZe0Swb2CaCoUaRayNoCVc6NQF0DzBJz7jfPZfsbNbOzN7bJ9Q/PpVynofLULNMgDGfezDcDifxHeX12DAARXGZofDbwcEJ0wn9uS8ENID8I+9bnVFpAXKhK+sgGjmW3qIkpNHrELpGBzXk0kVgrPYgfG5TpL265RG1vQ7dlNFfSXtJ4guBgXREt4d/vrKRSvqky6hOOr7vaB+f76HHmEUGIDWD0+CcgXmCQCWNAkSUQbb9WpVK4KyKJkhSGpMJEvL1g4V6xvKdd69ruohJARgNcMjmXaMKkBvbjfA0Sfv1L/fma2ZHtAvQucZsRvZsRPz8lAjup44/po+EncwgI8weCrLNhjaiRsIy5OCP4nigAWg6QN3+zxKKH7c6RjBihBIkF4qTF1VHcMcKTcKCwtlTrn38AS4Skt0cJGWK1qeF6rL9eA+aBPNshU8L/u9l0wrLbwuP5mblFiEWYulaT6feTr4A2Q6P9wLET7MH5ryHIBg14jPNYSwBoojwXEh48umNNt31zSgXov2og6ZlKYCqAgCVC/3jGlHCkcf82bFen9s+zXneaQ/JISRB57gDw+oANIAfEyiifVQCUtbWZ7eEl08RKH9AdBj/MQEkZ/nqxKuBBCOVJjUD0FDXkLVVcmvTRMLfvPw4TA5BBAyQEQrCBVZ8iRZOAZwyG/ooI4GohWVk4QEYtMhjXBzFYMCabaEEPpNkaURhtHsWMeaOKBgVmM3x1yziX9Qlh3Ew8XDUcs4c2nh2DJgxLhEGJipw9lh9/B4INAyYV7HSE1/Kpb/w4T4wUISK1cxlGvHg/AtSI75mnbVHIN0YEWZLTqYk4EEAeJTI1kA0TCjWl2DsaQdFwPLWqnAznEHsTw0op5EqW6h2Ldoyd0kEmGCoMESJ8wRSs0oTqAaG+T4d4XgwlSAQwo+QLwCKuBXiwUEcPEjkAwB6HAzKiyEHAsL2duXZE+FunRRfC+DB0QuTIflUujdlU+JjCEbpeJYDiw65IZeprGZgEfN/pMlYEVugibbOfQffg7k4F8gYmSAAKhUPLU7D6Y6vSMEPbwXfbs07H7aha8DykXhlAAqqsOJwhvn4WcPZPTiSCmaTsBRPFvmTqVqY2Ko8yS3as5fqqXKovxkw3u0DMsjM7w5Y7ZAI8UxlqEARxpOtb/UjBxBPBiQJ/v9RgJHDBC/cBknvzhNQedu2MOl38t1Cb9kY8MGfUYHdRcQHffIJvJE7wC6b0Mc/fK1RAfiLl8Gu2rni2Hxd0/+J/yC9fdDyuwAWBDEYAAff4nmAiKr/Ot1z8ivd6Aj+dsG+rDWqRF5cYkUEpMpswGgDGCCOv0MWnLKwjz/mLCKPsGQ7znzDPVJ157EE7DBoHm08J/RMDbTy2wEfaxqJurkfvkYzkAJQRrPyaIlMq9pSWZaC4AZou00TiDJ25WlsRZjlJfZcpT6HRGpiZC3YfHnn5q9h+v5SEq2ECw4SSAgNoJ3eMhdcrDvJ5k6pHEuM7EBEL6JK3Oy7M3QK7P62vPHJJ+9ENP2YefKj8z0MbyBXrH8nPw9O4/gxdgA8GGkwACeGBxEUbloZhNE0b5Andn067MffNsW/ldlhilgaeLpewhjQ/4uhxl/Y70w0/x/CrGkDW4SJ9afR5Ojvobi/sFNqQEcKCHtx/nVS/8qGcYu24/wcuCtdF2cQjYfX/3ADwnIH7USeL1bL1X89w0+6r5uiHcvQvfhlN7D0IfNhhMVhzgZcPyAai6DzPmemYQiot1DDr0CHPuZ/BAf8Fb0qe33MtIvzeemhNCLNjoop+OwEp5wF02+lQgnv3cSqqd3QryCXgzPUMO3wT59S8XNrQEEKBPzfagW+wLU6unZo8F9XC5tv+86W75PJvaDjQWBYyu4CGO0h188WsyMYhE6cMjk+bXv1zY8ATwciFwMxaHGdk92+OHzvHmh5ibG6nMMSmwIY3AHwVCDJ6q2xjxD2bIP8LLTa805L/iQaSB6fcWWmihhRZaaKGFFlpooYUWWmihhRZaaKGFFlpooYUWWmihhRZaaKGFFlpooYUWWmihhRZaaKGFFlrYiPB/6zMtkeo48qAAAAAASUVORK5CYII=") no-repeat;
  background-size: 32px 32px;
  background-position: center center;
}

.body .main__content .report-team__top-income-table-tbody-row:nth-of-type(1) .report-team__top-income-table-tbody-col:first-of-type span {
  display: none;
}

.body .main__content .report-team__top-income-table-tbody-row:nth-of-type(2) .report-team__top-income-table-tbody-col:first-of-type {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB6BSURBVHgB7V17jFxndT/nzs7uetePteMkOC+PE5oEglQDJYFAGluUtkDbJKJKoahKQAVVpRIEFVWiamPzL20TGlRQhZoEpFJejVMqUCu1NtA4EaSxQ0sIEMg6cXDeXr/2MTP3Oz3nfOd73NnBEBVfz5J77Lv3zr3f3Nd5/c75vu8MQEMNNdRQQw011FBDDTXUUEMNNdRQQw011FBDDTXUUEMNNdRQQw011FBDDTXUUEMNNdRQQw011FBDDTW0UgnhRUq09zXvB0c7oMAZILgDur2bcPv+OXiR0YtOAGj31hmYnLgLiLbZHuKF13gAlnrbWQhm4UVEBfwCED1w5WZl7E9rt3vrVpiY2KfMR5Z9WfRPIRsdGG/vo72XX/sznGeG7t3agV8AWtEWgO59bYf/3p60GfYzL/dAr7wbr7p/T7Xt5Tewyb+Vj69jhffPjbxFqv3pPcjnAnfg6765s/L9e1h4qODr0DX8Lbuee5QbX4dX7XsQViitcAG4YnfU5rSXlMFEc9BiYSjhQWbo1bz/as94aUupuQqBbUWB0CYH+M+dvHszkBOrMJO+J434ouTkwxz0YctKxQ8rVgDontfcyDy4XZmmzCCI25GL0jAwNme+reP+ZWcf2E9xtwkJVtoUtANfv38nrEBauQKw9/JH+e43GxPyvyYD2io2151oTEM7QD/t+TPGp312Dl47su+ztSlwK75+3wFYYbQiQaBqP2AnY2DGSGM+Bq4Z0AsCErR+GPNxcBf6BTFcwpyFCIGcMx7jUJJDyhVIK84CMALvwMT4bhDUXjXt3rYH7Q7cjJZgyKNGj2AMhbA9AAz9iXy4qNeza+m5XXIFfZIwcg+sIFpRFsBi+JtV+2MIF0EdmvajMjOG97IUvJcfFcf4icPS5s+8tMa5wTjyPtLjMMZCJAv67/jTBkGroE2/wigK/DZvUQFdQTSSFoD2bZuB+RMdaBWboV9uYf+6mZkhZvYaPrweBsF8ju3CIwnzdF/LbysVoX2m8cF6RO22NqzZzvnPgvYV8ZMpf4wG/KaCwwAKSaKBPfz9WXAcSZQ0C9Q7DLj4IG6fHblIYaQEQLVnciLF9bmJD9vxRWNwy5nJFwYXnuEYtkWTW4bai+S3afD8kYF8oDSQSBbqBQHgxZX+eGwbwk4XnsLOLCvn3Uk4D7Ew9Mvr8Nd/sB9GhEZLAPZevo+Zs7WCuivaGkMvisAummDW9IIXaGEUAq/xXgB8G3veYkgIaNpd0ADTguYL44MQ9PmzLM5Cwuz7YRtClEBUORfRYSiWLhwVazAGI0KWyt1a2elDeszcfBAECCk7b+KFscL8wpt8MLMv2i9MD3ghfC67zEReKAOPggUUDxizpCnmAuBMCPrEgiY4g/SzWARtk2FRES6XRR4mr3bj66Ec38brXTACNDICwHn4TkyyRO3MzSlmrldebuHBHLaMyWoBbLsIa1QGHf0xwNIRgMVnEbrz/P0eZADSogXywHB8ipe1AFNnAqzaQNBejarxaFZAmqPz2UMSjCBC0DPhoHR/CSPSsnBV8MyI0OgIAGLH1lBBdDFECy+0CIw2bR8z5sujmCC4EuHIowDzTwIsPJcwgZympd+B5TG/mfD+IkCPheQ4C42AwEkWhnUXsTCcAdCe5HsRa+M80zkH7PuR0AuVuoXS7jNLNqnlyTOQbjOMCI2OAAB2kj+FpJUQLAFzrJAX2cbIdAnbdDFhkJf/3Pc4O/9D0BddMNPHJuw4prWe1RgHGd4ICN/7am/e+wsAz3zb+/215yOccSkL0SSkiEMEsudxQzT7pT/kIsD0xygkJYoOjAiNkAC4zTF0yynm9+WNtjGafWxjFICCTf7zP0J47rvg3++YB4RFK4WBMWtXJOZhJgCBNx69K4AHMTQugD4+54lD7E4eB9hwCcDGS9jPs/qL1gdGF317FDlViVl+KuEAn6PowIjQCAlA0UkoOnMDigmyJI6a7zGfuJHtfhfhyfsRFg8zwyzBowIQzL5pfRGSOujPpa4gI9Xgfor5C7MEAgRbLW8NnFyb28w9woLwGMJ5b2CZnPCcpUIYz4JpoFXP2bOHCKEnBXnrwIjQyISBlc4dTPgv+nzV+LZpv2TumEPzcwg/vtcYLExtJ61XC2ChYHtC/LdH+cVYYkbulwOJEJR9jwX6S8Z4Ewo5pp/71o79/vpfYotwMVuDnrcGwnTZVmBo4DCEi8G1iHlZhAvxzQ/Pwmmm0y4Alt69hbdugNhZk2XpPNOFud7/q9nnfXM/Yt/8P2wExr3WC/PFAgjDWwYKJ6b5K1MD/n7YIy/3O9EV9DlcXDoOGjoKA8sBARBGz1zMQvBSDwLls1siv92VCILUHQjTNS8Q1uV+WOpeh2+enYXTSKdVAGjvFe/nl7qDGTQTs3F6wMBU9PFtr/WB+c89DHD4+xBj92IsMV0EQRg/tiqZ/aGMH3Q3sPxzvlvA4OIJnz8IlkAshQiGCML0OQBnb7Xjpv0iCMEaaPbQ3EoQBJ9j2MnH7sA3PnoATgOdFgGgb/zKNs7z3w7RF2YvPaZpjaE4bkIwnjH/B17zI/MN9LWZ6RK2FQP+PTnlIdvJTVf7/UOzrJ0wTKyB5BKCKxDm68KMX3sBg8PLjPF99JZABcZv54xXlxAEopxlK7EDf+OxO6FmqlUAfFdumxmP2+LOfABPDNHkbYufZ4YL0FNGsxU49hTCoW8l5o+1U8+eaP3kmiHKPkzD4x1B1UIMWIVhX5N77Yk1OJrwgqzFVQhmWM+uYP1F5F2B4AKxEEveIoigJByQ8EDp0DKKs4BL1+JvPl3bGMN6u4O1H9+YHxMlRNm2NRxLIR5a2NddQnj2O57pavqzrt1VzPiJ1VUNpnwjTy9QtgwRBsq/PHC+kJYQSzO1IeGO4HpEMMU6Lc5Zl3LLQKsmqVI4Gk+djVDSd8DhYdnaQ3fN1JYprC0M1BG8ruz4ZE4YUBmzKRQtQei989k78i+Sl6fu8/5VEjutgPjHvMkXoJczl3DACiSGHpsv4OHHWvDQYwUvrHjOa6KE/efM9OEVFyFctpngvDMpuSPITh92yPVXcc/0/PMQ+n6im3iKO/vOv8oLr6SKY9JqIFMYxi1U05IznGiSQah3QA1UXx5gcXGOzT/EzpHBXGzMkrV86kw7eEyLjh4EjfMllMuTPGLyJXcfKTvlgFW//wcT8Ikvr4bvMtPnjju2uryw+XbMMJJtNsFELf0sQvG6lwN87H0E55854A5ylyVCMLmO081zEIWv5bwrEEuw4VJJILErK31U4AeYYIX5EXuQ7zGQo2PwKNRE9WIAGcYN3NdP9ka9hqV70BheNdswwLj3sQf/y4dYY5NmdtveEkxvhHSeXFXjFeGBR6Zgx2fOgIPPgDLZ8SKMj9vMbBKmG+NVIGxb1n96fQs+dD1AJTdh547rJY4Olo4lQCgC0OM8wnlv4M6kKfSRwaJgATY1S5YjoJR0EiskUYJigT7gWw/Vxpd6MYCjr5ny4zLmqx9EW8Yg9u4dPeBBVNFOmi/LlLjJmC2E7DxGBF/55jr449s2waHnWsvvBZNLX0aUGv3V50v46OfdAKYYQIdihVrtLAFlLurZh3zPpO+GNgtQBF9BlWcPBhBhD9RI9QoA0m5dDwu3tFuNzaW4ALJePdmW3HvM6xd+LYAPB5gakj1ZRHHocBtiiGdEwewyiZ8/f6P5e4BKO8w81Ec/52Dvdxz85OfCFH6G8FWWJXZb3eMYeynRuqhhQPiD8fe3cTfUSLX2BeCV3/oa3fOaOU38VCZsKHl1Vu23PP6Rx7z2i7kPQiCaNT5tJxzQ/tws8/9XXsSmGRKgXjPl4LevWIDtr1yCyy/pZcJSwFFu+m/3A/z1FxAOPGWCEs7I1/nKtwiuvKyAqvaHa5FnuNynpn6zjqhjB33nEdqAFW8JUMEh5YaA/Btx/T1QI9WKAYQ4538XX/UaiwQo9pApg/kFgoV5kgA6uJc16Kjl8S3MWrXOUP/gYwzCdb8+9HwbvnzfNKxZVcJvXXGChWAIA2M/PcLjjBXe9CFQoKhHFROwlTgL4YFPtLL29t1gurUziYVqfi5lB3vWl9B5I/t38f1LXqDLRb+EnIAKDWMAVx7ANz+xBWqk+oeFEzzoo14XVMzy/oW3zWEsX3+BdDBHEbpyzSoIEBw2mKOynYRg04YevPctR+Ad24/DmumBdjEKDbu8S7j+alp23sefJk3rL4s08mvHXsjgruRZmLkLh9FrPlq8H57Tvk/hPeAs1Ez1C0BBV/sN9P4wgD+yUb2B2UtHUF9gkfXstSaGmP1hlDNwWG4/T/pAvJ2wvqxjrSi5Amn88P8umBCEc1BqGEj6ILCoLieeNKBXZM8IOQi0c7lfhpqpVgHwVTnC1GqAlASxAR9xwAYLxMKzlIZ3G8Brj4cv/gxXwyFtBxA8Qvby83vKT4NRODatK+H4k/MsBIOAMAP2rbGqxZKleww8yM1S3ZRdjKKAztBXNt0CNVJtAqD9AMPmzyXUTprBK8waLB1NY/jDi2y1Mx7+rFbgJJ8jCKvmEQQHQPzk7/G8DX7b9Us48dQ8pyVc9f7DOlir/L5FALylMwtWpDCYcutE0t38AfrXM2+AmqgWAVDmt1u7RcJtz0AL1XyvHmHE79JRyCZ3JOsQtS07DyYQt5xOgnOxGoCE7c9/zWBJdr7LL/LDw2Wf4LUTT4sQlNm9hK/LhxZEi6aMLiUxhCrgFJ6zyMLAMPTcbsLRrdwf0IEaqB4LMNa6BWS0D8YpWDlZogRTLB8GWiAmoKbDwYLGZkIwVItzysz1oIAsG4IGyvyDz4QbS+d702X97PscGZQO5p9dNEuQuQChInNb4RX357PIH6s3EQtTxPPMSM6Ebj/1nUKnXADoG6+6mR/mGlg2uZIGkFmmha6bZWZMCLBIuypgDqpCsYyGXHIY8a1JLuBvvogJ+Nnq3A0Ev/aK0nBbul8qS1h4fkEtQvoCZYILyQr0FrBiaNJN2QARqj6XDBxd070dTjGdeguAdCOA+TrKX1SA4UVVMMKhYaY7PwcNswbxBEPoJMw37f3gJ1us/WimP7X/8O900+PkbsdSGYuHF9QiVKxA5RkC+NPu3wA+wnNgfB49FOcTyudr6UuTm+EU0qkXAKJ1kKVfBxQ/veWo4YPBefiYm1l72QgD2p+5BRhcToIFmG75UoszgUXiD3icdsMbemb+IV4zias9hAjB3KIXglxIsSLwAfRhup84w6j6bnScAPn9i+V6OIVUgwDAndkUbKowLc2wTUBIXgoOAIVB013x/QOmc9AiEC1vnwsTL7f+85gunlLxkHNmHPzJm7pxL2SMx4AtgmBwj97S3IIBw3AvGWlyiKjyvDqfICTE4j1hFHCCWXxn75TOJD71AlDCTn7GWW8vzYLm6JtyBqI/WLQxHE7tHCzz9blLyc+TW4l4Iqq2s3N97K42M78NA3cA56538On3LnAKmSKT0wP4lgi5EHqlXTrezYQAkuBpCGsXduYS0VFVCcJxFYJZ7kPaBqeYTrkAaPm0kraDlG3D8DZcVcMxaIFOv6Y4CDT3qUTVz9WXlvtQyLW7cmzA2vztrgn4GC+DzuEcTvjc8Z55FoISBiQxcwH+XAhJMNEsQfdEL7mDCAxbBvYCwx2kAhRZu7gPb8K3LR6AU0y1hIFafpXoXTHO09Ew4SilARF5kQbtWcuZaRM0KswFWCYElWNuyDH/ndvuXgW37ZqsBhVMqycd3P6HJ+DcGZvfx/cQM7eYGIXglm9TEAjHoL+sYoLx1V7QXZk9szyvjBZyfkxaEuId+LvztUwfry0TiL+6fxc/2M6hfjjggQiQeJlYB8tKs+QjaYYJwiBuiKY+J4Jd90zCx++eSvDQTMCaSYJ/uPGoMh8DswNmQUyFx2yNlW3Tat1nQrDo8wXQXu0betfkmS51BnRoePbcHnzuwrfN74SaqNa+ALxq/w6Q+jk52tWVZn8oarq8jPEZqAyZkmOlFWkgStO1BgVhECeEfbbcvXcKPnznTEwv+K8TM9/Bp26cg0s2hXn+GPGAb+QtAlKe+HF2ktzSlIZ5nbbtdx04EQAx7S4O/8aKIMdncHMwvvQBqJFOQ3cweVTrFSZkfkwI7IXIS1q9KTE/1OjRsfZDGE95+DXMKvh9/3LfNPz5p9dHZQzav5Y1/+//4DBccnY/Q/vpe8lfBZOfmIepNlAChZRFAjL2UMa/9Ls2IcSP+1NhiHBIzitWwe3Ht556v5/TaegODjV3KVdB02wbGCFr6feXogzRApj2h5Is0TqUUCnjEpg14D6+/8Q4/MVnNkJuvmVZM+Hgk+98Di4+W6Zv+dIwCe3nPp+S9pOrHMfcIgRrEEvKiDVbA2V3Cam/RBHohmOxFoG6gtorh9QvAE5HBRtFu50z1XrIShMAEwxnglD2qwIQA4uyKhBxv2PmT8B7bjtPr4QhTYsC+Aj+7h3PwMVndSGYfc9Lz0hDrBWLgCYkEI5Fd+S1PgQ6aPeCqzbKWyb+TK7XR9eXkcN9tDmC1Wd3bmsd+f+cah0TqPX6kTZDSLWFSaBqk6W4QssLAJqmz1zoZwHLdmFj7VQYbKBIYNpgyjW6AIRDc+PwRx+/AI7N2xCv0I433nLZcfj+021eWlrzCWKLhCECGDxvQwmvfWk3XQczv48+gPE9fy6zZs7XGlJzb3MJaYlb9hGr5ef8DGLZnj5W26QQoXoLRBTu6jT1W/4YAguTJaS2D5ogtESjOHmyjoXgyA9Za8LUqqzeTzxRCK+DthYRvX/q38+GYwtFSstSYu7n/nsNf5yO8wGWzwvIUvdMV1zUhX9635EKEPSAr/QCaYwP2i+mXyOAUCdAkL9OQOlrIQnUYXHRmpHHBzpi6g6oiep1AVJ33xloClmvwMm8KCOYBRBgNLMFlJu5iQ/Ts4mq7gBcMsfW/ug8QiXYx2pqpxIlhqaZkMRb53/3PTIGDx30YxIwmm0Gjmj7XJlpPwvC9Ca7F50uHrTcRwJlSXGquFoIhwYEf+ovlvw8qc4RQVLqdRtUkzLLizHmi7wYeblrt/iXGGbiusDgDBvEiKEaHbz6wmP5XUSOZ0MAs8NkRiS5lcGuqbWTSbhiBKC1jfIQle918gxvAdQi6H0jSje3ujq9D94dw0K/yMwgGRb22WzY3CmmGi3AYkD/VAnjBon62WKl19Zv8alhHSiSC4EJTdznkmCYD377lU/C21//tJ08y8TqpQmquh5GalFsbs1gLfcJ/OU1R+H8DT3L9qmF8oUp+B4xaL0VoMQ1m8jvF83vUxJqywNAZv5TJOMvTFAbEESokWj3yw6D1NbXK+dDvbLb0KHTNi+wsHmCOIlau+/g12128Hi1IFTUxFytbclOLfJz+KDTkb2VcZsByNl4VB8ouHiaNJqbbL/HGtget/x/0PKeF4DV5wJOnQVSG0A/y3wAXlDWJgQ+fVwSlqXVFiqzsrOwBd8Bs1AD1RwG4nZ+0lmvV44M+FA1fgdMtXZMs8USyGSQDS/zhRjK3B30bRAmpM/5sQwztBhYnnE++cJekKF1Dflc8usBwav5LqO2Y9gvT6J9FXbNeL98b1Nn83JWdv9WMkYX7yJi+FiWPvnl94vnmeNDN9XFfKF6U8HbH+Is4MIr+Wl3eNAXF0igMCRJZOn5UivBFazrsC3enGbelPbiSy39mnxxwAhRGFwUCOTzrj/HweTqPJfgKgz3vj2khJ0Hd4YzUEvRWEeVMRWN2Vhw8mrNORRqBCGFYlE9Lzwq3QL0ZBZQP1oPyyTdAQus+b8Pt0KNVKsLyIl2X9phX7mD7+CGNEsGIRaQ0O1xcwHhBx1kBi5vS+VOKdqorqCd6gSFGTm5UOhphz/m/BGCxaNWyRUzt1Ax+aBCg2N+xq+fyxJAYGn+v6/3gBsu5e/KNO8eShlZdIu83dUyMZhMP6VwUb+/hy/1Edb6PXAa6LQJQCAVBMDdvHQyp+sPYqgXYAtm62cfAjj+WKgfZBNHx9KkTGGgWgqr3vkTHnXhKMPTYwELuCQIhgME5CFrvM7nBM/0AAIxMp8FQyaAqisRq6UWik/R0zmAOMylkJtlQXs3/l5/N5xGOu0CIGTWYB/IVN4ijv71E0SKsSrjdW21g6QmsFTtDEUj4tTsbDq5UGm+WNPIlGI7A91S32HhWBHLEyjTW/yZBQpbPsGjGMHcgncTPrmDq84gmN5kAxxE69Xso5p/X1LOH1OTr65I8wF96L96/O3wAJxmGgkBEKL/uPguZti1lnsFHS0cGCVVQXECY7nYXBAW53wxZ2FIkf8mUKuaNQzrYBFCDsHeQG+pUCHQK6ohCp1CgvrN/0cgaMkfBns4tdE021cPR+qSon2PCxAiuLTvCvJ35Rx8z21kB+jgNFO9qeCTEdGBkCDxHJB3Yyk8ZRR5LCAvUyy8sw6jibUAmy73NXkEFxT9ajWRWCnchCCEhlovGOI12i3SSnQLh0tvJEJmESn5ezX9zNixabZVF7B9GlOAir4QZED8fKd9sxAu5Qxih5FmA7/NzCcYARolAZj1gyTD0BtEq/ZlBZUsg1YYYi/M5MsLFo3f+HLScq3PP4JeEDIBCDWDYx8CQjXF53nRYmZPrXOwMEdaOArDT8QoE/n67WnA1ReQlonTZE6oB+zrA3umd6XnT9K7Yjl8/0aMKsK942EYmgWrn0ZJAObUzepv9lgKTr1BmA8uLkHCJ3mBpU+hShEJ1dK+LycnKi2VOmcuYovwQ1+iRQox5FXDl3UkxevLH7381LRTcKhCIMIjVmZyPV9umpuVzNce36F27KBf9xX12y+H+Jw+CwF/H6sRgwU4JT4Io2EARqlcfLlfGa8/umCpNgo9fPrWrJ1/v77WkrxUtQSeAZoVtMTQGVaWZfF5gvlnGZAf8wIBWM0Upm4hCGMBsL0GVr1kBhYXJoE4tvczhUqfzfO9esZkub6vEo5kghB/WsZ5SxB+ZMrGFWiDlhuZn48bHQEoOQsmYMv7a6wyySiMGJaXLOMDrRcu1t/RWnytTONZSibWoA4w9Q0RusfID8iwTKGdGMYmmTGTGH53SBi9aq2D7pF5jiY5jldNdz4pBcGXW8JKMYA3W+hsn6Z1FfD5Y0UQZun9g30wIjQyUYAQffX8R5lHnWo+AJeb7DjTyKaSaxsrKxeqiwUh0O+EhH+RBMt/nbLZObhsaJnvwoXeiSUsF2QwiOX8ZQ0ppldf7008opl/39cff8JUr2tTY2TXljrTvSejEXIBTMh94QS72A10YqEIiFkZiqGhBggFRlAlxzUnH8vLgdXoST8WCdlYsPAzNGlWjpesfHyhaq7vrm23mcllCf3FRUP2/dgOwy+Mao7fevo86DNXZl2MKlDIuX76CKd7Z2FEaKQsgJAWSh6b3ApjrY4Jwma+y479dOzWCoJH419hDIUwRCcsQSBC+yzlnPqDESCNH4A4MtmQv3bl6lgD7Hd7jCnLkBuw3jvLFcTePO2mfpzF7jCDgAcYjsyxKDzIMjPX6sMefBeM1M/HjpwAnIzoq50OM4QTRuh/YDLvSg41B4N2x5Ef4ddCLbFPQR1NekKHfxxSbmP0XPiVjzLt1yRgSb1FF8b0UUT5XmgOdpeKDyw9Uf7nzM1wJJ//NKq0ogRAiL76EhaCglOoWP0R6WEdPmGWsbFe12ItXACTQGlgMmUYAAYEQtfxx6Rltk/ZdZVcgaQu+iXeNHfA/ePXvwPPXf+FGLaMNK04ARCiL5+1g835zREMhoJLkbIET7AMcYeQS+2rM4oMDIbxCpQEIw419/G8Vhjvhe5cNTj3PvG9qbdNr5s/fuafwTFYIVT/vICfB/W7tzIj5qyvP5tyZYki8qNv9bMMusiHirnscxl76bIhW/3wfdS4Xn/lI5yvZ+u+DOhjmFJGWDF/DG6aoPn+7vthHlYQrUgBwOvm5tje7oxj7Mp+xuww7coGlXpE7hlcWgYxCAGV+eghnx8I67KfnbfvS7zH7ztvPaSs9Zgak88deQwe7y/C8ZVi+gOtSBcQiO5a9yivOvohxwBac1BN+wFeZq2NbxdT8C6Z+7CoR4k/6sRonR7k7Rlumv2q+VBctwUOwVP4QViAFUajlQd4wTR/Hbj2Xcy5jgFCCbH2Q4t2sebejdctzoaW9KXVNzPTb45fzQUhFmwkm7JNe2ChvC6EbPRZFZ5tIEWuCa4G+Ql4g546hm+E4voXSivaAgjRZyc70C626tTqscn96h5+Utsvrnq//DybDrsW2F7JAsZQcCdn6Xac/Jo6br8Di7Br1OL6F0orXgBeKKk2Y7Gbmd2xPeHQYd58N2tzLZU5RoVWZhTw/yDNwZPbzoy/I2P+Hl5e9WJj/ouexBqYf2+ooYYaaqihhhpqqKGGGmqooYYaaqihhhpqqKGGGmqooYYaaqihhhpqqKGGGmqooYYaaqihhhpqqKGVSP8HBk009SWt/b4AAAAASUVORK5CYII=") no-repeat;
  background-size: 32px 32px;
  background-position: center center;
}

.body .main__content .report-team__top-income-table-tbody-row:nth-of-type(2) .report-team__top-income-table-tbody-col:first-of-type span {
  display: none;
}

.body .main__content .report-team__top-income-table-tbody-row:nth-of-type(3) .report-team__top-income-table-tbody-col:first-of-type {
  background: url("data:image/png;base64,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") no-repeat;
  background-size: 32px 32px;
  background-position: center center;
}

.body .main__content .report-team__top-income-table-tbody-row:nth-of-type(3) .report-team__top-income-table-tbody-col:first-of-type span {
  display: none;
}

.body .main__content .report-team__top-income-table-tbody-col {
  text-align: center;
  padding: 12px 12px 8px;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
}

.body .main__content .report-team__top-income-table-tbody-col:nth-of-type(2) {
  text-align: left;
}

.body .main__content .report-team__top-income-table-tbody-col:nth-of-type(5) {
  text-align: right;
}

.body .main__content .report-team__top-income-table-tbody-col-name {
  font-weight: 600;
}

.body .main__content .report-team__top-income-table-tbody-col-email {
  font-size: 12px;
  line-height: 16px;
  color: #696D74;
}

.body .main__content .report-team__member-overview {
  padding: 16px !important;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__member-overview {
    padding: 24px !important;
    padding-bottom: 0 !important;
  }
}

.body .main__content .report-team__member-overview .section-title {
  margin-bottom: 18px;
}

.body .main__content .report-team__member-overview-wrapper {
  width: 100%;
  overflow-x: auto;
}

.body .main__content .report-team__member-overview-table {
  min-width: 670px;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .body .main__content .report-team__member-overview-table {
    border-left: 0.5px solid #E9EBF6;
    border-right: 0.5px solid #E9EBF6;
  }
}

.body .main__content .report-team__member-overview-table-thead-col {
  font-weight: 600;
  font-size: 15px;
  line-height: 16px;
  text-align: right;
  background-color: #F8F8FD;
  padding: 9px 12px;
}

.body .main__content .report-team__member-overview-table-thead-col > strong {
  font-weight: bold;
  display: block;
}

.body .main__content .report-team__member-overview-table-thead-col > span {
  font-size: 12px;
  line-height: 16px;
  color: #696D74;
  font-weight: normal;
}

.body .main__content .report-team__member-overview-table-thead-col:first-of-type {
  text-align: center;
}

.body .main__content .report-team__member-overview-table-tbody-col {
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  padding: 9px 12px;
}

.body .main__content .report-team__member-overview-table-tbody-col:first-of-type {
  text-align: center;
}

.body .main__content .report-team__member-overview-table-tbody-col:nth-of-type(2) a {
  color: #1166E3 !important;
  text-decoration: underline;
}

.body .main__content .report-team__member-overview-table-tbody-col:nth-of-type(2) .ic svg {
  margin-top: -3px;
}

.body .main__content .report-team__member-overview-table-tbody-col:nth-of-type(5) {
  color: #1166E3;
}

.body .main__content .report-team__member-overview-table-tbody-col:nth-of-type(4) {
  color: #19BC47;
}

.body .main__content .member {
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member {
    padding-top: 84px;
  }
}

.body .main__content .member__header {
  border: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 84px;
  background-color: #fff;
  padding: 0 32px;
  display: none;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__header {
    display: flex;
    align-items: center;
  }
}

.body .main__content .member__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .member__team-income_direct .report-section__campaign-chart-empty {
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  top: 23px;
}

.body .main__content .member__team-income_direct .apexcharts-legend {
  padding: 0;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}

.body .main__content .member__team-income_direct .apexcharts-legend-series {
  width: 100%;
}

.body .main__content .member__team-income_direct .apexcharts-legend-marker {
  display: none;
}

@media (min-width: 1200px) {
  .body .main__content .member__team-income_direct .apexcharts-legend {
    justify-content: space-between;
  }
  .body .main__content .member__team-income_direct .apexcharts-legend-series {
    width: 49%;
  }
}

@media (max-width: 1199px) {
  .body .main__content .member__team-income_direct .report-section__filter {
    display: block;
  }
}

.body .main__content .member__team-income_direct .report-section__filter-options-item {
  padding: 0.3rem 0.5rem;
  height: 38px;
  border: 1px solid #e9ebf6;
  font-size: 15px;
  line-height: 22px;
  margin: 0;
}

.body .main__content .member__team-income_direct .report-section__filter-options-item.active {
  color: #fff !important;
  background: #142768;
  border: #142768;
}

.body .main__content .member__content-statistics {
  width: 100%;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-statistics {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-statistics {
    background-color: #fff;
    padding: 16px 12px;
    flex-wrap: wrap;
  }
}

.body .main__content .member__content-statistics-title {
  display: inline-block;
  margin-bottom: 18px;
}

.body .main__content .member__content-statistics-total {
  font-weight: 800;
  font-size: 24px;
  line-height: 28px;
}

.body .main__content .member__content-statistics-item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  background: #F8F8FD;
  border-radius: 5px;
  padding: 9px 12px;
  flex: 1;
}

.body .main__content .member__content-statistics-item:not(:last-of-type) {
  margin-right: 8px;
}

.body .main__content .member__content-statistics-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main__content .member__content-statistics-item-wrapper:not(:last-of-type) {
  margin-bottom: 8px;
}

.body .main__content .member__content-statistics-item-icon {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

.body .main__content .member__content-statistics-item-title {
  color: #4F5764;
  font-size: 10px;
  line-height: 13px;
  margin-bottom: 0;
  white-space: nowrap;
}

.body .main__content .member__content-statistics-item-number {
  color: #172B4D;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.body .main__content .member__content-statistics-referal {
  flex: 0 0 66.666%;
}

.body .main__content .member__content-statistics-referal-title {
  font-size: 12px;
}

.body .main__content .member__content-statistics-referal-number {
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  color: #1166E3;
}

.body .main__content .member__content-statistics-referal-button .btn {
  font-weight: bold;
  font-size: 13px;
}

.body .main__content .member__content-overview {
  position: relative;
  margin-bottom: 16px;
}

.body .main__content .member__content-overview-filter {
  position: absolute;
  right: 18px;
  top: 18px;
}

.body .main__content .member__content-overview-filter button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  font-weight: bold;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-overview-filter {
    position: static;
    top: unset;
    right: unset;
    margin-left: 12px;
  }
}

.body .main__content .member__content-overview .section-title {
  margin-left: 12px;
  margin-bottom: 14px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview {
    margin-bottom: 30px;
    padding-bottom: 0 !important;
  }
  .body .main__content .member__content-overview .section-title {
    margin-left: 20px;
  }
}

.body .main__content .member__content-overview-statistics {
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics {
    margin-top: 30px;
    display: flex;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-overview-statistics {
    margin-top: 16px;
  }
}

.body .main__content .member__content-overview-statistics-income {
  flex: 1;
  padding: 0 12px 24px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics-income {
    flex: 0 0 38%;
    padding: 0 32px 0 20px;
  }
}

.body .main__content .member__content-overview-statistics-income-cate {
  display: flex;
  margin-bottom: 26px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics-income-cate {
    margin-bottom: 10px;
  }
}

.body .main__content .member__content-overview-statistics-income-cate-item {
  position: relative;
  padding-left: 16px;
}

.body .main__content .member__content-overview-statistics-income-cate-item::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 3px;
}

.body .main__content .member__content-overview-statistics-income-cate-item:first-of-type {
  margin-right: 10%;
}

.body .main__content .member__content-overview-statistics-income-cate-item:first-of-type::before {
  background-color: #76a0de;
}

.body .main__content .member__content-overview-statistics-income-cate-item:last-of-type::before {
  background-color: #1166e3;
}

.body .main__content .member__content-overview-statistics-income-cate-item-title {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  color: #4F5764;
  white-space: nowrap;
}

.body .main__content .member__content-overview-statistics-income-cate-item-number {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.body .main__content .member__content-overview-statistics-income-level {
  width: 100%;
}

.body .main__content .member__content-overview-statistics-income-level tr td {
  padding-top: 14px;
  padding-bottom: 10px;
}

.body .main__content .member__content-overview-statistics-income-level tr td:first-of-type, .body .main__content .member__content-overview-statistics-income-level tr td:last-of-type {
  white-space: nowrap;
  font-size: 14px;
  line-height: 16px;
  color: #4F5764;
}

.body .main__content .member__content-overview-statistics-income-level tr td:first-of-type {
  text-align: right;
}

.body .main__content .member__content-overview-statistics-income-level tr td:last-of-type {
  text-align: left;
}

.body .main__content .member__content-overview-statistics-income-level tr td:nth-of-type(2) {
  padding-left: 9px;
  padding-right: 9px;
  position: relative;
}

.body .main__content .member__content-overview-statistics-income-level-item {
  position: relative;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip {
  visibility: hidden;
  width: fit-content;
  background-color: #f8f8fd;
  border: 0.5px solid #e9ebf6;
  color: #172B4D;
  border-radius: 4px;
  padding: 8px 12px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  line-height: 20px;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip-item {
  display: block;
  padding-left: 16px;
  position: relative;
  white-space: nowrap;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip-item::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 4px;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip-item:first-of-type {
  margin-right: 10%;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip-item:first-of-type::before {
  background-color: #76a0de;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip-item:last-of-type::before {
  background-color: #1166e3;
}

.body .main__content .member__content-overview-statistics-income-level-item-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #f8f8fd transparent transparent transparent;
}

.body .main__content .member__content-overview-statistics-income-level-item:hover .member__content-overview-statistics-income-level-item-tooltip {
  visibility: visible;
  opacity: 1;
}

.body .main__content .member__content-overview-statistics-income-level-item:not(:last-of-type) {
  margin-bottom: 20px;
}

.body .main__content .member__content-overview-statistics-income-level-item:last-of-type {
  margin-bottom: 24px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics-income-level-item:last-of-type {
    margin-bottom: 36px;
  }
}

.body .main__content .member__content-overview-statistics-income-level-item-slider {
  width: 100%;
  position: relative;
  background-color: #76a0de;
  height: 6px;
  border-radius: 25px;
}

.body .main__content .member__content-overview-statistics-income-level-item-slider-fill {
  background-color: #1166e3;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  border-radius: 0 25px 25px 0;
  border-left: 1px solid #fff;
}

.body .main__content .member__content-overview-statistics-income-footer {
  margin-top: 20px;
  text-align: center;
}

.body .main__content .member__content-overview-statistics-table {
  box-sizing: content-box;
  width: 100%;
  min-width: 668px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-overview-statistics-table {
    border-left: 0;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics-table {
    border: 1px solid #e9ebf6;
  }
}

.body .main__content .member__content-overview-statistics-table-wrapper {
  overflow-x: auto;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics-table-wrapper {
    flex: 0 0 62%;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-overview-statistics-table-wrapper {
    width: 100%;
    padding-left: 74px;
  }
}

.body .main__content .member__content-overview-statistics-table thead {
  background-color: #f8f8fd;
}

.body .main__content .member__content-overview-statistics-table thead th,
.body .main__content .member__content-overview-statistics-table thead td,
.body .main__content .member__content-overview-statistics-table tbody th,
.body .main__content .member__content-overview-statistics-table tbody td {
  font-weight: bold;
  padding: 13px 20px 13px 0;
  color: #172B4D;
  font-size: 13px;
  line-height: 14px;
  text-align: right;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-overview-statistics-table thead th,
  .body .main__content .member__content-overview-statistics-table thead td,
  .body .main__content .member__content-overview-statistics-table tbody th,
  .body .main__content .member__content-overview-statistics-table tbody td {
    font-size: 15px;
    line-height: 22px;
  }
}

@media (max-width: 1199px) {
  .body .main__content .member__content-overview-statistics-table thead th,
  .body .main__content .member__content-overview-statistics-table thead td,
  .body .main__content .member__content-overview-statistics-table tbody th,
  .body .main__content .member__content-overview-statistics-table tbody td {
    padding: 0 20px 0 0;
    height: 48px;
    vertical-align: middle;
  }
  .body .main__content .member__content-overview-statistics-table thead th:first-of-type,
  .body .main__content .member__content-overview-statistics-table thead td:first-of-type,
  .body .main__content .member__content-overview-statistics-table tbody th:first-of-type,
  .body .main__content .member__content-overview-statistics-table tbody td:first-of-type {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
  }
  .body .main__content .member__content-overview-statistics-table thead th:nth-of-type(2), .body .main__content .member__content-overview-statistics-table thead th:nth-of-type(3),
  .body .main__content .member__content-overview-statistics-table thead td:nth-of-type(2),
  .body .main__content .member__content-overview-statistics-table thead td:nth-of-type(3),
  .body .main__content .member__content-overview-statistics-table tbody th:nth-of-type(2),
  .body .main__content .member__content-overview-statistics-table tbody th:nth-of-type(3),
  .body .main__content .member__content-overview-statistics-table tbody td:nth-of-type(2),
  .body .main__content .member__content-overview-statistics-table tbody td:nth-of-type(3) {
    width: 105px;
  }
}

.body .main__content .member__content-overview-statistics-table thead th:first-of-type,
.body .main__content .member__content-overview-statistics-table thead td:first-of-type,
.body .main__content .member__content-overview-statistics-table tbody th:first-of-type,
.body .main__content .member__content-overview-statistics-table tbody td:first-of-type {
  padding-left: 20px;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-overview-statistics-table thead th:first-of-type,
  .body .main__content .member__content-overview-statistics-table thead td:first-of-type,
  .body .main__content .member__content-overview-statistics-table tbody th:first-of-type,
  .body .main__content .member__content-overview-statistics-table tbody td:first-of-type {
    left: 0;
    position: absolute;
    top: auto;
    width: 74px;
    border-right: 1px solid #e9ebf6;
  }
}

.body .main__content .member__content-overview-statistics-table thead th:first-of-type,
.body .main__content .member__content-overview-statistics-table tbody th:first-of-type {
  background-color: #f8f8fd;
}

.body .main__content .member__content-overview-statistics-table thead td:first-of-type,
.body .main__content .member__content-overview-statistics-table tbody td:first-of-type {
  background-color: #fff;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-overview-statistics-table thead tr:first-of-type th,
  .body .main__content .member__content-overview-statistics-table tbody tr:first-of-type th {
    border-top: 1px solid #e9ebf6;
    border-bottom: 0;
  }
  .body .main__content .member__content-overview-statistics-table thead tr:not(:first-of-type) td,
  .body .main__content .member__content-overview-statistics-table tbody tr:not(:first-of-type) td {
    border-top: 1px solid #e9ebf6;
  }
  .body .main__content .member__content-overview-statistics-table thead tr:last-of-type td,
  .body .main__content .member__content-overview-statistics-table tbody tr:last-of-type td {
    border-bottom: 1px solid #e9ebf6;
  }
}

.body .main__content .member__content-overview-statistics-table thead th:nth-of-type(1), .body .main__content .member__content-overview-statistics-table thead th:nth-of-type(2), .body .main__content .member__content-overview-statistics-table thead th:nth-of-type(3) {
  color: #b5b8cb;
}

.body .main__content .member__content-overview-statistics-table tbody tr:hover {
  cursor: pointer;
}

.body .main__content .member__content-overview-statistics-table tbody tr:hover td {
  background-color: #f8f8fd;
}

.body .main__content .member__content-overview-statistics-table tbody td:nth-of-type(4).up {
  color: #19BC47;
}

.body .main__content .member__content-overview-statistics-table tbody td:nth-of-type(5).up {
  color: #1166E3;
}

.body .main__content .member__content-overview-statistics-table tbody td:nth-of-type(6).up {
  color: #FBBC04;
}

.body .main__content .member__content-grow {
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 18px;
  position: relative;
}

.body .main__content .member__content-grow .section-title {
  margin-bottom: 32px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-grow {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .body .main__content .member__content-grow .section-title {
    margin-bottom: 24px;
  }
}

.body .main__content .member__content-grow-filter {
  position: absolute;
  right: 18px;
  top: 18px;
}

.body .main__content .member__content-grow-filter button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  font-weight: bold;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-grow-filter {
    right: 12px;
    top: 16px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-grow-statistics {
    display: flex;
  }
}

.body .main__content .member__content-grow-statistics-member {
  display: none;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-grow-statistics-member {
    display: unset;
  }
}

.body .main__content .member__content-grow-statistics-member-item {
  padding: 12px;
}

.body .main__content .member__content-grow-statistics-member-item-title {
  color: #aeaeae;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  font-weight: 600;
  margin-bottom: 4px;
}

.body .main__content .member__content-grow-statistics-member-item-number {
  color: #333333;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}

.body .main__content .member__content-grow-statistics-member-item:first-of-type {
  border-radius: 4px;
  background-color: #1166E3;
}

.body .main__content .member__content-grow-statistics-member-item:first-of-type .member__content-grow-statistics-member-item-title,
.body .main__content .member__content-grow-statistics-member-item:first-of-type .member__content-grow-statistics-member-item-number {
  color: #fff !important;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-grow-statistics-member-item {
    padding: 16px 16px 42px;
  }
  .body .main__content .member__content-grow-statistics-member-item-title {
    margin-bottom: 12px;
  }
}

.body .main__content .member__content-grow-statistics-chart {
  overflow-x: auto;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-grow-statistics-chart .apexcharts-legend {
    flex-direction: column;
  }
}

.body .main__content .member__content-grow-statistics-chart .apexcharts-xaxistooltip-bottom {
  background: #fafcfe;
  border: 1px solid #c8e2f7;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  padding: 2px 6px;
}

.body .main__content .member__content-grow-statistics-chart .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: #c8e2f7;
}

.body .main__content .member__content-grow-statistics-chart .apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #fafcfe;
}

.body .main__content .member__content-grow-statistics-chart .apexcharts-xaxistooltip-bottom .apexcharts-xaxistooltip-text {
  color: #172B4D;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
}

.body .main__content .member__content-grow-statistics-chart .apexcharts-xaxis-texts-g .apexcharts-text {
  visibility: hidden;
}

.body .main__content .member__content-grow-statistics-chart .apexcharts-xaxis-texts-g .apexcharts-text:first-of-type, .body .main__content .member__content-grow-statistics-chart .apexcharts-xaxis-texts-g .apexcharts-text:last-of-type {
  visibility: visible !important;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-grow-statistics-chart {
    flex: 1;
    padding-left: 42px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-group {
    margin-bottom: 16px;
    padding-bottom: 16px;
    padding-top: 0;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member__content-group {
    margin-bottom: 30px;
  }
}

.body .main__content .member__content-group-filter button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  font-weight: bold;
}

@media (max-width: 1199px) {
  .body .main__content .member__content-group-filter {
    margin-top: 16px;
  }
  .body .main__content .member__content-group-filter button {
    height: 38px;
    min-height: 38px;
    width: 100%;
    text-align: center;
    padding: 0 16px;
  }
  .body .main__content .member__content-group-filter .dropdown-menu {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .body .main__content .member__content-group-filter {
    position: absolute;
    right: 18px;
    top: 18px;
  }
}

.body .main__content .member__content-group-wrapper {
  overflow: auto;
  width: 100%;
}

.body .main__content .member__content-group-header {
  padding: 0 16px;
  margin-bottom: 20px;
}

.body .main__content .member__content-group-header-filter-options-item {
  height: 44px;
  background: #ffffff;
  border: 1px solid #e9ebf6;
  border-radius: 8px;
  font-weight: bold;
  color: #4f5764;
  border-radius: none;
}

.body .main__content .member__content-group-header-filter-options-item:not(:last-of-type) {
  margin-right: 6px;
}

.body .main__content .member__content-group-header-filter-options-item.active {
  background: #142768;
  box-shadow: 0px 0px 8px 1px rgba(44, 77, 125, 0.1);
  border: 1px solid #142768;
  border-radius: 8px;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member__content-group-header-filter-options {
    display: flex;
    flex-wrap: nowrap;
  }
  .body .main__content .member__content-group-header-filter-options-item {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    flex: 0 0 25%;
    height: unset;
    border: 0;
    font-size: 14px;
    line-height: 16px;
    color: #b5b8cb;
  }
  .body .main__content .member__content-group-header-filter-options-item:not(:last-of-type) {
    margin-right: 8px;
  }
  .body .main__content .member__content-group-header-filter-options-item.active {
    background: #fff;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    border-top: 2px solid #142768;
    color: #172B4D;
  }
}

.body .main__content .member__content-group-table {
  min-width: 640px;
  width: 100%;
}

.body .main__content .member__content-group-table-thead-col {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  background-color: #F8F8FD;
  padding: 9px 12px;
  white-space: nowrap;
}

.body .main__content .member__content-group-table-thead-col:nth-of-type(4), .body .main__content .member__content-group-table-thead-col:nth-of-type(5), .body .main__content .member__content-group-table-thead-col:nth-of-type(6) {
  text-align: right;
}

.body .main__content .member__content-group-table-thead-col:nth-of-type(1), .body .main__content .member__content-group-table-thead-col:nth-of-type(2), .body .main__content .member__content-group-table-thead-col:nth-of-type(3) {
  color: #b5b8cb;
}

.body .main__content .member__content-group-table-tbody tr:hover {
  cursor: pointer;
}

.body .main__content .member__content-group-table-tbody tr:hover td {
  background-color: #f8f8fd;
}

.body .main__content .member__content-group-table-tbody-col {
  border-bottom: 1px solid #e9ebf6;
  text-align: left;
  padding: 12px 12px 8px;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
}

.body .main__content .member__content-group-table-tbody-col:nth-of-type(1) {
  display: flex;
}

.body .main__content .member__content-group-table-tbody-col:nth-of-type(4), .body .main__content .member__content-group-table-tbody-col:nth-of-type(5), .body .main__content .member__content-group-table-tbody-col:nth-of-type(6) {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.body .main__content .member__content-group-table-tbody-col-avt {
  margin-right: 16px;
}

.body .main__content .member__content-group-table-tbody-col-name {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
}

.body .main__content .member__content-group-table-tbody-col-rating {
  flex-wrap: nowrap;
}

.body .main__content .member__content-group-table-tbody-col-rating img {
  width: 17px;
}

.body .main__content .member__content-group-table-tbody-col-email {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.body .main__content .member__content-group-table-tbody-col-id {
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .member__content-group-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

.body .main__content .member__content-group-footer-view-more {
  padding: 8px 14px;
  height: 38px;
}

@media (min-width: 1200px) {
  .body .main__content .member__content-group-footer {
    position: relative;
    justify-content: center;
  }
  .body .main__content .member__content-group-footer-view-more {
    position: absolute;
    right: 10px;
    top: 0;
  }
}

.body .main__content .member .campaign-section {
  padding: 0;
}

.body .main__content .member .campaign-section__left, .body .main__content .member .campaign-section__right {
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member .campaign-section__left-top-chart {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member .campaign-section__left-top-chart .total-income {
    white-space: nowrap;
    margin-bottom: -22px;
  }
  .body .main__content .member .campaign-section__left-top-chart .total-income > div {
    padding: 0 10px;
    width: 50%;
    margin-left: 40%;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member .campaign-section__left-top-chart {
    display: flex;
  }
  .body .main__content .member .campaign-section__left-top-chart .total-income-title {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 13px;
    color: #4f5764;
  }
}

.body .main__content .member .campaign-section__left-top-report {
  width: 100%;
}

@media (min-width: 1200px) {
  .body .main__content .member .campaign-section__left-top-report .campaign-chart {
    width: 100%;
  }
  .body .main__content .member .campaign-section__left-top-report .campaign-chart .apexcharts-canvas {
    margin-left: 0;
    width: 100% !important;
  }
  .body .main__content .member .campaign-section__left-top-report .campaign-chart .apexcharts-canvas svg {
    width: 100%;
  }
  .body .main__content .member .campaign-section__left-top-report .campaign-chart .apexcharts-canvas svg foreignObject {
    width: 100% !important;
  }
}

.body .main__content .member .campaign-section__left-top-report .campaign-chart .apexcharts-legend {
  flex-wrap: wrap;
}

@media (max-width: 576px) {
  .body .main__content .member .campaign-section__left-top-report .campaign-chart .apexcharts-legend .apexcharts-legend-series {
    display: flex;
    width: 100%;
    min-width: 400px;
    padding-right: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member .campaign-section__left-top-report .campaign-chart .apexcharts-legend {
    overflow-x: visible;
    overflow-y: visible;
    width: 50%;
    left: 40% !important;
    top: 30px !important;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member .campaign-section__left-top-report .campaign-chart > div {
    margin: 0 auto;
  }
}

@media (max-width: 1600px) {
  .body .main__content .member .campaign-section__left-top {
    overflow: auto;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member .campaign-section__left-top-report {
    display: flex;
    justify-content: space-between;
    margin-left: 16px;
    width: 100%;
  }
}

.body .main__content .member .campaign-section__right .section-title {
  margin-bottom: 24px;
}

.body .main__content .member .campaign-section__filter-options {
  display: flex;
  margin-bottom: 24px;
  max-width: 400px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member .campaign-section__filter-options {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member .campaign-section__filter-options-item {
    color: #4f5764;
    height: 38px;
    border: 1px solid #e9ebf6;
    font-size: 15px;
    line-height: 22px;
  }
  .body .main__content .member .campaign-section__filter-options-item.active {
    color: #fff !important;
    background: #142768;
    font-weight: bold;
  }
}

.body .main__content .member .campaign-section__filter-dropdown {
  width: fit-content;
  margin-right: 18px;
  height: 40px;
}

.body .main__content .member .campaign-section__filter-dropdown button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  width: 100%;
  padding: 0 32px 0 16px;
  height: 40px;
  min-height: 40px;
  font-weight: bold;
  font-size: 15px;
  color: #4f5764;
  font-size: 14px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member .campaign-section__filter-dropdown {
    display: none;
  }
}

.body .main__content .member .campaign-section__list {
  width: 100%;
}

.body .main__content .member .campaign-section__list-item {
  display: flex;
  align-items: center;
  height: 35px;
  font-size: 12px;
  padding: 0 16px;
}

.body .main__content .member .campaign-section__list-item:hover {
  box-shadow: 0px 0px 8px rgba(198, 198, 198, 0.25);
  border-radius: 3px;
}

.body .main__content .member .campaign-section__list-item-type {
  flex: 0 0 55%;
  display: flex;
  align-items: center;
  font-size: 14px;
}

.body .main__content .member .campaign-section__list-item-type-color {
  margin-right: 10px;
  width: 8px;
  height: 8px;
}

.body .main__content .member .campaign-section__list-item-percent {
  flex: 0 0 20%;
}

.body .main__content .member .campaign-section__list-item-value {
  text-align: right;
  flex: 0 0 25%;
  font-weight: bold;
}

@media screen and (max-width: 991px) {
  .body .main__content .member .campaign-section > .card_content {
    padding-bottom: 30px !important;
  }
}

.body .main__content .member-list {
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-list {
    padding-top: 84px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list {
    position: sticky;
    z-index: 99;
    margin-top: 0;
  }
}

.body .main__content .member-list__header {
  border: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 212px;
  background-color: #fff;
  padding: 0 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-list__header {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 32px;
  }
}

.body .main__content .member-list__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .member-list__chart {
  overflow-x: hidden;
}

.body .main__content .member-list__chart #lineChart {
  overflow-x: auto;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list__chart {
    position: absolute;
    z-index: 2;
    height: auto !important;
    top: 0;
    left: 0;
    right: 0;
  }
  .body .main__content .member-list__chart #lineChart {
    overflow-x: auto;
    width: 100%;
  }
  .body .main__content .member-list__chart-show {
    display: none;
  }
}

.body .main__content .member-list__commission > #sticky_search {
  background-color: #1166e3;
  margin-top: -2px;
}

.body .main__content .member-list__commission.card {
  justify-content: start;
  padding-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list__commission.card {
    padding-top: 0px;
  }
}

.body .main__content .member-list__commission-filter {
  padding: 0 24px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.body .main__content .member-list__commission-filter-item {
  flex: 0 0 auto;
}

.body .main__content .member-list__commission-filter-item:not(:first-of-type) {
  margin-left: 10px;
}

.body .main__content .member-list__commission-filter-item .form-control {
  border: 1px solid #E9EBF6;
}

.body .main__content .member-list__commission-filter-item .select2-selection {
  min-width: 189px;
  border: 1px solid #E9EBF6;
  display: inline-flex;
  height: 38px;
  max-width: 240px;
  align-items: center;
  position: relative;
}

.body .main__content .member-list__commission-filter-item .select2-selection:focus {
  outline: none;
}

.body .main__content .member-list__commission-filter-item .select2-selection .select2-selection__arrow {
  height: 34px;
}

.body .main__content .member-list__commission-filter-item .select2-container {
  width: auto !important;
}

.body .main__content .member-list__commission-filter-item-campaign {
  min-width: 300px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header {
  padding-bottom: 12px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search {
  position: relative;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search .ic {
  position: absolute;
  left: 4px;
  top: 4px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search .ic svg {
  width: 16px;
  height: 16px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search > input {
  padding-left: 24px;
  width: 100%;
  height: 35px;
  border: 1px solid #E9EBF6;
  border-radius: 8px;
  background-color: #F8F8FD;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search > input:focus {
  outline: none;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search > input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 14px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 14px;
}

.body .main__content .member-list__commission-filter-item .layer__dropdown-menu-header-search > input::placeholder {
  color: #696D74;
  font-size: 14px;
}

.body .main__content .member-list__commission-filter-search {
  margin-left: auto !important;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list__commission-filter {
    display: none;
  }
}

.body .main__content .member-list__commission-wrapper {
  width: 100%;
  overflow-x: auto;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list__commission-wrapper {
    max-height: calc(100vh - 80px);
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-list__commission-wrapper {
    max-height: calc(100vh - 260px);
  }
}

.body .main__content .member-list__commission-table {
  min-width: 1250px;
  width: 100%;
}

.body .main__content .member-list__commission-table-thead-col {
  font-size: 14px;
  text-align: center;
  background-color: #F8F8FD;
  padding: 3px 10px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

.body .main__content .member-list__commission-table-thead-col:nth-of-type(8), .body .main__content .member-list__commission-table-thead-col:nth-of-type(9), .body .main__content .member-list__commission-table-thead-col:nth-of-type(10), .body .main__content .member-list__commission-table-thead-col:nth-of-type(11) {
  text-align: right;
  font-weight: 400;
}

.body .main__content .member-list__commission-table-thead-col:nth-of-type(8) > span, .body .main__content .member-list__commission-table-thead-col:nth-of-type(9) > span, .body .main__content .member-list__commission-table-thead-col:nth-of-type(10) > span, .body .main__content .member-list__commission-table-thead-col:nth-of-type(11) > span {
  font-size: 12px;
}

.body .main__content .member-list__commission-table-thead-col.reward {
  width: 90px;
}

.body .main__content .member-list__commission-table-thead-col.total-member {
  width: 102px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list__commission-table-tbody {
    height: calc(100vh - 167px);
    overflow-y: auto;
  }
}

.body .main__content .member-list__commission-table-tbody-row-active {
  background-color: rgba(10, 25, 48, 0.8);
}

.body .main__content .member-list__commission-table-tbody-row-active > td {
  border-bottom: none;
}

.body .main__content .member-list__commission-table-tbody-col {
  text-align: left;
  padding: 5px 10px;
  height: 55px;
  vertical-align: middle;
  border-bottom: 0.5px solid #E9EBF6;
}

.body .main__content .member-list__commission-table-tbody-col:nth-of-type(1) {
  text-align: center;
}

.body .main__content .member-list__commission-table-tbody-col:nth-of-type(2) {
  width: 140px;
}

.body .main__content .member-list__commission-table-tbody-col:nth-of-type(4) {
  text-align: center;
}

.body .main__content .member-list__commission-table-tbody-col:nth-of-type(6) {
  text-align: center;
}

.body .main__content .member-list__commission-table-tbody-col:nth-of-type(7), .body .main__content .member-list__commission-table-tbody-col:nth-of-type(8), .body .main__content .member-list__commission-table-tbody-col:nth-of-type(9), .body .main__content .member-list__commission-table-tbody-col:nth-of-type(10) {
  text-align: right;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list__commission-table-tfoot {
    display: none;
  }
}

.body .main__content .member-list__commission-table-tfoot-col {
  height: 55px;
  padding: 5px 10px;
}

.body .main__content .member-list__commission .ola-checkbox-radio-group .form-check {
  display: flex;
  align-items: center;
}

.body .main__content .member-list__commission .ola-checkbox-radio-group .form-check-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.body .main__content .member-list__commission .ola-checkbox-radio-group .form-check-input {
  background-color: black;
  margin-right: 6px;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.body .main__content .member-list__commission .ola-checkbox-radio-group .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: bold;
}

.body .main__content .member-list__commission .ola-checkbox-radio-group .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
  border-radius: 50%;
}

.body .main__content .member-list .national__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list .national__dropdown-menu {
    height: auto;
    max-height: calc(100vh - 95px) !important;
    width: 100% !important;
    position: fixed !important;
    top: 160px !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    background-color: #fff !important;
  }
  .body .main__content .member-list .national__dropdown-menu-content {
    max-height: calc(100vh - 150px) !important;
    height: 100%;
    padding-bottom: 70px;
    overflow-y: auto;
  }
  .body .main__content .member-list .national__dropdown-menu-footer {
    height: 57px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 8px 15px !important;
    z-index: 2;
    border-top: 0.5px solid #E9EBF6;
  }
  .body .main__content .member-list .national__dropdown-menu-footer .btn-link {
    height: 32px;
  }
  .body .main__content .member-list .national__dropdown-menu-scroll {
    top: 131px !important;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-list .national__dropdown-menu-content {
    max-height: 300px;
    overflow-y: auto;
  }
}

.body .main__content .member-list .national__dropdown-menu-content .form-check {
  margin-bottom: 10px;
}

.body .main__content .member-list .national__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .member-list .national__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .member-list .national__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__content .member-list .national__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .member-list .national__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__content .member-list .national__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__content .member-list .national__dropdown-menu-footer {
  padding-top: 12px;
  border-top: 0.5px solid #E9EBF6;
  display: flex;
  justify-content: space-between;
}

.body .main__content .member-list .sort__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-list .sort__dropdown-menu {
    height: auto;
    max-height: calc(100vh - 95px) !important;
    width: 100% !important;
    position: fixed !important;
    top: 160px !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    background-color: #fff !important;
  }
  .body .main__content .member-list .sort__dropdown-menu-content {
    max-height: calc(100vh - 150px) !important;
    height: 100%;
    padding-bottom: 70px;
    overflow-y: auto;
  }
  .body .main__content .member-list .sort__dropdown-menu-footer {
    height: 57px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 8px 15px !important;
    z-index: 2;
    border-top: 0.5px solid #E9EBF6;
  }
  .body .main__content .member-list .sort__dropdown-menu-footer .btn-link {
    height: 32px;
  }
  .body .main__content .member-list .sort__dropdown-menu-scroll {
    top: 131px !important;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-list .sort__dropdown-menu-content {
    max-height: 300px;
    overflow-y: auto;
  }
}

.body .main__content .member-list .sort__dropdown-menu-content .form-check {
  margin-bottom: 10px;
}

.body .main__content .member-list .sort__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .member-list .sort__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .member-list .sort__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__content .member-list .sort__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .member-list .sort__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__content .member-list .sort__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__content .member-list .sort__dropdown-menu-footer {
  padding-top: 12px;
  border-top: 0.5px solid #E9EBF6;
  display: flex;
  justify-content: space-between;
}

.body .main__content .member-list .filter-sp .form-control:focus {
  color: #1166e3;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

.body .main__content .member-list .filter-sp .form-control:focus option {
  color: #333;
}

.body .main__content .member-list .filter-sp .form-control {
  background-color: #f8f8fd;
  border-radius: 8px;
  width: auto;
  border: 0;
  white-space: nowrap;
}

.body .main__content .member-list .table-pri {
  min-width: 670px;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-list .table-pri {
    border-left: 0.5px solid #E9EBF6;
  }
}

.body .main__content .member-list .table-pri th, .body .main__content .member-list .table-pri td {
  padding-left: 14px;
  padding-right: 14px;
}

.body .main__content .member-list .table-pri thead th {
  line-height: 1.25;
  padding-top: 5px;
  padding-bottom: 5px;
}

.body .main__content .member-list #memberOverviewChart .apexcharts-legend {
  flex-wrap: nowrap;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-detail__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}

.body .main__content .member-detail__content-overview-filter {
  margin-left: 12px;
}

.body .main__content .member-detail__content-overview-filter button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  font-weight: bold;
}

.body .main__content .member-detail__content-overview-statistics-income-level tr td {
  padding-top: 17px;
  padding-bottom: 16px;
}

.body .main__content .member-detail__content-overview-footer {
  text-align: center;
  padding: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-detail__content-overview-filter {
    margin-left: 16px;
  }
  .body .main__content .member-detail__content-overview-statistics-income {
    border-bottom: 1px solid #E9EBF6;
  }
  .body .main__content .member-detail__content-overview-footer {
    padding-bottom: 20px;
  }
}

.body .main__content .member-by-level {
  margin-bottom: 150px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-by-level__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}

.body .main__content .member-by-level__content-filter {
  padding: 0 16px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-by-level__content-filter {
    padding: 0 24px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.body .main__content .member-by-level__content-filter-item {
  flex: 0 0 100%;
  margin-bottom: 8px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-by-level__content-filter-item {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
  .body .main__content .member-by-level__content-filter-item:not(:first-of-type) {
    margin-left: 10px;
  }
  .body .main__content .member-by-level__content-filter-item .dropdown-select .btn {
    height: 44px;
    min-height: 44px;
    padding: 0 30px 0 12px;
  }
}

.body .main__content .member-by-level__content-filter-item .form-control {
  border: 1px solid #E9EBF6;
}

.body .main__content .member-by-level__content-filter-item button {
  height: 44px;
  padding: 0 24px;
}

.body .main__content .member-by-level__content-filter-search {
  position: relative;
}

.body .main__content .member-by-level__content-filter-search .ic.search {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 3;
  margin-top: -2px;
}

.body .main__content .member-by-level__content-filter-search input {
  padding-left: 40px;
}

.body .main__content .member-by-level__content-filter-search > div {
  position: relative;
  z-index: 2;
}

.body .main__content .member-by-level__content-filter-total {
  margin-left: auto !important;
}

.body .main__content .member-by-level__content-filter-mobile {
  padding: 0 12px;
  position: relative;
}

.body .main__content .member-by-level__content-filter-mobile-options {
  display: flex;
}

.body .main__content .member-by-level__content-filter-mobile-options-dropdown:not(:last-of-type) {
  margin-right: 10px;
}

.body .main__content .member-by-level__content-filter-mobile-options-dropdown-value {
  border-radius: 100px;
  height: 40px;
  padding: 0 16px !important;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-by-level__content-filter-mobile-options-dropdown .dropdown-backdrop {
    height: 100%;
    width: 100%;
    background-color: rgba(29, 52, 85, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .body .main__content .member-by-level__content-filter-mobile-options-dropdown .dropdown-menu.show {
    transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    top: 60px !important;
    width: 100%;
    height: calc(100vh - 120px);
    border-radius: 0;
    border: 0;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #E0E1E8;
  }
  .body .main__content .member-by-level__content-filter-mobile-options-dropdown .dropdown-menu-form {
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 28px 20px;
  }
  .body .main__content .member-by-level__content-filter-mobile-options-dropdown .dropdown-menu-form .form-check {
    margin-bottom: 16px;
  }
  .body .main__content .member-by-level__content-filter-mobile-options-dropdown .dropdown-menu-form .form-check-input:checked ~ label {
    color: #1166E3;
  }
  .body .main__content .member-by-level__content-filter-mobile-options-dropdown .dropdown-menu-form .form-check-label {
    font-size: 15px;
  }
}

.body .main__content .member-by-level__content-filter-mobile-result-counter {
  line-height: 32px;
  margin-top: 20px;
  font-size: 12px;
}

.body .main__content .member-by-level__content-table {
  min-width: 640px;
  width: 100%;
}

.body .main__content .member-by-level__content-table-wrapper {
  overflow: auto;
  width: 100%;
}

.body .main__content .member-by-level__content-table-thead-col {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  background-color: #F8F8FD;
  padding: 9px 12px;
  white-space: nowrap;
}

.body .main__content .member-by-level__content-table-thead-col:nth-of-type(4), .body .main__content .member-by-level__content-table-thead-col:nth-of-type(5), .body .main__content .member-by-level__content-table-thead-col:nth-of-type(6), .body .main__content .member-by-level__content-table-thead-col:nth-of-type(7) {
  text-align: right;
}

.body .main__content .member-by-level__content-table-tbody tr:hover {
  cursor: pointer;
}

.body .main__content .member-by-level__content-table-tbody tr:hover td {
  background-color: #f8f8fd;
}

.body .main__content .member-by-level__content-table-tbody-col {
  border-bottom: 1px solid #e9ebf6;
  text-align: left;
  padding: 12px 12px 8px;
  font-weight: normal;
  font-size: 15px;
  line-height: 16px;
}

.body .main__content .member-by-level__content-table-tbody-col:nth-of-type(4), .body .main__content .member-by-level__content-table-tbody-col:nth-of-type(5), .body .main__content .member-by-level__content-table-tbody-col:nth-of-type(6), .body .main__content .member-by-level__content-table-tbody-col:nth-of-type(7) {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}

.body .main__content .member-by-level__content-table-tbody-col-level {
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .member-by-level__content-table-tbody-col-member {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
}

.body .main__content .member-by-level__content-table-tbody-col-rating {
  flex-wrap: nowrap;
}

.body .main__content .member-by-level__content-table-tbody-col-rating img {
  width: 17px;
}

.body .main__content .member-by-level__content-table-tbody-col-email {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.body .main__content .member-by-level__content-table-tbody-col-id {
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .member-by-level__content-table-tbody-col-approved {
  color: #19BC47;
}

.body .main__content .member-by-level__content-table-tbody-col-temp {
  color: #1166E3;
}

.body .main__content .member-by-level__content-table-tbody-col-pending {
  color: #FBBC04;
}

.body .main__content .member-by-level__content-table-tbody-col-reject {
  color: #E63F16;
}

.body .main__content .member-by-level__content-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

.body .main__content .member-by-level__content-footer-total {
  line-height: 38px;
  display: none;
}

@media (max-width: 1199px) {
  .body .main__content .member-by-level__content-footer {
    padding-bottom: 24px;
  }
  .body .main__content .member-by-level__content-footer .ola-pagination-item {
    display: block;
  }
  .body .main__content .member-by-level__content-footer .ola-pagination-item-control-text {
    display: inline;
  }
}

@media (min-width: 1200px) {
  .body .main__content .member-by-level__content-footer {
    position: relative;
  }
  .body .main__content .member-by-level__content-footer-total {
    display: block;
    font-size: 15px;
    position: absolute;
    right: 24px;
    top: 0;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}

.body .main__content .member-team__content-details {
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-team__content-details {
    padding-bottom: 24px;
    justify-content: center;
  }
  .body .main__content .member-team__content-details-avt {
    width: 114px;
    height: 114px;
    margin: 0 auto 17px;
    border-radius: 50%;
    border: 1px solid #1166E3;
    padding: 4px;
  }
  .body .main__content .member-team__content-details-avt img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .body .main__content .member-team__content-details-info {
    text-align: center;
  }
  .body .main__content .member-team__content-details-info-title {
    display: none;
  }
  .body .main__content .member-team__content-details-info-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
  }
  .body .main__content .member-team__content-details-info-name span {
    display: block;
  }
  .body .main__content .member-team__content-details-info-subinfo-rating {
    max-width: 130px;
    margin: 12px auto;
  }
  .body .main__content .member-team__content-details-info-subinfo-rating img {
    width: 16px;
    height: 16px;
  }
  .body .main__content .member-team__content-details-info-subinfo-item {
    color: #4F5764;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-details {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 20px;
  }
  .body .main__content .member-team__content-details-avt {
    margin-right: 24px;
    width: 135px;
  }
  .body .main__content .member-team__content-details-avt img {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
  .body .main__content .member-team__content-details-info-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #4F5764;
    margin-bottom: 6px;
  }
  .body .main__content .member-team__content-details-info-name {
    font-weight: bold;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 12px;
  }
  .body .main__content .member-team__content-details-info-subinfo {
    display: flex;
    align-items: center;
  }
  .body .main__content .member-team__content-details-info-subinfo-item {
    color: #B5B8CB;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }
  .body .main__content .member-team__content-details-info-subinfo-item:before {
    content: "\00b7";
    font-size: 32px;
    color: #B5B8CB;
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.body .main__content .member-team__content-income {
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income {
    margin-bottom: 30px;
  }
  .body .main__content .member-team__content-income-wrapper {
    position: relative;
  }
}

.body .main__content .member-team__content-income-filter {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-filter {
    margin-bottom: 0;
    width: fit-content;
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 1001;
  }
}

.body .main__content .member-team__content-income-filter-options {
  display: flex;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-team__content-income-filter-options {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .body .main__content .member-team__content-income-filter-options-item {
    flex: 0 0 25%;
    font-weight: bold;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    color: #b5b8cb;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .body .main__content .member-team__content-income-filter-options-item.active {
    color: #172b4d;
    border-top: 2px solid #142768;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-filter-options-item {
    color: #4f5764;
    height: 38px;
    border: 1px solid #e9ebf6;
    font-size: 15px;
    line-height: 22px;
  }
  .body .main__content .member-team__content-income-filter-options-item.active {
    color: #fff !important;
    background: #142768;
    font-weight: bold;
  }
}

.body .main__content .member-team__content-income-filter-dropdown {
  height: 38px;
}

.body .main__content .member-team__content-income-filter-dropdown button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  width: 100%;
  padding: 0 16px;
  height: 38px;
  min-height: 38px;
  font-weight: bold;
  font-size: 15px;
}

.body .main__content .member-team__content-income-filter-mobile {
  width: fit-content;
  height: 40px;
}

.body .main__content .member-team__content-income-filter-mobile button {
  background: #f8f8fd;
  border: 1px solid #f8f8fd;
  border-radius: 8px;
  width: 100%;
  padding: 0 32px 0 16px;
  height: 40px;
  min-height: 40px;
  font-weight: bold;
  font-size: 15px;
  color: #4f5764;
  font-size: 14px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-filter-mobile {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income {
    padding: 18px 20px;
    margin-bottom: 30px;
  }
}

.body .main__content .member-team__content-income-bar-chart {
  overflow-x: auto;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .body .main__content .member-team__content-income-bar-chart .apexcharts-legend {
    flex-direction: column;
  }
  .body .main__content .member-team__content-income-bar-chart .apexcharts-legend .series-name {
    margin-right: 8px;
  }
  .body .main__content .member-team__content-income-bar-chart .apexcharts-legend .apexcharts-legend-marker {
    margin-top: 3px;
  }
  .body .main__content .member-team__content-income-bar-chart .apexcharts-legend .apexcharts-legend-text {
    font-size: 15px !important;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-bar-chart {
    flex: 1;
  }
  .body .main__content .member-team__content-income-bar-chart .apexcharts-legend .series-name {
    display: block;
    text-transform: uppercase;
  }
}

.body .main__content .member-team__content-income-bar-chart .arrow_box {
  background: #F8F8FD;
  border: 0.5px solid #E9EBF6;
  border-radius: 4px;
  padding: 12px;
}

.body .main__content .member-team__content-income-bar-chart .arrow_box-item {
  display: flex;
  align-items: center;
}

.body .main__content .member-team__content-income-bar-chart .apexcharts-svg foreignObject {
  padding-top: 80px;
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-legend {
  flex-direction: column;
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-legend .series-name {
  margin-right: 8px;
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-legend .apexcharts-legend-marker {
  margin-top: 3px;
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-legend .apexcharts-legend-text {
  font-size: 15px !important;
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-canvas {
  min-height: 460px;
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-canvas svg {
  min-height: 460px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-pie-chart .apexcharts-canvas {
    min-height: 440px;
  }
  .body .main__content .member-team__content-income-pie-chart .apexcharts-canvas svg {
    min-height: 440px;
  }
}

.body .main__content .member-team__content-income-pie-chart .apexcharts-pie {
  transform: translate(0, 150px);
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-pie-chart .apexcharts-pie {
    transform: translate(0, 100px);
  }
}

.body .main__content .member-team__content-income-pie-chart-empty {
  position: absolute;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: 224px;
  height: 224px;
  text-align: center;
}

.body .main__content .member-team__content-income-pie-chart-empty img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1200px) {
  .body .main__content .member-team__content-income-pie-chart .apexcharts-pie {
    transform: translate(20px, 150px);
  }
}

.body .main__content .member-team__content-group-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  padding-left: 10px;
  padding-right: 10px;
}

.body .main__content .member-team__content-group-footer-view-more {
  padding: 8px 14px;
  height: 38px;
}

@media (min-width: 1200px) {
  .body .main__content .member-team__content-group-footer {
    position: relative;
    justify-content: center;
  }
  .body .main__content .member-team__content-group-footer-view-more {
    position: absolute;
    right: 10px;
    top: 0;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .profile__desktop {
    display: none;
  }
}

.body .main__content .profile__desktop-header {
  height: 270px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-bottom: 1px solid #e9ebf6;
}

.body .main__content .profile__desktop-header-general {
  text-align: center;
  padding-top: 40px;
  border-bottom: 1px solid #E9EBF6;
}

.body .main__content .profile__desktop-header-general-avatar {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 24px;
}

.body .main__content .profile__desktop-header-general-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 12px;
}

.body .main__content .profile__desktop-header-general-contact {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.body .main__content .profile__desktop-header-general-contact li {
  font-size: 16px;
  line-height: 20px;
}

.body .main__content .profile__desktop-header-general-contact li:not(:last-of-type)::after {
  content: "\25CF";
  font-size: 12px;
  margin-left: 8px;
  margin-right: 8px;
}

.body .main__content .profile__desktop-header-link {
  text-align: center;
  padding-top: 14px;
}

.body .main__content .profile__desktop-header-link > a {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #1166E3 !important;
}

.body .main__content .profile__desktop-header-link > a .ic svg {
  margin-top: -2px;
}

.body .main__content .profile__desktop-header-link > a .ic svg path {
  stroke: #1166E3;
}

.body .main__content .profile__desktop-content {
  padding-top: 256px;
}

.body .main__content .profile__desktop-content-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.body .main__content .profile__desktop-content-list-item {
  border: 1px solid #E9EBF6;
  border-radius: 5px;
  background-color: #fff;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 2px 2px rgba(36, 35, 35, 0.08);
}

.body .main__content .profile__desktop-content-list-item-wrapper {
  padding: 15px;
  flex: 0 0 33.33333%;
  align-self: stretch;
}

.body .main__content .profile__desktop-content-list-item-header {
  padding: 24px;
  display: flex;
  justify-content: space-between;
}

.body .main__content .profile__desktop-content-list-item-header-left-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}

.body .main__content .profile__desktop-content-list-item-header-left-title-kyc-status-inactive, .body .main__content .profile__desktop-content-list-item-header-left-title-kyc-status-active {
  margin-left: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

.body .main__content .profile__desktop-content-list-item-header-left-title-kyc-status-inactive .ic svg, .body .main__content .profile__desktop-content-list-item-header-left-title-kyc-status-active .ic svg {
  margin-left: 3px;
}

.body .main__content .profile__desktop-content-list-item-header-left-title-kyc-status-inactive {
  background-color: #EA243A;
}

.body .main__content .profile__desktop-content-list-item-header-left-title-kyc-status-active {
  background-color: #19BC47;
}

.body .main__content .profile__desktop-content-list-item-header-left-desc {
  font-size: 15px;
  line-height: 20px;
}

.body .main__content .profile__desktop-content-list-item-header-right-icon {
  height: 80px;
  width: 80px;
}

.body .main__content .profile__desktop-content-list-item-footer {
  border-top: 1px solid #E9EBF6;
  padding: 16px 24px;
}

.body .main__content .profile__desktop-content-list-item-footer > a {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #1166E3 !important;
}

.body .main__content .profile__desktop-content-list-item-footer > a .ic svg {
  margin-top: -2px;
}

.body .main__content .profile__desktop-content-list-item-footer > a .ic svg path {
  stroke: #1166E3;
}

@media screen and (min-width: 1200px) {
  .body .main__content .profile__mobile {
    display: none;
  }
}

.body .main__content .profile__mobile-header {
  padding: 24px 16px 64px;
  background-color: #1166E3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main__content .profile__mobile-header-general {
  display: flex;
}

.body .main__content .profile__mobile-header-general-avt {
  position: relative;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  margin-right: 16px;
  overflow: hidden;
}

.body .main__content .profile__mobile-header-general-avt img {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  max-width: inherit;
}

.body .main__content .profile__mobile-header-general-info-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 4px;
}

.body .main__content .profile__mobile-header-general-info-id {
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .profile__mobile-header-link > a {
  color: #fff !important;
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .profile__mobile-header-link > a .ic svg path {
  stroke: #fff;
}

.body .main__content .profile__mobile-content {
  padding-left: 12px;
  padding-right: 12px;
  background-color: #f2f2f6;
}

.body .main__content .profile__mobile-content-section, .body .main__content .profile__mobile-content-footer {
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
}

.body .main__content .profile__mobile-content-section {
  padding: 0 20px 0;
  background-color: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-bottom: 12px;
}

.body .main__content .profile__mobile-content-section-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px;
}

.body .main__content .profile__mobile-content-section-item:not(:last-of-type) {
  border-bottom: 1px solid #E8E9F1;
}

.body .main__content .profile__mobile-content-section-item-ic {
  margin-right: 8px;
}

.body .main__content .profile__mobile-content-section-item-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #172B4D;
}

.body .main__content .profile__mobile-content-section-item-title-status {
  display: block;
  margin-top: 4px;
  color: #E63F16;
  font-size: 12px;
  font-weight: 300px;
  line-height: 16px;
}

.body .main__content .profile__mobile-content-section-item-title-status.active {
  color: #18C549;
}

.body .main__content .profile__mobile-content-section-link:not(:last-of-type) > div {
  border-bottom: 1px solid #E8E9F1;
}

.body .main__content .profile__mobile-content-sign-out {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
}

.body .main__content .profile__mobile-content-sign-out > strong {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #E63F16;
  margin-right: 10px;
}

.body .main__content .payment {
  padding-top: 0;
  max-width: 1400px;
  margin: 0 auto;
}

.body .main__content .payment .box-info {
  padding: 0 0 20px;
  text-align: center;
}

.body .main__content .payment .box-info .phone {
  justify-content: center;
}

.body .main__content .payment .custom-line {
  display: block;
  height: 16px;
  background-color: #f0f2f4;
  margin: 20px -12px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .payment {
    padding-top: 100px;
  }
  .body .main__content .payment .box-info {
    text-align: left;
    border-left: 1px solid #E9EBF6;
    border-top: 0;
    padding: 20px 40px;
  }
  .body .main__content .payment .box-info .phone {
    justify-content: flex-start;
  }
}

.body .main__content .payment__header {
  border-bottom: 1px solid #E9EBF6;
  border-left: 1px solid rgba(233, 235, 246, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .payment__header {
    padding: 30px 32px;
  }
}

.body .main__content .payment__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .payment .pri-text {
  color: #1166E3 !important;
}

.body .main__content .payment .form .frm-hidden {
  display: none;
}

.body .main__content .payment .form .download-app {
  margin-left: -7px;
  margin-right: -7px;
}

.body .main__content .payment .form .download-app > * {
  padding-left: 7px;
  padding-right: 7px;
}

.body .main__content .payment .form .download-app p:not(:last-child) {
  margin-bottom: 14px;
}

.body .main__content .payment .form .download-app p:last-child {
  margin-bottom: 0;
}

.body .main__content .payment .form .input-group {
  border: 1px solid #e9ebf6;
  border-radius: 8px;
}

.body .main__content .payment .form .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 0;
}

.body .main__content .payment .form .input-group-text {
  color: #1166E3;
  background-color: transparent;
  border: 0;
  font-weight: 700;
  font-size: 14px;
}

.body .main__content .payment .form .input-group-text.disabled {
  pointer-events: none;
  opacity: .8;
  color: gray;
}

.body .main__content .payment .form .input-group-text[disabled] {
  opacity: .8;
  color: gray;
}

.body .main__content .payment .form .form-control {
  border-color: #e9ebf6;
  min-height: 44px;
  border-radius: 8px;
  font-size: 15px;
}

.body .main__content .payment .form .form-control.is-error {
  border-color: #E63F16;
}

.body .main__content .payment .form .btn {
  min-height: 42px;
  border-radius: 10px;
  font-weight: 700;
}

.body .main__content .payment .form .btn-outline-primary:hover {
  color: #1166E3;
}

.body .main__content .payment .form .number-phone {
  font-size: 28px;
  font-weight: 700;
}

.body .main__content .payment .form label {
  font-weight: bold;
  font-size: 13px;
  line-height: 14px;
  margin-bottom: 5px;
}

.body .main__content .payment .form #successStep {
  font-size: 16px;
  line-height: 24px;
  color: #172B4D;
  text-align: center;
}

.body .main__content .payment .form #successStep img {
  width: 120px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .payment .form #successStep {
    text-align: left;
  }
  .body .main__content .payment .form #successStep img {
    width: 200px;
  }
}

.body .main__content .payment .form #successStep #linkFormSuccessEmail {
  font-weight: bold;
  font-size: 26px;
  line-height: 32px;
  margin: 2px 0 8px;
}

.body .main__content .payment .form #successStep #linkFormSuccessId {
  font-size: 16px;
  line-height: 20px;
  color: #4F5764;
}

.body .main__content .payment .nav-tabs {
  border: 0;
}

.body .main__content .payment .nav-tabs .nav-item {
  position: relative;
  margin-bottom: 0;
}

.body .main__content .payment .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 10px;
}

.body .main__content .payment .nav-tabs .nav-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 20px;
  width: 1px;
  background-color: #E9EBF6;
}

.body .main__content .payment .nav-tabs .nav-link {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  padding: 15px 30px;
  border: 0;
}

.body .main__content .payment .nav-tabs .nav-link img {
  position: relative;
  top: -.12em;
}

.body .main__content .payment .nav-tabs .nav-link.active:after {
  content: "";
  position: absolute;
  width: 90px;
  height: 3px;
  background-color: #1166E3;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 999px 999px 0 0;
}

.body .main__content .payment .modal-dialog.modal-md {
  max-width: 400px;
}

.body .main__content .payment .w-370 {
  width: 370px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .payment .change-phone {
  color: #1166E3;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 700;
  background: #F8F8FD;
  border-radius: 3px;
}

.body .main__content .setting-payment {
  padding-top: 0;
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .body .main__content .setting-payment {
    padding-top: 90px;
  }
}

.body .main__content .setting-payment__header {
  border-bottom: 1px solid #E9EBF6;
  border-left: 1px solid rgba(233, 235, 246, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .setting-payment__header {
    padding: 30px 32px;
  }
}

.body .main__content .setting-payment__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .setting-payment .pri-text {
  color: #1166E3 !important;
}

.body .main__content .setting-payment .content-hidden {
  display: none;
}

.body .main__content .setting-payment .form .frm-hidden {
  display: none;
}

.body .main__content .setting-payment .form .download-app {
  margin-left: -7px;
  margin-right: -7px;
}

.body .main__content .setting-payment .form .download-app > * {
  padding-left: 7px;
  padding-right: 7px;
}

.body .main__content .setting-payment .form .download-app p:not(:last-child) {
  margin-bottom: 14px;
}

.body .main__content .setting-payment .form .download-app p:last-child {
  margin-bottom: 0;
}

.body .main__content .setting-payment .form .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.body .main__content .setting-payment .form .input-group-text {
  background-color: #1166E3;
  color: #fff;
  border-color: #1166E3;
}

.body .main__content .setting-payment .form .form-control {
  border-color: #e9ebf6;
  min-height: 48px;
  border-radius: 8px;
  font-size: 15px;
}

.body .main__content .setting-payment .form .form-control.is-error {
  border-color: #E63F16;
}

.body .main__content .setting-payment .form .btn {
  min-height: 40px;
  border-radius: 10px;
  font-weight: 700;
}

.body .main__content .setting-payment .form .btn-outline-primary:hover {
  color: #1166E3;
}

.body .main__content .setting-payment .form .number-phone {
  font-size: 28px;
  font-weight: 700;
}

.body .main__content .setting-payment .nav-tabs {
  border: 0;
}

.body .main__content .setting-payment .nav-tabs .nav-item {
  position: relative;
  margin-bottom: 0;
}

.body .main__content .setting-payment .nav-tabs .nav-item:first-child .nav-link {
  padding-left: 10px;
}

.body .main__content .setting-payment .nav-tabs .nav-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 20px;
  width: 1px;
  background-color: #E9EBF6;
}

.body .main__content .setting-payment .nav-tabs .nav-link {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  padding: 15px 30px;
  border: 0;
}

.body .main__content .setting-payment .nav-tabs .nav-link img {
  position: relative;
  top: -.12em;
}

.body .main__content .setting-payment .nav-tabs .nav-link.active:after {
  content: "";
  position: absolute;
  width: 90px;
  height: 3px;
  background-color: #1166E3;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 999px 999px 0 0;
}

.body .main__content .withdraw {
  padding-top: 0;
  max-width: 1400px;
  margin: 0 auto 0;
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw {
    padding-top: 84px;
    margin-top: 0;
  }
  .body .main__content .withdraw .select2-container--default .select2-selection--single,
  .body .main__content .withdraw .form-control {
    border-radius: 8px;
  }
  .body .main__content .withdraw .input-group > .custom-select:not(:last-child), .body .main__content .withdraw .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.body .main__content .withdraw .line {
  border-top: 1px solid #E9EBF6;
}

.body .main__content .withdraw .select2-selection .img-flag {
  position: relative;
  top: -.1em;
}

.body .main__content .withdraw .pri-text {
  color: #1166E3 !important;
}

.body .main__content .withdraw .input-group-text {
  border-color: #e9ebf6;
  background-color: #F8F8FD;
  border-left: 0;
}

.body .main__content .withdraw .form-control {
  border-color: #e9ebf6;
  min-height: 42px;
}

.body .main__content .withdraw .form-control.is-error {
  border-color: #E63F16;
}

.body .main__content .withdraw .report__commission-table-tfoot {
  border-top: .5px solid #e9ebf6;
  padding: 0 12px;
}

.body .main__content .withdraw .modal-backdrop {
  background-color: rgba(10, 25, 48, 0.8);
}

.body .main__content .withdraw .btn-primary {
  transition: all .1s ease;
}

.body .main__content .withdraw .btn-primary:hover {
  color: #fff;
  background-color: #1166E3 !important;
}

.body .main__content .withdraw .btn-outline-primary {
  transition: all .1s ease;
}

.body .main__content .withdraw .btn-outline-primary:hover {
  color: #fff;
  background-color: #1166E3 !important;
}

.body .main__content .withdraw .card {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  border: 0.5px solid #E9EBF6;
}

.body .main__content .withdraw__header {
  border-bottom: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw__header {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 32px;
  }
}

.body .main__content .withdraw__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .withdraw__header-toggle {
  color: #172B4D;
  border: 0.5px solid #172B4D;
  border-radius: 4px;
  background-color: #fff;
}

.body .main__content .withdraw__header-toggle .ic {
  margin-right: 4px;
}

.body .main__content .withdraw__header-toggle.active, .body .main__content .withdraw__header-toggle:hover {
  border: 0.5px solid #1166E3;
  color: #1166E3;
  outline: none;
}

.body .main__content .withdraw__header-toggle.active .ic svg path, .body .main__content .withdraw__header-toggle:hover .ic svg path {
  stroke: #1166E3;
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw__header-mobile {
    display: none;
  }
}

.body .main__content .withdraw__header-mobile-pending {
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 0.5px solid #E9EBF6;
  height: 93px;
  display: flex;
  justify-content: center;
  align-self: center;
  flex-direction: column;
}

.body .main__content .withdraw__header-mobile-pending-title {
  color: #878dba;
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .withdraw__header-mobile-pending-amount > span:first-of-type {
  color: #12d761;
  font-size: 24px;
  line-height: 24px;
  font-weight: 800;
}

.body .main__content .withdraw__header-mobile-temp, .body .main__content .withdraw__header-mobile-rejected {
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body .main__content .withdraw__header-mobile-temp:not(:last-child), .body .main__content .withdraw__header-mobile-rejected:not(:last-child) {
  margin-bottom: 8px;
}

.body .main__content .withdraw__header-mobile-temp-title, .body .main__content .withdraw__header-mobile-rejected-title {
  font-size: 14px;
  line-height: 17px;
  color: #878dba;
  display: flex;
  align-items: center;
}

.body .main__content .withdraw__header-mobile-temp-title:before, .body .main__content .withdraw__header-mobile-rejected-title:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background-color: #1166E3;
  margin-right: 8px;
  display: block;
  margin-top: -1px;
}

.body .main__content .withdraw__header-mobile-temp-amount, .body .main__content .withdraw__header-mobile-rejected-amount {
  font-size: 14px;
  line-height: 17px;
}

.body .main__content .withdraw__header-mobile-temp-amount > span:last-of-type, .body .main__content .withdraw__header-mobile-rejected-amount > span:last-of-type {
  opacity: 0.5;
}

.body .main__content .withdraw__header-mobile-temp-title:before {
  background-color: #1166E3;
}

.body .main__content .withdraw__header-mobile-rejected-title:before {
  background-color: #EA243A;
}

.body .main__content .withdraw__income {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  background-color: #fff;
  padding: 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw__income {
    padding: 24px;
  }
}

.body .main__content .withdraw__income-item {
  flex: 0 0 100%;
}

@media screen and (min-width: 768px) {
  .body .main__content .withdraw__income-item {
    flex: 0 0 50%;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw__income-item {
    flex: 0 0 25%;
  }
}

.body .main__content .withdraw__income-item-title {
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 16px;
  text-transform: uppercase;
  color: #696D74;
  display: flex;
  align-items: center;
}

.body .main__content .withdraw__income-item-title:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background-color: #FBBC04;
  margin-right: 8px;
  display: block;
  margin-top: -1px;
}

.body .main__content .withdraw__income-item-amount, .body .main__content .withdraw__income-item-hide {
  font-weight: 600;
  font-size: 26px;
  line-height: 32px;
  color: #172B4D;
}

.body .main__content .withdraw__income-item-hide {
  display: none;
}

.body .main__content .withdraw__income-item.pending .withdraw__income-item-title:before {
  background-color: #19BC47;
}

.body .main__content .withdraw__income-item.rejected .withdraw__income-item-title:before {
  background-color: #FBBC04;
}

.body .main__content .withdraw__income-item.temp .withdraw__income-item-title:before {
  background-color: #1166E3;
}

.body .main__content .withdraw__income-item.approved .withdraw__income-item-title:before {
  background-color: #19BC47;
}

.body .main__content .withdraw .selectc-currency .withdraw__currentcy-select {
  width: 100%;
}

.body .main__content .withdraw .selectc-currency .select2-container {
  width: 100% !important;
}

.body .main__content .withdraw .selectc-currency .select2-selection {
  width: 100%;
  min-width: 189px;
  border: 1px solid #E9EBF6;
  display: inline-flex;
  height: 38px;
  max-width: 100%;
  align-items: center;
  position: relative;
}

.body .main__content .withdraw .selectc-currency .select2-selection:focus {
  outline: none;
}

.body .main__content .withdraw .selectc-currency .select2-selection .select2-selection__arrow {
  height: 34px;
}

.body .main__content .withdraw .withdraw-frm .btn {
  height: 42px;
}

.body .main__content .withdraw .withdraw-frm .btn-submit {
  width: 100%;
  height: 40px;
}

.body .main__content .withdraw .withdraw-frm .row {
  margin-left: -8px;
  margin-right: -8px;
}

.body .main__content .withdraw .withdraw-frm .row > * {
  padding-left: 8px;
  padding-right: 8px;
}

.body .main__content .withdraw__commission-wrapper {
  overflow-y: auto;
}

.body .main__content .withdraw__commission-table {
  min-width: 1238px;
  width: 100%;
  font-size: 14px;
}

.body .main__content .withdraw__commission-table-thead-col:nth-child(1), .body .main__content .withdraw__commission-table-tbody-col:nth-child(1) {
  padding-left: 22px;
}

.body .main__content .withdraw__commission-table-thead-col {
  font-size: 14px;
  text-align: left;
  background-color: #F8F8FD;
  padding: 12px 10px;
  font-weight: 600;
  position: sticky;
  top: 0;
}

@media screen and (max-width: 1199px) {
  .body .main__content .withdraw__commission-table-tbody {
    overflow-y: auto;
  }
}

.body .main__content .withdraw__commission-table-tbody-row-active {
  background-color: rgba(10, 25, 48, 0.8);
}

.body .main__content .withdraw__commission-table-tbody-row-active > td {
  border-bottom: none;
}

.body .main__content .withdraw__commission-table-tbody-col {
  text-align: left;
  padding: 14px 10px;
  vertical-align: middle;
}

.body .main__content .withdraw__commission-table-tfoot {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid #f8f8fd;
}

@media screen and (max-width: 1199px) {
  .body .main__content .withdraw__commission-table-tfoot {
    display: none;
  }
}

.body .main__content .withdraw__commission-table-tfoot-col {
  padding: 5px 10px;
}

.body .main__content .withdraw .selectc-currency .show-olc, .body .main__content .withdraw .withdraw-frm .show-olc {
  display: inline-block;
}

.body .main__content .withdraw .selectc-currency .show-usdt, .body .main__content .withdraw .withdraw-frm .show-usdt {
  display: none;
}

.body .main__content .withdraw .selectc-currency .show-busd, .body .main__content .withdraw .withdraw-frm .show-busd {
  display: none;
}

.body .main__content .withdraw__history .card__content {
  margin-bottom: 20px;
}

.body .main__content .withdraw__select .row {
  margin-left: -5px;
  margin-right: -5px;
}

.body .main__content .withdraw__select .row > * {
  padding-left: 5px;
  padding-right: 5px;
}

.body .main__content .withdraw__select-item {
  font-size: 16px;
}

.body .main__content .withdraw__select-item img {
  position: relative;
  top: -.1em;
}

.body .main__content .withdraw__select-item label {
  cursor: pointer;
  display: block;
}

.body .main__content .withdraw__select-item input[type="radio"] {
  position: absolute;
  top: -999px;
  left: -999px;
}

.body .main__content .withdraw__select-item input[type="radio"]:checked ~ .content {
  border-color: #1166E3;
  background-color: #EFF3FE;
}

.body .main__content .withdraw__select-item .content {
  display: block;
  overflow: hidden;
  border: 1px solid #E9EBF6;
  border-radius: 8px;
  background-color: #fff;
  min-height: 42px;
  padding: 8px 15px;
  transition: all .3s ease;
}

@media (max-width: 480px) {
  .body .main__content .withdraw__select-item .content {
    min-height: inherit;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }
}

@media (max-width: 320px) {
  .body .main__content .withdraw__select-item .content {
    min-height: inherit;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}

.withdraw-failed-modal .modal-content {
  padding-top: 40px;
  padding-bottom: 50px;
  text-align: center;
}

.withdraw-failed-modal-title {
  font-size: 20px;
}

.withdraw-failed-modal-header {
  border-bottom: 1px dashed #E0E1E8;
  padding: 32px;
  margin: 24px;
}

.withdraw-failed-modal-header .alert {
  margin: 20px auto 0;
  width: fit-content;
  padding: 6px 12px;
  font-size: 15px;
}

.withdraw-failed-modal-body-invite {
  border: 1px solid #E0E1E8;
  width: fit-content;
  margin: 0 auto 16px;
  border-radius: 5px;
  padding: 8px 16px;
}

.withdraw-failed-modal-body-invite p {
  margin-bottom: 0;
}

.withdraw-failed-modal-body-invite .ic {
  margin-left: 16px;
}

.body .main__content .withdraw-history {
  padding-top: 0;
  max-width: 1400px;
  margin: 0 auto 0;
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw-history {
    margin-top: 0;
    padding-top: 84px;
  }
}

.body .main__content .withdraw-history .pri-text {
  color: #1166E3 !important;
}

.body .main__content .withdraw-history__header {
  display: none;
  border-bottom: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180px;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .withdraw-history__header {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 32px;
  }
}

.body .main__content .withdraw-history__header-toggle {
  color: #172B4D;
  border: 0.5px solid #172B4D;
  border-radius: 4px;
  background-color: #fff;
}

.body .main__content .withdraw-history__header-toggle .ic {
  margin-right: 4px;
}

.body .main__content .withdraw-history__header-toggle.active, .body .main__content .withdraw-history__header-toggle:hover {
  border: 0.5px solid #1166E3;
  color: #1166E3;
  outline: none;
}

.body .main__content .withdraw-history__header-toggle.active .ic svg path, .body .main__content .withdraw-history__header-toggle:hover .ic svg path {
  stroke: #1166E3;
}

.body .main__content .withdraw-history__commission-table {
  min-width: 1140px;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .body .main__content .withdraw-history__commission-table-tfoot {
    display: none;
  }
}

.body .main__content .withdraw-history__commission-table-tfoot-row {
  display: flex;
  justify-content: space-between;
}

.body .main__content .withdraw-history__commission-table-tfoot-col {
  display: flex;
  align-items: center;
  padding: 5px 10px;
}

@media (max-width: 1200px) {
  .body .main__content .withdraw-history__commission-filter .col-search, .body .main__content .withdraw-history__commission-filter input {
    width: 100%;
  }
}

.body .main__content .kyc {
  /*padding: 20px;*/
  max-width: 1400px;
  margin: 0 auto;
}

.body .main__content .kyc ::-webkit-input-placeholder {
  text-transform: initial;
}

.body .main__content .kyc :-moz-placeholder {
  text-transform: initial;
}

.body .main__content .kyc ::-moz-placeholder {
  text-transform: initial;
}

.body .main__content .kyc :-ms-input-placeholder {
  text-transform: initial;
}

@media screen and (min-width: 1200px) {
  .body .main__content .kyc {
    padding-top: 90px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .kyc .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media screen and (max-width: 767px) {
  .body .main__content .kyc .cmnd_inner.cmnd-block .cmnd-item:nth-child(1) .dropify-message span.file-icon:before {
    content: "";
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/id_before.svg");
  }
  .body .main__content .kyc .cmnd_inner.cmnd-block .cmnd-item:nth-child(3) .dropify-message span.file-icon:before {
    content: "";
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/id_after.svg");
  }
  .body .main__content .kyc .cmnd_inner.cmnd-block .cmnd-item:nth-child(5) .dropify-message span.file-icon:before {
    content: "";
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/id_selfi.svg");
  }
  .body .main__content .kyc .passport_inner.passport-block .passport-item:nth-child(1) .dropify-message span.file-icon:before {
    content: "";
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/passport_img.svg");
  }
  .body .main__content .kyc .passport_inner.passport-block .passport-item:nth-child(3) .dropify-message span.file-icon:before {
    content: "";
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/passport_selfi.svg");
  }
}

.body .main__content .kyc__header {
  border-bottom: 1px solid #E9EBF6;
  border-left: 1px solid rgba(233, 235, 246, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .kyc__header {
    padding: 30px 32px;
  }
}

.body .main__content .kyc__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .kyc__register {
  width: 675px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .kyc__register input {
  color: #172d4b;
  font-size: 16px;
}

.body .main__content .kyc__register .kyc-step .form-label {
  font-size: 14px;
}

.body .main__content .kyc__register .kyc-step #passport {
  text-transform: uppercase;
}

.body .main__content .kyc__register .kyc-step button {
  font-weight: 700;
}

.body .main__content .kyc__register .kyc-step .dropify-error .btn-danger {
  background: #E63F16;
}

.body .main__content .kyc__register .kyc-step .dropify-error .color-dash {
  color: #172B4D;
}

.body .main__content .kyc .pri-text {
  color: #1166E3 !important;
}

.body .main__content .kyc .dropify-wrapper {
  font-size: 15px;
  background: #F8F8FD;
  border: 1px dashed #E9EBF6;
  border-radius: 10px;
  transition: opacity .3s ease;
  height: 180px;
}

.body .main__content .kyc .dropify-wrapper.error {
  border-color: #EA243A;
}

.body .main__content .kyc .dropify-wrapper:hover .dropify-message {
  opacity: .8;
}

.body .main__content .kyc .dropify-wrapper .dropify-clear {
  border: 1px solid #EA243A;
  border-radius: 8px;
  color: #EA243A;
  line-height: 1;
  padding: 10px;
}

.body .main__content .kyc .dropify-wrapper .dropify-message span.file-icon {
  font-size: 15px;
  color: #172B4D;
  line-height: 1;
}

.body .main__content .kyc .dropify-wrapper .dropify-message span.file-icon:before {
  content: "";
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/upload_ic.svg");
}

.body .main__content .kyc .dropify-wrapper .dropify-message span.file-icon p {
  margin-top: 0;
}

.body .main__content .kyc .dropify-wrapper .dropify-preview .dropify-infos {
  color: #172B4D;
  background-color: #E9FFF8;
}

.body .main__content .kyc .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
  margin-top: -15px;
}

.body .main__content .kyc .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
  color: #172B4D;
  margin-top: 10px;
}

.body .main__content .kyc .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
  display: none;
}

.body .main__content .kyc .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
  opacity: 1;
  padding-top: 0;
}

.body .main__content .kyc .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message:before {
  content: none;
}

.body .main__content .kyc .dropify-wrapper .dropify-error {
  font-size: 15px;
  display: none;
}

.body .main__content .kyc .dropify-wrapper .dropify-error .btn {
  min-width: 130px;
  line-height: 1;
  border-radius: 8px;
  font-size: 14px;
  padding: 9px;
  min-height: 32px;
}

.body .main__content .kyc .dropify-wrapper.has-error .dropify-message .file-icon {
  display: none;
}

.body .main__content .kyc .dropify-wrapper.has-error .dropify-error {
  display: block;
}

.body .main__content .kyc .select-identification .item {
  overflow: unset;
}

.body .main__content .kyc .select-identification .item input[type=radio]:checked .content {
  border: 1px solid #1166E3;
}

.body .main__content .notifications {
  margin-top: 0;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications {
    padding-top: 84px;
    margin-top: 0;
  }
}

.body .main__content .notifications__header {
  border: 0.5px solid #E9EBF6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications__header {
    display: flex;
    align-items: center;
    height: 84px;
    padding: 0 32px;
  }
}

.body .main__content .notifications__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .notifications__content {
  border-radius: 5px;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications__content {
    margin: 5px 0px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  }
}

.body .main__content .notifications__content-select {
  padding: 10px;
  border-bottom: 1px solid #e9ebf6;
}

.body .main__content .notifications__content-select-filter {
  padding: 0 24px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.body .main__content .notifications__content-select-filter-item {
  flex: 0 0 auto;
}

.body .main__content .notifications__content-select-filter-item:not(:first-of-type) {
  margin-left: 10px;
}

.body .main__content .notifications__content-select-filter-item .form-control {
  border: none;
  background-color: #f8f8fd;
  min-height: 40px !important;
  padding: 0px 30px 0px 12px;
}

.body .main__content .notifications__content-select-filter-item .select2-selection {
  min-width: 189px;
  border: 1px solid #E9EBF6;
  display: inline-flex;
  height: 38px;
  max-width: 240px;
  align-items: center;
  position: relative;
}

.body .main__content .notifications__content-select-filter-item .select2-selection:focus {
  outline: none;
}

.body .main__content .notifications__content-select-filter-item .select2-selection .select2-selection__arrow {
  height: 34px;
}

.body .main__content .notifications__content-select-filter-item .select2-container {
  width: auto !important;
}

.body .main__content .notifications__content-select-filter-item-campaign {
  min-width: 300px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header {
  padding-bottom: 12px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search {
  position: relative;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search .ic {
  position: absolute;
  left: 4px;
  top: 4px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search .ic svg {
  width: 16px;
  height: 16px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search > input {
  padding-left: 24px;
  width: 100%;
  height: 35px;
  border: 1px solid #E9EBF6;
  border-radius: 8px;
  background-color: #F8F8FD;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search > input:focus {
  outline: none;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search > input::-webkit-input-placeholder {
  /* Edge */
  color: #696D74;
  font-size: 14px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search > input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #696D74;
  font-size: 14px;
}

.body .main__content .notifications__content-select-filter-item .layer__dropdown-menu-header-search > input::placeholder {
  color: #696D74;
  font-size: 14px;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu {
  border: 0;
  margin-top: 8px;
  padding: 12px 16px;
  background: #ffffff;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .notifications__content-select-filter-item .sort__dropdown-menu {
    height: auto;
    max-height: calc(100vh - 95px) !important;
    width: 100% !important;
    position: fixed !important;
    top: 110px !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    background-color: #fff !important;
  }
  .body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content {
    height: 100%;
    overflow-y: auto;
  }
  .body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-footer {
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 12px 0 0 !important;
    z-index: 2;
    border-top: 0.5px solid #E9EBF6;
  }
  .body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-footer .btn-link {
    height: 32px;
  }
  .body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-scroll {
    top: 131px !important;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content {
    max-height: 300px;
    overflow-y: auto;
  }
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content .form-check {
  margin-bottom: 10px;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content-tree {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content-tree ul {
  list-style-type: none;
  padding-left: 16px;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content-tree .caret {
  display: flex;
  flex-wrap: nowrap;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content-tree .caret .arrow-down {
  margin-left: auto;
  margin-top: -2px;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content-tree .nested {
  display: none;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-content-tree .nested.active {
  display: block;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown-menu-footer {
  padding-top: 12px;
  border-top: 0.5px solid #E9EBF6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown .ola-checkbox-radio-group .form-check {
  display: flex;
  align-items: center;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown .ola-checkbox-radio-group .form-check-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown .ola-checkbox-radio-group .form-check-input {
  background-color: black;
  margin-right: 6px;
  margin-top: -2px;
  position: relative;
  z-index: 2;
  width: 16px;
  min-width: 16px;
  height: 16px;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown .ola-checkbox-radio-group .form-check-input:after {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1.5px solid #4f5764;
  font-size: 10px;
  line-height: 16px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  font-weight: bold;
}

.body .main__content .notifications__content-select-filter-item .sort__dropdown .ola-checkbox-radio-group .form-check-input:checked:after {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f00c";
  background-color: #172B4D;
  border: 0;
  color: #fff;
  border-radius: 50%;
}

.body .main__content .notifications__content-select-filter-search {
  margin-left: auto !important;
}

@media screen and (max-width: 1199px) {
  .body .main__content .notifications__content-select-filter {
    display: none;
  }
}

.body .main__content .notifications__content-left {
  overflow-y: scroll;
  border-right: 0.5px solid #e9ebf6;
  padding-left: 0px !important;
  padding-right: 0px !important;
  background: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  min-height: 440px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications__content-left {
    flex: 0 0 70%;
    max-width: 70%;
  }
}

.body .main__content .notifications__content-item {
  display: flex;
  flex-direction: column;
  border-bottom: 0.5px solid #E9EBF6;
  padding: 12px;
  cursor: pointer;
}

.body .main__content .notifications__content-item .ic {
  position: absolute;
  left: 10px;
}

.body .main__content .notifications__content-item > p {
  margin-bottom: 0px;
  padding-left: 20px;
}

.body .main__content .notifications__content-item:nth-child(1) {
  padding-top: 30px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications__content-item {
    padding: 12px 24px;
  }
  .body .main__content .notifications__content-item .ic {
    position: absolute;
    left: 22px;
  }
}

.body .main__content .notifications__content-item .urgent {
  color: #e63f16;
  font-size: 12px;
}

.body .main__content .notifications__content-item .new {
  color: #1166e3;
  font-size: 12px;
}

.body .main__content .notifications__content-item:hover {
  color: #1166e3;
}

.body .main__content .notifications__content-item:hover .ic:not(.not-fill) svg path {
  fill: #1166E3;
}

.body .main__content .notifications__content-item .text-gray {
  margin-top: 4px;
  color: #B5B8CB;
}

.body .main__content .notifications__content-item .text-gray .dot {
  position: relative;
  margin-right: 20px;
}

.body .main__content .notifications__content-item .text-gray .dot::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #b5b8cb;
  position: absolute;
  top: 8px;
  border-radius: 50%;
  right: -10px;
}

.body .main__content .notifications__content-right {
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notifications__content-right {
    flex: 0 0 30%;
    max-width: 30%;
  }
}

.body .main__content .notifications__content-card {
  padding: 31px 24px;
  border-bottom: 0.5px solid #e9ebf6;
}

.body .main__content .notifications__content-card .form-check {
  user-select: none;
  padding: 10px 40px;
}

.body .main__content .notifications__content-card .form-check:hover {
  color: #1166e3;
  background: #eff3fe;
  border-radius: 5px;
}

.body .main__content .notifications__content-card .form-check-input:hover {
  cursor: pointer;
}

.body .main__content .notifications__content-card .active {
  color: #1166e3;
  background: #eff3fe;
  border-radius: 5px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .notifications__content {
    top: 0;
    overflow: hidden;
  }
}

@media screen and (min-width: 1200px) {
  .body .main__content .notification-detail {
    padding-top: 101px;
  }
}

.body .main__content .notification-detail__header {
  border: 0.5px solid #E9EBF6;
  background-color: #fff;
  padding: 12px 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notification-detail__header {
    min-height: 100px;
    padding: 24px 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 0.5px solid #E9EBF6;
  }
}

.body .main__content .notification-detail__header-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notification-detail__header-title {
    font-size: 20px;
    line-height: 24px;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    white-space: normal !important;
  }
}

.body .main__content .notification-detail__header-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  background-color: #fff;
  position: fixed;
  z-index: 210;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 16px;
  border-bottom: 0.5px solid #E9EBF6;
  box-shadow: none;
}

.body .main__content .notification-detail__header-mobile-title {
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.body .main__content .notification-detail__header-mobile-close.x svg path {
  stroke: #172B4D;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notification-detail__header-mobile {
    display: none;
  }
}

.body .main__content .notification-detail__content {
  background: #ffffff;
}

.body .main__content .notification-detail__content-title {
  color: #B5B8CB;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 20px;
}

.body .main__content .notification-detail__content-left {
  padding: 0 16px 24px;
}

@media screen and (max-width: 1199px) {
  .body .main__content .notification-detail__content-left {
    border-bottom: 0.5px solid #E9EBF6;
  }
}

.body .main__content .notification-detail__content-left p {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}

.body .main__content .notification-detail__content-left a {
  color: #1166E3;
}

.body .main__content .notification-detail__content-left img {
  margin-top: 16px;
  margin-bottom: 16px;
  width: 100%;
  max-width: 660px;
  height: auto;
}

.body .main__content .notification-detail__content-right {
  padding: 20px 16px 24px;
}

.body .main__content .notification-detail__content-right-list {
  margin: 0 -16px;
}

.body .main__content .notification-detail__content-right-list-item {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-bottom: 0.5px solid #E9EBF6;
  cursor: pointer;
}

.body .main__content .notification-detail__content-right-list-item .ic {
  position: absolute;
  left: 10px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notification-detail__content-right-list-item {
    padding: 12px 24px;
  }
  .body .main__content .notification-detail__content-right-list-item .ic {
    position: absolute;
    left: 18px;
  }
}

.body .main__content .notification-detail__content-right-list-item > p {
  margin-bottom: 0px;
  padding-left: 20px;
}

.body .main__content .notification-detail__content-right-list-item:first-of-type {
  padding-top: 0;
}

.body .main__content .notification-detail__content-right-list-item .urgent {
  color: #e63f16;
  font-size: 12px;
}

.body .main__content .notification-detail__content-right-list-item .new {
  color: #1166e3;
  font-size: 12px;
}

.body .main__content .notification-detail__content-right-list-item:hover {
  color: #1166e3;
}

.body .main__content .notification-detail__content-right-list-item:hover .ic:not(.not-fill) svg path {
  fill: #1166E3;
}

.body .main__content .notification-detail__content-right-list-item .text-gray {
  margin-top: 4px;
  color: #B5B8CB;
}

.body .main__content .notification-detail__content-right-list-item .text-gray .dot {
  position: relative;
  margin-right: 20px;
}

.body .main__content .notification-detail__content-right-list-item .text-gray .dot::after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #b5b8cb;
  position: absolute;
  top: 8px;
  border-radius: 50%;
  right: -10px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .notification-detail__content {
    display: flex;
    border: 0.5px solid #E9EBF6;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
  }
  .body .main__content .notification-detail__content-left, .body .main__content .notification-detail__content-right {
    padding: 20px 24px 24px;
  }
  .body .main__content .notification-detail__content-left {
    flex: 0 0 70%;
    border-right: 1px solid #E9EBF6;
  }
  .body .main__content .notification-detail__content-right {
    flex: 0 0 30%;
  }
  .body .main__content .notification-detail__content-right-list {
    margin: 0 -24px;
  }
}

.body .main__content .notification-detail .breadcrumbs {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.body .main__content .notification-detail .breadcrumbs .breadcrumbs-item {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #696D74;
}

.body .main__content .notification-detail .breadcrumbs .breadcrumbs-item:not(:last-of-type)::after {
  content: "›";
  margin: 0 12px;
}

.body .main__content .security {
  padding-top: 0;
  max-width: 1400px;
  margin: 0 auto 0;
}

@media screen and (min-width: 1200px) {
  .body .main__content .security {
    padding-top: 120px;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .security .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.body .main__content .security .pri-text {
  color: #1166E3 !important;
}

.body .main__content .security__header {
  border-bottom: 1px solid #E9EBF6;
  border-left: 1px solid rgba(233, 235, 246, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .security__header {
    padding: 28px 32px;
  }
}

.body .main__content .security__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

.body .main__content .security__register {
  width: 675px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .security__change-password {
  width: 675px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .security__change-password .form-control + .error {
  display: none;
  color: #E63F16;
  font-size: 12px;
}

.body .main__content .security__change-password .form-control.error + .error {
  display: block;
}

.body .main__content .security__2fa {
  position: relative;
}

.body .main__content .security__2fa .card-wrapper {
  width: 790px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .security__2fa .frm-step {
  font-size: 15px;
}

.body .main__content .security__2fa .frm-step .step {
  display: none;
}

.body .main__content .security__2fa .frm-step .step.active {
  display: block;
}

.body .main__content .security__2fa .frm-step .image {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
}

.body .main__content .security__2fa .frm-step .heading {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.body .main__content .security__2fa .frm-step .heading .number {
  color: #1166E3;
}

.body .main__content .security__2fa .frm-step .code {
  background-color: #F8F8FD;
  border-radius: 8px;
  padding: 10px 16px;
}

.body .main__content .security__2fa .frm-step .form-control {
  border: 1px solid #E9EBF6;
  border-radius: 8px;
  height: 44px;
}

.body .main__content .security__2fa .frm-step .btn {
  border-radius: 8px;
  min-width: 140px;
  height: 44px;
  font-size: 15px;
  padding: 10px;
  color: #fff;
}

.body .main__content .security__2fa .frm-step .btn-outline-primary {
  border: 1px solid #1166E3;
  color: #1166E3;
  background: rgba(17, 102, 227, 0.1);
  padding-left: 12px;
  padding-right: 12px;
}

.body .main__content .security__2fa .frm-step .btn-outline-warning {
  border: 1px solid #FF754C;
  color: #FF754C;
  background: rgba(255, 117, 76, 0.1);
  padding-left: 12px;
  padding-right: 12px;
  min-width: 210px;
}

.body .main__content .security__2fa .frm-step p {
  margin-bottom: 16px;
}

.body .main__content .security__2fa .frm-step code {
  color: #172B4D;
  font-size: 15px;
}

.body .main__content .security__2fa .frm-step hr {
  margin-top: 34px;
  margin-bottom: 34px;
  border-top: 1px solid #E9EBF6;
}

.body .main__content .security__2fa .frm-step .content {
  width: 520px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .body .main__content .security__2fa .frm-step .image img {
    max-width: 100px;
  }
}

.profile__info {
  position: relative;
  width: 675px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.profile__info .max-w150 {
  max-width: 150px;
}

.profile__info .form-control + .error {
  display: none;
  color: #E63F16;
  font-size: 12px;
}

.profile__info .form-control.error + .error {
  display: block;
}

.profile__info .btn-clone {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  padding: 10px;
  min-width: 48px;
}

.profile__info .btn-clone:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 1px;
  height: calc(100% - 14px);
  background-color: #E9EBF6;
}

.profile__info .btn-clone .clone {
  display: inline-block;
}

.profile__info .btn-clone .checked {
  display: none;
}

.profile__info .btn-clone.is-copy .clone {
  display: none;
}

.profile__info .btn-clone.is-copy .checked {
  display: inline-block;
}

.body .main__content .view_ads-btn {
  background: #FF754C;
  color: #fff;
  border: 5px solid #FFF1ED;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
  padding: 9px 15px;
  transition: all .3s ease;
}

.body .main__content .view_ads-btn:hover {
  background-color: #FFF1ED;
  color: #FF754C;
}

.body .main__content .view_ads-btn.light {
  border: 1px solid #FF754C;
  color: #FF754C;
  background-color: #fff;
}

.body .main__content .view_ads-btn.light:hover {
  background-color: #FF754C;
  color: #fff;
}

@media (max-width: 768px) {
  .body .main__content .view_ads-btn {
    font-size: 16px;
  }
}

.body .main__content .view_ads__slider {
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  position: relative;
}

.body .main__content .view_ads__slider .ads-fixed {
  position: absolute;
  z-index: 100;
  top: 25px;
  right: 25px;
  font-size: 14px;
  color: #000;
}

.body .main__content .view_ads__slider .view_ads-slider:not(.slick-initialized) > .slider:not(:last-child) {
  display: none;
}

@media screen and (max-width: 768px) {
  .body .main__content .view_ads__slider {
    margin-bottom: 0;
  }
}

.body .main__content .view_ads .campaign-slider {
  margin-left: -15px;
  margin-right: -15px;
}

.body .main__content .view_ads .campaign-slider .slider {
  padding: 0 15px;
}

.body .main__content .view_ads .campaign-slider .slider .card-campaign {
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

@media screen and (min-width: 1200px) {
  .body .main__content .view_ads {
    margin-top: -23px;
  }
  .body .main__content .view_ads .card-wrapper.last {
    background-color: transparent;
    padding: 0;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .view_ads__header > .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .body .main__content .view_ads__header > .row > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  .body .main__content .view_ads .campaign-slider .card-campaign {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  }
}

.modal#not_robot .modal-dialog {
  max-width: 100%;
}

@media (min-width: 1200px) {
  .modal#not_robot .modal-dialog {
    width: 400px;
  }
}

.body .main__content .multilink_campaign__slider {
  background-color: #1A0DDB;
  position: relative;
  z-index: 1;
}

.body .main__content .multilink_campaign__slider .fixed {
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 40px;
  color: #fff;
}

.body .main__content .multilink_campaign__slider:before, .body .main__content .multilink_campaign__slider:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100vw;
  height: 100%;
  top: 0;
  background-color: #1A0DDB;
}

.body .main__content .multilink_campaign__slider:before {
  left: 0;
}

.body .main__content .multilink_campaign__slider:after {
  right: 0;
}

@media (min-width: 1200px) {
  .body .main__content .multilink_campaign__slider {
    margin: -24px -32px 0;
  }
}

.body .main__content .multilink_campaign .campaign-slider {
  margin-left: -15px;
  margin-right: -15px;
}

.body .main__content .multilink_campaign .campaign-slider .slider {
  padding: 0 15px 8px;
}

.body .main__content .multilink_campaign .campaign-slider .slider .card-campaign {
  height: 100%;
  background-color: #fff;
  border-radius: 8px 8px;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

.body .main__content .multilink_campaign .campaign-slider .slider .card-campaign .title {
  width: 100%;
  max-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.body .main__content .multilink_campaign .campaign-slider:not(.slick-initialized) {
  display: flex;
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 768px) {
  .body .main__content .multilink_campaign .campaign-slider:not(.slick-initialized) .slider {
    flex: 0 0 100vw;
    max-width: 80vw;
    padding: 0 18px 0 12px;
  }
}

@media (min-width: 767px) {
  .body .main__content .multilink_campaign .campaign-slider:not(.slick-initialized) .slider {
    flex: 0 0 260px;
    max-width: 260px;
    padding: 0 30px 0 0;
  }
}

@media (min-width: 480px) {
  .body .main__content .multilink_campaign .overflow-y-auto.campaign {
    overflow: initial;
  }
}

@media screen and (max-width: 1199px) {
  .body .main__content .multilink_campaign .campaign-slider .card-campaign {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  }
}

.body .main__content .multilink_campaign .card-wrapper.last {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  background-color: transparent;
}

@media screen and (min-width: 1200px) {
  .body .main__content .multilink_campaign .card-wrapper.last {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .body .main__content .multilink_campaign .card-wrapper.last {
    padding-right: 0;
    padding-left: 0;
  }
  .body .main__content .multilink_campaign .card-wrapper.last h2 {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.body .main__content .coin {
  background-color: #fff;
  padding-bottom: 32px;
}

.body .main__content .coin__header {
  text-align: center;
  padding-top: 24px;
  padding-bottom: 36px;
}

.body .main__content .coin__header-title {
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 14px;
}

.body .main__content .coin__header-price {
  color: #18C549;
  font-weight: 800;
  font-size: 28px;
  line-height: 24px;
}

.body .main__content .coin__body-form {
  padding: 0 12px 26px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
}

.body .main__content .coin__body-form-radio {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  background-color: #fff;
  padding: 14px 16px 16px 55px;
}

.body .main__content .coin__body-form-radio:not(:last-of-type) {
  margin-bottom: 16px;
}

.body .main__content .coin__body-form-radio-label {
  display: flex;
  justify-content: space-between;
}

.body .main__content .coin__body-form-radio-label:after, .body .main__content .coin__body-form-radio-label::before {
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: -36px;
  width: 24px;
  height: 24px;
}

.body .main__content .coin__body-form-radio-label-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 6px;
  margin-top: 2px;
  display: block;
}

.body .main__content .coin__body-form-radio-label-price {
  font-size: 20px;
  line-height: 24px;
}

.body .main__content .coin__body-form-radio-label-price > strong {
  font-weight: 800;
}

.body .main__content .coin__body-form-radio-label-discount {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #ff754c;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body .main__content .coin__body-form-footer {
  text-align: center;
}

.body .main__content .coin__body-form-footer button[type="submit"] {
  margin-top: 26px;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  height: 55px;
  padding: 0 24px;
}

.body .main__content .coin__body-form-footer button[type="submit"] svg {
  width: 18px;
  height: 18px;
}

.body .main__content .coin__body-wallet {
  padding: 16px 12px 18px;
}

.body .main__content .coin__body-wallet-content {
  display: flex;
  border-radius: 10px;
  background-color: #0c79f8;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  padding: 18px;
}

.body .main__content .coin__body-wallet-content-logo {
  margin-right: 16px;
}

.body .main__content .coin__body-wallet-content-logo svg {
  width: 48px;
  height: 48px;
}

.body .main__content .coin__body-wallet-content-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

.body .main__content .coin__body-wallet-content-balance {
  color: #fff;
  font-size: 18px;
}

.body .main__content .coin__body-wallet-content-balance > strong {
  font-weight: bold;
  font-size: 34px;
  line-height: 44px;
  margin-right: 4px;
}

.body .main__content .coin__body-history {
  border-top: 0.5px solid #E9EBF6;
  padding-top: 14px;
}

.body .main__content .coin__body-history-title {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 18px;
  padding-left: 12px;
}

.body .main__content .coin__body-history-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  padding: 0 12px;
}

.body .main__content .coin__body-history-filter-switcher {
  padding-left: 0;
  padding-right: 2.25rem;
}

.body .main__content .coin__body-history-filter-switcher .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #18C549;
  border-color: #18C549;
}

.body .main__content .coin__body-history-filter-switcher .custom-control-label {
  line-height: 1.5rem;
}

.body .main__content .coin__body-history-filter-switcher .custom-control-label::before {
  left: unset;
  right: calc(-2.25rem + 2px);
  background-color: #B5B8CB;
}

.body .main__content .coin__body-history-filter-switcher .custom-control-label::after {
  left: unset;
  right: calc(-1.35rem + 2px);
  background-color: #fff;
}

.body .main__content .coin__body-history-table {
  min-width: 1156px;
  font-size: 14px;
  line-height: 16px;
}

.body .main__content .coin__body-history-table-wrapper {
  overflow-x: auto;
  width: 100%;
  padding-top: 12px;
}

.body .main__content .coin__body-history-table thead th {
  background-color: #F8F8FD;
  padding: 12px 16px;
  font-weight: 700;
  white-space: nowrap;
}

.body .main__content .coin__body-history-table thead th:nth-of-type(4), .body .main__content .coin__body-history-table thead th:nth-of-type(6) {
  text-align: right;
}

.body .main__content .coin__body-history-table tbody td {
  padding: 14px 16px;
  white-space: nowrap;
  border-bottom: 1px solid #E0E1E8;
}

.body .main__content .coin__body-history-table tbody td:not(:first-of-type) {
  font-weight: bold;
}

.body .main__content .coin__body-history-table tbody td:nth-of-type(4), .body .main__content .coin__body-history-table tbody td:nth-of-type(6) {
  text-align: right;
}

.body .main__content .coin__body-history-table-status.pending {
  color: #FBBC04;
}

.body .main__content .coin__body-history-table-status.completed {
  color: #18C549;
}

.body .main__content .coin__body-history-table-status.cancelled {
  color: #E63F16;
}

.body .main__content .coin__body-history-table-link {
  max-width: 138px;
}

.body .main__content .coin__body-history-table-link a {
  color: #1166E3;
}

.body .main__content .coin__body-history-table-link a p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0;
}

.body .main__content .coin__body-history-table-exchange-rate {
  position: relative;
}

.body .main__content .coin__body-history-table-exchange-rate-value {
  border-bottom: 1px dashed #172B4D;
}

.body .main__content .coin__body-history-table-exchange-rate-tooltip {
  max-width: 170px;
  width: 170px;
  word-break: break-all;
  white-space: normal;
  background-color: #172B4D;
  border-color: #172B4D;
  color: white;
  border-radius: 4px;
  padding: 10px 12px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -8px);
  -moz-transform: translate(-50%, -8px);
  -webkit-transform: translate(-50%, -8px);
  -o-transform: translate(-50%, -8px);
  -ms-transform: translate(-50%, -8px);
  transition: opacity 0.3s;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  visibility: hidden;
  opacity: 0;
}

.body .main__content .coin__body-history-table-exchange-rate-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #172B4D transparent transparent transparent;
}

.body .main__content .coin__body-history-table-exchange-rate:hover .coin__body-history-table-exchange-rate-tooltip {
  visibility: visible;
  opacity: 1;
}

.body .main__content .ico-checkout {
  padding: 12px 12px 32px;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .ico-checkout {
    padding: 24px 24px 32px;
  }
}

.body .main__content .ico-checkout-course {
  margin-bottom: 20px;
}

.body .main__content .ico-checkout-course-dropdown {
  width: 100%;
}

.body .main__content .ico-checkout-course-dropdown .dropdown-toggle {
  width: 100%;
}

.body .main__content .ico-checkout-course-dropdown .dropdown-toggle::after {
  display: none;
}

.body .main__content .ico-checkout-course-dropdown-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.body .main__content .ico-checkout-course-dropdown-value, .body .main__content .ico-checkout-course-dropdown-item {
  padding: 16px 20px 18px;
  width: 100%;
}

.body .main__content .ico-checkout-course-dropdown-value-name, .body .main__content .ico-checkout-course-dropdown-item-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 6px;
  margin-top: 2px;
  display: block;
}

.body .main__content .ico-checkout-course-dropdown-value-price, .body .main__content .ico-checkout-course-dropdown-item-price {
  font-size: 20px;
  line-height: 24px;
  margin-right: 8px;
}

.body .main__content .ico-checkout-course-dropdown-value-price > strong, .body .main__content .ico-checkout-course-dropdown-item-price > strong {
  font-weight: 800;
}

.body .main__content .ico-checkout-course-dropdown-value-discount, .body .main__content .ico-checkout-course-dropdown-item-discount {
  background: rgba(233, 84, 50, 0.1);
  border-radius: 100px;
  padding: 0 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #e95432;
}

.body .main__content .ico-checkout-course-dropdown-value {
  border: 1px solid #e0e1e8;
  border-radius: 5px;
}

.body .main__content .ico-checkout-course-dropdown-item:not(:last-of-type) {
  border-bottom: 1px solid #e0e1e8;
}

.body .main__content .ico-checkout-course-dropdown-item.active {
  color: #172B4D;
  background-color: #F8F8FD;
}

.body .main__content .ico-checkout-course-dropdown-menu {
  width: 100%;
  top: 100% !important;
  transform: none !important;
  margin-top: 5px;
}

.body .main__content .ico-checkout-body {
  margin-bottom: 20px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .ico-checkout-body-converter {
    display: flex;
  }
  .body .main__content .ico-checkout-body-converter-card {
    flex: 1;
  }
  .body .main__content .ico-checkout-body-converter-switch {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.body .main__content .ico-checkout-body-converter-card {
  background-color: #F8F8FD;
  border-radius: 5px;
  padding: 16px;
  position: relative;
}

.body .main__content .ico-checkout-body-converter-card-title, .body .main__content .ico-checkout-body-converter-card-cvalue {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #4F5764;
  margin-bottom: 12px;
}

.body .main__content .ico-checkout-body-converter-card-value {
  font-weight: 800;
  font-size: 28px;
  line-height: 32px;
  flex: 1;
}

.body .main__content .ico-checkout-body-converter-card-dropdown {
  flex: 0 0 auto;
  padding-left: 12px;
}

.body .main__content .ico-checkout-body-converter-card-dropdown.show .dropdown-toggle::after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

.body .main__content .ico-checkout-body-converter-card-dropdown.show .dropdown-menu {
  margin-right: 7px;
}

@media (min-width: 1200px) {
  .body .main__content .ico-checkout-body-converter-card-dropdown.show .dropdown-menu {
    margin-right: 44px;
  }
}

.body .main__content .ico-checkout-body-converter-card-dropdown-menu {
  margin-top: 24px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 2px 1px 5px 2px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  border: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-item, .body .main__content .ico-checkout-body-converter-card-dropdown-value {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-item .ic, .body .main__content .ico-checkout-body-converter-card-dropdown-value .ic {
  margin-right: 10px;
  width: 20px;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-item {
  padding: 8px 12px;
  min-width: 107px;
  border-radius: 5px;
  font-size: 15px;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-item .coin-option-name, .body .main__content .ico-checkout-body-converter-card-dropdown-item .coin-option .highlight-text {
  display: inline-block;
  line-height: 24px;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-item.active {
  color: #172B4D;
  background: #EFF3FE;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-value {
  cursor: pointer;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-value .ic {
  margin-top: -3px;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-value .coin-option-name {
  display: none;
}

.body .main__content .ico-checkout-body-converter-card-dropdown-value .coin-option .highlight-text {
  color: #172B4D;
}

.body .main__content .ico-checkout-body-converter-switch {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.body .main__content .ico-checkout-body-converter-switch .btn {
  border: 0 !important;
  background-color: transparent !important;
}

.body .main__content .ico-checkout-network-title {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}

.body .main__content .ico-checkout-network-footer {
  display: flex;
  margin-bottom: 60px;
  margin-left: -6px;
  margin-right: -6px;
}

.body .main__content .ico-checkout-network-footer > div {
  flex: 0 0 50%;
  padding-left: 6px;
  padding-right: 6px;
}

@media (min-width: 768px) {
  .body .main__content .ico-checkout-network-footer > div {
    flex: 0 0 auto;
  }
}

.body .main__content .ico-checkout-network-footer .btn {
  height: 44px;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
}

.body .main__content .ico-checkout-network-footer .btn.active, .body .main__content .ico-checkout-network-footer .btn:hover, .body .main__content .ico-checkout-network-footer .btn:active {
  box-shadow: none;
  background-color: #1166E3;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .body .main__content .ico-checkout-network-footer .btn {
    width: 170px;
  }
}

.body .main__content .ico-checkout-submit .btn {
  color: #1166E3 !important;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  height: 48px;
  width: 100%;
  background: rgba(17, 102, 227, 0.1) !important;
  border-radius: 8px;
}

.body .main__content .ico-checkout-submit .btn:hover {
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .body .main__content .ico-checkout-submit .btn {
    max-width: 350px;
  }
}

.body .main__content-without-sidebar {
  min-height: calc(100vh - 270px);
  padding: 0 0 16px;
  margin-top: 60px;
  background-color: #f0f2f4;
}

@media screen and (min-width: 1200px) {
  .body .main__content-without-sidebar {
    margin-top: 70px;
  }
}

.body .main__content-without-sidebar .ico-checkout-process {
  padding: 12px;
  padding-bottom: 24px;
}

@media (min-width: 768px) {
  .body .main__content-without-sidebar .ico-checkout-process {
    padding-bottom: 72px;
  }
}

@media (min-width: 1200px) {
  .body .main__content-without-sidebar .ico-checkout-process {
    padding-bottom: 130px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

.body .main__content-without-sidebar .ico-checkout-process .section {
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-bottom: 12px;
}

.body .main__content-without-sidebar .ico-checkout-process h4 {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
}

.body .main__content-without-sidebar .ico-checkout-process-remaining {
  text-align: center;
  padding-top: 14px;
  padding-bottom: 12px;
}

.body .main__content-without-sidebar .ico-checkout-process-address {
  text-align: center;
  padding: 20px 16px 24px;
}

.body .main__content-without-sidebar .ico-checkout-process-address-network {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
}

.body .main__content-without-sidebar .ico-checkout-process-address-network-btn {
  margin-left: 8px;
  border-radius: 100px;
  padding: 2px 12px;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  background-color: #1166E3;
  color: #fff;
}

.body .main__content-without-sidebar .ico-checkout-process-address-network-btn svg {
  margin-top: -3px;
}

.body .main__content-without-sidebar .ico-checkout-process-address-qr {
  background-repeat: no-repeat;
  width: 152px;
  height: 152px;
  background-size: cover;
  background-position: center center;
  margin: 30px auto;
  padding: 4px;
  box-sizing: content-box;
}

.body .main__content-without-sidebar .ico-checkout-process-address-link {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background-color: #F8F8FD;
  border: 1px solid #e0e1e8;
  border-radius: 5px;
  margin-bottom: 4px;
  cursor: pointer;
}

.body .main__content-without-sidebar .ico-checkout-process-address-link.active {
  background-color: #DAFFF3;
  border: 1px solid #18C549;
  justify-content: center;
}

.body .main__content-without-sidebar .ico-checkout-process-address-link-content {
  flex: 1;
  margin: 0;
  margin-right: 8px;
  font-size: 15px;
  line-height: 20px;
}

.body .main__content-without-sidebar .ico-checkout-process-address .copy-note {
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
  color: #4F5764;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice {
  border-radius: 5px 5px 0 0 !important;
  position: relative;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice h4 {
  margin-top: 12px;
  margin-bottom: 8px;
  padding-left: 14px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice table {
  width: 100%;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice table tbody td {
  padding-top: 12px;
  padding-bottom: 12px;
  word-break: break-all;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice table tbody td:nth-of-type(1) {
  color: #b5b8cb;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  padding-left: 14px;
  padding-right: 7px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice table tbody td:nth-of-type(2) {
  text-align: right;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  padding-left: 7px;
  padding-right: 14px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice table tbody td:nth-of-type(2).link {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-info-item {
  display: flex;
  justify-content: space-between;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-info-item > div {
  padding-top: 12px;
  padding-bottom: 12px;
  padding: 12px 14px;
  word-break: break-all;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-info-item > div:nth-of-type(1) {
  color: #b5b8cb;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-info-item > div:nth-of-type(2) {
  text-align: right;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-info-item > div:nth-of-type(2).link {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header {
  border-bottom: 1px dashed #f1f1f1;
  border-radius: 5px 5px 0 0;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header.success {
  background-color: #19BC47;
  color: #fff;
  border-bottom: 0;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header.success .status {
  color: #fff !important;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header tbody td {
  padding-top: 12px;
  padding-bottom: 14px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header tbody td:nth-of-type(2) {
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header tbody td .status {
  font-weight: bold;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header tbody td .status.pending {
  color: #f3b106;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header tbody td .status.confirming {
  color: #1dd1ea;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-header tbody td .status.success {
  color: #18C549;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-footer {
  border-top: 1px dashed #f1f1f1;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-footer tbody td {
  padding-top: 22px !important;
  padding-bottom: 8px !important;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-footer tbody td:nth-of-type(1) strong {
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  color: #172B4D;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-footer tbody td:nth-of-type(2) {
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
}

.body .main__content-without-sidebar .ico-checkout-process-invoice-line {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(99%);
  -moz-transform: translateY(99%);
  -webkit-transform: translateY(99%);
}

@media (max-width: 1199px) {
  .auth-modal.show {
    display: flex !important;
    align-items: flex-end;
  }
}

.auth-modal-close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px !important;
  min-width: unset !important;
}

.auth-modal-dialog {
  max-width: 524px;
  max-height: 100vh;
  width: 100%;
}

@media (max-width: 1199px) {
  .auth-modal-dialog {
    margin: 0;
  }
}

.auth-modal-content {
  padding: 30px 0 32px;
  border-radius: 20px 20px 0 0;
}

@media (min-width: 1200px) {
  .auth-modal-content {
    padding: 60px 0 72px;
    border-radius: 10px;
  }
}

.auth-modal-content .signin,
.auth-modal-content .mfa,
.auth-modal-content .forgot-password,
.auth-modal-content .register {
  width: 324px;
  margin: 0 auto;
}

.auth-modal-content .register {
  max-height: 100vh;
}

@media (min-width: 1200px) {
  .auth-modal-content .register {
    width: 380px;
  }
}

.auth-modal-content .register .auth-modal-footer {
  display: none;
}

.auth-modal-content .register .auth-modal-header {
  margin-bottom: 12px;
}

.auth-modal-content .register .auth-modal-title {
  margin-bottom: 16px;
}

.auth-modal-content .register .auth-modal-form {
  padding-left: 0;
  padding-right: 0;
}

.auth-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 42px;
}

@media (max-width: 1199px) {
  .auth-modal-header {
    margin-bottom: 30px;
  }
}

.auth-modal-header-dropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px !important;
  height: 37px !important;
  background-color: transparent !important;
  border: 1px solid #E0E1E8 !important;
}

.auth-modal-header-dropdown .dropdown-toggle img,
.auth-modal-header-dropdown .dropdown-toggle svg {
  margin-right: 8px;
}

.auth-modal-header-dropdown .dropdown-toggle::after {
  display: none;
}

.auth-modal-header-dropdown .dropdown-menu {
  max-height: 320px;
  overflow-y: auto;
}

.auth-modal-header-dropdown .dropdown-item {
  display: flex;
  align-items: center;
}

.auth-modal-header-dropdown .dropdown-item img,
.auth-modal-header-dropdown .dropdown-item svg {
  margin-right: 8px;
}

@media (max-width: 1199px) {
  .auth-modal-header-dropdown {
    display: none;
  }
}

.auth-modal-title {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 48px;
  font-weight: 700;
}

@media (max-width: 1199px) {
  .auth-modal-title {
    margin-bottom: 32px;
  }
}

.auth-modal-desc {
  color: #4F5764;
}

.auth-modal .btn-submit {
  width: 100%;
  margin: 16px 0 24px;
  font-weight: bold;
}

.auth-modal-footer {
  font-size: 13px;
  line-height: 24px;
}

.auth-modal-footer a {
  font-weight: bold;
}

.auth-modal .g-recaptcha-control .invalid-g-recaptcha-feedback {
  color: #E63F16;
  font-size: 12px;
  display: none;
}

.auth-modal .g-recaptcha-control.is-invalid .invalid-g-recaptcha-feedback {
  display: block;
}

.auth-modal-divider {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-top: 8px;
}

.auth-modal-divider > div:first-of-type, .auth-modal-divider > div:last-of-type {
  flex: 1;
  height: 1px;
  background-color: #E0E1E8;
}

.auth-modal-social {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: 32px;
}

.auth-modal-social .btn {
  width: 100%;
}

.auth-modal-social .btn:not(:last-of-type) {
  margin-right: 16px;
}

.auth-modal .form-control[readonly], .auth-modal .form-control:disabled {
  background-color: #f4f5f7 !important;
}

.auth-modal .form-control.is-valid, .auth-modal .form-control:valid {
  border-color: #EFF3FE !important;
  border-radius: 4px !important;
  background-image: none !important;
  box-shadow: none !important;
}

.auth-modal .form-control:invalid {
  border-radius: 4px !important;
}

.auth-modal .form-control:invalid ~ .input-group-append {
  border-color: #E63F16;
}

.auth-modal .form-control.is-invalid {
  border-color: #E63F16;
}

.auth-modal .form-control.is-invalid ~ .invalid-feedback {
  display: block;
}

.auth-modal .row {
  margin: 0 -8px !important;
}

.auth-modal .col,
.auth-modal .col-1,
.auth-modal .col-10,
.auth-modal .col-11,
.auth-modal .col-12,
.auth-modal .col-2,
.auth-modal .col-3,
.auth-modal .col-4,
.auth-modal .col-5,
.auth-modal .col-6,
.auth-modal .col-7,
.auth-modal .col-8,
.auth-modal .col-9,
.auth-modal .col-auto,
.auth-modal .col-lg,
.auth-modal .col-lg-1,
.auth-modal .col-lg-10,
.auth-modal .col-lg-11,
.auth-modal .col-lg-12,
.auth-modal .col-lg-2,
.auth-modal .col-lg-3,
.auth-modal .col-lg-4,
.auth-modal .col-lg-5,
.auth-modal .col-lg-6,
.auth-modal .col-lg-7,
.auth-modal .col-lg-8,
.auth-modal .col-lg-9,
.auth-modal .col-lg-auto,
.auth-modal .col-md,
.auth-modal .col-md-1,
.auth-modal .col-md-10,
.auth-modal .col-md-11,
.auth-modal .col-md-12,
.auth-modal .col-md-2,
.auth-modal .col-md-3,
.auth-modal .col-md-4,
.auth-modal .col-md-5,
.auth-modal .col-md-6,
.auth-modal .col-md-7,
.auth-modal .col-md-8,
.auth-modal .col-md-9,
.auth-modal .col-md-auto,
.auth-modal .col-sm,
.auth-modal .col-sm-1,
.auth-modal .col-sm-10,
.auth-modal .col-sm-11,
.auth-modal .col-sm-12,
.auth-modal .col-sm-2,
.auth-modal .col-sm-3,
.auth-modal .col-sm-4,
.auth-modal .col-sm-5,
.auth-modal .col-sm-6,
.auth-modal .col-sm-7,
.auth-modal .col-sm-8,
.auth-modal .col-sm-9,
.auth-modal .col-sm-auto,
.auth-modal .col-xl,
.auth-modal .col-xl-1,
.auth-modal .col-xl-10,
.auth-modal .col-xl-11,
.auth-modal .col-xl-12,
.auth-modal .col-xl-2,
.auth-modal .col-xl-3,
.auth-modal .col-xl-4,
.auth-modal .col-xl-5,
.auth-modal .col-xl-6,
.auth-modal .col-xl-7,
.auth-modal .col-xl-8,
.auth-modal .col-xl-9,
.auth-modal .col-xl-auto {
  padding: 0 8px !important;
  margin-bottom: 0 !important;
}

.auth-modal .form-group {
  margin-bottom: 16px;
}

@media (max-width: 1199px) {
  .auth-modal .form-group {
    margin-bottom: 12px;
  }
}

.auth-modal .referral-feedback {
  color: #18C549;
  display: block;
  width: 100%;
  font-size: 13px;
  margin-top: 4px;
}

@media (min-width: 1200px) {
  .auth-modal .referral-feedback {
    display: none;
  }
}

.wallet__header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  border-bottom: 0.5px solid #e9ebf6;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media (max-width: 1199px) {
  .wallet__header #toggleBalanceText {
    display: none;
  }
}

.wallet__header-est-value {
  margin: 0 16px 0 48px;
}

.wallet__header-est-value .price-text {
  display: none;
}

.wallet__header-est-value p {
  font-size: 12px;
  line-height: 16px;
  color: #4F5764;
  margin-bottom: 8px;
}

.wallet__header-est-value strong {
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
}

.wallet__header-toggler {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  border: 0;
  background-color: transparent;
  padding: 0 12px;
}

.wallet__header-toggler svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.wallet__header-toggler .eye-slash {
  display: none;
}

.wallet__header-toggler.active .eye {
  display: none;
}

.wallet__header-toggler.active .eye-slash {
  display: inline;
}

.wallet__body .card-wrapper {
  margin-bottom: 8px;
}

.wallet__body-convert-form-btn-submit {
  width: 100%;
}

@media (min-width: 1200px) {
  .wallet__body-convert-form-btn-submit {
    max-width: 150px;
    float: right;
  }
}

.wallet__body-btn-back {
  position: absolute;
  left: 12px;
  top: 12px;
}

.wallet__body-btn-back svg {
  width: 20px;
  height: 20px;
}

.wallet__body-balance {
  padding-left: 0;
  padding-right: 0;
}

.wallet__body-balance .card-header {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 1200px) {
  .wallet__body-balance .card-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.wallet__body-balance-table {
  width: 100%;
  min-width: 1050px;
}

.wallet__body-balance-table-wrapper {
  max-width: 100%;
  overflow-x: auto;
}

@media screen and (max-width: 1199px) {
  .wallet__body-balance-table-wrapper {
    padding-right: 220px;
  }
}

.wallet__body-balance-table thead tr th {
  background-color: #F8F8FD;
  font-weight: normal;
}

@media (min-width: 1200px) {
  .wallet__body-balance-table thead tr th:first-of-type {
    border-radius: 4px 0 0 0;
  }
  .wallet__body-balance-table thead tr th:last-of-type {
    border-radius: 0 4px 0 0;
  }
}

.wallet__body-balance-table tbody tr td {
  border-bottom: 1px solid #E0E1E8;
}

.wallet__body-balance-table tbody tr td .btn-anchor:hover {
  background-color: transparent !important;
}

.wallet__body-balance-table tbody tr td .btn-anchor:first-of-type {
  padding-left: 0;
}

.wallet__body-balance-table tbody tr td .btn-anchor:last-of-type {
  padding-right: 0;
}

@media (min-width: 1200px) {
  .wallet__body-balance-table tbody tr td {
    border: 0;
  }
  .wallet__body-balance-table tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #E0E1E8;
  }
}

.wallet__body-balance-table th,
.wallet__body-balance-table td {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 16px;
}

@media (min-width: 1200px) {
  .wallet__body-balance-table th,
  .wallet__body-balance-table td {
    padding: 12px 24px;
  }
}

@media screen and (max-width: 1199px) {
  .wallet__body-balance-table th:last-of-type,
  .wallet__body-balance-table td:last-of-type {
    right: 0;
    position: absolute;
    top: auto;
    width: 220px;
    border-right: 1px solid #e9ebf6;
    height: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-left: 1px solid #E0E1E8;
  }
}

@media screen and (max-width: 1199px) {
  .wallet__body-balance-table td:last-of-type {
    height: 41px;
    background-color: #fff;
  }
}

@media (max-width: 1199px) {
  .wallet__body-convert-form .form-group {
    margin-bottom: 12px;
  }
  .wallet__body-convert-form .row > div {
    margin-bottom: 0 !important;
  }
  .wallet__body-convert-form-btn-submit {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .wallet {
    padding-top: 84px;
  }
  .wallet__header {
    padding: 0 32px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .wallet__header-toggler {
    height: 26px;
    border: 1px solid #8d8e8f;
    border-radius: 4px;
  }
  .wallet__header-est-value {
    margin: 0 32px;
  }
  .wallet__body {
    position: relative;
    padding-top: 30px;
  }
  .wallet__body-btn-back {
    display: inline;
    position: absolute;
    left: 0;
    top: -12px;
  }
  .wallet__body .card-wrapper {
    margin-bottom: 30px;
  }
}

.wallet-convert__header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  border-bottom: 0.5px solid #e9ebf6;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media (max-width: 1199px) {
  .wallet-convert__header #toggleBalanceText {
    display: none;
  }
}

.wallet-convert__header-est-value {
  margin: 0 16px 0 48px;
}

.wallet-convert__header-est-value .price-text {
  display: none;
}

.wallet-convert__header-est-value p {
  font-size: 12px;
  line-height: 16px;
  color: #4F5764;
  margin-bottom: 8px;
}

.wallet-convert__header-est-value strong {
  font-weight: 800;
  font-size: 26px;
  line-height: 32px;
}

.wallet-convert__header-toggler {
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
  border: 0;
  background-color: transparent;
  padding: 0 12px;
}

.wallet-convert__header-toggler svg {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}

.wallet-convert__header-toggler .eye-slash {
  display: none;
}

.wallet-convert__header-toggler.active .eye {
  display: none;
}

.wallet-convert__header-toggler.active .eye-slash {
  display: inline;
}

.wallet-convert__body .card-wrapper {
  margin-bottom: 8px;
}

.wallet-convert__body-convert-form-btn-submit {
  width: 100%;
}

@media (min-width: 1200px) {
  .wallet-convert__body-convert-form-btn-submit {
    max-width: 150px;
    float: right;
  }
}

.wallet-convert__body-btn-back {
  position: absolute;
  left: 12px;
  top: 12px;
}

.wallet-convert__body-btn-back svg {
  width: 20px;
  height: 20px;
}

.wallet-convert__body-history {
  padding-left: 0;
  padding-right: 0;
}

.wallet-convert__body-history .card-header {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 1200px) {
  .wallet-convert__body-history .card-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.wallet-convert__body-history-table {
  width: 100%;
}

.wallet-convert__body-history-table thead tr th {
  background-color: #F8F8FD;
  font-weight: normal;
}

.wallet-convert__body-history-table tbody tr td {
  border-bottom: 1px solid #E0E1E8;
}

.wallet-convert__body-history-table tbody tr td .btn {
  margin-left: 12px;
}

@media (min-width: 1200px) {
  .wallet-convert__body-history-table tbody tr td {
    border: 0;
  }
  .wallet-convert__body-history-table tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #E0E1E8;
  }
}

.wallet-convert__body-history-table th,
.wallet-convert__body-history-table td {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 16px;
}

@media (min-width: 1200px) {
  .wallet-convert__body-history-table th,
  .wallet-convert__body-history-table td {
    padding: 12px 24px;
  }
}

@media (max-width: 1199px) {
  .wallet-convert__body-convert-form .form-group {
    margin-bottom: 12px;
  }
  .wallet-convert__body-convert-form .row > div {
    margin-bottom: 0 !important;
  }
  .wallet-convert__body-convert-form-btn-submit {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .wallet-convert {
    padding-top: 84px;
  }
  .wallet-convert__header {
    padding: 0 32px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .wallet-convert__header-toggler {
    height: 26px;
    border: 1px solid #8d8e8f;
    border-radius: 4px;
  }
  .wallet-convert__header-est-value {
    margin: 0 32px;
  }
  .wallet-convert__body {
    position: relative;
    padding-top: 30px;
  }
  .wallet-convert__body-btn-back {
    display: inline;
    position: absolute;
    left: 0;
    top: -12px;
  }
  .wallet-convert__body .card-wrapper {
    margin-bottom: 30px;
  }
}

.wallet-convert form.was-validated .form-control.is-valid, .wallet-convert form.was-validated .form-control:valid {
  border-color: #E0E1E8 !important;
  border-radius: 4px !important;
  background-image: none !important;
  box-shadow: none !important;
}

.wallet-convert form.was-validated .form-control.is-valid ~ .input-group-append, .wallet-convert form.was-validated .form-control:valid ~ .input-group-append {
  border-color: #E0E1E8 !important;
}

.wallet-convert form.was-validated .form-control:invalid {
  border-radius: 4px !important;
}

.wallet-convert form.was-validated .form-control:invalid ~ .input-group-append {
  border-color: #E63F16;
}

.buy-ola__header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  border-bottom: 0.5px solid #e9ebf6;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media (max-width: 1199px) {
  .buy-ola__header #toggleBalanceText {
    display: none;
  }
}

.buy-ola__body .card-wrapper {
  margin-bottom: 8px;
}

.buy-ola__body-info {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}

.buy-ola__body-info-qr {
  width: 120px;
  height: 120px;
}

@media (max-width: 1199px) {
  .buy-ola__body-info-qr {
    margin: 0 auto 32px;
  }
}

.buy-ola__body-info-qr img {
  width: 100%;
  height: auto;
}

.buy-ola__body-info-address {
  margin-bottom: 24px;
}

.buy-ola__body-info-address > div {
  cursor: pointer;
  max-width: 100%;
  padding: 10px 16px;
  border: 1px dashed #E0E1E8;
  background-color: #F8F8FD;
  border-radius: 5px;
  line-height: 20px;
}

.buy-ola__body-info-address > div p {
  margin-bottom: 0;
  margin-right: 14px;
  word-break: break-all;
}

@media (min-width: 1200px) {
  .buy-ola__body-info {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px;
  }
  .buy-ola__body-info-qr {
    width: 150px;
    height: 150px;
    float: left;
  }
  .buy-ola__body-info-guide {
    order: 2;
    margin-left: 56px;
    max-width: 440px;
  }
  .buy-ola__body-info-guide p {
    margin-bottom: 4px;
  }
  .buy-ola__body-info-guide ul {
    padding-left: 24px;
  }
  .buy-ola__body-info-address {
    flex: 0 0 100%;
    margin-top: 24px;
    margin-bottom: 0;
    order: 3;
  }
  .buy-ola__body-info-address > div {
    width: fit-content;
    min-width: 460px;
  }
}

.buy-ola__body-history {
  padding-left: 0;
  padding-right: 0;
}

.buy-ola__body-history .card-header {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 1200px) {
  .buy-ola__body-history .card-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.buy-ola__body-history-table {
  width: 100%;
  min-width: 1050px;
}

.buy-ola__body-history-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.buy-ola__body-history-table thead tr th {
  background-color: #F8F8FD;
  font-weight: normal;
}

.buy-ola__body-history-table tbody tr td {
  border-bottom: 1px solid #E0E1E8;
}

@media (min-width: 1200px) {
  .buy-ola__body-history-table tbody tr td {
    border: 0;
  }
  .buy-ola__body-history-table tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #E0E1E8;
  }
}

.buy-ola__body-history-table th,
.buy-ola__body-history-table td {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 16px;
}

@media (min-width: 1200px) {
  .buy-ola__body-history-table th,
  .buy-ola__body-history-table td {
    padding: 12px 24px;
  }
}

.buy-ola__body-history-table th .shorten-link,
.buy-ola__body-history-table td .shorten-link {
  width: 100px;
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .buy-ola {
    padding-top: 84px;
  }
  .buy-ola__header {
    padding: 0 32px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .buy-ola__body {
    position: relative;
    padding-top: 8px;
  }
  .buy-ola__body .card-wrapper {
    margin-bottom: 30px;
  }
}

.withdraw-ola__header {
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 84px;
  border-bottom: 0.5px solid #e9ebf6;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
}

@media (max-width: 1199px) {
  .withdraw-ola__header #toggleBalanceText {
    display: none;
  }
}

.withdraw-ola__body-form-btn-submit {
  width: 100%;
}

@media (min-width: 1200px) {
  .withdraw-ola__body-form-btn-submit {
    max-width: 150px;
    float: right;
  }
}

.withdraw-ola__body-history {
  padding-left: 0;
  padding-right: 0;
}

.withdraw-ola__body-history .card-header {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 1200px) {
  .withdraw-ola__body-history .card-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.withdraw-ola__body-history-table {
  width: 100%;
  min-width: 1050px;
}

.withdraw-ola__body-history-table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.withdraw-ola__body-history-table thead tr th {
  background-color: #F8F8FD;
  font-weight: normal;
}

.withdraw-ola__body-history-table tbody tr td {
  border-bottom: 1px solid #E0E1E8;
}

.withdraw-ola__body-history-table tbody tr td .btn {
  margin-left: 12px;
}

@media (min-width: 1200px) {
  .withdraw-ola__body-history-table tbody tr td {
    border: 0;
  }
  .withdraw-ola__body-history-table tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #E0E1E8;
  }
}

.withdraw-ola__body-history-table th,
.withdraw-ola__body-history-table td {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 16px;
}

@media (min-width: 1200px) {
  .withdraw-ola__body-history-table th,
  .withdraw-ola__body-history-table td {
    padding: 12px 24px;
  }
}

.withdraw-ola__body-history-table th .shorten-link,
.withdraw-ola__body-history-table td .shorten-link {
  width: 100px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .withdraw-ola__body-form .form-group {
    margin-bottom: 12px;
  }
  .withdraw-ola__body-form .row > div {
    margin-bottom: 0 !important;
  }
  .withdraw-ola__body-form-btn-submit {
    margin-top: 24px;
  }
}

@media (min-width: 1200px) {
  .withdraw-ola {
    padding-top: 84px;
  }
  .withdraw-ola__header {
    padding: 0 32px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .withdraw-ola__body {
    position: relative;
    padding-top: 8px;
  }
  .withdraw-ola__body .card-wrapper {
    margin-bottom: 30px;
  }
}

.withdraw-ola form .form-control ~ .input-group-append .btn:disabled {
  background-color: #F8F8FD;
  color: #172B4D;
  opacity: 1;
  border-radius: 0 4px 4px 0;
  font-weight: 600;
}

.withdraw-ola form.was-validated .form-control.has-append {
  border-right: 0 !important;
}

.withdraw-ola form.was-validated .form-control.has-append:invalid {
  border-radius: 4px 0 0 4px !important;
}

.withdraw-ola form.was-validated .form-control.is-valid, .withdraw-ola form.was-validated .form-control:valid {
  border-color: #E0E1E8 !important;
  border-radius: 4px !important;
  background-image: none !important;
  box-shadow: none !important;
}

.withdraw-ola form.was-validated .form-control.is-valid ~ .input-group-append, .withdraw-ola form.was-validated .form-control:valid ~ .input-group-append {
  border-color: #E0E1E8 !important;
}

.withdraw-ola form.was-validated .form-control:invalid {
  border-radius: 4px !important;
}

.withdraw-ola form.was-validated .form-control:invalid ~ .input-group-append {
  border-color: #E63F16;
}

.event-header,
.rank-header {
  background-image: url("../../images/event/banner.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 16px 16px 18px;
  color: #fff;
}

.event-header-title,
.rank-header-title {
  font-size: 20px;
  line-height: 24px;
  max-width: 170px;
  font-weight: bold;
  margin-bottom: 8px;
}

.event-header .ola-day-countdown,
.rank-header .ola-day-countdown {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 90%;
}

.event-header .ola-day-countdown-item-value,
.rank-header .ola-day-countdown-item-value {
  font-size: 34px;
  line-height: 44px;
  font-weight: bold;
  text-align: center;
}

.event-header .ola-day-countdown-item-name,
.rank-header .ola-day-countdown-item-name {
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

@media (min-width: 1200px) {
  .event-header,
  .rank-header {
    padding: 40px;
  }
  .event-header-title,
  .rank-header-title {
    font-size: 40px;
    line-height: 50px;
    max-width: 340px;
    margin-bottom: 20px;
  }
  .event-header .ola-day-countdown,
  .rank-header .ola-day-countdown {
    max-width: 750px;
  }
  .event-header .ola-day-countdown-item-value,
  .rank-header .ola-day-countdown-item-value {
    font-size: 100px;
    line-height: 117px;
  }
  .event-header .ola-day-countdown-item-name,
  .rank-header .ola-day-countdown-item-name {
    font-size: 28px;
    line-height: 32px;
  }
}

.event-content-section,
.rank-content-section {
  background-color: #fff;
  margin-bottom: 16px;
  padding: 16px;
}

.event-content-section-title,
.rank-content-section-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
}

.event-content-section-desc,
.rank-content-section-desc {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
}

.event-content-section-list-item,
.rank-content-section-list-item {
  margin-bottom: 16px;
}

.event-content-section-list-item-title,
.rank-content-section-list-item-title {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
  font-weight: bold;
}

.event-content-section-list-item-paragraph,
.rank-content-section-list-item-paragraph {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 12px;
}

.event-content-section-list-item-reward,
.rank-content-section-list-item-reward {
  color: #1166E3;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 14px;
}

@media (min-width: 1200px) {
  .event-content-section,
  .rank-content-section {
    padding: 40px;
    margin-bottom: 0;
  }
  .event-content-section:not(:first-of-type),
  .rank-content-section:not(:first-of-type) {
    padding-top: 0;
  }
  .event-content-section-title,
  .rank-content-section-title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 30px;
  }
  .event-content-section-desc,
  .rank-content-section-desc {
    font-size: 16px;
  }
  .event-content-section-list-item,
  .rank-content-section-list-item {
    margin-bottom: 24px;
  }
  .event-content-section-list-item-title,
  .rank-content-section-list-item-title {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .event-content-section-list-item-paragraph,
  .rank-content-section-list-item-paragraph {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .event-content-section-list-item-reward,
  .rank-content-section-list-item-reward {
    margin-bottom: 24px;
  }
}

.event-content-section-footer,
.rank-content-section-footer {
  margin-top: 30px;
  text-align: center;
}

@media (min-width: 1200px) {
  .event-content-section-footer,
  .rank-content-section-footer {
    text-align: right;
  }
}

.event-table,
.rank-table {
  width: 100%;
  min-width: 992px;
}

.event-table-wrapper,
.rank-table-wrapper {
  overflow-x: auto;
  margin-left: -15px;
  margin-right: -15px;
  background-color: #fff;
}

@media (min-width: 1200px) {
  .event-table,
  .rank-table {
    border: 1px solid #E0E1E8;
  }
  .event-table-wrapper,
  .rank-table-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

.event-table-thead th,
.event-table-thead td, .event-table-tbody th,
.event-table-tbody td,
.rank-table-thead th,
.rank-table-thead td,
.rank-table-tbody th,
.rank-table-tbody td {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.event-table-thead th, .event-table-tbody th,
.rank-table-thead th,
.rank-table-tbody th {
  background-color: #F8F8FD;
}

.event-table-thead tr td, .event-table-tbody tr td,
.rank-table-thead tr td,
.rank-table-tbody tr td {
  border-bottom: 1px solid #E0E1E8;
}

@media (min-width: 1200px) {
  .event-table-thead tr:last-of-type td, .event-table-tbody tr:last-of-type td,
  .rank-table-thead tr:last-of-type td,
  .rank-table-tbody tr:last-of-type td {
    border-bottom: 0;
  }
}

.event-table-tbody tr:first-of-type td:first-of-type,
.rank-table-tbody tr:first-of-type td:first-of-type {
  position: relative;
}

.event-table-tbody tr:nth-of-type(2) td:first-of-type,
.rank-table-tbody tr:nth-of-type(2) td:first-of-type {
  position: relative;
}

.event-table-tbody tr:nth-of-type(3) td:first-of-type,
.rank-table-tbody tr:nth-of-type(3) td:first-of-type {
  position: relative;
}

.event-table-tbody tr:first-of-type td:first-of-type::after,
.rank-table-tbody tr:first-of-type td:first-of-type::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../../images/event/medal_1st.png");
  background-position: 8px 8px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  z-index: 2;
  left: 0;
  top: 0;
}

.event-table-tbody tr:nth-of-type(2) td:first-of-type::after,
.rank-table-tbody tr:nth-of-type(2) td:first-of-type::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../../images/event/medal_2nd.png");
  background-position: 8px 8px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  z-index: 2;
  left: 0;
  top: 0;
}

.event-table-tbody tr:nth-of-type(3) td:first-of-type::after,
.rank-table-tbody tr:nth-of-type(3) td:first-of-type::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../../images/event/medal_3rd.png");
  background-position: 8px 8px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  z-index: 2;
  left: 0;
  top: 0;
}

.body .main__content .profile-account__header {
  border-bottom: 1px solid #E9EBF6;
  border-left: 1px solid rgba(233, 235, 246, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
}

@media screen and (min-width: 1200px) {
  .body .main__content .profile-account__header {
    padding: 30px 32px;
  }
}

.body .main__content .profile-account__header-title {
  font-size: 20px;
  font-weight: bold;
  margin-right: 16px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .profile-account__body {
    padding-top: 80px;
  }
}

.body .main__content .profile-account__body-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.body .main__content .profile-account__body-list-item {
  border: 1px solid #E9EBF6;
  border-radius: 5px;
  background-color: #fff;
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 2px 2px rgba(36, 35, 35, 0.08);
}

.body .main__content .profile-account__body-list-item-wrapper {
  padding: 15px;
}

@media screen and (min-width: 1200px) {
  .body .main__content .profile-account__body-list-item-wrapper {
    flex: 0 0 33.33333%;
    align-self: stretch;
  }
}

.body .main__content .profile-account__body-list-item-header {
  padding: 24px;
  display: flex;
  justify-content: space-between;
}

.body .main__content .profile-account__body-list-item-header-left-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
}

.body .main__content .profile-account__body-list-item-header-left-title-kyc-status-inactive, .body .main__content .profile-account__body-list-item-header-left-title-kyc-status-active {
  margin-left: 4px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}

.body .main__content .profile-account__body-list-item-header-left-title-kyc-status-inactive .ic svg, .body .main__content .profile-account__body-list-item-header-left-title-kyc-status-active .ic svg {
  margin-left: 3px;
}

.body .main__content .profile-account__body-list-item-header-left-title-kyc-status-inactive {
  background-color: #EA243A;
}

.body .main__content .profile-account__body-list-item-header-left-title-kyc-status-active {
  background-color: #19BC47;
}

.body .main__content .profile-account__body-list-item-header-left-desc {
  font-size: 15px;
  line-height: 20px;
}

.body .main__content .profile-account__body-list-item-header-right-icon {
  height: 80px;
  width: 80px;
}

.body .main__content .profile-account__body-list-item-footer {
  border-top: 1px solid #E9EBF6;
  padding: 16px 24px;
}

.body .main__content .profile-account__body-list-item-footer > a {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #1166E3 !important;
}

.body .main__content .profile-account__body-list-item-footer > a .ic svg {
  margin-top: -2px;
}

.body .main__content .profile-account__body-list-item-footer > a .ic svg path {
  stroke: #1166E3;
}

.profile-account-links {
  padding: 0 20px 0;
  background-color: #fff;
}

.profile-account-links-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px;
}

.profile-account-links-item:not(:last-of-type) {
  border-bottom: 1px solid #e8e9f1;
}

.profile-account-links-item-ic {
  margin-right: 8px;
}

.profile-account-links-item-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #172B4D;
}

.profile-account-links-item-status-inactive, .profile-account-links-item-status-active {
  margin-left: 4px;
  margin-right: 16px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 20px;
}

.profile-account-links-item-status-inactive .ic svg, .profile-account-links-item-status-active .ic svg {
  margin-left: 3px;
}

.profile-account-links-item-status-inactive {
  background-color: #EA243A;
}

.profile-account-links-item-status-active {
  background-color: #19BC47;
}

.profile-account-links-item-suffix {
  display: flex;
  align-items: center;
}

.profile-account-links-link:not(:last-of-type) > div {
  border-bottom: 1px solid #e8e9f1;
}