@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --font-Poppins: "Poppins", sans-serif;
  --po-primary-color: #0db9b2;
  --po-primary-green: #11d452;
  --po-text-color: oklch(0.61 0.04 256.72);
  --tg-ink: #0a0a0a;
  --tg-paper: #f3efe6;
  --tg-teal: #0bb2b1;
  --tg-teal-soft: #41ba7c;
  --tg-acc: #5be3a4;
}

.treas-wapper {
  background-image: url("../images/body-img.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  font-family: var(--font-Poppins);
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.btn-treas {
  font-size: 26px;
  font-weight: 800;
  color: #000 !important;
  font-family: var(--font-Poppins);
  line-height: 40px;
  border-radius: 15px;
  padding: 13px 26px;
  min-width: 280px;
  background-image: linear-gradient(to right, #e4b452, #eeda7b, #987e31) !important;
  border: 3px solid #edc563 !important;
  letter-spacing: 1px;
  box-shadow: 0px 9px 0px 0px rgba(0, 0, 0, 0.3019607843) !important;
  text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3882352941) !important;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn-treas img {
  width: 32px;
}
.btn-treas:after {
  background-image: linear-gradient(to right, #987e31, #eeda7b, #e4b452);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 0%;
  transition: all 0.5s ease-in-out;
  content: "";
  height: 100%;
  z-index: -1;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.btn-treas:hover {
  border-color: #edc563 !important;
  color: #000 !important;
}
.btn-treas:hover:after {
  width: 130%;
}

.treas-asst-header {
  padding: 16px 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  z-index: 10;
}
.treas-asst-header .treas-asst-logo {
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
  font-family: var(--font-Poppins);
  display: flex;
  align-items: center;
  gap: 18px;
  text-decoration: none;
  outline: 0px;
}
.treas-asst-header .treas-asst-logo img {
  width: 80px;
  height: 80px;
}

.treas-banner-section {
  background-image: url("../images/banner.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0px 90px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.treas-banner-section .introducint-btn {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  font-family: var(--font-Poppins);
  line-height: 30px;
  border-radius: 40px;
  padding: 6px 10px;
  min-width: 251px;
  background-image: linear-gradient(to right, rgba(48, 32, 1, 0.54), rgba(61, 42, 0, 0.55), rgba(62, 41, 0, 0.6));
  border: 1px solid rgba(237, 197, 99, 0.4588235294);
  display: inline-block;
  letter-spacing: 4px;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3882352941);
  margin-bottom: 3px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  z-index: 1;
}
.treas-banner-section .banner-heading {
  max-width: 1300px;
  margin: 0px auto;
  padding: 0px 0px 10px;
}
.treas-banner-section .banner-heading img {
  width: 100%;
  margin-bottom: 8px;
}
.treas-banner-section .banner-heading p {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 34px;
  font-family: var(--font-Poppins);
  text-shadow: 1px 5px 0px rgba(0, 0, 0, 0.4);
  margin: 0px auto 15px;
  max-width: 1000px;
}
.treas-banner-section .banner-btn {
  margin: 10px 0px;
}

.banner-date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 40px;
  background-image: linear-gradient(to right, rgba(48, 32, 1, 0.54), rgba(61, 42, 0, 0.55), rgba(62, 41, 0, 0.6));
  border: 1px solid rgba(237, 197, 99, 0.3882352941);
  max-width: 947px;
  padding: 17px;
  margin: auto;
  margin-bottom: 29px;
  border-radius: 8px;
}
.banner-date .join-pa-text {
  width: 100%;
  justify-content: center;
}
.banner-date li {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #fff;
  font-family: var(--font-Poppins);
  text-shadow: 1px 5px 0px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  gap: 12px;
}
.banner-date li img {
  width: 36px;
}
.banner-date li p {
  margin: 0px;
  font-size: 26px;
  color: #ecd879;
  font-weight: 600;
  text-shadow: 1px 5px 0px rgba(0, 0, 0, 0.65);
  max-width: 967px;
  line-height: 32px;
}

.treas-heading {
  text-align: center;
  max-width: 900px;
  margin: 0px auto 25px;
}
.treas-heading h2 {
  position: relative;
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  color: #fff;
  font-family: var(--font-Poppins);
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
}
.treas-heading h2:after {
  background-image: linear-gradient(to right, #e4b452, #eeda7b, #987e31);
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: "";
  z-index: -1;
}
.treas-heading h2:before {
  background-image: linear-gradient(to right, #987e31, #eeda7b, #987e31);
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: "";
  z-index: 0;
  animation: mymove 5s infinite;
}
@keyframes mymove {
  0% {
    left: 0px;
  }
  25% {
    left: 100%;
  }
  75% {
    left: 50px;
  }
  100% {
    left: 50%;
  }
}
.treas-heading p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 30px;
  font-family: var(--font-Poppins);
  text-shadow: 1px 5px 0px rgba(0, 0, 0, 0.4);
  margin: 0px auto 10px;
}

.treas-chart-section {
  padding: 60px 0px;
  overflow: hidden;
  background-color: transparent;
}
.treas-chart-section .treas-chart-content {
  text-align: center;
}
.treas-chart-section .treas-chart-content img {
  width: 83%;
}

.treas-join-section {
  padding: 0px 0px 60px;
  overflow: hidden;
  background-color: transparent;
}
.treas-join-section .treas-join-content {
  max-width: 575px;
  margin: 0px auto 30px;
}
.treas-join-section .form-group {
  margin-bottom: 20px;
}
.treas-join-section .form-group .form-text {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 22px;
  font-family: var(--font-Poppins);
}
.treas-join-section .form-group .form-label {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
}
.treas-join-section .form-group .form-control {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 22px;
  font-family: var(--font-Poppins);
  border: 1px solid #9d9d9d;
  background-color: transparent;
  border-radius: 8px;
  box-shadow: none;
  height: 58px;
  margin: 0px;
}
.treas-join-section .form-group .form-control::-moz-placeholder {
  color: #9a9a9a;
}
.treas-join-section .form-group .form-control::placeholder {
  color: #9a9a9a;
}
.treas-join-section .form-group .form-control:focus {
  border-color: #e4b452;
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 1px;
  margin-bottom: 1px;
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background: linear-gradient(to right, #6d47ff, #0C7375);
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple {
  color: #000;
  border: 1px solid #ced4da;
  min-height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.05);
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple:focus {
  border-color: #80bdff;
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: linear-gradient(to right, #6d47ff, #0C7375) !important;
  color: #fff;
  border: 0px;
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #ffffff;
  border-right: 1px solid #7c7c7c;
}
.treas-join-section .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  font-family: var(--font-Poppins);
  font-size: 14px;
  font-weight: 600;
  margin-left: 2px;
}
.treas-join-section .form-group input.form-control:-webkit-autofill,
.treas-join-section .form-group input.form-control:-webkit-autofill:hover,
.treas-join-section .form-group input.form-control:-webkit-autofill:focus,
.treas-join-section .form-group input.form-control:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
}
.treas-join-section .form-group .form-select option {
  color: #000;
  border: 1px solid #000;
}
.treas-join-section .form-join-btn .btn-treas {
  font-size: 22px;
  width: 100%;
  display: block;
  padding: 6px 15px;
}
.treas-join-section .form-text p {
  font-size: 14px;
  font-weight: 400;
  color: #adadad;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin: 0px;
  text-align: center;
}
.treas-join-section .form-text p a {
  color: #ecd879;
  text-decoration-color: #ecd879;
  padding: 0px 1px;
}
.treas-join-section .broker-card-gta {
  margin-top: 10px;
}
.treas-join-section .broker-card-gta .form-label {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-Poppins);
  margin-bottom: 0px;
}
.treas-join-section p {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: var(--font-Poppins);
  margin-bottom: 10px;
}

.treas-footer-section {
  background-color: #000;
  width: 100%;
  height: 57px;
  box-shadow: 0px 0px 26px 0px rgba(83, 62, 0, 0.8);
}

.thank-you-section {
  background: linear-gradient(115.74deg, rgb(0, 0, 0) 16.14%, #110b00 96.07%);
  padding: 83px 0px 40px;
  text-align: center;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 55px);
  z-index: 1;
}
.thank-you-section:after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-image: url(https://toppng.com/uploads/preview/black-and-gold-glitter-background-texture-11553956147f5pbpnba60.jpg);
  width: 100%;
  height: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  opacity: 21%;
  background-position: top;
  background-size: cover;
}
.thank-you-section .thank-you-heading {
  max-width: 806px;
  margin: 0px auto;
  padding: 10px 0px;
}
.thank-you-section .thank-you-heading h2 {
  font-size: 112px;
  line-height: 130px;
  margin: 0px auto 5px;
  font-weight: 600;
  text-shadow: 8px 2px 0px rgba(255, 179, 2, 0.22);
  color: #ffb302;
  font-family: var(--font-Poppins);
}
.thank-you-section .thank-you-heading p {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  line-height: 37px;
  font-family: var(--font-Poppins);
  margin: 0px auto 15px;
}
.thank-you-section .thank-you-btn {
  margin-top: 15px;
  margin-bottom: 15px;
}

.treas-paynow-section {
  min-height: calc(100vh - 54px);
  padding-bottom: 20px;
}

.pay-price-card li p {
  color: #fff;
  font-size: 24px;
  line-height: 23px;
}
.pay-price-card li p span {
  color: #ecd879;
}

.stream-card {
  margin-top: 18px;
}
.stream-card li p {
  line-height: 36px;
}

.price-gst p {
  font-size: 22px;
  font-weight: 500;
  color: #fff;
  line-height: 34px;
  font-family: var(--font-Poppins);
  text-shadow: 1px 5px 0px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  gap: 2px;
  margin: 0px;
}
.price-gst p span {
  font-size: 48px;
  font-weight: 600;
  line-height: 55px;
  color: #ecd879;
  text-shadow: 2px 5px 0px rgba(0, 0, 0, 0.93);
}

.stream-section {
  min-height: calc(100vh - 57px);
}

.gtasend-msg-section {
  padding-top: 85px;
  background-color: #ffffff;
  min-height: calc(100vh - 55px);
}
.gtasend-msg-section a,
.gtasend-msg-section button {
  box-shadow: none !important;
}
.gtasend-msg-section .form-control {
  border-color: #aeafb0;
}
.gtasend-msg-section .container {
  max-width: 1030px;
}
.gtasend-msg-section .btn-tg {
  font-size: 14px;
  padding: 10px 22px;
  min-width: 136px;
  line-height: 22px;
  white-space: nowrap;
  border: 1px solid #edc563 !important;
  background: linear-gradient(to right, #6d47ff, #0C7375);
  border: 0px !important;
  color: #fff !important;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  font-weight: 500;
  font-family: var(--font-Poppins);
  box-shadow: none;
}
.gtasend-msg-section .btn-tg .tl-span {
  display: block;
  font-size: 19px;
  font-weight: 500;
  text-align: left;
  line-height: 32px;
  margin-top: -5px;
}
.gtasend-msg-section .btn-tg .tl-text {
  text-align: left;
}
.gtasend-msg-section .btn-tg i {
  font-size: 16px;
}
.gtasend-msg-section .table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.gtasend-msg-section .table-responsive::-webkit-scrollbar-track {
  background: #000;
}
.gtasend-msg-section .table-responsive::-webkit-scrollbar-thumb {
  background: #151515;
}
.gtasend-msg-section .form-group {
  font-family: var(--font-Poppins);
}
.gtasend-msg-section .form-group .form-label {
  color: #000000;
}
.gtasend-msg-section .form-group .form-control {
  color: #000;
  border: 1px solid #aeafb0;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-color: #fff;
}
.gtasend-msg-section .form-group .form-control:focus {
  border-color: #80bdff;
  background-color: #fff !important;
}
.gtasend-msg-section .form-group .form-control::-moz-placeholder {
  color: #495057;
}
.gtasend-msg-section .form-group .form-control::placeholder {
  color: #495057;
}
.gtasend-msg-section .form-check .form-check-label {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  font-family: var(--font-Poppins);
}
.gtasend-msg-section .form-check strong {
  font-weight: 600;
  padding: 1px 0px;
  font-size: 15px;
  background: transparent;
}
.gtasend-msg-section .form-check .form-check-input {
  width: 18px;
  height: 18px;
  border-color: #727272;
  box-shadow: none;
}
.gtasend-msg-section .form-check .form-check-input:checked {
  background-color: #6d47ff;
  border-color: #6d47ff;
}

.gta-form-btn {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.btn-treas-border {
  background: transparent !important;
  color: #edc563 !important;
}

.gta-table-user {
  margin: 20px 0px;
  font-family: var(--font-Poppins);
  white-space: nowrap;
}
.gta-table-user th {
  background-color: transparent;
  color: #000;
  border: 1px solid #ced4da;
  font-size: 16px;
  width: 1%;
  font-family: var(--font-Poppins);
}
.gta-table-user td {
  background-color: transparent;
  color: #000;
  border: 1px solid #ced4da;
  font-size: 14px;
  font-family: var(--font-Poppins);
}

.gta-table-row p {
  font-size: 16px;
  font-family: var(--font-Poppins);
  margin: 6px 0px;
  color: #000;
}

.tg-heading {
  margin-bottom: 15px;
}
.tg-heading h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #000;
  font-family: var(--font-Poppins);
  margin-bottom: 2px;
}
.tg-heading p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: var(--font-Poppins);
  margin-bottom: 1px;
}

.gta-card-list {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  flex-wrap: wrap;
}
.gta-card-list li {
  margin-right: 15px;
}
.gta-card-list p strong {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-Poppins);
  margin-bottom: 4px;
}

.step-card h5 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-Poppins);
  margin-bottom: 0px;
}
.step-card p {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: var(--font-Poppins);
  margin-bottom: 10px;
}

.p-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: var(--font-Poppins);
  margin-bottom: 1px;
}

.spinner-loader {
  display: flex;
  align-items: center;
  gap: 7px;
}
.spinner-loader i {
  font-size: 18px !important;
  margin-top: 2px;
}

.click-btn-row .btn-tg {
  margin: auto;
}

.gta-user-info {
  border: 1px solid rgba(111, 111, 111, 0.3411764706);
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  background: #fff;
}
.gta-user-info .list-unstyled li {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gta-user-info .list-unstyled li .text-message-btn {
  margin-left: auto;
}
.gta-user-info .list-unstyled p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  font-family: var(--font-Poppins);
  margin-bottom: 1px;
}
.gta-user-info .list-unstyled p strong {
  color: #000;
  margin-left: 1px;
  font-weight: 600;
}

.step-name {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #000;
  font-family: var(--font-Poppins);
}

.step-link {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: var(--font-Poppins);
}
.step-link .text-primary {
  background-color: transparent;
}

.step-alert {
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  color: #664d03;
  font-family: var(--font-Poppins);
}
.step-alert .fa-lightbulb-o {
  font-size: 18px;
}

.gta-modalverify .btn-close {
  background-size: 16px;
}
.gta-modalverify .modal-body {
  text-align: center;
}
.gta-modalverify .modal-body .p-text {
  margin-bottom: 15px;
}
.gta-modalverify .modal-body .btn-tg {
  min-width: 110px;
}

.text-message-btn .btn {
  margin-left: 3px;
  background: linear-gradient(to right, #6d47ff, #0C7375) !important;
  border-color: #6d47ff !important;
  color: #fff !important;
  box-shadow: none !important;
  margin-top: -2px;
}
.text-message-btn .btn:hover {
  background: linear-gradient(to right, #0C7375, #6d47ff) !important;
  color: #fff !important;
}
.text-message-btn a.text-primary {
  color: #5e4eea !important;
  background: transparent;
}

.card-header-message h5 {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  line-height: 23px;
  font-family: var(--font-Poppins);
  margin-bottom: 18px !important;
}

.alert-massage {
  background: linear-gradient(to right, rgba(108, 72, 253, 0.1607843137), rgba(12, 115, 117, 0.2392156863));
}
.alert-massage strong {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 18px;
  font-family: var(--font-Poppins);
}

.telegram-manage-card {
  font-family: "Poppins", sans-serif;
}
.telegram-manage-card .card {
  word-break: break-word;
  font-family: "Poppins", sans-serif;
}
.telegram-manage-card .card-header {
  background: #efefef;
}
.telegram-manage-card .card-header .card-title {
  color: #000;
  margin: 0px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
}
.telegram-manage-card .form-label {
  font-size: 14px;
  font-weight: 500;
}
.telegram-manage-card .form-control {
  font-size: 14px;
}
.telegram-manage-card .form-control {
  background: rgba(0, 0, 0, 0.05);
}
.telegram-manage-card .alert-info {
  background: rgba(158, 234, 249, 0.2392156863);
}
.telegram-manage-card .alert-info p {
  font-size: 14px;
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}
.telegram-manage-card .alert-info p strong {
  font-weight: 600;
}
.telegram-manage-card small.text-break {
  color: #198754;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.telegram-manage-card .btn-group {
  display: inline-flex;
  gap: 2px;
}
.telegram-manage-card .btn-group .btn {
  border-radius: 6px !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
}
.telegram-manage-card .telegram-refresh-btn {
  height: 100%;
  display: flex;
  align-items: center;
}
.telegram-manage-card .telegram-refresh-btn .btn {
  margin-top: 9px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  font-weight: 500;
  border-color: #6f62c2;
}

.srv-heading {
  text-align: center;
}
.srv-heading h2 {
  font-size: 26px;
  font-weight: 600;
  color: #000;
  line-height: 28px;
  margin-bottom: 25px;
  margin-top: 7px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #000;
  display: inline-block;
  padding-bottom: 2px;
}

.gta-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 20px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-top: 20px;
  overflow: hidden;
}
.gta-radio-group .form-check {
  padding-left: 0px;
  margin: 0px;
}
.gta-radio-group .form-check .form-check-input {
  width: 16px !important;
  height: 16px !important;
  margin-top: 1px;
}
.gta-radio-group .form-check .form-check-input:checked {
  background-color: #0bb2b1;
  border-color: #0bb2b1;
}
.gta-radio-group .form-check-label {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 45px;
  cursor: pointer;
  transition: background 0.15s;
  border-bottom: 1px solid #e2e8f0;
  margin: 0;
}
.gta-radio-group .form-check-label .gta-radio-label {
  font-size: 15px;
  font-weight: 400;
  color: #34495e;
  font-family: "Poppins", sans-serif;
  line-height: 1.4;
}
.gta-radio-group .form-check-label:hover {
  background: #f8fafa;
}
.gta-radio-group .form-check-label.gta-radio-selected {
  background: #f0faf9;
}
.gta-radio-group .form-check-label.gta-radio-selected .gta-radio-label {
  color: #0bb2b1;
  font-weight: 500;
}

.gta-srv-title .form-label {
  margin-bottom: 3px;
}
.gta-srv-title p {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8901960784);
  line-height: 20px;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
}
.gta-srv-title p strong {
  color: #136f7f;
}

.less-mere-brokerbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
}

.btn.lessmore-btn {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-Poppins);
  background-color: #f5f3f3;
  border: 1px solid #aeafb0;
  border-radius: 8px;
  padding: 5px 15px;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.btn.lessmore-btn i {
  font-size: 15px;
}
.btn.lessmore-btn:hover {
  border-color: #6d47ff;
  color: #6d47ff;
  background-color: rgba(109, 71, 255, 0.0509803922);
}

.srv-thank-you-content {
  text-align: center;
  padding-top: 10px;
}
.srv-thank-you-content p {
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8901960784);
  line-height: 26px;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
}

.srv-thank-row {
  margin-top: -60px;
}
.srv-thank-row h2 {
  font-size: 40px;
  margin-bottom: 12px;
  padding-bottom: 13px;
  margin-top: 14px;
}

.broker-list-checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.broker-list-checkbox li {
  width: 216px;
  padding-right: 5px;
  border: 1px solid rgba(111, 111, 111, 0.3411764706);
  padding: 8px 10px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.broker-list-checkbox li.checkbox-active {
  background-color: rgba(108, 71, 253, 0.0705882353);
}
.broker-list-checkbox li .form-check {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  width: 100%;
}
.broker-list-checkbox li .form-check .form-check-input {
  margin-top: 0px;
}
.broker-list-checkbox li .form-check .form-check-label {
  width: 100%;
  font-size: 14px;
  line-height: 17px;
}

.notep {
  display: flex;
  align-items: anchor-center;
  gap: 4px;
}
.notep i {
  font-size: 18px;
  margin-right: 2px;
}

.gtamsg-trades-section button.btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 15px !important;
  font-family: "Poppins", sans-serif;
}
.gtamsg-trades-section table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
}
.gtamsg-trades-section table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
}
.gtamsg-trades-section table td .name-link {
  text-decoration: underline;
}
.gtamsg-trades-section table td a i.fa-eye {
  color: #6d47ff !important;
  background-color: transparent;
}

section.gta-supertech-section {
  padding: 80px 0 15px 0;
  min-height: calc(100vh - 55px);
}
section.gta-supertech-section .card-form-div {
  margin-bottom: 10px;
}
section.gta-supertech-section .table-responsive::-webkit-scrollbar {
  width: 8px;
}
section.gta-supertech-section .table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
section.gta-supertech-section .table-responsive::-webkit-scrollbar-thumb {
  background: #a7a7a7 !important;
  border-radius: 10px;
}
section.gta-supertech-section button.btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 18px !important;
  font-family: "Poppins", sans-serif;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 7px;
}
section.gta-supertech-section button.btn.btn-info {
  background: #36a0b4;
  border-color: #36a0b4;
  color: #fff;
}
section.gta-supertech-section .form-check .form-check-input {
  width: 16px;
  height: 16px;
  border: 1px solid #727272;
  box-shadow: none;
  margin-top: 4px;
}
section.gta-supertech-section .form-check .form-check-input:checked {
  background-color: #6d47ff;
  border-color: #6d47ff;
}
section.gta-supertech-section table button.btn {
  padding: 3px 8px !important;
}
section.gta-supertech-section table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
  padding: 8px 8px;
  white-space: nowrap;
}
section.gta-supertech-section table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  padding: 6px 6px;
  vertical-align: middle;
  white-space: nowrap;
}
section.gta-supertech-section table td a i.fa-eye {
  color: #6d47ff !important;
  background-color: transparent;
}
section.gta-supertech-section .nav-tabs {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 1px;
  margin-bottom: 10px;
  flex-wrap: nowrap;
  overflow: auto;
}
section.gta-supertech-section .nav-tabs::-webkit-scrollbar {
  display: none;
}
section.gta-supertech-section .nav-tabs .nav-item .nav-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000 !important;
  padding: 6px 12px;
  border: 1px solid #d3d3d3;
  margin-right: 4px;
  border-bottom: 0px;
  height: 100%;
}
section.gta-supertech-section .nav-tabs .nav-item .nav-link.active {
  background: linear-gradient(to right, #6d47ff, #0C7375);
  color: #fff !important;
}

.gta-usersfortrade-section {
  padding: 80px 0 20px 0;
}
.gta-usersfortrade-section .form-group .form-label {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
}
.gta-usersfortrade-section .form-group .form-control {
  font-family: var(--font-Poppins);
  color: #000;
  border: 1px solid #aeafb0;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.25rem;
  background-color: #fff;
  margin: 0px;
}
.gta-usersfortrade-section .form-group .form-text {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #6f6f6f;
  font-family: var(--font-Poppins);
}
.gta-usersfortrade-section .form-check .form-check-input {
  width: 18px;
  height: 18px;
  border-color: #727272;
  box-shadow: none;
}
.gta-usersfortrade-section .form-check .form-check-input:checked {
  background-color: #6d47ff;
  border-color: #6d47ff;
}
.gta-usersfortrade-section table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
  padding: 8px 8px;
  white-space: nowrap;
}
.gta-usersfortrade-section table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  padding: 6px 6px;
  vertical-align: middle;
  white-space: nowrap;
}

.trades-btn-row {
  display: flex;
  align-items: center;
  row-gap: 10px;
  -moz-column-gap: 20px;
  column-gap: 12px;
  height: 100%;
  padding-top: 10px;
  flex-wrap: wrap;
}
.trades-btn-row .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 15px;
  box-shadow: none !important;
}

.supertech-heading {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.supertech-heading h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.supertech-heading p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  color: #666666;
  margin-bottom: 2px;
}

.supertech-back .btn {
  background-color: #ffffff !important;
  font-weight: 500;
  font-size: 11px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000 !important;
  padding: 1px 7px;
  box-shadow: none;
  border: 1px solid #000;
  border-radius: 3px;
}
.supertech-back .btn:hover {
  background-color: #ededed !important;
  border-color: #6d47ff;
  color: #6d47ff !important;
}

.card.card-userlist .card-header h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 3px 0px;
}
.card.card-userlist .card-header h4 .badge {
  font-weight: 600;
  font-size: 12px !important;
  line-height: 14px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  background-color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  margin-left: 8px;
  border: 1px solid #c3c3c3;
}
.card.card-userlist .card-header h4 .span-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #818181;
  margin: 0px 2px;
}
.card.card-userlist button.btn {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  padding: 6px 12px !important;
  font-family: "Poppins", sans-serif;
  box-shadow: none !important;
}
.card.card-userlist button.btn i {
  margin-right: 2px;
}
.card.card-userlist .big-btn-gta button.btn {
  font-size: 14px;
  padding: 8px 18px !important;
}
.card.card-userlist .card-body {
  padding: 8px 1rem;
}
.card.card-userlist .form-group {
  margin-bottom: 0.8rem;
}
.card.card-userlist label {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  margin-bottom: 3px;
}
.card.card-userlist .form-control {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #aeafb0;
  margin: 0px;
}
.card.card-userlist .form-control::-moz-placeholder {
  color: #666666;
}
.card.card-userlist .form-control::placeholder {
  color: #666666;
}
.card.card-userlist .form-control:focus {
  background-color: #fff !important;
  border-color: #6d47ff;
}

#UserTradeList thead th {
  position: sticky;
  top: -1px;
  background: #f8f9fa;
  z-index: 10;
  border-bottom: 2px solid #dee2e6;
}
#UserTradeList .text-center-col {
  text-align: center;
}
#UserTradeList .text-right-col {
  text-align: right;
}

.trade-user-modal .copy-button .btn {
  margin-top: 25px;
}
.trade-user-modal .form-control {
  border-color: #aeafb0;
  font-size: 14px;
}
.trade-user-modal .btn {
  box-shadow: none !important;
}
.trade-user-modal .alert p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 2px;
  min-height: 24px;
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.trade-user-modal .table-responsive::-webkit-scrollbar {
  width: 8px;
}
.trade-user-modal .table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.trade-user-modal .table-responsive::-webkit-scrollbar-thumb {
  background: #a7a7a7 !important;
  border-radius: 10px;
}
.trade-user-modal .modal-header {
  align-items: flex-start;
  border-color: #d3d3d3;
}
.trade-user-modal .modal-body {
  padding: 1rem;
}
.trade-user-modal .btn-close {
  background-size: 16px;
  opacity: 1;
  padding: 0px 10px;
  box-shadow: none;
}
.trade-user-modal .modal-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
}
.trade-user-modal .modal-title .badge {
  font-weight: 600;
  font-size: 13px;
  margin-left: 2px;
}
.trade-user-modal label {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  margin-bottom: 5px;
}
.trade-user-modal p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #4b4b4b;
  margin-bottom: 2px;
}
.trade-user-modal .form-group {
  margin-bottom: 0.7rem;
}
.trade-user-modal .form-group .btn.btn-outline-secondary.btn-sm {
  padding: 3px 8px !important;
}
.trade-user-modal .form-group .form-control {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #aeafb0;
  margin: 0px;
}
.trade-user-modal .form-group .form-control::-moz-placeholder {
  color: #666666;
}
.trade-user-modal .form-group .form-control::placeholder {
  color: #666666;
}
.trade-user-modal .form-group .form-control:focus {
  background-color: #fff !important;
  border-color: #6d47ff;
}
.trade-user-modal table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
  padding: 6px 6px;
  white-space: nowrap;
}
.trade-user-modal table thead th i {
  color: #6d47ff;
}
.trade-user-modal table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  padding: 6px 6px;
}
.trade-user-modal .form-check .form-check-input {
  width: 16px;
  height: 16px;
  border: 1px solid #727272;
  box-shadow: none;
  margin-top: 5px;
}
.trade-user-modal .form-check .form-check-input:checked {
  background-color: #6d47ff;
  border-color: #6d47ff;
}
.trade-user-modal .modal-footer {
  justify-content: center;
}
.trade-user-modal .modal-footer .btn {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  padding: 8px 15px !important;
  font-family: "Poppins", sans-serif;
  box-shadow: none !important;
}
.trade-user-modal .brokers-modal-check {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 8px;
}

.dataTables_info {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000;
}

.dataTables_paginate .pagination .paginate_button .page-link {
  border-color: #d3d3d3;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  box-shadow: none;
  min-width: 34px;
  text-align: center;
}
.dataTables_paginate .pagination .paginate_button .page-link.active {
  color: #6d47ff;
}

.right-gautam {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0px;
  justify-content: flex-end;
}

.card.card-userlist .rfsh-btn-left {
  display: flex;
  gap: 4px;
  align-items: center;
}
.card.card-userlist .rfsh-btn-left button.btn {
  padding: 3px 8px !important;
  border-radius: 4px;
  border: 1px solid #b9b9b9;
  background: transparent;
  color: #000;
}

.ml-clear-btn .btn {
  white-space: nowrap;
}

.message-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #4b4b4b;
}

.trade-lgr-card {
  background-color: #eceef4;
  border: 1px solid #b6bfde;
}
.trade-lgr-card .card-inter-gta {
  background-color: #ffffff;
  border: 1px solid #b6bfde;
  margin-bottom: 10px;
}
.trade-lgr-card .gta-list {
  margin: 0px;
}
.trade-lgr-card .gta-list li {
  width: 20%;
  padding: 5px;
}
.trade-lgr-card .gta-list li:last-child .lbl-text {
  width: 100%;
}
.trade-lgr-card .gta-list .lbl-text {
  font-size: 16px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 12px;
}
.trade-lgr-card .gta-list .value-text {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 3px;
}

.trade-heading {
  margin-bottom: 10px;
}
.trade-heading h2 {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  line-height: 30px;
  margin-bottom: 2px;
  font-family: "Poppins", sans-serif;
}
.trade-heading p {
  font-size: 16px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 22px;
  margin-bottom: 0px;
  font-family: "Poppins", sans-serif;
}
.trade-heading p b {
  font-weight: 600;
}

.trade-sub-heading h2 {
  font-size: 20px;
}

.entry-button {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.entry-button .btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  box-shadow: none !important;
  padding: 6px 9px;
}
.entry-button .btn.btn-primary {
  border: 1px solid #6d47ff !important;
}

.add-record-button {
  margin-top: 20px;
}
.add-record-button .btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 10px 15px;
  box-shadow: none !important;
}

.trade-modal-gta .modal-title {
  font-size: 18px;
  font-weight: 500;
  color: #000000 !important;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
}
.trade-modal-gta .invalid-feedback {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
}
.trade-modal-gta .entry-button {
  height: 100%;
  padding-top: 28px;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
}
.trade-modal-gta .card-inter-gta .form-control {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  border: 1px solid #b6bfde;
  border-radius: 6px;
  box-shadow: none;
  background-color: #fff;
}
.trade-modal-gta .card-inter-gta .form-control:focus {
  background-color: #fff !important;
}
.trade-modal-gta .card-inter-gta .form-control::-moz-placeholder {
  color: #000000;
}
.trade-modal-gta .card-inter-gta .form-control::placeholder {
  color: #000000;
}
.trade-modal-gta .field-set {
  margin-bottom: 0.6rem;
}
.trade-modal-gta .form-label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #000000 !important;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
}
.trade-modal-gta .modal-header {
  border: 0px;
}
.trade-modal-gta .card-inter-gta {
  border: 1px solid #b6bfde;
  background-color: #eceef4;
  margin-bottom: 10px;
  padding: 15px;
}
.trade-modal-gta .btn-close {
  background-size: 14px;
  opacity: 1;
  box-shadow: none;
  margin-right: 0px;
}

.exit-length {
  font-size: 16px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
}

.text-message-btn .btn {
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  padding: 7px 13px;
  box-shadow: none !important;
}

.alert p i.fa-info-circle {
  font-size: 18px;
}

.userlist-alert {
  padding: 3px 0px;
}
.userlist-alert .userlist-text {
  flex-wrap: wrap;
  gap: 10px;
}
.userlist-alert .userlist-text span {
  font-size: 13px;
}
.userlist-alert .btn {
  padding: 4px 5px;
  font-size: 11px;
  font-weight: 600;
  color: #000;
  margin-left: 4px;
  margin-bottom: 0px;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.gta-dashboard {
  background: #f7fcff;
}
.gta-dashboard .card-header {
  background: #efefef;
}
.gta-dashboard h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #000;
}
.gta-dashboard .card {
  background: #ffffff !important;
}
.gta-dashboard .card.card-userlist .card-body {
  padding: 0.8rem;
}
.gta-dashboard .card .card-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #000;
}
.gta-dashboard .card h3 {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
  color: #000;
}
.gta-dashboard .card .card-table-div {
  border: 1px solid rgba(0, 0, 0, 0.1764705882);
  border-radius: 6px;
  padding: 12px;
  background-color: #fff;
}
.gta-dashboard .card .card-table-div .table td {
  font-size: 14px;
  white-space: normal;
  border-top: 0px;
}
.gta-dashboard .card .card-table-div .table td strong {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
}

.script-top {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.imform-web-card .card-body .table td {
  width: 1%;
  font-size: 14px;
  line-height: 24px;
}
.imform-web-card .card-body .table td strong {
  font-weight: 600 !important;
}
.imform-web-card .card-body .table td .ifm-link {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.imform-web-card .card-body .table td .ifm-link .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.small-link {
  display: flex;
  align-items: center;
}
.small-link .btn {
  padding: 2px 5px;
}

.kite-card .card-body {
  padding: 1rem;
}
.kite-card .card-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}
.kite-card .btn {
  padding: 8px 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.lms-user-section .supertech-heading h3 {
  font-size: 24px;
  line-height: 28px;
}

.lms-user-section .form-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  margin-bottom: 5px;
}
.lms-user-section .form-control {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #d3d3d3;
}

.gtatrade-mobile {
  background-color: rgb(243, 242, 239);
  min-height: calc(100vh - 55px);
  padding-bottom: 30px !important;
}
.gtatrade-mobile .card {
  border: 0px;
}
.gtatrade-mobile .trade-heading h2 {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 8px;
}
.gtatrade-mobile .add-record-button {
  margin-top: 15px;
  margin-bottom: 4px;
}
.gtatrade-mobile .add-record-button .btn {
  font-weight: 500;
}

.trade-card-m {
  background-color: #fff;
  border: 0px;
  border-radius: 0px;
}

.trade-lgr-card.trade-lg-card {
  background-color: #fff;
  margin-bottom: 15px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}
.trade-lgr-card.trade-lg-card .card-body {
  padding: 1rem 0rem;
}
.trade-lgr-card.trade-lg-card .card-inter-gta {
  border: 0px;
  margin-bottom: 15px;
  border-radius: 0px;
  border-bottom: 1px solid #d4d7dc !important;
}
.trade-lgr-card.trade-lg-card .gta-list {
  grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
  display: grid;
  row-gap: 12px;
  padding: 1rem 1rem 1rem;
}
.trade-lgr-card.trade-lg-card .gta-list li {
  padding: 0px;
  padding-right: 10px;
  margin-right: 10px;
  width: auto !important;
}
.trade-lgr-card.trade-lg-card .gta-list li:nth-child(odd) {
  border-right: 1px solid #d2dbeb;
}
.trade-lgr-card.trade-lg-card .gta-list .lbl-text {
  color: #5e6c84;
  margin-bottom: 5px;
  font-size: 13px;
}
.trade-lgr-card.trade-lg-card .gta-list .value-text {
  font-weight: 600;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #172b4d;
}
.trade-lgr-card.trade-lg-card .gta-list .entry-button {
  width: 100%;
}
.trade-lgr-card.trade-lg-card .gta-list .entry-button .btn {
  width: 100%;
  border: 1px solid #b3bac5 !important;
  background: #f1f1f1;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  padding: 7px 10px;
}
.trade-lgr-card.trade-lg-card .entry-button-de .btn {
  font-family: "Poppins", sans-serif;
  padding: 2px 12px;
  font-size: 12px;
  border-radius: 5px;
  min-width: 64px;
  min-height: 26px;
  display: inline-block;
}

.trade-card-m {
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
}
.trade-card-m .trade-heading {
  display: flex;
  gap: 8px;
  margin-bottom: 0px;
  justify-content: center;
}
.trade-card-m .trade-heading h2 {
  color: #3f5479;
  line-height: 1.2rem;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  gap: 12px;
  align-items: center;
  gap: 8px;
  margin-bottom: 1px;
}
.trade-card-m .trade-heading p {
  font-size: 12px;
  line-height: 15px;
}
.trade-card-m .trade-heading svg {
  width: 28px;
  height: 30px;
}

.trade-modal-m .btn-close {
  margin-top: 0px;
  margin-right: 0px;
}
.trade-modal-m .card-inter-gta {
  background-color: #fff;
  border: 0px;
  padding: 0px;
}

.gts-message-list-page .badge {
  padding: 5px 8px;
}
.gts-message-list-page .btn {
  box-shadow: none !important;
  font-family: var(--font-Poppins);
  font-size: 14px;
}
.gts-message-list-page .pagination {
  padding-top: 13px;
}
.gts-message-list-page .table {
  font-family: var(--font-Poppins);
  font-size: 14px;
}

.table-responsive::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #e9e9e9 !important;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #c7c9cc !important;
}

.golive-card .table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
}
.golive-card .table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #212529;
}

.trade-verify-modal .trades-veryfi-heading {
  font-size: 22px;
  font-weight: 500;
  color: #000;
  line-height: 30px;
  margin-bottom: 15px;
  font-family: "Poppins", sans-serif;
}
.trade-verify-modal .trades-veryfi-card {
  background-color: #ffffff;
  border: 1px solid #b6bfde;
  margin-bottom: 12px;
  border-radius: 10px;
}
.trade-verify-modal .gta-list {
  padding: 10px 15px 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0;
  margin: 0px;
}
.trade-verify-modal .gta-list li {
  width: 20%;
  padding: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px 0;
}
.trade-verify-modal .gta-list li .lbl-text {
  font-size: 16px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 12px;
}
.trade-verify-modal .gta-list li .value-text {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
}
.trade-verify-modal .trades-veryfi-alert {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  background: #fefceb;
  border: 1px solid rgba(193, 173, 0, 0.7019607843);
}
.trade-verify-modal .entry-button {
  padding-top: 8px;
  padding-bottom: 6px;
}
.trade-verify-modal .entry-button .btn {
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}

#WPMessageAdd .wp-add-button {
  text-align: center;
}

.report-heading p {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
  color: #000;
}

.fileimport-section h2 {
  font-size: 26px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-Poppins);
  margin-bottom: 15px;
}
.fileimport-section .form-label {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
}
.fileimport-section .right-name-list ul .form-label {
  font-weight: 400;
}

.showing-table {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: #000;
  font-weight: 400;
  padding: 5px 0px;
}

.gtauser-summary-section p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  color: #666666;
  margin-bottom: 2px;
}

.gtauserlist-section .btn.btn-primary {
  min-width: 100px;
  font-family: "Poppins", sans-serif;
  box-shadow: none;
  font-size: 14px;
}
.gtauserlist-section .text-decoration-underline {
  background-color: transparent;
}
.gtauserlist-section .icon-briefcase {
  font-size: 1rem !important;
}
.gtauserlist-section .table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
}
.gtauserlist-section .table tbody td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
  white-space: nowrap;
}
.gtauserlist-section .form-control {
  color: #000;
  border: 1px solid #aeafb0;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.25rem;
  font-family: var(--font-Poppins);
}

.gta-msg-details .card {
  margin-bottom: 20px;
}
.gta-msg-details .card h5 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
  font-family: var(--font-Poppins);
}
.gta-msg-details .gtamassage-table thead th {
  width: 1%;
}

.gta-msg-details-section .gta-msgform-card {
  margin-bottom: 15px;
}
.gta-msg-details-section .form-label {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
}
.gta-msg-details-section .form-control {
  font-family: var(--font-Poppins);
}
.gta-msg-details-section .supertech-heading {
  display: block;
}
.gta-msg-details-section .table {
  white-space: nowrap;
}
.gta-msg-details-section .table thead th {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
  border-top: 0px;
}
.gta-msg-details-section .table td {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  vertical-align: middle;
}
.gta-msg-details-section .showing-nu {
  font-size: 14px;
  font-weight: 500;
  color: #686868;
  line-height: 22px;
  font-family: var(--font-Poppins);
}

.dash-nav-tabs {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 1px;
  margin-bottom: 12px;
  flex-wrap: nowrap;
  overflow: auto;
}
.dash-nav-tabs::-webkit-scrollbar {
  display: none;
}
.dash-nav-tabs .nav-item {
  margin-bottom: -1px;
}
.dash-nav-tabs .nav-item .nav-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #000000 !important;
  padding: 6px 12px;
  border: 1px solid #d3d3d3;
  margin-right: 4px;
  border-bottom: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.dash-nav-tabs .nav-item .nav-link i {
  font-size: 16px;
}
.dash-nav-tabs .nav-item .nav-link.active {
  background: linear-gradient(to right, #6d47ff, #0C7375);
  color: #fff !important;
}

.alert-ted {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
}
.alert-ted p {
  color: #bc0000;
  margin: 0px;
}
.alert-ted .btn {
  font-size: 13px;
  white-space: nowrap;
}
.alert-ted .btn.btn-primary {
  color: #fff;
  box-shadow: none;
}
.alert-ted .btn.btn-primary:hover {
  color: #fff;
}

.gta-dash-card {
  border: 1px solid rgba(0, 0, 0, 0.1764705882);
  margin-bottom: 15px;
}
.gta-dash-card .broker-card-gta .form-label {
  font-size: 16px;
  margin-bottom: 1px;
  font-family: var(--font-Poppins);
}
.gta-dash-card .broker-checkbox-list {
  background-size: cover;
  margin-top: 12px;
  border: 1px solid rgba(111, 111, 111, 0.3411764706);
  border-radius: 10px;
  padding: 1rem;
}
.gta-dash-card .gta-user-info {
  padding: 0px;
  border: 0px;
}
.gta-dash-card .card-header {
  background: #efefef;
}
.gta-dash-card .dash-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.gta-dash-card .dash-title-sm {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #666666;
  margin-bottom: 0px;
  padding-left: 27px;
}
.gta-dash-card h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 6px;
}

.trades-title {
  margin-bottom: 10px;
}
.trades-title h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 2px;
}

.dash-faq .accordion-item {
  background-color: #f8f8f8;
  margin-bottom: 12px;
  border-radius: 6px;
  padding: 10px 20px;
  border: 1px solid rgba(0, 0, 0, 0.0784313725);
}
.dash-faq .accordion-item .accordion-header .accordion-button {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-family: var(--font-Poppins);
  word-wrap: break-word;
  padding: 0px;
  box-shadow: none;
  border: 0px;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.dash-faq .accordion-item .accordion-body {
  padding: 15px 0px 0px;
}
.dash-faq .accordion-item .accordion-body p {
  color: #000;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  word-wrap: break-word;
  margin-bottom: 2px;
}

.btn-outline-primary:hover {
  background: linear-gradient(to right, #6d47ff, #0C7375);
}

.dash-steps-card {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1764705882);
  padding: 1rem;
  margin-bottom: 12px;
}
.dash-steps-card .dash-steps-left {
  padding-left: 33px;
}
.dash-steps-card .dash-steps-card-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.dash-steps-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 2px;
  position: relative;
}
.dash-steps-card strong {
  font-size: 16px;
  font-weight: 600;
}
.dash-steps-card strong svg {
  position: relative;
  margin-left: -33px;
  margin-right: 5px;
  top: 1px;
  width: 24px;
  height: 24px;
}
.dash-steps-card .trade-alert {
  color: #bc0000;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 400;
}
.dash-steps-card .trade-text {
  color: #666666;
  margin-bottom: 1px;
  font-size: 14px;
  font-weight: 400;
}
.dash-steps-card .btn {
  font-family: "Poppins", sans-serif;
  min-width: 102px;
  font-size: 13px;
  white-space: nowrap;
}
.dash-steps-card .btn.btn-primary {
  color: #fff;
  box-shadow: none !important;
}
.dash-steps-card .btn.btn-primary:hover {
  color: #fff;
}

.user-trades-card {
  border: 1px solid rgba(0, 0, 0, 0.1764705882);
  margin-bottom: 15px;
}
.user-trades-card .trades--list {
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-trades-card .trades--list li {
  width: 34%;
}
.user-trades-card .trades--list li:last-child {
  width: 15%;
}
.user-trades-card .trades--list p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin: 0px;
}
.user-trades-card .trades--list p span {
  font-weight: 600;
  margin-left: 1px;
}

.ledger-btn .btn {
  box-shadow: none !important;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  white-space: nowrap;
}
.ledger-btn .btn.btn-primary {
  color: #fff;
}

.m-tabs-gta {
  padding: 1rem;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}
.m-tabs-gta .dash-nav-tabs {
  background: #F5F7FA;
  border-radius: 30px;
  padding: 0px 18px;
  margin-bottom: 0px;
}
.m-tabs-gta .dash-nav-tabs .nav-item .nav-link {
  background: transparent;
  border: 0px;
  border-bottom: 3px solid transparent;
  padding: 10px 0px;
  margin-right: 24px;
}
.m-tabs-gta .dash-nav-tabs .nav-item .nav-link i {
  font-size: 16px;
}
.m-tabs-gta .dash-nav-tabs .nav-item .nav-link.active {
  border-bottom-color: #07A7AF;
  color: #07A7AF !important;
}

.gts-message-list-page .form-label {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
}
.gts-message-list-page .form-control {
  font-size: 15px;
  border-color: #aeafb0;
}

.paymentreport-page h3 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #000;
  font-family: var(--font-Poppins);
}
.paymentreport-page .button-div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.waiting-admin-page .table {
  margin-bottom: 20px;
}
.waiting-admin-page .table thead th {
  border-bottom: 1px solid #dee2e6;
  border-top: 0px;
  font-family: var(--font-Poppins);
  font-weight: 600;
}

.gtauser-dash-mobile .dash-nav-tabs {
  background-color: #F1F1F1;
  border-radius: 6px 0px 0px 6px;
  padding-left: 12px;
  margin-left: 1rem;
  margin-bottom: 5px;
  border-bottom: 0px;
  padding-bottom: 3px;
}
.gtauser-dash-mobile .dash-nav-tabs .nav-item .nav-link {
  color: #586073 !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 0px;
  margin-right: 26px;
  border: 0px;
}
.gtauser-dash-mobile .dash-nav-tabs .nav-item .nav-link i {
  font-size: 17px;
}
.gtauser-dash-mobile .dash-nav-tabs .nav-item .nav-link.active {
  color: #07A7AF !important;
  background: transparent;
  border-bottom: 2px solid #07A7AF;
}
.gtauser-dash-mobile .user-trades-card {
  border: 0px;
  padding: 14px 0px;
  border-bottom: 1px solid #DFDFDF;
  border-radius: 0px;
  margin-bottom: 0px;
}
.gtauser-dash-mobile .alert-ted {
  background-color: rgba(238, 105, 105, 0.1);
  border: 0px;
  border-radius: 6px;
  padding: 10px 40px;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  margin: 9px 0px 0px;
  width: 100%;
  display: inline-block;
}
.gtauser-dash-mobile .alert-ted p {
  color: #EE6969;
  display: contents;
}
.gtauser-dash-mobile .alert-ted .btn {
  border: 0px;
  color: #EE6969;
  font-weight: 600;
  border-bottom: 1px solid #EE6969;
  padding: 0px;
  border-radius: 0px;
  line-height: 14px;
}

.dash-heading-m {
  text-align: center;
  padding: 9px 0px 6px;
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 14px;
}
.dash-heading-m h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 1px;
}
.dash-heading-m p {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #8A8A8F;
  margin-bottom: 2px;
}

.trades-content {
  padding: 0px 1rem;
}

.broker-content {
  padding: 0px 1rem;
}

.user-trades-card-in {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
}
.user-trades-card-in p {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: #8A8A8F;
  margin-bottom: 2px;
}
.user-trades-card-in .scriptname {
  font-weight: 500;
  color: #000;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 2px;
}
.user-trades-card-in .qtyname {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;
}
.user-trades-card-in .qtyname span {
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #6d6d70;
}
.user-trades-card-in .ledger-btn {
  text-align: left;
}
.user-trades-card-in .ledger-btn .btn {
  line-height: 20px;
  font-weight: 400;
  padding: 0px;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 1px 7px;
  font-size: 12px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.user-trades-card-in .ledger-btn .btn i {
  font-size: 16px;
  margin-left: 1px;
  transition: all 0.2s ease-in-out;
}
.user-trades-card-in .ledger-btn .btn.btn-primary {
  color: #07A7AF;
  background: rgba(241, 241, 241, 0);
  border: 1px solid #e2e2e2 !important;
}
.user-trades-card-in .ledger-btn .btn:hover i {
  margin-left: 3px;
}

.gta-dash-m-card .dash-title {
  text-align: center;
  margin: 0px;
  width: 100%;
  padding-top: 14px;
}
.gta-dash-m-card .dash-title p {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
  padding-bottom: 2px;
  border-bottom: 1px solid #DFDFDF;
  display: inline-block;
}

.dash-steps-m-card {
  border-bottom: 1px solid #DFDFDF;
  padding: 14px 0px;
}
.dash-steps-m-card .dash-steps-center {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.dash-steps-m-card .dash-steps-m-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.dash-steps-m-card .step-icons {
  display: inline-block;
  margin-right: 15px;
}
.dash-steps-m-card p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 1px;
}
.dash-steps-m-card .trade-alert {
  color: #EE6969;
  font-weight: 400;
}
.dash-steps-m-card .trade-text {
  font-weight: 380;
  color: #8A8A8F;
}
.dash-steps-m-card .step-btn {
  margin-top: 6px;
}
.dash-steps-m-card .step-btn .btn {
  line-height: 20px;
  font-weight: 400;
  padding: 0px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0px;
  font-size: 12px;
  border-radius: 4px;
  font-family: "Poppins", sans-serif;
  transition: all 0.2s ease-in-out;
}
.dash-steps-m-card .step-btn .btn i {
  font-size: 16px;
  margin-left: 1px;
  transition: all 0.2s ease-in-out;
}
.dash-steps-m-card .step-btn .btn.btn-primary {
  color: #07A7AF;
  background: rgba(241, 241, 241, 0);
}
.dash-steps-m-card .step-btn .btn:hover i {
  margin-left: 3px;
}
.dash-steps-m-card .step-nu {
  background-color: #F4F5F6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  font-family: "Poppins", sans-serif;
  color: rgba(0, 0, 0, 0.5);
  margin-left: 8px;
}

.gta-broker-card {
  padding-top: 8px;
}
.gta-broker-card .form-group {
  margin-bottom: 10px;
}
.gta-broker-card .form-group .form-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 5px;
}
.gta-broker-card .form-group .form-control {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000;
  border: 1px solid #DFDFDF;
  border-radius: 6px;
  height: 36px !important;
  padding: 8px 15px;
  margin: 0px;
}
.gta-broker-card .form-group .form-control::-moz-placeholder {
  color: #8A8A8F;
}
.gta-broker-card .form-group .form-control::placeholder {
  color: #8A8A8F;
}
.gta-broker-card .form-group .form-control:focus {
  box-shadow: none;
  border-color: #586073;
}
.gta-broker-card .gta-form-btn {
  margin-top: 10px;
}
.gta-broker-card .gta-form-btn .btn.btn-tg {
  background: #0bb2b1;
  border-color: #0bb2b1;
  padding: 5px 12px;
  min-width: 94px;
  border-radius: 4px;
}
.gta-broker-card .gta-form-btn .btn.btn-tg span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.broker-card-checkbox .broker-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #DFDFDF;
  margin-bottom: 12px;
  text-align: center;
}
.broker-card-checkbox .broker-title p {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #8A8A8F;
  margin-bottom: 0px;
}
.broker-card-checkbox .broker-title h3 {
  font-weight: 500;
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 1px;
}
.broker-card-checkbox .broker-list-checkbox {
  border: 0px;
  padding: 0px;
  grid-template-columns: minmax(auto, 2fr) 2fr;
  display: grid;
}
.broker-card-checkbox .broker-list-checkbox li .form-check {
  margin-bottom: 0px;
  padding-left: 30px;
}
.broker-card-checkbox .broker-list-checkbox li .form-check .form-check-label {
  font-size: 13px;
}
.broker-card-checkbox .broker-list-checkbox li .form-check .form-check-input {
  width: 20px;
  height: 20px;
  border-color: #DFDFDF;
  margin-left: -30px;
}
.broker-card-checkbox .broker-list-checkbox li .form-check .form-check-input:checked {
  background-color: #07A7AF;
  border-color: #07A7AF;
}
.broker-card-checkbox .broker-list-checkbox li {
  width: 100%;
}

.tabfaq-content {
  padding: 0px 1rem;
  padding-top: 2px;
}
.tabfaq-content .dash-heading-m {
  margin-bottom: 10px;
}
.tabfaq-content .dash-faq .accordion-item {
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid #DFDFDF;
  border-radius: 0px;
  padding: 13px 0px;
  margin-bottom: 0px;
}
.tabfaq-content .dash-faq .accordion-item .accordion-header .accordion-button {
  font-size: 14px;
}
.tabfaq-content .dash-faq .accordion-item .accordion-header .accordion-button:after {
  height: 1rem;
  width: 1rem;
  background-size: contain;
  opacity: 80%;
}
.tabfaq-content .dash-faq .accordion-item .accordion-body {
  padding: 8px 0px 0px;
}
.tabfaq-content .dash-faq .accordion-item .accordion-body p {
  line-height: 20px;
}

.telegram-m-content {
  padding: 0px 1rem;
}
.telegram-m-content .dash-heading-m {
  margin-bottom: 14px;
}

.gta-tel-card-m {
  border: 1px solid #C1C1C1;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  margin-bottom: 12px;
}
.gta-tel-card-m .card-title {
  margin-bottom: 18px;
}
.gta-tel-card-m h3 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  margin-bottom: 2px;
}
.gta-tel-card-m h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  margin-bottom: 12px;
}
.gta-tel-card-m p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000000;
  margin-bottom: 2px;
}
.gta-tel-card-m .step-name {
  margin-bottom: 13px;
}
.gta-tel-card-m strong {
  font-weight: 600;
}
.gta-tel-card-m .step-link {
  margin-bottom: 14px;
}
.gta-tel-card-m .step-link .click-link {
  text-transform: capitalize;
  color: #07A7AF;
  text-decoration: underline !important;
  display: inline-block;
  font-weight: 500;
}

.register-btn-gta {
  text-align: center;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
}
.register-btn-gta .btn {
  padding: 7px 13px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  border-radius: 6px;
  font-family: "Poppins", sans-serif;
}
.register-btn-gta .btn-primary {
  background: #07A7AF;
  border-color: #07A7AF;
  color: #fff;
}
.register-btn-gta .btn-black {
  background: #000;
  border-color: #000;
  color: #fff;
}

.step-alert-m {
  border: 1px solid #FFEEB7;
  background-color: #FFFBEE;
  border-radius: 6px;
  padding: 12px;
  display: flex;
  align-items: flex-start;
}
.step-alert-m .alert-icons {
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #F2E6C1;
  margin-right: 10px;
  color: #000;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-check-box-m .form-check {
  padding-left: 31px;
  margin-bottom: 14px;
}
.form-check-box-m .form-check .form-check-input {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-left: -31px;
}
.form-check-box-m .form-check .form-check-input:checked {
  background-color: #07A7AF;
  border-color: #07A7AF;
}
.form-check-box-m .form-check .form-check-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  color: #000000;
}
.form-check-box-m .form-check .form-check-label span {
  display: block;
  margin-bottom: 2px;
}
.form-check-box-m .form-check .form-check-label .label-text {
  font-weight: 400;
  color: #646464;
  font-size: 13px;
}

.guideline-card {
  border: 1px solid rgba(0, 0, 0, 0.1764705882);
  border-radius: 8px;
  margin-bottom: 14px;
}
.guideline-card .guideline-card-title {
  background: #efefef;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1764705882);
  border-radius: 8px 8px 0px 0px;
}
.guideline-card h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
}
.guideline-card p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
}
.guideline-card .guide-btn {
  text-align: center;
  padding: 18px 0px 6px;
}
.guideline-card .guide-btn .btn {
  font-size: 14px;
  padding: 10px 22px;
  min-width: 122px;
  line-height: 22px;
  font-weight: 500;
  font-family: var(--font-Poppins);
}
.guideline-card .guide-btn .btn.btn-primary {
  color: #fff;
  background: linear-gradient(to right, #6d47ff, #0C7375);
  border-color: transparent;
}
.guideline-card .guide-btn .btn.btn-primary:hover {
  opacity: 80%;
}
.guideline-card .guideline-card-body {
  padding: 1.2rem;
}
.guideline-card .guideline-card-body ul {
  margin-bottom: 20px;
}
.guideline-card .guideline-card-body ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.guideline-card .guideline-card-body ul li i {
  color: #000;
  font-size: 10px;
  color: #000;
}
.guideline-card .form-check {
  padding-left: 29px;
}
.guideline-card .form-check p {
  font-weight: 500;
}
.guideline-card .form-check .form-check-input {
  margin-left: -29px;
  width: 20px;
  height: 20px;
  margin-top: 3px;
}

.guideline-content {
  padding: 0px 1rem;
}
.guideline-content .dash-heading-m {
  margin-bottom: 14px;
}

.telegram-heading {
  background: #efefef;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1764705882);
  border-radius: 8px 8px 0px 0px;
  position: relative;
  bottom: -3px;
  border-bottom: 0px;
}
.telegram-heading .dash-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #000;
  margin-bottom: 0px;
}

.search-btn-row {
  padding-top: 27px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.search-btn-gaut {
  display: flex;
  gap: 10px;
  align-items: center;
}

.alert-copy-group {
  font-family: "Poppins", sans-serif;
}
.alert-copy-group .btn.btn-sm {
  font-size: 13px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
}

.form-copy-btn {
  padding-top: 24px;
}
.form-copy-btn .btn {
  font-size: 14px;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
}

.form-check-mt {
  margin-top: 30px;
}

.kitecard-section {
  padding: 0px 0px 30px;
}

.field-set {
  word-break: break-word;
}
.field-set .select2-container {
  width: 100% !important;
}

.btn {
  padding: 8px 16px;
  font-family: "Poppins", sans-serif;
}
.btn.btn-primary {
  background: linear-gradient(to right, #6d47ff, #0C7375);
  color: #fff;
  border: transparent;
}
.btn.btn-primary:hover {
  background: linear-gradient(to right, #6d47ff, #0C7375);
  color: #fff;
  border: transparent;
  opacity: 80%;
}

.download-invoice-btn {
  padding: 5px 0px;
  text-align: right;
}

.heading-custome-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.edituser-section {
  font-family: "Poppins", sans-serif;
  word-break: break-word;
}

.form-group {
  margin-bottom: 1rem;
  position: relative;
}
.form-group .form-label {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 4px;
}
.form-group .form-control {
  font-size: 15px;
  margin-bottom: 0px;
  border: 1px solid #aeafb0;
}
.form-group .form-select {
  font-size: 15px;
  margin-bottom: 0px;
}
.form-group .select2.select2-container {
  width: 100% !important;
}

.stock-report-section {
  min-height: calc(100vh - 55px);
}

.report-select-dropdown {
  border: 1px solid #aeafb0;
}
.report-select-dropdown::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.report-select-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1 !important;
  border-radius: 10px;
}
.report-select-dropdown::-webkit-scrollbar-thumb {
  background: #a7a7a7 !important;
  border-radius: 10px;
}
.report-select-dropdown li {
  background-color: #fff;
  color: #000000;
}
.report-select-dropdown li:hover {
  background-color: #f1f1f1;
}

.sector-btn {
  padding-top: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.movement-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-smtpw {
  padding-top: 27px;
}

.story-btn {
  padding-top: 27px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-pdreport {
  display: flex;
  align-items: center;
  gap: 8px;
}

.movement-btn {
  padding-top: 2px;
}

.activity-heading {
  padding: 6px 0px;
}
.activity-heading h3 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 0px;
}

.llmt-btn {
  padding-top: 27px;
}

.portfolio-wrapper {
  background-color: #0a0e0f;
  padding: 90px 0 50px 0;
}

.portfolio-detl-wrapper {
  background-color: #0a0e0f;
  padding: 90px 0 50px 0;
}

.portfolio-section {
  position: relative;
  padding: 50px 0px;
  z-index: 1;
  background-color: transparent;
  min-height: calc(100vh - 195px);
  overflow: hidden;
  padding: 30px 0px 0px;
}

.port-banner-content {
  text-align: center;
}
.port-banner-content h1 {
  font-size: 60px;
  line-height: 75px;
  font-weight: 800;
  margin-bottom: 26px;
  font-family: var(--font-Poppins);
  color: #fff;
  animation: 0.8s ease-out forwards fadeInUp;
}
.port-banner-content h1 span {
  background: -webkit-linear-gradient(left, #00d4aa, #00b894);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  position: revert;
}
.port-banner-content p {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  margin: 0px auto 40px;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
  max-width: 715px;
  animation: 0.8s ease-out forwards fadeInUp;
}
.port-banner-content .btn.btn-primary {
  animation: 0.8s ease-out forwards fadeInUp;
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
  padding: 16px 30px;
  color: #fff;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Poppins);
  gap: 12px;
  transition: all 0.3s ease-in-out;
  background: #00d4aa;
  border-color: #00d4aa;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px color-mix(in oklab, oklab(77.4737% -0.149136 0.0218616 / 0.25) 100%, transparent), 0 4px 6px -4px color-mix(in oklab, oklab(77.4737% -0.149136 0.0218616 / 0.25) 100%, transparent);
}
.port-banner-content .btn.btn-primary svg {
  width: 22px;
}
.port-banner-content .btn.btn-primary:hover {
  background: #00b894;
  border-color: #00b894;
  color: #fff;
  scale: 105% 105%;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 212, 170, 0.4), 0 4px 6px -4px rgba(0, 212, 170, 0.4);
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pfo-banner-img {
  overflow: hidden;
  inset: 0rem;
  position: absolute;
}

.banner-bg-effect {
  position: absolute;
  top: 7%;
  left: 50%;
  background-color: rgba(0, 212, 170, 0.0509803922);
  border-radius: 340282000000000000000000000000000000000px;
  z-index: 0;
  width: 600px;
  height: 600px;
  transform: translateY(-50%);
  transform: translateX(-50%);
  filter: blur(64px);
}

.banner-bg-lineimg {
  background-image: linear-gradient(rgba(255, 255, 255, 0.0196078431) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.0196078431) 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 40px 40px !important;
  inset: 0rem;
  position: absolute;
}

.port-smart-btn {
  opacity: 0;
  animation: 0.8s ease-out forwards fadeInUp;
  color: #00d4aa;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 14px;
  background-color: rgba(0, 212, 170, 0.1019607843);
  border: 1px solid rgba(0, 212, 170, 0.2);
  border-radius: 30px;
  gap: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.25rem;
  padding: 9px 18px;
  margin-bottom: 2rem;
  font-family: var(--font-Poppins);
}

.connect-port-modal .table-responsive::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.connect-port-modal .table-responsive::-webkit-scrollbar-track {
  background: #141618 !important;
}
.connect-port-modal .table-responsive::-webkit-scrollbar-thumb {
  background: #3a3d40 !important;
}
.connect-port-modal .modal-dialog-scrollable::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.connect-port-modal .modal-dialog-scrollable::-webkit-scrollbar-track {
  background: #141618;
}
.connect-port-modal .modal-dialog-scrollable::-webkit-scrollbar-thumb {
  background: #3a3d40;
}
.connect-port-modal .modal-dialog {
  max-width: 512px;
}
.connect-port-modal .modal-content {
  background-color: #141618;
  border: 1px solid #2a2d30;
  border-radius: 16px;
}
.connect-port-modal .btn-close {
  filter: invert(1);
  background-size: 12px;
  padding: 0px;
  margin-right: 10px;
  box-shadow: none !important;
}
.connect-port-modal .modal-header {
  padding: 20px;
  border-bottom-color: #2a2d30;
}
.connect-port-modal .modal-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  font-family: var(--font-Poppins);
  margin: 0px;
}
.connect-port-modal .modal-body {
  padding: 14px 20px 6px;
}
.connect-port-modal .modal-footer {
  border: 0px;
  padding: 0px 20px 20px;
}
.connect-port-modal .btn.btn-primary {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  background: var(--po-primary-color);
  border: 1px solid var(--po-primary-color);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px 22px;
  font-family: var(--font-Poppins);
  box-shadow: none !important;
}
.connect-port-modal .btn.btn-primary:hover {
  background: #00b894;
  border-color: #00b894;
}
.connect-port-modal .btn.btn-border {
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 16px;
  font-weight: 600;
  line-height: 19px;
  background: transparent;
  border: 1px solid transparent;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px 19px;
  font-family: var(--font-Poppins);
  text-transform: capitalize;
  box-shadow: none !important;
}
.connect-port-modal .btn.btn-border:hover {
  color: #fff;
  background-color: #202224;
  border-color: #202224;
}

.connect-port-form .form-group {
  margin-bottom: 0.9rem;
}
.connect-port-form .form-group .form-label {
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 8px;
  font-family: var(--font-Poppins);
}
.connect-port-form .form-group .form-control {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px !important;
  padding: 10px 16px;
  height: 45px;
}
.connect-port-form .form-group .form-control::-moz-placeholder {
  color: #727f92;
}
.connect-port-form .form-group .form-control::placeholder {
  color: #727f92;
}
.connect-port-form .form-group .form-control:focus {
  border-color: #00d4aa;
}
.connect-port-form .form-group input:-webkit-autofill,
.connect-port-form .form-group input:-webkit-autofill:hover,
.connect-port-form .form-group input:-webkit-autofill:focus,
.connect-port-form .form-group input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
}

.select-brokers-div {
  position: relative;
}
.select-brokers-div .input-group {
  position: relative;
}
.select-brokers-div .input-group-text {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 10px 29px 10px 16px;
  position: absolute;
  padding: 16px;
  top: 6px;
  z-index: 8;
  border: 0px;
  background-color: transparent;
}
.select-brokers-div .input-group-text.sear-icons {
  top: -2px;
}
.select-brokers-div .input-group-text svg {
  width: 18px;
  stroke: oklch(55.4% 0.046 257.417deg);
}
.select-brokers-div .form-control {
  padding-left: 46px !important;
}
.select-brokers-div .select-brokers-list {
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 6px;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.select-brokers-div .select-brokers-list ul {
  overflow: auto;
  height: 231px;
}
.select-brokers-div .select-brokers-list ul::-webkit-scrollbar {
  width: 6px;
}
.select-brokers-div .select-brokers-list ul {
  /* Track */
}
.select-brokers-div .select-brokers-list ul::-webkit-scrollbar-track {
  background: #1a1d1f;
}
.select-brokers-div .select-brokers-list ul {
  /* Handle */
}
.select-brokers-div .select-brokers-list ul::-webkit-scrollbar-thumb {
  background: #3a3d40;
}
.select-brokers-div .select-brokers-list ul li {
  padding: 8px 16px;
}
.select-brokers-div .select-brokers-list ul li:hover {
  background-color: rgba(0, 212, 170, 0.1019607843);
}
.select-brokers-div .select-brokers-list ul li.active {
  background-color: rgba(0, 212, 170, 0.1019607843);
}
.select-brokers-div .select-brokers-left {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.select-brokers-div .brokers-icons {
  border: 1px solid #3a3d40;
  background-color: #1a1d1f;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--po-primary-color);
  font-size: 16px;
  font-weight: 600;
}
.select-brokers-div .brokers-icons img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}
.select-brokers-div .brokers-name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--font-Poppins);
}
.select-brokers-div .select-brok-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #3a3d40;
  background-color: #1a1d1f;
}
.select-brokers-div .select-brok-card .brokers-close {
  cursor: pointer;
  display: contents;
}
.select-brokers-div .select-brok-card .brokers-close svg {
  width: 18px;
  stroke: oklch(55.4% 0.046 257.417deg);
}

.port-details-section {
  background-color: #0a0e0f;
  min-height: calc(100vh - 54px);
  padding: 0px;
}
.port-details-section .table-responsive {
  /* Track */
}
.port-details-section .table-responsive::-webkit-scrollbar-track {
  background: #1a1d1f !important;
}
.port-details-section .table-responsive {
  /* Handle */
}
.port-details-section .table-responsive::-webkit-scrollbar-thumb {
  background: #3a3d40 !important;
}

.port-del-top-left {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.port-del-top-left .port-del-top-img {
  width: 46px;
  min-width: 46px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 3px;
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.port-del-top-left .port-del-top-img svg {
  width: 22px;
  stroke: #0db9b2;
}
.port-del-top-left h2 {
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 3px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}
.port-del-top-left p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70% 0.04 256.73deg);
  margin: 10px 0px 0px;
}

.port-detail-drop {
  word-wrap: break-word;
  min-width: 312px;
}
.port-detail-drop .drop-img {
  background-color: rgba(13, 185, 178, 0.125);
  border: 1px solid #173e3e;
  border-radius: 8px;
  width: 32px;
  min-width: 32px;
  height: 31px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--po-primary-color);
  font-size: 12px;
  font-weight: 500;
}
.port-detail-drop .drop-img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
  height: 100%;
  background-color: #fff;
}
.port-detail-drop .drop-name {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  font-family: var(--font-Poppins);
}
.port-detail-drop .drop-line {
  background-color: oklch(44.6% 0.043 257.281deg);
  width: 1px;
  height: 10px;
}
.port-detail-drop .drop-text {
  color: var(--po-text-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: var(--font-Poppins);
}
.port-detail-drop .btn-dropdown {
  background-color: #141618;
  border: 1px solid #2a2d30;
  padding: 8px 12px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  box-shadow: none;
  white-space: normal;
  width: 100%;
  transition: none;
}
.port-detail-drop .btn-dropdown:hover {
  border-color: #3a3d40;
}
.port-detail-drop .show.dropdown-toggle::after {
  transform: rotate(180deg);
}
.port-detail-drop .dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down text-slate-500 transition-transform ml-1' aria-hidden='true'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");
  background-size: 14px;
  width: 14px;
  height: 13px;
  border: 0px;
  filter: invert(1);
  transition: none;
  background-repeat: no-repeat;
  opacity: 70%;
  margin-left: auto;
}
.port-detail-drop .dropdown-menu {
  background-color: #141618;
  border: 1px solid #2a2d30;
  border-radius: 12px;
  padding: 6px;
  min-width: 312px;
  width: 100%;
  margin-top: 5px !important;
  overflow: auto;
  height: 230px;
}
.port-detail-drop .dropdown-menu::-webkit-scrollbar {
  width: 6px;
}
.port-detail-drop .dropdown-menu {
  /* Track */
}
.port-detail-drop .dropdown-menu::-webkit-scrollbar-track {
  background: #1a1d1f;
}
.port-detail-drop .dropdown-menu {
  /* Handle */
}
.port-detail-drop .dropdown-menu::-webkit-scrollbar-thumb {
  background: #3a3d40;
}
.port-detail-drop .dropdown-menu .select-brokers-left {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.port-detail-drop .dropdown-menu .select-brokers-right {
  display: flex;
  align-items: center;
  gap: 10px;
}
.port-detail-drop .dropdown-menu .dropdown-item {
  border-radius: 8px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.port-detail-drop .dropdown-menu .dropdown-item .brokers-icons {
  background-color: rgba(13, 185, 178, 0.125);
  border: 1px solid #173e3e;
  border-radius: 8px;
  width: 27px;
  height: 27px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--po-primary-color);
  font-size: 11px;
  font-weight: 600;
}
.port-detail-drop .dropdown-menu .dropdown-item .brokers-icons img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.port-detail-drop .dropdown-menu .dropdown-item .brokers-name {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  font-family: var(--font-Poppins);
}
.port-detail-drop .dropdown-menu .dropdown-item .brokers-name-z {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.port-detail-drop .dropdown-menu .dropdown-item .broker-check-icon {
  display: none;
}
.port-detail-drop .dropdown-menu .dropdown-item .broker-check-icon svg {
  width: 14px;
  stroke: #00d4aa;
}
.port-detail-drop .dropdown-menu .dropdown-item:hover {
  background-color: #202224;
}
.port-detail-drop .dropdown-menu .dropdown-item.active {
  background-color: rgba(0, 212, 170, 0.1019607843);
}
.port-detail-drop .dropdown-menu .dropdown-item.active .broker-check-icon {
  display: inline-block;
}

.port-detail-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #2a2d30;
  gap: 10px;
  margin-bottom: 1.5rem;
  position: relative;
  transition: none;
}

.btn-portfolio {
  background-color: var(--po-primary-color) !important;
  border: 1px solid var(--po-primary-color) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  font-family: var(--font-Poppins);
  padding: 8px 18px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  border-radius: 12px;
  color: #fff !important;
  box-shadow: none !important;
  white-space: nowrap;
}
.btn-portfolio:hover {
  background-color: #0a9e98 !important;
  border-color: #0a9e98 !important;
  color: #fff !important;
}
.btn-portfolio i {
  font-size: 12px;
}

.port-del-top-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.port-detail-middle {
  padding: 15px 0px;
}

.port-connect-body {
  text-align: center;
  padding: 38px;
}
.port-connect-body .port-connect-img {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 212, 170, 0.2);
  margin: 0px auto 16px;
  animation: bounce10 1s infinite;
}
@keyframes bounce10 {
  0%, to {
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    transform: translateY(-25%);
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: none;
  }
}
.port-connect-body .port-connect-img svg {
  width: 32px;
  stroke: #00d4aa;
}
.port-connect-body h2 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
  font-weight: 800;
  font-family: var(--font-Poppins);
  color: #fff;
}
.port-connect-body p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
  margin: 0px;
}

.port-detail-card-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 20px 20px;
}

.portf-overv-card {
  background-color: #141618;
  border: 1px solid #2a2d30;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  position: relative;
  border-left: 4px solid #3a3d42;
}
.portf-overv-card .portf-overv-card-top {
  border-bottom: 1px solid #2a2d30;
  padding: 16px 20px 16px;
}

.port-detail-card {
  background-color: #1a1d1f;
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  border-radius: 12px;
  padding: 14px 16px;
  width: 100%;
}
.port-detail-card .port-detail-card-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.port-detail-card .port-detail-card-icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 4px;
  background-color: rgba(59, 130, 246, 0.1019607843);
}
.port-detail-card .port-detail-card-icon svg {
  width: 20px;
  stroke: #3b82f6;
}
.port-detail-card .port-detail-card-text .port-det-name {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
  margin-bottom: 5px;
  display: block;
  text-transform: uppercase;
}
.port-detail-card .port-detail-card-text .port-det-price {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
  margin-bottom: 0;
  display: flex;
  gap: 6px;
  align-items: end;
  white-space: nowrap;
}
.port-detail-card .port-detail-card-text .port-det-percent {
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  border-radius: 6px;
  padding: 3px 5px;
  color: #3b82f6;
  background-color: rgba(59, 130, 246, 0.1019607843);
  display: inline-block;
}
.port-detail-card.info-card .port-detail-card-icon {
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.port-detail-card.info-card .port-detail-card-icon svg {
  stroke: #0db9b2;
}
.port-detail-card.info-card .port-detail-card-text .port-det-price {
  color: #0db9b2 !important;
}
.port-detail-card.info-card .port-detail-card-text .port-det-percent {
  color: #0db9b2;
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.port-detail-card.green-card .port-detail-card-icon {
  background-color: rgba(17, 212, 82, 0.1019607843);
}
.port-detail-card.green-card .port-detail-card-icon svg {
  stroke: #11d452;
}
.port-detail-card.green-card .port-detail-card-text .port-det-price {
  color: #11d452 !important;
}
.port-detail-card.green-card .port-detail-card-text .port-det-percent {
  color: #11d452;
  background-color: rgba(17, 212, 82, 0.1019607843);
}
.port-detail-card.orange-card .port-detail-card-icon {
  background-color: rgba(249, 115, 22, 0.1019607843);
}
.port-detail-card.orange-card .port-detail-card-icon svg {
  stroke: #f97316;
}
.port-detail-card.orange-card .port-detail-card-text .port-det-price {
  color: #f97316 !important;
}
.port-detail-card.orange-card .port-detail-card-text .port-det-percent {
  color: #f97316;
  background-color: rgba(249, 115, 22, 0.1019607843);
}
.port-detail-card.red-card .port-detail-card-icon {
  background-color: rgba(255, 77, 77, 0.1294117647);
}
.port-detail-card.red-card .port-detail-card-icon svg {
  stroke: rgb(255, 77, 77);
}
.port-detail-card.red-card .port-detail-card-text .port-det-price {
  color: rgb(255, 77, 77) !important;
}
.port-detail-card.red-card .port-detail-card-text .port-det-percent {
  background-color: rgba(255, 77, 77, 0.1019607843);
  color: #ff4d4d;
}

.portfolio-data-card {
  background-color: #141618;
  border: 1px solid #2a2d30;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  position: relative;
  border-left: 4px solid #3a3d42;
}

.portfolio-data-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid #2a2d30;
}
.portfolio-data-top h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 0;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}

.portfolio-data-top-middle {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #2a2d30;
}

.port-option-btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.port-option-btn .btn {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 16px;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: oklch(70.4% 0.04 256.788deg);
  border-radius: 8px;
  box-shadow: none !important;
  border: 0px;
  font-family: var(--font-Poppins);
}
.port-option-btn .btn.btn-primary-light {
  background: transparent !important;
  color: var(--po-text-color) !important;
}
.port-option-btn .btn.btn-primary-light:hover {
  background: #202224 !important;
  color: #fff !important;
}
.port-option-btn .btn.active {
  color: #0db9b2 !important;
  background: rgba(13, 185, 178, 0.1490196078) !important;
}
.port-option-btn .btn.active:hover {
  color: #0db9b2 !important;
  background: rgba(13, 185, 178, 0.1019607843) !important;
}

.port-data-search .input-group .input-group-text {
  position: absolute;
  padding: 12px;
  top: 6px;
  z-index: 8;
  border: 0px;
  background-color: transparent;
}
.port-data-search .input-group .input-group-text svg {
  stroke: #60728b;
  width: 15px;
}
.port-data-search .input-group .form-control {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  border-radius: 8px !important;
  padding: 6px 10px 6px 34px;
  height: 34px;
  font-family: var(--font-Poppins);
  transition: none;
}
.port-data-search .input-group .form-control::-moz-placeholder {
  color: #727f92;
  font-weight: 300;
}
.port-data-search .input-group .form-control::placeholder {
  color: #727f92;
  font-weight: 300;
}
.port-data-search .input-group .form-control:focus {
  border-color: #0db9b2 !important;
}

.portfolio-data-table .table {
  margin: 0px;
}
.portfolio-data-table .table tr {
  cursor: pointer;
}
.portfolio-data-table .table tbody + tbody {
  border: 0px;
}
.portfolio-data-table .table tbody tr:hover td {
  background-color: #1b1d1f;
}
.portfolio-data-table .table tbody tr:hover td .company-div .company-text p {
  color: #0db9b2;
}
.portfolio-data-table .table thead th {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
  text-transform: uppercase;
  border: 0px;
  background-color: #0f1214;
  padding: 14px 12px;
}
.portfolio-data-table .table thead th:last-child {
  text-align: right;
}
.portfolio-data-table .table thead th .table-th {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
.portfolio-data-table .table thead th .table-th:hover {
  color: oklch(86.9% 0.022 252.894deg);
}
.portfolio-data-table .table thead th .table-th i {
  font-size: 11px;
}
.portfolio-data-table .table td {
  background-color: transparent;
  border-bottom: 1px solid rgba(42, 45, 48, 0.3019607843);
  background-color: #141618;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  font-family: var(--font-Poppins);
  color: #fff;
  border-top: 0px;
  padding: 14px 12px;
  vertical-align: middle;
}
.portfolio-data-table .table td:last-child .port-action {
  justify-content: flex-end;
}
.portfolio-data-table .table .table-collapse-tr:hover td {
  background-color: #0d1011 !important;
}
.portfolio-data-table .table .table-collapse-tr td {
  font-size: 14px;
  padding: 5px 12px;
  color: oklch(70.4% 0.04 256.788deg) !important;
  background-color: #0d1011;
}
.portfolio-data-table .table .table-collapse-tr .port-action {
  gap: 10px;
}
.portfolio-data-table .table .table-collapse-tr .port-action button {
  width: 23px;
  height: 23px;
  color: oklch(61% 0.02 256.95deg);
  font-size: 13px;
}
.portfolio-data-table .table .table-collapse-tr .port-action button.table-delete-icon {
  font-size: 14px;
}
.portfolio-data-table .table .table-collapse-tr .port-action button.table-delete-icon:hover {
  color: #ff4d4d;
  background-color: rgba(255, 77, 77, 0.1019607843);
}
.portfolio-data-table .table .company-div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.portfolio-data-table .table .company-div .company-img {
  border: 1px solid #2a2d30;
  background-color: rgba(13, 185, 178, 0.125);
  border-radius: 8px;
  width: 32px;
  min-width: 32px;
  height: 31px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0db9b2;
}
.portfolio-data-table .table .company-div .company-img img {
  border-radius: 6px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  background-color: #fff;
}
.portfolio-data-table .table .company-div .company-text p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}
.portfolio-data-table .table .company-div .company-text .nse {
  font-size: 9px;
  line-height: 9px;
  display: block;
  text-transform: uppercase;
  color: oklch(70.4% 0.04 256.788deg);
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  border-radius: 4px;
  padding: 2px 4px;
}
.portfolio-data-table .table .company-div .company-text .company-fullname {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.portfolio-data-table .table .buy-date-div {
  padding-left: 24px;
}
.portfolio-data-table .table .buy-date-div p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(55.4% 0.046 257.417deg);
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px;
}
.portfolio-data-table .table .buy-date-div .buy-badge {
  font-size: 9px;
  line-height: 9px;
  display: block;
  text-transform: uppercase;
  color: #0db9b2;
  background-color: rgba(13, 185, 178, 0.1490196078);
  border-radius: 4px;
  padding: 4px 6px;
  font-weight: 600;
}
.portfolio-data-table .table .buy-date-div .sell-badge {
  font-size: 9px;
  line-height: 9px;
  display: block;
  text-transform: uppercase;
  color: #ff4d4d;
  background-color: rgba(255, 77, 77, 0.1490196078);
  border-radius: 4px;
  padding: 4px 6px;
  font-weight: 600;
}
.portfolio-data-table .table .avg-buy-price,
.portfolio-data-table .table .qty,
.portfolio-data-table .table .inv-value {
  color: oklch(86.9% 0.022 252.894deg);
  font-weight: 500;
}
.portfolio-data-table .table .chg-badge {
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  border-radius: 4px;
  padding: 4px 6px;
  background-color: rgba(17, 212, 82, 0.1019607843);
  text-align: center;
  color: #11d452;
  display: inline-block;
}
.portfolio-data-table .table .badge-green {
  color: #11d452;
  background-color: rgba(17, 212, 82, 0.1019607843);
}
.portfolio-data-table .table .badge-red {
  background-color: rgba(255, 77, 77, 0.1019607843);
  color: #ff4d4d;
}
.portfolio-data-table .table .pl-price-green {
  color: #11d452;
}
.portfolio-data-table .table .pl-price-red {
  color: #ff4d4d;
}
.portfolio-data-table .table .overall-pl-green {
  color: #11d452;
}
.portfolio-data-table .table .overall-pl-red {
  color: #ff4d4d;
}
.portfolio-data-table .table .port-action {
  display: flex;
  align-items: center;
  gap: 8px;
}
.portfolio-data-table .table .port-action button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  padding: 2px;
  background-color: transparent;
  border: 0px;
  box-shadow: none !important;
  color: #0db9b2;
  transition: all 0.2s ease-in-out;
  font-size: 10px;
  line-height: normal;
}
.portfolio-data-table .table .port-action button i {
  transition: all 0.2s ease-in-out;
}
.portfolio-data-table .table .port-action button.table-collapse-arrow {
  color: oklch(61% 0.02 256.95deg);
  font-size: 15px;
}
.portfolio-data-table .table .port-action button.collapsed-arrow i {
  transform: rotate(180deg);
}
.portfolio-data-table .table .port-action button:hover {
  background-color: rgba(13, 185, 178, 0.1019607843);
  color: #0db9b2;
}

.holdings-pasination .pagination {
  padding: 20px;
  justify-content: end;
}
.holdings-pasination .pagination .page-item.active .page-link {
  background: #0db9b2;
  color: #fff !important;
}
.holdings-pasination .pagination .page-link {
  background: #0f1214;
  border: 1px solid #2a2d30;
  color: oklch(86.9% 0.022 252.894deg) !important;
  box-shadow: none;
}
.holdings-pasination .pagination .page-link:hover {
  background: #1b1d1f;
}

.form-group-stock {
  width: 100%;
}

.add-position-form .select-2-brokers-card {
  position: relative;
}
.add-position-form .select-2-brokers-list {
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 6px;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.add-position-form .select-2-brokers-list ul {
  overflow: auto;
  height: 195px;
}
.add-position-form .select-2-brokers-list ul::-webkit-scrollbar {
  width: 6px;
}
.add-position-form .select-2-brokers-list ul {
  /* Track */
}
.add-position-form .select-2-brokers-list ul::-webkit-scrollbar-track {
  background: #1a1d1f;
}
.add-position-form .select-2-brokers-list ul {
  /* Handle */
}
.add-position-form .select-2-brokers-list ul::-webkit-scrollbar-thumb {
  background: #3a3d40;
}
.add-position-form .select-2-brokers-list ul li.active p {
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.add-position-form .select-2-brokers-list ul li p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin: 0px;
  width: 100%;
  color: oklch(86.9% 0.022 252.894deg);
  padding: 12px 14px;
  font-family: var(--font-Poppins);
  cursor: pointer;
}
.add-position-form .select-2-brokers-list ul li p:hover {
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.add-position-form .select-2-brokers-list .add-create-select {
  height: auto;
}
.add-position-form .select-2-brokers-list .add-create-select li {
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.add-position-form .select-2-brokers-list .add-create-select li:hover {
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.add-position-form .select-2-brokers-list .add-create-select li svg {
  width: 16px;
  stroke: #0db9b2;
}
.add-position-form .select-2-brokers-list .add-create-select li p {
  padding: 0px;
  color: #fff;
}
.add-position-form .select-2-brokers-list .add-create-select li p:hover {
  background-color: transparent;
}
.add-position-form .select2-card {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px !important;
  padding: 8px 14px;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.add-position-form .select2-card .select-option-btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 5px 10px;
  border-radius: 8px;
  font-family: var(--font-Poppins);
  color: #0db9b2;
  background-color: rgba(13, 185, 178, 0.2);
  border: 1px solid rgba(13, 185, 178, 0.3019607843);
}
.add-position-form .form-group {
  margin-bottom: 6px;
  line-height: normal;
}
.add-position-form .form-group input:-webkit-autofill,
.add-position-form .form-group input:-webkit-autofill:hover,
.add-position-form .form-group input:-webkit-autofill:focus,
.add-position-form .form-group input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px rgba(35, 35, 35, 0.1607843137);
}
.add-position-form .form-group .stock-brok-close {
  position: absolute;
  z-index: 8;
  right: 7px;
  top: 4px;
  padding: 6px;
  font-size: 14px;
  color: oklch(55.4% 0.046 257.417deg);
}
.add-position-form .form-group .input-group-text {
  padding: 10px 29px 10px 16px;
  position: absolute;
  padding: 14px;
  top: 7px;
  z-index: 8;
  border: 0px;
  background-color: transparent;
}
.add-position-form .form-group .input-group-text svg {
  width: 18px;
  stroke: oklch(71% 0.04 257.61deg);
}
.add-position-form .form-group .form-label {
  color: var(--po-text-color);
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 6px;
  font-family: var(--font-Poppins);
  text-transform: uppercase;
}
.add-position-form .form-group .form-control {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #fff;
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px !important;
  padding: 8px 14px;
  height: 44px;
}
.add-position-form .form-group .form-control::-moz-placeholder {
  color: #727f92;
}
.add-position-form .form-group .form-control::placeholder {
  color: #727f92;
}
.add-position-form .form-group .form-control:focus {
  border-color: #00d4aa !important;
}
.add-position-form .form-group .textarea {
  height: 50px;
  resize: none;
}
.add-position-form .form-group ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.form-group-row {
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.exchange-btn {
  background-color: #0a0e0f;
  border: 1px solid #2a2d30;
  border-radius: 8px;
  padding: 2px;
  width: 97px;
  display: flex;
  align-items: center;
  gap: 2px;
}

.nsebse-btn {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  font-family: var(--font-Poppins);
  border: 0px;
  background-color: transparent;
  box-shadow: none;
  width: 44px;
  height: 36px;
  text-align: center;
  padding: 2px;
  border-radius: 6px;
  color: var(--po-text-color);
}
.nsebse-btn:hover {
  color: #fff;
}
.nsebse-btn.active {
  background-color: #0db9b2;
  color: #fff;
}

.add-position-modal .modal-title {
  font-size: 16px;
  line-height: 20px;
}
.add-position-modal .modal-header-inner {
  width: 100%;
}
.add-position-modal .modal-title-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
}
.add-position-modal .modal-header {
  padding: 14px;
}
.add-position-modal .modal-body {
  padding: 5px 14px 10px;
}
.add-position-modal .modal-footer {
  padding: 0px 14px 12px;
}
.add-position-modal .modal-dialog {
  max-width: 385px;
}
.add-position-modal .btn.btn-primary {
  background-color: var(--po-primary-green);
  border-color: var(--po-primary-green);
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  margin: 0px;
  padding: 11px 22px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px color-mix(in oklab, oklab(75.9072% -0.186096 0.120042 / 0.2) 100%, transparent), 0 4px 6px -4px color-mix(in oklab, oklab(75.9072% -0.186096 0.120042 / 0.2) 100%, transparent) !important;
}
.add-position-modal .btn.btn-primary:hover {
  background-color: #0fc048;
  border-color: #0fc048;
}
.add-position-modal .btn-danger {
  background-color: #ff4d4d;
  border-color: #ff4d4d;
  color: #fff;
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 11px 22px;
  font-family: var(--font-Poppins);
  margin: 0px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px color-mix(in oklab, oklab(67.2963% 0.194405 0.0908165 / 0.2) 100%, transparent), 0 4px 6px -4px color-mix(in oklab, oklab(67.2963% 0.194405 0.0908165 / 0.2) 100%, transparent) !important;
}
.add-position-modal .btn-danger:hover {
  background-color: #e64444;
  border-color: #e64444;
  color: #fff;
}

.add-position-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.add-position-title .add-pos-icons {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 8px;
  background-color: rgba(17, 212, 82, 0.1019607843);
  color: #ff4d4d;
}
.add-position-title .add-pos-icons svg {
  width: 16px;
  stroke: #11d452;
}

.red-delete-entry {
  gap: 4px;
}
.red-delete-entry .add-pos-icons {
  background-color: transparent;
  padding: 0px;
}
.red-delete-entry .add-pos-icons svg {
  stroke: #ff4d4d;
  width: 20px;
}

.position-more-colleps .accordion-item {
  background-color: transparent;
  border: 0px;
}
.position-more-colleps .accordion-body {
  padding: 0px;
}
.position-more-colleps .accordion-button {
  background-color: transparent;
  border: 0px;
  padding: 5px 0px;
  color: var(--po-text-color);
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  font-family: var(--font-Poppins);
  text-transform: uppercase;
  box-shadow: none;
  padding-left: 16px;
  position: relative;
}
.position-more-colleps .accordion-button:after {
  background-size: 11px;
  filter: contrast(0.1);
  opacity: 1;
  margin-left: 0px;
  width: 10px;
  background-size: contain;
  height: 10px;
  position: absolute;
  left: 0px;
  margin-top: 2px;
}

.stock-brokers-div {
  position: relative;
}
.stock-brokers-div .input-group .form-control {
  padding-left: 39px;
}

.select-brokers-stock {
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px;
  overflow: hidden;
  margin-top: 0px;
  position: absolute;
  width: 100%;
  z-index: 4;
}
.select-brokers-stock ul {
  overflow: auto;
  height: 281px;
}
.select-brokers-stock ul::-webkit-scrollbar {
  width: 6px;
}
.select-brokers-stock ul {
  /* Track */
}
.select-brokers-stock ul::-webkit-scrollbar-track {
  background: #1a1d1f;
}
.select-brokers-stock ul {
  /* Handle */
}
.select-brokers-stock ul::-webkit-scrollbar-thumb {
  background: #3a3d40;
}

.select-brok-stock-left {
  padding: 12px 14px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.select-brok-stock-left .stock-name-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-brok-stock-left .stock-name {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  font-family: var(--font-Poppins);
  margin-bottom: 0px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1px;
}
.select-brok-stock-left .stock-nse {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: oklch(55.4% 0.046 257.417deg);
}
.select-brok-stock-left .stock-large {
  font-size: 10px;
  font-weight: 600;
  line-height: 13px;
  padding: 3px 8px;
  border-radius: 4px;
  color: oklch(70.7% 0.165 254.624deg);
  background-color: rgba(48, 128, 255, 0.2);
}
.select-brok-stock-left .stock-large-red {
  color: oklch(75% 0.183 55.934deg);
  background-color: rgba(254, 110, 0, 0.2);
}
.select-brok-stock-left .stock-fullname {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 1px;
  color: oklch(70.4% 0.04 256.788deg);
}
.select-brok-stock-left .stock-technology {
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 1px;
  color: oklch(44.6% 0.043 257.281deg);
}
.select-brok-stock-left.active {
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.select-brok-stock-left:hover {
  background-color: rgba(13, 185, 178, 0.1019607843);
}

.comp-financial-card {
  background-color: #0a0e0f;
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comp-financial-card p {
  font-family: var(--font-Poppins);
  margin-bottom: 0px;
}
.comp-financial-card .comp-name {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.comp-financial-card .comp-finas {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: var(--po-text-color);
}
.comp-financial-card .financial-price {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #0db9b2;
}
.comp-financial-card .comp-finas-ltp {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: var(--po-text-color);
}

.comp-sell-card {
  background-color: rgba(255, 77, 77, 0.1019607843);
  padding: 8px 12px;
  border-radius: 8px;
  margin-bottom: 6px;
  margin-top: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comp-sell-card .available-sell {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin: 0px;
  color: oklch(70.4% 0.04 256.788deg);
  font-family: var(--font-Poppins);
}
.comp-sell-card .available-qty {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0px;
  color: #fff;
  font-family: var(--font-Poppins);
}
.comp-sell-card.comp-green {
  background-color: rgba(17, 212, 82, 0.1019607843);
}
.comp-sell-card.comp-green .available-qty {
  color: #11d452;
}

.total-lp-card {
  display: block;
}
.total-lp-card .total-lp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}
.total-lp-card .pl-green {
  color: #11d452;
}
.total-lp-card .total-red {
  color: #ff4d4d;
}

.logtrade-tab .nav-pills {
  background-color: #0a0e0f;
  border-radius: 8px;
  padding: 4px;
  border: 0px;
  flex-wrap: nowrap;
  gap: 4px;
}
.logtrade-tab .nav-pills .nav-item {
  width: 100%;
}
.logtrade-tab .nav-pills .nav-item:nth-child(1) .nav-link.active {
  background: var(--po-primary-green);
  border-color: var(--po-primary-green);
  color: #fff;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px color-mix(in oklab, oklab(75.9072% -0.186096 0.120042 / 0.2) 100%, transparent), 0 4px 6px -4px color-mix(in oklab, oklab(75.9072% -0.186096 0.120042 / 0.2) 100%, transparent);
}
.logtrade-tab .nav-pills .nav-item:nth-child(2) .nav-link.active {
  background: #ff4d4d;
  color: #fff;
  border-color: #ff4d4d;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px color-mix(in oklab, oklab(67.2963% 0.194405 0.0908165 / 0.2) 100%, transparent), 0 4px 6px -4px color-mix(in oklab, oklab(67.2963% 0.194405 0.0908165 / 0.2) 100%, transparent);
}
.logtrade-tab .nav-pills .nav-link {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 7px;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 6px;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  color: oklch(70.4% 0.04 256.788deg);
  border-radius: 6px;
}
.logtrade-tab .nav-pills .nav-link svg {
  width: 14px;
}
.logtrade-tab .nav-pills .nav-link:hover {
  color: #fff;
}

.log-trade-modal-footer {
  padding: 10px 0px 4px;
}

.stockname-fix {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  border-radius: 12px;
  padding: 8px 14px;
  height: 44px;
  width: 100%;
  text-transform: uppercase;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.delete-entry-card {
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  padding: 12px;
  border-radius: 8px;
}

.delete-entry-body {
  padding: 10px 2px 3px;
}
.delete-entry-body .text-p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 15px;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
}

.delete-entry-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

.delete-entry-name {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin: 0px;
}

.delete-entry-open {
  font-size: 12px;
  line-height: 13px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  border-radius: 4px;
  padding: 4px 6px;
  background-color: rgba(13, 185, 178, 0.1490196078);
  text-align: center;
  color: #0db9b2;
  display: inline-block;
}
.delete-entry-open.bg-success {
  background-color: rgba(13, 185, 178, 0.1490196078) !important;
  color: #0db9b2 !important;
}
.delete-entry-open.bg-danger {
  color: #ff4d4d !important;
  background-color: rgba(255, 77, 77, 0.1490196078) !important;
}

.delete-entry-qty p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0px;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.delete-entry-qty span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 0px;
  display: block;
  color: #fff;
}

.delete-entry-card-middle ul {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.delete-entry-footer .btn.btn-border {
  font-size: 14px;
  line-height: 16px;
  padding: 9px 16px;
  border-radius: 8px;
}
.delete-entry-footer .btn.btn-border span {
  display: flex;
  gap: 5px;
}
.delete-entry-footer .btn.btn-danger {
  font-size: 14px;
  line-height: 16px;
  padding: 9px 16px;
  border-radius: 8px;
}
.delete-entry-footer .btn.btn-danger span {
  display: flex;
  gap: 5px;
}
.delete-entry-footer .btn.btn-primary {
  font-size: 14px;
  line-height: 16px;
  padding: 9px 16px;
  border-radius: 8px;
}

.edit-entry-modal .modal-header {
  padding: 16px;
}
.edit-entry-modal .modal-body {
  padding: 10px 16px 12px;
}
.edit-entry-modal .modal-dialog {
  max-width: 385px;
}
.edit-entry-modal .modal-footer {
  padding: 0px 16px 14px;
}

.ht-40 .form-control {
  height: 40px !important;
}

.no-positions-div {
  text-align: center;
  padding: 35px 0px;
}
.no-positions-div p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 10px;
  color: oklch(55.4% 0.046 257.417deg);
  font-family: var(--font-Poppins);
}
.no-positions-div .no-positions-btn {
  display: flex;
  justify-content: center;
}

.port-analysis-heading h2 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 16px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}
.port-analysis-heading svg {
  width: 22px;
  stroke: var(--po-primary-color);
}

.port-analysis-card {
  background-color: #141618;
  border: 1px solid #2a2d30;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  position: relative;
  border-left: 4px solid #3a3d42;
}

.port-analysis-card-middle {
  padding: 20px 20px;
}

.port-analysis-card-top {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #2a2d30;
}
.port-analysis-card-top h2 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}
.port-analysis-card-top p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(55.4% 0.046 257.417deg);
}

.port-analysis-card-bottom {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid #2a2d30;
}
.port-analysis-card-bottom h2 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}
.port-analysis-card-bottom p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
}

.market-analysis-card {
  background-color: #1a1d1f;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 12px;
  transition: all 0.2s ease-in-out;
}
.market-analysis-card:hover {
  background-color: #1f2224;
}
.market-analysis-card .market-analysis-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.market-analysis-card .mrkt-anls-card-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.market-analysis-card .mrkt-anls-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background-color: rgba(13, 185, 178, 0.1490196078);
  border-radius: 8px;
}
.market-analysis-card .mrkt-anls-icon svg {
  stroke: rgb(13, 185, 178);
  width: 18px;
}
.market-analysis-card .mrkt-anls-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.market-analysis-card .cap-anls-div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.market-analysis-card .cap-name {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}
.market-analysis-card .cap-number {
  font-size: 12px;
  line-height: 12px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.market-analysis-card .cap-dot {
  background-color: oklch(44.6% 0.043 257.281deg);
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.market-analysis-card .cap-anls-name {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.market-analysis-card .cap-anls-more {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0px;
  font-weight: 500;
  border: 0px;
  background-color: transparent;
  padding: 0px;
  box-shadow: none;
  display: flex;
  align-items: center;
  color: rgb(13, 185, 178);
  text-underline-offset: 3px !important;
  position: relative;
  overflow: hidden;
}
.market-analysis-card .cap-anls-more:after {
  background-color: #0db9b2;
  width: 86%;
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: none;
}
.market-analysis-card .cap-anls-more:hover:after {
  display: block;
}
.market-analysis-card .cap-anls-more i {
  line-height: 12px;
  margin-left: 6px;
}
.market-analysis-card .cap-anls-more .more-text {
  padding-bottom: 2px;
}
.market-analysis-card .cap-anls-more .cap-anls-no {
  padding-right: 3px;
}
.market-analysis-card .mrkt-anls-percent {
  color: rgb(13, 185, 178);
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 0;
  font-weight: 600;
  font-family: var(--font-Poppins);
}
.market-analysis-card .mrkt-anls-percent span {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block;
  color: var(--po-text-color);
  padding-left: 3px;
}
.market-analysis-card .mrkt-anls-percent.no-percent {
  color: rgb(89, 100, 117);
}
.market-analysis-card .mrkt-anls-progress {
  height: 8px;
  border-radius: 8px;
  background-color: #2a2d30;
  overflow: hidden;
  width: 100%;
}
.market-analysis-card .mrkt-anls-progress .mrkt-anls-progress-percent {
  height: 100%;
  border-radius: 8px;
  width: 50%;
  background: linear-gradient(to right, rgba(13, 185, 178, 0.5), rgb(13, 185, 178));
  box-shadow: rgba(13, 185, 178, 0.25) 0px 0px 12px;
}
.market-analysis-card .noholdings {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(44.6% 0.043 257.281deg);
}

.market-analy-card-blue .mrkt-anls-icon {
  background-color: rgba(48, 128, 255, 0.1490196078);
}
.market-analy-card-blue .mrkt-anls-icon svg {
  stroke: rgb(59, 130, 246);
}
.market-analy-card-blue .cap-anls-more {
  color: rgb(59, 130, 246);
}
.market-analy-card-blue .cap-anls-more:after {
  background-color: rgb(59, 130, 246);
}
.market-analy-card-blue .mrkt-anls-percent {
  color: rgb(59, 130, 246);
}
.market-analy-card-blue .mrkt-anls-progress .mrkt-anls-progress-percent {
  background: linear-gradient(to right, rgba(59, 130, 246, 0.5), rgb(59, 130, 246));
}

.market-analy-card-red .mrkt-anls-icon {
  background-color: rgba(254, 110, 0, 0.1490196078);
}
.market-analy-card-red .mrkt-anls-icon svg {
  stroke: rgb(249, 115, 22);
}
.market-analy-card-red .cap-anls-more {
  color: rgb(249, 115, 22);
}
.market-analy-card-red .cap-anls-more:after {
  background-color: rgb(249, 115, 22);
}
.market-analy-card-red .mrkt-anls-percent {
  color: rgb(249, 115, 22);
}
.market-analy-card-red .mrkt-anls-progress .mrkt-anls-progress-percent {
  background: linear-gradient(to right, rgba(249, 115, 22, 0.5), rgb(249, 115, 22));
}

.large-cap-stock-modal .modal-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.large-cap-stock-modal .la-cp-stock-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background-color: rgba(13, 185, 178, 0.125);
  border-radius: 8px;
}
.large-cap-stock-modal .la-cp-stock-icon svg {
  stroke: rgb(13, 185, 178);
  width: 20px;
}
.large-cap-stock-modal .la-cp-stock-text p {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--po-text-color);
  margin: 0px;
  font-family: var(--font-Poppins);
}
.large-cap-stock-modal .la-cp-stock-text p span {
  padding-right: 2px;
}
.large-cap-stock-modal .modal-footer {
  padding: 16px;
  border-top: 1px solid #2a2d30;
}
.large-cap-stock-modal .port-analysis-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}
.large-cap-stock-modal .port-analysis-footer h2 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: rgb(13, 185, 178);
}
.large-cap-stock-modal .port-analysis-footer h2.footer-text-blue {
  color: rgb(59, 130, 246);
}
.large-cap-stock-modal .port-analysis-footer h2.footer-text-red {
  color: rgb(249, 115, 22);
}
.large-cap-stock-modal .port-analysis-footer p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
}
.large-cap-stock-modal .modal-body {
  padding: 14px 16px;
}
.large-cap-stock-modal .modal-dialog {
  max-width: 450px;
}
.large-cap-stock-modal .la-cp-stock-blue {
  background-color: rgba(59, 130, 246, 0.125);
}
.large-cap-stock-modal .la-cp-stock-blue svg {
  stroke: rgb(59, 130, 246);
}
.large-cap-stock-modal .la-cp-stock-red {
  background-color: rgba(254, 110, 0, 0.1490196078);
}
.large-cap-stock-modal .la-cp-stock-red svg {
  stroke: rgb(249, 115, 22);
}

.large-cap-stock-card {
  background-color: #1a1d1f;
  padding: 12px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
  margin-bottom: 8px;
}
.large-cap-stock-card:hover {
  background-color: #1f2224;
}
.large-cap-stock-card .large-cap-stock-left {
  display: flex;
  gap: 12px;
  align-items: center;
}
.large-cap-stock-card .large-cap-stock-icon {
  background-color: rgba(13, 185, 178, 0.125);
  border-radius: 8px;
  width: 36px;
  height: 36px;
  padding: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(13, 185, 178);
}
.large-cap-stock-card .large-cap-stock-icon img {
  width: 100%;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  background-color: #fff;
}
.large-cap-stock-card p {
  margin-bottom: 1px;
  font-family: var(--font-Poppins);
}
.large-cap-stock-card .cap-stock-name {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
}
.large-cap-stock-card .cap-stock-fullname {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: oklch(55.4% 0.046 257.417deg);
}
.large-cap-stock-card .cap-stock-price {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
}
.large-cap-stock-card .cap-stock-percent {
  color: rgb(13, 185, 178);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.large-cap-stock-card .large-cap-stock-right {
  text-align: right;
}

.large-cap-stock-blue .large-cap-stock-icon {
  background-color: rgba(59, 130, 246, 0.082);
}
.large-cap-stock-blue .cap-stock-percent {
  color: rgb(59, 130, 246);
}

.large-cap-stock-red .large-cap-stock-icon {
  background-color: rgba(254, 110, 0, 0.1490196078);
}
.large-cap-stock-red .cap-stock-percent {
  color: rgb(249, 115, 22);
}

.loadmere-position {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0px;
}

.loadmere-position-btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 6px 20px;
  box-shadow: none;
  border-radius: 8px;
  color: var(--po-text-color);
  font-family: var(--font-Poppins);
  background-color: #1a1d1f;
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  text-align: center;
}
.loadmere-position-btn:hover {
  color: #0db9b2 !important;
  background-color: rgba(13, 185, 178, 0.0509803922) !important;
  border-color: rgba(13, 185, 178, 0.3019607843) !important;
}

.stor-ind-Analys-card {
  background-color: #141618;
  border: 1px solid #2a2d30;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  overflow: hidden;
  position: relative;
  border-left: 4px solid #3a3d42;
}

.stor-ind-Analys-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid #2a2d30;
}
.stor-ind-Analys-top ul {
  display: flex;
  align-items: center;
  gap: 3px;
}
.stor-ind-Analys-top ul li span {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.stor-ind-Analys-top ul li .ind-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: oklch(55.4% 0.046 257.417deg);
}

.stor-ind-Analys-middle {
  padding: 20px 20px;
}

.stor-ind-Analys-heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.stor-ind-Analys-heading .stor-ind-icons {
  display: contents;
}
.stor-ind-Analys-heading .stor-ind-icons svg {
  width: 16px;
  stroke: #0db9b2;
}
.stor-ind-Analys-heading p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}

.stor-ind-stock-card {
  border: 1px solid #2a2d30;
  border-radius: 12px;
  overflow: hidden;
}

.stor-stock-card-top {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background-color: #1a1d1f;
  text-transform: uppercase;
}
.stor-stock-card-top p {
  margin-bottom: 0px;
}
.stor-stock-card-top .stock-head-list {
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 6px;
  text-align: right;
}
.stor-stock-card-top .stock-head-list li {
  width: 78px;
}

.sector-company-card {
  border-bottom: 2px solid #3a3d40;
}
.sector-company-card:last-child {
  border-bottom: none !important;
}
.sector-company-card .sector-company-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #1f2224;
  cursor: pointer;
}
.sector-company-card .sector-company-card-top ul li {
  color: #fff;
  font-weight: 600;
}
.sector-company-card ul {
  text-align: right;
  display: flex;
  align-items: center;
}
.sector-company-card ul li {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(85% 0.02 256.98deg);
  width: 85px;
}

.sector-company-row {
  padding: 8px 16px 8px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #1f2224;
}
.sector-company-row ul li {
  font-size: 12px;
}
.sector-company-row:hover {
  background-color: rgba(26, 29, 31, 0.5019607843);
}

.sector-company-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sector-company-left .comp-img {
  background-color: rgba(13, 185, 178, 0.082);
  border-radius: 6px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.sector-company-left .comp-img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 4px;
}
.sector-company-left .comp-name p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 1px;
  font-weight: 500;
  font-family: var(--font-Poppins);
  color: #fff;
}
.sector-company-left .comp-name span {
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  display: block;
  color: oklch(55.4% 0.046 257.417deg);
}

.comp-arrow {
  color: oklch(55.4% 0.046 257.417deg);
  font-size: 16px;
}

.sector-head-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.sector-head-left .comp-dot {
  width: 10px;
  min-width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}
.sector-head-left p {
  line-height: 16px;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
  font-size: 14px;
  width: 240px;
}

.consumer-color .sector-company-card-top {
  background-color: rgba(132, 204, 22, 0.082);
}
.consumer-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(132, 204, 22);
}
.consumer-color .sector-head-left .comp-dot {
  background-color: rgb(132, 204, 22);
}
.consumer-color .sector-company-left .comp-img {
  background-color: rgba(132, 204, 22, 0.082);
}

.information-color .sector-company-card-top {
  background-color: rgba(59, 130, 246, 0.082);
}
.information-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(59, 130, 246);
}
.information-color .sector-head-left .comp-dot {
  background-color: rgb(59, 130, 246);
}
.information-color .sector-company-left .comp-img {
  background-color: rgba(59, 130, 246, 0.082);
}

.financial-color .sector-company-card-top {
  background-color: rgba(13, 185, 178, 0.082);
}
.financial-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(13, 185, 178);
}
.financial-color .sector-head-left .comp-dot {
  background-color: rgb(13, 185, 178);
}
.financial-color .sector-company-left .comp-img {
  background-color: rgba(13, 185, 178, 0.082);
}

.automobile-color .sector-company-card-top {
  background-color: rgba(239, 68, 68, 0.082);
}
.automobile-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(239, 68, 68);
}
.automobile-color .sector-head-left .comp-dot {
  background-color: rgb(239, 68, 68);
}
.automobile-color .sector-company-left .comp-img {
  background-color: rgba(239, 68, 68, 0.082);
}

.energy-color .sector-company-card-top {
  background-color: rgba(236, 72, 153, 0.082);
}
.energy-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(236, 72, 153);
}
.energy-color .sector-head-left .comp-dot {
  background-color: rgb(236, 72, 153);
}
.energy-color .sector-company-left .comp-img {
  background-color: rgba(236, 72, 153, 0.082);
}

.healthcare-color .sector-company-card-top {
  background-color: rgba(16, 185, 129, 0.082);
}
.healthcare-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(16, 185, 129);
}
.healthcare-color .sector-head-left .comp-dot {
  background-color: rgb(16, 185, 129);
}
.healthcare-color .sector-company-left .comp-img {
  background-color: rgba(16, 185, 129, 0.082);
}

.chemicals-color .sector-company-card-top {
  background-color: rgba(20, 184, 166, 0.082);
}
.chemicals-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(20, 184, 166);
}
.chemicals-color .sector-head-left .comp-dot {
  background-color: rgb(20, 184, 166);
}
.chemicals-color .sector-company-left .comp-img {
  background-color: rgba(20, 184, 166, 0.082);
}

.consumer-services-color .sector-company-card-top {
  background-color: rgba(249, 115, 22, 0.082);
}
.consumer-services-color .sector-company-card-top ul li .sect-comp-per {
  color: rgb(249, 115, 22);
}
.consumer-services-color .sector-head-left .comp-dot {
  background-color: rgb(249, 115, 22);
}
.consumer-services-color .sector-company-left .comp-img {
  background-color: rgba(249, 115, 22, 0.082);
}

.sector-industry-analysis-chart {
  padding-top: 55px;
}
.sector-industry-analysis-chart .highcharts-exporting-group {
  display: none;
}
.sector-industry-analysis-chart .highcharts-credits {
  display: none;
}
.sector-industry-analysis-chart .highcharts-background {
  fill: transparent !important;
}
.sector-industry-analysis-chart .highcharts-label .chart-total-value {
  fill: oklch(55.4% 0.046 257.417deg) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.stor-ind-button {
  min-width: 100px;
  min-height: 77px;
  padding: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #2a2d30;
  border-radius: 12px;
}
.stor-ind-button .sector-card-no {
  font-size: 30px;
  font-weight: 600;
  line-height: 32px;
  font-family: var(--font-Poppins);
  color: #fff;
  margin-bottom: 3px;
}
.stor-ind-button .sector-card-text {
  font-size: 11px;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--font-Poppins);
  color: oklch(92.9% 0.013 255.508deg);
  text-transform: uppercase;
}
.stor-ind-button.stor-ind-button-green {
  border-color: rgba(13, 185, 178, 0.4);
  background-image: linear-gradient(to bottom, #163637, #1b1e20);
}
.stor-ind-button.stor-ind-button-green .sector-card-no {
  color: #0db9b2;
}
.stor-ind-button.stor-ind-button-blue {
  border-color: rgba(129, 140, 248, 0.4);
  background-image: linear-gradient(to bottom, #2a2d44, #1a1d1f);
}
.stor-ind-button.stor-ind-button-blue .sector-card-no {
  color: #818cf8;
}
.stor-ind-button.stor-ind-button-red {
  border-color: rgba(251, 146, 60, 0.4);
  background-image: linear-gradient(to bottom, #422f1f, #1a1d1f);
}
.stor-ind-button.stor-ind-button-red .sector-card-no {
  color: #fb923c;
}

.stor-ind-button-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.stor-ind-button-top .stor-ind-button-top-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sector-card-arrow svg {
  width: 18px;
  stroke: oklch(55.4% 0.046 257.417deg);
}

.sia-btn {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
  padding: 8px 16px;
  border-radius: 8px;
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.sia-btn svg {
  width: 16px;
}
.sia-btn .sia-icon-collaps {
  display: none;
}
.sia-btn:hover {
  color: #0db9b2;
  border-color: #0db9b2;
}

.sia-btn-collapse .sia-icon-collaps {
  display: inline-block;
}
.sia-btn-collapse .sia-icon-expand {
  display: none;
}

.sector-sub-card-top {
  padding-left: 40px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: transparent !important;
}
.sector-sub-card-top .sector-head-left .comp-dot {
  width: 8px;
  min-width: 8px;
  height: 8px;
}
.sector-sub-card-top .sector-head-left p {
  font-size: 13px;
}
.sector-sub-card-top .comp-arrow {
  font-size: 14px;
  font-weight: 500;
}

.consumer-color .sector-sub-card-top {
  background-color: rgba(132, 204, 22, 0.04);
  border-left: 3px solid rgba(132, 204, 22, 0.376);
}
.consumer-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(132, 204, 22, 0.8);
}
.consumer-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(132, 204, 22, 0.565);
}
.consumer-color .sector-sub-card-body {
  border-left: 3px solid rgba(132, 204, 22, 0.19);
}

.information-color .sector-sub-card-top {
  background-color: rgba(59, 130, 246, 0.04);
  border-left: 3px solid rgba(59, 130, 246, 0.376);
}
.information-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(59, 130, 246, 0.8);
}
.information-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(59, 130, 246, 0.565);
}
.information-color .sector-sub-card-body {
  border-left: 3px solid rgba(59, 130, 246, 0.19);
}

.financial-color .sector-sub-card-top {
  background-color: rgba(13, 185, 178, 0.04);
  border-left: 3px solid rgba(13, 185, 178, 0.376);
}
.financial-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(13, 185, 178, 0.8);
}
.financial-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(13, 185, 178, 0.565);
}
.financial-color .sector-sub-card-body {
  border-left: 3px solid rgba(13, 185, 178, 0.19);
}

.automobile-color .sector-sub-card-top {
  background-color: rgba(239, 68, 68, 0.04);
  border-left: 3px solid rgba(239, 68, 68, 0.376);
}
.automobile-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(239, 68, 68, 0.8);
}
.automobile-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(239, 68, 68, 0.565);
}
.automobile-color .sector-sub-card-body {
  border-left: 3px solid rgba(239, 68, 68, 0.19);
}

.energy-color .sector-sub-card-top {
  background-color: rgba(236, 72, 153, 0.04);
  border-left: 3px solid rgba(236, 72, 153, 0.376);
}
.energy-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(236, 72, 153, 0.8);
}
.energy-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(236, 72, 153, 0.565);
}
.energy-color .sector-sub-card-body {
  border-left: 3px solid rgba(236, 72, 153, 0.19);
}

.healthcare-color .sector-sub-card-top {
  background-color: rgba(16, 185, 129, 0.04);
  border-left: 3px solid rgba(16, 185, 129, 0.376);
}
.healthcare-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(16, 185, 129, 0.8);
}
.healthcare-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(16, 185, 129, 0.565);
}
.healthcare-color .sector-sub-card-body {
  border-left: 3px solid rgba(16, 185, 129, 0.19);
}

.chemicals-color .sector-sub-card-top {
  background-color: rgba(20, 184, 166, 0.04);
  border-left: 3px solid rgba(20, 184, 166, 0.376);
}
.chemicals-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(16, 185, 129, 0.8);
}
.chemicals-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(20, 184, 166, 0.565);
}
.chemicals-color .sector-sub-card-body {
  border-left: 3px solid rgba(20, 184, 166, 0.19);
}

.consumer-services-color .sector-sub-card-top {
  background-color: rgba(249, 115, 22, 0.04);
  border-left: 3px solid rgba(249, 115, 22, 0.376);
}
.consumer-services-color .sector-sub-card-top ul li .sect-comp-per {
  color: rgba(249, 115, 22, 0.8);
}
.consumer-services-color .sector-sub-card-top .sector-head-left .comp-dot {
  background-color: rgba(249, 115, 22, 0.565);
}
.consumer-services-color .sector-sub-card-body {
  border-left: 3px solid rgba(249, 115, 22, 0.19);
}

.beta-analysis-content {
  background-color: #141618;
  border: 1px solid #2a2d30;
  border-radius: 12px;
  padding: 0px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  position: relative;
  border-left: 4px solid #3a3d42;
}

.beta-analy-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #2a2d30;
}

.beta-analy-body {
  padding: 20px 20px 20px;
}

.beta-analy-top-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.beta-analy-icon {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.beta-analy-icon svg {
  stroke: #0db9b2;
  width: 18px;
}

.beta-analy-text h3 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 2px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}
.beta-analy-text p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}

.market-beta-btn {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  padding: 6px 12px;
  border-radius: 8px;
  color: oklch(70.4% 0.04 256.788deg);
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.market-beta-btn svg {
  stroke: oklch(70.4% 0.04 256.788deg);
  width: 12px;
  min-width: 12px;
}

.port-beta-card-top {
  padding-bottom: 18px;
}
.port-beta-card-top p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
  font-weight: 500;
  font-family: var(--font-Poppins);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.port-beta-card {
  background-color: #1a1d1f;
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.beta-market-div {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.beta-market-div .beta-market-no {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.094), rgba(249, 115, 22, 0.03));
  border: 1px solid rgba(249, 115, 22, 0.19);
  box-shadow: rgba(249, 115, 22, 0.063) 0px 0px 30px;
  min-width: 80px;
  height: 80px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgb(249, 115, 22);
  font-size: 30px;
  line-height: 32px;
  font-weight: 800;
  font-family: var(--font-Poppins);
}
.beta-market-div .beta-market-text p {
  color: rgb(249, 115, 22);
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
}
.beta-market-div .beta-market-text span {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
  display: block;
}

.beta-market-div-green .beta-market-no {
  color: #11d452;
  background-color: rgba(17, 212, 82, 0.1019607843);
  border: 1px solid rgba(17, 212, 82, 0.2588235294);
}
.beta-market-div-green .beta-market-text p {
  color: #11d452;
}

.beta-market-div-red .beta-market-no {
  background: rgba(255, 77, 77, 0.0705882353);
  color: #ff4d4d;
  border: 1px solid rgba(255, 77, 77, 0.31);
}
.beta-market-div-red .beta-market-text p {
  color: #ff4d4d;
}

.beta-market-div-orange .beta-market-no {
  background: linear-gradient(135deg, rgba(249, 115, 22, 0.094), rgba(249, 115, 22, 0.03));
  border: 1px solid rgba(249, 115, 22, 0.19);
  color: rgb(249, 115, 22);
}
.beta-market-div-orange .beta-market-text p {
  color: rgb(249, 115, 22);
}

.market-squr-div {
  display: flex;
  align-items: center;
  width: 100%;
}
.market-squr-div .market-squr-name {
  font-size: 9px;
  line-height: 14px;
  margin-bottom: 0px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 8px;
  color: oklch(55.4% 0.046 257.417deg);
}
.market-squr-div .market-squr-name span {
  display: block;
}
.market-squr-div .market-squr-name.green-low {
  color: rgba(17, 212, 82, 0.7019607843);
}
.market-squr-div .market-squr-name.red-med {
  color: rgba(249, 115, 22, 0.7019607843);
}
.market-squr-div .market-squr-name.red-high {
  color: rgba(255, 77, 77, 0.7019607843);
}
.market-squr-div .market-squr-name:nth-child(1) {
  border-right: 2px solid rgba(255, 255, 255, 0.4);
}

.market-progress-div {
  border-radius: 30px;
  display: flex;
  align-items: center;
}
.market-progress-div .market-progress {
  height: 12px;
  background-color: #2a2d30;
  position: relative;
}
.market-progress-div .market-progress.green-low {
  background: linear-gradient(to right, rgba(17, 212, 82, 0.19), rgba(17, 212, 82, 0.314));
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.market-progress-div .market-progress.green-low .market-progress-per {
  background-color: rgba(17, 212, 82, 0.7019607843);
  box-shadow: rgba(24, 79, 45, 0.55) 0px 2px 12px;
}
.market-progress-div .market-progress.green-low .market-progress-per:after {
  border-bottom-color: rgba(17, 212, 82, 0.7019607843);
}
.market-progress-div .market-progress.red-med {
  background: linear-gradient(to right, rgba(249, 115, 22, 0.19), rgba(249, 115, 22, 0.314));
}
.market-progress-div .market-progress.red-med .market-progress-per {
  background-color: rgba(249, 115, 22, 0.8);
  box-shadow: rgba(249, 115, 22, 0.25) 0px 2px 12px;
}
.market-progress-div .market-progress.red-med .market-progress-per:after {
  border-bottom-color: rgb(249, 115, 22);
}
.market-progress-div .market-progress.red-high {
  background: linear-gradient(to right, rgba(255, 77, 77, 0.19), rgba(255, 77, 77, 0.314));
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.market-progress-div .market-progress.red-high .market-progress-per {
  background-color: rgba(255, 77, 77, 0.7019607843);
  box-shadow: rgba(249, 115, 22, 0.25) 0px 2px 12px;
}
.market-progress-div .market-progress.red-high .market-progress-per:after {
  border-bottom-color: rgba(255, 77, 77, 0.7019607843);
}
.market-progress-div .market-progress-per {
  background-color: oklch(55.4% 0.046 257.417deg);
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
  padding: 3px 10px;
  font-family: var(--font-Poppins);
  color: #fff;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 8px;
  margin: 0px auto 0px;
  width: 40px;
}
.market-progress-div .market-progress-per:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid oklch(55.4% 0.046 257.417deg);
  top: -10px;
}

.market-progress-no {
  justify-content: space-between;
  align-items: center;
  display: flex;
  margin-top: 32px;
}
.market-progress-no .mrkt-pr-no {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  text-transform: uppercase;
  color: var(--po-text-color);
}

.market-count-div {
  display: flex;
  gap: 10px;
  margin-top: 32px;
}

.market-count-card {
  background-color: #141618;
  border-radius: 8px;
  padding: 8px;
  width: 100%;
  text-align: center;
}
.market-count-card p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  margin: 2px 0px;
  color: #fff;
}
.market-count-card span {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  text-transform: uppercase;
  color: oklch(86.9% 0.022 252.894deg);
  display: block;
}
.market-count-card .red-text {
  color: rgb(249, 115, 22) !important;
}
.market-count-card .green-text {
  color: #11d452 !important;
}
.market-count-card .orange-text {
  color: rgb(249, 115, 22) !important;
}

.mrkt-bt-pr-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.mrkt-bt-left {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mrkt-bt-left .mrkt-bt-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
}
.mrkt-bt-left .mrkt-bt-name {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
}
.mrkt-bt-left .mrkt-bt-no {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}

.mrkt-bt-right span {
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  display: block;
  color: #fff;
}

.mrkt-bt-prss-div {
  background-color: #141618;
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 32px;
}
.mrkt-bt-prss-div .mrkt-bt-prss {
  height: 100%;
  background-color: #fff;
  border-radius: 8px;
}

.mrkt-bt-progress-div {
  margin-bottom: 15px;
}
.mrkt-bt-progress-div.blue-pross .mrkt-bt-left .mrkt-bt-dot {
  background-color: #3b82f6;
}
.mrkt-bt-progress-div.blue-pross .mrkt-bt-prss-div .mrkt-bt-prss {
  background-image: linear-gradient(to right, #2b579e, #3777df);
}
.mrkt-bt-progress-div.blue-pross .mrkt-bt-right span {
  color: #3b82f6;
}
.mrkt-bt-progress-div.orange-pross .mrkt-bt-left .mrkt-bt-dot {
  background-color: rgb(249, 115, 22);
}
.mrkt-bt-progress-div.orange-pross .mrkt-bt-prss-div .mrkt-bt-prss {
  background-image: linear-gradient(to right, #6b3917, #dc6716);
}
.mrkt-bt-progress-div.orange-pross .mrkt-bt-right span {
  color: rgb(249, 115, 22);
}
.mrkt-bt-progress-div.red-pross .mrkt-bt-left .mrkt-bt-dot {
  background-color: #ff4d4d;
}
.mrkt-bt-progress-div.red-pross .mrkt-bt-prss-div .mrkt-bt-prss {
  background-image: linear-gradient(to right, #891a1a, #cd4242);
}
.mrkt-bt-progress-div.red-pross .mrkt-bt-right span {
  color: #ff4d4d;
}
.mrkt-bt-progress-div.green-pross .mrkt-bt-left .mrkt-bt-dot {
  background-color: #11d452;
}
.mrkt-bt-progress-div.green-pross .mrkt-bt-prss-div .mrkt-bt-prss {
  background-image: linear-gradient(to right, #0a6b2a, #11d452);
}
.mrkt-bt-progress-div.green-pross .mrkt-bt-right span {
  color: #11d452;
}

.port-move-div {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  background-color: #141618;
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  border-radius: 8px;
  margin-top: 16px;
}
.port-move-div span svg {
  width: 16px;
  stroke: #ff4d4d;
}
.port-move-div p {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
  margin: 0px;
}
.port-move-div p b {
  color: #ff4d4d;
  font-weight: 600;
}
.port-move-div p b.b-text {
  color: #fff !important;
}

.port-move-div-green span svg {
  stroke: #11d452;
}
.port-move-div-green p b {
  color: #11d452 !important;
}

.port-move-div-orange span svg {
  stroke: rgb(249, 115, 22);
}
.port-move-div-orange p b {
  color: rgb(249, 115, 22) !important;
}

.port-move-div-red span svg {
  stroke: #ff4d4d;
}
.port-move-div-red p b {
  color: #ff4d4d !important;
}

.port-beta-range-div {
  margin-bottom: 20px;
}
.port-beta-range-div .range-div {
  margin-bottom: 6px;
}
.port-beta-range-div input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 6px;
  background: #2a2d30;
}
.port-beta-range-div input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: #0db9b2;
  border-radius: 50%;
  border: none;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.port-beta-range-div input[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: #2a2d30;
  border-radius: 50%;
  border: none;
  -moz-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.port-beta-range-div input[type=range]::-webkit-slider-thumb:hover {
  box-shadow: rgba(13, 185, 178, 0.7) 0px 2px 20px;
}
.port-beta-range-div input[type=range]:active::-webkit-slider-thumb {
  box-shadow: rgba(13, 185, 178, 0.7) 0px 2px 20px;
}
.port-beta-range-div input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: rgba(13, 185, 178, 0.7) 0px 2px 20px;
}
.port-beta-range-div .value {
  min-width: 20px;
}
.port-beta-range-div .range-noves {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.port-beta-range-div .range-noves p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
  margin-bottom: 0px;
}
.port-beta-range-div .range-noves .range-no {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  padding: 5px 8px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-Poppins);
  background-color: #2a2d30;
  white-space: nowrap;
  min-width: 64px;
  gap: 2px;
}

.port-distrbt-card {
  background-color: #1a1d1f;
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
}

.port-distrbt-card-top {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
}
.port-distrbt-card-top svg {
  stroke: oklch(70.4% 0.04 256.788deg);
  width: 14px;
}
.port-distrbt-card-top p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
  font-weight: 500;
  font-family: var(--font-Poppins);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.port-distrbt-pross-div {
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: space-between;
  margin-bottom: 8px;
}
.port-distrbt-pross-div .port-distrbt-pross {
  height: 20px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 10px;
  line-height: 14px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.port-distrbt-pross-div .port-distrbt-pross.green-pross {
  background-image: linear-gradient(to bottom, #12ae47, #167a39);
}
.port-distrbt-pross-div .port-distrbt-pross.orange-pross {
  background-image: linear-gradient(to bottom, #ca6117, #8c491b);
}
.port-distrbt-pross-div .port-distrbt-pross.red-pross {
  background-image: linear-gradient(to bottom, #cf4343, #8e3636);
}

.port-distrbt-no-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.port-distrbt-no-row .port-distrbt-no {
  display: flex;
  align-items: center;
  gap: 5px;
}
.port-distrbt-no-row .port-dist-dot {
  width: 8px;
  min-width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #2a2d30;
}
.port-distrbt-no-row .port-dist-name {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.port-distrbt-no-row .port-dist-no {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.port-distrbt-no-row .green-pross .port-dist-dot {
  background-color: #11d452;
}
.port-distrbt-no-row .orange-pross .port-dist-dot {
  background-color: #f97316;
}
.port-distrbt-no-row .red-pross .port-dist-dot {
  background-color: #ff4d4d;
}

.low-beta-card .low-beta-icon {
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background-color: rgba(17, 212, 82, 0.082);
}
.low-beta-card .low-beta-icon svg {
  width: 14px;
  stroke: rgb(17, 212, 82);
}
.low-beta-card .low-beta-text .title-p {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: rgb(17, 212, 82);
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
}
.low-beta-card .low-beta-text .title-p span {
  font-size: 13px;
  font-weight: 400;
  color: oklch(70.4% 0.04 256.788deg);
  display: flex;
  gap: 2px;
}
.low-beta-card .low-beta-text .text-p {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
  margin-bottom: 3px;
}

.low-beta-card-top {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}

.low-beta-stock-div {
  background-color: #141618;
  border-radius: 8px;
  padding: 8px;
  margin-bottom: 12px;
}
.low-beta-stock-div ul {
  display: flex;
  text-align: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.low-beta-stock-div ul li {
  border-right: 1px solid #2a2d30;
  width: 100%;
}
.low-beta-stock-div ul li:last-child {
  border-right: 0px;
}
.low-beta-stock-div .low-beta-stock-card h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
  margin-bottom: 3px;
}
.low-beta-stock-div .low-beta-stock-card p {
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  text-transform: uppercase;
  margin: 0px;
  color: oklch(86.9% 0.022 252.894deg);
}
.low-beta-stock-div .low-beta-stock-pts h3 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  color: oklch(86.9% 0.022 252.894deg);
}

.low-beta-card {
  border: 1px solid rgba(42, 45, 48, 0.5019607843);
  background-color: #1a1d1f;
  border-radius: 12px;
  padding: 16px 16px 45px;
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
}
.low-beta-card:hover {
  scale: 1.01;
}

.low-beta-stock-row {
  padding: 6px 10px;
  border-radius: 8px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.low-beta-stock-row .beta-stock-name {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
  padding-left: 12px;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}
.low-beta-stock-row .beta-stock-name:after {
  background-color: oklch(70.4% 0.04 256.788deg);
  width: 4px;
  border-radius: 6px;
  height: 100%;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
}
.low-beta-stock-row .beta-stock-per {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: var(--po-text-color);
}
.low-beta-stock-row .beta-stock-badge {
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  padding: 3px 8px;
  background-color: rgba(255, 255, 255, 0.07);
  text-align: center;
  border-radius: 6px;
}
.low-beta-stock-row:hover {
  background-color: #141618;
}
.low-beta-stock-row:hover .beta-stock-name {
  color: #fff;
}
.low-beta-stock-row .low-beta-stock-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.low-beta-card-green {
  border-color: rgba(17, 212, 82, 0.145);
}
.low-beta-card-green .low-beta-icon {
  background-color: rgba(17, 212, 82, 0.082);
}
.low-beta-card-green .low-beta-icon svg {
  stroke: rgb(17, 212, 82);
}
.low-beta-card-green .low-beta-text .title-p {
  color: rgb(17, 212, 82);
}
.low-beta-card-green .low-beta-stock-row .beta-stock-name:after {
  background-color: rgba(17, 212, 82, 0.376);
}
.low-beta-card-green .low-beta-stock-row .beta-stock-badge {
  background-color: rgba(17, 212, 82, 0.07);
  color: rgb(17, 212, 82);
}
.low-beta-card-green .low-beta-stock-div .low-beta-stock-card h3.green-text {
  color: rgb(17, 212, 82) !important;
}

.low-beta-card-orange {
  border-color: rgba(249, 115, 22, 0.145);
}
.low-beta-card-orange .low-beta-icon {
  background-color: rgba(249, 115, 22, 0.082);
}
.low-beta-card-orange .low-beta-icon svg {
  stroke: rgb(249, 115, 22);
}
.low-beta-card-orange .low-beta-text .title-p {
  color: rgb(249, 115, 22);
}
.low-beta-card-orange .low-beta-stock-row .beta-stock-name:after {
  background-color: rgba(249, 115, 22, 0.376);
}
.low-beta-card-orange .low-beta-stock-row .beta-stock-badge {
  background-color: rgba(249, 115, 22, 0.07);
  color: rgb(249, 115, 22);
}
.low-beta-card-orange .low-beta-stock-div .low-beta-stock-card h3.green-text {
  color: rgb(249, 115, 22) !important;
}

.low-beta-card-red {
  border-color: rgba(255, 77, 77, 0.145);
}
.low-beta-card-red .low-beta-icon {
  background-color: rgba(255, 77, 77, 0.082);
}
.low-beta-card-red .low-beta-icon svg {
  stroke: rgb(255, 77, 77);
}
.low-beta-card-red .low-beta-text .title-p {
  color: rgb(255, 77, 77);
}
.low-beta-card-red .low-beta-stock-row .beta-stock-name:after {
  background-color: rgba(255, 77, 77, 0.376);
}
.low-beta-card-red .low-beta-stock-row .beta-stock-badge {
  background-color: rgba(255, 77, 77, 0.07);
  color: rgb(255, 77, 77);
}
.low-beta-card-red .low-beta-stock-div .low-beta-stock-card h3.green-text {
  color: rgb(255, 77, 77) !important;
}

.accordion-report {
  padding-bottom: 20px;
}
.accordion-report .accordion-item {
  border: 0px;
  margin-bottom: 10px;
}
.accordion-report .accordion-header .accordion-button {
  background-color: #f3f3f3;
  border: 1px solid #cfcfcf;
  box-shadow: none;
  border-radius: 40px !important;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  font-family: "Poppins", sans-serif;
}
.accordion-report .accordion-body {
  padding: 16px 8px 8px;
}

.addfree-user-page .message-card {
  margin-bottom: 20px;
}
.addfree-user-page .message-card small {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}

.add-free-heading {
  margin-bottom: 15px;
  border: 1px solid #e2e2e2;
  background-color: rgba(226, 226, 226, 0.3882352941);
  border-radius: 8px;
  padding: 15px 16px;
}
.add-free-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0px;
}
.add-free-heading h4 i {
  font-size: 20px;
}

.ass-free-btn {
  background-size: cover;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ass-free-btn .btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}

.addfree-Instruction li {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 12px;
}

/* request-callback-div pd */
.request-callback-div {
  background-color: #fff;
  padding: 10px 12px 18px;
  text-align: center;
  position: relative;
  border-bottom: 2px solid #22c55e;
  margin-bottom: 5px;
}

.callback-exploring {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  margin-bottom: 5px;
}
.callback-exploring svg {
  width: 22px;
  stroke: #4ade80;
}
.callback-exploring p {
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #000;
  font-family: "Poppins", sans-serif;
  margin: 0px;
}
.callback-exploring p b {
  color: #4ade80;
  padding: 0px 3px;
  font-weight: 600;
}

.request-callback-inner .exploring-text {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #8c8cad;
  font-weight: 400;
  margin-bottom: 14px;
}

.callback-btn-div .btn.callback-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 28px;
  background-color: #22c55e;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  letter-spacing: 0.1px;
  animation: pulseGlow 2s infinite;
  transition: all 0.3s ease-in-out;
}
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 8px rgba(34, 197, 94, 0.4);
  }
  50% {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.7);
  }
}
.callback-btn-div .btn.callback-btn svg {
  width: 16px;
}
.callback-btn-div .btn.callback-btn:hover {
  background: #16a34a;
  transform: translateY(-2px);
}

.callback-close {
  position: absolute;
  top: 0px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: rgba(255, 255, 255, 0.06);
  border: 2px solid #000;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  z-index: 6;
  padding: 3px;
}
.callback-close svg {
  width: 16px;
  stroke: #000000;
}
.callback-close:hover {
  border-color: #000;
}
.callback-close:hover svg {
  stroke: #000;
}

.request-callback-thank .callback-thank {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(34, 197, 94, 0.15);
  border: 2px solid #22c55e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto 10px;
  animation: checkPop 0.5s ease-out;
}
@keyframes checkPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.request-callback-thank .callback-thank svg {
  width: 24px;
  stroke: #22c55e;
}
.request-callback-thank .thank-text {
  font-size: 17px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
  animation: fadeUpp 0.4s ease-out 0.2s both;
  font-family: "Poppins", sans-serif;
}
.request-callback-thank .thank-text b {
  color: #4ade80;
  font-weight: 600;
  padding: 0px 2px;
}
@keyframes fadeUpp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.request-callback-thank .thank-hours {
  font-size: 13px;
  color: #b0b0d0;
  font-weight: 400;
  line-height: 1.5;
  animation: fadeUpp 0.4s ease-out 0.35s both;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
}
.request-callback-thank .thank-hours span {
  display: inline-block;
  padding: 0px 2px;
  font-weight: 600;
  color: #000;
}
@keyframes fadeUpp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.callback-btn-with .btn.callback-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  background: rgba(74, 222, 128, 0.1);
  border: 1px solid rgba(74, 222, 128, 0.2);
  border-radius: 20px;
  font-size: 12px;
  color: #4ade80;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  animation: fadeUpp 0.4s ease-out 0.5s both;
}
@keyframes fadeUpp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.callback-btn-with .btn.callback-btn svg {
  width: 14px;
  stroke: #4ade80;
}

.goc-rcb-popup {
  position: relative;
  max-width: 750px;
  width: calc(100% - 32px);
  margin: 0 auto 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14), 0 2px 10px rgba(0, 0, 0, 0.06);
  border: 1px solid #e8eaed;
  animation: rcbFadeIn 0.3s ease both;
}

@keyframes rcbFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.goc-rcb-popup .callback-close {
  position: absolute;
  top: 16%;
  right: 10px;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.07);
  border: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  color: #444;
  line-height: 1;
  transition: background 0.15s;
}

.goc-rcb-popup .callback-close:hover {
  background: rgba(0, 0, 0, 0.14);
}

.goc-rcb-popup .callback-close svg {
  width: 14px;
  height: 14px;
  display: block;
}

.goc-rcb-popup .request-callback-inner {
  padding: 22px 44px 20px 22px;
  text-align: center;
}

.goc-rcb-popup .callback-exploring {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 8px;
}

.goc-rcb-popup .callback-exploring span {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  background: rgba(46, 204, 113, 0.12);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goc-rcb-popup .callback-exploring span svg {
  width: 17px;
  height: 17px;
  stroke: #27ae60;
}

.goc-rcb-popup .callback-exploring p {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  line-height: 1.4;
}

.goc-rcb-popup .exploring-text {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 16px;
  line-height: 1.5;
}

.goc-rcb-popup .callback-btn-div {
  display: flex;
  justify-content: center;
}

.goc-rcb-popup .callback-btn {
  background: linear-gradient(135deg, #27ae60, #2ecc71);
  color: #fff;
  border: 0;
  border-radius: 9px;
  padding: 10px 24px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(46, 204, 113, 0.32);
  transition: opacity 0.2s;
}

.goc-rcb-popup .callback-btn:hover {
  opacity: 0.88;
  color: #fff;
}

.goc-rcb-popup .callback-btn svg {
  width: 15px;
  height: 15px;
}

.goc-rcb-popup .request-callback-thank {
  padding: 22px;
  text-align: center;
}

.goc-rcb-popup .callback-thank {
  width: 46px;
  height: 46px;
  background: linear-gradient(135deg, #27ae60, #2ecc71);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(46, 204, 113, 0.32);
  margin: 0 auto 12px;
}

.goc-rcb-popup .callback-thank svg {
  width: 22px;
  height: 22px;
  stroke: #fff;
}

.goc-rcb-popup .thank-text {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 4px;
}

.goc-rcb-popup .thank-hours {
  font-size: 12px;
  color: #9ca3af;
  margin: 0;
  line-height: 1.5;
}

.dark-theme .callback-exploring p {
  color: #fff;
}
.dark-theme .request-callback-div {
  background-color: #000000;
}
.dark-theme .request-callback-thank .thank-hours span {
  color: #fff;
}
.dark-theme .request-callback-thank .thank-text {
  color: #fff;
}
.dark-theme .callback-close {
  border-color: #fff;
  background: rgba(255, 255, 255, 0);
}
.dark-theme .callback-close svg {
  stroke: #fff;
}
.dark-theme .callback-close:hover {
  background: rgba(255, 255, 255, 0.15);
}
.dark-theme .callback-close:hover svg {
  stroke: #fff;
}
.dark-theme .goc-rcb-popup {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .goc-rcb-popup .thank-text {
  color: #f1f5f9;
}
.dark-theme .goc-rcb-popup .exploring-text {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .goc-rcb-popup .thank-hours {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .goc-rcb-popup .callback-close {
  background: rgba(255, 255, 255, 0.1);
  color: #ddd;
}
.dark-theme .goc-rcb-popup .callback-close:hover {
  background: rgba(255, 255, 255, 0.2);
}

.gta-investor-section {
  min-height: calc(100vh - 55px);
}
.gta-investor-section .gta-form-btn .btn.btn-primary {
  min-width: 135px;
}
.gta-investor-section .card-header .btn.btn-primary {
  font-size: 12px;
  padding: 6px 12px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.inv-mn-btn {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 6px;
  padding-top: 10px;
}

.invest-mnt-sectiocn .btn.btn-primary {
  font-size: 14px;
}
.invest-mnt-sectiocn .btn.btn-outline-primary {
  color: #000 !important;
  font-size: 13px;
  padding: 5px 10px;
  box-shadow: none !important;
  background-color: transparent !important;
  transition: none;
}
.invest-mnt-sectiocn .btn.btn-outline-primary:hover {
  color: #fff !important;
  background: linear-gradient(to right, #6d47ff, #0C7375) !important;
}

.demt-account-btn {
  display: flex;
  gap: 10px;
  height: 100%;
  align-items: center;
  padding-bottom: 16px;
}
.demt-account-btn .btn {
  box-shadow: none !important;
}

.demt-account-note {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  color: #656565;
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 10px;
  font-family: "Poppins", sans-serif;
  flex-wrap: wrap;
  color: #000000;
}
.demt-account-note i {
  font-size: 18px;
}

.demt-account-alert {
  padding: 8px 12px;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  margin: 0px;
}

.tpd-text {
  margin-bottom: 12px;
}
.tpd-text .form-label {
  font-size: 16px;
  font-weight: 400;
  color: #7c7c7c;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 6px;
}
.tpd-text p {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 0px;
}

.trading-mode-div {
  margin-bottom: 14px;
}
.trading-mode-div .form-label {
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  font-family: var(--font-Poppins);
  margin-bottom: 3px;
  display: block;
}

.trading-mode-radio {
  border: 1px solid #aeafb0;
  display: inline-flex;
  align-items: center;
  padding: 5px 14px;
  gap: 16px;
  border-radius: 6px;
}
.trading-mode-radio .form-check {
  margin: 0px;
  cursor: pointer;
}
.trading-mode-radio .form-check .form-check-label {
  font-size: 14px;
  font-weight: 500;
  color: #000 !important;
  line-height: 22px;
  font-family: var(--font-Poppins);
  background-color: transparent;
}
.trading-mode-radio .form-check .form-check-input {
  margin-top: 4px !important;
}
.trading-mode-radio .form-check .form-check-input:checked {
  background-color: #0bb2b1;
  border-color: #0bb2b1;
}
.trading-mode-radio .form-check .form-check-input:focus {
  box-shadow: none;
}
.trading-mode-radio .form-check .form-check-input:checked + .form-check-label {
  color: #0bb2b1 !important;
}

.gta-inv-back {
  padding: 5px 10px !important;
  font-size: 12px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.investor-adddeal-section .trade-lgr-card {
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 8px;
}

.trade-oswal-title {
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}

.btn.refresh-port {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  justify-content: center;
  font-size: 13px;
  font-weight: 500;
  border-radius: 8px;
  box-shadow: none !important;
  border: 0px;
  font-family: var(--font-Poppins);
  color: #0db9b2 !important;
  background: rgba(13, 185, 178, 0.1019607843) !important;
}
.btn.refresh-port span {
  display: flex;
  align-items: center;
  gap: 5px;
}

.buh-check {
  display: flex;
  gap: 16px;
  margin-bottom: 14px;
}
.buh-check .form-check {
  padding-left: 25px;
}
.buh-check .form-check-label {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: #e2e8f0;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--font-Poppins);
}
.buh-check .form-check-input {
  margin-left: -25px;
  background-color: transparent;
  border: 1px solid #707070;
  box-shadow: none !important;
  width: 14px;
  height: 14px;
}
.buh-check .form-check-input:checked {
  background-color: #0DB9B2;
  border-color: #0DB9B2;
}

.buh-file-upload {
  border: 2px dashed #3a3d40;
  border-radius: 12px;
  padding: 25px 20px;
  text-align: center;
  margin-bottom: 16px;
}
.buh-file-upload p {
  color: #90a1b9;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-bottom: 12px;
  font-family: var(--font-Poppins);
}

.buh-upload-btn {
  display: flex;
  justify-content: center;
  padding: 6px 0px 18px;
}

.download-sample {
  background: #1a1d20;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.download-title {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.download-title p {
  color: #fff;
  font-family: var(--font-Poppins);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0px;
}

.download-btn {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.download-btn .btn-csv {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: #2a2d30;
  border-radius: 8px;
  color: #0DB9B2;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #3a3d40;
  transition: background 0.2s;
  font-family: var(--font-Poppins);
  justify-content: center;
}
.download-btn .btn-csv:hover {
  color: #0db9b2 !important;
  background-color: rgba(13, 185, 178, 0.1019607843) !important;
  border-color: rgba(13, 185, 178, 0.2196078431) !important;
}

.required-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  text-align: left;
}

.required-colum {
  color: #90a1b9;
  font-size: 13px;
  line-height: 20px;
  font-family: var(--font-Poppins);
}
.required-colum strong {
  color: #0DB9B2;
}

.beta-analye-right {
  display: flex;
  align-items: center;
  gap: 6px;
}

.global-algo-card p {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 22px;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
}

.bulk-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font-family: var(--font-Poppins);
  flex-wrap: wrap;
}

.bulk-row-count {
  color: #e2e8f0;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
}

.bulk-error-count {
  color: #ff4d4d;
  margin-left: 12px;
  font-weight: 600;
  font-size: 14px;
  display: inline-flex;
  gap: 6px;
  align-items: baseline;
}

.bulk-valid-count {
  color: #11d452;
  margin-left: 12px;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.bulk-clear-btn {
  color: #a0aec0 !important;
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  padding: 0px;
}
.bulk-clear-btn:hover {
  color: #e2e8f0 !important;
}

.bulk-table-wrapper {
  overflow-y: auto;
  border-radius: 8px;
  background: #1a1d20;
}

.bulk-table {
  margin-bottom: 0;
  color: #e2e8f0;
  font-size: 13px;
}
.bulk-table thead {
  position: sticky;
  top: 0;
  background: #1a1d20;
  z-index: 1;
}
.bulk-table thead th {
  padding: 10px 10px;
  font-size: 13px;
  border-bottom: 1px solid rgba(51, 56, 62, 0.6196078431);
  line-height: 16px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: oklch(55.4% 0.046 257.417deg);
  background-color: transparent;
  text-transform: uppercase;
  border-top: 0px;
  white-space: nowrap;
}
.bulk-table thead th:first-child {
  padding-left: 16px;
}
.bulk-table thead th:last-child {
  padding-right: 16px;
}
.bulk-table td {
  padding: 10px 10px;
  border-bottom: 1px solid rgba(51, 56, 62, 0.6196078431);
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  font-family: var(--font-Poppins);
  background-color: transparent;
  white-space: nowrap;
  vertical-align: middle;
}
.bulk-table td:first-child {
  padding-left: 16px;
}
.bulk-table td:last-child {
  padding-right: 16px;
}

.bulk-error-text {
  color: #ff4d4d;
  font-size: 12px;
  font-weight: 600;
}

.bulk-valid-icon {
  color: #11d452;
}

.bulk-upload-modal .modal-dialog.bulk-modal-xl {
  max-width: 920px;
}
.bulk-upload-modal .modal-body {
  padding: 15px 20px 15px;
  max-height: 70vh;
  overflow-y: auto;
}
.bulk-upload-modal .modal-body::-webkit-scrollbar {
  width: 5px;
}
.bulk-upload-modal .modal-body::-webkit-scrollbar-track {
  background: #141618;
}
.bulk-upload-modal .modal-body::-webkit-scrollbar-thumb {
  background: #3a3d40;
  border-radius: 3px;
}

.bulk-two-partition {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bulk-partition {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #2a2d30;
}

.bulk-partition-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.bulk-partition-valid {
  background: rgba(17, 212, 82, 0.08);
  color: #11d452;
  border-bottom: 1px solid rgba(17, 212, 82, 0.15);
}

.bulk-partition-err {
  background: rgba(255, 77, 77, 0.08);
  color: #ff4d4d;
  border-bottom: 1px solid rgba(255, 77, 77, 0.15);
}

.bulk-error-row {
  background: rgba(255, 77, 77, 0.05);
}

.th-sno {
  width: 36px;
}

.th-action-col {
  width: 72px;
}

.th-symbol {
  min-width: 80px;
}

.th-qty {
  width: 60px;
}

.th-price {
  width: 74px;
}

.th-date {
  width: 90px;
}

.th-exchange {
  width: 50px;
}

.th-status {
  min-width: 140px;
}

.td-sno {
  color: #596575;
}

.td-qty,
.td-price {
  font-variant-numeric: tabular-nums;
}

.td-exchange {
  text-transform: uppercase;
}

.td-error .bulk-error-text {
  color: #ff4d4d;
  display: block;
  white-space: normal;
  word-break: break-word;
}

.td-action-col {
  white-space: nowrap;
}

.bulk-btn-edit,
.bulk-btn-remove {
  border: none;
  background: transparent;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}

.bulk-btn-edit {
  color: #0DB9B2;
}
.bulk-btn-edit:hover {
  background: rgba(13, 185, 178, 0.12);
  color: #0feae1;
}

.bulk-btn-remove {
  color: #a0aec0;
}
.bulk-btn-remove:hover {
  background: rgba(255, 77, 77, 0.12);
  color: #ff4d4d;
}

.td-edit-fields {
  padding: 6px 8px !important;
}

.bulk-edit-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.bulk-edit-input {
  background: #22262a;
  border: 1px solid #3a3d40;
  border-radius: 6px;
  color: #e2e8f0;
  font-size: 14px;
  padding: 4px 6px;
  font-family: var(--font-Poppins);
  outline: none;
  transition: border-color 0.15s;
}
.bulk-edit-input:focus {
  border-color: #6f7c8e;
  color: #d7e0ed;
}

.bulk-edit-symbol {
  width: 90px;
}

.bulk-edit-qty {
  width: 60px;
}

.bulk-edit-price {
  width: 74px;
}

.bulk-edit-date {
  width: 100px;
}

.bulk-edit-exchange {
  width: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
}

.bulk-btn-save,
.bulk-btn-cancel {
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s;
  line-height: 1;
}

.bulk-btn-save {
  background: rgba(13, 185, 178, 0.15);
  color: #0DB9B2;
}
.bulk-btn-save:hover {
  background: rgba(13, 185, 178, 0.25);
}

.bulk-btn-cancel {
  background: rgba(160, 174, 192, 0.1);
  color: #a0aec0;
}
.bulk-btn-cancel:hover {
  background: rgba(160, 174, 192, 0.2);
}

.investor-user-card {
  background: linear-gradient(135deg, rgb(248, 249, 255) 0%, rgb(238, 241, 255) 100%) 0% 0%/cover;
  border: 1px solid rgb(212, 218, 255);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 10px;
}

.investor-name-card label {
  font-size: 11px;
  color: #6c757d;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: var(--font-Poppins);
}
.investor-name-card p {
  font-size: 15px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0;
  font-family: var(--font-Poppins);
}

.investor-radio .form-check-input {
  box-shadow: none;
}
.investor-radio .form-check-input:checked {
  background-color: #6d47ff;
  border-color: #6d47ff;
}

.inv-search-btn {
  border-radius: 0.375rem;
  background: transparent;
  min-width: 42px;
  color: #a0a0a0;
  box-shadow: none;
  position: absolute;
  z-index: 8;
  right: 0px;
  height: 100%;
  border: 0px;
  border-left: 1px solid #d0d3d8;
}

.note-inve {
  flex-wrap: nowrap;
  align-items: flex-start;
}

.input-group-search .form-control {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
  padding-right: 71px;
}
.input-group-search .form-control.is-invalid {
  background-position: right calc(0.375em + 2.8rem) center;
}

.inv-registered-card {
  background: linear-gradient(135deg, rgb(248, 249, 255) 0%, rgb(238, 241, 255) 100%) 0% 0%/cover;
  border: 1px solid rgb(212, 218, 255);
  border-radius: 10px;
  padding: 12px 16px;
  margin-bottom: 6px;
}
.inv-registered-card small {
  font-size: 14px;
  color: #000;
  margin-bottom: 0px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  line-height: 24px;
}
.inv-registered-card strong {
  font-size: 14px;
  font-weight: 400;
  color: #2c3e50;
  margin: 0;
  font-family: var(--font-Poppins);
  line-height: 24px;
}

.text-warning-error {
  color: rgb(222, 98, 3);
  font-weight: 400;
  line-height: 16px;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
}

.broker-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.broker-selected-count {
  font-size: 12px;
  font-weight: 600;
  color: #0C7375;
  font-family: var(--font-Poppins);
  background: rgba(12, 115, 117, 0.1);
  padding: 3px 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.broker-select-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 0;
}

.broker-select-grid.broker-select-error {
  border-color: #dc3545;
  background: #fff8f8;
}

.broker-grid-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border: 1.5px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  min-width: 0;
}

.broker-grid-item:hover {
  border-color: #0C7375;
  background: #f0fafb;
  box-shadow: 0 2px 8px rgba(12, 115, 117, 0.12);
}

.broker-avatar {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
  background: rgba(12, 115, 117, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: #0C7375;
  transition: all 0.2s;
  font-family: var(--font-Poppins);
  overflow: hidden;
}
.broker-avatar img {
  width: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 6px;
}

.broker-name {
  font-size: 13px;
  font-weight: 500;
  color: #2d3748;
  font-family: var(--font-Poppins);
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.broker-check-badge {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  background: #0C7375;
  display: flex;
  align-items: center;
  justify-content: center;
}

.broker-check-badge i {
  font-size: 10px;
  color: #fff;
}

.broker-grid-item-active {
  border-color: #0C7375;
  background: linear-gradient(135deg, rgba(109, 71, 255, 0.04), rgba(12, 115, 117, 0.07));
  box-shadow: 0 2px 10px rgba(12, 115, 117, 0.15);
}

.broker-grid-item-active .broker-avatar {
  background: linear-gradient(135deg, #6d47ff, #0C7375);
  color: #fff;
}

.broker-grid-item-active .broker-name {
  color: #0C7375;
  font-weight: 600;
}

.broker-toggle-row {
  display: flex;
  justify-content: center;
  padding: 18px 16px 0px;
  margin-bottom: 6px;
}

.broker-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 20px;
  border-radius: 20px;
  border: 1.5px solid #0C7375;
  background: transparent;
  color: #0C7375;
  font-size: 13px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  cursor: pointer;
  transition: all 0.18s ease;
}

.broker-toggle-btn:hover {
  background: #0C7375;
  color: #fff;
}

.broker-toggle-count {
  font-weight: 400;
  font-size: 12px;
  opacity: 0.8;
}

.step-success-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-success-popup {
  background: #fff;
  border-radius: 12px;
  padding: 32px 28px;
  max-width: 380px;
  width: 90%;
  text-align: center;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

.step-success-popup .step-success-icon {
  margin-bottom: 16px;
}

.step-success-popup .step-success-title {
  font-size: 17px;
  font-weight: 600;
  color: #157081;
  margin-bottom: 10px;
}

.step-success-popup .step-next-msg {
  font-size: 14px;
  color: #555;
  margin-bottom: 22px;
}

.step-success-popup .btn {
  min-width: 100px;
}

.broker-select-card {
  padding: 16px;
  border: 1.5px solid #e2e8f0;
  border-radius: 12px;
  background: #fafbfc;
}

.roni-oppor-list {
  list-style: disc;
  padding-left: 20px;
  line-height: 2;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 22px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 15px;
}

.roni-oppor-form {
  max-width: 473px;
  margin: 16px auto;
}

.formerror-text {
  color: #dc3545;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

.btn-por-black {
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.5rem 1rem;
  border: 1px solid #2a2d30;
  border-radius: 0.75rem;
  gap: 0.5rem;
  display: inline-flex;
  align-items: center;
  color: #cbd5e1;
  background-color: transparent;
  font-family: var(--font-Poppins);
  white-space: nowrap;
  box-shadow: none !important;
}
.btn-por-black svg {
  width: 14px;
  height: 13px;
}
.btn-por-black:hover {
  background-color: #1b1d1f !important;
  color: #cbd5e1 !important;
  border-color: #2a2d30 !important;
}

.table-over-btn {
  gap: 0.5rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
.table-over-btn .btn-portfolio {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.5rem 1rem;
}

.table-plusicon {
  background-color: rgba(13, 185, 178, 0.1019607843);
  width: 46px;
  min-width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  padding: 4px;
  margin: 0px auto 12px;
}
.table-plusicon svg {
  stroke: #0db9b2;
  width: 24px;
}

.position-table-over {
  background-image: url("/images/portfolio-symbol/table-ovimg.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.position-table-overin {
  text-align: center;
  padding: 25px 15px 40px;
}
.position-table-overin h3 {
  color: #fff;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 0.25rem;
  font-family: var(--font-Poppins);
}
.position-table-overin p {
  font-family: var(--font-Poppins);
  color: #94a3b8;
  font-size: 0.75rem;
  line-height: 1rem;
  max-width: 20rem;
  margin: 0px auto 1rem;
}

.analysis-locked-wrapper {
  position: relative;
}

.analysis-locked-wrapper .analysis-locked-content {
  filter: blur(3px);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.65;
}

.analysis-locked-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.analysis-locked-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(13, 17, 23, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 24px;
  padding: 10px 24px;
  color: #c9d1d9;
  font-size: 14px;
  font-weight: 500;
  backdrop-filter: blur(4px);
}

.analysis-locked-badge svg {
  flex-shrink: 0;
}

.mrkt-anls-detail {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 2px 2px;
  flex-wrap: wrap;
}

.mrkt-anls-detail span {
  font-size: 13px;
  color: var(--po-text-color);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.mrkt-anls-detail b {
  font-size: 12px;
  font-weight: 600;
  color: #e2e8f0;
}

.mrkt-anls-detail .green-text {
  color: #8a9bb0 !important;
}

.mrkt-anls-detail .green-text b {
  color: #11d452 !important;
}

.mrkt-anls-detail .red-text {
  color: #8a9bb0 !important;
}

.mrkt-anls-detail .red-text b {
  color: #ff4d4d !important;
}

.modal-stock-card {
  flex-wrap: wrap;
}

.modal-stock-pnl-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 6px 0 2px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 6px;
  flex-wrap: wrap;
}

.modal-stock-inv {
  font-size: 11px;
  color: #8a9bb0;
}

.modal-stock-inv b {
  font-size: 11px;
  font-weight: 600;
  color: #c8d6e8;
}

.modal-stock-pnl-row .green-text {
  font-size: 11px;
  color: #8a9bb0;
}

.modal-stock-pnl-row .green-text b {
  color: #11d452;
  font-weight: 600;
}

.modal-stock-pnl-row .red-text {
  font-size: 11px;
  color: #8a9bb0;
}

.modal-stock-pnl-row .red-text b {
  color: #ff4d4d;
  font-weight: 600;
}

.beta-modal-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--po-text-color);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 4px;
}

.beta-modal-table-header div {
  display: flex;
  gap: 28px;
}

.beta-modal-row {
  padding: 8px 12px;
}

.beta-modal-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cap-stock-value {
  font-size: 11px;
  color: var(--po-text-color);
  margin-top: 2px;
}

.cap-pnl-charts-row {
  background-color: #1a1d1f;
  border-radius: 12px;
  padding: 16px;
}
.cap-pnl-charts-row .port-analysis-card-top {
  padding: 0px;
  border: 0px;
  margin-bottom: 10px;
}

.cap-pnl-chart-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.cap-pnl-chart-header span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--po-text-color);
}

.cap-pnl-chart-legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 4px;
  flex-wrap: wrap;
}

.cap-pnl-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  color: var(--po-text-color);
}

.cap-pnl-chart-legend b {
  font-size: 11px;
  font-weight: 600;
  position: relative;
  top: 1px;
}

.cap-pnl-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.more-bata-div {
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 20px;
}

.cap-beta-more {
  cursor: pointer;
  color: #0db9b2;
  font-family: var(--font-Poppins);
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  justify-content: center;
  background: rgba(13, 185, 178, 0.1019607843);
  display: inline-flex;
  padding: 4px 12px;
  border-radius: 6px;
}

.low-beta-card-green .cap-beta-more {
  color: rgb(17, 212, 82);
  background-color: rgba(17, 212, 82, 0.082);
}

.low-beta-card-orange .cap-beta-more {
  color: rgb(249, 115, 22);
  background-color: #2d241e;
}

.low-beta-card-red .cap-beta-more {
  color: rgb(255, 77, 77);
  background-color: rgba(255, 77, 77, 0.082);
}

.sect-gain-pct {
  display: block;
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
}

.pnl-tab-btns {
  display: flex;
  gap: 6px;
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  border-radius: 8px;
  overflow: hidden;
}
.pnl-tab-btns .pnl-tab-btn.active {
  background: #183c3d !important;
  border: 0px !important;
  color: #0db9b2 !important;
}
.pnl-tab-btns .pnl-tab-btn:nth-child(2).active {
  background: rgba(129, 140, 248, 0.2) !important;
  border: 0px !important;
  color: #818cf8 !important;
}

.pnl-tab-btn {
  background: transparent;
  border: 0px;
  color: oklch(70.4% 0.04 256.788deg);
  font-family: var(--font-Poppins);
  border-radius: 0px;
  box-shadow: none !important;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  font-size: 12px;
  padding: 6px 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.pnl-tab-btn.active {
  background: #0db9b2;
  border-color: #0db9b2;
  color: #fff;
}

.pnl-head-summary {
  display: flex;
  align-items: center;
  gap: 16px;
}

.pnl-head-summary span {
  font-size: 11px;
  color: #888;
  white-space: nowrap;
}

.pnl-head-summary span b {
  font-weight: 600;
  color: #ddd;
  margin-left: 4px;
}

.pnl-head-summary span b.green-text {
  color: #11d452;
}

.pnl-head-summary span b.red-text {
  color: #ff4d4d;
}

.pnl-charts-row {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

.pnl-chart-col {
  flex: 1;
  min-width: 0;
}

.pnl-chart-label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: oklch(85% 0.02 256.98deg);
  letter-spacing: 0.5px;
  margin-bottom: 6px;
  line-height: 18px;
}

.pnl-legend-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.pnl-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pnl-legend-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pnl-legend-name {
  font-size: 14px;
  color: #aaa;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pnl-legend-pct {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

.port-detail-drop-row {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.btn.edit-po-btn {
  background-color: rgba(13, 185, 178, 0.1019607843);
  color: #097272 !important;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  line-height: 1;
  border: 1px solid rgba(13, 185, 178, 0.1019607843);
  box-shadow: none;
}
.btn.edit-po-btn:hover {
  border-color: #0bb2b1;
}

.btn.delete-po-btn {
  background-color: rgba(255, 77, 77, 0.1294117647);
  border: 1px solid rgba(255, 77, 77, 0.1294117647);
  color: #813131 !important;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  line-height: 1;
  box-shadow: none;
}
.btn.delete-po-btn:hover {
  border-color: #863636;
  color: #ff4d4d !important;
}

.delete-po-body {
  text-align: center;
  padding: 15px 0px;
}
.delete-po-body p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 10px;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
}
.delete-po-body h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: var(--font-Poppins);
  color: #fff;
}

.sia-flex-layout {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.sia-chart-col {
  width: 45%;
  flex-shrink: 0;
}

.sia-table-col {
  flex: 1;
  min-width: 0;
}

.sia-connector {
  width: 20px;
  height: 1px;
  background-color: #2a2d30;
  flex-shrink: 0;
}

.sia-stock-badge {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  flex-shrink: 0;
}

.pnl-chart-box {
  background: #1a1d1f;
  border-radius: 12px;
  padding: 16px;
  flex: 1;
  min-width: 0;
}

.sia-gain-pos {
  color: #34d399;
  font-weight: 600;
}

.sia-gain-neg {
  color: rgb(255, 77, 77);
  font-weight: 600;
}

.sia-gain-pos-sub {
  color: rgba(16, 185, 129, 0.7);
  font-size: 11px;
}

.sia-gain-neg-sub {
  color: #f87171;
  font-size: 10px;
}

.sia-table-footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 10px;
  font-size: 11px;
  color: oklch(86.9% 0.022 252.894deg);
  flex-wrap: wrap;
}

.sia-table-footer b {
  font-weight: 600;
  color: #fff;
}

.pnl-section-separator {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(42, 45, 48, 0.5);
}
.pnl-section-separator .port-analysis-card-top {
  padding: 0px;
  border: 0px;
  margin-bottom: 14px;
}

.pnl-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.pnl-section-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #fff;
  font-family: var(--font-Poppins);
  margin-bottom: 0;
}

.low-betapo-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.po-loader {
  padding: 28px 0;
  gap: 10px;
  color: #64748b;
  font-size: 13px;
  position: absolute;
  z-index: 1;
  top: 0px;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2588235294);
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.beta-stock-tp {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  font-family: var(--font-Poppins);
}

.select-do-inv {
  position: relative;
}
.select-do-inv .input-clear {
  position: absolute;
  right: 10px;
  top: -6px;
  background-color: transparent;
  border: 0px;
  padding: 5px;
  font-size: 22px;
  z-index: 1;
}

.gta-ac-list {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #dee2e6;
  position: absolute;
  z-index: 2;
  margin-top: 4px;
  padding: 0px;
  width: 100%;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0392156863);
  overflow: auto;
  max-height: 236px;
}
.gta-ac-list ::-webkit-scrollbar {
  width: 6px;
}
.gta-ac-list ::-webkit-scrollbar-track {
  background: #fff !important;
}
.gta-ac-list ::-webkit-scrollbar-thumb {
  background: #dee2e6 !important;
}
.gta-ac-list li {
  padding: 12px 16px;
}
.gta-ac-list li:hover {
  background-color: #f3f3f3;
}
.gta-ac-list .gta-ac-list-item {
  padding: 12px 16px;
  border-bottom: 1px solid #aeafb0;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 22px;
  font-family: var(--font-Poppins);
}
.gta-ac-list .gta-ac-list-item:hover {
  background-color: #f3f3f3;
}
.gta-ac-list .gta-ac-list-item:last-child {
  border-bottom: 0px;
}

.bulk_upload_modal .modal-body {
  padding: 0px;
}
.bulk_upload_modal .modal-dialog {
  max-width: 70rem;
}

.bu-upload-content {
  padding: 24px;
}

.bu-upload-tab-row {
  padding: 12px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid color-mix(in oklab, #2a2d30 50%, transparent);
  overflow: auto;
}
.bu-upload-tab-row::-webkit-scrollbar {
  width: 0px;
  display: none;
}
.bu-upload-tab-row .bu-upload-tab-btn {
  color: oklch(55.4% 0.046 257.417deg);
  white-space: nowrap;
  font-weight: 500;
  font-size: 12px;
  font-family: var(--font-Poppins);
  line-height: 14px;
  padding: 7px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  border: 1px solid transparent;
  border-radius: 22px;
  text-transform: capitalize;
}
.bu-upload-tab-row .bu-upload-tab-btn.active {
  color: #0DB9B2;
  border-color: #115856;
  background-color: #132f2f;
}
.bu-upload-tab-row .bu-upload-tab-btn.tab-btn-fill {
  color: #0DB9B2;
}
.bu-upload-tab-row .bu-upload-tab-line {
  background-color: #2a2d30;
  width: 60px;
  height: 1px;
}
.bu-upload-tab-row .bu-upload-tab-line.tab-btn-fill {
  background-color: #0DB9B2;
}

.bu-upload-head {
  margin-bottom: 20px;
  text-align: center;
}
.bu-upload-head h2 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  font-family: var(--font-Poppins);
  margin-bottom: 6px;
}
.bu-upload-head p {
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: var(--font-Poppins);
  margin-bottom: 0px;
}

.bu-upload-line-div {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}
.bu-upload-line-div .bu-up-no {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  background-color: #0DB9B2;
}
.bu-upload-line-div .bu-up-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--font-Poppins);
  margin: 0px;
  white-space: nowrap;
}
.bu-upload-line-div .bu-up-line {
  width: 100%;
  height: 1px;
  background-color: #2a2d30;
}

.bu-up-card-row {
  display: flex;
  gap: 12px;
}

.bu-don-card {
  background-color: #1a1d1f;
  border: 1px solid #2a2d30;
  border-radius: 0.75rem;
  padding: 16px;
}
.bu-don-card .bu-don-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.bu-don-card .bu-don-card-top svg {
  width: 16px;
  height: 16px;
  color: #0DB9B2;
}
.bu-don-card .bu-don-card-top span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--font-Poppins);
}
.bu-don-card p {
  color: oklch(70.4% 0.04 256.788deg);
  font-weight: 400;
  font-family: var(--font-Poppins);
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.bu-don-card p span {
  color: #fff;
  font-weight: 600;
}

.bu-don-btn {
  color: #0DB9B2 !important;
  background-color: #182c2e !important;
  padding: 10px 12px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  font-family: var(--font-Poppins);
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
  border: 0px !important;
  box-shadow: none !important;
  width: 100%;
}
.bu-don-btn:hover {
  background-color: #183c3d !important;
  color: #0DB9B2 !important;
}

.bu-upload-card {
  margin-bottom: 20px;
}

.bu-puload-img {
  border: 2px solid #124c4b;
  border-radius: 0.75rem;
  padding: 32px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s;
  background-color: #141e20;
}
.bu-puload-img:hover {
  background-color: #132628;
  border-color: #0f7e7b;
}

.bu-puload-img.dragover {
  border-color: #22c55e;
  background: #f0fdf4;
}

.bu-puload-img .upload-icon {
  margin-bottom: 12px;
  display: flex;
}
.bu-puload-img .upload-icon svg {
  font-size: 36px;
  height: 36px;
  color: #0DB9B2;
}

.bu-puload-img h3 {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: 600;
  line-height: 20px;
  font-family: var(--font-Poppins);
}

.bu-puload-img p {
  color: oklch(70.4% 0.04 256.788deg);
  font-weight: 400;
  font-family: var(--font-Poppins);
  font-size: 12px;
  line-height: 20px;
  margin: 0px;
}

.bu-puload-img .browse-link {
  color: #22c55e;
  font-weight: 600;
  cursor: pointer;
}

.bu-puload-img input {
  display: none;
}

.bu-upload-table-card {
  border: 1px solid #2a2d30;
  border-radius: 0.75rem;
  overflow: hidden;
  margin-bottom: 16px;
}

.table-bu-up {
  white-space: nowrap;
  margin: 0px;
}
.table-bu-up th {
  font-family: var(--font-Poppins);
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
  font-weight: 600;
  background-color: #0a0e0f;
  border: 0px !important;
  padding: 12px 20px;
}
.table-bu-up td {
  font-family: var(--font-Poppins);
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  background-color: transparent;
  border-color: #2a2d30;
  border-top: 0px;
  padding: 15px 20px;
  vertical-align: middle;
}
.table-bu-up .tb-stock-name {
  display: flex;
  gap: 4px;
  white-space: nowrap;
}
.table-bu-up .tb-stock-name span {
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 12px;
  font-weight: 400;
  margin-left: 0.25rem;
  display: inline-block;
}
.table-bu-up .td-oty-price {
  color: oklch(86.9% 0.022 252.894deg);
  font-size: 14px;
  font-weight: 500;
}
.table-bu-up .td-oty-date {
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 12px;
  font-weight: 400;
}
.table-bu-up .td-oty-date ::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
.table-bu-up .td-oty-btns {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-end;
}
.table-bu-up .td-oty-btns p {
  font-size: 12px;
  line-height: 18px;
  font-family: var(--font-Poppins);
  margin: 0;
  font-weight: 500;
  color: oklch(77% 0.18 80.47deg);
  white-space: normal;
}
.table-bu-up .td-oty-btns .text-pri-blue {
  color: #0DB9B2;
}
.table-bu-up .td-oty-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.table-bu-up .td-oty-btn .btn-portfolio {
  font-size: 12px;
  line-height: 16px;
  padding: 8px 12px;
  border-radius: 0.5rem;
  white-space: nowrap;
}

.btn-tb {
  border: 1px solid #3a3d40;
  color: oklch(86.9% 0.022 252.894deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 12px;
  font-family: var(--font-Poppins);
  border-radius: 0.5rem;
  box-shadow: none !important;
  gap: 4px;
  white-space: nowrap;
  font-weight: 600;
}
.btn-tb:hover {
  border-color: var(--po-primary-color) !important;
  color: #fff !important;
  background-color: transparent;
}

.bu-up-confirm {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-end;
  padding-top: 8px;
}
.bu-up-confirm .btn-tb {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 16px;
  border-radius: 12px;
}

.bu-up-date-card {
  text-align: center;
  padding: 20px 0px 30px;
  margin-bottom: 16px;
}
.bu-up-date-card p {
  font-family: var(--font-Poppins);
  font-weight: 400;
  color: oklch(70.4% 0.04 256.788deg);
  line-height: 20px;
  font-size: 14px;
  max-width: 386px;
  margin: 0px auto 4px;
}
.bu-up-date-card .bu-up-date-title {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.bu-up-date-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #14291e;
  margin: 0px auto 16px;
}
.bu-up-date-icon svg {
  width: 28px;
  height: 28px;
  color: #11d452;
}

.bu-up-date-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bu-up-date-btn .btn-tb {
  font-size: 14px;
  font-weight: 500;
  padding: 12px 16px;
  border-radius: 12px;
  min-width: 126px;
}
.bu-up-date-btn .btn-tb:hover {
  background-color: #202224 !important;
  border-color: #2a2d30 !important;
}

.bu-up-not-found .bu-up-date-icon {
  background-color: #2c1c1e;
}
.bu-up-not-found .bu-up-date-icon svg {
  color: #ff4d4d;
}

.bu-tab-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 12px;
  gap: 8px;
}
.bu-tab-not-found span {
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  font-family: var(--font-Poppins);
  line-height: 14px;
  padding: 6px 12px;
  text-align: center;
  border-radius: 0.5rem;
  background-color: #202224;
}

.bu-watch-btn {
  background-color: #313435 !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 0px !important;
}
.bu-watch-btn span {
  width: 24px;
  min-width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #0db9b2;
  background-color: rgba(13, 185, 178, 0.168627451);
  border-radius: 50%;
  display: inline-flex;
  text-align: center;
}
.bu-watch-btn:hover {
  background-color: #3e4244 !important;
}

.watch-video-modal .modal-body {
  padding: 0px;
}

.watch-video-div iframe {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  width: 100% !important;
  height: 300px !important;
}

.bu-confirm-count strong {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  font-family: var(--font-Poppins);
  margin-bottom: 1rem;
}

.bu-error-list {
  padding-left: 0;
  list-style: none;
}
.bu-error-list li {
  font-family: var(--font-Poppins);
  font-weight: 400;
  color: oklch(76% 0.04 256.79deg);
  line-height: 20px;
  font-size: 14px;
  max-width: 386px;
  margin: 0px auto 6px;
}

.bu-import-confirm-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: inherit;
}

.bu-confirm-dark-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1054;
  display: none;
}

.bu-confirm-dark-overlay.active {
  display: block;
}

#exampleModalbulk.bu-blurred .modal-content {
  filter: blur(6px);
  transition: filter 0.2s ease;
}

.bu-import-confirm-title {
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 8px;
  font-family: var(--font-Poppins);
}

.bu-import-confirm-msg {
  color: oklch(70.4% 0.04 256.788deg);
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  font-family: var(--font-Poppins);
}

.bu-import-confirm-btns {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.bu-import-confirm-btns .btn {
  border-radius: 0.75rem !important;
  padding: 8px 20px !important;
}

.po-you-sure-modal .modal-body {
  padding: 20px;
}
.po-you-sure-modal .modal-dialog {
  max-width: 385px;
}

.table-bu-up .td-oty-btn .btn-not-found {
  background-color: rgba(255, 77, 77, 0.1294117647) !important;
  color: rgb(255, 77, 77) !important;
  border: 0px !important;
}

.table-bu-up .td-oty-btns p.not-found-pt {
  color: rgb(255, 77, 77);
  font-weight: 600;
}

.notfount-td {
  display: flex;
  gap: 5px;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}

.errortd {
  font-size: 12px;
  line-height: 18px;
  font-family: var(--font-Poppins);
  margin: 0;
  color: rgb(255, 77, 77);
  font-weight: 600;
}

.notfount-td-btn .btn.edit-po-btn {
  color: #009191 !important;
}
.notfount-td-btn .btn.delete-po-btn {
  color: rgb(255, 77, 77) !important;
}

.td-search-div .btn.edit-po-btn {
  color: #009191 !important;
}
.td-search-div .btn.delete-po-btn {
  color: rgb(255, 77, 77) !important;
}

.beta-analy-text.pnl-tx h3 {
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
}

.holding-tabls {
  border: 0px;
  gap: 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.5rem;
}
.holding-tabls .nav-item:nth-child(2) .nav-link {
  border-left-color: rgba(95, 122, 153, 0.3019607843);
}
.holding-tabls .nav-item:nth-child(2) .nav-link .tab-icon {
  background-color: rgba(95, 122, 153, 0.0509803922);
  border-color: rgba(95, 122, 153, 0.1490196078);
}
.holding-tabls .nav-item:nth-child(2) .nav-link .tab-icon svg {
  color: #5f7a99;
}
.holding-tabls .nav-item:nth-child(2) .nav-link:hover {
  background-color: #16191c;
  color: oklch(70.4% 0.04 256.788deg);
  border-color: #2a2d30;
  border-left-color: rgba(95, 122, 153, 0.6);
}
.holding-tabls .nav-item:nth-child(2) .nav-link.active {
  color: #fff;
  background-color: #16191c;
  border-color: #2a2d30;
  border-left-color: #5f7a99;
  box-shadow: 0px 9px 14px 0px rgba(95, 122, 153, 0.2509803922) !important;
}
.holding-tabls .nav-item:nth-child(2) .nav-link.active .tab-icon {
  background-color: rgba(95, 122, 153, 0.2);
  border-color: rgba(95, 122, 153, 0.5019607843);
}
.holding-tabls .tab-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  background-color: rgba(13, 185, 178, 0.0509803922);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(13, 185, 178, 0.1490196078);
}
.holding-tabls .tab-icon svg {
  width: 16px;
  height: 16px;
  color: #0db9b2;
}
.holding-tabls .nav-link {
  border-radius: 0.75rem;
  gap: 8px;
  display: flex;
  align-items: center;
  color: oklch(70.4% 0.04 256.788deg);
  font-weight: 600;
  font-family: var(--font-Poppins);
  font-size: 0.875rem;
  line-height: 22px;
  padding: 10px 18px;
  background-color: #0f1214;
  border: 1px solid #2a2d30;
  border-left: 4px solid rgba(13, 185, 178, 0.3019607843);
  box-shadow: none !important;
  transition: none;
}
.holding-tabls .nav-link:hover {
  background-color: #16191c;
  color: oklch(70.4% 0.04 256.788deg);
  border-color: #2a2d30;
  border-left-color: rgba(13, 185, 178, 0.6);
}
.holding-tabls .nav-link.active {
  color: #fff;
  background-color: #16191c;
  border-color: #2a2d30;
  border-left-color: #0db9b2;
  box-shadow: 0px 9px 14px 0px rgba(0, 179, 179, 0.2588235294) !important;
}
.holding-tabls .nav-link.active .tab-icon {
  background-color: rgba(13, 185, 178, 0.1490196078);
}

.holding-po-no p {
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
  margin: 0px;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 16px;
  display: flex;
  gap: 4px;
  align-items: center;
}

.green-holding-card .portf-overv-card {
  border-left-color: rgb(13, 185, 178) !important;
}
.green-holding-card .port-analysis-card {
  border-left-color: rgb(13, 185, 178) !important;
}
.green-holding-card .portfolio-data-card {
  border-left-color: rgb(13, 185, 178) !important;
}
.green-holding-card .beta-analysis-content {
  border-left-color: rgb(13, 185, 178) !important;
}
.green-holding-card .stor-ind-Analys-card {
  border-left-color: rgb(13, 185, 178) !important;
}
.green-holding-card .portf-overv-card-top {
  background: linear-gradient(to right, rgba(13, 185, 178, 0.08), rgb(26, 29, 31));
}
.green-holding-card .portfolio-data-top {
  background: linear-gradient(to right, rgba(13, 185, 178, 0.08), rgb(26, 29, 31));
}
.green-holding-card .beta-analy-top {
  background: linear-gradient(to right, rgba(13, 185, 178, 0.08), rgb(26, 29, 31));
}
.green-holding-card .port-analysis-card-top {
  background: linear-gradient(to right, rgba(13, 185, 178, 0.08), rgb(26, 29, 31));
}
.green-holding-card .stor-ind-Analys-top {
  background: linear-gradient(to right, rgba(13, 185, 178, 0.08), rgb(26, 29, 31));
}
.green-holding-card .beta-analy-icon {
  border: 1px solid rgba(13, 185, 178, 0.3019607843);
}
.green-holding-card .beta-analy-text p {
  color: oklch(86.9% 0.022 252.894deg);
}
.green-holding-card .pnl-chart-box .port-analysis-card-top {
  background: transparent;
}
.green-holding-card .pnl-chart-box .port-analysis-card-top .beta-analy-icon {
  border: 0px;
}
.green-holding-card .cap-pnl-charts-row .port-analysis-card-top {
  background: transparent;
}
.green-holding-card .cap-pnl-charts-row .port-analysis-card-top .beta-analy-icon {
  border: 0px;
}
.green-holding-card .portfolio-data-table .table .company-div .company-img {
  border-color: rgba(13, 185, 178, 0.1803921569);
}
.green-holding-card .po-telegram-section {
  border-left-color: rgb(13, 185, 178) !important;
}

.blue-holding-card .portf-overv-card {
  border-left-color: rgb(95, 122, 153) !important;
}
.blue-holding-card .port-analysis-card {
  border-left-color: rgb(95, 122, 153) !important;
}
.blue-holding-card .portfolio-data-card {
  border-left-color: rgb(95, 122, 153) !important;
}
.blue-holding-card .beta-analysis-content {
  border-left-color: rgb(95, 122, 153) !important;
}
.blue-holding-card .stor-ind-Analys-card {
  border-left-color: rgb(95, 122, 153) !important;
}
.blue-holding-card .portf-overv-card-top {
  background: linear-gradient(to right, rgba(95, 122, 153, 0.08), rgb(26, 29, 31));
}
.blue-holding-card .portfolio-data-top {
  background: linear-gradient(to right, rgba(95, 122, 153, 0.08), rgb(26, 29, 31));
}
.blue-holding-card .beta-analy-top {
  background: linear-gradient(to right, rgba(95, 122, 153, 0.08), rgb(26, 29, 31));
}
.blue-holding-card .port-analysis-card-top {
  background: linear-gradient(to right, rgba(95, 122, 153, 0.08), rgb(26, 29, 31));
}
.blue-holding-card .stor-ind-Analys-top {
  background: linear-gradient(to right, rgba(95, 122, 153, 0.08), rgb(26, 29, 31));
}
.blue-holding-card .beta-analy-icon {
  border: 1px solid rgba(95, 122, 153, 0.3019607843);
  background-color: rgba(95, 122, 153, 0.1);
}
.blue-holding-card .beta-analy-icon svg {
  stroke: rgb(95, 122, 153);
}
.blue-holding-card .beta-analy-text p {
  color: oklch(86.9% 0.022 252.894deg);
}
.blue-holding-card .pnl-chart-box .port-analysis-card-top {
  background: transparent;
}
.blue-holding-card .pnl-chart-box .port-analysis-card-top .beta-analy-icon {
  border: 0px;
}
.blue-holding-card .cap-pnl-charts-row .port-analysis-card-top {
  background: transparent;
}
.blue-holding-card .cap-pnl-charts-row .port-analysis-card-top .beta-analy-icon {
  border: 0px;
}
.blue-holding-card .portfolio-data-table .table .company-div .company-img {
  border-color: rgba(95, 122, 153, 0.3019607843);
}
.blue-holding-card .portfolio-data-table .table.table-hover tbody tr:hover td .company-div .company-text p {
  color: #5F7A99;
}
.blue-holding-card .po-telegram-section {
  border-left-color: rgb(95, 122, 153) !important;
}

.port--grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btn-t-gim {
  display: flex;
  align-items: center;
  gap: 2px;
}

.gga-dashboard-page {
  background-color: rgb(245, 246, 250);
}

.gga-db {
  background: #f1f5f9;
  min-height: 100vh;
  padding: 14px 28px 32px;
}

.gga-db-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.gga-db-hdr h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  color: #000;
  display: flex;
  align-items: center;
  margin: 0;
}

.db-refresh {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  font-family: "Poppins", sans-serif;
  color: #222f36;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.db-refresh:hover {
  background: #0bb2b1;
  border-color: #0bb2b1;
  color: #fff;
}

.db-alert {
  background: #fff7ed;
  border: 1px solid #fed7aa;
  border-left: 4px solid #f59e0b;
  border-radius: 6px;
  padding: 10px 16px;
  font-size: 13px;
  color: #92400e;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.db-alert .alert-count {
  font-size: 18px;
  font-weight: 900;
  color: #d97706;
  background: #fef3c7;
  border-radius: 4px;
  padding: 0 7px;
  display: inline-block;
  line-height: 1.5;
}

.db-alert.alert-ok {
  background: #f0fdf4;
  border-color: #bbf7d0;
  border-left-color: #22c55e;
  color: #14532d;
}

.db-alert.alert-ok i {
  color: #22c55e;
}

.db-alert a {
  margin-left: auto;
  font-size: 12px;
  color: #d97706;
  text-decoration: none;
  white-space: nowrap;
}

.db-section-wrap {
  background: #fff;
  border-radius: 10px;
  padding: 16px 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  margin-bottom: 16px;
}

.db-section-wrap.today-wrap {
  border-left: 5px solid #0bb2b1;
}

.db-section-wrap.total-wrap {
  border-left: 5px solid #6366f1;
}

.db-sec-hdr {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.db-sec-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}

.today-wrap .db-sec-icon {
  background: #e0fafa;
  color: #0bb2b1;
}

.total-wrap .db-sec-icon {
  background: #ede9fe;
  color: #6366f1;
}

.db-sec-ttl {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  color: #222f36;
}

.today-wrap .db-sec-ttl {
  color: #0bb2b1;
}

.total-wrap .db-sec-ttl {
  color: #6366f1;
}

.db-sec-sub {
  font-size: 12px;
  color: #7987a7;
  margin-top: 2px;
  font-family: "Poppins", sans-serif;
  line-height: 18px;
  font-weight: 400;
}

.db-kpi-row {
  display: flex;
  align-items: stretch;
  background: #f8fafc;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 14px;
  border: 1px solid #e0dfe2;
}

.db-kpi {
  flex: 1;
  padding: 14px 18px;
}

.db-kpi + .db-kpi {
  border-left: 1px solid #e2e8f0;
}

.db-kpi-lbl {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #222f36;
  margin-bottom: 5px;
  font-family: "Poppins", sans-serif;
}

.db-kpi-amt {
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
}

.db-kpi-count {
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  color: #1e293b;
}

.db-kpi-hint {
  font-size: 12px;
  margin-top: 4px;
  color: #7987a7;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}

.today-wrap .db-kpi-amt {
  color: #0bb2b1;
}

.total-wrap .db-kpi-amt {
  color: #6366f1;
}

.db-banks-lbl {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #222f36;
  margin-bottom: 8px;
  font-family: "Poppins", sans-serif;
}

.db-bank-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
}

.db-bank-card {
  background: #f8fafc;
  border-radius: 8px;
  padding: 12px 14px;
  border: 1px solid #e0dfe2;
  border-top: 3px solid #0bb2b1;
}

.today-wrap .db-bank-card {
  border-top-color: #0bb2b1;
}

.total-wrap .db-bank-card {
  border-top-color: #6366f1;
}

.db-bank-card .bk-nm {
  font-size: 12px;
  font-weight: 500;
  color: #222f36;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
}

.db-bank-card .bk-amt {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.1;
  font-family: "Poppins", sans-serif;
}

.today-wrap .db-bank-card .bk-amt {
  color: #0bb2b1;
}

.total-wrap .db-bank-card .bk-amt {
  color: #6366f1;
}

.db-bank-card .bk-usr {
  font-size: 12px;
  color: #7987a7;
  margin-top: 4px;
  font-family: "Poppins", sans-serif;
}

.db-bottom-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.db-bot-card {
  background: #fff;
  border-radius: 8px;
  padding: 14px 18px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  flex: 1;
  min-width: 150px;
  border: 1px solid #e0dfe2;
}

.db-bot-card .bc-lbl {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: #7987a7;
  margin-bottom: 6px;
  font-family: "Poppins", sans-serif;
}

.db-bot-card .bc-val {
  font-size: 38px;
  font-weight: 900;
  line-height: 1;
  color: #1e293b;
}

.db-bot-card.bc-teal .bc-val {
  color: #0bb2b1;
}

.db-bot-card.bc-warn .bc-val {
  color: #f59e0b;
}

.db-bot-card.bc-red .bc-val {
  color: #ef4444;
}

.db-chart-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  margin-bottom: 16px;
}

.db-chart-hdr {
  padding: 20px 20px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.db-chart-hdr h6 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #222f36;
  margin: 0 0 2px;
}

.db-chart-hdr small {
  font-size: 12px;
  color: #7987a7;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}

.db-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  color: #94a3b8;
  font-size: 13px;
  gap: 8px;
}

.screen-show-modal .btn-close {
  filter: invert(1);
  margin-right: 6px;
}
.screen-show-modal .modal-dialog {
  max-width: 395px;
}
.screen-show-modal .modal-content {
  background-color: #161717;
}
.screen-show-modal .modal-header {
  border: 0px;
}
.screen-show-modal .modal-body {
  padding: 0px 15px 20px;
  text-align: center;
}
.screen-show-modal .modal-body img {
  width: 100%;
  height: 72vh;
  -o-object-fit: contain;
     object-fit: contain;
}

.bu-drp-search {
  position: fixed;
  z-index: 9999;
  background: #000000;
  border: 1px solid #3a3d40;
  border-radius: 15px;
  min-width: 240px;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 8px 24px;
  top: 750px;
  left: 198.5px;
  width: 260px;
}
.bu-drp-search ul li:hover {
  background: rgba(9, 114, 110, 0.3);
}

.bu-drp-search-name {
  font-weight: 600;
  font-size: 15px;
  color: #e2e8f0;
}

.bu-drp-search-text {
  font-size: 11px;
  color: #94a3b8;
}

.bulk-sym-highlighted {
  background: #2d3748 !important;
}

.bu-required {
  color: #ff4d4d;
  margin-left: 2px;
}

.td-nf-wrap {
  text-align: right;
}

.td-nf-input-row {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 4px;
}

.td-nf-input-row .bulk-edit-input {
  flex: 1;
  max-width: 140px;
}

.td-nf-input-row .btn-sm {
  padding: 4px 10px;
  font-size: 0.75rem;
  white-space: nowrap;
}

.btn-map-can-continue {
  background: #0DB9B2 !important;
  border-color: #0DB9B2 !important;
  color: #fff !important;
}

.btn-map-can-continue:hover {
  background: #0aa8a1 !important;
  border-color: #0aa8a1 !important;
}

.td-conflict-info {
  color: #8a9bb0 !important;
}

.td-conflict-info strong {
  font-weight: 600;
  color: #f59e0b !important;
}

.btn-map-inactive {
  background: #2a2d30 !important;
  border-color: #2a2d30 !important;
  color: oklch(55.4% 0.046 257.417deg) !important;
  cursor: not-allowed !important;
}

.bu-parse-error-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 0.82rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.bu-parse-error-sym {
  font-weight: 600;
  color: #e2e8f0;
}

.bu-csv-head {
  padding-bottom: 8px;
  border-bottom: 1px solid #2a2d30;
  margin-bottom: 24px;
}

.csv-tab-text p {
  color: #0DB9B2;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--font-Poppins);
  margin: 0px;
}

.bu-csv-col p {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-family: var(--font-Poppins);
  margin: 15px 0px 0px;
  font-weight: 600;
  white-space: nowrap;
}

.form-group-slt {
  margin-bottom: 8px;
}
.form-group-slt .form-group {
  margin-bottom: 0.7rem;
}
.form-group-slt .form-group p {
  color: #ff4d4d;
  font-size: 11px;
  line-height: 14px;
  font-family: var(--font-Poppins);
  margin: 4px 0px 0px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.form-group-slt .form-group .form-control {
  color: #fff;
  background-color: #1a1d1f;
  border: 1px solid #3a3d40;
  font-size: 14px;
  border-radius: 40px;
  padding: 10px 14px;
  height: 42px;
  font-family: var(--font-Poppins);
}
.form-group-slt .form-group .form-control::-moz-placeholder {
  color: #fff;
}
.form-group-slt .form-group .form-control::placeholder {
  color: #fff;
}
.form-group-slt .form-group .form-control:focus {
  border-color: #0DB9B2;
}
.form-group-slt .form-group .form-select {
  background-size: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.2' viewBox='0 0 10 6' width='10' height='6'%3E%3Cdefs%3E%3Cimage width='16' height='16' id='img1' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAAXNSR0IB2cksfwAAABtQTFRF////VGFyVGFyVGFyVGFyVGFyVGFyVGFyVGFySUtAAwAAAAl0Uk5TAFFhUP5ycP94ZJ7NWAAAADtJREFUeJxjZIACRqIYjPIPGJj0LjAyMDnvZgg58wAolS7ZVtQBUsNW9F6yAaw45ONuiC4muQfEmgwFAHwYDBG4A4PsAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3Cstyle/%3E%3Cuse href='%23img1' x='-3' y='-5'/%3E%3C/svg%3E");
}

.bu-csv-heading {
  text-align: left;
  margin-bottom: 24px;
}
.bu-csv-heading h2 {
  font-size: 18px;
}
.bu-csv-heading p span {
  font-weight: 600;
  color: #fff;
}

.bu-csv-bottom {
  padding-top: 12px;
  border-top: 1px solid #2a2d30;
  margin-top: 18px;
}

.td-nf-search {
  position: relative;
  display: inline-block;
}
.td-nf-search .bulk-edit-input {
  min-width: 195px;
  width: 195px;
  padding: 7px 10px 7px 35px !important;
}
.td-nf-search .bulk-edit-input::-moz-placeholder {
  color: oklch(43% 0.02 257.68deg);
}
.td-nf-search .bulk-edit-input::placeholder {
  color: oklch(43% 0.02 257.68deg);
}
.td-nf-search .search-icon {
  position: absolute;
  top: 6px;
  left: 12px;
  z-index: 8;
}
.td-nf-search .search-icon svg {
  color: oklch(55.4% 0.046 257.417deg);
  width: 15px;
  height: 15px;
}

.bu-resolve-error h3 {
  color: #fff;
}

/* telegram */
.po-telegram-section {
  background-color: #141618;
  border: 1px solid #2a2d30;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 1.5rem;
  position: relative;
  border-left: 4px solid #3a3d42;
  padding: 20px;
  text-align: center;
}

.tele-po-btn {
  display: flex;
  justify-content: center;
}
.tele-po-btn .btn-portfolio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.tele-po-btn .btn-portfolio svg {
  width: 16px;
  height: 16px;
}

.po-tele-close {
  position: absolute;
  right: 20px;
  top: 10px;
  padding: 5px;
  color: #e1e1e1;
  font-size: 18px;
  background: transparent;
  border: 0px;
  box-shadow: none;
}

.telegram-step-badge {
  display: inline-block;
  background: rgba(0, 136, 204, 0.15);
  border: 1px solid rgba(0, 136, 204, 0.3);
  border-radius: 20px;
  padding: 4px 14px;
  font-size: 0.7rem;
  font-weight: 600;
  color: #229ED9;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.po-telegram-title {
  font-size: 19px;
  line-height: 22px;
  margin-bottom: 2px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #fff;
}

.po-telegram-desc {
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 15px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  color: oklch(86.9% 0.022 252.894deg);
}

.po-telegram-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 32px;
  color: #000000 !important;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.po-telegram-btn svg {
  fill: #000;
}

.po-telegram-stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: #0db9b2;
  margin: 5px 0 0;
  font-weight: 500;
  position: relative;
  padding-left: 15px;
}

.po-telegram-stat:before {
  content: "";
  width: 6px;
  height: 6px;
  background: rgb(22, 224, 196);
  border-radius: 50%;
  animation: pulse-dott 2s infinite;
  min-width: 6px;
  position: absolute;
  left: 3px;
  top: 6px;
}

@keyframes pulse-dott {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
.tele-po-img {
  width: 48px;
  min-width: 49px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background-color: rgba(39, 163, 226, 0.168627451);
  border: 1px solid rgba(39, 163, 226, 0.368627451);
  margin: 0px auto 8px;
}
.tele-po-img svg {
  width: 26px;
  height: 26px;
  fill: #27a3e2;
}

.bu-field-error {
  color: rgb(255, 77, 77);
  font-size: 0.75rem;
  margin-bottom: 3px;
  line-height: 1.3;
}

.bu-num-input {
  width: 80px;
}

.bu-date-input {
  width: 130px;
}

.table-bu-up .td-oty-btns p.skippped-text {
  color: #0DB9B2;
}

.bu-notfound-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.bu-mapped-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  justify-content: end;
}

.bu-notfound-label {
  font-size: 0.82rem;
  white-space: nowrap;
  color: #ff6b6b !important;
  font-weight: 500;
  line-height: 1.4;
}

.bu-mapped-row .btn-icon-sm {
  width: 33px;
  height: 33px;
  border-radius: 7px;
  border: 1.5px solid rgba(13, 185, 178, 0.5);
  background: rgba(13, 185, 178, 0.1);
  color: #0DB9B2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
  box-shadow: 0 0 0 0 rgba(13, 185, 178, 0);
}

.bu-mapped-row .btn-icon-sm:hover {
  background: rgba(13, 185, 178, 0.2);
  border-color: rgba(13, 185, 178, 0.8);
  box-shadow: 0 0 8px rgba(13, 185, 178, 0.25);
}

.bu-mapped-row .btn-icon-sm svg {
  width: 15px;
  height: 15px;
}

.bu-mapped-row .btn-icon-danger {
  border-color: rgba(220, 80, 80, 0.5);
  background: rgba(220, 80, 80, 0.1);
  color: #e05555;
  box-shadow: 0 0 0 0 rgba(220, 80, 80, 0);
}

.bu-mapped-row .btn-icon-danger:hover {
  background: rgba(220, 80, 80, 0.2);
  border-color: rgba(220, 80, 80, 0.8);
  box-shadow: 0 0 8px rgba(220, 80, 80, 0.25);
}

.bu-edit-panel {
  text-align: left;
  width: 200px;
  background: #1a1d1f;
  border: 1px solid #2e3135;
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bu-edit-field label {
  font-size: 0.72rem;
  color: #8a9bb0;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  gap: 6px;
}

.bu-edit-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bu-edit-row-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  padding: 4px 10px;
  height: auto;
  margin-top: 6px;
}

.bu-optional-tag {
  font-size: 0.68rem;
  color: #5a6a7a;
  font-weight: 400;
}

.bu-edit-actions {
  display: flex;
  gap: 8px;
  margin-top: 2px;
}

.btn-icon-sm {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1.5px solid rgba(13, 185, 178, 0.5);
  background: rgba(13, 185, 178, 0.1);
  color: #0DB9B2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.btn-icon-sm svg {
  width: 15px;
  height: 15px;
}
.btn-icon-sm:hover {
  background: rgba(13, 185, 178, 0.2);
  border-color: rgba(13, 185, 178, 0.8);
  box-shadow: 0 0 8px rgba(13, 185, 178, 0.25);
}

.btn-icon-danger {
  border-color: rgba(220, 80, 80, 0.5);
  background: rgba(220, 80, 80, 0.1);
  color: #e05555;
}
.btn-icon-danger:hover {
  background: rgba(220, 80, 80, 0.2);
  border-color: rgba(220, 80, 80, 0.8);
  box-shadow: 0 0 8px rgba(220, 80, 80, 0.25);
}

.bu-mapped-chip {
  display: inline-block;
  font-size: 0.72rem;
  color: #0DB9B2;
  margin-top: 3px;
  font-weight: 500;
}

.bu-row-editing td {
  background: rgba(13, 185, 178, 0.04);
  vertical-align: middle;
}
.bu-row-editing .bulk-edit-input {
  background: #111315;
  border: 1px solid rgba(13, 185, 178, 0.4);
  border-radius: 7px;
  padding: 7px 10px;
  color: #e1e1e1;
  font-size: 0.85rem;
  height: 36px;
  width: 100%;
  min-width: 84px;
}
.bu-row-editing .bulk-edit-input:focus {
  border-color: #0DB9B2;
  outline: none;
}

.bu-done-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.85rem;
  padding: 7px 14px;
}

.bu-action-inline-row {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.td-oty-btn-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.bu-mapped-sym-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 3px;
}

.bu-sym-code {
  font-size: 1rem;
  font-weight: 600;
  color: #e1e1e1;
  letter-spacing: 0.01em;
}

.bu-sym-name {
  font-size: 0.78rem;
  color: #8a9bb0;
  line-height: 1.3;
}

.bu-sym-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 7px !important;
}
.bu-sym-btn svg {
  width: 13px !important;
  height: 13px !important;
}

.bu-icon-group {
  display: flex;
  gap: 8px;
  align-items: center;
}

.bu-wrong-badge {
  font-size: 0.7rem;
  color: rgb(255, 77, 77);
  background: rgba(255, 107, 107, 0.06);
  border: 1px solid rgba(255, 77, 77, 0.24);
  border-radius: 4px;
  padding: 1px 6px;
  white-space: nowrap;
}

.bu-wrong-val {
  font-size: 0.8rem;
  color: rgb(255, 77, 77);
  font-weight: 500;
}

.bu-wrong-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  justify-content: flex-end;
}

.bu-check-btn {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: #111315;
  border: 1px solid #3a3d40;
  color: #0DB9B2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s;
}
.bu-check-btn:hover {
  background: rgba(13, 185, 178, 0.25);
  border-color: rgba(13, 185, 178, 0.25);
}

.bu-inline-fix {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}

.bu-inline-input {
  background: #111315;
  border: 1px solid #3a3d40;
  border-radius: 7px;
  padding: 5px 8px;
  color: #e1e1e1;
  font-size: 0.82rem;
  height: 32px;
  width: 90px;
  text-align: left;
}
.bu-inline-input:focus {
  border-color: #0DB9B2;
  outline: none;
}

.bu-date-input.bu-inline-input {
  width: 140px;
  text-align: left;
}

.bu-fixed-val {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.bu-field-edit-btn {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid #3a3d40;
  background: transparent;
  color: #8a9bb0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: color 0.15s, border-color 0.15s;
}
.bu-field-edit-btn:hover {
  color: #0DB9B2;
  border-color: rgba(13, 185, 178, 0.5);
}

.holding-update {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0px;
  font-weight: 400;
  font-family: var(--font-Poppins);
  background: rgba(13, 185, 178, 0.1019607843) !important;
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid #094442;
  color: oklch(86.9% 0.022 252.894deg);
  display: flex;
  align-items: center;
  gap: 5px;
}
.holding-update span {
  font-weight: 600;
}
.holding-update p {
  margin: 0px;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-right: 3px;
}

.portfolio-data-card .beta-analy-top-left {
  flex-wrap: wrap;
}

.passP-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  border-radius: inherit;
}

.passP-box {
  background: #1a1d1f;
  border: 1px solid #2e3135;
  border-radius: 14px;
  padding: 28px 24px;
  width: 320px;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

.passP-lock-icon {
  margin-bottom: 12px;
}

.passP-title {
  font-size: 1rem;
  font-weight: 600;
  color: #e1e1e1;
  margin-bottom: 6px;
  font-family: var(--font-Poppins);
}

.passP-desc {
  font-size: 0.82rem;
  color: #8a9bb0;
  margin-bottom: 16px;
  line-height: 1.5;
  font-family: var(--font-Poppins);
}

.passP-input-wrap {
  position: relative;
  margin-bottom: 8px;
}

.passP-input {
  width: 100%;
  background: #111315;
  border: 1px solid #3a3d40;
  border-radius: 8px;
  padding: 10px 42px 10px 14px;
  color: #e1e1e1;
  font-size: 0.9rem;
  outline: none;
  box-sizing: border-box;
}

.passP-input:focus {
  border-color: #0DB9B2;
}

.passP-eye-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #8a9bb0;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
}

.passP-error-msg {
  font-size: 0.78rem;
  color: #ff6b6b;
  margin-bottom: 10px;
  margin-top: 2px;
  font-family: var(--font-Poppins);
}

.passP-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 15px;
}

@keyframes passP-rotate {
  to {
    transform: rotate(360deg);
  }
}
.passP-spin {
  animation: passP-rotate 0.8s linear infinite;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
}

.sss-page {
  --ssteal: #0bb2b1;
  --ssteal-soft: #41ba7c;
  --ssteal-deep: #033f3d;
  --ink: #0a0a0a;
  --paper: #f3efe6;
  --mute: #8b877e;
  --ssline: #232323;
  position: relative;
  min-height: calc(100vh - 56px);
  background: var(--ink);
  color: var(--paper);
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

.sss-hero::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #0a0a0a;
  z-index: -1;
  pointer-events: none;
}

.sss-hero {
  position: relative;
  z-index: 2;
  padding: 100px 22px 26px;
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.sss-greet {
  font-weight: 500;
  font-size: 16px;
  color: var(--mute);
  margin: 4px 0 14px;
  font-family: var(--font-Poppins);
}

.sss-greet b {
  color: var(--paper);
  font-weight: 600;
  font-style: italic;
  letter-spacing: -0.005em;
}

.sss-title {
  font-weight: 800;
  font-size: clamp(44px, 12.5vw, 96px);
  line-height: 0.88;
  letter-spacing: -0.045em;
  text-transform: uppercase;
  margin: 0;
}

.sss-row {
  display: block;
  font-family: var(--font-Poppins);
}

.sss-row2 {
  background: linear-gradient(180deg, var(--ssteal-soft) 0%, var(--ssteal) 55%, var(--ssteal-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.sss-row3 {
  -webkit-text-stroke: 1.4px var(--paper);
  color: transparent;
}

.sss-dot {
  display: inline-block;
  color: var(--ssteal);
  -webkit-text-stroke: 0;
}

.sss-when {
  margin: 18px auto 0;
  display: inline-grid;
  grid-template-columns: auto 1px auto 1px auto;
  gap: 16px;
  align-items: center;
  padding: 14px 22px;
  border: 1px solid rgba(11, 178, 177, 0.32);
  border-radius: 18px;
  background: radial-gradient(120% 100% at 50% 0%, rgba(11, 178, 177, 0.12), transparent 60%), linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0));
  box-shadow: 0 18px 40px -22px rgba(11, 178, 177, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.sss-cell {
  text-align: center;
  line-height: 1;
}

.sss-vr {
  width: 1px;
  height: 36px;
  background: var(--ssline);
}

.sss-lbl {
  font-weight: 600;
  font-size: 9.5px;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--mute);
  margin-bottom: 6px;
}

.sss-val {
  font-weight: 800;
  font-family: var(--font-Poppins);
  font-size: 22px;
  letter-spacing: -0.01em;
  line-height: 1;
  color: var(--paper);
  white-space: nowrap;
}

.sss-acc {
  background: linear-gradient(180deg, var(--ssteal-soft) 0%, var(--ssteal) 55%, var(--ssteal-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.sss-bridge {
  margin: 24px auto 0;
  font-family: var(--font-Poppins);
  max-width: 22ch;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.32;
  letter-spacing: -0.015em;
  color: var(--paper);
}

.sss-bridge b {
  background: linear-gradient(180deg, var(--ssteal-soft) 0%, var(--ssteal) 55%, var(--ssteal-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
  font-style: italic;
}

.sss-pointers {
  list-style: none;
  padding: 0;
  margin: 14px auto 0;
  max-width: 320px;
  text-align: left;
  display: grid;
  gap: 6px;
}

.sss-pointers li {
  font-family: var(--font-Poppins);
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 2px 0;
  font-size: 16px;
  line-height: 1.4;
  color: #c0bbb0;
}

.sss-emo {
  font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-size: 15px;
  line-height: 1;
  margin-top: 1px;
  flex-shrink: 0;
  filter: drop-shadow(0 0 10px rgba(11, 178, 177, 0.28));
}

.sss-pointers li b {
  font-weight: 600;
  color: var(--paper);
}

.sss-hl {
  background: linear-gradient(180deg, var(--ssteal-soft) 0%, var(--ssteal) 55%, var(--ssteal-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
  font-style: italic;
}

.sss-urge {
  position: relative;
  margin: 22px auto 0;
  max-width: 320px;
  padding: 13px 20px 14px;
  border: 1px solid rgba(11, 178, 177, 0.4);
  border-radius: 14px;
  background: radial-gradient(120% 120% at 50% 0%, rgba(11, 178, 177, 0.12), transparent 65%), linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  box-shadow: 0 16px 36px -20px rgba(11, 178, 177, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  font-weight: 500;
  font-style: italic;
  font-size: 13.5px;
  line-height: 1.45;
  letter-spacing: -0.005em;
  color: #d8d2c5;
  font-family: var(--font-Poppins);
}

.sss-urge::before {
  content: "⚡";
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #2dd4d3 0%, var(--ssteal) 50%, #088c8b 100%);
  box-shadow: 0 0 0 3px var(--ink), 0 8px 18px -4px rgba(11, 178, 177, 0.6);
  font-style: normal;
  font-size: 13px;
  line-height: 1;
}

.sss-urge b {
  color: var(--paper);
  font-weight: 800;
  font-style: normal;
}

.sss-cta-wrap {
  margin: 14px 0 0;
}

.sss-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 420px;
  padding: 17px 24px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #2dd4d3 0%, var(--ssteal) 50%, #088c8b 100%);
  color: #ffffff !important;
  font-family: var(--font-Poppins);
  font-weight: 800;
  font-size: 17px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.45), 0 18px 40px -14px rgba(11, 178, 177, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, filter 0.25s ease;
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
}
.sss-cta:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform 0.7s ease;
  z-index: -1;
}

.sss-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
  color: #fff;
  text-decoration: none;
}
.sss-cta:hover:before {
  transform: translateX(120%);
}

.sss-cta:active {
  transform: translateY(1px) scale(0.99);
}

.sss-cta:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.sss-arrow {
  transition: transform 0.18s ease;
}

.sss-cta:hover .sss-arrow {
  transform: translateX(3px);
}

.sss-modal {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: grid;
  place-items: center;
  padding: 20px;
}

.sss-modal[hidden] {
  display: none;
}

.sss-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: sssFlIn 0.28s ease both;
  cursor: pointer;
}

.sss-modal-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 340px;
  padding: 26px 22px 22px;
  border: 1px solid rgba(11, 178, 177, 0.4);
  border-radius: 20px;
  background: radial-gradient(120% 80% at 50% 0%, rgba(11, 178, 177, 0.16), transparent 60%), linear-gradient(180deg, #161310 0%, #0a0a0a 100%);
  text-align: center;
  box-shadow: 0 30px 60px -20px rgba(11, 178, 177, 0.45), 0 0 0 1px rgba(11, 178, 177, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  animation: sssPopIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.sss-modal-emoji {
  font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
  font-size: 34px;
  line-height: 1;
  margin-bottom: 8px;
  display: inline-block;
  animation: sssPop 0.6s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  filter: drop-shadow(0 0 16px rgba(11, 178, 177, 0.4));
}

#sssModalTitle {
  font-family: var(--font-Poppins);
  font-weight: 800;
  font-size: 19px;
  line-height: 1.15;
  letter-spacing: -0.015em;
  margin: 0 0 10px;
  color: #f3efe6;
  text-transform: none;
}

#sssModalTitle .sss-acc {
  background: linear-gradient(180deg, #41ba7c 0%, #0bb2b1 55%, #033f3d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-style: italic;
}

.sss-modal-card p {
  font-family: var(--font-Poppins);
  font-size: 12.5px;
  line-height: 1.5;
  color: #c0bbb0;
  margin: 0 auto 16px;
  max-width: 30ch;
}

.sss-modal-card p b {
  color: #f3efe6;
}

@keyframes sssFlIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes sssPopIn {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes sssPop {
  from {
    opacity: 0;
    transform: scale(0.4) rotate(-14deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}
.tg-page {
  position: relative;
  min-height: calc(100vh - 54px);
  background: var(--tg-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  color: var(--tg-paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.tg-page::before {
  content: "";
  position: absolute;
  inset: -20%;
  background: radial-gradient(55% 35% at 50% -5%, rgba(11, 178, 177, 0.14) 0%, rgba(11, 178, 177, 0) 60%), radial-gradient(40% 30% at 100% 100%, rgba(11, 178, 177, 0.07) 0%, rgba(11, 178, 177, 0) 60%);
  pointer-events: none;
  z-index: 0;
}

.tg-page::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.5'/></svg>");
  opacity: 0.05;
  mix-blend-mode: overlay;
  pointer-events: none;
  z-index: 1;
}

.tg-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 28px 22px 36px;
  text-align: center;
  padding: 90px 16px 30px;
}

.tg-glyph {
  margin: 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(60% 60% at 50% 35%, rgba(65, 186, 124, 0.22), transparent 70%), linear-gradient(180deg, #0e1916 0%, #060d0c 100%);
  border: 1px solid rgba(11, 178, 177, 0.35);
  box-shadow: 0 18px 40px -18px rgba(11, 178, 177, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  position: relative;
  width: 88px;
  height: 88px;
}

.tg-glyph::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--tg-teal-soft) 0%, var(--tg-teal) 60%, #088c8b 100%);
  z-index: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 0 rgba(0, 0, 0, 0.22);
}

.tg-glyph svg {
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  color: #051817;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.25));
}

.tg-heading {
  font-weight: 800;
  font-size: clamp(32px, 9vw, 48px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin: 20px 0 0;
  color: var(--tg-paper);
  font-size: 56px;
  font-family: var(--font-Poppins);
}

.tg-heading .tg-acc {
  color: var(--tg-acc);
  text-shadow: 0 0 24px rgba(91, 227, 164, 0.35);
}

.tg-blurb {
  margin: 10px auto 0;
  font-weight: 500;
  line-height: 1.5;
  color: #b6b1a6;
  font-size: 14.5px;
  max-width: 36ch;
  font-family: var(--font-Poppins);
}

.tg-pointers {
  list-style: none;
  padding: 0;
  margin: 22px auto 0;
  text-align: left;
  display: grid;
  gap: 8px;
  max-width: 360px;
}

.tg-pointers li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 4px 0;
  font-size: 14.5px;
  line-height: 1.45;
  color: #c0bbb0;
  font-family: var(--font-Poppins);
}

.tg-pointers li .tg-emo {
  font-size: 16px;
  line-height: 1;
  margin-top: 1px;
  flex-shrink: 0;
  filter: drop-shadow(0 0 10px rgba(11, 178, 177, 0.28));
}

.tg-pointers li b {
  font-weight: 600;
  color: var(--tg-paper);
}

.tg-cta-wrap {
  margin: 22px 0 0;
}

.tg-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 360px;
  padding: 19px 28px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #2dd4d3 0%, var(--tg-teal) 50%, #088c8b 100%);
  color: #051817;
  font-family: inherit;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.02em;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.45), 0 18px 40px -14px rgba(11, 178, 177, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -2px 0 rgba(0, 0, 0, 0.22);
  transition: transform 0.18s ease, filter 0.25s ease;
  overflow: hidden;
  isolation: isolate;
  font-family: var(--font-Poppins);
}

.tg-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform 0.7s ease;
  z-index: -1;
}

.tg-cta:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

.tg-cta:hover::before {
  transform: translateX(120%);
}

.tg-cta:active {
  transform: translateY(1px) scale(0.99);
}

.tg-cta .tg-ico {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.28);
  flex-shrink: 0;
}

.tg-cta .tg-ico svg {
  width: 13px;
  height: 13px;
  color: #051817;
}

.tg-info-card {
  background: rgba(11, 178, 177, 0.06);
  border: 1px solid rgba(11, 178, 177, 0.18);
  border-radius: 12px;
  padding: 12px 16px;
  margin-top: 16px;
  font-size: 0.82rem;
  color: #9ca3af;
  font-family: var(--font-Poppins);
}

.tg-info-card strong {
  color: var(--tg-acc);
}

.tg-username-row {
  color: #9ca3af;
  font-size: 0.9rem;
  margin-bottom: 14px;
}

.tg-username-row strong {
  color: #fff;
  font-size: 0.95rem;
}

.tg-change-link {
  color: var(--tg-acc);
  font-size: 0.8rem;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-family: inherit;
}

.tg-auth-divider {
  color: #6b7280;
  font-size: 0.8rem;
  margin: 12px 0;
}

.tg-auth-btns {
  display: flex;
  gap: 12px;
  margin-top: 4px;
}

.db-comm-status-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 14px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
}

.db-comm-status-table thead tr {
  background: #f1f5f9;
}

.db-comm-status-table th {
  padding: 10px 14px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #7987a7;
  border-bottom: 1px solid #e2e8f0;
}

.db-comm-status-table td {
  padding: 10px 14px;
  color: #1e293b;
  border-bottom: 1px solid #f1f5f9;
}

.db-comm-status-table tbody tr:last-child td {
  border-bottom: none;
}

.db-comm-status-table tbody tr:hover td {
  background: #f8fafc;
}

.db-comm-status-table td:nth-child(2) {
  font-weight: 600;
  color: #6366f1;
}

.db-comm-status-table tfoot .cs-total-row td {
  font-weight: 600;
  color: #1e293b;
  background: #f1f5f9;
  border-top: 2px solid #e2e8f0;
  border-bottom: none;
}

.db-comm-status-table tfoot .cs-total-row td:nth-child(2) {
  color: #6366f1;
}

.bu-resolve-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 2px;
  font-size: 0.82rem;
  color: #f59e0b;
  margin-bottom: 10px;
  line-height: 1.4;
}

.bu-resolve-notice svg {
  flex-shrink: 0;
  color: #f59e0b;
}

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

/* 
    #wrapper{
        padding-bottom:0px;
    } */
.demat-selection-wrapper {
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.demat-label {
  font-size: 12px;
  color: #495057;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

.demat-select-custom {
  position: relative;
  width: 100%;
}

.demat-select-custom select {
  width: 100%;
  padding: 6px 30px 6px 10px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: #ffffff;
  color: #495057;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  height: 36px;
  line-height: 1.5;
}

.demat-select-custom select:hover {
  border-color: #0d6efd;
  box-shadow: 0 2px 8px rgba(13, 110, 253, 0.15);
}

.demat-select-custom select:focus {
  outline: none;
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.demat-select-custom::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #6c757d;
  pointer-events: none;
  transition: all 0.3s ease;
}

.demat-select-custom:hover::after {
  border-top-color: #0d6efd;
}

.demat-select-custom select:focus ~ .demat-select-custom::after {
  border-top-color: #0d6efd;
}

.demat-selection-wrapper-mobile {
  padding: 12px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.demat-label-mobile {
  font-size: 12px;
  color: #495057;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

.demat-controls-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.demat-select-group {
  width: 100%;
  position: relative;
}

.demat-select-custom-mobile {
  position: relative;
  width: 100%;
}

.demat-select-custom-mobile select {
  width: 100%;
  padding: 6px 30px 6px 10px;
  font-size: 13px;
  font-weight: 400;
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: #ffffff;
  color: #495057;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  line-height: 1.5;
  height: 36px;
}

.demat-select-custom-mobile select:active,
.demat-select-custom-mobile select:focus {
  outline: none;
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.demat-select-custom-mobile::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #6c757d;
  pointer-events: none;
  transition: all 0.3s ease;
}

.demat-button-group {
  width: 100%;
  display: flex;
  gap: 8px;
}

.demat-button-group .btn {
  flex: 1;
  font-size: 13px;
  padding: 8px 12px;
}

.demat-note {
  font-size: 11px;
  color: #856404;
  background-color: #fff3cd;
  border-left: 3px solid #ffc107;
  padding: 8px 10px;
  margin-top: 8px;
  border-radius: 4px;
  line-height: 1.4;
  display: flex;
  align-items: start;
  gap: 6px;
}

.demat-note i {
  color: #ffc107;
  margin-top: 2px;
  flex-shrink: 0;
}

.heading-text-left h2 {
  text-align: left;
  margin: 0;
}

/* ── PWA base ── */
.sks-page {
  background: #0a0a0a;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: var(--font-Poppins);
  color: #f3efe6;
  -webkit-font-smoothing: antialiased;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

/* ── layout ── */
.sks-wrap {
  max-width: 520px;
  margin: 0 auto;
  padding: 40px 20px 48px;
}

/* ── eyebrow label ── */
.sks-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #0bb2b1;
  margin-bottom: 16px;
}

.sks-eyebrow-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0bb2b1;
  box-shadow: 0 0 6px rgba(11, 178, 177, 0.8);
  animation: sks-pulse 1.6s ease-in-out infinite;
}

@keyframes sks-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.45;
    transform: scale(0.8);
  }
}
/* ── heading ── */
.sks-heading {
  font-size: clamp(26px, 6vw, 38px);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #f3efe6;
  margin-bottom: 10px;
}

.sks-heading span {
  color: #0bb2b1;
}

/* ── chips ── */
.sks-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 18px;
}

.sks-chip {
  background: rgba(11, 178, 177, 0.08);
  border: 1px solid rgba(11, 178, 177, 0.28);
  color: #0bb2b1;
  border-radius: 999px;
  padding: 4px 13px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* ── description ── */
.sks-desc {
  font-size: 14.5px;
  color: #c8c3bb;
  line-height: 1.7;
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* ── section label ── */
.sks-q {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #b0aca5;
  margin-bottom: 14px;
}

/* ── option cards ── */
.sks-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.sks-opt {
  background: #111;
  border: 1.5px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 20px 20px;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  position: relative;
  overflow: hidden;
}

.sks-opt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(11, 178, 177, 0), transparent);
  transition: background 0.18s ease;
}

.sks-opt:hover {
  border-color: rgba(11, 178, 177, 0.3);
  background: rgba(11, 178, 177, 0.04);
}

.sks-opt.active {
  border-color: #0bb2b1;
  background: rgba(11, 178, 177, 0.08);
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.15), 0 8px 24px -10px rgba(11, 178, 177, 0.25);
}

.sks-opt.active::before {
  background: linear-gradient(90deg, transparent, rgba(11, 178, 177, 0.5), transparent);
}

/* radio circle */
.sks-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.18);
  flex-shrink: 0;
  margin-top: 2px;
  position: relative;
  transition: border-color 0.18s;
}

.sks-opt.active .sks-radio {
  border-color: #0bb2b1;
}

.sks-opt.active .sks-radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #0bb2b1;
}

/* option content */
.sks-opt-body {
  flex: 1;
  min-width: 0;
}

.sks-opt-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0bb2b1;
  background: rgba(11, 178, 177, 0.1);
  border-radius: 999px;
  padding: 2px 10px;
  margin-bottom: 8px;
}

.sks-opt-title {
  font-size: 15px;
  font-weight: 600;
  color: #f3efe6;
  line-height: 1.35;
  margin-bottom: 6px;
}

.sks-opt-desc {
  font-size: 13px;
  color: #a8a39b;
  line-height: 1.6;
  margin-bottom: 10px;
}

/* timeline pill */
.sks-timeline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12px;
  color: #c0bbb3;
  font-weight: 500;
}

.sks-timeline svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}

.sks-opt.active .sks-timeline {
  background: rgba(11, 178, 177, 0.1);
  border-color: rgba(11, 178, 177, 0.3);
  color: #0bb2b1;
}

/* ── submit button ── */
.sks-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: linear-gradient(135deg, #2dd4d3 0%, #0bb2b1 55%, #088c8b 100%);
  color: #fff !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: none;
  border-radius: 999px;
  padding: 14px 32px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.35), 0 10px 28px -10px rgba(11, 178, 177, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: transform 0.16s ease, filter 0.18s ease, opacity 0.16s ease;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.sks-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.35) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform 0.65s ease;
  z-index: -1;
}

.sks-btn:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.07);
}

.sks-btn:hover:not(:disabled)::before {
  transform: translateX(120%);
}

.sks-btn:active:not(:disabled) {
  transform: translateY(1px) scale(0.99);
}

.sks-btn:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}

/* ── success modal ── */
.sks-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.sks-modal[hidden] {
  display: none;
}

.sks-modal-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(4px);
}

.sks-modal-box {
  position: relative;
  background: #111;
  border: 1px solid rgba(11, 178, 177, 0.25);
  border-radius: 20px;
  padding: 40px 32px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.1), 0 24px 56px -16px rgba(0, 0, 0, 0.7);
}

.sks-modal-check {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(11, 178, 177, 0.12);
  border: 1.5px solid rgba(11, 178, 177, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 18px;
}

.sks-modal-check svg {
  width: 24px;
  height: 24px;
  color: #0bb2b1;
}

.sks-modal-title {
  font-size: 20px;
  font-weight: 900;
  color: #f3efe6;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 10px;
}

.sks-modal-title span {
  color: #0bb2b1;
}

.sks-modal-text {
  font-size: 13px;
  color: #6b6660;
  line-height: 1.65;
  margin-bottom: 24px;
}

/* ── mobile only ── */
.userid {
  color: #626262;
}

.skt-page {
  background: #0a0a0a;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Poppins);
  color: #f3efe6;
  -webkit-font-smoothing: antialiased;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}

.skt-wrap {
  max-width: 480px;
  width: 100%;
  padding: 40px 24px;
  text-align: center;
}

/* check icon circle */
.skt-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(11, 178, 177, 0.08);
  border: 1.5px solid rgba(11, 178, 177, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 28px;
  box-shadow: 0 0 32px -8px rgba(11, 178, 177, 0.35);
  animation: skt-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes skt-pop {
  from {
    opacity: 0;
    transform: scale(0.6);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.skt-icon svg {
  width: 32px;
  height: 32px;
  color: #0bb2b1;
}

/* eyebrow */
.skt-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #0bb2b1;
  margin-bottom: 12px;
  opacity: 0;
  animation: skt-fade 0.4s 0.2s ease forwards;
}

/* heading */
.skt-heading {
  font-size: clamp(28px, 7vw, 40px);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: #f3efe6;
  margin-bottom: 16px;
  opacity: 0;
  animation: skt-fade 0.4s 0.3s ease forwards;
}

.skt-heading span {
  color: #0bb2b1;
}

/* body text */
.skt-body {
  font-size: 15px;
  color: #c0bbb3;
  line-height: 1.7;
  margin-bottom: 36px;
  opacity: 0;
  animation: skt-fade 0.4s 0.4s ease forwards;
}

/* info card */
.skt-card {
  background: #111;
  border: 1px solid rgba(11, 178, 177, 0.2);
  border-radius: 14px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  margin-bottom: 28px;
  opacity: 0;
  animation: skt-fade 0.4s 0.5s ease forwards;
}

.skt-card-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(11, 178, 177, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.skt-card-icon svg {
  width: 18px;
  height: 18px;
  color: #0bb2b1;
}

.skt-card-text {
  font-size: 13px;
  color: #a8a39b;
  line-height: 1.55;
}

.skt-card-text b {
  color: #f3efe6;
  font-weight: 600;
}

/* telegram button */
.skt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: linear-gradient(135deg, #2dd4d3 0%, #0bb2b1 55%, #088c8b 100%);
  color: #fff !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.02em;
  border: none;
  border-radius: 999px;
  padding: 14px 32px;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.35), 0 10px 28px -10px rgba(11, 178, 177, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transition: transform 0.16s ease, filter 0.18s ease;
  opacity: 0;
  animation: skt-fade 0.4s 0.6s ease forwards;
}

.skt-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.07);
  color: #fff !important;
  text-decoration: none;
}

@keyframes skt-fade {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ── compact overrides so nothing scrolls ── */
.ssl-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 56px) !important;
}

.ssl-page .sss-hero {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
  width: 100%;
}

.ssl-page .sss-greet {
  font-size: 13px !important;
  margin: 0 0 6px !important;
}

.ssl-page .sss-title {
  font-size: clamp(24px, 5.5vw, 48px) !important;
  line-height: 0.9 !important;
  margin-bottom: 0 !important;
}

.ssl-page .sss-when {
  margin-top: 10px !important;
  padding: 9px 14px !important;
  gap: 8px !important;
}

/* ── 4th title row: "LINK." ── */
.ssl-row4 {
  display: block;
  font-size: clamp(16px, 4vw, 32px) !important;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: #0bb2b1;
  -webkit-text-stroke: 0 !important;
  margin-top: 2px;
  text-transform: uppercase;
  font-family: var(--font-Poppins);
}

/* ── link card ── */
.ssl-link-card {
  margin: 14px auto 0;
  max-width: 440px;
  background: transparent;
  border: none;
  padding: 0;
  position: relative;
  text-align: center;
}

.ssl-link-card::before {
  display: none;
}

/* join button */
.ssl-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 12px 28px;
  background: linear-gradient(180deg, #2dd4d3 0%, #0bb2b1 55%, #088c8b 100%);
  color: #ffffff !important;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.02em;
  text-decoration: none;
  border-radius: 999px;
  box-shadow: 0 0 0 1px rgba(11, 178, 177, 0.4), 0 10px 28px -10px rgba(11, 178, 177, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: transform 0.16s ease, filter 0.2s ease;
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

.ssl-link-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.4) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform 0.65s ease;
  z-index: -1;
}

.ssl-link-btn:hover {
  transform: translateY(-1px);
  filter: brightness(1.07);
  color: #ffffff !important;
  text-decoration: none;
}

.ssl-link-btn:hover::before {
  transform: translateX(120%);
}

.ssl-link-btn:active {
  transform: translateY(1px) scale(0.98);
}

.ssl-link-btn svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* active link (when session link is set) */
.ssl-live-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: rgba(11, 178, 177, 0.08);
  border: 1px solid rgba(11, 178, 177, 0.4);
  border-radius: 14px;
  padding: 18px 22px;
  text-align: center;
  box-shadow: 0 0 24px -8px rgba(11, 178, 177, 0.25);
}

.ssl-live-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #0bb2b1;
  text-decoration: none;
  cursor: pointer;
  max-width: 100%;
  overflow: hidden;
}

.ssl-live-link:hover {
  color: #2dd4d3;
  text-decoration: none;
}

.ssl-live-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  color: #0bb2b1;
}

.ssl-live-text {
  font-size: 16px;
  font-weight: 600;
  color: #0bb2b1;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-offset: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 360px;
  letter-spacing: 0.01em;
}

.ssl-live-arrow {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #0bb2b1;
}

/* pending state */
.ssl-pending {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: default;
  background: rgba(11, 178, 177, 0.06);
  border: 1px solid rgba(11, 178, 177, 0.35);
  border-radius: 10px;
  padding: 10px 14px;
}

.ssl-pending-icon svg {
  width: 22px;
  height: 22px;
  color: #0bb2b1;
  flex-shrink: 0;
}

.ssl-pending-text {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #0bb2b1;
  margin: 0;
  border-bottom: 1px dotted rgba(11, 178, 177, 0.5);
  padding-bottom: 2px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* loading */
.ssl-loading {
  font-size: 20px;
  color: #0bb2b1;
}

/* note */
.ssl-note {
  font-size: 11.5px;
  color: #ffffff !important;
  margin: 10px 0 0;
  line-height: 1.5;
}

.ssl-note b {
  color: #ffffff !important;
}

/* mobile tweaks */
.giveaway-page h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  font-family: var(--font-Poppins);
  color: #000;
  margin-bottom: 10px;
}
.giveaway-page h2 span {
  text-decoration: underline;
  text-underline-offset: 0.6rem !important;
}
.giveaway-page h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
  font-family: var(--font-Poppins);
}

.pof-theme-white {
  background-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .td-nf-search .bulk-edit-input {
  border: 1px solid oklch(87.2% 0.01 258.338deg);
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .port-details-section {
  background-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .port-del-top-left p {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .port-detail-drop .dropdown-menu {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-detail-drop .dropdown-menu::-webkit-scrollbar-track {
  background: #fff !important;
}
.pof-theme-white .port-detail-drop .dropdown-menu {
  /* Handle */
}
.pof-theme-white .port-detail-drop .dropdown-menu::-webkit-scrollbar-thumb {
  background: #d8d8d8 !important;
}
.pof-theme-white .port-detail-drop .dropdown-menu .dropdown-item:hover {
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .port-detail-drop .dropdown-menu .dropdown-item .brokers-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .port-detail-drop .dropdown-menu .dropdown-item .brokers-icons {
  background-color: oklch(96.7% 0.003 264.542deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .port-detail-drop .btn-dropdown {
  background-color: #fff;
  border: 1px solid oklch(92.8% 0.006 264.531deg);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
}
.pof-theme-white .port-detail-drop .drop-img {
  background-color: oklch(96.7% 0.003 264.542deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .port-detail-drop .drop-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .port-detail-drop .dropdown-toggle::after {
  opacity: 50%;
  filter: none;
}
.pof-theme-white .holding-tabls .nav-item:nth-child(2) .nav-link:hover {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  color: oklch(55.1% 0.027 264.364deg);
  border-left-color: rgba(95, 122, 153, 0.6);
}
.pof-theme-white .holding-tabls .nav-item:nth-child(2) .nav-link.active {
  color: oklch(21% 0.034 264.665deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
  border-left-color: #5f7a99;
}
.pof-theme-white .holding-tabls .nav-link {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
  border-left-color: rgba(95, 122, 153, 0.3019607843);
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .holding-tabls .nav-link:hover {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  color: oklch(55.1% 0.027 264.364deg);
  border-left-color: rgba(13, 185, 178, 0.6);
}
.pof-theme-white .holding-tabls .nav-link.active {
  color: oklch(21% 0.034 264.665deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
  border-left-color: #0db9b2;
}
.pof-theme-white .portf-overv-card {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
}
.pof-theme-white .portf-overv-card .portf-overv-card-top {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
  background: #fbfcfd;
}
.pof-theme-white .beta-analy-text h3 {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .beta-analy-text p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .port-detail-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-detail-card .port-detail-card-text .port-det-name {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .port-detail-card .port-detail-card-text .port-det-price {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .portfolio-data-card {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
}
.pof-theme-white .portfolio-data-top {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
  background: #fbfcfd;
}
.pof-theme-white .holding-po-no p {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .port-data-search .input-group .form-control {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .portfolio-data-table .table thead th {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-bottom: 1px solid oklch(92.8% 0.006 264.531deg);
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .portfolio-data-table .table td {
  background-color: #fff;
  border-bottom-color: oklch(96.7% 0.003 264.542deg);
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .portfolio-data-table .table .company-div .company-text .company-fullname {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .portfolio-data-table .table .company-div .company-text .nse {
  color: oklch(55.1% 0.027 264.364deg);
  background-color: oklch(96.7% 0.003 264.542deg);
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .portfolio-data-top-middle {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .portfolio-data-table .table .avg-buy-price,
.pof-theme-white .portfolio-data-table .table .qty,
.pof-theme-white .portfolio-data-table .table .inv-value {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .portfolio-data-table .table tbody tr:hover td {
  background-color: oklch(98% 0 0deg);
}
.pof-theme-white .loadmere-position-btn {
  color: oklch(55.1% 0.027 264.364deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .portfolio-data-table .table .table-collapse-tr td {
  background-color: #fbfcfd;
  color: oklch(55.1% 0.027 264.364deg) !important;
}
.pof-theme-white .portfolio-data-table .table .table-collapse-tr:hover td {
  background-color: #fbfcfd !important;
}
.pof-theme-white .portfolio-data-table .table .table-collapse-tr .port-action button {
  color: oklch(70.7% 0.022 261.325deg);
}
.pof-theme-white .portfolio-data-table .table thead th .table-th:hover {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .beta-analysis-content {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
}
.pof-theme-white .beta-analy-top {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
  background: #fbfcfd;
}
.pof-theme-white .market-beta-btn {
  color: oklch(55.1% 0.027 264.364deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-beta-card {
  border-color: oklch(92.8% 0.006 264.531deg);
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .port-beta-card-top p {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .beta-market-div .beta-market-text span {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .market-count-card {
  background-color: #fff;
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .market-count-card span {
  color: oklch(44.6% 0.03 256.802deg);
  font-weight: 600;
}
.pof-theme-white .market-count-card p {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .port-beta-range-div .range-noves p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .port-beta-range-div .range-noves .range-no {
  color: oklch(21% 0.034 264.665deg);
  background-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .mrkt-bt-left .mrkt-bt-name {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .mrkt-bt-left .mrkt-bt-no {
  color: oklch(70.7% 0.022 261.325deg);
}
.pof-theme-white .mrkt-bt-prss-div {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-move-div {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-move-div p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .port-move-div p b.b-text {
  color: oklch(21% 0.034 264.665deg) !important;
}
.pof-theme-white .port-distrbt-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-distrbt-card-top p {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .low-beta-card {
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .low-beta-stock-div {
  background-color: #fff;
  border: 1px solid oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .low-beta-stock-div .low-beta-stock-card p {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .low-beta-stock-div .low-beta-stock-card h3 {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .low-beta-stock-div ul li {
  border-right-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .beta-modal-table-header {
  color: oklch(70.7% 0.022 261.325deg);
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .low-beta-stock-row .beta-stock-name {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .low-beta-stock-row:hover {
  background-color: #fff;
}
.pof-theme-white .port-analysis-card {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
}
.pof-theme-white .port-analysis-card-top {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
  background: #fbfcfd;
}
.pof-theme-white .market-analysis-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .market-analysis-card .cap-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .market-analysis-card .cap-number {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .mrkt-anls-detail span {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .mrkt-anls-detail b {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .market-analysis-card .mrkt-anls-percent span {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .market-analysis-card .mrkt-anls-progress {
  background-color: #fff;
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .cap-pnl-charts-row {
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .stor-ind-Analys-card {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.1019607843), 0 1px 2px -1px rgba(0, 0, 0, 0.1019607843);
}
.pof-theme-white .stor-ind-Analys-top {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
  background: #fbfcfd;
}
.pof-theme-white .stor-ind-button {
  background-color: rgba(13, 185, 178, 0.05) !important;
  border-color: rgba(13, 185, 178, 0.2);
  background-image: none;
}
.pof-theme-white .stor-ind-button .sector-card-text {
  color: oklch(37.3% 0.034 259.733deg);
}
.pof-theme-white .sia-connector {
  background-color: rgb(209, 213, 220);
}
.pof-theme-white .sia-btn {
  color: oklch(44.6% 0.03 256.802deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .sia-btn:hover {
  color: #0db9b2;
  border-color: #0db9b2;
}
.pof-theme-white .stor-ind-stock-card {
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .stor-ind-stock-card::-webkit-scrollbar-track {
  background: #fff !important;
}
.pof-theme-white .stor-ind-stock-card {
  /* Handle */
}
.pof-theme-white .stor-ind-stock-card::-webkit-scrollbar-thumb {
  background: #d8d8d8 !important;
}
.pof-theme-white .stor-stock-card-top {
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .stor-stock-card-top {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .sector-head-left p {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .comp-arrow {
  color: #99a1af;
}
.pof-theme-white .sector-company-card .sector-company-card-top ul li {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .sector-company-card ul li {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .sector-company-left .comp-name p {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .sector-company-card .sector-company-card-top {
  border-bottom-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .sector-company-row {
  border-bottom-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .sector-company-card {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .sia-table-footer {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .sia-table-footer b {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .pnl-tab-btns {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .pnl-tab-btn {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .pnl-section-separator {
  border-top-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .pnl-section-title {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .pnl-chart-box {
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .pnl-tab-btns .pnl-tab-btn.active {
  background: rgba(13, 185, 178, 0.1019607843) !important;
}
.pof-theme-white .pnl-tab-btns .pnl-tab-btn:nth-child(2).active {
  background: rgba(129, 140, 248, 0.1019607843) !important;
}
.pof-theme-white .theme-color-btn:hover {
  background-color: #f9fafb;
}
.pof-theme-white .btn.delete-po-btn {
  color: #ff8c8c !important;
}
.pof-theme-white .btn.delete-po-btn:hover {
  border-color: #ff8c8c;
}
.pof-theme-white .btn.edit-po-btn {
  color: #0db9b2 !important;
}
.pof-theme-white .port-detail-top {
  border-bottom-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .connect-port-modal .modal-header {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .connect-port-modal .btn-close {
  filter: none;
}
.pof-theme-white .connect-port-modal .modal-content {
  background-color: #ffffff;
}
.pof-theme-white .connect-port-modal .modal-title {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .connect-port-modal .btn.btn-border:hover {
  color: oklch(55.1% 0.027 264.364deg);
  background-color: oklch(96.7% 0.003 264.542deg);
  border-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .connect-port-form .form-group .form-label {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .connect-port-form .form-group .form-control {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .connect-port-form .form-group .form-control::-moz-placeholder {
  color: oklch(75% 0.02 261.42deg);
}
.pof-theme-white .connect-port-form .form-group .form-control::placeholder {
  color: oklch(75% 0.02 261.42deg);
}
.pof-theme-white .select-brokers-div .select-brokers-list {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .select-brokers-div .brokers-name {
  color: oklch(75% 0.02 261.42deg);
}
.pof-theme-white .select-brokers-div .brokers-icons {
  background-color: oklch(96.7% 0.003 264.542deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .select-brokers-div .select-brok-card {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .btn-por-black {
  color: oklch(37.3% 0.034 259.733deg) !important;
  border-color: oklch(87.2% 0.01 258.338deg) !important;
  background-color: #fff !important;
}
.pof-theme-white .btn-por-black:hover {
  color: oklch(37.3% 0.034 259.733deg) !important;
  border-color: oklch(87.2% 0.01 258.338deg) !important;
  background-color: #fff !important;
}
.pof-theme-white .connect-port-form .form-group input:-webkit-autofill,
.pof-theme-white .connect-port-form .form-group input:-webkit-autofill:hover,
.pof-theme-white .connect-port-form .form-group input:-webkit-autofill:focus,
.pof-theme-white .connect-port-form .form-group input:-webkit-autofill:active {
  -webkit-text-fill-color: #000;
}
.pof-theme-white .port-connect-body h2 {
  color: oklch(75% 0.02 261.42deg);
}
.pof-theme-white .port-connect-body p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .delete-po-body h3 {
  color: oklch(0% 0 0deg);
}
.pof-theme-white .delete-po-body p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .add-position-form .form-group .form-label {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .add-position-form .form-group .form-control {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .add-position-form .form-group .form-control::-moz-placeholder {
  color: oklch(75% 0.02 261.42deg);
}
.pof-theme-white .add-position-form .form-group .form-control::placeholder {
  color: oklch(75% 0.02 261.42deg);
}
.pof-theme-white .exchange-btn {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .nsebse-btn:hover {
  color: #000;
}
.pof-theme-white .nsebse-btn.active {
  color: #fff;
}
.pof-theme-white .add-position-form .form-group input:-webkit-autofill,
.pof-theme-white .add-position-form .form-group input:-webkit-autofill:hover,
.pof-theme-white .add-position-form .form-group input:-webkit-autofill:focus,
.pof-theme-white .add-position-form .form-group input:-webkit-autofill:active {
  -webkit-text-fill-color: #000000;
}
.pof-theme-white .select-brokers-stock {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .select-brok-stock-left .stock-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .select-brok-stock-left .stock-fullname {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .add-position-form .form-group .stock-brok-close {
  color: oklch(70.7% 0.022 261.325deg);
}
.pof-theme-white .comp-financial-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .comp-financial-card .comp-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .position-more-colleps .accordion-button {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .add-position-form .select-2-brokers-list {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .add-position-form .select-2-brokers-list ul li p {
  color: #000;
}
.pof-theme-white .add-position-form .select2-card {
  border-color: oklch(87.2% 0.01 258.338deg);
  background-color: oklch(98.5% 0.002 247.839deg);
}
.pof-theme-white .comp-sell-card .available-sell {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .logtrade-tab .nav-pills {
  background-color: oklch(98.5% 0.002 247.839deg);
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .stockname-fix {
  color: oklch(21% 0.034 264.665deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .logtrade-tab .nav-pills .nav-link:hover {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .comp-sell-card .available-qty {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .delete-entry-body .text-p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .delete-entry-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .delete-entry-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .delete-entry-qty span {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .low-beta-card-orange .cap-beta-more {
  color: rgb(249, 115, 22);
  background-color: rgba(249, 115, 22, 0.082);
}
.pof-theme-white .large-cap-stock-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border: 1px solid oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .large-cap-stock-card .cap-stock-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .beta-stock-tp {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .modal-stock-inv b {
  color: oklch(55.4% 0.046 257.417deg);
}
.pof-theme-white .large-cap-stock-modal .port-analysis-footer p {
  color: oklch(55.4% 0.046 257.417deg);
}
.pof-theme-white .large-cap-stock-modal .modal-footer {
  border-top-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white path.highcharts-grid-line {
  stroke: oklch(92.8% 0.006 264.531deg) !important;
}
.pof-theme-white .bu-upload-tab-row .bu-upload-tab-btn.active {
  border-color: rgba(13, 185, 178, 0.3019607843);
  background-color: rgba(13, 185, 178, 0.1490196078);
}
.pof-theme-white .bu-upload-head h2 {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-upload-head p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-upload-line-div .bu-up-line {
  background-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-upload-line-div .bu-up-text {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-don-card {
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-don-card .bu-don-card-top span {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-puload-img {
  border-color: rgba(13, 185, 178, 0.3019607843);
  background-color: rgba(13, 185, 178, 0.0509803922);
}
.pof-theme-white .bu-upload-tab-row .bu-upload-tab-line {
  background-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-upload-tab-row {
  border-bottom-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .bu-don-card p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-don-card p span {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-don-btn {
  background-color: rgba(13, 185, 178, 0.1019607843) !important;
}
.pof-theme-white .bu-don-btn:hover {
  background-color: rgba(13, 185, 178, 0.2) !important;
}
.pof-theme-white .po-loader {
  background-color: rgba(255, 255, 255, 0.58);
}
.pof-theme-white .bu-puload-img h3 {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-puload-img p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-upload-table-card {
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-upload-table-card .table-responsive::-webkit-scrollbar-track {
  background: #fff !important;
}
.pof-theme-white .bu-upload-table-card .table-responsive {
  /* Handle */
}
.pof-theme-white .bu-upload-table-card .table-responsive::-webkit-scrollbar-thumb {
  background: #d8d8d8 !important;
}
.pof-theme-white .table-bu-up th {
  background-color: oklch(98.5% 0.002 247.839deg);
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .table-bu-up td {
  border-color: oklch(92.8% 0.006 264.531deg);
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .table-bu-up .tb-stock-name span {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .table-bu-up .td-oty-price {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .table-bu-up .td-oty-date {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .table-bu-up .td-oty-date ::-webkit-calendar-picker-indicator {
  filter: invert(0);
}
.pof-theme-white .btn-tb {
  color: oklch(37% 0.03 256.78deg) !important;
  border-color: oklch(87.2% 0.01 258.338deg) !important;
}
.pof-theme-white .btn-tb:hover {
  background-color: oklch(98.5% 0.002 247.839deg) !important;
  color: oklch(44.6% 0.03 256.802deg) !important;
  border-color: oklch(87.2% 0.01 258.338deg) !important;
}
.pof-theme-white .bu-upload-tab-row .bu-upload-tab-line.tab-btn-fill {
  background-color: #0DB9B2;
}
.pof-theme-white .po-you-sure-modal .modal-content {
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-import-confirm-title {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-import-confirm-msg {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-up-not-found .bu-up-date-icon {
  background-color: oklch(97.1% 0.013 17.38deg);
}
.pof-theme-white .bu-up-date-card .bu-up-date-title {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-up-date-card p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-tab-not-found span {
  color: oklch(21% 0.034 264.665deg);
  background-color: oklch(96.7% 0.003 264.542deg);
}
.pof-theme-white .bu-watch-btn {
  background-color: #e3e3e3 !important;
  color: #000000 !important;
}
.pof-theme-white .bulk-edit-input {
  color: oklch(21% 0.034 264.665deg);
  background-color: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .bu-drp-search {
  background-color: #fff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-drp-search ul li:hover {
  background-color: rgba(13, 185, 178, 0.1019607843);
}
.pof-theme-white .bu-drp-search-name {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-drp-search-text {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-up-date-icon {
  background-color: rgba(17, 212, 82, 0.1);
}
.pof-theme-white .modal-stock-pnl-row {
  border-top-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .port-details-section .table-responsive {
  /* Track */
}
.pof-theme-white .port-details-section .table-responsive::-webkit-scrollbar-track {
  background: #fff !important;
}
.pof-theme-white .port-details-section .table-responsive {
  /* Handle */
}
.pof-theme-white .port-details-section .table-responsive::-webkit-scrollbar-thumb {
  background: #d8d8d8 !important;
}
.pof-theme-white .highcharts-plot-line {
  stroke: oklch(92.8% 0.006 264.531deg) !important;
}
.pof-theme-white .bu-csv-bottom {
  border-top-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-csv-heading p span {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .form-group-slt .form-group .form-control {
  color: oklch(21% 0.034 264.665deg);
  background-color: #fff;
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .bu-csv-bottom .btn.btn-primary {
  background: #0DB9B2;
  border-color: #0DB9B2;
  color: #fff;
}
.pof-theme-white .bu-csv-bottom .btn.btn-primary:hover {
  background: #0aa8a1;
}
.pof-theme-white .bulk-sym-highlighted {
  background: oklch(92.8% 0.006 264.531deg) !important;
}
.pof-theme-white .td-conflict-info {
  color: oklch(37% 0.03 256.78deg) !important;
}
.pof-theme-white .td-conflict-info strong {
  color: #d97706 !important;
}
.pof-theme-white .btn-map-inactive {
  background: #f1f5f9 !important;
  border-color: oklch(87.2% 0.01 258.338deg) !important;
  color: oklch(55.4% 0.046 257.417deg) !important;
}
.pof-theme-white .not-found-pt {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .bu-resolve-error h3 {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-resolve-error .bu-upload-table-card .ng-scope span {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-resolve-error .bu-upload-table-card {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-resolve-error .bu-upload-table-card > div {
  border-bottom-color: oklch(92.8% 0.006 264.531deg) !important;
}
.pof-theme-white .bu-confirm-count strong {
  color: oklch(21% 0.034 264.665deg) !important;
}
.pof-theme-white .bu-confirm-count strong {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-parse-error-row {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .bu-parse-error-sym {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-resolve-error h3 {
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .bu-error-list li {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .bu-csv-col p {
  color: #000000;
}
.pof-theme-white .bu-csv-head {
  border-bottom-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .po-telegram-section {
  background-color: #ffffff;
  border-color: oklch(92.8% 0.006 264.531deg);
}
.pof-theme-white .po-tele-close {
  color: #000000;
}
.pof-theme-white .po-telegram-title {
  color: #000000;
}
.pof-theme-white .po-telegram-desc {
  color: oklch(44.6% 0.03 256.802deg);
}
.pof-theme-white .analysis-locked-badge {
  color: #000000;
  background: rgba(224, 224, 224, 0.85);
}
.pof-theme-white .position-table-over {
  background-image: url("/images/portfolio-symbol/table-ovimg-white.png");
}
.pof-theme-white .position-table-overin h3 {
  color: #000000;
}
.pof-theme-white .position-table-overin p {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .add-position-form .form-group ::-webkit-calendar-picker-indicator {
  filter: invert(0);
}
.pof-theme-white .bu-inline-input {
  background: #f2f6fb;
  border-color: oklch(87.2% 0.01 258.338deg);
  color: #000000;
}
.pof-theme-white .bu-inline-input::-moz-placeholder {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-inline-input::placeholder {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .bu-check-btn {
  background: #f2f6fb;
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .bu-check-btn:hover {
  background: rgba(13, 185, 178, 0.25);
  border-color: rgba(13, 185, 178, 0.25);
}
.pof-theme-white .bu-field-edit-btn {
  background: #f2f6fb;
  border-color: oklch(87.2% 0.01 258.338deg);
}
.pof-theme-white .bu-field-edit-btn:hover {
  background: rgba(13, 185, 178, 0.25);
  border-color: rgba(13, 185, 178, 0.25);
}
.pof-theme-white .bu-sym-code {
  color: #000000;
}
.pof-theme-white .passP-box {
  background: #ffffff;
  border-color: #ababab;
}
.pof-theme-white .passP-title {
  color: #000000;
}
.pof-theme-white .passP-desc {
  color: oklch(55.1% 0.027 264.364deg);
}
.pof-theme-white .passP-input {
  background: oklch(98.5% 0.002 247.839deg);
  border-color: oklch(87.2% 0.01 258.338deg);
  color: oklch(21% 0.034 264.665deg);
}
.pof-theme-white .holding-update {
  color: oklch(0% 0 0deg);
  border-color: rgba(13, 185, 178, 0.4);
}

@media (max-width: 1530px) {
  .sector-head-left p {
    width: 187px;
  }
  .sia-chart-col {
    width: 40%;
  }
}
@media (max-width: 1499px) {
  .treas-banner-section .banner-heading img {
    width: 83%;
  }
  .treas-banner-section .banner-heading p {
    font-size: 20px;
    line-height: 30px;
  }
  .treas-chart-section .treas-chart-content img {
    width: 68%;
  }
  .thank-you-section .thank-you-heading img {
    width: 75%;
  }
  .thank-you-section .thank-you-heading p {
    font-size: 20px;
    line-height: 30px;
  }
  .pay-price-card li p {
    font-size: 21px;
    line-height: 20px;
  }
  .stream-card li p {
    line-height: 36px;
  }
  .price-gst p span {
    font-size: 40px;
    line-height: 45px;
  }
}
@media (max-width: 1250px) {
  .sector-head-left p {
    width: 96px;
  }
}
@media (max-width: 1199px) {
  .sector-industry-analysis-chart {
    padding-top: 12px;
    padding-bottom: 20px;
  }
  .broker-select-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1130px) {
  .sia-flex-layout {
    display: block;
  }
  .sia-chart-col {
    width: 100%;
  }
  .port-detail-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 992px) {
  .trade-modal-gta .btn-close {
    margin-right: -11px;
  }
}
@media (max-width: 991px) {
  .btn-treas {
    font-size: 24px;
    line-height: 28px;
    min-width: 216px;
  }
  .btn-treas img {
    width: 25px;
  }
  .treas-asst-header {
    padding: 12px 0px;
  }
  .treas-asst-header .treas-asst-logo {
    font-size: 26px;
  }
  .treas-asst-header .treas-asst-logo img {
    width: 60px;
    height: 60px;
  }
  .banner-date li p {
    font-size: 25px;
  }
  .thank-you-section .thank-you-heading p {
    font-size: 22px;
    line-height: 36px;
    margin: 0px auto 20px;
  }
  .stream-card {
    margin-top: 0px;
  }
  .ml-clear-btn {
    margin-bottom: 10px;
  }
  .ml-clear-btn label {
    display: none;
  }
  .trade-user-modal .btn-close {
    padding: 6px 0px 0px 0px;
  }
  .gtamassage-table {
    white-space: nowrap;
  }
  .thank-you-section .thank-you-heading h2 {
    font-size: 90px;
    line-height: 100px;
  }
  .trade-verify-modal .gta-list li .value-text {
    font-size: 14px;
    line-height: 20px;
  }
  .trade-verify-modal .gta-list li .lbl-text {
    font-size: 14px;
    line-height: 20px;
  }
  .usersubscrip-section .table {
    white-space: nowrap;
  }
  .port-banner-content h1 {
    font-size: 45px;
    line-height: 53px;
  }
  .port-banner-content p {
    font-size: 18px;
    line-height: 28px;
  }
  .port-banner-content .btn.btn-primary {
    font-size: 16px;
    line-height: 22px;
    padding: 16px 24px;
  }
  .port-detail-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .broker-select-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .sia-flex-layout {
    flex-direction: column;
    display: block;
  }
  .sia-chart-col {
    width: 100%;
  }
  .low-betapo-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .screen-show-modal .btn-close {
    margin-right: 0px;
  }
  .screen-show-modal .modal-header {
    padding-bottom: 2px;
  }
  .screen-show-modal .modal-dialog {
    max-width: 317px;
  }
}
@media (max-width: 767px) {
  .btn-treas {
    font-size: 18px;
    line-height: 24px;
    padding: 8px 15px;
    min-width: 167px;
  }
  .btn-treas img {
    width: 22px;
  }
  .treas-asst-header {
    padding: 10px 0px;
  }
  .treas-asst-header .treas-asst-logo {
    font-size: 20px;
    gap: 10px;
  }
  .treas-asst-header .treas-asst-logo img {
    width: 48px;
    height: 48px;
  }
  .treas-banner-section {
    padding: 78px 0px 60px;
  }
  .treas-banner-section .introducint-btn {
    font-size: 18px;
    padding: 2px 10px;
    min-width: 185px;
    margin-bottom: 5px;
    letter-spacing: 3px;
  }
  .treas-banner-section .banner-heading img {
    width: 97%;
  }
  .treas-banner-section .banner-heading p {
    font-size: 16px;
    line-height: 26px;
    margin: 0px auto 10px;
  }
  .banner-date {
    gap: 12px;
    margin-bottom: 20px;
    padding: 15px;
  }
  .banner-date li {
    font-size: 14px;
    line-height: 16px;
  }
  .banner-date li p {
    font-size: 17px;
    line-height: 23px;
  }
  .banner-date li img {
    width: 26px;
  }
  .treas-heading {
    margin: 0px auto 20px;
  }
  .treas-heading h2 {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 3px;
  }
  .treas-heading p {
    font-size: 15px;
    line-height: 24px;
  }
  .treas-chart-section {
    padding: 60px 0px;
  }
  .treas-chart-section .treas-chart-content img {
    width: 96%;
  }
  .treas-join-section {
    padding: 0px 0px 60px;
  }
  .treas-join-section .form-group {
    margin-bottom: 15px;
  }
  .treas-join-section .form-group .form-label {
    font-size: 14px;
  }
  .treas-join-section .form-group .form-control {
    height: 46px;
  }
  .treas-join-section .form-join-btn .btn-treas {
    font-size: 18px;
    padding: 8px 15px;
  }
  .treas-join-section .treas-join-content {
    margin: 0px auto 0px;
  }
  .thank-you-section {
    padding: 67px 0px 40px;
  }
  .thank-you-section .thank-you-heading p {
    font-size: 16px;
    line-height: 26px;
    margin: 0px auto 12px;
  }
  .price-gst p {
    font-size: 16px;
  }
  .price-gst p span {
    font-size: 30px;
    line-height: 36px;
  }
  .gtasend-msg-section {
    padding-top: 70px;
  }
  .gtasend-msg-section .form-check .form-check-label {
    font-size: 14px;
  }
  .gtasend-msg-section .btn-treas {
    font-size: 14px;
    padding: 7px 15px;
  }
  .gta-table-user th {
    font-size: 14px;
  }
  .gta-table-user td {
    font-size: 14px;
  }
  .gta-form-btn {
    gap: 10px;
    margin-bottom: 10px;
  }
  .tg-heading h3 {
    font-size: 36px;
    line-height: 42px;
  }
  .tg-heading p {
    font-size: 14px;
    line-height: 20px;
  }
  .step-card h5 {
    font-size: 16px;
    line-height: 24px;
  }
  .step-card p {
    font-size: 14px;
  }
  .gta-card-list p strong {
    font-size: 16px;
    line-height: 22px;
  }
  .tg-heading {
    text-align: center;
  }
  .gtasend-msg-section .btn-tg .tl-span {
    font-size: 16px;
    line-height: 26px;
    margin-top: -4px;
  }
  .gtasend-msg-section {
    padding-bottom: 30px;
  }
  .gtasend-msg-section .form-group .form-control {
    height: calc(1.5em + 0.75rem + 2px);
  }
  .p-text {
    text-align: center;
  }
  .treas-join-section .form-group .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 12px;
  }
  .gtasend-msg-section .btn-tg {
    padding: 8px 15px;
    min-width: 98px;
    font-size: 13px;
    gap: 6px;
  }
  .gtasend-msg-section .btn-tg .tl-text {
    font-size: 13px;
    line-height: 19px;
  }
  .gtasend-msg-section .btn-tg i {
    font-size: 14px;
  }
  .p-text {
    font-size: 14px;
    line-height: 20px;
  }
  .gta-user-info {
    padding: 15px;
    margin-bottom: 15px;
  }
  .gta-user-info .list-unstyled li .text-message-btn {
    margin: auto;
  }
  .gta-user-info .list-unstyled p {
    font-size: 15px;
  }
  .card-header-message h5 {
    font-size: 18px;
  }
  .telegram-manage-card .form-control {
    margin-bottom: 0px;
  }
  .telegram-manage-card .card-header .card-title {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .telegram-manage-card .btn-group .btn {
    display: grid;
    font-size: 14px;
    padding: 5px;
  }
  .srv-heading h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .gta-srv-title p {
    font-size: 14px;
  }
  .srv-thank-row {
    margin-top: 0px;
  }
  .srv-thank-row h2 {
    font-size: 22px;
    line-height: 25px;
    padding-bottom: 4px;
    margin-top: 2px;
  }
  .srv-thank-you-content p {
    font-size: 14px;
    line-height: 24px;
  }
  .broker-list-checkbox li {
    width: 127px;
    word-break: break-word;
  }
  .treas-join-section .broker-card-gta .form-label {
    font-size: 16px;
    line-height: 24px;
  }
  .treas-join-section .broker-card-gta p {
    font-size: 14px;
    line-height: 22px;
  }
  section.gta-supertech-section {
    padding: 67px 0 53px 0;
    background-color: rgb(243, 242, 239);
    min-height: calc(100vh - 55px);
  }
  section.gta-supertech-section .gta-script-card {
    background-color: #fff;
    margin-bottom: 15px;
    padding: 1rem;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  section.gta-supertech-section .gta-script-card .table thead th {
    border-top: 1px solid #dee2e6;
  }
  section.gta-supertech-section .gta-script-card .table td:first-child,
  section.gta-supertech-section .gta-script-card .table th:first-child {
    padding-left: 1rem;
  }
  section.gta-supertech-section .gta-script-card .table td:last-child,
  section.gta-supertech-section .gta-script-card .table th:last-child {
    padding-right: 1rem;
  }
  section.gta-supertech-section .gta-script-card .script-top {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    justify-content: center !important;
  }
  section.gta-supertech-section .nav-tabs .nav-item .nav-link {
    font-size: 13px;
    padding: 6px 6px;
  }
  .right-gautam {
    justify-content: center;
    margin: 10px 0px;
  }
  .card.card-userlist .card-header h4 {
    justify-content: center;
  }
  .card.card-userlist button.btn {
    padding: 7px 8px !important;
  }
  .card.card-userlist .search-btn-gaut button.btn {
    padding: 7px 11px !important;
    min-height: 33px;
  }
  .supertech-heading h3 {
    font-size: 18px;
  }
  .trade-user-modal .copy-button {
    text-align: center;
  }
  .trade-user-modal .copy-button .btn {
    margin-top: 10px;
  }
  .trade-user-modal .modal-title .badge {
    font-size: 12px;
  }
  .trade-user-modal .modal-header {
    padding: 1rem 1rem;
  }
  .trade-user-modal table thead th {
    font-size: 13px;
  }
  .trade-user-modal table td {
    font-size: 13px;
  }
  .trade-user-modal .modal-footer {
    padding: 8px 10px;
  }
  .trade-user-modal .modal-footer .btn {
    font-size: 13px;
    line-height: 14px;
    padding: 7px 10px !important;
  }
  .dataTables_paginate {
    width: 100%;
  }
  .dataTables_paginate .pagination {
    justify-content: center;
  }
  .modal-title .badge {
    font-size: 12px;
  }
  .dataTables_info {
    text-align: center;
  }
  .big-btn-gta .btn {
    font-size: 14px;
  }
  .ml-clear-btn .btn {
    margin: auto;
  }
  .supertech-back .btn {
    font-size: 11px;
    padding: 1px 7px;
  }
  .trade-heading h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .trade-heading p {
    font-size: 14px;
    line-height: 18px;
  }
  .trade-lgr-card .card-body {
    padding: 12px;
  }
  .trade-lgr-card .gta-list li {
    width: 33%;
  }
  .trade-lgr-card .gta-list li:last-child {
    width: 24%;
  }
  .trade-lgr-card .gta-list .lbl-text {
    font-size: 14px;
    line-height: 18px;
  }
  .trade-lgr-card .gta-list .value-text {
    font-size: 14px;
    line-height: 20px;
  }
  .add-record-button .btn {
    font-size: 13px;
    padding: 7px 13px;
    line-height: 18px;
  }
  .entry-button {
    justify-content: flex-end;
  }
  .trade-modal-gta .entry-button {
    justify-content: center;
    padding-top: 0px;
  }
  .add-record-button {
    margin-top: 13px;
  }
  .entry-button .btn {
    font-size: 13px;
  }
  .search-btn-gaut label {
    display: none;
  }
  .thank-you-section .thank-you-heading h2 {
    font-size: 54px;
    line-height: 62px;
  }
  .userlist-alert {
    padding: 6px 0px;
  }
  .gta-dashboard h5 {
    font-size: 16px;
  }
  .gta-dashboard .card .card-body {
    padding: 0.7rem;
  }
  .gta-dashboard .card .card-title {
    font-size: 15px;
    line-height: 22px;
  }
  .gta-dashboard .card .card-table-div {
    padding: 8px;
  }
  .gta-dashboard .card .card-table-div .table td strong {
    font-size: 13px;
  }
  .trade-user-modal .btn {
    font-size: 14px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }
  .dataTables_paginate .pagination .paginate_button .page-link {
    padding: 7px !important;
  }
  .gts-message-list-page {
    background-color: rgb(243, 242, 239);
  }
  .gts-message-list-page .form-label {
    font-weight: 500;
    line-height: 1.5rem;
    color: #172b4d;
    font-family: "Poppins", sans-serif;
    margin-bottom: 3px;
  }
  .gts-message-list-page .form-select,
  .gts-message-list-page .form-control {
    color: #172b4d;
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
  }
  .gts-message-list-page .container-fluid {
    padding: 0px;
  }
  .gts-message-list-page .message-card {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1rem;
  }
  .gts-message-list-page .message-card .table td:first-child,
  .gts-message-list-page .message-card .table th:first-child {
    padding-left: 1rem;
  }
  .gts-message-list-page .message-card .table td:last-child,
  .gts-message-list-page .message-card .table th:last-child {
    padding-right: 1rem;
  }
  .gts-message-list-page .message-card #goto-page-sendmessage {
    padding: 6px 10px;
    font-size: 0px;
    border: 1px solid #b3bac5 !important;
    background: #f1f1f1;
    color: #000;
    border-radius: 6px;
    min-width: auto;
  }
  .gts-message-list-page .message-card #goto-page-sendmessage i {
    font-size: 15px;
  }
  .gts-message-list-page .pagination-msg {
    padding: 1rem;
    color: #000;
    text-align: center;
  }
  .gts-message-list-page .pagination-msg .pull-right {
    float: none;
  }
  .gts-message-list-page .pagination-msg .pagination {
    justify-content: center;
    padding-top: 0px;
  }
  .gts-message-list-page .search_icon {
    text-align: center;
  }
  .gtamsg-trades-section {
    background-color: rgb(243, 242, 239);
    min-height: calc(100vh - 50px);
  }
  .gtamsg-trades-section .creat-button-top {
    padding-right: 1rem;
  }
  .gtamsg-trades-section .container-fluid {
    padding: 0px;
  }
  .gtamsg-trades-section .trades-card {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1rem;
  }
  .gtamsg-trades-section .trades-card .table thead th {
    border-top: 1px solid #dee2e6;
  }
  .gtamsg-trades-section .trades-card .table td:first-child,
  .gtamsg-trades-section .trades-card .table th:first-child {
    padding-left: 1rem;
  }
  .gtamsg-trades-section .trades-card .table td:last-child,
  .gtamsg-trades-section .trades-card .table th:last-child {
    padding-right: 1rem;
  }
  .step-link {
    font-size: 14px;
    line-height: 22px;
  }
  .step-alert {
    font-size: 13px;
    line-height: 20px;
  }
  .gtasend-msg-mobile {
    background-color: rgb(243, 242, 239);
  }
  .gtasend-msg-mobile .container {
    padding: 0px;
  }
  .gtasend-msg-mobile .gtasend-msg-card {
    background-color: #fff;
    margin-bottom: 12px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1rem;
  }
  .gtasend-msg-mobile .tg-heading {
    margin-bottom: 5px;
  }
  .gtasend-msg-mobile .tg-heading h3 {
    font-size: 18px;
  }
  .gtasend-msg-mobile .gta-user-info {
    border: 0px;
    padding: 0px;
    margin-bottom: 0px !important;
  }
  .gtasend-msg-mobile .step-name .btn {
    margin: 14px auto 0px;
    display: block;
  }
  .gtasend-msg-mobile .step-link a {
    white-space: nowrap;
  }
  .gtasend-msg-mobile .form-check-box {
    border: 1px solid rgba(111, 111, 111, 0.21);
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 1rem;
    background-color: #fbfbfb;
  }
  .gtasend-msg-mobile .form-check-box .form-check .form-check-label small {
    font-size: 13px;
    line-height: 20px;
    display: block;
    color: #000 !important;
  }
  .gtasend-msg-mobile .step-link span {
    color: #000 !important;
  }
  .gtasend-msg-mobile .step-alert i {
    font-size: 20px;
  }
  .goLivesec-mob {
    background-color: rgb(243, 242, 239);
    min-height: calc(100vh - 50px);
  }
  .goLivesec-mob .container {
    padding: 0px;
  }
  .goLivesec-mob .golive-card {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1rem;
  }
  .goLivesec-mob .table thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .goLivesec-mob .table td:first-child,
  .goLivesec-mob .table th:first-child {
    padding-left: 1rem;
  }
  .goLivesec-mob .table td:last-child,
  .goLivesec-mob .table th:last-child {
    padding-right: 1rem;
  }
  .goLivesec-mob .golive-button {
    padding: 0px 1rem;
  }
  .goLivesec-mob .golive-button .btn {
    padding: 6px 12px;
  }
  .goLivesec-mob .flex-end-affliate {
    text-align: center;
  }
  .goLivesec-mob .flex-end-affliate .btn {
    min-width: 91px;
    padding: 7px 10px;
  }
  .goLivesec-mob .form-control {
    font-size: 14px;
  }
  #goLiveModal .btn {
    padding: 4px 10px;
    font-size: 15px;
  }
  .kite-mob-page {
    background-color: rgb(243, 242, 239) !important;
    padding: 70px 0 50px 0 !important;
  }
  .kite-mob-page section {
    background-color: transparent;
  }
  .kite-mob-page section .container {
    padding: 0px;
  }
  .kite-mob-page .kite-card {
    background-color: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border: 0px;
    border-radius: 0px;
  }
  .kite-mob-page .kite-card .btn {
    padding: 6px 14px;
  }
  .kite-mob-page .telegram-manage-card {
    border-radius: 0px;
    border: 0px;
    margin-bottom: 10px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .kite-mob-page .telegram-manage-card .card-header {
    background: #fff;
    border: 0px;
    padding: 1rem 0.8rem 0.2rem;
  }
  .kite-mob-page .telegram-manage-card .alert-info {
    background-color: #ffffff;
    border: 1px solid #aeafb0;
  }
  .kite-mob-page .telegram-manage-card .alert-info .badge {
    padding: 5px 9px;
    border-radius: 10px;
    background: #0bb2b1;
  }
  .kite-mob-page .telegram-manage-card .small-link .btn {
    width: 29px;
    min-width: 29px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #0bb2b1;
    color: #0bb2b1;
  }
  .kite-mob-page .telegram-manage-card small.text-break {
    font-size: 13px;
    line-height: 18px;
  }
  .kite-mob-page .telegram-manage-card .btn-group {
    justify-content: center;
    width: 100%;
  }
  .kite-mob-page .telegram-manage-card .btn-group .btn {
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
  }
  .kite-mob-page .telegram-manage-card .btn-group .btn i {
    font-size: 20px;
  }
  .kite-mob-page .telegram-manage-card .btn-group .btn-danger {
    color: #bb2d3b;
    background-color: #fff;
  }
  .kite-mob-page .telegram-manage-card .btn-group .btn-success {
    color: #198754;
    background-color: #fff;
  }
  .kite-mob-page .telegram-manage-card .btn-group .btn-primary {
    color: #4c55d0;
    background: #fff;
    border: 1px solid #4c55d0 !important;
  }
  .kite-mob-page .telegram-manage-card .form-group .form-control {
    border: 1px solid #aeafb0;
    background-color: transparent;
  }
  .kite-mob-page .telegram-refresh-btn {
    justify-content: center;
    padding-bottom: 1rem;
  }
  .kite-mob-page .telegram-refresh-btn .btn {
    margin-top: 0px;
  }
  .campaignlist-section {
    background-color: rgb(243, 242, 239);
  }
  .campaignlist-section .container {
    padding: 0px;
  }
  .campaignlist-section .campaign-content {
    border-radius: 0px;
    padding: 1rem 0rem;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .campaignlist-section .button-div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding-top: 10px;
  }
  .campaignlist-section .button-div .btn {
    margin: 0px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
  }
  .campaignlist-section .form-card-top {
    padding: 0rem 1rem 1rem;
  }
  .campaignlist-section .table {
    white-space: nowrap;
  }
  .campaignlist-section .table thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .campaignlist-section .table td:first-child,
  .campaignlist-section .table th:first-child {
    padding-left: 1rem;
  }
  .campaignlist-section .table td:last-child,
  .campaignlist-section .table th:last-child {
    padding-right: 1rem;
  }
  .campaignlist-section .form-control {
    font-size: 14px;
  }
  .campaignlist-section .showing-card {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 14px;
    padding: 10px 0px;
    text-align: center;
  }
  .campaignlist-section i.fa-pencil-square {
    color: #6d47ff;
  }
  .campaignlist-section h3 {
    font-family: "Poppins", sans-serif;
  }
  .payreport-section {
    background-color: rgb(243, 242, 239);
  }
  .payreport-section .container-fluid {
    padding: 0px;
  }
  .payreport-section .shadow-rounded-box {
    border-radius: 0px;
    padding: 1rem 0rem;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
  }
  .payreport-section .wp-lead-btn {
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    margin-top: 8px;
  }
  .payreport-section .wp-lead-btn .btn {
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
  }
  .payreport-section .payreport-form {
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .payreport-section .table {
    white-space: nowrap;
  }
  .payreport-section .table thead th {
    border-top: 0;
    vertical-align: middle;
  }
  .payreport-section .table td:first-child,
  .payreport-section .table th:first-child {
    padding-left: 1rem;
  }
  .payreport-section .table td:last-child,
  .payreport-section .table th:last-child {
    padding-right: 1rem;
  }
  .payreport-section .form-control {
    font-size: 14px;
  }
  .payreport-section .showing-card {
    font-family: "Poppins", sans-serif;
    color: #000;
    font-size: 14px;
    padding: 10px 0px;
    text-align: center;
  }
  .payreport-section i.fa-pencil-square {
    color: #6d47ff;
  }
  .payreport-section .pull-right.pagination-sm {
    float: left;
    width: 100%;
  }
  .payreport-section .page-section .pagination {
    float: none;
    justify-content: center;
  }
  .payreport-section .page-section .pagination li a {
    margin-top: 0px;
  }
  .wp-section {
    background-color: rgb(243, 242, 239) !important;
    padding-top: 72px !important;
  }
  .wp-section section {
    background-color: transparent;
    padding: 0px;
  }
  .wp-section .table {
    white-space: nowrap;
  }
  .wp-section .table thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .wp-section .table td:first-child,
  .wp-section .table th:first-child {
    padding-left: 1rem;
  }
  .wp-section .table td:last-child,
  .wp-section .table th:last-child {
    padding-right: 1rem;
  }
  .wp-section .container {
    padding: 0px;
  }
  .wp-section .wp-content {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1rem 0rem;
  }
  .wp-section .wp-top {
    padding: 0px 1rem;
  }
  .wp-section .custom-label {
    font-family: "Poppins", sans-serif;
  }
  .wp-section .wp-add-button .btn {
    font-family: "Poppins", sans-serif;
    min-width: 86px;
    padding: 7px 10px;
  }
  .genielab-page {
    background-color: rgb(243, 242, 239) !important;
    padding: 72px 0 20px 0 !important;
  }
  .genielab-page .container {
    padding: 0px;
  }
  .genielab-page section {
    background-color: transparent;
  }
  .genielab-page section .row {
    margin-top: 0 !important;
  }
  .genielab-page .card {
    margin-bottom: 12px;
    background-color: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border: 0px;
    border-radius: 0px;
  }
  .genielab-page .card .card-title {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .report-page {
    background-color: rgb(243, 242, 239) !important;
    padding: 72px 0 20px 0 !important;
  }
  .report-page .container {
    padding: 0px;
  }
  .report-page section {
    background-color: transparent;
  }
  .report-page section .row {
    margin-top: 0 !important;
  }
  .report-page .card {
    margin-bottom: 12px;
    background-color: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border: 0px;
    border-radius: 0px;
  }
  .report-page .card .card-title {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .report-page .report-heading {
    padding: 0px 1rem;
    text-align: center;
  }
  .fileimport-section {
    background-color: rgb(243, 242, 239);
    min-height: calc(100vh - 52px);
  }
  .fileimport-section .container {
    padding: 0px;
  }
  .fileimport-section .fileimport-content {
    padding: 1rem;
    background-color: #fff;
    margin-bottom: 12px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .fileimport-section h2 {
    font-size: 22px;
  }
  .fileimport-section textarea.form-control {
    height: 75px;
  }
  .fileimport-section .upload-button {
    text-align: center;
    padding-top: 10px;
  }
  .fileimport-section .right-name-list {
    margin-bottom: 12px;
  }
  .dashboard-admin {
    background-color: rgb(243, 242, 239);
  }
  .dashboard-admin .shadow-rounded-box {
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    margin-bottom: 5px;
  }
  .dashboard-admin .shadow-rounded-box .container-fluid,
  .dashboard-admin .shadow-rounded-box .container-fluid-px {
    padding: 0px !important;
  }
  .dashboard-admin br {
    display: none;
  }
  .trade-verify-modal .trades-veryfi-heading {
    font-size: 19px;
    line-height: 25px;
  }
  .trade-verify-modal .trades-veryfi-alert {
    padding: 12px;
  }
  .trade-verify-modal .gta-list {
    padding: 10px;
  }
  .trade-verify-modal .gta-list li {
    width: 50%;
  }
  .trade-verify-modal .gta-list li .lbl-text {
    margin-bottom: 6px;
  }
  .gtauserlist-section {
    background-color: rgb(243, 242, 239);
  }
  .gtauserlist-section .container-fluid {
    padding: 0px;
  }
  .gtauserlist-section .form-userlist {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1.2rem 1rem 1rem;
  }
  .gtauserlist-section .search_icon {
    padding: 0px;
    text-align: center;
  }
  .gtauserlist-section .table {
    white-space: nowrap;
  }
  .gtauserlist-section .table thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .gtauserlist-section .table td:first-child,
  .gtauserlist-section .table th:first-child {
    padding-left: 1rem;
  }
  .gtauserlist-section .table td:last-child,
  .gtauserlist-section .table th:last-child {
    padding-right: 1rem;
  }
  .gtauserlist-section .userlist-table {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    padding: 1rem 0rem;
  }
  .gtauserlist-section .showing-table {
    padding: 5px 10px;
  }
  .gtauserlist-section span.icon-documents {
    font-size: 18px !important;
  }
  .gtauserlist-section .form-control {
    font-size: 14px;
  }
  .user-trades-card .trades--list {
    flex-wrap: wrap;
  }
  .user-trades-card .trades--list p {
    font-size: 14px;
  }
  .user-trades-card .trades--list li {
    width: 48%;
  }
  .user-trades-card .trades--list li:last-child {
    width: 48%;
  }
  .dash-steps-card {
    padding: 0.8rem;
  }
  .dash-steps-card .dash-steps-card-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .dash-steps-card p {
    font-size: 14px;
  }
  .dash-steps-card strong {
    font-size: 15px;
  }
  .dash-steps-card strong svg {
    width: 20px;
    height: 20px;
    margin-left: -29px;
  }
  .dash-steps-card .dash-steps-left {
    padding-left: 29px;
  }
  .dash-steps-card .btn {
    margin: auto;
    min-width: 101px;
  }
  .alert-ted {
    flex-direction: column;
    text-align: center;
  }
  .dash-nav-tabs .nav-item .nav-link {
    white-space: nowrap;
    gap: 7px;
  }
  .gta-dash-card .dash-title {
    font-size: 16px;
    line-height: 20px;
  }
  .gta-dash-card .card-body {
    padding: 0.8rem;
  }
  .dash-faq .accordion-item .accordion-header .accordion-button {
    font-size: 15px;
    align-items: flex-start;
    font-weight: 500;
    line-height: 18px;
  }
  .dash-faq .accordion-item .accordion-header .accordion-button:after {
    height: 1.2rem;
    width: 1.2rem;
    background-size: contain;
  }
  .gta-msg-details {
    background-color: rgb(243, 242, 239);
    min-height: calc(100vh - 39px);
  }
  .gta-msg-details .container-fluid {
    padding: 0px;
  }
  .gta-msg-details .card {
    border: 0px;
    border-radius: 0px;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .gta-msg-details .card h5 {
    font-size: 18px;
  }
  .gta-msg-details .card .card-header {
    background-color: transparent;
    border: 0px;
    padding-bottom: 0px;
    padding: 1rem 1rem 0rem;
  }
  .gta-msg-details .card .card-body {
    padding: 1rem;
  }
  .gta-msg-details .messages-table {
    padding: 1rem 0rem;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .gta-msg-details thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .gta-msg-details .table td:first-child,
  .gta-msg-details .table th:first-child {
    padding-left: 1rem;
  }
  .gta-msg-details .table td:last-child,
  .gta-msg-details .table th:last-child {
    padding-right: 1rem;
  }
  .gta-msg-details-section {
    background-color: rgb(243, 242, 239);
  }
  .gta-msg-details-section .container-fluid {
    padding: 0px;
  }
  .gta-msg-details-section .gta-msgform-card {
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .gta-msg-details-section .form-control {
    font-size: 14px;
    color: #000;
    font-weight: 400;
  }
  .gta-msg-details-section .btn-div-gta {
    display: flex;
    gap: 5px;
    justify-content: center;
  }
  .gta-msg-details-section .btn-div-gta .btn {
    margin-top: 10px;
    padding: 7px 13px;
    min-width: 98px;
  }
  .gta-msg-details-section .mag-table {
    padding: 1rem 0rem;
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  .gta-msg-details-section thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .gta-msg-details-section .table td:first-child,
  .gta-msg-details-section .table th:first-child {
    padding-left: 1rem;
  }
  .gta-msg-details-section .table td:last-child,
  .gta-msg-details-section .table th:last-child {
    padding-right: 1rem;
  }
  .gta-msg-details-section .showing-nu {
    padding: 0.3rem 1rem;
    text-align: center;
  }
  .gta-msg-details-section .pull-right.pagination-sm {
    float: left;
    width: 100%;
  }
  .gta-msg-details-section .page-section .pagination {
    float: none;
    justify-content: center;
  }
  .gta-msg-details-section .page-section .pagination li a {
    margin-top: 0px;
  }
  .gtasend-msg-mobile {
    background-color: rgb(243, 242, 239);
  }
  .gtasend-msg-mobile .container {
    padding: 0px;
  }
  .gtasend-msg-mobile .card-header-message {
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 15px;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  }
  section.gta-supertech-mobile .nav-tabs .nav-item .nav-link {
    white-space: nowrap;
    padding: 7px 10px;
  }
  section.gta-supertech-mobile .supertech-back .btn {
    border: 0px;
    font-size: 14px;
    line-height: 22px;
    padding: 0px;
    padding-right: 5px;
  }
  section.gta-supertech-mobile .gta-dashboard .card-header {
    background: #ffffff;
  }
  section.gta-supertech-mobile .card.card-userlist .rfsh-btn-left button.btn {
    margin-left: 0px !important;
    border: 0px;
    color: #5e4eea;
  }
  section.gta-supertech-mobile .card .card-header h5 {
    display: flex;
    align-items: center;
    gap: 7px;
  }
  section.gta-supertech-mobile .gta-dashboard .card .card-title {
    font-size: 14px;
  }
  section.gta-supertech-mobile table thead th {
    font-size: 13px;
  }
  section.gta-supertech-mobile .supertech-heading p {
    color: #000;
  }
  section.gta-supertech-mobile .gta-dashboard {
    background-color: #fff;
  }
  section.gta-supertech-mobile .search-btn-gaut {
    justify-content: center;
  }
  section.gta-supertech-mobile .search-btn-gaut .btn {
    margin-top: 4px !important;
  }
  section.gta-supertech-mobile .card-form-div {
    margin-bottom: 20px;
  }
  .paymentreport-page {
    background-color: rgb(243, 242, 239);
    min-height: calc(100vh - 55px);
  }
  .paymentreport-page h3 {
    font-size: 16px;
  }
  .paymentreport-page .report-container {
    padding: 1rem !important;
    background: #fff;
  }
  .paymentreport-page .button-div {
    justify-content: center;
    gap: 6px;
    margin-top: 10px;
  }
  .waiting-admin-page {
    padding: 41px 0 30px 0;
  }
  .waiting-admin-page .table {
    white-space: nowrap;
  }
  .waiting-admin-page thead th {
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
  }
  .waiting-admin-page .table td:first-child,
  .waiting-admin-page .table th:first-child {
    padding-left: 1rem;
  }
  .waiting-admin-page .table td:last-child,
  .waiting-admin-page .table th:last-child {
    padding-right: 1rem;
  }
  .waiting-admin-page .showing-nu {
    padding: 0.3rem 1rem;
    text-align: center;
    font-family: var(--font-Poppins);
    color: #000;
    font-size: 14px;
  }
  .waiting-admin-page .pull-right.pagination-sm {
    float: left;
    width: 100%;
  }
  .waiting-admin-page .page-section .pagination {
    float: none;
    justify-content: center;
    overflow: auto;
  }
  .waiting-admin-page .page-section .pagination::-webkit-scrollbar {
    display: none;
  }
  .waiting-admin-page .page-section .pagination li a {
    margin-top: 0px;
  }
  .genie-usereport-page .field-set-btn {
    text-align: center;
  }
  .geniecount-report-table {
    margin-bottom: 15px;
  }
  .geniecount-report-table .table thead th {
    width: 1%;
  }
  .guideline-card {
    padding: 0px;
  }
  .guideline-card .guideline-card-title {
    display: none;
  }
  .guideline-card .guide-btn .btn {
    font-size: 13px;
    padding: 5px 14px;
    min-width: 114px;
    font-weight: 400;
  }
  .guideline-card .guide-btn .btn.btn-primary {
    background: #07A7AF;
    border-color: #07A7AF;
    color: #fff;
  }
  .guideline-card h3 {
    font-size: 16px;
  }
  .guideline-card p {
    font-size: 13px;
    line-height: 20px;
  }
  .guideline-card .guideline-card-body {
    padding: 1rem;
  }
  .guideline-card .guideline-card-body ul {
    margin-bottom: 14px;
  }
  .guideline-card .guideline-card-body ul li {
    margin-bottom: 10px;
    align-items: baseline;
  }
  .guideline-card .guideline-card-body ul li i {
    font-size: 7px;
  }
  .guideline-card .form-check .form-check-input:checked {
    background-color: #07A7AF;
    border-color: #07A7AF;
  }
  .trades-btn-row {
    justify-content: center;
    gap: 8px;
    padding-top: 4px;
  }
  .trades-btn-row .btn {
    font-size: 13px;
    padding: 4px 12px;
  }
  .gta-usersfortrade-section .form-group .form-label {
    font-size: 14px;
    line-height: 20px;
  }
  .gta-usersfortrade-section .form-group .form-control {
    font-size: 0.8rem;
  }
  .gtauserlist-section .table tbody td {
    font-size: 13px;
  }
  .showing-table {
    font-size: 0.8rem;
  }
  .search-btn-row {
    padding-top: 5px;
    justify-content: center;
    gap: 7px;
  }
  .form-copy-btn {
    padding-top: 8px;
    text-align: center;
  }
  .form-copy-btn .btn {
    font-size: 13px;
  }
  .alert-copy-group {
    font-size: 14px;
  }
  .alert-copy-group .btn.btn-sm {
    padding: 3px 10px;
    white-space: nowrap;
    font-size: 0px;
  }
  .alert-copy-group .btn.btn-sm i {
    font-size: 14px;
    position: relative;
    right: -3px;
  }
  .alert {
    font-family: "Poppins", sans-serif;
    font-size: 13px;
  }
  .form-check-mt {
    margin-top: 6px;
  }
  .gta-usersfortrade-section {
    padding: 72px 0 30px 0;
  }
  .kitecard-section {
    padding-bottom: 20px;
  }
  .imform-web-card .card-body .table td {
    display: block;
    width: 100%;
  }
  #edit-u-btn {
    margin-bottom: 40px;
    white-space: nowrap;
    width: auto;
    height: auto;
  }
  .edituser-section .btn {
    font-size: 13px;
  }
  .btn {
    padding: 7px 14px;
  }
  .edituser-section p {
    font-size: 14px;
  }
  .edituser-section table {
    white-space: nowrap;
  }
  .btn-report {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
  }
  .sector-btn {
    padding-top: 10px;
  }
  .modal .table.user_list {
    white-space: nowrap;
  }
  .sentiment-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .sector-btn {
    justify-content: center;
  }
  .movement-btn {
    justify-content: center;
    padding-top: 10px;
  }
  .influencer-section table {
    white-space: nowrap;
  }
  .pagination-m {
    float: left !important;
  }
  .pagination-m .pagination {
    overflow: auto;
  }
  .pagination-m .pagination::-webkit-scrollbar {
    display: none;
  }
  .btn-smtpw {
    padding-top: 8px;
    display: flex;
    justify-content: center;
  }
  .story-btn {
    justify-content: center;
    padding-top: 10px;
  }
  .btn-pdreport {
    justify-content: center;
    padding: 18px 0px;
  }
  .movement-btn {
    text-align: center;
  }
  .llmt-btn {
    padding-top: 7px;
    text-align: center;
  }
  .portfolio-section {
    padding: 0px 0px 0px;
  }
  .port-smart-btn {
    margin-bottom: 1rem;
    font-size: 14px;
  }
  .port-banner-content h1 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 12px;
  }
  .port-banner-content p {
    font-size: 15px;
    line-height: 24px;
    margin: 0px auto 20px;
  }
  .port-banner-content .btn.btn-primary {
    padding: 11px 16px;
    font-size: 14px;
    gap: 8px;
  }
  .port-banner-content .btn.btn-primary svg {
    width: 18px;
  }
  .connect-port-modal .modal-title {
    font-size: 16px;
  }
  .select-brokers-div .brokers-name {
    font-size: 14px;
    line-height: 22px;
  }
  .select-brokers-div .select-brokers-list ul li {
    padding: 10px 14px;
  }
  .port-detail-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .port-detail-drop .btn-dropdown {
    padding: 7px 7px;
  }
  .port-detail-drop .drop-img {
    width: 28px;
    min-width: 28px;
    height: 27px;
  }
  .port-detail-drop .btn-dropdown {
    gap: 6px;
  }
  .port-detail-drop .drop-text {
    font-size: 11px;
    line-height: 14px;
  }
  .port-detail-drop .dropdown-menu {
    min-width: 308px;
  }
  .port-del-top-right {
    gap: 8px;
    justify-content: space-between;
    width: 100%;
    justify-content: center;
  }
  .btn-portfolio {
    font-size: 12px;
    line-height: 17px;
    padding: 7px 10px;
    gap: 6px;
  }
  .port-del-top-left h2 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 2px;
  }
  .connect-port-modal .form-group {
    margin-bottom: 0.8rem;
  }
  .connect-port-modal .form-group .form-control {
    font-size: 13px;
  }
  .connect-port-modal .modal-footer {
    justify-content: center;
    padding: 0px 16px 16px;
  }
  .connect-port-modal .btn.btn-primary {
    font-size: 14px;
    line-height: 16px;
    padding: 11px 12px;
    gap: 6px;
  }
  .connect-port-modal .btn.btn-border {
    font-size: 14px;
    line-height: 16px;
    padding: 11px 12px;
  }
  .port-connect-body {
    padding: 24px;
  }
  .port-connect-body h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .port-connect-body p {
    font-size: 14px;
  }
  .port-connect-body .port-connect-img {
    width: 58px;
    height: 58px;
    margin: 0px auto 8px;
  }
  .port-connect-body .port-connect-img svg {
    width: 28px;
  }
  .connect-port-modal .modal-header {
    padding: 16px;
  }
  .connect-port-modal .modal-body {
    padding: 14px 16px 6px;
  }
  .portfolio-data-top {
    flex-wrap: wrap;
  }
  .portfolio-data-top h2 {
    font-size: 16px;
  }
  .portfolio-data-top-middle {
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px;
  }
  .port-option-btn .btn {
    font-size: 12px;
    padding: 6px 12px;
  }
  .port-data-search {
    width: 100%;
  }
  .holdings-pasination .pagination {
    padding: 15px;
  }
  .holdings-pasination .pagination .page-link {
    margin: 0px;
  }
  .portfolio-data-table .table thead th {
    white-space: nowrap;
  }
  .portfolio-data-table .table td {
    font-size: 13px;
  }
  .portfolio-data-table .table .badge-green {
    font-size: 11px;
  }
  .portfolio-data-table .table .company-div .company-text p {
    font-size: 13px;
  }
  .port-detail-card {
    padding: 12px;
  }
  .port-detail-card .port-detail-card-text .port-det-price {
    font-size: 16px;
  }
  .port-detail-card .port-detail-card-icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 10px;
  }
  .port-detail-card .port-detail-card-icon svg {
    width: 18px;
  }
  .select-brok-stock-left .stock-name {
    font-size: 12px;
    line-height: 18px;
  }
  .select-brok-stock-left .stock-large {
    padding: 2px 8px;
  }
  .select-brok-stock-left .stock-fullname {
    font-size: 12px;
    line-height: 14px;
  }
  .select-brok-stock-left .stock-technology {
    font-size: 12px;
  }
  .add-position-form .select2-card .select-option-btn {
    padding: 4px 7px;
  }
  .add-position-form .select-2-brokers-list ul li p {
    font-size: 14px;
    padding: 8px 14px;
  }
  .add-position-form .select-2-brokers-list .add-create-select li {
    padding: 10px 14px;
  }
  .stockname-fix {
    font-size: 13px;
  }
  .comp-financial-card .comp-name {
    font-size: 13px;
  }
  .portfolio-detl-wrapper {
    padding: 72px 0 30px 0;
  }
  .port-option-btn {
    width: 100%;
  }
  .port-option-btn li {
    width: 100%;
  }
  .port-option-btn .btn.btn-primary-light {
    width: 100%;
  }
  .delete-entry-name {
    font-size: 14px;
  }
  .delete-entry-footer .btn.btn-danger {
    padding: 8px 14px;
  }
  .delete-entry-footer .btn.btn-border {
    padding: 8px 14px;
  }
  .delete-entry-footer .btn.btn-primary {
    padding: 8px 14px;
  }
  .large-cap-stock-modal .modal-footer {
    padding: 16px;
  }
  .sector-company-row {
    padding: 8px 12px 8px 17px;
    word-break: break-word;
  }
  .sector-company-card .sector-company-card-top {
    word-break: break-word;
    padding: 12px 12px;
  }
  .stor-ind-button {
    min-width: 64px;
    min-height: 62px;
    padding: 6px;
  }
  .stor-ind-button .sector-card-no {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 2px;
  }
  .stor-ind-button .sector-card-text {
    line-height: 14px;
  }
  .sector-card-arrow svg {
    width: 14px;
  }
  .stor-ind-button-top .stor-ind-button-top-left {
    gap: 3px;
  }
  .sia-btn {
    padding: 8px 12px;
  }
  .stor-ind-button-top {
    flex-wrap: wrap;
    gap: 15px;
  }
  .sector-sub-card-top {
    padding-left: 15px !important;
  }
  .stor-stock-card-top {
    padding: 12px 12px;
  }
  .sector-company-card ul li {
    width: 80px;
  }
  .stor-stock-card-top .stock-head-list li {
    width: 73px;
  }
  .sector-head-left p {
    line-height: 14px;
    width: 200px;
  }
  .beta-market-div .beta-market-no {
    min-width: 56px;
    height: 56px;
    font-size: 20px;
    line-height: 24px;
  }
  .beta-market-div {
    gap: 12px;
  }
  .port-beta-card {
    padding: 16px;
  }
  .low-beta-stock-div .low-beta-stock-card h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .beta-analy-text h3 {
    font-size: 16px;
    line-height: 20px;
  }
  .accordion-report {
    background-color: #fff;
    padding: 12px;
  }
  .accordion-report .accordion-header .accordion-button {
    font-size: 16px;
    padding: 10px 16px;
  }
  .addfree-Instruction li {
    font-size: 14px;
  }
  .add-free-heading {
    padding: 12px 15px;
  }
  .ass-free-btn {
    justify-content: center;
  }
  .ass-free-btn .btn {
    font-size: 13px;
    width: 100%;
    justify-content: center;
  }
  .add-free-heading h4 {
    font-size: 14px;
  }
  .add-free-heading h4 i {
    font-size: 18px;
  }
  .addfree-user-page .message-card .form-group {
    margin-bottom: 12px;
  }
  .gta-investor-section .gta-form-btn .btn.btn-primary {
    min-width: 96px;
  }
  .inv-mn-btn {
    padding-top: 0px;
    justify-content: center;
    flex-wrap: wrap;
  }
  .invest-mnt-sectiocn .btn.btn-primary {
    font-size: 13px;
    padding: 8px 15px !important;
  }
  .invest-mnt-sectiocn .btn.btn-outline-primary {
    font-size: 12px;
    padding: 4px 9px;
  }
  .tpd-text .form-label {
    font-size: 14px;
    line-height: 20px;
  }
  .tpd-text p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .demt-account-btn {
    padding-bottom: 20px;
    height: auto;
    justify-content: center;
  }
  .demt-account-btn .btn {
    font-size: 12px;
  }
  .trading-mode-radio {
    padding: 5px 9px;
    gap: 5px;
  }
  .trading-mode-radio .form-check .form-check-label {
    font-size: 13px;
  }
  .investor-adddeal-section .trade-lgr-card {
    padding: 15px;
  }
  .gta-radio-group .form-check-label {
    padding: 10px 16px 10px 35px;
  }
  .gta-radio-group .form-check-label .gta-radio-label {
    font-size: 14px;
  }
  .bulk-clear-btn {
    padding: 0px;
  }
  .broker-select-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .broker-grid-item {
    padding: 8px 10px;
  }
  .broker-avatar {
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 13px;
  }
  .broker-name {
    font-size: 12px;
  }
  .broker-toggle-row {
    padding: 8px 12px 4px;
  }
  .broker-check-badge {
    width: 16px;
    height: 16px;
    min-width: 16px;
  }
  .broker-check-badge i {
    font-size: 8px;
  }
  .pnl-charts-row {
    flex-direction: column;
  }
  .pnl-head-summary {
    display: none;
  }
  .stor-ind-stock-card {
    overflow: auto;
    display: grid;
  }
  .stor-ind-stock-card::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .stor-ind-stock-card::-webkit-scrollbar-track {
    background: #000;
  }
  .stor-ind-stock-card::-webkit-scrollbar-thumb {
    background: #151515;
  }
  .stor-ind-Analys-top {
    flex-wrap: wrap;
  }
  .portf-overv-card .portf-overv-card-top {
    padding: 15px 15px 15px;
  }
  .port-detail-card-grid {
    padding: 15px 15px;
  }
  .portfolio-data-top {
    padding: 15px 15px;
  }
  .beta-analy-top {
    padding: 15px 15px;
  }
  .beta-analy-body {
    padding: 15px 15px 15px;
  }
  .port-analysis-card-top {
    padding: 15px 15px;
  }
  .port-analysis-card-middle {
    padding: 15px 15px;
  }
  .stor-ind-Analys-top {
    padding: 15px 15px;
  }
  .stor-ind-Analys-middle {
    padding: 15px 15px;
  }
  .bu-up-card-row {
    flex-direction: column;
  }
  .bulk_upload_modal .modal-body {
    padding: 0px;
  }
  .bu-upload-content {
    padding: 24px 16px;
  }
  .bu-upload-tab-row {
    gap: 4px;
    justify-content: flex-start;
    padding: 12px 16px;
  }
  .bu-upload-tab-row .bu-upload-tab-line {
    width: 16px;
    min-width: 16px;
  }
  .bu-upload-tab-row .bu-upload-tab-btn {
    padding: 6px 8px;
  }
  .bu-upload-head h2 {
    font-size: 18px;
  }
  .bu-puload-img {
    padding: 16px;
  }
  .bu-puload-img h3 {
    font-size: 14px;
  }
  .table-bu-up th {
    padding: 12px 15px;
  }
  .table-bu-up td {
    padding: 10px 15px;
    font-size: 14px;
  }
  .btn-tb {
    padding: 6px 12px;
  }
  .table-bu-up .td-oty-btn .btn-portfolio {
    padding: 6px 12px;
  }
  .head-fu-deposit {
    padding: 0px 20px;
  }
  .po-admin-page {
    background-color: rgb(255, 255, 255) !important;
  }
  .po-admin-page .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
  .gaoonboard-page {
    background-color: rgb(255, 255, 255) !important;
  }
  .gaoonboard-page .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
  .supertech-heading {
    justify-content: center;
  }
  .btn-map-inactive {
    font-size: 13px;
    padding: 9px 12px !important;
  }
  .po-telegram-stat {
    text-align: left;
  }
  .po-telegram-title {
    font-size: 16px;
    line-height: 22px;
  }
  .po-telegram-section {
    padding: 35px 16px;
  }
  .po-tele-close {
    top: 3px;
    right: 14px;
  }
  .bu-don-btn {
    padding: 10px 12px;
  }
  .btn.refresh-port {
    font-size: 12px;
  }
  .holding-update {
    flex-wrap: wrap;
  }
  .sss-hero {
    padding: 99px 20px 45px;
  }
  .sss-greet {
    margin: 2px 0 8px;
    font-size: 14px;
  }
  .sss-when {
    margin-top: 12px;
    padding: 11px 16px;
    gap: 12px;
  }
  .sss-val {
    font-size: 16px;
  }
  .sss-vr {
    height: 30px;
  }
  .sss-bridge {
    margin-top: 18px;
    font-size: 19px;
  }
  .sss-pointers {
    margin-top: 12px;
    max-width: 360px;
  }
  .sss-pointers li {
    font-size: 12px;
    font-size: 16px;
  }
  .sss-urge {
    margin-top: 12px;
    font-size: 12.5px;
  }
  .sss-cta-wrap {
    margin-top: 10px;
  }
  .sss-cta {
    padding: 15px 22px;
    font-size: 13px;
  }
  .tg-wrap {
    padding-top: 80px;
    padding-bottom: 50px;
  }
  .tg-glyph {
    width: 64px;
    height: 64px;
  }
  .tg-glyph svg {
    width: 28px;
    height: 28px;
  }
  .tg-heading {
    font-size: 28px;
    margin-top: 14px;
  }
  .tg-blurb {
    font-size: 13.5px;
  }
  .tg-pointers {
    margin-top: 16px;
    gap: 6px;
  }
  .tg-pointers li {
    font-size: 13px;
  }
  .tg-cta-wrap {
    margin-top: 18px;
  }
  .tg-cta {
    padding: 12px 18px;
    font-size: 15px;
  }
  .giveaway-page h2 {
    font-size: 22px;
    line-height: 33px;
  }
  .giveaway-page h3 {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 630px) {
  .market-analysis-card {
    padding: 15px;
  }
  .market-analysis-card .market-analysis-card-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .market-analysis-card .mrkt-anls-percent {
    font-size: 15px;
  }
  .market-analysis-card .mrkt-anls-icon {
    width: 32px;
    min-width: 32px;
    height: 32px;
  }
  .market-analysis-card .mrkt-anls-card-left {
    gap: 10px;
  }
  .market-analysis-card .mrkt-anls-text {
    flex-wrap: wrap;
  }
  .market-analysis-card .cap-anls-div {
    flex-wrap: wrap;
  }
  .market-analysis-card .mrkt-anls-card-right {
    width: 100%;
    text-align: right;
  }
  .port-analysis-card-bottom h2 {
    font-size: 14px;
    line-height: 18px;
  }
  .port-analysis-heading h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px;
  }
  .portfolio-data-card {
    margin-bottom: 1.1rem;
  }
  .large-cap-stock-card .large-cap-stock-icon {
    width: 32px;
    height: 32px;
  }
  .large-cap-stock-card .cap-stock-name {
    font-size: 13px;
    line-height: 18px;
  }
  .large-cap-stock-card .cap-stock-price {
    font-size: 13px;
    line-height: 18px;
  }
  .large-cap-stock-modal .la-cp-stock-icon {
    width: 34px;
    height: 34px;
  }
  .large-cap-stock-modal .la-cp-stock-icon svg {
    width: 18px;
  }
  .large-cap-stock-modal .port-analysis-footer p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .dashboard-admin .container-fluid,
  .dashboard-admin .container-fluid-px {
    padding: 0px !important;
  }
  .gta-user-info .list-unstyled li {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .userlist-alert .userlist-text span {
    font-size: 12px;
  }
  .userlist-alert .btn {
    white-space: nowrap;
    padding: 4px 3px;
  }
  .userlist-alert span {
    font-size: 14px;
    line-height: 18px;
  }
  section.gta-supertech-section button.btn {
    font-size: 13px;
    padding: 7px 12px !important;
  }
  .card.card-userlist .right-gautam button.btn {
    width: 48%;
    background: #ececec !important;
    border: 1px solid #bfbfbf !important;
    color: #000000 !important;
  }
  .card.card-userlist .right-gautam button.btn:hover {
    background: #ebeaea !important;
  }
  .connect-port-modal .modal-dialog {
    max-width: 100%;
  }
  .beta-analy-top {
    flex-wrap: wrap;
  }
  .port-detail-card-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .buh-file-upload {
    padding: 20px 16px;
  }
  .buh-file-upload svg {
    width: 36px;
  }
  .download-title p {
    font-size: 14px;
  }
  .required-colum strong {
    display: block;
  }
  .download-btn {
    flex-direction: column;
  }
  .beta-analye-right {
    flex-wrap: wrap;
  }
  .download-btn .btn-csv {
    font-size: 12px;
    padding: 7px 14px;
  }
  .broker-list-checkbox li {
    padding: 5px 10px;
  }
  .port-option-btn {
    flex-direction: column;
  }
  .port-del-top-left .port-del-top-img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: none;
  }
  .port-del-top-left .port-del-top-img svg {
    width: 18px;
  }
  .port-del-top-left {
    gap: 10px;
  }
  .holding-tabls {
    width: 100%;
    flex-wrap: nowrap;
  }
  .holding-tabls .nav-item {
    width: 100%;
  }
  .holding-tabls .nav-link {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    padding: 8px 14px;
    text-align: left;
  }
  .pnl-section-separator .pnl-section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .pnl-tab-btns {
    width: 100%;
  }
  .pnl-tab-btns .pnl-tab-btn {
    width: 100%;
  }
  .db-kpi-row {
    flex-direction: column;
  }
  .db-kpi {
    border-bottom: 1px solid #e0dfe2;
  }
  .db-kpi + .db-kpi {
    text-align: left !important;
    border-bottom: 0px;
    border-left: 0px;
  }
  .db-bank-row {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 10px;
  }
  .db-bottom-row {
    flex-direction: column;
  }
  .db-chart-card {
    margin-bottom: 20px;
  }
  .gga-db-hdr h4 {
    font-size: 18px;
    line-height: 20px;
  }
  .db-refresh {
    line-height: 26px;
    padding: 2px 8px;
  }
  .db-section-wrap {
    padding: 16px 16px;
  }
  .db-bot-card {
    padding: 14px 16px;
  }
  .db-chart-hdr {
    padding: 20px 16px 0;
  }
  .db-kpi-amt {
    font-size: 26px;
  }
  .db-bot-card .bc-val {
    font-size: 32px;
  }
}
@media (max-width: 480px) {
  .user-trades-card .trades--list li {
    width: 100%;
  }
  .user-trades-card .trades--list li:last-child {
    width: 100%;
    text-align: center;
  }
  .broker-select-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .beta-analye-right {
    display: flex;
    width: 100%;
    padding-top: 12px;
  }
  .port-detail-drop {
    min-width: 202px;
  }
  .port-detail-drop .dropdown-menu {
    min-width: 292px;
  }
  .sks-wrap {
    padding: 28px 16px 200px;
  }
  .sks-heading {
    font-size: 26px;
  }
  .sks-desc {
    font-size: 14px;
  }
  .sks-opt {
    padding: 16px 14px;
    gap: 12px;
    border-radius: 12px;
  }
  .sks-opt-title {
    font-size: 14px;
  }
  .sks-opt-desc {
    font-size: 13px;
  }
  .sks-options {
    gap: 10px;
  }
  .sks-modal-box {
    padding: 28px 20px;
    border-radius: 16px;
  }
  .sks-btn-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 12px 16px;
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
    background: linear-gradient(to top, #0a0a0a 65%, rgba(10, 10, 10, 0.9) 85%, transparent 100%);
  }
  .sks-btn {
    width: 100%;
    border-radius: 14px;
    font-size: 15px;
    padding: 16px 24px;
  }
  .skt-wrap {
    padding: 32px 18px;
  }
  .skt-btn {
    width: 100%;
    font-size: 15px;
    padding: 16px 24px;
    border-radius: 14px;
  }
  .ssl-page .sss-hero {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .ssl-link-card {
    padding: 13px 16px;
    border-radius: 14px;
  }
  .ssl-link-btn {
    padding: 10px 22px;
    font-size: 14px;
  }
}
@media (max-width: 390px) {
  .trade-lgr-card .gta-list li {
    width: 50%;
  }
  .trade-lgr-card .gta-list li:last-child {
    width: 100%;
  }
  .entry-button {
    justify-content: center;
  }
  .port-detail-drop-row {
    gap: 8px;
  }
}
@media (max-width: 360px) {
  .daterangepicker {
    width: 238px;
  }
  .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 2px;
  }
  .port-del-top-right {
    flex-wrap: wrap;
  }
}/*# sourceMappingURL=treasure-assistant.css.map */