.suport-no-data {
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.suport-no-data .suport-no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.btn-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.page_main {
  position: relative;
  z-index: 1;
}

.chat_wrapper {
  overflow: hidden;
  gap: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

.chat_wrapper_space {
  padding-right: 25px;
}

.chat_area_main {
  padding: 28px;
  min-width: 55%;
  width: 55%;
  background: #FFFFFF;
  position: relative;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.chat_area_main .move_animation {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 165px;
  width: 39px;
  height: 39px;
  background: #237DC0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border: none;
  border-radius: 50%;
  right: -20px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}
.chat_area_main .move_animation:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}
.chat_area_main .chat_area_single {
  display: flex;
  margin: 0 0 10px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.chat_area_main .chat_area_single .chat_icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  margin: 0;
}
.chat_area_main .chat_area_single .chat_icon img {
  width: 100%;
}
.chat_area_main .chat_area_single .chat_content .chat_content_header {
  gap: 15px;
  display: flex;
  margin: 0 0 5px;
  align-items: center;
  justify-content: space-between;
}
.chat_area_main .chat_area_single .chat_content .chat_content_header .username, .chat_area_main .chat_area_single .chat_content .chat_content_header .chat_time {
  margin: 0;
  color: #404041;
  font-family: var(--primary-font-400);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.chat_area_main .chat_area_single .chat_content p {
  word-break: break-word;
  color: #131C43;
  font-family: var(--primary-font-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.chat_area_main .chat_area_single .chat_box {
  overflow: hidden;
  flex-grow: 1;
  border: 1px solid #E0E0E0;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  padding: 10px 9px 6px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.chat_area_main .chat_area_single .chat_box .chat_type_area {
  border: none;
  resize: none;
  flex-grow: 1;
  width: 100%;
  padding: 0;
  min-height: 70px;
  color: #000;
  font-family: var(--primary-font-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
}
.chat_area_main .chat_area_single .chat_box .chat_type_area::placeholder {
  color: #AAA;
}
.chat_area_main .chat_box_main {
  margin: 50px 0 0;
}

.chat_list {
  flex-grow: 1;
  overflow: hidden;
  margin: 0;
  background: #FFFFFF;
  padding: 20px;
  border-radius: 17px;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  width: 41%;
  min-width: 41%;
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%;
  overflow-y: auto;
}
.chat_list .chat_list_single {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #D8D8D8;
  margin: 0 0 10px;
  padding: 10px;
  position: relative;
}
.chat_list .chat_list_single:nth-last-child(1) {
  margin-bottom: 0;
}
.chat_list .chat_list_single:hover {
  border-color: #237DC0;
}
.chat_list .chat_list_single .chat_content .chat_content_header {
  gap: 15px;
  display: flex;
  margin: 0 0 5px;
  align-items: center;
  justify-content: flex-start;
}
.chat_list .chat_list_single .chat_content .chat_content_header .username, .chat_list .chat_list_single .chat_content .chat_content_header .chat_time {
  margin: 0;
  color: #404041;
  font-family: var(--primary-font-400);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.chat_list .chat_list_single .chat_content p {
  color: #404041;
  font-family: var(--primary-font-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0px 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.chat_list .unread::before {
  position: absolute;
  content: "";
  right: 10px;
  top: 10px;
  width: 10px;
  height: 10px;
  pointer-events: none;
  background: #f00;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.chat_list .opened-chat .chat_content p {
  color: #989898;
  font-family: var(--primary-font-400);
}

.chat_area_wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.card_animate {
  right: -41%;
  flex-grow: 0;
}
.chat_width {
  flex-grow: 1;
}

@media (max-width: 767px) {
  .chat_area_main {
    padding: 20px;
  }
  .header_area .page_name {
    font-size: 26px;
  }
  .chat_area_main .move_animation {
    bottom: -15px;
    right: initial;
    top: initial;
    left: 50%;
    margin-left: -15px;
  }
  .chat_wrapper {
    flex-direction: column;
  }
  .chat_area_main {
    width: 100%;
  }
  .chat_list {
    position: relative;
    margin: 0;
    top: 0;
    width: 100%;
  }
  .chat_wrapper_space {
    padding-right: 0;
  }
  .card_animate {
    right: 0;
    flex-grow: 0;
    height: 0px;
  }
  .chat_area_main .move_animation {
    display: none;
  }
}
textarea.form-control {
  min-height: 80px;
  resize: none;
}

.two-side-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 30px;
}
.two-side-title .page-title {
  margin: 0;
}

.white_card_main {
  background: var(--Primary-White, #FFF);
  padding: 25px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.announce-table thead tr th:nth-child(1) {
  padding-left: 25px;
}
.announce-table tbody tr td {
  color: #404041;
  font-family: var(--primary-font-400);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.announce-table tbody tr td:nth-child(1) {
  padding-left: 25px;
}
.announce-table tbody tr td.announce-para {
  white-space: initial;
  word-break: break-all;
  opacity: 0.5;
}
.announce-table tbody .unread td:nth-child(1) {
  position: relative;
  vertical-align: top;
}
.announce-table tbody .unread td:nth-child(1)::before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 10px;
  height: 10px;
  background: #f00;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.announce-table tbody .unread td.announce-para {
  min-width: 400px;
  opacity: 1;
}

.no-data-text {
  color: var(--primary-color);
  text-align: center;
  font-family: var(--primary-font-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.announcement-details-main {
  background: var(--Primary-White, #FFF);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.announcement-details-main .announcement-details-header {
  padding: 30px 25px 10px;
  margin: 0 0 30px;
  border-bottom: 1px solid #EEE;
}
.announcement-details-main .announcement-details-header .announcement-details-title {
  color: var(--Primary-Dark, #404041);
  font-family: var(--primary-font-700);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.announcement-details-main .announcement-details-header .announcement-details-title .back-btn {
  padding: 0;
}
.announcement-details-main .announcement-details-header .date {
  color: var(--Primary-Dark, #404041);
  font-family: var(--primary-font-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  padding-left: 25px;
}
.announcement-details-main .announcement-details-contents {
  margin: 0;
  padding: 0 55px 50px;
}
.announcement-details-main .announcement-details-contents p {
  color: var(--Primary-Dark, #404041);
  font-family: var(--primary-font-500);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.form-note {
  font-size: 11px;
  margin: 10px 0 0;
}
.form-note span:nth-child(1) {
  font-weight: 700;
  font-size: 11px;
}

.form-control:hover, .form-control:focus, .form-control:visited, .form-control:active {
  border-color: #bebebe;
}

.qr-img {
  min-width: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr-img canvas {
  width: 100% !important;
  height: auto !important;
}

.otp-field {
  display: flex;
  gap: 15px;
}

.terminal-wallet {
  overflow: auto;
  max-height: initial;
}

.wallet_main {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.wallet_main .wallet_row {
  gap: 15px;
  display: flex;
  margin: 0 0 5px;
  padding: 0 0 2px;
  align-items: stretch;
  justify-content: space-between;
  border-bottom: 1px solid #303030;
}
.wallet_main .wallet_row .wallet_row_left .wallet-header .wallet_title {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-family: var(--primary-font-600);
  text-transform: uppercase;
}
.wallet_main .wallet_row .wallet_row_left .wallet-header .wallet_title .buy-sell {
  font-family: var(--primary-font-500);
  text-transform: capitalize;
  font-size: 14px;
}
.wallet_main .wallet_row .wallet_row_left .wallet-header .range {
  margin: 0;
  font-size: 14px;
  color: #BABABA;
  display: flex;
  align-items: center;
  gap: 5px;
}
.wallet_main .wallet_row .wallet_row_left .wallet-header .range .arrow {
  width: 18px;
}
.wallet_main .wallet_row .wallet_row_right {
  text-align: right;
}
.wallet_main .wallet_row .wallet_row_right .date-time {
  color: #BABABA;
  font-size: 13px;
  font-family: var(--primary-font-600);
}
.wallet_main .wallet_row .wallet_row_right .wallet-value {
  font-size: 16px;
  font-family: var(--primary-font-600);
}

.wallet-bottom {
  margin: 15px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wallet-bottom .wallet-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wallet-bottom .wallet-bottom-row .wallet-bottom-head {
  font-family: var(--primary-font-600);
  font-size: 16px;
  margin: 0;
  color: #BABABA;
}
.wallet-bottom .wallet-bottom-row .wallet-bottom-value {
  font-family: var(--primary-font-600);
  font-size: 16px;
  margin: 0;
  color: #BABABA;
}

.color-blue {
  color: #008AFF !important;
}

.color-red {
  color: #f00 !important;
}

.rank_card {
  background: linear-gradient(104deg, #70CEFE 0%, #1B7AC2 98.61%);
  box-shadow: 0px 5px 10px 0px rgba(19, 28, 67, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.rank_card .card-header .card-head-left .card-heading {
  color: #fff;
}

.no_rank_img_card {
  border-radius: 10px;
  border: 1px solid var(--Primary-Main, #237DC0);
  background: url(../img/no_rank_bg.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  margin: 0 0 25px;
}
.no_rank_img_card .no_rank_heading {
  color: var(--Primary-White, #FFF);
  font-family: var(--primary-font-700);
  font-size: 16px;
  margin: 0;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.no_rank_img_card .no_rank_para {
  margin: 0;
  color: var(--Primary-White, #FFF);
  text-align: right;
  font-family: var(--primary-font-400);
  opacity: 0.5;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.progress_cards_main .progress_card_single {
  margin: 0 0 25px;
}
.progress_cards_main .progress_card_single .progress_card_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
}
.progress_cards_main .progress_card_single .progress_card_header .title {
  color: var(--Primary-White, #FFF);
  font-family: var(--primary-font-500);
  margin: 0;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.progress_cards_main .progress_card_single .progress_card_header .value {
  color: var(--Primary-White, #FFF);
  text-align: right;
  font-family: var(--secondary-font-400);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.progress_cards_main .progress_card_single .progress_bar_main {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
}
.progress_cards_main .progress_card_single .progress_bar_main .progress_level {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--Primary-White, #FFF);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: inline-block;
  height: 6px;
}

.binary_card {
  height: 100%;
  min-height: 350px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(107, 192, 255, 0) 0%, rgba(0, 94, 163, 0.7) 100%), url(<path-to-image>) lightgray 50%/cover no-repeat;
  background-blend-mode: multiply, normal;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding: 15px;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: space-between;
}
.binary_card::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../img/binary_bg.jpg) center center no-repeat;
  background-size: cover;
  z-index: 0;
}
.binary_card .binary_card_header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.binary_card .binary_card_header .binary_card_icon {
  width: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.binary_card .binary_card_header .binary_card_icon img {
  width: 100%;
}
.binary_card .binary_card_header .binary_card_heading {
  color: var(--Primary-White, #FFF);
  font-family: var(--primary-font-700);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}
.binary_card .binary_card_bottom {
  position: relative;
  z-index: 1;
}

.btn-white {
  background: #fff;
  color: var(--primary-color);
  font-family: var(--primary-font-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white:visited {
  background: var(--primary-color);
  color: #fff;
}

.grey_overlay {
  border-radius: 10px;
  background: rgba(98, 119, 144, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}

.psr {
  position: relative;
}

.value-cards-main .value_card_content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.value-cards-main .value-card-icon {
  margin: 0 0 10px;
}
.header_area_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0 0 13px;
}
.header_area_main .header_area_left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header_area_main .header_area_left .icon,
.header_area_main .header_area_left .head {
  margin: 0;
}

.qr_single_main .qr_sinlge {
  display: flex;
  gap: 15px;
  flex-direction: row-reverse;
}
.qr_single_main .qr_sinlge .qr-img {
  margin: 0;
  min-width: 120px;
  max-width: 120px;
  width: 100%;
}

.qr_multiple_main {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  flex-wrap: wrap;
}
.qr_multiple_main .qr_sinlge {
  width: 48%;
  background: #fff;
  padding: 20px 10px;
  border-radius: 10px;
}
.qr_multiple_main .qr_sinlge .qr_img_main {
  width: 100%;
  max-width: 65%;
  margin: 0 auto;
}
.qr_multiple_main .qr_sinlge .qr_img_main .qr-img {
  margin: 0;
  border: 1px solid #ddd;
  min-width: 100%;
}
.qr_multiple_main .qr_sinlge .sharable-link {
  margin: 10px 0 0;
}
.qr_multiple_main .qr_sinlge .sharable-link .subTitle {
  margin: 8px 0 5px;
  text-align: center;
  color: #333;
  font-family: var(--primary-font-500);
}
.qr_multiple_main .qr_sinlge .sharable-link .link-area {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 2px #ddd;
  margin: 10px 0 0;
  gap: 10px;
}

.wallet_card_full {
  height: 100%;
  background-size: cover;
}
.wallet_card_full::before {
  width: 80%;
}
.wallet_card_full .wallet-content-main {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.navbar .container-fluid {
  padding: 0;
}

.main-navbar .navbar-nav {
  padding: 0;
}

.navbar-nav .nav-link {
  padding: 0.5rem 0 !important;
}

.banker_card {
  position: relative;
}
.banker_card .circle-container.banker-iconss.box-1,
.banker_card .circle-container.banker-iconss.box-2,
.banker_card .circle-container.banker-iconss.box-3,
.banker_card .circle-container.banker-iconss.box-4 {
  left: 0px;
  top: 0;
  position: relative;
}

.wheel_of_fortune_sm {
  display: none;
}

.task_list_main {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  background: var(--new, linear-gradient(104deg, #70CEFE 0%, #1B7AC2 98.61%));
  box-shadow: 0px 5px 10px 0px rgba(19, 28, 67, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px;
}
.task_list_main .task_list {
  width: 48%;
  background: #fff;
  padding: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
}
.task_list_main .task_list:nth-last-child(1), .task_list_main .task_list:nth-last-child(2), .task_list_main .task_list:nth-last-child(3) {
  width: 31%;
}
.task_list_main .task_list article {
  color: var(--Primary-Strong, #131C43);
  text-align: center;
  font-family: var(--primary-font-700);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.winnerList_height {
  height: calc(100% - 54px);
  max-height: 100%;
}

.table_heading {
  color: var(--Primary-Dark, #404041);
  font-family: var(--primary-font-700);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 20px 0 0;
}

.table_vertical_height {
  max-height: 440px;
  overflow: hidden;
  overflow-y: auto;
}

/*# sourceMappingURL=ann-latest.css.map */