@import "mobileResponsive.css";
@import "language.css";

@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../dist/fonts/ProximaNova-Regular.otf");
  src: url("../dist/fonts/ProximaNova-Regular.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Regular.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Regular.woff") format("woff"),
    url("../fonts/ProximaNova-Regular.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Regular.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Regular.svg#ProximaNova-Regular")
      format("svg");
  font-display: swap;
}

@font-face {
  font-family: "ProximaNova-Light";
  src: url("../dist/fonts/ProximaNova-Light.otf");
  src: url("../dist/fonts/ProximaNova-Light.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Light.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Light.woff") format("woff"),
    url("../fonts/ProximaNova-Light.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Light.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Light.svg#ProximaNova-Light") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("../dist/fonts/ProximaNova-Semibold.otf");
  src: url("../dist/fonts/ProximaNova-Semibold.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Semibold.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Semibold.woff") format("woff"),
    url("../fonts/ProximaNova-Semibold.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Semibold.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold")
      format("svg");
  font-display: swap;
}

@font-face {
  font-family: "ProximaNova-Black";
  src: url("../dist/fonts/ProximaNova-Black.otf");
  src: url("../dist/fonts/ProximaNova-Black.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Black.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Black.woff") format("woff"),
    url("../fonts/ProximaNova-Black.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Black.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Black.svg#ProximaNova-Black") format("svg");
  font-display: swap;
}

@font-face {
  font-family: "ProximaNova-Bold";
  src: url("../dist/fonts/ProximaNova-Bold.otf");
  src: url("../dist/fonts/ProximaNova-Bold.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Bold.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Bold.woff") format("woff"),
    url("../fonts/ProximaNova-Bold.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Bold.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../dist/fonts/ProximaNova-Regular.otf");
  src: url("../dist/fonts/ProximaNova-Regular.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Regular.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Regular.woff") format("woff"),
    url("../fonts/ProximaNova-Regular.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Regular.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Regular.svg#ProximaNova-Regular")
      format("svg");
  font-display: swap;
  font-weight: 400;
}
@font-face {
  font-family: "ProximaNova";
  src: url("../dist/fonts/ProximaNova-Bold.otf");
  src: url("../dist/fonts/ProximaNova-Bold.eot") format("eot");
  src: url("../dist/fonts/ProximaNova-Bold.eot?#iefix")
    format("embedded-opentype");
  src:
    url("../dist/fonts/ProximaNova-Bold.woff") format("woff"),
    url("../fonts/ProximaNova-Bold.woff2") format("woff2"),
    url("../dist/fonts/ProximaNova-Bold.ttf") format("truetype"),
    url("../dist/fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-display: swap;
  font-weight: 600;
}
/* @font-face {
  font-family: "candara";
  src: url("../dist/fonts/candara_bold.ttf");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "candara";
  src: url("../dist/fonts/candara_font.ttf");
  font-weight: 400;
  font-display: swap;
} */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 14px;
}

body {
  color: #757575;
  font-size: 14px;
  font-weight: 400;
}

a {
  text-decoration: none;
  color: #757575;
}

p {
  margin-bottom: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

th {
  font-weight: normal;
}

.left-0 {
  left: 0 !important;
}

.form-control:focus {
  box-shadow: none;
}

.font-base-reg {
  font-family: "ProximaNova-Regular", sans-serif !important;
}

.font-base-light {
  font-family: "ProximaNova-Light" !important;
}

.font-base-bold {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.font-base-semibold {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.font-base-black {
  font-family: "ProximaNova-Black", sans-serif, Arial;
}

.index-20 {
  z-index: 20;
}

.index-90 {
  z-index: 90 !important;
}

.index-100 {
  z-index: 1000;
}

.ht-12 {
  height: 12px !important;
}

.ht-22 {
  height: 22px !important;
}

.ht-26 {
  height: 26px !important;
}

.ht-28 {
  height: 28px !important;
}

.ht-36 {
  height: 36px !important;
}

.ht-45 {
  height: 45px !important;
}

.ht-50 {
  height: 50px !important;
}

.mht-33 {
  height: 33px !important;
}

.wh-8 {
  width: 8px !important;
  height: 8px !important;
}

.wh-50 {
  width: 50px !important;
  height: 50px !important;
}

.MinWidth-70 {
  min-width: 70px;
}

.MinWidth-80 {
  min-width: 80px;
}

.MinWidth-90 {
  min-width: 90px;
}

.MinWidth-150 {
  min-width: 150px;
}

.MinWidth-110 {
  min-width: 110px;
}

.MinWidth-120 {
  min-width: 120px;
}

.MaxWidth-190 {
  max-width: 190px;
}

.MaxWidth_150 {
  max-width: 150px;
}

.MinWidth-280 {
  min-width: 280px;
}

.MaxWidth-265 {
  max-width: 265px;
}

.MaxWidth-190 {
  max-width: 190px;
}

.fontwt-regular {
  font-weight: 400 !important;
}

.fontwt-medium {
  font-weight: 500 !important;
}

.fontwt-semibold {
  font-weight: 600 !important;
}

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

.fontwt-black {
  font-weight: 900 !important;
}

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

small,
.font-base,
.font-extrasmall {
  font-size: 13px !important;
}

h3,
cite,
th,
.font-small {
  font-size: 14px !important;
}

h2,
.font-semimedium {
  font-size: 16px !important;
}

h1,
.font-medium {
  font-size: 18px !important;
}

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

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

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

.font-extralarg {
  font-size: 36px !important;
}

.font-extralarg2 {
  font-size: 42px !important;
}

.font-SonicSilver {
  color: #777777 !important;
}

.font-SonicSilverDark {
  color: #757575;
}

.font-SilverSand {
  color: #c2c2c2 !important;
}

.font-Quick-Silver {
  color: #a0a0a0 !important;
}

.font-CharlestonGreen {
  color: #2c2c2c !important;
}

.font-ButtonBlue {
  color: #63c64c !important;
}

.font-Gold {
  color: #ad8400 !important;
}

.font-BloodOrange {
  color: #d93146 !important;
}

.font-MistyRose {
  color: #fae4e7 !important;
}

.font-Bubbles {
  color: #ebf8e8 !important;
}

.font-Scarlet {
  color: #fd0d29 !important;
}

.font-BlueJeans {
  color: #63c64c !important;
}

.font-ChineseSilver {
  color: #c9c9c9 !important;
}

.font-Anti-FlashWhite {
  color: #f2f2f2 !important;
}

.font-white {
  color: #ffffff !important;
}

.font-Bronze-Metallic {
  color: #ad8400;
}

.font-RaisinBlack {
  color: #262626 !important;
}

.font-Bright-Gray {
  color: #e9e9e9;
}

.font-Weldon-Blue {
  color: #7f95a7;
}

.font-Prussian-Blue {
  color: #002c50;
}

.font-Vegas-Gold {
  color: #cfb05f;
}

.font-Rusty-Red {
  color: #d93146;
}

.font-Apple-Green {
  color: #63c64c;
}

.font-Black-Coral {
  color: #54626e;
}

.font-blue {
  color: #2999f5;
}

.bg-Gold {
  background-color: #ad8400 !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-Anti-FlashWhite {
  background-color: #f2f2f2 !important;
}

.bg-BloodOrange {
  background-color: #d93146 !important;
}

.bg-MistyRose {
  background-color: #fae4e7 !important;
}

.bg-ButtonBlue {
  background-color: #63c64c !important;
}

.bg-Bubbles {
  background-color: #ebf8e8 !important;
}

.bg-BlueJeans {
  background-color: #63c64c !important;
}

.bg-Scarlet {
  background-color: #fd0d29 !important;
}

.bg-ChineseSilver {
  background-color: #c9c9c9 !important;
}

.bg-Bronze-Metallic {
  background-color: #ad8400 !important;
}

.bg-Cultured {
  background-color: #f7f7f8 !important;
}

.bg-GhostWhite {
  background-color: #f9f9f9 !important;
}

.bg-Gold {
  background-color: #ad8400 !important;
}

.bg-Alice-Blue {
  background-color: #f4fafe !important;
}

.bg-Rusty-Red {
  background-color: #d93146 !important;
}

.bg-Apple-Green {
  background-color: #63c64c !important;
}

.bg-Black-Coral {
  background-color: #54626e !important;
}

.bg-Alabaster {
  background-color: #ebf8e8 !important;
}

.bg-Piggy-Pink {
  background-color: #fae4e7 !important;
}

.bg-Bright-Gray {
  background-color: #e9e9e9 !important;
}

.bg-Anti-Flash-White {
  background-color: #f1f1f1 !important;
}

.border-right-thick {
  border-right: 2px solid #e5e5e5;
  margin: -5px 13px 0px 13px;
  height: 36px;
}

.border-left {
  border-left: 1px solid #e5e5e5;
}

.border-right {
  border-right: 1px solid #e5e5e5;
  margin-bottom: 11px;
}

.btn.active {
  background-color: #ad8400;
  color: #ffffff;
  border: none;
}

.btn.active:hover {
  background-color: #ad8400;
  color: #ffffff;
}

.btn-full-width {
  width: 100%;
}

.btn-outline-gold {
  color: #ad8400 !important;
  border: 1px solid #ad8400 !important;
}

.btn-outline-black {
  color: #262626;
  border: 1px solid #262626;
}

.btn-outline-black.btn:hover {
  border-color: #262626 !important;
}

.btn-bg:hover {
  color: #ffffff !important;
}

.close-btn {
  margin-top: -6px;
}

.btn-disable {
  background: #d6d6d6 !important;
}

.text-disable {
  opacity: 0.3;
}

.top-padding {
  padding-top: 3px !important;
}

.cursor {
  cursor: pointer;
}

input {
  color: #262626 !important;
}

input:focus {
  outline: none;
}

.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  border-color: none !important;
  box-shadow: none !important;
}

.form-check {
  position: relative;
}

.form-check .form-check-input {
  width: 1.3rem;
  height: 1.3rem;
  min-width: 1.3rem;
  min-height: 1.3rem;
  margin-top: 0.6rem;
}

.form-check .form-check-input:checked {
  background-color: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

.form-check .form-check-input:focus {
  border-color: rgba(0, 0, 0, 0.25) !important;
  outline: 0;
  box-shadow: none !important;
}

.form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 42px;
  width: 6px;
  height: 10px;
  border: solid #262626;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.radio-button .form-check .form-check-input {
  width: 18px !important;
  height: 18px;
  border-radius: 50px !important;
  padding: 0px;
}

.radio-button .form-check input:checked + label:after {
  top: 11px;
  left: 6px;
}

.form-switch .form-check-input {
  border: none;
}

.form-check-input:focus {
  box-shadow: none;
}

.btn-close:focus {
  box-shadow: none;
}

.form-control:focus {
  border-color: #ced4da;
}

.input-disable {
  pointer-events: none;
  border: 1px solid rgba(222, 226, 230, 0.2509803922);
  background-color: rgba(222, 226, 230, 0.2509803922);
}

.bg-disable {
  background-color: #e9e9e9;
}

.font_midlarg {
  font-size: 32px !important;
}

.screener .marketDept {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}

.screener .marketDept p {
  font-size: 14px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
  margin-bottom: 5px;
}

.screener .marketDept h3 {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 25px;
}

.screener .marketDept .buysell-btn {
  flex: 1;
}

.screener .marketDept .buysell-btn .buysell-tag {
  width: 40px;
  height: 38px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.screener .marketDept .buysell-btn .buysell-val {
  width: 100%;
  height: 38px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.screener .marketDept .buysell-btn .buysell-tag-border-right {
  border-right: 1px solid #fff;
}

.screener .marketDept.empty .buysell-tag {
  background: #777777 !important;
  opacity: 0.5;
}

.screener .graphDetails {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.screener .graphDetails .detailsTab {
  display: flex;
  align-items: center;
  gap: 13px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 7px 11px;
  min-width: 151px;
}

.screener .graphDetails .detailsTab img {
  max-width: 25px !important;
}

.screener .graphDetails .detailsTab > div {
  padding-left: 13px;
  border-left: 1px solid #ad8400;
}

.screener .graphDetails .detailsTab > div span {
  font-size: 12px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #777777;
}

.screener .graphDetails .detailsTab > div h3 {
  font-size: font_medium !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.screener .nav-pills .nav-item {
  flex: 1;
}

.screener .nav-pills .nav-item .btn-analytic {
  max-width: 100% !important;
}

.screener .nav-pills .nav-item .nav-link {
  font-size: 14px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #777777;
  border: 1px solid #d6d6d6;
  border-radius: 16px;
  width: 100%;
  padding: 3px 15px;
}

.screener .nav-pills .nav-item .nav-link.active {
  background: #ad8400;
  color: #fae4e7;
}

.screener select {
  border: 0;
  font-size: 14px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
}

.screener .buyScreener {
  margin-right: 10px;
  position: relative;
}

.screener .buyScreener > div {
  padding: 20px;
}

.screener .buyScreener .topTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #63c64c;
}

.screener .buyScreener .topTitle .form-switch .form-check-input {
  width: 40px;
  height: 20px;
  margin-top: 10px;
  background-color: #d4ebfd;
  margin-left: 5px;
}

.screener .buyScreener .topTitle .form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='blue'/%3e%3c/svg%3e");
}

.screener .buyScreener .detailsCal .form-switch .form-check-input {
  background-color: #ad8400;
  margin-left: 5px;
  margin-top: 10px;
}

.screener .buyScreener .detailsCal form {
  display: flex;
  align-items: center;
  margin: 10px 0 20px 0;
}

.screener .buyScreener .detailsCal form .cal-button {
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.screener .buyScreener .detailsCal form input,
.screener .buyScreener .detailsCal form .dropdown1 {
  padding: 0;
  text-align: center;
  border: 1px solid #c9c9c9;
  color: #262626;
  border-radius: 23px;
  height: 40px;
  text-align: center;
  font-size: 20px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  top: 0;
  width: 100%;
}

.screener .buyScreener .detailsCal .Validity-day .rounded-pill {
  border: 1px solid #c9c9c9 !important;
}

.screener .buyScreener .detailsCal .Validity-day input {
  padding: 0px 10px 0px 10px !important;
  height: 40px;
}

.screener .buyScreener .detailsStatus {
  background: #f1f1f1;
  padding: 32px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.screener .buyScreener .detailsStatus .main {
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.screener .buyScreener .detailsStatus .main div {
  padding: 20px 0px;
  text-align: center;
  cursor: pointer;
  max-width: 150px;
}

.screener .buyScreener .detailsStatus .main div p {
  margin-bottom: 0;
}

.screener .buyScreener .detailsStatus .main div h4 {
  font-size: 16px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.screener .buyScreener .detailsStatus .main div.active {
  background: #ad8400;
}

.screener .buyScreener .detailsStatus .main div.active p,
.screener .buyScreener .detailsStatus .main div.active h4 {
  color: #fff !important;
}

.screener .buyScreener .detailsStatus input.Trailing {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}

.screener .buyScreener .detailsStatus input.Trailing ~ label::after {
  left: -16px;
  width: 4px;
  height: 9px;
}

.screener .buyScreener .detailsSubmit {
  padding: 21px 20px 28px 20px;
}

.screener .buyScreener .detailsSubmit button {
  font-size: 20px !important;
  font-weight: "ProximaNova-Semibold" !important;
  height: 46px;
}

.screener .buyScreener .detailsSubmit button:disabled {
  background: #777777 !important;
  color: #fff;
}

.screener .buyScreener .nav-pills .nav-item .nav-link {
  font-size: 18px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  border: none;
  border-bottom: 2px solid #d6d6d6;
  color: #d6d6d6;
  border-radius: 0px;
  padding: 10px;
}

.screener .buyScreener .nav-pills .nav-item .nav-link.active {
  padding-bottom: 8px;
  background: transparent;
}

.screener .buyScreener .nav-pills .nav-item .nav-link.buy.active {
  color: #63c64c;
  border-bottom: 4px solid #63c64c;
}

.screener .buyScreener .nav-pills .nav-item .nav-link.sell.active {
  color: #d93146;
  border-bottom: 4px solid #d93146;
}

.screener .tradeCanvas {
  width: 557px;
  z-index: 9999;
}

.screener .tradeCanvas .container {
  width: 100%;
  margin: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.screener .tradeCanvas .buyconfirm-container {
  width: 550px;
  max-width: 90%;
  margin: auto;
}

.screener .modal .modal-dialog {
  max-width: 950px;
}

.screener .modal .modal-dialog .modal-content {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.screener .modal .modal-dialog .scrip-name-head {
  max-width: 500px;
}

.userProfile.container-fluid,
.userProfile .container-fluid {
  max-width: 1840px;
  margin: auto;
}

.userProfile .comment-box {
  line-height: 1;
  padding: 20px 0;
}

.userProfile .comment-box h4 {
  font-size: 16px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.userProfile .comment-box span {
  font-size: 12px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #777777;
  margin-bottom: 0;
}

.userProfile .comment-box .profile {
  display: flex;
  align-items: center;
  gap: 9px;
}

.userProfile .comment-box .profile > figure {
  width: 70px;
}

.userProfile .comment-box .profile > figure img {
  border-radius: 50%;
}

.userProfile .comment-box .inner-comment-box {
  margin-top: 20px;
}

.userProfile .comment-box .inner-comment-box p {
  font-size: 16px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
  margin-bottom: 15px;
}

.userProfile .comment-box .inner-comment-box .detailsShare {
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  padding: 16px 16px 16px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
}

.userProfile .comment-box .inner-comment-box .detailsShare img {
  max-width: 47px;
}

.userProfile .comment-box .inner-comment-box .detailsShare span {
  font-size: 14px !important;
}

.userProfile .comment-box .inner-comment-box .detailsShare .bsDetails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}

.userProfile .comment-box .inner-comment-box .detailsShare .mainDetails {
  display: flex;
  justify-content: space-between;
  flex: 2;
  flex-wrap: wrap;
  gap: 0 28px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .detailsShare
  .mainDetails
  .sliders {
  width: auto;
}

.userProfile
  .comment-box
  .inner-comment-box
  .detailsShare
  .mainDetails
  .sliders
  input {
  width: auto;
}

.userProfile .comment-box .inner-comment-box .social-comment-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0px 0px 0px 0px;
}

.userProfile .comment-box .inner-comment-box > .social-comment-link {
  margin-top: 10px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 10px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .lcs {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .lcs
  span {
  font-size: 14px !important;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  i {
  font-size: 18px !important;
  color: #cfb05f;
  cursor: pointer;
}

.userProfile .rightProfile h2 {
  font-size: 32px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
}

.userProfile .rightProfile h4 {
  font-size: 20px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin-bottom: 20px;
}

.userProfile .rightProfile h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.userProfile .rightProfile .verified {
  width: 15px;
  max-width: 100%;
  position: absolute;
  right: -20px;
  top: 0;
}

.userProfile .rightProfile .country {
  font-size: 20px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
}

.userProfile .rightProfile .country img {
  width: 22px;
  height: 22px;
  border-radius: 50px;
  margin-right: 5px;
}

.userProfile .rightProfile p {
  font-size: 16px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
  line-height: 1.2;
}

.userProfile .rightProfile p span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.userProfile .rightProfile button {
  width: 100%;
  max-height: 66px;
  padding: 20px;
  border: 1px solid #ad8400;
  border-radius: 5px;
  font-size: 20px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #ad8400;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.userProfile .rightProfile button img {
  max-width: 100%;
  height: auto;
  margin-right: 10px;
}

.userProfile .rightProfile button.edit {
  background: #ad8400;
  color: #fff;
}

.userProfile .rightProfile button.edit img {
  width: 23px;
}

.userProfile .rightProfile .d-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 25px;
}

.userProfile .rightProfile .wave {
  border-left: 3px solid #63c64c;
  padding-left: 15px;
  position: relative;
  height: 100%;
}

.userProfile .rightProfile .wave::before {
  content: "";
  width: 13px;
  height: 13px;
  background: #fff;
  border: 3px solid #63c64c;
  border-radius: 50%;
  position: absolute;
  left: -8px;
  top: 40%;
}

.userProfile .rightProfile .wave:nth-child(2) {
  border-left: 3px solid #6eaf57;
}

.userProfile .rightProfile .wave:nth-child(2)::before {
  border: 3px solid #6eaf57;
}

.userProfile .rightProfile .portfolio .nav-three-pill-tab .nav {
  float: none;
  margin: 0 0 20px 0;
}

.userProfile .rightProfile .nav-link {
  font-size: 12px !important;
}

.userProfile .rightProfile .tableUserPic {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  padding: 0 !important;
  overflow: hidden;
  margin: 0 10px 0 0;
}

.portfolio .topBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin: 10px 20px 0px 0px !important;
}

.portfolio .topBar .nav-pills .nav-link {
  border: 1px solid #d6d6d6;
  border-radius: 32px;
  color: #777777;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  min-width: 126px;
  width: auto !important;
}

.portfolio .topBar .nav-pills .nav-link.active {
  background: #262626;
  border-color: #262626;
  color: #fff;
}

.portfolio .topBar .nav-pills .nav-link.active .portfolio-tab-icon {
  background: url(/images/portfolio-order-icon-white.png) no-repeat;
  background-size: 100% 100%;
}

.portfolio .topBar .nav-pills .nav-link.active .order-tab-icon {
  background: url(/images/order-icon.png) no-repeat;
  background-size: 100% 100%;
}

.portfolio .topBar .nav-pills .nav-link.active .orderhistory-tab-icon {
  background: url(/images/orderhist-icon.png) no-repeat;
  background-size: 100% 100%;
}

.portfolio .topBar .nav-pills .nav-link.active .analytics-tab-icon {
  background: url(/images/analytics-icon-white.png) no-repeat;
  background-size: 100% 100%;
}

.portfolio .topBar .nav-pills .nav-link .portfolio-tab-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(/images/portfolio-order-icon-black.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.portfolio .topBar .nav-pills .nav-link .order-tab-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(/images/order-icon-black.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.portfolio .topBar .nav-pills .nav-link .orderhistory-tab-icon {
  content: "";
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(/images/orderhist-icon-black.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.portfolio .topBar .nav-pills .nav-link .analytics-tab-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(/images/analytics-icon-black.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.portfolio .topBar .rightSec {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  margin-left: auto;
  margin-bottom: 9px;
}

.portfolio .topBar .rightSec input {
  position: relative;
  top: 0;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  color: #777777;
  padding: 4.5px 0px 4.5px 12px;
  height: 30px;
}

.portfolio .topBar .rightSec a img {
  max-width: 23px;
}

.portfolio
  .topBar
  .rightSec
  input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(../images/calendar.png) no-repeat;
  background-size: 16px 16px;
}

.portfolio
  .topBar
  .rightSec
  input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 5%;
}

.portfolio .topBar .rightSec input::-webkit-datetime-edit-fields-wrapper {
  position: relative;
  left: 10%;
}

.portfolio .topBar .rightSec input::-webkit-datetime-edit {
  position: relative;
  left: 10%;
}

.portfolio .topBar .rightSec input:before {
  position: relative;
  left: -4px;
  content: attr(data-date);
  display: inline-block;
  color: #777777;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  top: 12px;
}

.portfolio .topBar .rightSec input::-webkit-datetime-edit,
.portfolio .topBar .rightSec input::-webkit-inner-spin-button,
.portfolio .topBar .rightSec input::-webkit-clear-button {
  display: none;
}

.portfolio table {
  border-collapse: collapse;
}

.portfolio table .txn {
  border: 1px solid #ad8400;
  border-radius: 5px;
  color: #ad8400;
  font-size: 16px !important;
  padding: 8px 25px;
  text-align: end;
  cursor: pointer;
}

.portfolio table.cashflowTable td,
.portfolio table.cashflowTable th {
  padding: 15px;
}

.portfolio table.orderPl td,
.portfolio table.orderPl th {
  padding-inline: 8px;
}

.portfolio .innerTable {
  width: 100%;
  border-collapse: collapse;
}

.portfolio .innerTable th,
.portfolio .innerTable td {
  text-align: end;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.portfolio .innerTable th:first-child,
.portfolio .innerTable th:nth-child(2),
.portfolio .innerTable td:first-child,
.portfolio .innerTable td:nth-child(2) {
  text-align: start;
}

.portfolio .innerTable th:nth-child(2),
.portfolio .innerTable td:nth-child(2) {
  min-width: 150px;
}

.portfolio .innerTable th:nth-child(4),
.portfolio .innerTable td:nth-child(4) {
  text-align: right;
}

.portfolio .innerTable th {
  color: #777777;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.portfolio .innerTable td,
.portfolio .innerTable td a {
  color: #262626;
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.portfolio .innerTable td a.buy,
.portfolio .innerTable td a a.buy {
  color: #63c64c;
}

.portfolio .innerTable td a.sell,
.portfolio .innerTable td a a.sell {
  color: #d93146;
}

.portfolio .innerTable td span,
.portfolio .innerTable td a span {
  font-size: 14px !important;
  font-family: "ProximaNova-Light" !important;
}

.portfolio .innerTable td .orderType,
.portfolio .innerTable td a .orderType {
  font-size: 12px !important;
  text-transform: uppercase;
  width: 32px;
  height: 32px;
  border: 1px solid #777777;
  color: #262626;
  border-radius: 50%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.portfolio .innerTable.mTable th,
.portfolio .innerTable.mTable td {
  padding: 10px;
}

.portfolio .innerTable.mTable th:first-child,
.portfolio .innerTable.mTable th:nth-child(4),
.portfolio .innerTable.mTable td:first-child,
.portfolio .innerTable.mTable td:nth-child(4) {
  text-align: start;
}

.portfolio .innerTable.mTable th:nth-child(2),
.portfolio .innerTable.mTable td:nth-child(2) {
  min-width: auto !important;
}

.portfolio .innerTable.mTable td,
.portfolio .innerTable.mTable td a {
  font-size: 16px !important;
}

.portfolio .tableTopCal {
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
  padding-top: 8px;
  justify-content: center;
  position: fixed;
  bottom: 0px;
  background: #ffffff;
  border-top: 1px solid var(--bs-border-color);
  margin-bottom: 11px;
}

.portfolio .tableTopCal .synImg {
  margin-inline: 10px;
  margin-top: -6px;
}

.portfolio .tableTopCal h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.portfolio .tableTopCal h3.modalText {
  font-size: 18px !important;
}

.portfolio .tableTopCal p {
  color: #777777;
}

.portfolio .tableTopCal.pl .aval-bal {
  padding-inline: 20px;
  position: relative;
}

.portfolio .tableTopCal.pl .aval-bal:first-child {
  padding-left: 0;
}

.portfolio .tableTopCal.pl .aval-bal::before {
  content: "";
  position: absolute;
  right: 0;
  border-right: 1px solid #d6d6d6;
  height: 100%;
}

.portfolio .tableTopCal.pl .aval-bal.border-0::before {
  display: none;
}

.portfolio .tableTopCal.pl h3 {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.portfolio .nav-three-pill-tab .nav {
  position: relative;
  float: right;
  margin: 15px 0px 0px 0px;
  justify-content: end;
}

.portfolio .nav-three-pill-tab .nav-pills li button {
  min-width: 100px;
  width: auto;
  padding: 5px 20px;
}

.portfolio .nav-three-pill-tab .nav-pills li .rounded-pillfirst {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.portfolio .nav-three-pill-tab .nav-pills li .rounded-pillmiddal {
  border-radius: 0px !important;
}

.portfolio .nav-three-pill-tab .nav-pills li .rounded-pilllast {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
}

.portfolio .nav-three-pill-tab .nav-pills .nav-link.active {
  background: #ad8400;
  color: #ffffff !important;
}

.portfolio .nav-three-pill-tab .tab-pane figure {
  padding: 0px 10px 0px 10px;
}

.portfolio .nav-three-pill-tab .tab-pane .aval-bal {
  margin-top: 13px;
  height: 53px;
}

.portfolio .nav-three-pill-tab .tab-pane .virtual-equity-bal {
  border-radius: 8px;
  border: 1px dashed #c2c2c2;
  background: #f4fafe;
  margin-top: 6px;
  height: auto !important;
  padding: 8px 11px;
  margin-left: 26px;
}

.portfolio .nav-three-pill-tab .tab-pane .equalto-icon {
  margin-top: 13px;
}

.portfolio .nav-three-pill-tab .table-responsive {
  width: 100%;
}

.portfolio .modal .modal-dialog {
  max-width: 1145px;
}

.portfolio .modal .modal-dialog.orderStauseM {
  max-width: 615px;
}

.portfolio .modal .modal-dialog.orderStauseM .ico {
  font-size: 24px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #fff;
  background: #d93146;
  border: 1px solid #fff;
  border-radius: 5px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.portfolio .modal .modal-dialog.orderStauseM .grid {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  gap: 20px 0;
  line-height: 1;
}

.portfolio .modal .modal-dialog.orderStauseM .grid div {
  border-right: 1px solid #d0d0d0;
  padding: 10px 20px;
}

.portfolio .modal .modal-dialog.orderStauseM .grid div:nth-child(n + 5) {
  border-right: none;
}

.portfolio .modal .modal-dialog.orderStauseM .grid div h4 {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 18px !important;
  margin-bottom: 0;
  color: #262626;
}

.portfolio .modal .modal-dialog.orderStauseM .grid div p {
  margin-bottom: 0;
}

.portfolio .modal .modal-dialog.orderStauseM .knowYourValue {
  position: relative;
  text-align: center;
  width: 100%;
}

.portfolio .modal .modal-dialog.orderStauseM .knowYourValue::before {
  content: "";
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 1;
}

.portfolio .modal .modal-dialog.orderStauseM .knowYourValue::after {
  width: 13px;
  height: 10px;
  content: "";
  background: url(../images/double_arrow_down.png) right 15px center no-repeat
    #fff;
  background-repeat: no-repeat;
  background-size: 11px;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  top: 11px;
  left: 47%;
  padding: 0 20px;
  z-index: 2;
}

.portfolio
  .modal
  .modal-dialog.orderStauseM
  .knowYourValue:not(.collapsed)::after {
  transform: rotate(-180deg);
  top: 12px;
}

.portfolio .modal .modal-dialog.orderDetailsM {
  max-width: 535px;
}

.portfolio .modal .modal-dialog.orderDetailsM .grid div:nth-child(n + 4) {
  border-right: none;
}

.portfolio .sltp {
  padding: 9px 15px 7px 15px;
  border: 1px solid #d6d6d6;
  border-radius: 18px;
  color: #262626;
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  min-width: 80px;
  margin-bottom: 0;
}

.portfolio .sltp.nan {
  color: #777777;
}

.portfolio .analytics .box {
  border: 1px solid #d6d6d6;
  padding: 30px;
  height: 100%;
}

.portfolio .analytics .box h4 {
  font-size: 20px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
}

.portfolio .analytics .box .breakdown {
  width: 100%;
}

.portfolio .analytics .box .breakdown td {
  font-size: 12px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626;
  text-align: start;
  padding: 7px;
}

.portfolio .analytics .box .breakdown td:last-child {
  text-align: end;
}

.portfolio .analytics .box .assets {
  width: 100%;
}

.portfolio .analytics .box .assets th {
  font-size: 12px !important;
  color: #777777;
  text-align: end;
}

.portfolio .analytics .box .assets td {
  font-size: 16px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626;
  text-align: start;
  padding: 7px;
}

.portfolio .analytics .box .assets td:last-child,
.portfolio .analytics .box .assets td:nth-child(2) {
  text-align: end;
}

.portfolio .analytics .box .box-color {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 3px;
}

.portfolio .analytics .box .box-color.bg-uae {
  background: #bbbcc0;
}

.portfolio .analytics .box .box-color.bg-usa {
  background: #ccccce;
}

.portfolio .analytics .box .box-color.bg-saudi {
  background: #ac872e;
}

.portfolio .analytics .box .box-color.bg-egypt {
  background: #dbdbdb;
}

.portfolio .analytics .box .box-color.bg-uk {
  background: #276a94;
}

.text-justify {
  text-align: justify;
}

.cp {
  cursor: pointer;
}

.header-input-wrap {
  position: relative;
  z-index: 10;
}

.header-input-wrap .search {
  position: absolute;
  right: 14px;
  top: 10px;
  opacity: 0.5;
  z-index: 99;
}

.header-input-wrap input {
  border: 1px solid #777777;
  color: #777777;
  border-radius: 23px;
  height: 45px;
  text-align: center;
  font-size: 16px !important;
  font-family: "ProximaNova-Light" !important;
  top: 0;
  width: 100%;
  text-align: start;
  padding: 0 20px;
}

.header-input-wrap.autocomplete-show input {
  border-radius: 23px 23px 0 0;
  border-bottom: none;
}

.autocomplete-search_stock {
  position: absolute;
  border-radius: 0 0 23px 23px;
  background: #fff;
  border: 1px solid #777777;
  border-top: none;
  padding: 0;
  width: 100%;
  overflow-y: auto;
  z-index: 99;
}

.autocomplete-search_stock ul {
  padding-left: 0;
  list-style: none;
}

.autocomplete-search_stock ul li {
  padding: 15px 20px;
  border-top: 1px solid rgba(119, 119, 119, 0.2941176471);
}

.autocomplete-search_stock ul li .scrip-name-details img {
  width: 52px;
}

.radioBrown input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 3px;
  background-clip: content-box;
  border: 2px solid #d0d0d0;
  background-color: #d0d0d0;
  border-radius: 50%;
  border-color: #d0d0d0 !important;
}

.radioBrown label {
  position: relative;
  top: -3px;
  text-transform: uppercase;
  color: #777777;
}

.radioBrown label::after {
  content: "";
  display: none;
}

.radioBrown input[type="radio"]:checked {
  background-color: #ad8400;
  border: 2px solid #ad8400;
  border-color: #ad8400 !important;
  background-image: none !important;
}

.radioBrown input[type="radio"]:checked ~ label {
  color: #262626 !important;
}

.btn-close.pa {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px !important;
}

.screener
  .buyconfirm.portfolio
  .modal
  .modal-dialog.orderStauseM
  .grid
  div:nth-child(n + 4) {
  border-right: none !important;
}

.switchbtn input[type="radio"]:nth-of-type(odd):checked + label {
  background: #ad8400;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.switchbtn input[type="radio"]:nth-of-type(even):checked + label {
  background: #ad8400;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.btn-group > .btn:not(:first-child) {
  margin-left: 0.1px;
}

.switchbtn input[type="radio"]:checked + label {
  background: #ad8400;
  color: #ffffff;
}

.switchbtn.switchmedium label {
  padding: 2px 18px;
  min-width: 97px;
}

.btn-group.switchbtn {
  gap: 0px;
}

.shadow {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 2px 0px !important;
}

.box-shadow {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

header h1 {
  margin-left: 10px;
}

.searchbox-container .header-input-wrap input {
  border: 1px solid #dee2e6;
  background: #fff;
}

.searchbox-container .sarch-box-mobile {
  display: block !important;
  position: absolute;
  top: 92px;
  width: 95%;
  left: 0;
  background: #fff;
  margin-inline: 10px;
  transition: all 2s ease;
}

.search-scrip-list .autocomplete-search_stock {
  border-left: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  border-bottom: transparent;
}

.searchbox .search-scrip-list .autocomplete-search_stock .search-body {
  max-height: 317px;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0 0 23px 23px;
}

.search-scrip-list .autocomplete-search_stock ul li {
  padding: 12px 12px;
}

.search-scrip-list .autocomplete-search_stock ul li:first-child {
  border-top: none;
}

.searchbox .input-group .form-control {
  margin-left: 2px;
  height: 30px;
  margin-top: -2px;
}

.searchbox-container {
  margin-right: 0px;
}

.searchbox-container .stockwactchlist {
  min-width: 100%;
  left: -11px !important;
  padding: 0px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.searchbox-container .stockwactchlist .stockwatchlist-list {
  padding: 15px 15px 10px 15px;
}

.searchbox-container .stockwactchlist .stockwatchlist-list p {
  margin-top: -6px;
}

.searchbox-container .stockwactchlist .searchscrollbar.scroll {
  height: 342px;
  overflow-x: hidden;
}

.searchbox-container .recent-search-row .recent-search-box img {
  margin: 0px 87px 0px 87px;
}

.search-container *,
.search-container *:after,
.search-container *:before {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.search-container *:focus {
  background: #fbfbfb;
  color: #333333;
  outline: 0;
}

.search-container {
  display: table;
  position: relative;
  width: 51px;
  top: -7px;
  left: 55px;
}

.search-icon-btn {
  background-color: #ffffff;
  border: 1px solid #c2c2c2;
  display: table-cell;
  height: 40px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 40px;
  z-index: 2;
  border-radius: 50rem;
  box-shadow: 0.2rem 0 0.3rem 0 rgba(130, 133, 151, 0.2);
}

.search-icon-btn figure {
  margin: 0px;
}

.search-input {
  position: absolute;
  right: 11px;
  z-index: 1;
  top: 7px;
}

.search-input input.search-bar {
  border: 1px solid #cccccc;
  height: 40px;
  padding: 0px;
  width: 40px;
  border-radius: 50rem;
}

.search-input input.search-bar:focus {
  padding-left: 19px;
  padding-right: 10px;
  width: 200px;
}

.search-input input.search-bar,
.search-icon-btn {
  transition: all 0.5s;
}

.search-container:hover > .search-input input.search-bar {
  padding-left: 19px;
  padding-right: 10px;
  width: 200px;
  box-shadow: 0.2rem 0 0.3rem 0 rgba(130, 133, 151, 0.2);
  background: #ffffff;
}

.indices-val {
  padding-right: 5px;
  min-width: 155px;
  justify-content: end;
}

.indices-val .slick-slider {
  max-width: 155px;
  text-align: right;
}

.indices-val .slick-slide {
  max-width: 160px;
}

.indices-val img {
  margin: 3px 0px 3px 6px;
}

.indices-val .edit-exchange-dropdown .dropdown-menu {
  min-width: 257px;
  left: -233px !important;
}

.indices-val .edit-exchange-dropdown .dropdown-menu .dropdown-scroll {
  max-height: 390px;
}

.indices-val .edit-exchange-dropdown .dropdown-menu .dropdown-item {
  padding-left: 4px !important;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .dropdown-inner {
  position: relative;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .dropdown-inner
  .bi-circle-fill {
  font-size: 8px !important;
  color: #ad8400;
  position: absolute;
  left: -16px;
  top: 6px;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .form-check-input {
  margin: 4px 8px 0px 10px !important;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .form-check-label {
  padding: 0px 0px 0px 5px;
}

.indices-val .edit-exchange-dropdown .dropdown-menu .dropdown-item .form-check {
  position: relative;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-input {
  width: 1.3rem;
  height: 1.3rem;
  margin-top: 0.6rem;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-input:checked {
  background-color: #ffffff !important;
  border-color: #ad8400 !important;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  .form-check-input:focus {
  border-color: #ad8400 !important;
  outline: 0;
  box-shadow: none !important;
}

.indices-val
  .edit-exchange-dropdown
  .dropdown-menu
  .dropdown-item
  .form-check
  input:checked
  + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: -20px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.indices-val .edit-exchange-dropdown .dropdown-menu .dropdown-divider {
  margin: 0px;
}

.notification {
  margin: -10px 16px 0px 9px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #262626 !important;
  background: transparent !important;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #262626;
  text-decoration: none;
  background-color: transparent;
}

.dropdown {
  position: relative;
}

.dropdown.dropdownwrap .dropdown-menu li .dropdown-item:hover {
  background: none !important;
}

.dropdown.dropdownwrap .dropdown-menu li .btn-wrap .btn {
  padding: 0px 17px 1px 17px;
}

.dropdown.dropdownwrap .filter-dropdownMenu {
  min-width: 260px;
  max-height: 350px;
  margin-top: 7px !important;
  transform: translate(-91%, -5%) !important;
  inset: initial !important;
}

.dropdown .dropdown-toggle::after {
  display: none;
}

.dropdown.usermenu-dropdown .dropdown-toggle img {
  margin: -14px 0px 0px 4px;
}

.head-dropdownbtn .trade-btn span {
  padding: 0px 0px 0px 9px;
}

.head-dropdownbtn .dropdown__filter {
  width: 160px;
}

.opt-tag .OptCommunity,
.opt-tag .OptHoldings {
  margin-right: 10px;
}

.opt-tag .OptHoldings select {
  border-color: #ad8400;
}

.dropdown ul li {
  list-style-type: none;
}

.dropdown__switch:checked + .dropdown__options-filter .dropdown__select {
  transform: scaleY(1);
}

.dropdown__switch:checked + .dropdown__options-filter .dropdown__filter:after {
  transform: rotate(-135deg);
}

.dropdown__options-filter {
  width: 100%;
  cursor: pointer;
}

.dropdown__filter {
  position: relative;
  display: flex;
  padding: 0px 47px 5px 21px;
  color: #595959;
  background-color: #fff;
  border-radius: 30px;
  font-size: 14px;
  transition: 0.3s;
}

.dropdown__filter::after {
  position: absolute;
  top: 30%;
  right: 20px;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #595959;
  border-bottom: 2px solid #595959;
  transform: rotate(45deg) translateX(-45%);
  transition: 0.2s ease-in-out;
}

.dropdown__select {
  position: absolute;
  top: 100%;
  left: 0;
  width: 111%;
  margin-top: 5px;
  overflow: hidden;
  border-radius: 8px;
  padding-left: 4px;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
  transform: scaleY(0);
  transform-origin: top;
  font-weight: 300;
  transition: 0.2s ease-in-out;
}

.dropdown__select-option {
  padding: 7px 7px 2px 7px;
  background-color: #fff;
  transition: 0.3s;
}

.dropdown__select-option:last-of-type {
  border-bottom: 0;
}

.dropdown__select-option:hover {
  background-color: #f9f9f9;
}

.dropdown .select-watchlist-switch .dropdown__select {
  width: 242px;
  padding-left: 0px;
  left: -129px;
  z-index: 11;
}

.dropdown .select-watchlist-switch .dropdown__select .dropdown__select-option {
  padding: 12px 10px 12px 11px;
}

.dropdown
  .select-watchlist-switch
  .dropdown__select
  .dropdown__select-option:hover {
  background: #ffffff;
}

.dropdown .select-watchlist-switch .dropdown__select .dropdown-scroll {
  max-height: 195px;
}

.page-name-head .select-icon {
  margin: 0px 11px 0px 11px;
}

.addtowatchlistmodal.modal .modal-dialog {
  max-width: 454px;
}

.addtowatchlistmodal.modal .modal-dialog .modal-content {
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  border-radius: 0px;
}

.addtowatchlistmodal.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 2px;
}

.addtowatchlistmodal.modal
  .modal-dialog
  .modal-content
  .modal-header
  .btn-close {
  opacity: 1;
}

.addtowatchlistmodal.modal
  .modal-dialog
  .modal-content
  .modal-header
  .btn-close:focus {
  box-shadow: none;
}

.addtowatchlistmodal.modal .modal-dialog .modal-content .modal-body {
  padding-top: 0px;
}

.addtowatchlistmodal.modal .modal-dialog .modal-content .modal-body input {
  width: 400px;
  color: #777777 !important;
}

.addtowatchlistmodal.modal
  .modal-dialog
  .modal-content
  .modal-body
  input::-moz-placeholder {
  color: #777777 !important;
  opacity: 50% !important;
}

.addtowatchlistmodal.modal
  .modal-dialog
  .modal-content
  .modal-body
  input:-ms-input-placeholder {
  color: #777777 !important;
  opacity: 50% !important;
}

.addtowatchlistmodal.modal
  .modal-dialog
  .modal-content
  .modal-body
  input::placeholder {
  color: #777777 !important;
  opacity: 50% !important;
}

.dropdown1 {
  margin: 0 11px 0px 0px;
  padding: 5px 5px 0px 5px;
}

.dropdown1 ul li {
  list-style-type: none;
}

.dropdown1 .dropdown__options-filter .dropdown__filter .dropdown__select {
  width: 103%;
  padding-left: 0px;
  z-index: 1000;
}

.dropdown1.active {
  background: #ad8400;
  border: 1px solid #ad8400 !important;
}

.dropdown1.active .dropdown__filter {
  background: #ad8400;
  color: #ffffff;
  z-index: 1;
}

.dropdown1.active .dropdown__filter::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.dropdown1.active .dropdown__filter .dropdown__select .dropdown__select-option {
  background: #ad8400;
  color: #ffffff;
}

.dropdown1.active
  .dropdown__filter
  .dropdown__select
  .dropdown__select-option:hover {
  background: rgba(173, 132, 0, 0.7215686275);
}

.dropdown1.active
  .dropdown__filter
  .dropdown__select
  .dropdown__select-option
  a {
  display: block;
}

header .usermenubox .mobile-search-icon {
  margin: -29px 17px 0px 0px;
}

.modal-backdrop {
  z-index: 100 !important;
  --bs-backdrop-bg: transparent;
}

.modal-open {
  z-index: 10000000 !important;
}

.modal {
  background: rgba(0, 0, 0, 0.5);
}

.modal .modal-dialog {
  max-width: 454px;
}

.modal .modal-dialog .modal-content {
  border: none;
}

.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  padding-bottom: 2px;
}

.modal .modal-dialog .modal-content .modal-header .btn-close {
  opacity: 1;
}

.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  box-shadow: none;
}

.modal .modal-dialog .modal-content .modal-body {
  padding-top: 0px;
}

#checkemailModal .modal-dialog {
  width: 487px;
  margin-top: 250px;
}

#checkemailModal .modal-dialog .modal-content {
  border-radius: 0px;
}

.watchlist-container {
  padding: 0px;
}

.watchlist-container .watchlist-table .collapse .innerTable tr:last-child {
  border-bottom: hidden;
}

.watchlist-container .table {
  min-height: 115px;
}

.watchlist-container .table tr th {
  white-space: nowrap;
  opacity: 75%;
}

.watchlist-container .table tr td {
  white-space: nowrap;
}

.watchlist-container .table tr.bg-Cultured table tr td {
  white-space: nowrap;
}

.watchlist-container .table tr.bg-Cultured table tr td .short-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 95px;
}

.watchlist-container .table .tbl-dropdown {
  padding: 0;
}

.watchlist-container .table .tbl-dropdown .tbl-dropdownhead {
  padding: 12px 0px 12px 20px;
  margin-left: 70px;
}

.watchlist-container .table .tbl-dropdown .tbl-dropdownhead .icon-show {
  transform: rotate(180deg);
  transition: all 0.15s ease-in;
}

.watchlist-container .table .tbl-dropdown .tbl-dropdownhead .icon-show:hover {
  transform: rotate(360deg);
  transition: all 0.15s ease-out;
}

.watchlist-container .table .extra-p {
  position: relative;
  top: -5px;
}

.watchlist-container .table .scrip-name figure {
  margin-left: 8px;
}

.watchlist-container .table .scrip-name .scrip-box {
  padding: 6px 0px 0px 20px;
}

.watchlist-container .table .scrip-name .scrip-box h2 {
  margin-bottom: 1px;
}

.watchlist-container .table .scrip-action {
  padding-top: 7px;
}

.watchlist-container .table .scrip-action figure {
  margin-right: 14px;
}

.watchlist-container .table .scrip-action .tag {
  padding: 2px 5px;
  display: inline-block;
  color: #828597;
  font-size: 13px !important;
  line-height: 0.75rem;
  border-radius: 4px;
  margin-right: 2px;
  margin-left: 0px;
}

.watchlist-container .table .buysell-btn .buysell-tag {
  width: 40px;
  height: 38px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.watchlist-container .table .buysell-btn .buysell-val {
  width: 180px;
  height: 38px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right !important;
}

.watchlist-container .table .buysell-btn .buysell-tag-border-right {
  border-right: 1px solid #fff;
}

.watchlist-container .table input {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background: transparent;
  position: relative;
  top: -7px;
}

.watchlist-container .table input::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 20px;
  background-color: #e9e9e9;
}

.watchlist-container .table input::-moz-range-track {
  height: 4px;
  border-radius: 20px;
  background-color: #e9e9e9;
}

.watchlist-container .table input:first-child::-webkit-slider-runnable-track {
  background: #e9e9e9;
}

.watchlist-container .table input:first-child::-moz-range-track {
  background: #e9e9e9;
}

.watchlist-container .table input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  border: none;
  background-color: #2c2c2c;
  transform: translateY(-5px);
  margin-top: 3px;
}

.watchlist-container .table input::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  border: none;
  background-color: #2c2c2c;
  margin-top: 3px;
}

.watchlist-container .table .dropdown.more-dropdownwrap {
  position: relative;
}

.watchlist-container .table .dropdown.more-dropdownwrap .btn {
  padding: 2px 2px;
  margin-top: 15px;
}

.watchlist-container .table .dropdown.more-dropdownwrap .dropdown-menu {
  width: 94px;
  padding: 0px;
}

.watchlist-container
  .table
  .dropdown.more-dropdownwrap
  .dropdown-menu
  .dropdown-item {
  padding: 10px;
}

.watchlist-container .table #collapseWatchlist .collapsewatchlisttbl .table {
  border-bottom: 0px;
}

.watchlist-container
  .table
  #collapseWatchlist
  .collapsewatchlisttbl
  .inner-coname {
  width: 323px;
}

.watchlist-container
  .table
  #collapseWatchlist
  .collapsewatchlisttbl
  .inner-coname
  .co-details {
  margin: 0px 0px 0px 76px;
}

.watchlist-container .table tbody .borderless {
  border-bottom-width: 0px;
}

.watchlist-container .hiddenRow {
  padding: 0 !important;
  border: none !important;
}

.watchlist-container .hiddenRow .table tr {
  border-style: hidden;
}

.watchlist-container .watchlist-card {
  min-width: 258px;
  padding: 6px 10px 15px 10px;
}

.watchlist-container .watchlist-card .sellcardbtn .sell-tag {
  min-width: 110px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.watchlist-container .watchlist-card .sellcardbtn .buysell-val {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.watchlist-container .watchlist-card .sellcardbtn .buysell-border-bottom {
  border-bottom: 1px solid #fff;
}

.watchlist-container .watchlist-card .dropdown-menu {
  left: -137px !important;
  top: -14px !important;
}

.watchlist-container .watchlist-card .short-scrip-name {
  max-width: 175px;
}

.watchlist-container .order-table {
  margin-bottom: 80px;
}

.dashboard-container-in .market-list-box {
  flex: 1;
}

.dashboard-container-in
  .market-list-box
  .switchbtn
  input[type="radio"]:nth-of-type(odd):checked
  + label {
  background: #ad8400;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.dashboard-container-in
  .market-list-box
  .switchbtn
  input[type="radio"]:nth-of-type(even):checked
  + label {
  background: #ad8400;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.dashboard-container-in .market-list-box .btn-group > .btn:not(:first-child) {
  margin-left: 0.1px;
}

.dashboard-container-in
  .market-list-box
  .switchbtn
  input[type="radio"]:checked
  + label {
  background: #ad8400;
  color: #ffffff;
}

.dashboard-container-in .market-list-box .switchbtn.switchmedium label {
  padding: 1px 18px;
}

.dashboard-container-in .market-list-box .scrip-list {
  cursor: pointer;
  position: relative;
}

.dashboard-container-in .market-list-box .scrip-list figure {
  margin-bottom: 0px;
}

.dashboard-container-in .market-list-box .scrip-list.active,
.dashboard-container-in .market-list-box .scrip-list:hover {
  background-color: #ffffff;
  box-shadow: rgb(0 0 0 / 9%) 0px 2px 11px 0px !important;
}

.dashboard-container-in .market-list-box .scrip-list.active::before,
.dashboard-container-in .market-list-box .scrip-list:hover::before {
  position: absolute;
  left: 0;
  background: #ad8400;
  width: 4px;
  display: block;
  content: "";
  height: 100%;
  top: 0;
}

.dashboard-container-in .market-list-box .scrip-list .script-value-right {
  flex: 1;
}

.dashboard-container-in .market-list-box .scrip-list.nav-link {
  display: flex;
  margin: 0px 0px;
}

.dashboard-container-in .market-list-box .vscrollbar {
  height: 460px;
  background: #f9f9f9;
}

.scrip-graph .scrip-graph-top {
  min-height: 40px;
}

.dashboard-container-in .market-list-box .vscrollbar.scroll::-webkit-scrollbar {
  width: 6px;
}

.dashboard-container-in .market-list-box .vscrollbar .mCSB_container {
  left: 0px !important;
}

.dashboard-container-in .market-list-box ul {
  margin: 0 auto;
  padding: 0px;
  list-style-type: none;
}

.dashboard-container-in .market-list-box .force-overflow p.short-scrip-name {
  max-width: 134px;
}

.dashboard-container-in .scrp-details {
  flex: 1;
}

.dashboard-container-in .scrp-details .script-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 149px;
}

.dashboard-container-in .scrp-details .scrip-graph figure {
  margin-bottom: 0px;
}

.dashboard-container-in .stock-box {
  min-height: 468px;
}

.dashboard-container-in .stock-box .table-responsive .table tr th {
  padding: 15px;
}

.dashboard-container-in .stock-box .table-responsive .table tr th,
.dashboard-container-in .stock-box .table-responsive .table tr td {
  white-space: nowrap !important;
}

.dashboard-container-in
  .stock-box
  .table-responsive
  .table
  tr
  .buysell-btn
  .buysell-tag {
  width: 40px;
  height: 38px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.dashboard-container-in
  .stock-box
  .table-responsive
  .table
  tr
  .buysell-btn
  .buysell-val {
  width: 75px;
  height: 38px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.dashboard-container-in
  .stock-box
  .table-responsive
  .table
  tr
  .buysell-btn
  .buysell-tag-border-right {
  border-right: 1px solid #fff;
}

.dashboard-container-in .stock-box .short-scrip-name {
  max-width: 100px;
}

.dashboard-container-in .trending-assets .card {
  border-radius: 0px;
  box-shadow:
    rgba(67, 71, 85, 0.27) 0px 0px 0.25em,
    rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

.dashboard-container-in .trending-assets .watchlist-card .sellcardbtn .btn {
  min-width: 80px;
}

.dashboard-container-in .follwers .card {
  border-radius: 0px;
}

.dashboard-container-in .follwers .card p {
  line-height: 17px;
}

.dashboard-container-in .follwers .slick-prev {
  left: -1px;
  color: #7f7f7f;
  z-index: 9999;
  background-image: linear-gradient(
    to right,
    rgb(255 255 255 / 61%) 0,
    rgba(255, 255, 255, 0.01) 100%
  );
  height: 318px;
  width: 105px;
}

.dashboard-container-in .follwers .slick-prev::before {
  content: "";
}

.dashboard-container-in .follwers .slick-prev .bi-arrow-left-circle {
  position: relative;
  top: 38%;
  left: 8px;
}

.dashboard-container-in .follwers .slick-next {
  right: -1px;
  color: #7f7f7f;
  background-image: linear-gradient(
    to left,
    rgb(255, 255, 255) 0,
    rgba(255, 255, 255, 0) 100%
  );
  height: 318px;
  width: 125px;
}

.dashboard-container-in .follwers .slick-next::before {
  content: "";
}

.dashboard-container-in .follwers .slick-next .bi-arrow-right-circle {
  position: relative;
  top: 38%;
  right: -69px;
}

.dashboard-container-in .follwers .slick-prev.slick-disabled:before,
.dashboard-container-in .follwers .slick-next.slick-disabled:before {
  opacity: 0.25;
}

.dashboard-container-in .market-news-box .news-inner .news-left .news-img {
  position: relative;
}

.dashboard-container-in
  .market-news-box
  .news-inner
  .news-left
  .news-img
  .img-text {
  position: absolute;
  bottom: 129px;
  background: rgba(0, 0, 0, 0.56);
  padding: 5px 5px 5px 5px;
}

.login-section form {
  padding: 0px 32px 0px 32px;
}

.login-section form .form-inner {
  padding: 30px;
  margin-bottom: 20px;
}

.login-section form#mainloginform .form-inner {
  box-shadow: 0px 0px 10px 0px #00000012;
}

.login-section form .lbl-username {
  display: flex;
  justify-content: flex-start;
  margin: 0px 0px 10px 0px;
}

.login-section form .label2 {
  display: flex;
  justify-content: flex-start;
  margin: 0px 0px 10px 17px;
}

.login-section form .lbl-forgot {
  display: flex;
  justify-content: flex-end;
}

.login-section form .lbl-forgotpass {
  display: flex;
  justify-content: flex-end;
}

.login-section form .field-icon {
  float: right;
  margin-right: 9px;
  margin-top: -34px;
  position: relative;
  z-index: 2;
}

.login-section form .form-check input:checked + label:after {
  left: 28px;
}

.login-section .form-check-input {
  margin: 8px 13px 0px 20px;
  width: 15px;
  height: 15px;
}

.login-section .form-check {
  padding-left: 0px;
}

.login-section .checkbox-container {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 30px;
}

@media (max-width: 991px) {
  .login-section .checkbox-container {
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .login-section .checkbox-container {
    align-items: flex-start;
  }
}

.login-section .checkbox-container .chekbox-check {
  position: relative;
  margin-right: 10px;
}

.login-section .checkbox-container .chekbox-check span {
  height: 20px;
  width: 20px;
  border: 1px solid #babbbe80;
  display: inline-block;
  position: relative;
  top: 0px;
  border-radius: 3px;
}

.login-section .checkbox-container .chekbox-check input {
  opacity: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  left: -20px;
  z-index: 8;
  top: -8px;
}

.login-section .checkbox-container .topchek-lbl {
  font-size: 14px !important;
  color: #babbbe;
  font-weight: 500;
  margin-bottom: 0px;
}

.login-section .checkbox-container [type="checkbox"]:checked + span:before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f633";
  position: absolute;
  top: -7px;
  left: -2px;
  font-size: 21px;
  color: #ad8400;
}

.login-section .checkbox-container [type="checkbox"]:checked + span {
  border: 1px solid #ad8400;
}

.login-section .tooltip.tooltip-theme {
  padding-left: 5px;
}

.login-section .btn:hover {
  color: #ffffff;
}

.login-section .social-media-icon {
  align-items: center;
  gap: 50px;
}

.login-section .circle {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1;
  max-width: 92px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px #00000012;
}

.login-section .circle figure {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.signup-section {
  background-size: cover;
  height: 100%;
  background-position: center;
}

.signup-section .social-media-icon {
  align-items: center;
  gap: 50px;
  margin-top: 30px;
}

.signup-section .signup .signup-leftside {
  width: 45%;
  background-color: #f2f2f2;
  padding: 10px 30px 10px 30px;
}

.signup-rightside .signup-body {
  padding: 30px;
  border: 1px solid #dee2e6;
  box-shadow: 0px 0px 10px 0px #00000012;
  margin: 30px 0px 20px 0px;
}

.signup-section .signup .signup-leftside .sign-up-people {
  position: relative;
  bottom: -121px;
}

.signup-section .signup .signup-rightside {
  width: 55%;
  padding: 10px 55px 10px 55px;
}

.signup-section .signup .signup-rightside .signup-head.chk-email {
  padding: 70px 0px 70px 0px;
}

.signup-section .signup .signup-rightside .signup-head.terms-condition {
  padding: 20px 20px 20px 20px;
  margin-top: 40px;
}

.signup-section
  .signup
  .signup-rightside
  .signup-head.terms-condition
  .vscrollbar {
  height: 430px;
}

.signup-section .signup .signup-rightside .btn:hover {
  color: #ffffff;
}

.signup-section .circle {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1;
  max-width: 92px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px 0px #00000012;
}

.signup-section .circle figure {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}

.signup-section .create-field-icon {
  float: right;
  margin-right: 16px;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

.signup-section .verify-icon {
  float: right;
  margin-right: 11px;
  margin-top: -40px;
  position: relative;
  z-index: 2;
}

.signup-section .confirm-field-icon {
  float: right;
  margin-right: 9px;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

.signup-section .form-check-input {
  margin: 8px 13px 0px 0px;
  width: 20px;
  height: 20px;
}

.signup-section .form-check-input.akntext {
  width: 23px;
}

.signup-section .range-slider {
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
}

.signup-section #range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
}

.signup-section #range:focus {
  outline: none;
}

.signup-section #range::before,
.signup-section #range::after {
  position: absolute;
  top: 2rem;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.signup-section #range::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background: linear-gradient(
    90deg,
    #262626 var(--range-progress),
    #dee4ec var(--range-progress)
  );
  border-radius: 1rem;
}

.signup-section #range::-webkit-slider-thumb {
  -webkit-appearance: none;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
  border-radius: 50%;
  background: #262626;
  cursor: pointer;
  height: 15px;
  width: 15px;
  transform: translateY(calc(-50% + 8px));
  margin-top: -5px;
}

.signup-section #tooltip {
  font-size: 14px;
  position: absolute;
  width: 8%;
  left: 0%;
  bottom: 100%;
  margin-bottom: 12px;
  padding: 2px;
  border: 1px solid;
  border-radius: 3px;
  text-align: center;
  background: #ffffff;
  transition: opacity 0.5s linear;
}

.signup-section #tooltip::before,
.signup-section #tooltip::after {
  content: "";
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

.signup-section #tooltip::before {
  border-top: 10px solid #c2c2c2;
  margin-top: 1px;
}

.signup-section #tooltip::after {
  border-top: 10px solid white;
  margin-top: -2px;
  z-index: 1;
}

.signup-rightside .iti--separate-dial-code .iti__selected-flag {
  margin-top: 2px;
}

.signup-rightside .iti--allow-dropdown .iti__flag-container:hover {
  top: 8px;
  left: 0px;
}

.signup-rightside .iti--separate-dial-code .iti__selected-flag {
  background: transparent;
}

.market-index .dropdown__filter::after {
  border-right: 2px solid rgba(89, 89, 89, 0.568627451);
  border-bottom: 2px solid rgba(89, 89, 89, 0.568627451);
}

.market-index .corporate-action {
  height: 450px;
}

.market-index
  .corporate-action
  .dropdown
  .select-watchlist-switch
  .dropdown__select {
  left: -14px;
  z-index: 999;
}

.market-index .corporate-action .dropdown__filter::after {
  display: none;
}

.market-index
  .corporate-action
  .dropdown
  .select-watchlist-switch.dropdown__filter {
  padding: 0px 4px 5px 0px;
}

.market-index .market-news {
  height: 468px;
}

.market-index .gainers-losers .datepicker-cal {
  position: relative;
}

.market-index .gainers-losers .datepicker-cal input {
  min-width: 196px;
  text-align: right;
}

.market-index .gainers-losers .datepicker-cal .bi-calendar4-week {
  position: absolute;
  left: 13px;
  top: 4px;
}

.market-index .gainers-losers .dropdown-group .dropdown::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  display: block;
  position: absolute;
  left: 67px;
  top: 5px;
  height: 15px;
  color: #262626;
}

.market-index .gainers-losers .dropdown-group .dropdown a {
  padding: 5px 5px 5px 5px;
  width: 98px;
}

.market-index .gainers-losers .dropdown-group .dropdown a:hover {
  color: #262626;
}

.market-index .gainers-losers .dropdown-group .dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
  border: hidden;
  width: 242px;
}

.market-index .gainers-losers .dropdown-group .dropdown-menu li {
  padding: 5px 10px 5px 11px;
}

.market-index .gainers-losers .dropdown-group .btn-check:checked + .btn,
.market-index .gainers-losers .dropdown-group .btn.active,
.market-index .gainers-losers .dropdown-group .btn.show,
.market-index .gainers-losers .dropdown-group .btn:first-child:active,
.market-index .gainers-losers .dropdown-group :not(.btn-check) + .btn:active {
  border: none;
}

.market-index .gainers-losers .dropdown-group .btn:first-child:hover,
.market-index .gainers-losers .dropdown-group :not(.btn-check) + .btn:hover {
  color: #262626;
}

.market-index .scrip-val {
  margin-right: 0px;
}

.blog-post .circular_image {
  max-width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  display: inline-block;
  vertical-align: middle;
}

.blog-post .circular_image img {
  width: 100%;
}

.blog-post .circular_image-small {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  display: inline-block;
  vertical-align: middle;
}

.blog-post .circular_image-small img {
  width: 100%;
}

.blog-post textarea {
  resize: none;
}

.blog-post .status-box {
  min-width: 260px;
  border: none;
  background-color: transparent;
  padding-top: 6px;
}

.blog-post .post-btn {
  text-align: left;
  padding-top: 10px;
}

.blog-post .post-box .post-box-inner {
  flex-wrap: wrap;
}

.blog-post .comment-box .inner-comment-box {
  padding: 0px 2px 0px 66px;
}

.blog-post .comment-box .social-comment-link {
  margin-left: -70px;
}

.blog-post .comment-box .comment-rply-box {
  margin-left: -70px;
}

.blog-post .comment-box .comment-rply-box .rply-box {
  position: relative;
}

.blog-post .comment-box .comment-rply-box .rply-details {
  position: relative;
}

.blog-post .comment-box .comment-rply-box .rply-details .rply-option {
  justify-content: space-between;
  margin-left: 68px;
  gap: 10px;
  align-items: center;
}

.rply-details .rply-option .font-Weldon-Blue {
  border-right: 1px solid #dee2e6;
  padding-right: 10px;
}

.blog-post .comment-box .comment-rply-box .rply-details .like-count-details {
  position: absolute;
  top: -20px;
  right: 3px;
  box-shadow: rgba(0, 0, 0, 0.18) 1.95px 1.95px 1.6px;
}

.blog-post .comment-box .comment-rply-box .rply-count-details {
  margin-left: 80px;
}

.blog-post .comment-box .comment-rply-box .rply-box-inner {
  position: relative;
  padding-left: 66px;
}

.blog-post .comment-box .has-child-comments .rply-box-inner::before {
  content: "";
  display: block;
  width: 39px;
  height: 80%;
  border: 1px solid #c2c2c2;
  border-radius: 20px;
  left: 28px;
  bottom: -35px;
  border-right: 0px;
  border-top: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  position: absolute;
}

input {
  -webkit-appearance: none;
  appearance: none;
  width: 10.5rem;
  background: transparent;
  position: relative;
}

input::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 20px;
  background-color: #e9e9e9;
}

input::-moz-range-track {
  height: 4px;
  border-radius: 20px;
  background-color: #e9e9e9;
}

input:first-child::-webkit-slider-runnable-track {
  background: #e9e9e9;
}

input:first-child::-moz-range-track {
  background: #e9e9e9;
}

input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  border: none;
  background-color: #2c2c2c;
  transform: translateY(-5px);
  margin-top: 3px;
}

input::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  border: none;
  background-color: #2c2c2c;
  margin-top: 3px;
}

.spinner {
  width: 80px;
  height: 80px;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #ad8400;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#overlay {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.54);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

mark {
  background-color: pink;
}

.list-autocomplete {
  padding: 0;
}

.list-autocomplete em {
  font-style: normal;
  background-color: #e1f2f9;
}

.hasNoResults {
  color: #aaa;
}

.hasNoResults,
.btn-extra {
  display: block;
  padding: 10px;
}

.hasNoResults {
  color: #aaa;
}

.btn-extra {
  width: 100%;
  border-top: 0.5px solid #d2d2d2;
}

.short-scrip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 18vw;
  max-width: 280px;
  cursor: pointer;
}

.no-holdings .avilbl-margin p {
  margin-top: -7px;
}

.no-holdings .avilbl-margin .avilble-fund {
  margin-top: -9px;
}

.selector {
  position: relative;
  display: block;
  text-align: left;
  width: fit-content;
  float: right;
}

.selector__toggle {
  display: block;
  padding: 0.75em 1em;
  color: #262626;
  text-decoration: none;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
  transition: all 0.2s linear;
}

.selector__toggle i {
  float: right;
  position: relative;
  top: 0.2em;
  transition: all 0.2s linear;
  left: 4px;
}

.open .selector__toggle i {
  transform: rotate(180deg);
}

.selector__toggle:hover,
.selector__toggle:focus {
  color: #262626;
}

.selector__list {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #7090cd;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
  width: fit-content;
  z-index: 9;
}

.open .selector__list {
  display: block;
}

.selector__list li a {
  display: block;
  color: #262626;
  text-decoration: none;
  padding: 1em;
  background-color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s linear;
  font-size: 16px;
}

.selector__toggle .valueOfButton {
  font-size: 16px;
}

.portfolio .rightSec .dropdownwrap {
  position: relative;
}

.portfolio .rightSec .dropdownwrap .filter-dropdownMenu {
  z-index: 10;
  max-height: 326px;
  transform: translate(-91%, 1%) !important;
  inset: initial !important;
}

.portfolio .rightSec .dropdownwrap .filter-dropdownMenu input {
  margin-top: 0px;
}

.portfolio .nav-pills .nav-item button {
  width: 157px;
}

.portfolio .nav-three-pill-tab .nav {
  position: relative;
  float: right;
  margin: 0px 0px 0px 0px;
}

.portfolio .nav-three-pill-tab .nav-pills {
  border: 1px solid #d6d6d6;
  border-radius: 50rem;
}

.portfolio .nav-three-pill-tab .nav-pills li .rounded-pillfirst {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border: 0px !important;
}

.portfolio .nav-three-pill-tab .nav-pills li .rounded-pillmiddal {
  border-radius: 0px !important;
  border: 0px !important;
}

.portfolio .nav-three-pill-tab .nav-pills li .rounded-pilllast {
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border: 0px !important;
}

.portfolio .nav-three-pill-tab .nav-pills .nav-link.active {
  background: #ffffff;
  color: #262626 !important;
  border: 1px solid #262626 !important;
  border-top-right-radius: 50rem !important;
  border-bottom-right-radius: 50rem !important;
  border-top-left-radius: 50rem !important;
  border-bottom-left-radius: 50rem !important;
}

.portfolio .nav-three-pill-tab .tab-pane figure {
  padding: 0px 0px 0px 7px;
}

.portfolio .nav-three-pill-tab .tab-pane .aval-bal {
  margin-top: 13px;
  height: 53px;
  padding-left: 26px;
  padding-right: 26px;
}

.portfolio .nav-three-pill-tab .tab-pane .virtual-equity-bal {
  border-radius: 8px;
  border: 1px dashed #c2c2c2;
  background: #f4fafe;
  margin-top: 2px;
  height: 64px;
  padding: 8px 11px;
}

.portfolio .nav-three-pill-tab .tab-pane .equalto-icon {
  margin-top: 13px;
}

.portfolio .nav-three-pill-tab .table-responsive {
  width: 100%;
}

.stock-box-inner .bootstrap-select .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}

.stock-box-inner .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: 0;
}

.stock-box-inner .bootstrap-select .btn-light {
  background: transparent;
  border: none;
  width: auto;
}

.stock-box-inner .bootstrap-select .btn:first-child:hover,
.stock-box-inner .bootstrap-select :not(.btn-check) + .btn:hover {
  color: #262626;
  background-color: transparent;
  border-color: none;
}

.stock-box-inner .bootstrap-select .bootstrap-select .dropdown-toggle:focus,
.stock-box-inner
  .bootstrap-select
  .bootstrap-select
  > select.mobile-device:focus
  + .dropdown-toggle {
  outline: 0px !important;
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: 0px;
}

.stock-box-inner .bootstrap-select .filter-option-inner-inner {
  font-size: "ProximaNova-Light";
  font-size: 16px;
  color: #262626;
}

.stock-box-inner .bootstrap-select .dropdown-menu {
  min-width: 170px;
  border: 0px;
  box-shadow: 0 5px 10px 0 rgba(152, 152, 152, 0.6);
}

.scroll {
  overflow-y: auto;
  background: #ffffff;
}

.scroll:active::-webkit-scrollbar-thumb,
.scroll:focus::-webkit-scrollbar-thumb,
.scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  /* visibility: hidden; */
}

.scroll::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}

nav {
  position: relative;
}

nav input[name="toggle-nav"],
nav label[for="toggle-nav"] {
  position: absolute;
  top: -32px;
  width: 23px;
  height: 31px;
  left: -13px;
}

nav input[name="toggle-nav"] {
  display: block;
  cursor: pointer;
  opacity: 0;
  z-index: 1091;
}

nav
  input[name="toggle-nav"]:hover:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
nav
  input[name="toggle-nav"]:hover:checked
  + label[for="toggle-nav"]
  .menu-icon::after,
nav
  input[name="toggle-nav"]:active:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
nav
  input[name="toggle-nav"]:active:checked
  + label[for="toggle-nav"]
  .menu-icon::after,
nav
  input[name="toggle-nav"]:focus:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
nav
  input[name="toggle-nav"]:focus:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  background-color: #262626;
}

nav label[for="toggle-nav"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1090;
}

nav label[for="toggle-nav"] .menu-icon,
nav label[for="toggle-nav"] .menu-icon::before,
nav label[for="toggle-nav"] .menu-icon::after {
  display: block;
  width: 100%;
  height: 3px;
  border-radius: 10px;
  background-color: #262626;
  transition: all 0.5s ease;
}

nav label[for="toggle-nav"] .menu-icon::before,
nav label[for="toggle-nav"] .menu-icon::after {
  position: absolute;
  content: "";
}

nav label[for="toggle-nav"] .menu-icon::before {
  top: 7px;
}

nav label[for="toggle-nav"] .menu-icon::after {
  bottom: 7px;
}

nav input[name="toggle-nav"]:checked ~ .side-nav-panel {
  right: 52px;
}

nav input[name="toggle-nav"]:checked + label[for="toggle-nav"] .menu-icon,
nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  background-color: transparent;
}

nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  background-color: #262626;
}

nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::before {
  top: 12px;
  transform: rotate(45deg);
}

nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  bottom: 16px;
  transform: rotate(-45deg);
}

nav .side-nav-panel {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: -100vw;
  width: 100vw;
  max-width: 400px;
  height: 100vh;
  padding-top: 85px;
  background-color: #ffffff;
  box-shadow:
    1px 0 5px rgba(119, 119, 119, 0.5),
    1px 0 3px rgba(38, 38, 38, 0.7);
  transition: 0.5s left;
  z-index: 10;
}

nav .top-nav {
  max-height: 100vh;
  overflow-y: auto;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
}

nav .top-nav a:link,
nav .top-nav a:visited {
  color: #777777;
  text-decoration: none;
}

nav .top-nav .active a:link,
nav .top-nav .active a:visited {
  color: #262626;
}

nav .top-nav > li {
  min-height: 50px;
  max-height: 100vh;
  width: 100%;
  cursor: pointer;
  border-top: 1px solid rgba(119, 119, 119, 0.2901960784);
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

nav .top-nav > li:last-child {
  border-bottom: 1px solid rgba(119, 119, 119, 0.2901960784);
}

nav .top-nav > li:hover,
nav .top-nav > li:active,
nav .top-nav > li:focus,
nav .top-nav > li.active {
  background-color: #ffffff;
}

nav .top-nav > li:hover .portfolio-icon,
nav .top-nav > li:active .portfolio-icon,
nav .top-nav > li:focus .portfolio-icon,
nav .top-nav > li.active .portfolio-icon {
  background: url(/images/portfolio-icon-gold.png) no-repeat;
  background-size: 100% 100%;
}

nav .top-nav > li a {
  display: block;
  width: 100%;
  padding-left: 2em;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

nav .top-nav > li a .portfolio-icon {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url(/images/portfolio-icon.png) no-repeat;
  background-size: 100% 100%;
}

nav .top-nav > li > a {
  padding-top: 15px;
  text-transform: uppercase;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

nav .top-nav > li > a div {
  padding: 2px 0px 0px 12px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

nav .parent-item {
  position: relative;
}

nav .parent-item > a::after {
  content: "\f282";
  font-family: "Bootstrap-icons", Arial, sans-serif;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 4px;
  font-size: 1em;
  transform: rotate(359deg);
  transition: all 0.3s;
}

nav .parent-item.active > a::after {
  top: -3px;
  transform: rotate(180deg);
}

nav .parent-item a.active {
  color: #ad8400;
}

nav .parent-item a:hover {
  color: #ad8400;
}

nav .submenu {
  list-style-type: none;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out,
    max-height 0.2s ease-in-out,
    margin-bottom 0.3s ease-in-out;
  margin: -10px 0px 16px 39px;
}

nav .submenu.active {
  opacity: 1;
  visibility: visible;
  max-height: 100vh;
  margin-bottom: 8px;
  transition: max-height 1s;
}

nav .submenu li {
  position: relative;
  background-color: #ffffff;
  text-transform: uppercase;
}

nav .submenu li a {
  padding: 11px 0px 0px 0px;
  position: relative;
}

nav .submenu li a.active {
  color: #ad8400;
}

nav .submenu li a.active::before {
  content: "\f309";
  font-family: "Bootstrap-icons", Arial, sans-serif;
  color: #ad8400;
  font-size: 30px;
  display: inline-block;
  position: absolute;
  left: -34px;
  top: -4px;
}

.select-watchlist-switch .form.is-readonly .btn-save {
  display: none;
}

.select-watchlist-switch .form.is-readonly input[disabled],
.select-watchlist-switch .form.is-readonly textarea[disabled] {
  cursor: text;
  background-color: #fff;
  border-color: transparent;
  outline-color: transparent;
  box-shadow: none;
}

.select-watchlist-switch .form input,
.select-watchlist-switch .form textarea {
  cursor: text;
  background-color: #fff;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  box-shadow: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  width: 120px;
}

.select-watchlist-switch .form.is-editing .btn-edit {
  display: none;
}

.select-watchlist-switch .form .btn-save {
  position: absolute;
  left: 147px;
  background: #ffffff;
  padding-top: 3px;
}

.select-watchlist-switch .form .btn-save:hover {
  background: #fff;
}

.offcanvas .autocomplete-search_stock {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.buyScreener .btn-close-white {
  position: absolute;
  right: 6px;
  top: 6px;
}

.usermenu-dropdown .header-input-wrap {
  position: relative;
  z-index: 10;
  margin-top: -6px;
}

.usermenu-dropdown .header-input-wrap .search {
  position: absolute;
  right: 14px;
  top: 10px;
  opacity: 0.5;
}

.usermenu-dropdown .autocomplete-search_stock {
  position: absolute !important;
  border-radius: 23px 23px 23px 23px;
  background: #fff;
  border: 1px solid #d0d0d0;
  padding: 0;
  width: 100%;
  overflow-y: hidden;
  z-index: 99;
  width: 329px;
  right: 0px;
  top: -2px;
}

.usermenu-dropdown .autocomplete-search_stock .drop-icon-up {
  display: flex;
  justify-content: flex-end;
  margin-right: 8px;
  margin-top: 5px;
}

.usermenu-dropdown .autocomplete-search_stock .userprofile {
  width: 130px;
  height: 130px;
  box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(194, 194, 194, 0.4196078431);
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.usermenu-dropdown .autocomplete-search_stock .userprofile img {
  border-radius: 50%;
}

.profile-img {
  width: 130px;
  height: 130px;
  object-fit: cover;
}

@media (min-width: 1473px) {
  .usermenu-dropdown .autocomplete-search_stock .search-body {
    max-height: 562px;
  }
}

@media (min-width: 1799px) {
  .usermenu-dropdown .autocomplete-search_stock .search-body {
    max-height: 690px;
  }
}

.usermenu-dropdown .autocomplete-search_stock .search-body.scroll {
  margin-top: 2px;
  max-height: 87vh;
}

.usermenu-dropdown
  .switchbtn
  input[type="radio"]:nth-of-type(odd):checked
  + label {
  background: #ad8400;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  margin: 0px;
  color: #ffffff !important;
}

.usermenu-dropdown
  .switchbtn
  input[type="radio"]:nth-of-type(odd):checked
  + label
  .info-icon {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/info-icon-white.png) no-repeat;
  margin: 0px 5px 0px 0px;
}

.usermenu-dropdown
  .switchbtn
  input[type="radio"]:nth-of-type(even):checked
  + label {
  background: #ad8400;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin: 0px;
  color: #ffffff !important;
}

.usermenu-dropdown
  .switchbtn
  input[type="radio"]:nth-of-type(even):checked
  + label
  .check-icon {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/check-info-icon.png) no-repeat;
  margin: 0px 5px 0px 0px;
}

.usermenu-dropdown .btn-group > .btn:not(:first-child) {
  margin-left: 0.1px;
}

.usermenu-dropdown .switchbtn input[type="radio"]:checked + label {
  background: #ad8400;
  color: #ffffff;
}

.usermenu-dropdown .switchbtn.switchmedium label {
  padding: 3px 13px 3px 13px;
  margin: 0px 0px;
}

.usermenu-dropdown .switchbtn {
  margin: 0px 67px 0px 67px;
}

.usermenu-dropdown .switchbtn label .info-icon {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/info-icon.png) no-repeat;
  margin: 0px 5px 0px 0px;
}

.usermenu-dropdown .switchbtn label .check-icon {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/images/info-check-gray.png) no-repeat;
  margin: 0px 5px 0px 0px;
}

.fill-details-box .bootstrap-select .btn {
  border: 0px solid #c9c9c9 !important;
  border-radius: 50rem;
  background: #ffffff;
  color: #262626;
}

.fill-details-box .bootstrap-select .btn:hover {
  background: #ffffff;
}

.fill-details-box .bootstrap-select .btn:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: #ffffff !important;
  border-color: transparent !important;
  outline: none !important;
}

.fill-details-box .bootstrap-select .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}

.fill-details-box .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: 0;
}

.fill-details-box .bootstrap-select .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
}

.fill-details-box .bootstrap-select .dropdown-item.active,
.fill-details-box .bootstrap-select .dropdown-item:active {
  background: transparent;
  color: #262626;
}

.fill-details-box .bootstrap-select .filter-option-inner-inner {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  opacity: 50%;
}

.fill-details-box .rounded-pill {
  border: 1px solid #c9c9c9 !important;
}

.tw-hidden {
  display: none;
}

#successToast {
  width: 500px;
  border-radius: 0px;
  border: 0px;
  box-shadow: 0 0 8px rgba(204, 204, 204, 0.77);
}

#successToast::before {
  position: absolute;
  left: 14px;
  background: #63c64c;
  width: 4px;
  display: block;
  content: "";
  height: 78%;
}

#successToast .success-right {
  padding-left: 10px;
}

#successToast .success-right p {
  margin-top: -2px;
}

#successToast .toast-header {
  border-bottom: 0px;
  padding-bottom: 0px;
}

#successToast .toast-header .btn-close {
  position: relative;
  right: -443px;
}

#successToast .toast-body {
  padding: 0px 10px 10px 10px;
}

.input-container input {
  border: none;
  box-sizing: border-box;
  outline: 0;
  padding: 0.75rem;
  position: relative;
  width: 100%;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 5px;
  width: auto;
}

.sessionpopup.modal {
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.5411764706);
}

.sessionpopup .modal-dialog .modal-header {
  border-bottom: 1px solid #dee2e6 !important;
  padding: 1rem 1rem 1rem 1rem !important;
}

.sessionpopup .modal-dialog .modal-body {
  padding: 1rem !important;
}

.sessionpopup .modal-dialog .modal-content {
  border-radius: 0.5rem !important;
  box-shadow:
    4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.sellblink {
  -webkit-animation: glow linear 1s infinite;
  animation: glow linear 1s infinite;
}

@-webkit-keyframes glow {
  0% {
    background-color: #f1f1f1;
  }

  50% {
    background-color: #d93146;
  }

  100% {
    background-color: #d93146;
  }
}

@keyframes glow {
  0% {
    background-color: #f1f1f1;
  }

  50% {
    background-color: #d93146;
  }

  100% {
    background-color: #d93146;
  }
}

.buyblink {
  -webkit-animation: glow1 linear 1s infinite;
  animation: glow1 linear 1s infinite;
}

@-webkit-keyframes glow1 {
  0% {
    background-color: #f1f1f1;
  }

  50% {
    background-color: #63c64c;
  }

  100% {
    background-color: #63c64c;
  }
}

@keyframes glow1 {
  0% {
    background-color: #f1f1f1;
  }

  50% {
    background-color: #63c64c;
  }

  100% {
    background-color: #63c64c;
  }
}

.disable {
  opacity: 0.3;
  pointer-events: none;
}

.link {
  position: relative;
}

.link .tooltip {
  display: block;
  position: absolute;
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0.25em;
  border: 1px solid var(--bs-border-color);
  padding: 8px 10px 3px 10px;
  background-color: #ffffff;
  color: #262626;
  opacity: 0;
  scale: 0;
  transition:
    opacity,
    scale 0.3s;
  transform-origin: left bottom;
  margin-top: -123px;
  margin-left: 12px;
}

.link .tooltip::before {
  content: "";
  position: absolute;
  left: 47%;
  bottom: -8px;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid var(--bs-border-color);
}

.link .tooltip:first-child {
  position: fixed;
}

.link:hover .tooltip {
  opacity: 1;
  scale: 1;
}

.link .tooltip-title {
  font-size: 12px !important;
  color: #262626;
  margin-bottom: 10px;
}

.link .tooltip-body .tooltip-text {
  font-size: 12px !important;
  color: #777777;
  border-right: 1px solid var(--bs-border-color);
  padding-left: 10px;
  padding-right: 10px;
}

.link .tooltip-body .tooltip-text:last-child {
  border-right: 0px;
}

.link .tooltip-body .tooltip-val {
  color: #262626;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.portfolio .watchlist-table .tooltip {
  margin-left: 20px;
}

.screener
  .buyconfirm.portfolio
  .modal
  .modal-dialog.orderStauseM
  .grid
  div:nth-child(n + 4) {
  border-right: none !important;
}

.w100 {
  width: 100%;
}

.radio-switch label {
  display: inline-block;
  position: relative;
  z-index: 2;
  font-size: 12px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-weight: 600;
  color: rgba(119, 119, 119, 0.4823529412);
  text-transform: uppercase;
}

.radio-switch input {
  display: none;
}

.radio-switch input:checked + label {
  color: #ad8400;
}

.radio-switch label:first-of-type {
  padding-right: 37px;
}

.radio-switch label:last-of-type {
  padding-left: 37px;
  margin-left: -33px;
}

.radio-switch label:first-of-type:before,
.radio-switch label:first-of-type:after {
  border: 1px solid #aaa;
  content: "";
  height: 14px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0px;
  top: 3px;
  vertical-align: middle;
}

.radio-switch label:first-of-type:before {
  background: #ad8400;
  border: 1px solid #aaa;
  border-radius: 100%;
  position: absolute;
  right: 2px;
  top: 5px;
  transform: translateX(0em);
  transition: transform 0.2s ease-in-out;
  width: 10px;
  height: 10px;
  z-index: 2;
}

.radio-switch label:first-of-type:after {
  background: #fff;
  border-radius: 7px;
  transition: background 0.2s ease-in-out;
  width: 29px;
}

.radio-switch input:first-of-type:checked ~ label:first-of-type:before {
  transform: translateX(-15px);
}

.radio-switch input:last-of-type:checked ~ label:last-of-type {
  z-index: 1;
}

.buyScreener.new {
  margin-right: 0;
  margin-top: 8px;
}

.buyScreener.new .topTitle {
  background: transparent;
  border-bottom: 1px solid #f3f3f3;
}

.buyScreener.new .topTitle .scrip-name-details img {
  max-width: 55px;
  height: auto;
}

.buyScreener.new .topTitle .scrip-name-details h5 {
  margin-bottom: 0;
}

.buyScreener.new .topTitle .scrip-name-details h5 span:first-child {
  font-size: 24px !important;
  color: #262626;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

.buyScreener.new .topTitle .scrip-name-details h5 span:last-child {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 24px !important;
  color: #262626;
  text-transform: uppercase;
}

.buyScreener.new .topTitle .scrip-name-details p {
  font-size: 16px !important;
  color: #767676;
  font-weight: 600;
}

.buyScreener.new .nav-pills .nav-item .nav-link {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.buyScreener.new .detailsCal .form-switch .form-check-input {
  background-color: transparent;
  border: 1px solid #777777;
  margin-inline: 5px;
}

.buyScreener.new .detailsCal form .cal-button {
  height: 46px;
  width: 46px;
  min-width: 46px;
  background: #fff;
}

.buyScreener.new .detailsCal form .cal-button.disabled {
  background: #fbfbfb;
  color: #b9b9b9 !important;
  cursor: not-allowed;
}

.buyScreener.new .detailsCal form input {
  height: 46px;
  background: #fff;
}

.buyScreener.new .detailsCal form input:disabled {
  background: #fbfbfb;
  color: #b9b9b9 !important;
  cursor: not-allowed;
}

.buyScreener.new .fundetails {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.buyScreener.new .fundetails p,
.buyScreener.new .fundetails label {
  font-size: 14px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.6941176471);
}

.buyScreener.new .fundetails p span,
.buyScreener.new .fundetails label span {
  color: #262626;
  font-size: 15px;
}

.buyScreener.new .fundetails .getCal {
  flex: 1 0 100%;
  display: none;
}

.buyScreener.new .fundetails .getCal input {
  margin: auto;
  display: block;
  margin-top: 20px;
  border: 1px solid #c9c9c9;
  color: #262626 !important;
  border-radius: 23px;
  min-height: 26px;
  width: auto;
  font-size: 14px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  padding: 5px 10px;
  background: url(/images/calendar.png) right 10px center no-repeat;
}

.buyScreener.new
  .fundetails
  .fill-details-box
  .bootstrap-select
  .filter-option-inner-inner {
  font-size: 14px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626;
}

.buyScreener.new .fundetails .bootstrap-select .dropdown-menu {
  border-radius: 10px;
  box-shadow: rgba(119, 119, 119, 0.69) 1px 2px 12px;
  top: 2px !important;
  padding: 0;
}

.buyScreener.new .fundetails .custom-select .select-selected {
  height: 26px;
  width: auto;
  font-size: 14px !important;
  padding: 5px 10px;
  min-width: 70px;
}

.buyScreener.new .fundetails .custom-select .select-selected:after {
  right: 5px;
}

.buyScreener.new
  .fundetails
  .custom-select
  .select-selected.select-arrow-active {
  border-radius: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.buyScreener.new .fundetails .custom-select .select-items {
  top: 30px;
  border-radius: 10px;
  box-shadow: rgba(119, 119, 119, 0.69) 1px 2px 12px;
}

.buyScreener.new .fundetails .custom-select .select-items div {
  font-size: 14px !important;
  padding: 5px 10px;
}

.buyScreener.new .detailsStatus {
  padding: 20px 40px;
}

.buyScreener.new .detailsStatus .main {
  width: 100%;
  max-width: none;
  justify-content: center;
}

.buyScreener.new .detailsStatus .main div {
  max-width: none;
  min-width: 33%;
  width: 100%;
}

.buyScreener.new .detailsStatus .main div.active {
  border-radius: 5px 0 0 5px;
}

.buyScreener.new .detailsStatus .main div.bg-disable {
  border-radius: 0 5px 5px 0;
}

.buyScreener.new .detailsStatus .main div:first-child {
  border-right: 1px solid #d1d1d1;
}

.buyScreener.new .detailsStatus .main div:nth-child(2) {
  border: none;
}

.buyScreener.new .detailsStatus .main div:nth-child(3) {
  border-left: 1px solid #d1d1d1;
}

.buyScreener.new .detailsStatus .main p {
  color: rgba(119, 119, 119, 0.6039215686);
  font-size: 14px;
  font-weight: 600;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.buyScreener.new .detailsStatus .main p span {
  color: rgba(48, 47, 47, 0.6156862745);
}

.buyScreener.new .detailsStatus .main :nth-child(2) {
  border-radius: 0 !important;
}

.buyScreener.new .detailsStatus .main :last-child {
  border-radius: 0 5px 5px 0 !important;
}

.buyScreener.new .detailsStatus .main .active p span {
  color: #fff;
}

.buyScreener.new .detailsStatus .main h4 {
  font-size: 16px !important;
  font-weight: 600;
  color: #262626;
  margin-bottom: 0;
}

.buyScreener.new .detailsSubmit {
  width: 100%;
  padding: 0px 40px !important;
}

.buyScreener.new .detailsSubmit h3 {
  padding: 0;
  background: transparent;
  box-shadow: none;
  font-size: 18px;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin-bottom: 20px;
}

.buyScreener.new .detailsSubmit .accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
  transform: revert;
}

.buyScreener.new .detailsSubmit .accordion-button.show:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.buyScreener.new .detailsSubmit .accordion-button::before {
  content: "Show More";
  position: absolute;
  right: 25px;
  font-family: "ProximaNova-Regular", sans-serif;
  font-size: 14px;
  color: #777777;
}

.buyScreener.new .detailsSubmit .accordion-button.show::before {
  content: "Show Less";
}

.buyScreener.new .cashAvailable {
  text-align: center;
}

.buyScreener.new .cashAvailable p {
  font-size: 15px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.6941176471);
}

.buyScreener.new .cashAvailable p span {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
}

@media (max-width: 768px) {
  .pnlNew {
    display: none;
  }
}

.pnlNew .tableTopCal .btn-toggle_footer {
  left: 100px;
  background-color: #ad8400;
  outline: none !important;
}

@media screen and (max-width: 1439px) {
  .pnlNew .tableTopCal .btn-toggle_footer {
    left: 20px;
  }
}

.pnlNew .tableTopCal.slide-down {
  bottom: -90px;
}

.pnlNew .tableTopCal.slide-down .btn-toggle_footer {
  width: 42px;
  height: 25px;
  border: 0;
  position: absolute;
  top: -30px;
  border-radius: 50px 50px 0 0;
  text-align: center;
}

.pnlNew .tableTopCal.slide-down .btn-toggle_footer img {
  transform: rotate(0deg);
  animation: slide-up-down 0.8s linear infinite alternate;
}

.pnlNew .tableTopCal:not(.slide-down) .btn-toggle_footer {
  width: 42px;
  height: 22px;
  border-radius: 0 0 40px 40px;
  position: absolute;
  top: 0;
  border: 0;
}

.pnlNew .tableTopCal:not(.slide-down) .btn-toggle_footer img {
  transform: rotate(180deg);
}

@media (max-width: 575px) {
  .pnlNew .tableTopCal {
    margin-bottom: 0px;
  }
}

.pnlNew .tableTopCal.border-top {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pnlNew .tableTopCal.border-top .aval-bal {
    padding-inline: 0 !important;
    margin-top: 0 !important;
  }

  .pnlNew .tableTopCal.border-top .aval-bal:first-child {
    padding-left: 10px !important;
  }

  .pnlNew .tableTopCal.border-top .pluse {
    width: 25px;
  }

  .pnlNew .tableTopCal.border-top .pluse img {
    max-width: 100% !important;
  }

  .pnlNew .tableTopCal.border-top h3,
  .pnlNew .tableTopCal.border-top h3 span {
    font-size: 14px !important;
    margin-bottom: 0;
  }

  .pnlNew .tableTopCal.border-top p {
    font-size: 13px !important;
    margin-bottom: 0;
  }
}

.pnlNew .tableTopCal .aval-bal {
  margin: 7px 0px 0px 0px !important;
  height: 53px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1199px) {
  .pnlNew .tableTopCal .aval-bal {
    padding-inline: 10px !important;
  }
}

.pnlNew .tableTopCal h3 {
  font-size: 24px !important;
  margin-bottom: 5px;
  font-family: "ProximaNova-Black", Arial, sans-serif;
}

.pnlNew .tableTopCal h3 span {
  font-size: 24px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

@media (max-width: 1500px) {
  .pnlNew .tableTopCal h3 {
    font-size: 16px !important;
  }

  .pnlNew .tableTopCal h3 span {
    font-size: 16px !important;
  }
}

@media (max-width: 1500px) {
  .pnlNew .tableTopCal p {
    font-size: 12px !important;
  }
}

@media (max-width: 768px) {
  .pnlNew {
    display: none;
  }
}

.pnlNew .tableTopCal .btn-toggle_footer {
  left: 100px;
  background-color: #ad8400;
  outline: none !important;
}

@media screen and (max-width: 1439px) {
  .pnlNew .tableTopCal .btn-toggle_footer {
    left: 20px;
  }
}

.pnlNew .tableTopCal.slide-down {
  bottom: -90px;
}

.pnlNew .tableTopCal.slide-down .btn-toggle_footer {
  width: 42px;
  height: 25px;
  border: 0;
  position: absolute;
  top: -30px;
  border-radius: 50px 50px 0 0;
  text-align: center;
}

.pnlNew .tableTopCal.slide-down .btn-toggle_footer img {
  transform: rotate(0deg);
  animation: slide-up-down 0.8s linear infinite alternate;
}

.pnlNew .tableTopCal:not(.slide-down) .btn-toggle_footer {
  width: 42px;
  height: 22px;
  border-radius: 0 0 40px 40px;
  position: absolute;
  top: 0;
  border: 0;
}

.pnlNew .tableTopCal:not(.slide-down) .btn-toggle_footer img {
  transform: rotate(180deg);
}

@media (max-width: 575px) {
  .pnlNew .tableTopCal {
    margin-bottom: 0px;
  }
}

.pnlNew .tableTopCal.border-top {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .pnlNew .tableTopCal.border-top .aval-bal {
    padding-inline: 0 !important;
    margin-top: 0 !important;
  }

  .pnlNew .tableTopCal.border-top .aval-bal:first-child {
    padding-left: 10px !important;
  }

  .pnlNew .tableTopCal.border-top .pluse {
    width: 25px;
  }

  .pnlNew .tableTopCal.border-top .pluse img {
    max-width: 100% !important;
  }

  .pnlNew .tableTopCal.border-top h3,
  .pnlNew .tableTopCal.border-top h3 span {
    font-size: 14px !important;
    margin-bottom: 0;
  }

  .pnlNew .tableTopCal.border-top p {
    font-size: 13px !important;
    margin-bottom: 0;
  }
}

.pnlNew .tableTopCal .aval-bal {
  margin: 7px 0px 0px 0px !important;
  height: 53px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1199px) {
  .pnlNew .tableTopCal .aval-bal {
    padding-inline: 8px !important;
  }
  .pnlNew .tableTopCal .synImg {
    width: 14px;
    height: auto;
    margin: auto 0;
    display: block;
  }
}

.pnlNew .tableTopCal h3 {
  font-size: 24px !important;
  margin-bottom: 5px;
  font-family: "ProximaNova-Black", Arial, sans-serif;
}

.pnlNew .tableTopCal h3 span {
  font-size: 24px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

@media (max-width: 1500px) {
  .pnlNew .tableTopCal h3 {
    font-size: 16px !important;
  }

  .pnlNew .tableTopCal h3 span {
    font-size: 16px !important;
  }
}

@media (max-width: 1500px) {
  .pnlNew .tableTopCal p {
    font-size: 12px !important;
  }
}

.pnlNew .tableTopCal .virtual-equity-bal {
  background: rgba(119, 119, 119, 0.0509803922) !important;
  height: -moz-max-content !important;
  height: max-content !important;
}

@media (max-width: 767px) {
  .pnlNew .tableTopCal .virtual-equity-bal {
    padding: 4px 8px !important;
  }
}

.pnlNew .tableTopCal .synImg {
  margin-inline: 10px;
  margin-bottom: 7px;
}

.pnlNew .tableTopCal .equalto-icon img {
  margin-top: 18px;
}

.pnlNew .portfolio .nav-three-pill-tab .tab-pane .virtual-equity-bal,
.pnlNew .portfolio .nav-three-pill-tab .tab-pane .aval-bal {
  height: -moz-max-content !important;
  height: max-content !important;
}

.pnlNew th {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #777777;
  text-align: end;
}

.pnlNew td {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 18px !important;
  color: #262626;
  padding-top: 25px !important;
  text-align: end;
}

.pnlNew td p {
  color: #262626;
  text-transform: uppercase;
  margin-bottom: 0;
}

.pnlNew td:first-child {
  text-align: start;
}

.pnlNew td:first-child figure {
  margin-bottom: 0 !important;
}

.pnlNew td:first-child figure img {
  max-width: 52px;
  height: auto;
}

.pnlNew td:first-child h2 {
  font-size: 18px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  text-transform: uppercase;
  color: #2c2c2c;
}

.pnlNew td:first-child h2 span {
  font-size: 18px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  text-transform: uppercase;
  color: #2c2c2c;
}

.pnlNew td:first-child p {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #777777;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  cursor: pointer;
}

.pnlNew td:first-child p span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

body.footer-hide .watchlist-table {
  max-height: calc(100vh - 155px);
}

body.footer-hide .watchlist-table table {
  margin-bottom: 30px;
}

.successToast.success {
  border-left: 5px solid #63c64c;
}

.successToast.faild {
  border-left: 5px solid #d93146;
}

.successToast::before {
  display: none !important;
}

.successToast .toast-body {
  padding: 0px 10px 10px 30px !important;
}

.csb::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.39);
  border-radius: 50px;
}

.csb::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

.csb::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.csb::-webkit-scrollbar-thumb:hover {
  background: #000;
  opacity: 0.28;
}

.comprofileLink {
  display: flex;
  justify-content: end;
  font-size: 16px !important;
  color: #262626;
}

.comprofileLink .comprofile-text {
  border-right: 1px solid #f4f4f4;
  margin-right: 23px;
  padding-right: 20px;
  margin-top: 13px;
  margin-bottom: 10px;
  padding-top: 8px;
}

.comprofileLink a {
  color: #ad8400;
}

.comprofileLink button {
  max-width: 110px !important;
  padding-top: 6px;
}

.community-dropdown .dropdown__filter::after {
  display: none;
}

.community-dropdown .dropdown__filter {
  padding-left: 31px;
}

.market-dropdown .dropdown__filter::after {
  display: none;
}

.cancelorderpopup .modal-content {
  border-radius: 0px;
  border: 0px;
  width: 565px;
}

.cancelorderpopup .modal-header {
  border-bottom: none;
}

.cancelorderpopup .modal-header .headtext {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 24px !important;
  color: #262626;
}

.cancelorderpopup .modal-body .font-SonicSilver {
  opacity: 0.8;
}

#termsandconditionsdivtext,
#cookieconditionsdivtext {
  max-height: 403px;
}

@media (min-width: 1799px) {
  #termsandconditionsdivtext,
  #cookieconditionsdivtext {
    max-height: 745px;
  }
}

.icon-container {
  float: right;
  margin-right: 9px;
  margin-top: -39px;
  position: relative;
}

.icon-container.email-container {
  float: right;
  margin-right: 15px;
  margin-top: -31px;
  position: relative;
}

.icon-container.mobile-container {
  float: right;
  margin-right: 8px;
  margin-top: -39px;
  position: relative;
}

.icon-container .loader {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  -webkit-animation: around 5.4s infinite;
  animation: around 5.4s infinite;
}

@-webkit-keyframes around {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes around {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.icon-container .loader::after,
.icon-container .loader::before {
  content: "";
  background: white;
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-color: #333 #333 transparent transparent;
  border-style: solid;
  border-radius: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  -webkit-animation: around 0.7s ease-in-out infinite;
  animation: around 0.7s ease-in-out infinite;
}

.icon-container .loader::after {
  -webkit-animation: around 0.7s ease-in-out 0.1s infinite;
  animation: around 0.7s ease-in-out 0.1s infinite;
  background: transparent;
}

.portfolio .watchlist-container .table tr td:nth-child(8),
.portfolio .watchlist-container .table tr td:nth-child(9),
.watchlist-container .table tr td:nth-child(5),
.watchlist-container .table tr td:nth-child(6) {
  width: 220px;
  max-width: 220px;
}

.portfolio .watchlist-container .table tr td:nth-child(8) .buysell-btn,
.portfolio .watchlist-container .table tr td:nth-child(9) .buysell-btn {
  margin-left: 0 !important;
}

.portfolio .watchlist-container .table tr td:nth-child(5),
.portfolio .watchlist-container .table tr td:nth-child(6) {
  width: auto !important;
}

.screener .buyScreener .detailsCal form .value-button1,
.value-button,
.dept-funds-sec .valueButton {
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.buyScreener.new .detailsCal form .value-button1,
.value-button,
.dept-funds-sec .valueButton {
  height: 46px;
  width: 46px;
  min-width: 46px;
  background: #fff;
}

.buyScreener.new .detailsCal form .value-button1.disabled,
.buyScreener.new .detailsCal form .value-button.disabled,
.dept-funds-sec .valueButton.disabled {
  background: #fbfbfb;
  color: #b9b9b9 !important;
  cursor: not-allowed;
}

#pills-cashflow2 .watchlist-container .table tr td:nth-child(3),
#pills-cashflow2 .watchlist-container .table tr td:nth-child(4),
#pills-cashflow2 .watchlist-container .table tr td:nth-child(6),
#pills-cashflow2 .watchlist-container .table tr td:nth-child(7),
#pills-cashflow2 .watchlist-container .table tr td:nth-child(9),
#pills-cashflow2 .watchlist-container .table tr th:nth-child(3),
#pills-cashflow2 .watchlist-container .table tr th:nth-child(4),
#pills-cashflow2 .watchlist-container .table tr th:nth-child(6),
#pills-cashflow2 .watchlist-container .table tr th:nth-child(7),
#pills-cashflow2 .watchlist-container .table tr th:nth-child(9) {
  width: max-content !important;
  max-width: max-content !important;
}

#pills-cashflow2 .watchlist-container .table tr td:nth-child(8),
#pills-cashflow2 .watchlist-container .table tr th:nth-child(8) {
  max-width: 154px;
}

.customSelect .bootstrap-select > .dropdown-toggle {
  height: 26px;
  width: auto;
  padding: 5px 10px;
  min-width: 70px;
  border: 1px solid #c9c9c9;
  background: transparent;
  border-radius: 23px;
  position: relative;
}

.customSelect .bootstrap-select > .dropdown-toggle:focus {
  outline: none !important;
}

.customSelect .bootstrap-select > .dropdown-toggle:after {
  position: absolute;
  right: 5px;
  top: 3px;
  display: inline-block;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}

.customSelect .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
  font-size: 14px !important;
  color: #262626;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  position: absolute;
  top: 2px;
}

.customSelect .bootstrap-select .dropdown-menu li a {
  border-bottom: 1px solid #e5e5e5 !important;
}

.customSelect .bootstrap-select .dropdown-menu li a:last-child {
  border-bottom: none;
}

.post-box .circular_image {
  min-width: 50px;
  min-height: 50px;
}

.dropdown1 .dropdown__filter {
  padding: 0px;
}

.dropdown1 ul {
  padding-left: 0px;
}

.dropdown1 ul .dropdown__filter-selected {
  text-align: center;
  flex: 1;
}

.dropdown1 ul li a {
  display: block;
}

.holding-dropdown ul .dropdown__filter-selected {
  padding-right: 20px;
}

.required-field::after {
  content: "* ";
  color: red;
  font-size: 18px;
}

.watchlist-table {
  max-width: 100%;
  max-height: calc(100vh - 238px);
  overflow-y: auto;
  position: relative;
  height: 100vh;
}

.watchlist-table table {
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
}

.watchlist-table table thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 99;
  opacity: 1 !important;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.watchlist-table table tr:last-child td {
  border-bottom: 0;
}

.tab-content .watchlist-table {
  max-width: 100%;
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  position: relative;
}

body.footer-hide .tab-content .watchlist-table {
  max-height: calc(100vh - 165px);
}

.tab-content .watchlist-table table {
  position: relative;
}

.tab-content .watchlist-table table thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 9;
  opacity: 1 !important;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.dropdown-item .close-btn .bi-arrow-clockwise {
  position: relative !important;
  top: -2px !important;
  right: 3px;
}

.dropdown
  .select-watchlist-switch
  .dropdown__select
  .dropdown-scroll
  li
  div:first-child {
  flex: 1 !important;
}

.dropdown .select-watchlist-switch .dropdown__select .dropdown-scroll li div {
  flex: none !important;
}

.topBar .nav-pills {
  margin-bottom: 12px;
}

.nav-three-pill-tab .nav-pills {
  margin-bottom: 12px !important;
}

.page-name-head > div {
  margin: 0px !important;
}

.page-name-head h1 {
  margin: 19px 0px 14px 0px;
}

.rightSec .datepicker-cal {
  position: relative;
}

.rightSec .datepicker-cal input {
  min-width: 207px !important;
}

.datepicker-cal input {
  background: url(/images/calendar.png) no-repeat;
  background-size: 16px 16px;
  background-position: bottom 5px left 4px;
  display: inline;
}

.signup-body .iti {
  display: block;
}

.breadcrumb {
  padding-top: 15px;
}

#watchDropdown {
  padding-top: 17px;
}

.right-icon-list {
  padding-top: 17px;
}

.sliders {
  height: 14px;
}

.market-dropdown .dropdown__filter li a {
  color: #595959;
  font-family: "ProximaNova-Light" !important;
  font-size: 16px !important;
}

#watchDropdown .dropdown__filter li {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #2c2c2c;
}

.save-btn {
  padding: 0px 10px 0px 10px;
  border: 1px solid var(--bs-border-color);
  background: transparent;
  position: relative;
  top: -3px;
  border-radius: 5px;
}

.market-list-box .force-overflow {
  background: #f9f9f9;
}

.scrip-graph-details > div {
  flex: 1;
}

.currencies-tbl .scrip-name .scrip-box {
  padding: 18px 0px 0px 18px !important;
}

.currencies-tbl table td:nth-child(4),
.currencies-tbl table th:nth-child(4) {
  width: 159px;
  padding-left: 40px;
}

.commodities-tbl table td:nth-child(4),
.commodities-tbl table th:nth-child(4) {
  width: 159px;
  padding-left: 40px;
}

.portfolio .tab-pane .watchlist-table .dropdown.more-dropdownwrap .btn {
  margin-top: 0px;
}

.portfolio
  .tab-pane
  #dvStandingInst
  .watchlist-table
  .dropdown.more-dropdownwrap
  .btn {
  margin-top: 5px;
}

.usermenu-dropdown .autocomplete-search_stock .search-body .border-top figure {
  margin: 0px 0px 3px 0px;
}

.portfolio .Searchdiv .hiddenRow .collapse > div {
  padding: 3px 15px 3px 15px !important;
}

.more-dropdownwrap .btn {
  border: none;
  outline: none;
  background: none;
}

#pills-pandl .watchlist-container {
  margin-top: 0px !important;
}

#pills-cashflow .watchlist-container {
  margin-top: 0px !important;
}

.portfolio #pills-orders .watchlist-container .table tr td:nth-child(9),
.portfolio #pills-orders .watchlist-container .table tr th:nth-child(9) {
  width: auto !important;
  padding-right: 50px;
}

.watchlist-tooltip {
  margin-top: -171px !important;
}

.watchlist-tooltip.watchlist-tooltip-negative::after {
  position: absolute;
  left: 0;
  background: #d93146;
  width: 100%;
  display: block;
  content: "";
  height: 2%;
  top: 0px;
}

.watchlist-tooltip.watchlist-tooltip-positive::after {
  position: absolute;
  left: 0;
  background: #63c64c;
  width: 100%;
  display: block;
  content: "";
  height: 2%;
  top: 0px;
}

.watchlist-tooltip .watch-tooltip-title {
  font-size: 12px !important;
  color: #262626;
}

.watchlist-tooltip .tooltip-text {
  font-size: 12px !important;
  color: #777777;
  border-right: 0.65px solid var(--bs-border-color);
  white-space: nowrap;
  width: auto;
}

.watchlist-tooltip .tooltip-text:last-child {
  border-right: 0px;
}

.watchlist-tooltip .tooltip-text .tooltip-plval {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.watchlist-tooltip .tooltip-text .tooltip-plval span {
  font-size: 11px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
}

.watchlist-tooltip .tooltip-val {
  font-size: 12px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.watchlist-tooltip .watch-tooltip-body {
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: 5px;
}

.watchlist-tooltip .watch-tooltip-body .watch-tooltip-body-in {
  padding: 2px 6px 0px 0px;
}

.watchlist-tooltip .watch-tooltip-body .watch-tooltip-body-in .tooltip-value {
  color: #262626;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.watchlist-tooltip .watch-pl-body {
  border-bottom: 0px !important;
}

.watchlist-tooltip .tooltip-val1 {
  font-size: 12px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.link a .briefcase-icon {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(/images/briefcase-icon.png) no-repeat;
  background-size: 100% 100%;
}

.link a .briefcase-icon:hover {
  background: url(/images/briefcase-icon-dark.png) no-repeat;
}

.otp-authentication {
  padding: 70px 10px 65px 10px;
}

.otp-authentication .verification-code-input input[type="text"] {
  border: 1px solid #ad8400;
  width: 46px;
  height: 46px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 22px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626 !important;
}

.on-off-toggle {
  width: 87px;
  height: 24px;
  position: relative;
  display: inline-block;
}

.on-off-toggle__slider {
  width: 87px;
  height: 24px;
  display: block;
  border-radius: 34px;
  background-color: #fff;
  transition: background-color 0.4s;
  border: 1px solid #ad8400;
}

.on-off-toggle__slider:before {
  content: "";
  display: block;
  background-color: #ad8400;
  bottom: 3px;
  height: 18px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 18px;
  z-index: 5;
  border-radius: 100%;
}

.on-off-toggle__slider:after {
  display: block;
  line-height: 24px;
  font-size: 14px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  content: "Price";
  color: #ad8400;
  padding-left: 26px;
  transition: all 0.4s;
}

.on-off-toggle__input {
  position: absolute;
  opacity: 0;
}

.on-off-toggle__input:checked + .on-off-toggle__slider {
  background-color: #fff;
}

.on-off-toggle__input:checked + .on-off-toggle__slider:before {
  transform: translateX(61px);
}

.on-off-toggle__input:checked + .on-off-toggle__slider:after {
  content: "Order";
  color: #ad8400;
  padding-left: 15px;
}

.watchlist-container
  .watchlist-table
  table
  tbody.order-dot
  tr:first-child
  .link
  .tooltip {
  bottom: -137px !important;
}

.watchlist-container
  .watchlist-table
  table
  tbody.order-dot
  tr:first-child
  .link
  .tooltip::before {
  bottom: 133px !important;
  transform: rotate(180deg) !important;
}

.watchlist-container .watchlist-table table tr:nth-child(2) .link .tooltip {
  bottom: -137px;
}

.watchlist-container
  .watchlist-table
  table
  tr:nth-child(2)
  .link
  .tooltip::before {
  bottom: 133px;
  transform: rotate(180deg);
  left: 100px;
}

.btn-medium {
  min-width: 300px;
}

.portfolio
  .watchlist-container
  .watchlist-table
  table
  tr:first-child
  .link
  .tooltip {
  bottom: -93px;
}

.portfolio
  .watchlist-container
  .watchlist-table
  table
  tr:first-child
  .link
  .tooltip::before {
  bottom: 79px;
  transform: rotate(180deg);
  left: 54px;
}

.portfolio .watchlist-container .watchlist-table table .link .tooltip {
  margin-top: -113px;
}

.portfolio .watchlist-container .watchlist-table {
  padding-top: 0px;
  margin-top: 0px;
}

.float {
  position: fixed;
  width: 90px;
  height: 90px;
  bottom: 40px;
  right: 40px;
  background-color: #ad8400;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  z-index: 999;
}

.my-float {
  margin-top: 25px;
}

.usermenu-dropdown .header-input-wrap .search-body .user-menu-type-head {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 12px !important;
  color: #777777;
  margin-left: 1.6rem;
}

.usermenu-dropdown .header-input-wrap .search-body .user-menu-type {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  color: #262626;
  margin-left: 0.7rem;
}

.usermenu-dropdown .header-input-wrap .search-body figure {
  margin-bottom: 0px;
}

.usermenu-dropdown .header-input-wrap .search-body .user-menu-small-text {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  margin-left: 0.7rem;
}

.usermenu-dropdown .header-input-wrap .search-body .m-top {
  margin-top: 4px;
}

.usermenu-dropdown .header-input-wrap .search-body .user-menu-type-subtext {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 12px !important;
  color: #777777;
  text-transform: none;
}

.usermenu-dropdown .header-input-wrap .search-body .user-menu-type-subtext a {
  color: #ad8400;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 12px !important;
}

.select-mode-popup .modal-dialog {
  max-width: 725px;
  top: 10%;
}

.select-mode-popup .modal-dialog .modal-content {
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.select-mode-popup .modal-dialog .modal-body {
  padding: 10px 35px 10px 35px;
}

.select-mode-popup .modal-dialog .modal-body h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  text-align: center;
  margin-bottom: 30px;
}

.select-mode-popup .modal-dialog .modal-body .boxwt-193 {
  width: 193px;
  position: relative;
}

.select-mode-popup .modal-dialog .modal-body .boxwt-193 input {
  position: absolute;
  top: 5px;
  left: 5px;
  display: none;
}

.select-mode-popup .modal-dialog .modal-body .boxwt-193 .radio-inner-lbl {
  margin: 0 auto;
  position: relative;
  width: 193px;
  padding: 20px 20px 20px 20px;
  border: 1px solid var(--bs-border-color);
  margin-bottom: 20px;
  cursor: pointer;
}

.select-mode-popup
  .modal-dialog
  .modal-body
  .boxwt-193
  input[type="radio"]:checked
  + .radioBrown {
  border: 1px solid #ad8400 !important;
  background: #fbf8f0;
}

.language-popup .modal-dialog {
  max-width: 386px;
  top: 10%;
}

.language-popup .modal-dialog .modal-content {
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.language-popup .modal-dialog .modal-body {
  padding: 10px 35px 10px 35px;
}

.language-popup .modal-dialog .modal-body h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  text-align: center;
  margin-bottom: 35px;
}

.language-popup .modal-dialog .modal-body .boxwt-120 {
  width: 140px;
  position: relative;
}

.language-popup .modal-dialog .modal-body .boxwt-120 input {
  position: absolute;
  top: 5px;
  left: 5px;
  display: none;
}

.language-popup .modal-dialog .modal-body .boxwt-120 .radio-inner-lbl {
  margin: 0 auto;
  position: relative;
  width: 140px;
  padding: 20px 20px 20px 20px;
  border: 1px solid var(--bs-border-color);
  margin-bottom: 20px;
}

.language-popup
  .modal-dialog
  .modal-body
  .boxwt-120
  .radio-inner-lbl
  .lang-text {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  text-transform: none;
}

.language-popup
  .modal-dialog
  .modal-body
  .boxwt-120
  input[type="radio"]:checked
  + .radioBrown {
  border: 1px solid #ad8400 !important;
  background: #fbf8f0;
}

.usermenubox .LoggedPerson .account-mode {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  text-transform: uppercase;
  color: #262626;
  margin-top: -2px;
}

.usermenubox .LoggedPerson img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

.usermenubox .LoggedPerson .link .tooltip {
  margin-top: 7px;
  text-align: center;
}

.usermenubox .LoggedPerson .link .tooltip::before {
  content: "";
  position: absolute;
  left: 88px;
  bottom: 138px;
  width: 14px;
  height: 14px;
  background: inherit;
  transform: rotate(45deg);
  border: 1px solid var(--bs-border-color);
}

.usermenubox .LoggedPerson .link .tooltip::after {
  content: "";
  position: absolute;
  left: 76px;
  bottom: 134px;
  width: 34px;
  height: 11px;
  background: inherit;
  transform: rotate(1deg);
}

.usermenubox .LoggedPerson .link .tooltip .tooltip-title {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin-top: 4px;
  margin-bottom: 5px;
}

.usermenubox .LoggedPerson .link .tooltip .progress {
  height: 7px;
  border-radius: 0px;
  margin: 2px 15px 7px 15px;
}

.usermenubox .LoggedPerson .link .tooltip .tooltip-text {
  padding-left: 7px;
  padding-right: 7px;
  line-height: 18px;
  margin-bottom: 3px;
}

.usermenubox .usermenu-dropdown {
  margin-top: -18px;
}

.header-left nav {
  position: relative;
}

.header-left nav input[name="toggle-nav"]:checked ~ .side-nav-panel {
  left: 90px;
  z-index: 99;
}

.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon,
.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  background-color: transparent;
}

.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::before,
.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  background-color: #262626;
}

.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::before {
  top: 12px;
  transform: rotate(45deg);
}

.header-left
  nav
  input[name="toggle-nav"]:checked
  + label[for="toggle-nav"]
  .menu-icon::after {
  bottom: 16px;
  transform: rotate(-45deg);
}

.header-left nav .side-nav-panel {
  top: 16px;
  max-width: 218px;
  height: auto;
  border-radius: 27px;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.0705882353);
  border: 1px solid var(--bs-border-color);
  padding-top: 49px;
}

.header-left nav .side-nav-panel .usermenu-title {
  position: absolute;
  top: 14px;
  left: 57px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  text-transform: uppercase;
}

.header-left nav input[name="toggle-nav"],
.header-left nav label[for="toggle-nav"] {
  position: absolute;
  top: -15px;
  width: 19px;
  height: 31px;
  left: -13px;
}

.header-left .user-menu-btn {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  border: 1px solid var(--bs-border-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.header-left .user-menu-btn span {
  color: #262626;
  display: inline-block;
  padding-left: 2px;
  position: relative;
  top: 1px;
}

.header-left .top-nav li a.top-nav-head {
  padding-top: 18px;
  padding-left: 20px;
}

.header-left .top-nav li a.top-nav-head div {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  padding-left: 12px;
}

.header-left .top-nav li:last-child {
  border-bottom: none;
}

.header-left .top-nav .sub-nav {
  margin: -10px 0px 14px 57px;
  list-style-type: none;
  padding-left: 0px;
}

.header-left .top-nav .sub-nav li a,
.header-left .top-nav .sub-nav li > .btn {
  color: #777777;
  text-transform: uppercase;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  padding: 7px 0px 4px 0px;
  position: relative;
}

.header-left .top-nav .sub-nav li a:hover,
.header-left .top-nav .sub-nav li > .btn:hover {
  color: #ad8400;
}

.header-left .top-nav .sub-nav li a.active,
.header-left .top-nav .sub-nav li > .btn.active {
  color: #ad8400;
}

.header-left .top-nav .sub-nav li a.active::before,
.header-left .top-nav .sub-nav li > .btn.active::before {
  content: "\f309";
  font-family: "Bootstrap-icons", Arial, sans-serif;
  color: #ad8400;
  font-size: 30px;
  display: inline-block;
  position: absolute;
  left: -34px;
  top: -5px;
}

.tooltip-inner {
  background-color: #fff !important;
  color: #000;
  border: 1px solid var(--bs-border-color);
  opacity: 1;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #000 !important;
  background: #fff !important;
}

.searchbox-container-full
  .searchbox-container
  .searchbox
  .csb
  ul
  li
  .stockwatchlist-list
  figure {
  position: relative;
}

.searchbox-container-full
  .searchbox-container
  .searchbox
  .csb
  ul
  li
  .stockwatchlist-list
  .islamic-stock {
  position: absolute;
  left: 37px;
  top: -5px;
}

.indices-val .slick-slide .font-medium {
  font-size: 13px !important;
  vertical-align: middle;
}

.indices-val .slick-prev,
.indices-val .slick-next {
  display: none;
}

.indices-val .slick-slide .font-extrasmall {
  font-size: 12px !important;
}

.indices-val .slick-slide {
  display: none;
}

.indices-val .slick-initialized .slick-slide {
  display: block;
}

.font-SonicSilverlight {
  color: rgba(119, 119, 119, 0.7);
}

.login-section .forgot-password .lbl-verify-email {
  display: block;
  text-align: left;
  padding: 0px 0px 6px 14px;
}

.login-section .forgot-password .verification-code-input input[type="text"] {
  border: 1px solid #ad8400;
  width: 46px;
  height: 46px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 10px 22px 22px 22px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626 !important;
}

.login-section .forgot-password .lbl-otp {
  margin: 0px 0px 11px -211px;
}

.login-section .forgot-password .lbl-reenter-password {
  display: block;
  text-align: left;
  padding: 0px 0px 6px 14px;
}

.change-password .logged-out-box {
  border: 1px solid var(--bs-border-color);
  padding: 10px 18px;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.change-password .logged-out-box .box-in {
  display: flex;
}

.change-password .logged-out-box .box-in .box-left {
  display: flex;
  padding-right: 20px;
  border-right: 1px solid var(--bs-border-color);
}

.change-password .logged-out-box .box-in .box-left .time-count {
  display: flex;
}

.change-password .logged-out-box .box-in .box-left .time-count figure {
  padding-top: 0px;
  margin: 0px 15px 0px 0px;
}

.change-password .logged-out-box .box-in .box-right {
  padding: 7px 0px 0px 20px;
}

.ht-46 {
  height: 46px;
}

.nav-three-pill-tab.order-status-dropdown {
  display: flex;
}

.nav-three-pill-tab .bootstrap-select {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.nav-three-pill-tab .bootstrap-select .btn-light {
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  border: none;
}

.nav-three-pill-tab .bootstrap-select .btn-light:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: #ffffff !important;
  border-color: transparent !important;
  outline: none !important;
}

.nav-three-pill-tab .bootstrap-select .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}

.nav-three-pill-tab .bootstrap-select .dropdown-toggle:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
}

.nav-three-pill-tab .bootstrap-select .filter-option-inner-inner {
  font-size: 18px !important;
  color: #262626;
}

.order-status {
  margin: 4px 8px 3px 0px;
}

.order-status .dropdown-toggle {
  font-size: 18px !important;
  color: #262626;
  display: block;
}

.order-status .dropdown-menu .dropdown-scroll {
  height: 355px;
  min-width: 180px;
}

.order-status .dropdown-menu .dropdown-scroll .dropdown-item .form-check input {
  margin-left: 0px !important;
}

.order-status
  .dropdown-menu
  .dropdown-scroll
  .dropdown-item
  .form-check
  .form-check-label {
  color: rgba(119, 119, 119, 0.8);
}

.order-status
  .dropdown-menu
  .dropdown-scroll
  .dropdown-item
  .form-check
  input:checked
  + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.order-status
  .dropdown-menu
  .dropdown-scroll
  .dropdown-item
  .form-check
  .form-check-input:checked {
  background-color: #ffffff !important;
  border-color: #ad8400 !important;
}

.status-group {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
}

.status-group .status-btn {
  border: 1px solid #d6d6d6;
  border-radius: 32px;
  color: rgba(119, 119, 119, 0.7);
  font-family: "ProximaNova-Light", Arial, sans-serif;
  width: -moz-fit-content;
  width: fit-content;
  background: transparent;
  padding: 0px 15px 0px 15px;
  margin: 3px 10px 10px 0px;
}

.screener .marketDept1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}

.screener .marketDept1 p {
  font-size: 14px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
  margin-bottom: 5px;
  white-space: nowrap;
}

.screener .marketDept1 h3 {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 25px;
}

.screener .marketDept1 .buysell-btn {
  flex: 1;
}

.screener .marketDept1 .buysell-btn .buysell-tag {
  width: 40px;
  height: 38px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.screener .marketDept1 .buysell-btn .buysell-val {
  width: 100%;
  height: 38px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.screener .marketDept1 .buysell-btn .buysell-tag-border-right {
  border-right: 1px solid #fff;
}

.screener .marketDept1.empty .buysell-tag {
  background: #777777 !important;
  opacity: 0.5;
}

.login-section .create-field-icon {
  float: right;
  margin-right: 16px;
  margin-top: -34px;
  position: relative;
  z-index: 2;
}

.dividend-progress .progress-bar {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
  position: relative;
  height: 30px;
  overflow: visible;
}

.dividend-progress .progress-bar::before {
  position: absolute;
  left: 0;
  background: #cecccc;
  width: 3px;
  display: block;
  content: "";
  height: 60%;
  top: 5px;
}

.dividend-progress .progress-bar::after {
  position: absolute;
  right: 0;
  background: #cecccc;
  width: 3px;
  display: block;
  content: "";
  height: 60%;
  top: 5px;
}

.dividend-progress .progress-bar .tooltip {
  position: absolute;
  margin-top: 1px;
  left: 0px;
}

.dividend-progress .progress-bar .tooltip::before {
  position: absolute;
  bottom: 66px;
  transform: rotate(180deg);
  left: 48%;
}

.dividend-progress .progress-steps {
  position: relative;
  top: 7px;
}

.dividend-progress .progress-steps:before,
.progress-steps:after {
  background-color: #e9ecef;
  content: "";
  height: 3px;
  position: absolute;
  width: 100%;
  top: 5px;
  z-index: -1;
  left: 0px;
}

.step-description {
  font-size: 12px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.circle-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #ad8400;
  color: #262626;
  background: #fff;
  margin: 0 auto;
  position: relative;
  top: -7px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.circle-icon span {
  text-align: center;
  vertical-align: text-top;
  font-size: 12px !important;
}

.circle-icon:hover {
  background-color: #ad8400;
  color: #ffffff;
}

.circle-icon.active {
  background-color: #ad8400;
  color: #ffffff;
}

.watchlist-container .table tr.bg-Cultured table tr td .collapseWatchlist-btn {
  gap: 18px;
}

.collaps-btn .table .buysell-btn {
  justify-content: center;
  padding-left: 11px;
}

.collaps-btn .table .buysell-second-btn .buysell-btn {
  justify-content: center;
  padding-left: 0px;
  width: 187px;
}

.collaps-btn .table .buysell-second-btn {
  padding-right: 25px;
}

.watchlist-container .table .bg-Cultured .hiddenRow .table tr td:nth-child(3) {
  width: 171px;
  max-width: 171px;
}

.conectivity-msg {
  position: fixed;
  width: 100%;
  bottom: 0px;
  background-color: #d93146;
  color: #fff;
  text-align: center;
  padding: 8px 8px 8px 8px;
  display: flex;
  justify-content: center;
}

.conectivity-msg .connect-text {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 13px !important;
  position: relative;
  top: 2px;
  left: 10px;
}

.conectivity-msg .connect-text span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 13px !important;
}

.conectivity-msg figure {
  margin-bottom: 0px;
}

.offcanvas .conectivity-msg {
  width: 557px;
  bottom: 72px;
}

.offcanvas .conectivity-msg .connect-text {
  left: 2px;
  white-space: nowrap;
}

.login-section .verify-icon {
  float: right;
  margin-right: 15px;
  margin-top: -39px;
  position: relative;
  z-index: 2;
}

.indices-val-in {
  overflow: hidden;
  height: 47px;
  flex: 1;
}

.progress-steps {
  display: flex;
}

.progress-steps .link {
  min-width: 0px;
}

.proceed-btn {
  min-width: 265px;
  height: 46px;
  margin: 0 auto;
}

.description {
  display: none;
  border-bottom: 1px solid var(--bs-border-color);
}

.company-details table {
  margin-left: 15px;
}

.company-details table tr td {
  padding: 1px 5px;
}

.company-details-right table tr td {
  padding: 1px 5px;
}

.captcha-sec {
  justify-content: center;
  gap: 20px;
}

.captcha-sec .captcha-image {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 20px !important;
  background: #77777740;
  padding: 5px 10px;
  height: 41px;
  letter-spacing: 5px;
}

.watchlist-container .watchlist-table .sortable .sorting-dot {
  position: relative;
}

.watchlist-container .watchlist-table .sortable .sorting-dot .order-dot-icon {
  display: none;
  position: absolute;
  top: 24px;
  left: 0px;
  cursor: pointer;
}

.watchlist-container
  .watchlist-table
  .sortable
  .sorting-dot:hover
  .order-dot-icon {
  display: block;
  position: absolute;
  top: 24px;
  left: 0px;
}

.day-week-dropdown.stock-box-inner .bootstrap-select .btn-light {
  width: 70px;
  border: 1px solid var(--bs-border-color);
  height: 28px;
  margin-top: 15px;
  margin-left: 11px;
}

.day-week-dropdown.stock-box-inner .bootstrap-select .dropdown-menu {
  min-width: 70px;
}

.day-week-dropdown.stock-box-inner
  .bootstrap-select
  .dropdown-toggle
  .filter-option {
  margin-bottom: 4px;
}

#dvChartSection .tv-lightweight-charts {
  max-width: fit-content !important;
}

#dvChartSection .tv-lightweight-charts table {
  width: 100% !important;
}

.offcanvas-body .overlay {
  height: 100%;
  width: 100%;
  background: rgba(93, 93, 93, 0.92);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.offcanvas-body .overlay .spinner {
  bottom: 130px;
}

.offcanvas-body .overlay .error-msg {
  color: #fff;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  display: flex;
  flex-direction: column;
}

.offcanvas-body .overlay button {
  border: 1px solid #fff;
  margin-top: 18px;
}

.modalRealdemoAcctMsg .modal-dialog {
  max-width: 725px !important;
  top: 10%;
}

#dvSelectModeMsg {
  padding-top: 90px;
  padding-bottom: 80px;
}

#dvSelectModeMsg label {
  font-size: 16px !important;
  color: #777777;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.indicator-title {
  display: flex;
  justify-content: space-between;
}

.indicator-title .bootstrap-select {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.indicator-title .bootstrap-select .btn-light {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.income-statement .bootstrap-select {
  float: right !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 11px !important;
}

.income-statement .bootstrap-select .btn-light {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -7px;
}

.bg-skyblue {
  background-color: #e8f7e4;
}

.bg-pink {
  background-color: #f9e0e3;
}

.service-request .service-body .page-name-head h1 {
  padding-left: 25px;
}

.service-request .sidebar-menu .list-group {
  padding: 15px 0px 0px 0px;
  border-radius: 0px;
}

.service-request .sidebar-menu .list-group a {
  position: relative;
  display: block;
  line-height: 50px;
  padding-left: 25px;
  font-size: 18px !important;
  color: #777777;
  text-transform: uppercase;
}

.service-request .sidebar-menu .list-group a.active,
.service-request .sidebar-menu .list-group a:hover {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
}

.service-request .sidebar-menu .list-group a.active .personal-details-icon,
.service-request .sidebar-menu .list-group a:hover .personal-details-icon {
  background: url(../images/personal-details-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .change-subscription-icon,
.service-request .sidebar-menu .list-group a:hover .change-subscription-icon {
  background: url(../images/change-subscription-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .change-products-icon,
.service-request .sidebar-menu .list-group a:hover .change-products-icon {
  background: url(../images/change-products-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .close-account-icon,
.service-request .sidebar-menu .list-group a:hover .close-account-icon {
  background: url(../images/close-account-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .track-service-icon,
.service-request .sidebar-menu .list-group a:hover .track-service-icon {
  background: url(../images/track-service-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .my-preferences-icon,
.service-request .sidebar-menu .list-group a:hover .my-preferences-icon {
  background: url(../images/prefernce-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .change-password-icon,
.service-request .sidebar-menu .list-group a:hover .change-password-icon {
  background: url(../images/change-password-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active::before,
.service-request .sidebar-menu .list-group a:hover::before {
  content: "\f309";
  font-family: "Bootstrap-icons", Arial, sans-serif;
  color: #ad8400;
  font-size: 35px;
  display: inline-block;
  position: absolute;
  left: -10px;
  top: 0px;
}

.service-request .sidebar-menu .list-group a .personal-details-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 30px;
  background: url(../images/personal-details-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .change-subscription-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 30px;
  background: url(../images/change-subscription-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .change-products-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 30px;
  background: url(../images/change-products-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .close-account-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/close-account-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .track-service-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/track-service-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .my-preferences-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/prefernce-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .change-password-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/change-password-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .right-side .profile-container {
  position: relative;
}

.service-request .right-side .profile-container .userprofile {
  width: 160px;
  height: 160px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(194, 194, 194, 0.4196078431);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.service-request .right-side .profile-container .userprofile .prfile-pic img {
  -o-object-fit: cover;
  object-fit: cover;
}

.service-request .right-side .profile-container .more-dropdownwrap {
  position: absolute;
  right: 161px;
  bottom: 16px;
  cursor: pointer;
}

.service-request
  .right-side
  .profile-container
  .more-dropdownwrap
  .dropdown-menu {
  top: -28px !important;
  left: 8px !important;
}

.service-request .right-side .personal-info {
  border: 1px solid var(--bs-border-color);
  padding: 10px 12px;
  margin-bottom: 15px;
}

.service-request .right-side .personal-info .personal-info-top {
  display: flex;
  justify-content: space-between;
}

.service-request .right-side .personal-info .personal-info-top h4 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
  margin-bottom: 5px;
}

.service-request .right-side .personal-info .personal-info-top figure {
  margin-bottom: 0px;
  cursor: pointer;
}

.service-request
  .right-side
  .personal-info
  .personal-info-bottom
  .personal-info-text {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  overflow-wrap: break-word;
}

.service-request
  .right-side
  .personal-info
  .personal-info-bottom
  .personal-info-text-head
  h5 {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: rgba(119, 119, 119, 0.8);
  margin-bottom: 2px;
}

.service-request .right-side figure {
  margin-bottom: 0px;
}

.service-request .right-side .profile-pic-bottom-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
  border: 1px solid var(--bs-border-color);
  max-width: 601px;
  margin: 0 auto;
}

.service-request .right-side .profile-pic-bottom-box .upload-icon {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 18.4px !important;
  color: #777777;
  text-transform: uppercase;
  display: flex;
  cursor: pointer;
}

.service-request .right-side .profile-pic-bottom-box-in {
  display: flex;
  justify-content: flex-end;
  gap: 30%;
  align-items: center;
  padding: 10px 10px;
  border: 1px solid var(--bs-border-color);
  max-width: 601px;
  margin: 0 auto;
}

.service-request .right-side .profile-pic-bottom-box-in .upload-icon {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 18.4px !important;
  color: #777777;
  text-transform: uppercase;
  display: flex;
  cursor: pointer;
}

.service-request .right-side .img-dimention {
  text-align: center;
  font-size: 13.95px !important;
  color: #777777;
}

.service-request .right-side .img-ok-btn {
  min-width: 200px;
  height: 46px;
  margin: 0 auto;
}

.service-request .back-btn {
  margin-top: -6px;
}

.service-request .progress-bar {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
}

.service-request .progress-steps {
  text-align: center;
  position: relative;
  display: block;
}

.service-request .progress-steps:before,
.service-request .progress-steps:after {
  background-color: #002c50;
  content: "";
  height: 2.5px;
  position: absolute;
  width: 100%;
  top: 15px;
  z-index: -1;
}

.service-request .progress-steps:last-child::after,
.service-request .progress-steps:last-child::before {
  display: none;
}

.service-request .progress-steps.active::before {
  background-color: #dad6ce;
}

.service-request .progress-steps:after {
  left: 50%;
  width: 100%;
}

.service-request .progress-steps:last-of-type.active:after {
  background-color: #002c50;
}

.service-request .progress-steps:last-of-type:after {
  left: 50%;
  width: 50%;
}

.service-request .progress-steps .step-count {
  background-color: #ffffff;
  border: 1px solid #002c50;
  height: 30px;
  width: 30px;
  margin: 0 auto;
  border-radius: 50%;
  color: white;
  z-index: 100;
}

.service-request .progress-steps .step-count:before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f26e";
  line-height: 1;
  font-size: 26px;
}

.service-request .progress-steps .step-description {
  font-size: 18px;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
  margin-top: 10px;
}

.service-request .progress-steps.active .step-description {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.service-request .progress-steps.active:after {
  background-color: "ProximaNova-Light";
  width: 0;
}

.service-request .progress-steps.active.w10:after {
  width: 10%;
}

.service-request .progress-steps.active.w20:after {
  width: 20%;
}

.service-request .progress-steps.active.w30:after {
  width: 30%;
}

.service-request .progress-steps.active.w40:after {
  width: 40%;
}

.service-request .progress-steps.active.w50:after {
  width: 50%;
}

.service-request .progress-steps.active.w60:after {
  width: 60%;
}

.service-request .progress-steps.active.w70:after {
  width: 70%;
}

.service-request .progress-steps.active.w80:after {
  width: 80%;
}

.service-request .progress-steps.active.w90:after {
  width: 90%;
}

.service-request .progress-steps.active ~ .progress-steps .step-count {
  background-color: #ffffff;
  border: 1px solid #dad6ce;
}

.service-request .progress-steps.active ~ .progress-steps:after {
  background-color: #dad6ce;
}

.service-request .progress-steps.finish .step-count {
  background-color: #002c50;
}

.watchlist-container .table .bg-Cultured td:nth-child(3) {
  width: fit-content;
  max-width: fit-content;
}

.demomodal .modal-dialog {
  top: 26%;
}

.demomodal .modal-dialog .modal-content .modal-body {
  padding-top: 17px;
  padding-left: 30px;
  padding-right: 30px;
}

.demomodal .modal-dialog .modal-content .complete-kyc-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.demomodal .modal-dialog .modal-content .complete-btn {
  min-width: 190px;
}

#completekycModal .modal-body {
  padding-left: 41px;
  padding-right: 35px;
}

.btn-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.forgot-password .btn-check:checked + .btn,
.forgot-password .btn.active,
.forgot-password .btn.show,
.forgot-password :not(.btn-check) + .btn:active {
  color: #fff !important;
}

.service-request .right-side {
  border-left: 1px solid var(--bs-border-color);
  min-height: calc(100vh - 243px);
}

#dvChartSection {
  min-height: 300px;
}

.market-index .top-right-sec .link .tooltip {
  bottom: -137px;
}

.market-index .top-right-sec .link .tooltip::before {
  bottom: 133px;
  transform: rotate(180deg);
}

.demo-circle {
  width: 36px;
  height: 36px;
  background: #2999f5;
  color: white;
  border-radius: 50%;
  margin-left: 6px;
  border: 1px solid #2999f5;
}

.demo-circle span {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 10px !important;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  top: 10px;
  left: 4px;
  text-align: center;
}

.menu-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-left: 45px;
}

.usermenu-dropdown .usermenu-logout {
  margin-bottom: 15px !important;
  margin-left: 10px;
}

.usermenu-dropdown .mode-type {
  display: flex;
  margin-left: 9px;
  align-items: center;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

.screener .marketDeptOnpage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
}

.screener .marketDeptOnpage .buysell-btn {
  flex: 1;
}

.screener .marketDeptOnpage .buysell-btn .buysell-tag {
  width: 40px;
  height: 38px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.screener .marketDeptOnpage .buysell-btn .buysell-val {
  width: 100%;
  height: 38px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.screener .marketDeptOnpage .buysell-btn .buysell-tag-border-right {
  border-right: 1px solid #fff;
}

.screener .marketDeptOnpage.empty .buysell-tag {
  background: #777777 !important;
  opacity: 0.5;
}

.slick-dotted.slick-slider {
  z-index: 1;
}

.trending-assets .watchlist-card .watchlist-card-price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: flex-start;
  width: 100%;
}

.trending-assets .watchlist-card .watchlist-card-price .card-price {
  flex: 1;
}

.trending-assets .watchlist-card .watchlist-card-price .card-padding {
  padding-left: 5px;
}

.trending-assets-new .card .watchlist-card .scrip-icon {
  margin: 0 auto;
}

.trending-assets-new .card .watchlist-card .watchlist-card-price {
  gap: 20px;
  text-align: left;
}

.trending-assets-new .watchlist-card .watchlist-card-price .card-padding {
  padding-left: 0px;
}

.completekycModal {
  background: #000000ab;
}

.dashboard-container-in
  .market-list-box
  .scrip-list.nav-link
  .scrip-name-left
  .script-name {
  flex: 1;
}

.trending-assets-new .card .watchlist-card {
  height: 303px;
}

.market-news .market-news-box {
  margin-bottom: 10px;
}

.market-index .scrip-val {
  margin-top: -2px;
}

.market-index .scrip-val .text-secondary {
  margin-top: -5px;
}

.community-feed .page-name-head .topBar {
  display: flex;
  justify-content: end;
}

.community-feed .page-name-head .topBar .bootstrap-select {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.community-feed .page-name-head .topBar .bootstrap-select .btn {
  width: -moz-fit-content;
  width: fit-content;
}

.community-feed
  .page-name-head
  .topBar
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
  font-size: 18px !important;
  color: #262626;
}

.community-feed .page-name-head .topBar .fliter-icon {
  margin-bottom: 0px;
  margin-top: 4px;
}

.community-feed .blog-post .post-box form {
  width: 100%;
}

.community-feed .comment-box .inner-comment-box .detailsShare .mainDetails {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 0 22px;
  flex: 2;
}

.community-feed .comment-box .set-alert h3 {
  font-size: 25px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0px;
}

.community-feed .comment-box .set-alert h3 span {
  font-size: 24px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
}

.community-feed .watchlist-details {
  border: 1px solid #d6d6d6;
  border-radius: 10px;
  padding: 16px 16px 16px 16px;
}

.community-feed .watchlist-details .table tr:last-child {
  border-bottom: 0px solid transparent;
}

.community-feed .watchlist-details .table tr:last-child td {
  white-space: nowrap;
}

.community-feed .most-follwed .most-copied-details {
  display: flex;
  justify-content: center;
  margin-top: 11px;
}

.community-feed .most-follwed .most-copied-details .details-right {
  border-right: 1px solid #d6d6d6;
  padding-right: 15px;
}

.community-feed .most-follwed .most-copied-details .details-left {
  padding-left: 15px;
}

.community-feed .most-follwed .most-copied-details .rtn-val {
  font-size: 12px !important;
  color: rgba(119, 119, 119, 0.8);
}

.community-feed .most-follwed .copy {
  margin-top: 5px;
  cursor: pointer;
}

.community-feed .most-follwed .copy .copy-gold-icon {
  content: "";
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url(/dist/images/copy.png) no-repeat;
  background-size: 100% 100%;
  bottom: 2px;
}

.community-feed .most-follwed .copy span {
  font-size: 12px !important;
  color: #ad8400;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  text-transform: uppercase;
  position: relative;
  top: -5px;
}

.community-feed .most-follwed .copied {
  margin-top: 5px;
  cursor: pointer;
}

.community-feed .most-follwed .copied .copy-gray-icon {
  content: "";
  display: inline-block;
  width: 13px;
  height: 16px;
  background: url(/dist/images/copy-gray.png) no-repeat;
  background-size: 100% 100%;
  bottom: 2px;
}

.community-feed .most-follwed .copied span {
  font-size: 12px !important;
  color: #777777;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  text-transform: uppercase;
  position: relative;
  top: -5px;
}

.community-feed .comment-rply {
  margin-left: 57px;
  margin-top: 15px;
}

.community-feed .comment-rply .comment-rply-box .rply-count-details {
  position: relative;
  top: 5px;
}

.community-feed .rightProfile .portfolio h4 {
  margin-bottom: 0px;
}

.community-feed .rightProfile .portfolio .portfolio-text {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
}

.community-feed .rightProfile .portfolio .invest-val {
  margin-top: -10px;
}

.community-feed .copier-tbl {
  margin-left: -6px;
  margin-right: -3px;
}

.community-feed .copier-tbl .table thead th {
  color: rgba(119, 119, 119, 0.8);
}

.community-feed .copier-tbl .table tr td {
  white-space: nowrap;
}

.community-feed .copier-tbl .blog-post .circular_image {
  width: 50px;
  height: 50px;
}

.community-feed .copier-tbl .sellcardbtn .btn {
  min-width: 80px;
  padding: 10px;
  max-height: 32px;
  border: none;
}

.dashboard-container-in .stock-box-outer {
  position: relative;
}

.dashboard-container-in .stock-box-outer .stock-box-commingsoon {
  opacity: 0.1;
  filter: blur(1px);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dashboard-container-in .stock-box-outer .comming-soon {
  display: block;
  font-size: 42px !important;
  color: rgba(119, 119, 119, 0.7);
  position: absolute;
  top: 40%;
  left: 0px;
  right: 0px;
  text-align: center;
  text-transform: uppercase;
}

.demo-blur {
  position: relative;
}

.demo-blur .demo-blur-sec {
  opacity: 0.1;
  filter: blur(3px);
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.new-blur {
  position: relative;
}

.new-blur .comming-soon {
  display: block;
  font-size: 42px !important;
  color: rgba(119, 119, 119, 0.7);
  position: absolute;
  bottom: 0;
  top: 20%;
  left: 0px;
  right: 0px;
  text-align: center;
}

.comming-soon .btn {
  line-height: 32px;
}

.corporate-action-tbl .font-medium {
  font-size: 14px !important;
}

.corporate-action-tbl .font-medium p {
  padding-top: 0px;
}

.newsdetailsModal.modal .modal-dialog {
  max-width: 950px;
}

.community-feed .post-date {
  margin-top: -6px;
}

.community-feed .comment-box .inner-comment-box {
  margin-top: 0px !important;
}

.community-feed .comment-box .inner-comment-box p {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #757575;
  font-size: 16px !important;
  line-height: 22px;
}

.community-feed .comment-box .inner-comment-box > h3 {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 22px !important;
  color: #262626;
  overflow-wrap: break-word;
  padding: 0px 20px 0px 20px;
}

.community-feed .comment-box .inner-comment-box .text-bold {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  font-size: 16px !important;
}

.community-feed .comment-box .inner-comment-box h2 {
  font-size: 36px !important;
  color: #123366;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.community-feed .text-blue {
  color: #0000ff;
}

.searchbox-container-full .searchbox-container .searchbox {
  margin-left: 33px;
}

.userProfile.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .service-info {
  overflow-wrap: break-word;
}

#dvComDetails .scrip-name-head .scrip-name-details .script-name .comp-name {
  display: block;
  min-width: 200px;
}

.portfolio .filter-dropdownnew .filter-dropdownMenu {
  min-width: 512px !important;
}

.filter-dropdownMenu .accordion .accordion-collapse .form-check {
  position: relative;
  margin-bottom: 5px;
}

.filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  .form-check-input {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0px 8px 0px 0px !important;
  border-radius: 0.25em;
}

.filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  .form-check-input:focus {
  outline: 0;
  box-shadow: none !important;
}

.filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  input:checked[type="checkbox"] {
  background-image: url(../dist/images/check_mark_icon.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 999;
  border: 1px solid #ad8400 !important;
}

.filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  input:checked
  + label:after {
  display: none;
}

.filter-dropdownnew .searchbox .input-group-append .close-btn {
  top: 6px;
}

.filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  .form-check-label {
  margin-top: -2px;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.8);
}

.filter-dropdownMenu .accordion .accordion-button:not(.collapsed) {
  box-shadow: none !important;
  background: transparent;
  border-radius: 0px;
}

.filter-dropdownMenu .accordion .accordion-button:not(.collapsed)::after {
  background-image: #000;
}

.filter-dropdownMenu .accordion .accordion-item:first-of-type {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.filter-dropdownMenu .accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.filter-dropdownMenu .accordion .accordion-header .accordion-button {
  font-size: 14 !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.7);
}

.filter-dropdownMenu .accordion .accordion-item {
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 0px solid var(--bs-border-color);
  border-left: 0px;
  border-right: 0px;
}

.filter-dropdownMenu .accordion select option {
  direction: rtl;
}

.filter-dropdownMenu .accordion select::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.filter-dropdownnew a .filter-icon {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/filter-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.filter-dropdownnew a.show .filter-icon,
.filter-dropdownnew a:hover .filter-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/filter-icon-gold.png) no-repeat;
  background-size: 100% 100%;
}

.filter-dropdownMenu .accordion .accordion-collapse .accordion-body {
  padding-top: 3px;
}

.filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  .form-check-input:checked {
  border-color: #ad8400 !important;
}

.nodata-text {
  position: relative;
  top: 20%;
  text-align: center;
}

.nodata-text h4 {
  font-size: 20px !important;
}

.community-feed .trending-assets-new .watchlist-card img {
  margin: 0 auto;
}

.community-feed
  .trending-assets-new
  .watchlist-card
  .watchlist-card-price
  .card-padding {
  font-size: 20px !important;
}

.disable-color:disabled {
  background: #d6d6d6;
}

.dashboard-container-in .follwers.trending-assets-new .card p {
  min-height: 34px;
}

.eipo .year-dropdown {
  margin-top: -11px;
}

.eipo .year-dropdown select {
  border: 0px;
}

.eipo .tab-content .watchlist-table {
  max-width: 100%;
  max-height: calc(100vh - 298px);
  overflow-y: auto;
  position: relative;
}

.eipo .topBar .nav-pills .nav-link.active .ipolist-icon {
  background: url(../images/ipolist-white.png) no-repeat;
  background-size: 100% 100%;
}

.eipo .topBar .nav-pills .nav-link.active .subscription-icon {
  background: url(../images/subscription-white.png) no-repeat;
  background-size: 100% 100%;
}

.eipo .topBar .nav-pills .nav-link .ipolist-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../images/ipolist.png) no-repeat;
  margin-bottom: -4px;
  margin-right: 5px;
}

.eipo .topBar .nav-pills .nav-link .subscription-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../images/subscription.png) no-repeat;
  margin-bottom: -3px;
  margin-right: 5px;
}

.eipo .tab-content .ipolist-table .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -17px;
  top: -6px;
  color: #ad8400;
  cursor: pointer;
}

.eipo .tab-content .ipolist-table table thead tr th .font-base-semibold {
  position: relative;
}

.eipo .tab-content .ipolist-table .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -17px;
  color: #ad8400;
  top: 2px;
  cursor: pointer;
}

.eipo .tab-content .ipolist-table .apply-btn {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  height: 32px;
  line-height: 20px;
  margin-top: 11px !important;
  min-width: 83px;
}

.eipo .tab-content .ipolist-table.ipolist tbody tr td:nth-child(4) {
  padding-right: 23px;
}

.eipo .checkbox-group {
  display: flex;
  gap: 20px;
}

.eipo .checkbox-group .form-check input:checked + label:after {
  left: 6px;
  border-color: #ad8400;
}

.eipo .checkbox-group .form-check .form-check-input:checked {
  border-color: #ad8400 !important;
  background: transparent !important;
}

.eipo .checkbox-group .form-check-label {
  margin-top: -2px;
  margin-left: 2px;
}

.eipo .ipo-pdf-box {
  border: 1px solid var(--bs-border-color);
  padding: 5px 5px;
}

.eipo .ipo-pdf-box .ipo-inner-box {
  display: flex;
  gap: 15px;
}

.eipo .ipo-pdf-box .ipo-inner-box .ipo-text {
  max-width: 282px;
  white-space: pre-line;
}

.eipo .ipo-pdf-box .ipo-inner-box p {
  margin-top: -9px;
  line-height: 18px;
}

.eipo .ipo-pdf-box .ipo-inner-box img {
  padding-top: 26px;
}

.eipo .ipo-pdf-box .ipo-inner-box .btn {
  height: 32px;
  margin-top: 14px !important;
  width: 85px;
}

.ipoSteps .service-request {
  margin: 40px auto 0 auto;
  max-width: 1110px;
}

.ipoSteps .service-request .barTitle {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}

.ipoSteps .service-request .barTitle span {
  font-size: 14px;
  color: #777777;
}

.ipoSteps .service-request .progress-bar {
  margin-bottom: -6px;
}

.eipo-subscribe .ipoSteps .service-request .progress-bar {
  margin-top: 0px;
  margin-bottom: 10px;
}

.eipo-subscribe .buyScreener.new .detailsStatus {
  padding: 15px 20px 15px 35px;
}

.ipoSteps .service-request .progress-steps .step-count:before {
  line-height: 1.1;
}

.ipoSteps .main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 415px;
  margin: 60px auto 0 auto;
}

.ipoSteps .main p {
  font-size: 14px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  margin-bottom: 10px;
}

.ipoSteps .main .minMax {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 30px;
}

.ipoSteps .main .minMax p {
  font-size: 12px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
  margin-bottom: 0;
}

.ipoSteps .main .minMax p b {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
}

.ipoSteps .main .minMax p span {
  color: #262626;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  margin-left: 2px;
}

.ipoSteps .main .text-center p {
  font-size: 14px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
}

.ipoSteps .main .text-center p b {
  font-size: 15px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.ipoSteps .main .text-center p span {
  color: #262626;
  margin-left: 2px;
}

.ipoSteps .main .text-center p a {
  color: #ad8400;
}

.ipoSteps .main .text-center button {
  margin: 15px 0 35px 0;
}

.ipoSteps .main .text-center .fs16 p {
  font-size: 16px !important;
}

.ipoSteps .main .text-center .fs16 p span,
.ipoSteps .main .text-center .fs16 p a {
  font-size: 16px !important;
}

.ipoSteps .main .text-center .fs16 p b {
  font-size: 17px !important;
}

.ipoSteps form {
  display: flex;
  align-items: center;
}

.ipoSteps form .cal-button {
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  width: 43px;
  height: 43px;
  min-width: 43px;
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.ipoSteps form .input {
  padding: 0;
  border: 1px solid #c9c9c9;
  border-radius: 23px;
  height: 43px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ipoSteps form .input span {
  font-size: 20px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626 !important;
}

.ipoSteps form .input span:focus-visible {
  outline: none;
}

.ipoSteps form .input::after {
  content: "AED";
  font-size: 20px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626 !important;
  padding-left: 3px;
}

.ipoSteps .apply {
  width: 100%;
  max-width: 600px;
  margin: 60px auto 0 auto;
}

.ipoSteps .apply .comDetails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 26px;
}

.ipoSteps .apply .comDetails img {
  width: 52px;
  height: 52px;
  margin-right: 15px;
}

.ipoSteps .apply .comDetails h5 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626 !important;
  margin-bottom: 0;
  text-transform: uppercase;
}

.ipoSteps .apply .comDetails h5 span {
  font-size: 24px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.ipoSteps .apply .comDetails p {
  font-size: 16px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #777777;
  margin-bottom: 0;
}

.ipoSteps .apply .comDetails h6 {
  font-size: 20px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.ipoSteps .apply .comDetails h6 ~ p {
  font-size: 14px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.ipoSteps .apply .amountChar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  flex-wrap: wrap;
  padding: 15px 0;
}

.ipoSteps .apply .amountChar > div {
  flex: 1 1 auto;
}

.ipoSteps .apply .amountChar > div:not(:first-child) {
  padding-left: 20px;
}

.ipoSteps .apply .amountChar > div:not(:last-child) {
  border-right: 1px solid #dee2e6;
}

.ipoSteps .apply .amountChar p {
  font-size: 18px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  margin-bottom: 0;
  color: #262626;
}

.ipoSteps .apply .amountChar p span {
  font-size: 18px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
}

.ipoSteps .apply .amountChar span {
  color: #777777;
}

.ipoSteps .apply .details {
  background-color: #fafafa;
}

.ipoSteps .apply .details p {
  font-size: 18px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  margin-bottom: 0;
  color: #262626;
}

.ipoSteps .apply .details p span {
  font-size: 18px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626;
}

.ipoSteps .apply .details span {
  color: #777777;
}

.ipoSteps .apply .details .user {
  padding: 25px 20px;
  margin-bottom: 15px;
}

.ipoSteps .apply .details .user .contact {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.ipoSteps .apply .details .user .contact p {
  font-size: 16px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.ipoSteps .apply .details .user .contact p span {
  font-size: 16px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #777777;
}

.ipoSteps .apply .details .other {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.ipoSteps .apply .details .other > div {
  padding-left: 20px;
  margin-bottom: 20px;
}

.ipoSteps .apply .details .other > div:not(:last-child) {
  border-right: 1px solid #dee2e6;
}

.ipoSteps .apply .details .other > div:nth-child(3),
.ipoSteps .apply .details .other > div:nth-child(6) {
  border-right: none;
}

.ipoSteps .apply .details .other p {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.ipoSteps .apply .agreements {
  padding: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ipoSteps .apply .agreements button {
  max-width: 100px;
}

.ipoSteps .apply .agreements span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #777777;
}

.ipoSteps .apply .agreements input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  position: relative;
  top: 0;
  cursor: pointer;
}

.ipoSteps .apply .agreements input[type="checkbox"]:checked {
  background-color: #ffffff !important;
  border-color: #ad8400 !important;
}

.ipoSteps .apply .agreements input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 2.5px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ipoSteps .apply .tnc {
  padding: 20px 0;
  border-bottom: 1px solid rgba(119, 119, 119, 0.6274509804);
}

.ipoSteps .apply .tnc span,
.ipoSteps .apply .tnc a {
  font-size: 16px !important;
}

.ipoSteps .apply .tnc a {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #ad8400;
}

.ipoSteps .apply .submit {
  margin: 40px 0;
}

.ipoSteps .apply .submit button {
  font-size: 18px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  min-width: 265px;
  height: 46px;
}

.ipoSteps .modal {
  z-index: 9999;
  background: #00000024;
}

.ipoSteps .modal-dialog {
  max-width: 594px;
}

.ipoSteps .modal-content {
  border-radius: 0;
  box-shadow: 0px 0px 12px 2px rgba(119, 119, 119, 0.4235294118);
  text-align: center;
  padding: 20px;
}

.ipoSteps .modal-content .submit {
  max-width: 377px;
  margin-inline: auto;
}

.ipoSteps .modal-body p {
  font-size: 24px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  margin-bottom: 40px;
}

.ipoSteps .modal-body button {
  width: 100%;
  height: 45px;
  font-size: 18px !important;
}

.ipoSteps .ipomodal ~ .modal-backdrop.show {
  background-color: #000;
  z-index: 1055;
}

.ipoSteps .sumbitMassage {
  width: 100%;
  height: calc(100vh - 162.2px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ipoSteps .sumbitMassage img {
  width: 100%;
  max-width: 135px;
  height: auto;
  margin-bottom: 40px;
}

.ipoSteps .sumbitMassage h2,
.ipoSteps .sumbitMassage h2 span,
.ipoSteps .sumbitMassage span {
  font-size: 28px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin: 0 auto 20px auto;
  max-width: 648px;
}

.ipoSteps .sumbitMassage p {
  font-size: 18px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
  max-width: 496px;
  margin: 0 auto 10px auto;
}

.ipoSteps .sumbitMassage p b {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 18px !important;
}

.ipoSteps .sumbitMassage p a {
  color: #ad8400;
  font-size: 18px !important;
}

.ipoSteps .sumbitMassage .btn {
  margin-top: 30px;
  font-size: 20px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  height: 46px;
  width: 100%;
  max-width: 415px;
}

.service-request.tableBar .progress-steps::before,
.service-request.tableBar .progress-steps::after {
  z-index: 1;
}

.service-request.tableBar .step-count {
  z-index: 2;
  position: relative;
}

.service-request.tableBar .barTitle {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
}

.service-request.tableBar .barTitle p {
  margin-top: 10px;
  line-height: 1.2;
  color: #262626;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.service-request.tableBar .barTitle p span {
  display: block;
  color: #777777;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.eipo .ipo-pdf-box {
  padding: 20px 20px 20px 25px;
}

.eipo .ipo-pdf-box .ipo-inner-box {
  justify-content: space-between;
}

.eipo .ipo-pdf-box .ipo-inner-box .ipo-text {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 345px;
  white-space: normal;
}

.eipo .ipo-pdf-box .ipo-inner-box p {
  margin-top: 0;
}

.eipo .ipo-pdf-box .ipo-inner-box img {
  padding-top: 0;
  margin-right: 15px;
}

.eipo .progress-bar::after,
.eipo .progress-bar::before {
  display: none;
}

.eipo .progress-steps:before,
.eipo .progress-steps:after {
  left: unset;
}

.login-uaepass {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1;
  max-width: 104px;
  border-radius: 50%;
  border: 2px solid #dee2e6b8 !important;
}

.login-uaepass figure {
  margin: 0px;
}

.signup-uaepass {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1;
  max-width: 104px;
  border-radius: 50%;
  border: 2px solid #dee2e6b8 !important;
}

.signup-uaepass figure {
  margin: 0px;
}

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

.view-icon {
  margin-top: 18px;
}

.portfolio.eipo .watchlist-container .table tr td:nth-child(8),
.portfolio.eipo .watchlist-container .table tr td:nth-child(9),
.portfolio.eipo .watchlist-container .table tr td:nth-child(5),
.portfolio.eipo .watchlist-container .table tr td:nth-child(6) {
  width: fit-content;
  max-width: fit-content;
}

.eipo .watchlist-container .table .scrip-name .scrip-box .short-scrip-name {
  padding-top: 2px;
}

.portfolio.eipo .watchlist-container .table tr td:nth-child(7),
.portfolio.eipo .watchlist-container .table tr th:nth-child(7) {
  padding-right: 15px;
}

.service-request.tableBar {
  padding-left: 49px;
  margin-right: -29px;
  padding-top: 5px;
}

.service-request.tableBar .progress-steps .step-count {
  height: 20px;
  width: 20px;
}

.service-request.tableBar .progress-steps:before,
.service-request.tableBar .progress-steps:after {
  top: 9px;
}

.service-request.tableBar .progress-steps .step-count:before {
  font-size: 18px;
}

.watchlist-container .watchlist-table.ipolist .top-padding {
  padding-top: 15px !important;
}

.ipoSteps .termsCond {
  padding: 25px 20px;
  max-width: 1220px;
  margin: auto;
  overflow-y: auto;
  height: 100%;
}

.ipoSteps .termsCond h4 {
  font-size: 18px !important;
  color: #262626;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.ipoSteps .termsCond p {
  font-size: 16px !important;
  padding-bottom: 10px;
}

.page-name-head .eip-back figure {
  margin-bottom: 0px;
}

.page-name-head .eip-back figure .back-btn {
  margin-top: -3px;
}

.portfolio .topBar .nav-pills .nav-link {
  line-height: 19px;
}

.ipolist table tr th:empty {
  width: 3%;
}

.ipolist table tr td:empty {
  width: 3%;
}

.ipolist .width-40 {
  width: 40%;
}

.ipolist-table table {
  min-height: 115px !important;
}

.ipolist table .scrip-name a {
  cursor: default;
}

.watchlist-container .watchlist-table tr .scrip-name a figure img {
  max-width: 52px;
  max-height: 52px;
}

.ipolist-table .scrip-name a {
  cursor: default;
}

.ipolist-table table tr td:nth-child(1) {
  width: 20%;
}

.ipolist-table table tr td {
  border-bottom: 1px solid #dee2e6 !important;
}

.ipolist-table table tr.SearchNoData td:nth-child(1) {
  border-bottom: 0px !important;
}

.portfolio.eipo .watchlist-container .ipolist-table .table tr th:nth-child(8),
.portfolio.eipo .watchlist-container .ipolist-table .table tr td:nth-child(8) {
  width: 12%;
}

.ipoSteps form .cal-button a {
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  margin-top: -4px;
}

#showpdfcommunityfeedmodal.modal {
  background: #0000008c;
}

#showpdfcommunityfeedmodal .modal-dialog {
  max-width: 1000px;
}

#showpdfcommunityfeedmodal .modal-dialog .modal-body embed {
  min-height: 500px;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .text-uppercase.text-blue {
  line-height: 22px !important;
  word-break: break-all;
  padding-left: 23px;
}

.community-feed.userProfile .comment-box h5 {
  font-size: 16px !important;
  color: #ad8400 !important;
  margin-bottom: 0;
}

.page-name-head .transfer-right .transfer-right-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-name-head .transfer-right .transfer-right-icon .icon-list {
  margin: 0px 10px 0px 10px;
}

.page-name-head .transfer-right .transfer-right-icon .datepicker-cal input {
  min-width: 187px;
  text-align: right;
  height: 32px;
  background-position: bottom 7px left 8px;
}

.page-name-head .transfer-right .transfer-right-icon .transfer-icon-top {
  margin-top: -8px;
}

.page-name-head .transfer-right .trans-btn {
  height: 32px;
}

.page-name-head .transfer-right .trans-btn span {
  padding-left: 10px;
}

.transfer-share-tbl thead .trans-tbl-head span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.7);
  display: block;
}

.transfer-share-tbl .scrip-name a > div {
  padding-top: 2px !important;
}

.transfer-share-tbl .trans-tbl-top-padding {
  padding-top: 13px;
}

.transfer-share-tbl .tbl-space {
  width: 30%;
}

.Transfer-details h3 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  text-align: center;
  margin-top: 35px;
}

.Transfer-details .box-transfer {
  position: relative;
}

.Transfer-details .box-transfer input {
  position: absolute;
  top: 5px;
  left: 91px;
  display: none;
}

.Transfer-details .box-transfer input[type="radio"]:checked {
  background-color: #ae9963;
  border: 2px solid #ae9963;
  border-color: #ae9963 !important;
  background-image: none !important;
}

.Transfer-details .box-transfer .radio-inner-lbl {
  margin: 0 auto;
  position: relative;
  width: 218px;
  padding: 20px 20px 20px 20px;
  border: 1px solid var(--bs-border-color);
  margin-bottom: 20px;
  height: auto;
}

.Transfer-details .box-transfer .radio-inner-lbl .lang-text {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  text-transform: none;
}

.Transfer-details .box-transfer input[type="radio"]:checked + .radioBrown {
  border: 1px solid #ad8400 !important;
  background: #fbf8f0;
}

.Transfer-details .trans-text-normal {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
  text-transform: none !important;
}

.proceed-btn {
  min-width: 265px;
  height: 46px;
  margin: 0 auto;
}

.transfer-in-tbl tr td .header-input-wrap {
  margin-top: 8px;
  margin-bottom: 8px;
}

.watchlist-table .transfer-share-tbl.table thead tr th {
  vertical-align: middle;
}

.transfer-in-tbl tr td .input-top .inner-text {
  color: #262626;
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.transfer-in-tbl tr td .input-top .inner-text span {
  color: #262626;
  font-size: 18px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
}

.transfer-in-tbl tr td .input-top input {
  max-width: 210px;
  text-align: center;
  color: #262626;
  font-size: 20px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  margin: 0 auto;
}

.transfer-in-tbl td {
  vertical-align: middle;
}

.transfer-in-tbl .width-50 {
  width: 50%;
}

.transfer-in-tbl .width-20 {
  width: 20%;
}

.transfer-in-tbl .width-10 {
  width: 10%;
}

.transfer-in-tbl .security-padding {
  padding-left: 72px;
}

.header-input-wrap .autocomplete-search_stock .stockwatchlist-list figure {
  position: relative;
}

.header-input-wrap
  .autocomplete-search_stock
  .stockwatchlist-list
  figure
  .islamic-stock {
  position: absolute;
  top: -5px;
  left: 36px;
}

.header-input-wrap .autocomplete-search_stock .stockwatchlist-list .scrip-box {
  padding: 10px 0px 0px 13px;
}

.header-input-wrap
  .autocomplete-search_stock
  .stockwatchlist-list
  .scrip-box
  h2 {
  height: 18px;
}

.modal.confirmtransfermodal .modal-dialog {
  max-width: 600px !important;
}

.modal.confirmtransfermodal .modal-content {
  border-radius: 0px;
}

.modal.confirmtransfermodal .modal-body {
  padding: 0px 0px 10px 0px !important;
}

.modal.confirmtransfermodal .modal-body table thead th {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.7);
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}

.modal.confirmtransfermodal .modal-body table .sect-padding {
  padding-left: 73px;
}

.modal.confirmtransfermodal .modal-body table .scrip-name .scrip-box {
  white-space: nowrap;
}

.transfer-share-tbl .watchlist-tooltip {
  margin-top: -116px !important;
}

.transfer-share-tbl .link .tooltip {
  bottom: 37px !important;
}

.transfer-share-tbl .link .tooltip::before {
  content: "";
  position: absolute;
  left: 50% !important;
  bottom: -8px !important;
  transform: translateX(-50%) !important;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid var(--bs-border-color);
}

.transfer-share-tbl .watch-tooltip-body {
  border-bottom: 0px;
}

.transfer-share-tbl .link {
  margin: 2px 0px 0px 2px;
}

.transfer-share-tbl .link a .info-icon {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/info-icon-gray.png) no-repeat;
  background-size: 100% 100%;
}

.transfer-share-tbl .link a .info-icon:hover {
  background: url(../images/info-icon-black.png) no-repeat;
}

.transfer-out-external-share .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  overflow-x: hidden;
}

.transfer-out-external-share .transferout-external thead tr th {
  border-top: 1px solid var(--bs-border-color);
  padding: 15px;
}

.transfer-out-external-share .transferout-external .header-input-wrap {
  margin-left: 1px;
}

.transfer-out-external-share .transferout-external .detailsStatus {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-left: 28px;
  min-width: 200px;
}

.transfer-out-external-share .transferout-external .detailsStatus .main {
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 415px;
}

.transfer-out-external-share .transferout-external .detailsStatus .main div {
  padding: 8px 3px 8px 3px;
  text-align: center;
  cursor: pointer;
  max-width: none;
  min-width: 33%;
  width: 100%;
  height: 60px;
}

.transfer-out-external-share .transferout-external .detailsStatus .main div p {
  margin-bottom: 0;
  color: rgba(119, 119, 119, 0.7);
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  line-height: 16px;
}

.transfer-out-external-share .transferout-external .detailsStatus .main div h4 {
  font-size: 16px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  padding-top: 2px;
}

.transfer-out-external-share
  .transferout-external
  .detailsStatus
  .main
  div:nth-child(2) {
  border-left: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

.transfer-out-external-share
  .transferout-external
  .detailsStatus
  .main
  div.active {
  background: #ad8400;
}

.transfer-out-external-share
  .transferout-external
  .detailsStatus
  .main
  div.active
  p,
.transfer-out-external-share
  .transferout-external
  .detailsStatus
  .main
  div.active
  h4 {
  color: #fff !important;
}

.transfer-out-external-share
  .transferout-external
  .detailsStatus
  input.Trailing {
  width: 14px;
  height: 14px;
  border-radius: 2px;
}

.transfer-out-external-share
  .transferout-external
  .detailsStatus
  input.Trailing
  ~ label::after {
  left: -16px;
  width: 4px;
  height: 9px;
}

.transfer-out-external-share .transferout-external .input-top input {
  min-width: 148px;
}

.transfer-out-external-share .transferout-external .total-aed {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 18px !important;
  color: #262626;
}

.transfer-out-external-share .transferout-external .total-aed span {
  font-size: 18px !important;
  color: #262626;
}

.transfer-out-external-share .transferout-external .final-total-aed {
  font-size: 24px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  white-space: nowrap;
}

.transfer-out-external-share .transferout-external .final-total-aed span {
  font-size: 24px !important;
  color: #262626;
}

.transfer-out-external-share .transferout-external .total-bottom-border {
  border-bottom: hidden;
}

.transfer-out-external-share .transferout-external .error-msg {
  color: #d93146;
  font-size: 21px !important;
  text-align: right;
}

.transfer-out-external-share .transferout-external .error-msg a {
  font-size: 21px !important;
  color: #ad8400;
}

.confirmtransferoutModal .modal-dialog {
  max-width: 70% !important;
}

.confirmtransferoutModal .tableTopCal {
  display: flex;
  justify-content: center;
  padding-top: 12px;
}

.confirmtransferoutModal .tableTopCal .aval-bal {
  margin-top: 9px;
}

.confirmtransferoutModal .tableTopCal .aval-bal h3 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  font-size: 24px !important;
  margin-bottom: 0px;
  text-align: left;
}

.confirmtransferoutModal .tableTopCal .aval-bal h3 span {
  font-size: 24px !important;
  color: #262626;
}

.confirmtransferoutModal .tableTopCal .aval-bal p {
  color: #777777;
}

.confirmtransferoutModal .tableTopCal img {
  margin: 0px 30px 0px 30px;
}

.confirmtransferoutModal .tableTopCal .equalto-icon {
  margin-top: 21px;
}

.confirmtransferoutModal .transfer-out-popup-tbl {
  max-width: 100%;
  max-height: calc(100vh - 397px);
  overflow-y: scroll;
  position: relative;
}

.confirmtransferoutModal .transfer-out-popup-tbl table thead tr th {
  position: sticky;
  top: -1px;
  background: #fff;
  z-index: 99;
  opacity: 1 !important;
}

.disable-leverage {
  background-color: #363a3e52 !important;
  color: #fff !important;
}

.postDetailview.modal .modal-dialog {
  max-width: none;
}

.postDetailview.modal .modal-dialog .modal-content {
  background: #1a2d3d;
}

.postDetailview.modal .modal-dialog .modal-content .modal-body {
  padding-bottom: 0px;
}

.postDetailview.modal .userProfile {
  padding-bottom: 0px;
}

.postDetailview.modal .userProfile .comment-box {
  border-bottom: 0px;
  padding-left: 20px;
}

.postDetailview.modal
  .userProfile
  .comment-box
  .inner-comment-box
  .detail-social-comment-link {
  border-top: 1px solid var(--bs-border-color);
  margin-top: 17px;
}

.postDetailview.modal
  .userProfile
  .comment-box
  .inner-comment-box
  .detail-social-comment-link
  .like-share-group {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 17px;
  flex: 1;
}

.postDetailview.modal
  .userProfile
  .comment-box
  .inner-comment-box
  .text-uppercase.text-blue {
  line-height: 22px;
  color: #0000ff;
  overflow-wrap: break-word;
}

.postDetailview.modal .userProfile .comment-box .inner-comment-box p {
  line-height: 22px;
}

.postDetailview.modal .userProfile .left-side {
  position: relative;
  height: 100vh;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
}

.postDetailview.modal .userProfile .right-side {
  padding-right: 0px;
}

.postDetailview.modal .userProfile .right-side .blog-post {
  height: 100vh;
  padding-right: 10px;
}

.postDetailview.modal .userProfile .full-height {
  height: 100vh;
}

.postDetailview.modal .userProfile .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9;
  background-color: #cdcdcd;
  border-radius: 50px;
  width: 50px;
  height: 50px;
}

.postDetailview.modal .userProfile .full-image {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 5px;
  padding-top: 30px;
  height: auto;
}

.postDetailview.modal .userProfile .full-image img {
  display: inline-block;
  height: auto;
  max-height: 90vh;
  max-width: 100%;
  vertical-align: middle;
  padding-top: 10px;
}

.postDetailview.modal .userProfile .full-image iframe {
  width: 100%;
  height: calc(100vh - 100px);
  padding-top: 10px;
}

.postDetailview .blog-post .comment-box .inner-comment-box > div {
  line-height: 24px;
  font-size: 16px !important;
  overflow-wrap: break-word;
}

.postDetailview.modal
  .userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group {
  margin-left: 0px;
}

.postDetailview .blog-post .comment-box .inner-comment-box {
  padding: 0px 2px 0px 6px;
}

.dashboard-container-in.community-feed
  .trending-assets-new
  .slick-slider
  .card
  p {
  min-height: 34px;
}

.market-index.screener .shortentextfordescriptiondiv {
  word-wrap: break-word;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #757575;
  font-size: 16px !important;
  line-height: 23px;
}

.community-feed
  .trending-assets-new
  .watchlist-card
  .watchlist-card-price
  .card-padding {
  display: block;
}

.community-feed .service-info .shortentextfordescriptiondiv {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #757575;
  font-size: 16px !important;
  line-height: 23px;
  overflow-wrap: break-word;
}

.community-feed .service-info #fulltextfordescriptiondiv_42 {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #757575;
  font-size: 16px !important;
  line-height: 23px;
  overflow-wrap: break-word;
}

.market-index.screener .service-info .mt-3.mb-2 a h5 {
  font-size: 16px !important;
  color: #ad8400 !important;
}

.market-index.screener .comment .mt-3.mb-2 a h5 {
  font-size: 16px !important;
  color: #ad8400 !important;
}

.watchlist-container
  .watchlist-table
  table
  thead
  tr
  th
  span.font-base-semibold {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.7);
  position: relative;
}

.watchlist-container .watchlist-table table .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -17px;
  top: -7px;
  color: #ad8400;
  cursor: pointer;
}

.watchlist-container .watchlist-table table .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -17px;
  color: #ad8400;
  top: 2px;
  cursor: pointer;
}

.portfolio .filter-dropdownnew .filter-dropdownMenu li .filter-btn {
  padding-left: 17px;
}

.portfolio .tab-content .tab-pane .watchlist-container .watchlist-table table {
  min-height: 100px;
}

.confirmtransfermodal.modal {
  background: #0000008c;
}

.dashboard-container.market-index.community-feed
  .market-news
  .news-left
  .border-right {
  border-right: none;
}

.market-index .demo-blur .scrip-day .me-3 .sliders input {
  width: 100%;
  pointer-events: none;
}

.sliders input {
  width: 100%;
  pointer-events: none;
}

.postDetailview
  .modal-dialog
  .userProfile
  .blog-post
  .comment-box
  .inner-comment-box
  #descriptioncommunitypostdetails {
  overflow-wrap: break-word;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #757575;
  font-size: 16px !important;
  line-height: 23px;
}

.market-index.screener.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  p {
  overflow-wrap: break-word;
}

.ipolist table tr th:empty {
  width: 80px;
}

.userProfile.community-feed .comment-box {
  background-color: #fff;
  max-width: 100vw;
  border: 1px solid #dee2e6;
  margin-bottom: 20px;
}

.userProfile.community-feed .blog-post .comment-box .inner-comment-box {
  padding: 20px;
  width: 100%;
}

.userProfile.community-feed .blog-post .comment-box .d-flex.align-items-center {
  padding: 0px 15px 0px 15px;
}

.userProfile.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .service-info {
  padding: 0px 12px 20px 0px;
  line-height: 24px;
  font-size: 16px !important;
  white-space: pre-wrap;
}

.market-index.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  div.text-uppercase.text-blue {
  padding: 0px 0px 0px 0px;
  margin-top: 11px;
}

.community-feed .blog-post .comment-box .inner-comment-box .post-img-big {
  margin: 0 auto;
  overflow: hidden;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-big
  figure {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-height: 250px;
  max-height: 350px;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-big
  figure
  img {
  display: block;
  margin: 0 auto;
  height: auto;
  min-height: 150px;
  width: 100%;
  z-index: 1;
  transition: opacity 0.3s ease;
  object-fit: contain;
}

.community-feed .blog-post .comment-box .inner-comment-box .post-img-small {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-height: 388px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small
  figure {
  display: block;
  cursor: pointer;
  position: relative;
  transition: opacity 0.3s ease;
  width: 100%;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small
  figure::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0000004d;
  opacity: 0;
  transition: opacity 0.9s ease;
  z-index: 1;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small
  figure
  img {
  width: 100%;
  max-width: unset;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small.leassThanAspect
  figure
  img {
  width: 100%;
  max-width: unset;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small
  figure:hover:after {
  opacity: 1;
}

.community-feed .blog-post .comment-box .inner-comment-box #Postimg {
  margin-top: 12px;
}

.smallAttach {
  justify-content: start !important;
}

.smallAttach figure {
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 1px 6px 6px #00000026;
  width: 180px !important;
  height: 110px !important;
  display: flex !important;
  justify-content: start;
}

.smallAttach figure img {
  width: 100%;
  object-fit: cover;
}

.blog-post .post-box {
  background-color: #fff;
  max-width: 100vw;
  border: 1px solid #dee2e6;
  margin-bottom: 20px;
  filter: drop-shadow(0px 0px 1px #dee2e6);
}

.blog-post .post-btn a {
  font-size: 16px !important;
  text-decoration: none;
}

.blog-post .post-btn a:hover {
  color: #757575;
}

.blog-post .status-box {
  padding-top: 14px;
}

.blog-post .post-box .btn-text {
  cursor: pointer;
  background-color: transparent;
  color: rgba(119, 119, 119, 0.5);
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 17px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  padding-top: 9px;
}

.blog-post .post-box .btn-text:hover {
  color: rgba(119, 119, 119, 0.8);
}

.blog-post .post-box .btn-check:checked + .btn,
.btn.active,
.btn.show,
:not(.btn-check) + .btn:active {
  border-color: #dee2e6 !important;
}

.transfer-out-popup-tbl table tbody tr:last-child {
  border-bottom: hidden;
}

.market-index #dvAbut .pb-4.border-bottom .d-flex.align-content-center {
  flex-wrap: wrap;
}

.sharetransferlist.watchlist-container .watchlist-table {
  padding-top: 0px;
  margin-top: 0px;
}

.sharetransferlist .watchlist-table {
  max-height: calc(100vh - 265px) !important;
}

.sharetransferlist .watchlist-table table thead {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px;
  background: #fff;
  z-index: 99;
  opacity: 1 !important;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.Transfer-details .scrip-status-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 29px;
}

.Transfer-details .scrip-status-container .scrip-status-box {
  border: 1px solid #dee2e6;
  padding: 7px 10px;
  min-width: 560px;
}

.Transfer-details .scrip-status-container .scrip-status-box .status-text {
  padding-top: 9px;
  line-height: 20px;
}

table.dataTable thead .tbl-dropdown.sorting:before {
  position: absolute !important;
  left: 168px;
  display: block !important;
}

table.dataTable thead .tbl-dropdown.sorting.sorting_asc:before,
table.dataTable thead .tbl-dropdown.sorting.sorting_desc:before,
table.dataTable thead .tbl-dropdown.sorting.sorting_asc_disabled:before,
table.dataTable thead .tbl-dropdown.sorting.sorting_desc_disabled:before {
  position: absolute !important;
  left: 168px;
  display: block !important;
}

table.dataTable thead .tbl-dropdown.sorting:after {
  position: absolute !important;
  left: 168px;
  display: block !important;
}

table.dataTable thead .tbl-dropdown.sorting.sorting_asc:after,
table.dataTable thead .tbl-dropdown.sorting.sorting_desc:after,
table.dataTable thead .tbl-dropdown.sorting.sorting_asc_disabled:after,
table.dataTable thead .tbl-dropdown.sorting.sorting_desc_disabled:after {
  position: absolute !important;
  left: 168px;
  display: block !important;
}

.instrument-bg {
  width: 422.75px;
}

.community-feed .inner-comment-box .shortentextfordescriptiondiv {
  position: relative;
  margin: 0px 0px 0px 0px;
  width: 100%;
  max-height: 48px;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.community-feed .inner-comment-box .service-info a {
  text-decoration: none !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  line-height: 22px;
  color: #0d6efd;
  text-decoration: underline !important;
}

.transfer-in-tbl .total-bottom-border td:nth-child(3) {
  width: 10%;
}

.transfer-in-tbl .total-bottom-border td:nth-child(2) {
  width: 28%;
}

.transfer-in-tbl .total-bottom-border td:nth-child(1) {
  width: 63.5%;
}

.sharetransferlist .watchlist-table table.transfer-share-tbl {
  min-height: 100px;
}

.sharetransferlist
  .watchlist-table
  table.transfer-share-tbl
  tr
  td
  .link
  .tooltip {
  transform: translateX(-92%);
}

.sharetransferlist
  .watchlist-table
  table.transfer-share-tbl
  tr
  td
  .link
  .tooltip::before {
  left: 91% !important;
}

.transfer-icon {
  padding: 0px 15px 0px 15px;
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  margin-right: 10px;
}

.service-request .sidebar-menu .list-group a.active .my-products-icon,
.service-request .sidebar-menu .list-group a:hover .my-products-icon {
  background: url(../images/my-products-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .share-transfer-icon,
.service-request .sidebar-menu .list-group a:hover .share-transfer-icon {
  background: url(../images/share-transfer-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .add-funds-icon,
.service-request .sidebar-menu .list-group a:hover .add-funds-icon {
  background: url(../images/add-fund-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .complaints-suggestion-icon,
.service-request .sidebar-menu .list-group a:hover .complaints-suggestion-icon {
  background: url(../images/complaints-suggestion-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .deposit-funds-icon,
.service-request .sidebar-menu .list-group a:hover .deposit-funds-icon {
  background: url(../images/deposit-icon-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .etihad-icon,
.service-request .sidebar-menu .list-group a:hover .etihad-icon {
  background: url(../images/plane-active-black.png) no-repeat;
  width: 41px;
  height: 32px;
}

.service-request .sidebar-menu .list-group a .my-products-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/my-products-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .share-transfer-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/share-transfer-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .add-funds-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/add-funds-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .complaints-suggestion-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/complaints-suggestion-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a .etihad-icon {
  content: "";
  display: inline-block;
  width: 41px;
  height: 32px;
  background: url(../images/plane-inactive-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 1px;
}

.service-request .sidebar-menu .list-group a .deposit-funds-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/deposit-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.dividend-progress .progress-bar .progress-steps:first-child .link .tooltip {
  transform: translateX(-5%);
}

.dividend-progress
  .progress-bar
  .progress-steps:first-child
  .link
  .tooltip::before {
  left: 3% !important;
}

.dividend-progress .progress-bar .progress-steps:nth-child(2) .link .tooltip {
  transform: translateX(-5%);
}

.dividend-progress
  .progress-bar
  .progress-steps:nth-child(2)
  .link
  .tooltip::before {
  left: 3% !important;
}

.dividend-progress .progress-bar .progress-steps:nth-child(3) .link .tooltip {
  transform: translateX(-5%);
}

.dividend-progress
  .progress-bar
  .progress-steps:nth-child(3)
  .link
  .tooltip::before {
  left: 3% !important;
}

.dividend-progress .progress-bar .progress-steps:nth-child(4) .link .tooltip {
  transform: translateX(-5%);
}

.dividend-progress
  .progress-bar
  .progress-steps:nth-child(4)
  .link
  .tooltip::before {
  left: 3% !important;
}

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282" !important;
  color: #ad8400;
  top: 21px !important;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286" !important;
  color: #ad8400;
  top: 13px !important;
}

table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after {
  opacity: 1 !important;
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  opacity: 0 !important;
}

table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1 !important;
}

.chart-text-box {
  position: relative;
  border: 1px solid #dee2e6;
  min-height: 291px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chart-text-box1 {
  position: relative;
  min-height: 291px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #dee2e6;
}

#dvChartSection .chart-text-box h3 {
  font-size: 16px !important;
  display: block;
}

#dvChartSection .chart-text-box img {
  margin: 0 auto;
  display: block;
}

#dvChartSection.chart-text .chart-text-box h3 {
  font-size: 16px !important;
  display: block;
}

#dvChartSection.chart-text .chart-text-box img {
  margin: 0 auto;
  display: block;
}

#dvChartSection.market-chart-text .chart-text-box1 img {
  margin: 0 auto;
  display: block;
}

#dvChartSection.market-chart-text .chart-text-box h3 {
  font-size: 16px !important;
  display: block;
}

.transfer-share-tbl.table tr:first-child .link .tooltip {
  bottom: -86px !important;
}

.sharetransferlist
  .watchlist-table
  table.transfer-share-tbl
  tr:first-child
  .link
  .tooltip::before {
  left: 89% !important;
  bottom: 79px !important;
  transform: rotate(180deg) !important;
}

.eipo .topBar .stock-box-inner .bootstrap-select .btn-light {
  width: auto;
}

.usermenu-dropdown .mode-type .font-base-semibold.font-RaisinBlack {
  margin-top: 3px;
}

.portfolio.eipo
  .watchlist-container
  .table
  .scrip-name
  .scrip-box
  .short-scrip-name {
  cursor: default;
}

.nodatatext {
  color: #262626;
  text-align: center;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  padding-top: 10px;
}

.filter-dropdownnew .filter-dropdownMenu.scroll {
  overflow-y: auto;
  background: #ffffff;
}

.filter-dropdownnew .filter-dropdownMenu.scroll:active::-webkit-scrollbar-thumb,
.filter-dropdownnew .filter-dropdownMenu.scroll:focus::-webkit-scrollbar-thumb,
.filter-dropdownnew .filter-dropdownMenu.scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
  border-radius: 10px;
}

.filter-dropdownnew .filter-dropdownMenu.scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  visibility: hidden;
}

.filter-dropdownnew .filter-dropdownMenu.scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.pnlNew .tableTopCal {
  display: flex;
  flex-wrap: nowrap;
  line-height: 1;
  padding-top: 10px;
  justify-content: center;
  margin-bottom: 0px !important;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: calc(100vw - 17px);
  background: #fff;
  border-top: 1px solid #dee2e6;
  z-index: 99;
  transition: 0.3s all ease;
}

.pnlNew .tableTopCal.border-top {
  margin-bottom: 0;
}

.pnlNew .tableTopCal .aval-bal {
  margin: 7px 0px 0px 0px !important;
  height: 53px;
  padding-left: 15px;
  padding-right: 15px;
}

.pnlNew .tableTopCal h3 {
  font-size: 24px !important;
  margin-bottom: 5px;
  font-family: "ProximaNova-Black", Arial, sans-serif !important;
  color: #262626;
}

.pnlNew .tableTopCal h3 span {
  font-size: 24px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.pnlNew .tableTopCal .virtual-equity-bal {
  background: rgba(119, 119, 119, 0.0509803922) !important;
  height: -moz-max-content !important;
  height: max-content !important;
}

.pnlNew .tableTopCal .synImg {
  margin-inline: 10px;
  margin-bottom: 7px;
}

.pnlNew .tableTopCal .equalto-icon img {
  margin-top: 18px;
}

.Transfer-details .header-input-wrap .autocomplete-search_stock {
  border: 1px solid rgba(119, 119, 119, 0.231372549) !important;
  overflow-y: auto;
  height: auto;
  max-height: calc(100vh - 397px);
}

#deleteaddedscriptmodal .confirm-btn .proceed-btn {
  min-width: 192px;
}

.modal.confirmtransfermodal#deleteaddedscriptmodal .modal-dialog {
  max-width: 465px !important;
}

.disclaimer-text {
  margin-top: 30px;
}

.disclaimer-text p {
  font-size: 12px !important;
  color: #777777;
  margin-bottom: 12px;
}

.disclaimer.ipoSteps .apply {
  margin-top: 0px;
  max-width: 100%;
}

.disclaimer.ipoSteps .apply .tnc {
  border-bottom: 0px;
  padding: 0px 0px 0px 0px;
}

.disclaimer.ipoSteps .apply .agreements span {
  padding-left: 30px;
}

.disclaimer.ipoSteps .apply .agreements input[type="checkbox"] {
  margin-right: 11px !important;
  margin-left: 30px !important;
}

.disclaimer.ipoSteps .apply .tnc a {
  color: #777777;
  text-decoration: underline;
  cursor: pointer;
}

.disclaimer.ipoSteps .apply .tnc a:hover {
  color: #ad8400;
}

.watchlist-container .table.transfer-share-tbl tr td:nth-child(6) {
  padding-right: 40px;
}

.watchlist-container .table.transfer-share-tbl tr th:nth-child(6) {
  padding-right: 60px;
}

.watchlist-container
  .table.transfer-share-tbl
  tr
  th:nth-child(6).sorting:before {
  right: 41px;
}

.watchlist-container
  .table.transfer-share-tbl
  tr
  th:nth-child(6).sorting:after {
  right: 41px;
}

.addfundModal.modal {
  background: rgba(0, 0, 0, 0.5411764706);
  z-index: 9999;
}

.addfundModal .modal-dialog {
  max-width: 537px !important;
  top: 25%;
}

.addfundModal .modal-dialog .modal-content {
  border-radius: 0px;
}

.community-feed .comment-box .inner-comment-box > h3 {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 22px !important;
  color: #262626;
  overflow-wrap: break-word;
  padding: 0px 20px 0px 20px;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .text-uppercase.text-blue {
  padding: 0px 20px 20px 20px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .hand-thumbs-up {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/like-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .hand-thumbs-up.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/like-active-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .comment-box-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/comment-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .share-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/share-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .flag-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/flag.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .flag-icon.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/flag-save.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .flag-active-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/flag-active-icon-out.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .flag-active-icon.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/flag-active-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile .comment-box .inner-comment-box .more-icon {
  display: inline-block;
  width: 12px;
  height: 25px;
  background: url(../images/feed-more-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  .like-count-icon {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/like-gray-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  .like-count-icon.active {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/like-gold-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  .comment-count-icon {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/comment-gray-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  .comment-count-icon.active {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/comment-gold-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  .share-count-icon {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/share-gray-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  .share-count-icon.active {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(../images/share-gold-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.reply-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/reply-icon.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.report-flag-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/flag-icon-red.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.report-flag-icon.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/flag-spam-red.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.edit-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/edit-gold.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.delete-icon {
  display: inline-block;
  width: 14px;
  height: 17px;
  background: url(../images/delete-gold.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.editcommenthistory-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/Edit-History_01.svg) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  filter: invert(82%) sepia(107%) saturate(2518%) hue-rotate(28deg)
    brightness(95%) contrast(137%);
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-count
  span {
  font-size: 16px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #777777;
  min-width: 27px;
  text-align: center;
}

.userProfile .comment-box .inner-comment-box .social-comment-link .like-count {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .social-comment-link
  .like-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group {
  margin-left: 20px;
}

.userProfile .comment-box .inner-comment-box .dropdown {
  position: relative;
  display: inline;
  bottom: -1px;
}

.userProfile .comment-box .inner-comment-box .dropdown a {
  position: relative;
  bottom: 0px;
}

.userProfile .comment-box .inner-comment-box .dropdown .dropdown-menu {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-100%, -103%) !important;
  inset: initial !important;
  padding: 0px;
}

.userProfile .comment-box .inner-comment-box .dropdown .dropdown-menu a {
  text-align: left;
  text-decoration: none;
  padding: 10px 10px 10px 10px;
  display: flex;
  align-items: center;
}

.userProfile .comment-box .inner-comment-box .dropdown .dropdown-menu a img {
  margin: 0px 6px 0px 0px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group
  .lcs {
  position: relative;
}

.userProfile .comment-box .inner-comment-box .comment-rply-box {
  margin-left: -1px;
  margin-right: 3px;
  margin-top: 12px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .circular_image-small {
  width: 34px;
  height: 34px;
}

.userProfile .comment-box .inner-comment-box .comment-rply-box .rply-box-inner {
  padding-left: 50px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .rply-box-inner::before {
  height: 95%;
  bottom: -48px;
  left: 15px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .rply-box-inner
  .rply-box
  h4 {
  padding-bottom: 4px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .rply-box-inner
  .rply-box
  p {
  font-size: 13px !important;
  font-family: "ProximaNova-Light" !important;
  color: #262626 !important;
  line-height: 16px;
  margin-bottom: 0px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .rply-details
  .like-count-details {
  position: absolute;
  top: -18px;
  left: 62px;
  right: 0px !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: 31px;
  padding: 2px 5px 2px 3px;
  min-width: 65px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .rply-details
  .rply-option {
  padding-top: 10px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-rply-box
  .rply-count-details {
  margin-left: 63px;
}

.userProfile .comment-box .inner-comment-box .comment-box-container {
  padding: 24px 0px 10px 0px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-box-container
  .commentbox {
  flex: 1;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-box-container
  .commentbox
  textarea {
  border: 1px solid var(--bs-border-color);
  overflow: hidden;
  background: #f1f2f3;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  outline: none;
  min-height: 100px;
  max-height: 340px;
  height: auto;
  resize: none;
  width: 100%;
  padding: 10px 10px;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-box-container
  .circular_image {
  width: 34px;
  height: 34px;
  margin-right: 15px !important;
}

.userProfile
  .comment-box
  .inner-comment-box
  .comment-box-container
  .circular_image
  img {
  -o-object-fit: cover;
  object-fit: cover;
}

.userProfile .comment-box .inner-comment-box .comment-box-container .post-btn {
  min-width: 90px !important;
  border-radius: 6px;
  padding: 8px 5px 5px 5px;
  text-align: center;
  height: 36px !important;
  color: #fff;
}

.postlike.modal {
  background: rgba(0, 0, 0, 0.5411764706);
}

.postlike .modal-dialog {
  top: 15%;
}

.postlike .modal-dialog .modal-header {
  padding-bottom: 10px !important;
}

.postlike .modal-dialog .modal-content {
  border-radius: 0px;
}

.postlike .modal-dialog .modal-body {
  max-height: 389px;
}

.postlike .modal-dialog .modal-body.scroll {
  overflow-y: scroll;
}

.postlike .modal-dialog .modal-body .scroll:active::-webkit-scrollbar-thumb,
.postlike .modal-dialog .modal-body .scroll:focus::-webkit-scrollbar-thumb,
.postlike .modal-dialog .modal-body .scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.postlike .modal-dialog .modal-body .scroll::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  visibility: hidden;
}

.postlike .modal-dialog .modal-body .scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.postlike .modal-dialog .modal-body .blog-post {
  border-bottom: 1px solid var(--bs-border-color);
  padding: 12px 10px;
}

.postlike .modal-dialog .modal-body .blog-post .profile .circular_image img {
  -o-object-fit: cover;
  object-fit: cover;
}

.postlike .modal-dialog .modal-body .blog-post:first-child {
  border-top: 1px solid var(--bs-border-color);
}

.postlike .modal-dialog .modal-body .blog-post:last-child {
  border-bottom: 0px;
}

#deletepostmodal .confirm-btn .proceed-btn {
  min-width: 155px;
}

.modal.confirmtransfermodal#deletepostmodal .modal-dialog {
  max-width: 456px !important;
}

.modal.confirmtransfermodal#deletepostmodal .modal-dialog .modal-body {
  padding: 0px 45px 10px 45px !important;
}

.share-icon-body {
  width: 307px;
  border-radius: 8px;
  border: 1px solid rgba(119, 119, 119, 0.31);
  position: absolute;
  top: -51px;
  left: auto;
  right: 0;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 3px 1px;
}

.share-icon-body .social-media-icon-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 7px 0px 7px 0px;
}

.social-media-sec {
  border: 1px solid var(--bs-border-color);
  padding: 22px 10px;
}

.social-media-sec .social-media-share-sect {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.inner-comment-rply-box .rply-box-inner::before {
  display: none;
}

.writepostModal.modal {
  background: rgba(0, 0, 0, 0.5411764706);
}

.writepostModal.modal .modal-dialog {
  max-width: 878px;
}

.writepostModal.modal .modal-wrapper {
  position: relative;
}

.writepostModal.modal .modal-dialog .modal-content {
  border-radius: 0px;
  min-height: 243px;
  max-height: 450px;
}

.writepostModal.modal .modal-dialog .modal-content .modal-header {
  padding: 15px 20px 15px 20px;
}

.writepostModal.modal .modal-dialog .modal-content .modal-body {
  padding: 0px 14px 15px 20px;
  max-height: calc(80vh - 214px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.writepostModal.modal .modal-dialog .modal-content .modal-body .blog-post {
  min-height: 210px;
  background: #f1f2f3;
  padding: 10px 10px;
  border: 1px solid #dee2e6;
}

.writepostModal.modal
  .modal-dialog
  .modal-content
  .modal-body
  .blog-post
  .post-box {
  border: 0px;
  background: #f1f2f3;
  filter: none;
}

.writepostModal.modal .search-suggetion-container {
  bottom: 74px;
  max-height: 105px;
  margin: 0;
  margin: initial;
  overflow: hidden;
  position: absolute;
  background: #fff;
  padding: 5px 0px 5px 10px;
  width: 100%;
  z-index: 999;
}

.writepostModal.modal .search-suggetion-container .search-suggetion-box {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0px 15px 0px 0px;
}

.writepostModal.modal
  .search-suggetion-container
  .search-suggetion-box
  .search-suggetion-comapny-list {
  display: flex;
  flex-direction: row;
}

.writepostModal.modal
  .search-suggetion-container
  .search-suggetion-box
  .search-suggetion-comapny-list
  .company-name {
  flex-direction: column;
  height: 84px;
  text-align: center;
  border-bottom: none;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.writepostModal.modal
  .search-suggetion-container
  .search-suggetion-box
  .search-suggetion-comapny-list
  .company-name
  figure {
  margin-bottom: 0px;
}

.writepostModal.modal .preview_img {
  width: 100%;
  height: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 10px;
  position: relative;
}

.writepostModal.modal .preview_img .close-div {
  padding: 0px 0px 0px 0px;
}

.writepostModal.modal .preview_img .img-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9;
  background-color: #cdcdcd;
  border-radius: 50px;
  width: 20px;
  height: 20px;
}

.writepostModal.modal .preview_img .main_img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 278px;
}

.writepostModal.modal .preview_img picture img {
  width: 100%;
  height: 100%;
  display: block;
}

.writepostModal.modal .imgHidden {
  display: none;
}

.writepostModal.modal .imgUploadCss {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.writepostModal.modal .modal-footer {
  padding: 15px 16px 15px 18px;
  display: flex;
  justify-content: space-between;
}

.input-sizer {
  display: inline-grid;
  vertical-align: top;
  align-items: center;
  position: relative;
  padding: 0.25em 0.5em;
  margin: 5px;
  min-width: 750px;
  overflow: hidden;
}

.input-sizer.stacked {
  align-items: stretch;
}

.input-sizer.stacked::after,
.input-sizer.stacked input,
.input-sizer.stacked textarea {
  grid-area: 2/1;
}

.input-sizer::after,
.input-sizer input,
.input-sizer textarea {
  width: auto;
  min-width: 1em;
  grid-area: 1/2;
  font: inherit;
  padding: 0.25em;
  margin: 0;
  resize: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  min-height: 188px;
  height: 100%;
  overflow: hidden;
}

.input-sizer span {
  padding: 0.25em;
}

.input-sizer::after {
  content: attr(data-value) " ";
  visibility: hidden;
  white-space: pre-wrap;
}

.input-sizer:focus-within textarea:focus,
.input-sizer:focus-within input:focus {
  outline: none;
}

.input-sizer > span {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: bold;
  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.preview_img .url-text {
  overflow: hidden;
}

.preview_img .url-text .url-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.preview_img .url-text .url-desc .url-img {
  min-width: 150px;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preview_img .url-text .url-desc .url-img img {
  border-radius: 6px;
}

.preview_img .url-text .url-desc .url-desc-text {
  margin-left: 20px;
}

.preview_img .url-text .url-desc .url-desc-text h3 {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #2999f5;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 600px;
  margin-bottom: 0px;
  line-height: 16px;
}

.preview_img .url-text .url-desc .url-desc-text .link-text {
  color: #2999f5;
  font-size: 12px !important;
}

.preview_img .url-text .url-desc .url-desc-text .discription {
  flex: 1;
  overflow: hidden;
  line-height: 22px;
}

.market-index.screener
  .preview_img
  .url-text
  .url-desc
  .url-desc-text
  .discription {
  white-space: pre-wrap;
}

.btn-disable {
  background: rgba(119, 119, 119, 0.7);
  color: #fff;
}

.video-link .video-text {
  margin-top: 20px;
}

.video-link .video-text h3 {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #2999f5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 600px;
  margin-bottom: 0px;
  line-height: 16px;
}

.video-link .video-text .link-text {
  color: #2999f5;
  font-size: 12px !important;
}

.video-link .video-text .discription {
  flex: 1;
  overflow: hidden;
  line-height: 22px;
}

.highlights {
  border: 0px;
  background: transparent;
  grid-area: 2/1;
  position: static;
  padding-top: 0 !important;
  overflow: auto;
}

.blog-post .input-sizer textarea {
  z-index: 999;
  padding-top: 0px;
}

.dashboard-container {
  padding-bottom: 80px;
}

.market-list-box
  .vscrollbar
  .force-overflow
  ul
  li
  .scrip-list
  .col-xl-7
  .row
  .col-4
  div {
  white-space: nowrap;
}

.market-list-box
  .vscrollbar
  .force-overflow
  ul
  li
  .scrip-list
  .col-xl-7
  .row
  .col-4
  div
  .text-secondary {
  padding-left: 10px;
}

.btn-disable {
  background: rgba(119, 119, 119, 0.7) !important;
  color: #fff !important;
  pointer-events: none !important;
  border: transparent !important;
}

.reason-text {
  display: flex;
  padding: 0px 20px;
  margin-top: 20px;
}

.reason-text .reason-desc {
  color: #262626;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  padding-left: 10px;
}

.offcanvas.offcanvas-end {
  border-left: none;
}

.transferout-external
  .transfer-in-tbl
  tr
  td
  .autocomplete-search_stock
  ul
  li
  .scrip-name
  .scrip-box {
  white-space: nowrap;
}

.termsandconditionmodal.modal {
  background: rgba(0, 0, 0, 0.5411764706);
  z-index: 9999;
}

.termsandconditionmodal.modal.show .modal-dialog {
  max-width: 850px;
}

.termsandconditionmodal .modal-content {
  border-radius: 0px;
  border: 0px;
}

#confirmtransferOutModal .modal-dialog {
  max-width: 825px !important;
}

.transfer-out-popup-tbl table tr td.scrip-name .scrip-box {
  white-space: nowrap;
}

.transfer-out-external-share .container-fluid {
  height: calc(100vh - 90px);
}

.front-url {
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-top: 15px;
}

.front-url .preview_img {
  border-radius: 7px;
  box-shadow: 0 1px 6px #00000026;
  overflow: hidden;
  padding: 15px 10px 15px 10px;
}

.front-url .preview_img .url-text .url-desc {
  justify-content: flex-start;
}

.front-url .preview_img .url-text .url-desc .url-desc-text {
  min-width: 553px;
}

.market-index.screener
  .front-url
  .preview_img
  .url-text
  .url-desc
  .url-desc-text {
  min-width: 100px;
}

.islamic-img {
  position: relative;
}

.islamic-img .islamic-stock {
  position: absolute;
  left: 37px;
  top: -5px;
}

.trending-assets-new .card figure.islamic-img {
  width: 52px;
  height: 52px;
  margin: 0 auto;
}

.toast-msg {
  z-index: 11;
  margin-bottom: 10px;
  left: 37%;
  bottom: 10% !important;
  width: fit-content;
}

.portfolio #pills-orders .watchlist-container .table tr td:nth-child(9),
.portfolio #pills-orders .watchlist-container .table tr th:nth-child(9) {
  padding-right: 8px !important;
}

.custom-alert {
  visibility: hidden;
  min-width: 400px;
  margin-left: -125px;
  color: #333;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 100px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  z-index: 999999;
  background: #fff;
  filter: drop-shadow(0px 0px 6px #dee2e6);
  border-top: 1px solid #e4e4e4;
  box-shadow: 0 1px 1px #0000004d;
  font-size: 16px;
  color: #777;
}

.custom-alert.show {
  visibility: visible;
  -webkit-animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
  animation:
    fadein 0.5s,
    fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 100px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 100px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 100px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 100px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

.loadmore {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 15px 10px;
}

.market-index.screener
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group {
  gap: 5px;
}

.market-index.screener .blog-post .comment-box .inner-comment-box {
  padding: 0px 1px 0px 60px;
}

.market-index.screener
  .comment-box
  .inner-comment-box
  .social-comment-link
  .like-share-group {
  margin-left: 0px;
  margin-right: 0px;
}

.market-index.screener .comment-box .inner-comment-box .social-comment-link {
  margin: 10px 0 10px 0;
}

.market-index.screener .comment-box .profile {
  gap: 0px;
}

.eipo {
  padding-bottom: 105px;
}

.eipo .order-status {
  margin: 2px 8px 14px 0px;
}

.eipo .order-status .dropdown-menu {
  min-width: 7rem;
}

.eipo .order-status .dropdown-menu .dropdown-scroll {
  height: auto;
  min-width: 7rem;
}

.eipo .status-group .status-btn {
  line-height: 26px;
}

.eipo .status-group .status-btn img {
  margin-left: 8px;
}

.eipo .main-sec .slick-dots li button:before {
  font-size: 30px;
}

.eipo .main-sec .slick-next {
  display: none !important;
}

.eipo .main-sec .slick-slide {
  max-width: 100%;
  max-height: 450px;
  min-height: 450px;
  margin: 0px 10px 0px 10px;
  border: 1px solid var(--bs-border-color);
  padding: 10px 8px;
}

.eipo .main-sec .slide-content {
  display: flex;
}

.eipo .main-sec .slide-content .image-sec {
  border-right: 1px solid var(--bs-border-color);
  padding-top: 20px;
}

.eipo .main-sec .slide-content .text-sec {
  padding: 23px 0px 23px 23px;
  flex: 1;
}

.eipo .main-sec .slide-content .text-sec .scrip-name .scrip-box {
  padding: 20px 0px 0px 25px;
}

.eipo .main-sec .slide-content .text-sec .scrip-name .scrip-box .light-case {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #767676;
}

.eipo .main-sec .slide-content .text-sec .ipoSteps .prospect-sec {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  margin-top: 30px;
  margin-left: 44px;
}

.eipo
  .main-sec
  .slide-content
  .text-sec
  .ipoSteps
  .prospect-sec
  .min-amt:first-child {
  padding-right: 25px;
}

.eipo
  .main-sec
  .slide-content
  .text-sec
  .ipoSteps
  .prospect-sec
  .min-amt:nth-child(2) {
  padding-left: 25px;
  padding-right: 25px;
  max-width: 410px;
  word-break: break-word;
  border-right: 1px solid var(--bs-border-color);
  border-left: 1px solid var(--bs-border-color);
}

.eipo .main-sec .slide-content .text-sec .ipoSteps .prospect-sec .prospect-pdf {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 11px;
  padding-left: 25px;
}

.eipo
  .main-sec
  .slide-content
  .text-sec
  .ipoSteps
  .prospect-sec
  .prospect-pdf
  .btn {
  height: 30px;
  font-size: 16px !important;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.eipo .main-sec .slide-content .text-sec .ipoSteps .proceed-btn {
  margin-top: 15px;
  /* line-height: 37px; */
  margin-left: 40px;
}

.eipo .main-sec .slide-content .no-active-ipo {
  margin: 65px auto 55px auto !important;
  padding-left: 15px;
  padding-right: 15px;
}

.eipo .main-sec .slide-content .no-active-ipo img {
  margin: 0 auto;
}

.eipo .page-name-head h1 {
  margin: 1rem 0px 1rem 10px;
}

.eipo .topBar {
  margin: 21px 0px 0px 10px !important;
}

.eipo .topBar .select-icon {
  margin: 5px 3px 0px 0px !important;
}

.eipo .topBar .select-icon:last-child {
  margin: 5px 21px 0px 7px !important;
}

.eipo .ipoSteps .service-request {
  margin: 25px 0px 0px -39px;
}

.eipo .ipoSteps .service-request .progress-steps:before,
.eipo .ipoSteps .service-request .progress-steps:after {
  top: 9px;
}

.eipo .ipoSteps .service-request .progress-steps .step-count {
  height: 20px;
  width: 20px;
  margin-bottom: 10px;
}

.eipo .ipoSteps .service-request .progress-steps .step-count:before {
  font-size: 17px;
}

.eipo .upcoming-ipo .slider1 .scrip-icon {
  margin: 0 auto;
}

.eipo .upcoming-ipo .slider1 .card-top {
  background: #f8f8f9;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  min-height: 222px;
}

.eipo .upcoming-ipo .slider1 .watchlist-card-price {
  padding: 0px 15px 0px 15px;
}

.eipo .upcoming-ipo .slider1 .watchlist-card-price .ipoSteps {
  border-bottom: 1px solid var(--bs-border-color);
  padding-bottom: 15px;
}

.eipo .upcoming-ipo .slider1 .watchlist-card-price .ipoSteps .service-request {
  margin: 25px 0px 0px 0px;
}

.eipo
  .upcoming-ipo
  .slider1
  .watchlist-card-price
  .service-request
  .progress-steps
  .step-count {
  margin-bottom: 2px;
}

.eipo .upcoming-ipo .slider1 .watchlist-card-price .card-bottom {
  margin-top: 20px;
}

.eipo .upcoming-ipo .slider1 .watchlist-card-price .card-bottom .card-amt-sec {
  display: flex;
  gap: 25px;
  margin-bottom: 10px;
}

.eipo
  .upcoming-ipo
  .slider1
  .watchlist-card-price
  .card-bottom
  .card-amt-sec-last {
  display: flex;
  gap: 45px;
}

.eipo .upcoming-ipo .slider1 .slick-next {
  right: -1px;
  color: #7f7f7f;
  background-image: linear-gradient(
    to left,
    rgb(255, 255, 255) 0,
    rgba(255, 255, 255, 0) 100%
  );
  height: 477px;
  width: 200px;
}

.eipo .upcoming-ipo .slider1 .slick-next .bi-arrow-right-circle {
  position: relative;
  top: 190px;
  right: -154px;
}

.eipo .upcoming-ipo .slider1 .slick-next::before {
  content: "";
}

.eipo .upcoming-ipo .slider1 .slick-prev {
  left: -1px;
  color: #7f7f7f;
  z-index: 9999;
  background-image: linear-gradient(
    to right,
    rgb(255, 255, 255) 0,
    rgba(255, 255, 255, 0.01) 100%
  );
  height: 477px;
  width: 200px;
}

.eipo .upcoming-ipo .slider1 .slick-prev .bi-arrow-left-circle {
  position: relative;
  top: 190px;
  left: 8px;
}

.eipo .upcoming-ipo .slider1 .slick-prev::before {
  content: "";
}

.eipo .upcoming-ipo .card {
  border-radius: 0px;
  max-width: 436px;
}

.eipo .upcoming-ipo .service-request .progress-steps:before,
.eipo .upcoming-ipo .service-request .progress-steps:after {
  z-index: 1;
}

.eipo .upcoming-ipo .ipoSteps .service-request .progress-steps .step-count {
  z-index: 2;
  position: relative;
}

.eipo .upcoming-ipo .slider1 .slick-track {
  margin-left: 0px !important;
}

.eipo .closed-ipo {
  border: 1px solid var(--bs-border-color);
  padding: 15px 15px;
}

.eipo .closed-ipo .close-head {
  display: flex;
  justify-content: space-between;
}

.eipo .closed-ipo .stock-box-inner {
  display: flex;
}

.eipo .closed-ipo .stock-box-inner .text-light {
  font-size: 18px !important;
  color: #777777 !important;
  padding-top: 3px;
}

.eipo .closed-ipo .stock-box-inner .bootstrap-select .btn-light {
  width: -moz-fit-content;
  width: fit-content;
}

.eipo
  .closed-ipo
  .stock-box-inner
  .bootstrap-select
  .filter-option-inner-inner {
  font-size: 16px !important;
}

.eipo .card-view-sec {
  padding: 10px 14px 0px 20px;
}

.eipo .card-view-sec .watchlist-card-price .card-bottom .card-amt-sec {
  display: flex;
  gap: 80px;
  margin-bottom: 10px;
}

.eipo .card-view-sec .watchlist-card-price .card-bottom .card-amt-sec-last {
  display: flex;
  gap: 110px;
}

.eipo .card-view-sec .watchlist-card-price {
  padding: 0px 15px 0px 15px;
}

.eipo .card-view-sec .card-top {
  background: #f8f8f9;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

.eipo .card-view-sec .card {
  border-radius: 0px;
}

.eipo .card-view-sec .card-text {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 14px !important;
  color: rgba(119, 119, 119, 0.7);
}

.eipo .card-view-sec .card-amt-sect {
  padding-bottom: 2px;
}

.eipo-subscribe.screener .tradeCanvas .container {
  width: 455px;
}

.eipo-subscribe .eipo .ipoSteps .service-request {
  margin: 0px 0px 0px 0px;
}

.eipo-subscribe .margin-top {
  margin-top: -4px;
}

.eipo-subscribe .company-name .scrip-name {
  margin-left: 50px;
}

.eipo-subscribe .company-name .scrip-name .scrip-box {
  padding: 5px 0px 0px 10px;
}

.eipo-subscribe .detailsStatus .amt-details {
  display: flex;
  justify-content: flex-start;
  margin-top: 12px;
}

.eipo-subscribe .detailsStatus .amt-details .amt-sec {
  border-right: 1px solid var(--bs-border-color);
  padding-right: 20px;
  flex: 1;
}

.eipo-subscribe .detailsStatus .amt-details .amt-sec1 {
  border-right: 1px solid var(--bs-border-color);
  padding-right: 20px;
  padding-left: 20px;
  flex: 1;
}

.eipo-subscribe .detailsStatus .amt-details .amt-sec2 {
  padding-left: 20px;
  flex: 1;
}

.eipo-subscribe .ipoSteps .apply {
  margin-top: 0px;
}

.ipomodal .modal-dialog {
  max-width: 636px;
}

.ipomodal .modal-body .font-light {
  font-size: 18px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
}

.eipo .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

.trending-assets-new .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

#watchDropdown .dropdown__filter li:last-child {
  border-bottom: 0px !important;
}

.followers {
  display: flex;
}

.followers .edited {
  height: 20px;
  min-width: 60px;
  padding: 1px 11px 5px 9px;
  line-height: 17px;
}

.followers .devider {
  border-right: 1px solid var(--bs-border-color);
  padding: 0px 0px 0px 11px;
  height: 17px;
}

.followers .follow {
  padding-left: 11px;
}

.stock-box-inner .bootstrap-select ul li:last-child {
  border-top: 0px;
}

#addfundModals.modal {
  background: rgba(0, 0, 0, 0.5411764706);
}

.tradeCanvas .buyScreener .scrip-name-details {
  position: relative;
}

.tradeCanvas .buyScreener .scrip-name-details .islamic-stock {
  position: absolute;
  left: 33px;
  top: -6px;
}

.tradeCanvas .buyScreener .scrip-name-details .islamic-stock img {
  width: 100%;
  height: 100%;
}

.eipo-subscribe .buyScreener .detailsCal form input + span {
  position: relative;
}

.eipo-subscribe .buyScreener .detailsCal form input + span:after {
  content: "AED";
  font-size: 20px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626 !important;
  padding-left: 0px;
  position: absolute;
  top: -14px;
  right: 60px;
}

.eipo-subscribe .offcanvas-body .overlay {
  height: 100% !important;
  width: 100% !important;
  background: rgba(93, 93, 93, 0.92);
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 999 !important;
}

.community-feed .inner-comment-box .service-info .show-hide-post {
  transition: max-height 0.5s ease;
  line-height: 24px;
  font-size: 16px !important;
  color: #757575 !important;
  font-weight: 400 !important;
}

.community-feed .inner-comment-box .service-info .show-more-less {
  text-decoration: none !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  font-size: 16px !important;
  line-height: 22px;
  cursor: pointer;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small
  figure {
  margin-top: 1rem;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small
  figure
  #Postimg {
  margin-top: 0;
}

.community-feed
  .blog-post
  .comment-box
  .inner-comment-box
  .post-img-small.leassThanAspect
  img {
  height: 388px;
  width: auto !important;
  margin: auto;
  display: block;
}

.mini-chart {
  position: relative;
  min-height: 120px !important;
  min-width: 260px !important;
  margin-top: 3px;
  background: #fff;
}

.mini-chart img {
  padding-top: 26px;
}

.mini-chart .chart-text {
  position: absolute;
  color: #757575;
  top: 70px;
  font-size: 12px !important;
}

.screener .buyScreener .detailsCal form {
  position: relative;
}

.watchlist-table tbody.order-dot .sorting-dot .scrip-action {
  flex-wrap: nowrap;
  gap: 12px;
}

.watchlist-container
  .watchlist-table
  table
  tbody.order-dot:nth-last-child(2)
  .link
  .tooltip::before {
  transform: rotate(360deg) !important;
  bottom: -9px !important;
}

.watchlist-container
  .watchlist-table
  table
  tbody.order-dot:nth-last-child(2)
  .link
  .tooltip {
  bottom: 38px !important;
}

#txtSubscriptionAmt {
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
}

.currency-symbol {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  font-size: 18px !important;
  color: #262626;
}

header .searchbox-container-full .searchbox-container {
  flex: 1;
}

.searchbox-container-full .searchbox-container .searchbox {
  margin-left: 139px;
}

header .searchbox-container-full .searchbox-container .header-input-wrap {
  max-width: 710px;
  margin: 0 auto;
}

.loggedpersonregular {
  min-width: 94px;
}

.usermenubox {
  min-width: 213px;
}

.usermenubox .LoggedPerson {
  min-width: 95px;
  margin-left: 10px;
}

main.service-request {
  padding-bottom: 88px;
}

.container-fluid.Transfer-details {
  padding-bottom: 100px;
}

/* .container-fluid.dashboard-container-in.userProfile.community-feed {
  padding-bottom: 128px;
} */

#STListtbody tr td {
  border-bottom: 1px solid #dee2e6;
}

.box-transfer .radioBrown {
  cursor: pointer;
}

.no-post {
  text-align: center;
  margin: 50px 0px 50px 0px;
}

.transferout-external table tr td {
  white-space: nowrap;
}

.short-term-block {
  position: relative;
  top: -13px;
  left: 12px;
}

#Indicator1 tr:nth-child(3) .font-semimedium {
  padding-right: 0px !important;
}

#Indicator0 tr:nth-child(3) .font-semimedium {
  padding-right: 0px !important;
}

.customer-migration-page .section {
  padding-top: 140px;
  min-height: calc(100vh - 170px);
  position: relative;
}

.customer-migration-page .btn-wrap {
  margin-top: 50px;
}

.customer-migration-page .btn-wrap .form-check {
  margin: 20px 0;
}

.customer-migration-page .btn-wrap .form-check input:checked {
  border-color: #ad8400 !important;
}

.customer-migration-page .btn-wrap .form-check input:checked + label:after {
  top: 6px;
  left: 8px;
  width: 6px;
  border-color: #ad8400 !important;
}

.customer-migration-page .btn-wrap .form-check .form-check-input {
  width: 20px;
  height: 20px;
}

.customer-migration-page .btn-wrap .form-check .form-check-label {
  font-weight: 600;
  padding-left: 10px;
}

.customer-migration-page .btn-wrap .form-check .form-check-label a {
  color: #ad8400;
}

.customer-migration-page .btn-wrap .btn {
  min-width: 185px;
  height: 44px;
}

.customer-migration-page .btn-wrap .btn:disabled {
  color: #fff;
  background-color: #d6d6d6 !important;
  border-color: #d6d6d6;
}

.customer-migration-page .btn-wrap .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.customer-migration-page .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.customer-migration-page .heading {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  margin-bottom: 0.5rem;
}

.customer-migration-page .heading.font-md {
  font-size: 24px !important;
}

.customer-migration-page .trading_wrapper {
  text-align: center;
}

.customer-migration-page .trading_wrapper figure {
  width: 244px;
  height: 222px;
  overflow: hidden;
  margin: 30px auto 30px;
}

.customer-migration-page .trading_wrapper figure img {
  width: 100%;
  height: 100%;
}

.customer-migration-page .trading_wrapper p {
  font-size: 16px !important;
  color: #777777;
}

.customer-migration-page .trading_wrapper .btn-wrap .form-check {
  margin: 20px auto;
  max-width: 240px;
}

.customer-migration-page .signature_wrapper {
  text-align: center;
}

.customer-migration-page .signature_wrapper p {
  font-size: 18px !important;
  color: #777777;
}

.customer-migration-page .signature_wrapper .box-wrapper {
  margin-top: 40px;
  padding-bottom: 14px !important;
}

.customer-migration-page .signature_wrapper .btn-wrap {
  margin-top: 21px;
}

.customer-migration-page .alert-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.customer-migration-page .alert-wrapper figure {
  width: 125px;
  height: 125px;
  overflow: hidden;
  margin: 0 auto 35px;
}

.customer-migration-page .alert-wrapper figure img {
  height: 100%;
}

.customer-migration-page .alert-wrapper p {
  font-size: 18px !important;
  color: #777777;
}

.customer-migration-page .alert-wrapper p * {
  font-size: 18px !important;
}

.customer-migration-page .alert-wrapper p strong {
  color: #262626;
}

.customer-migration-page .alert-wrapper p a {
  color: #ad8400;
}

.customer-migration-page .alert-wrapper .btn-wrap {
  margin-top: 25px;
}

.customer-migration-page .alert-wrapper.successfully-wrapper figure {
  width: 120px;
  height: 110px;
}

.customer-migration-page .alert-wrapper.successfully-wrapper .heading {
  max-width: 435px;
}

.customer-migration-page .form_section .heading {
  text-align: center;
  margin-bottom: 30px;
}

.customer-migration-page .form_section p {
  font-size: 18px !important;
  color: #777777;
}

.customer-migration-page .form_section p * {
  font-size: 18px !important;
}

.customer-migration-page .form_section p strong {
  color: #262626;
}

.customer-migration-page .form_section p a {
  color: #ad8400;
}

.customer-migration-page .form_section .form-container {
  max-width: 380px;
  margin: 0 auto;
}

.customer-migration-page .form_section .form-container .btn-wrap {
  margin-top: 40px;
}

.customer-migration-page .form_section .form-container .btn-wrap .btn {
  min-width: 160px;
}

.customer-migration-page .form_section.OTP-wrap {
  text-align: center;
  justify-content: center;
}

.customer-migration-page .form_section.OTP-wrap .otp-input {
  justify-content: center;
  margin-top: 30px;
}

.customer-migration-page .form_section.OTP-wrap .countdown_section {
  margin-top: 25px;
}

.customer-migration-page .form_section.locked-wrapper {
  text-align: center;
}

.customer-migration-page .form_section.locked-wrapper figure {
  width: 68px;
  height: 105px;
  overflow: hidden;
  margin: 0 auto 25px;
}

.customer-migration-page .form_section.locked-wrapper figure img {
  height: 100%;
  width: 100%;
}

.customer-migration-page .form_section.locked-wrapper .logged-out-box {
  border: 1px solid var(--bs-border-color);
  padding: 10px 18px;
  margin: 3rem auto 0;
  width: -moz-fit-content;
  width: fit-content;
}

.customer-migration-page .form_section.locked-wrapper .logged-out-box .box-in {
  display: flex;
}

.customer-migration-page
  .form_section.locked-wrapper
  .logged-out-box
  .box-in
  .box-left {
  display: flex;
  padding-right: 20px;
  border-right: 1px solid var(--bs-border-color);
}

.customer-migration-page
  .form_section.locked-wrapper
  .logged-out-box
  .box-in
  .box-left
  .time-count {
  display: flex;
}

.customer-migration-page
  .form_section.locked-wrapper
  .logged-out-box
  .box-in
  .box-left
  .time-count
  figure {
  width: 35px;
  height: 35px;
  overflow: hidden;
  margin: 0px 15px 0px 0px;
}

.customer-migration-page
  .form_section.locked-wrapper
  .logged-out-box
  .box-in
  .box-left
  .time-count
  figure
  img {
  height: 100%;
  width: 100%;
}

.customer-migration-page
  .form_section.locked-wrapper
  .logged-out-box
  .box-in
  .box-right {
  padding: 7px 0px 0px 20px;
}

.customer-migration-page .form-group.invalid-feed .invalid-feedback {
  display: block;
}

.modal.termsConditions-modal {
  background: rgba(0, 0, 0, 0.5411764706);
}

.modal.termsConditions-modal .modal-dialog {
  max-width: 950px;
}

.modal.termsConditions-modal
  .modal-dialog
  .modal-content
  .modal-header
  .btn-close {
  background-size: 1.5rem;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1;
}

.modal.termsConditions-modal .modal-dialog .modal-body {
  padding: 20px 10px 20px 40px;
}

.modal.termsConditions-modal .modal-dialog .modal-body .title_wrap {
  text-align: center;
  margin-bottom: 30px;
}

.modal.termsConditions-modal .modal-dialog .modal-body .title_wrap h2,
.modal.termsConditions-modal .modal-dialog .modal-body .title_wrap .sec_title {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 24px !important;
  color: #262626;
}

.modal.termsConditions-modal .modal-dialog .modal-body .content_wrap {
  max-height: 50vh;
  color: #262626;
}

.modal.termsConditions-modal .modal-dialog .modal-body .content_wrap p {
  color: #262626;
  margin-bottom: 20px;
}

.modal.termsConditions-modal .modal-dialog .modal-body .mCSB_scrollTools {
  width: 6px;
}

.modal.termsConditions-modal .modal-dialog .modal-body .mCSB_draggerContainer {
  background-color: #ebebeb;
  width: 6px;
}

.modal.termsConditions-modal
  .modal-dialog
  .modal-body
  .mCSB_scrollTools
  .mCSB_dragger
  .mCSB_dragger_bar {
  background-color: #777777;
}

.modal.termsConditions-modal
  .modal-dialog
  .modal-body
  .mCSB_scrollTools
  .mCSB_draggerRail {
  background-color: transparent;
}

.modal.termsConditions-modal .modal-dialog .modal-body .btn-wrap {
  margin-top: 30px;
  text-align: center;
}

.modal.termsConditions-modal .modal-dialog .modal-body .btn-wrap .btn {
  min-width: 200px;
  height: 46px;
}

.modal.termsConditions-modal
  .modal-dialog
  .modal-body
  .btn-wrap
  .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.modal.termsConditions-modal .modal-dialog .modal-body .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.form_section label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
}

.form_section .otp-input {
  display: flex;
  margin: 15px 0 10px;
  justify-content: center;
}

.form_section .otp-input input {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
  min-width: 58px;
  width: 58px;
  height: 58px;
  border: 1px solid #d0d0d0;
  display: inline-block;
  border-radius: 100px;
  padding: 3px;
  margin: 0 50px 0 0;
  text-align: center;
  pointer-events: inherit;
  position: static;
}

.form_section .otp-input input:last-child {
  margin-right: 0 !important;
}

.form_section p {
  font-size: 14px;
  color: #262626;
}

.form_section .form-group {
  margin-bottom: 1.875rem;
}

.form_section .form-group label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
  margin-bottom: 12px;
}

.form_section .form-group .form-control {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  pointer-events: inherit;
  min-height: 46px;
  padding: 0.375rem 1.5rem;
  border-radius: var(--bs-border-radius-pill) !important;
  top: 0;
}

.form_section .form-group textarea.form-control {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  border-radius: 0 !important;
  resize: none;
  min-height: 118px;
  padding: 1.25rem;
  line-height: normal;
}

.form_section .form-group .icon-img-right {
  float: right;
  margin-top: -32px;
  z-index: 1;
  position: relative;
  margin-right: 15px;
  width: 20px;
  height: 20px;
}

.form_section
  .form-group.upload-group
  input[type="file"]::-moz-file-upload-button {
  display: none;
}

.form_section
  .form-group.upload-group
  input[type="file"]::file-selector-button {
  display: none;
}

.form_section .form-group.upload-group input[type="file"].form-control:focus {
  border-color: #dee2e6;
}

.form_section .form-group.upload-group .form-control {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px;
  line-height: 33px;
  color: #262626;
  position: relative;
  padding-right: 50px;
}

.form_section .form-group.upload-group .form-control::before {
  font-family: bootstrap-icons, sans-serif, Arial;
  font-size: 20px;
  content: "\f603";
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
}

.form_section
  .form-group.upload-group
  .tooltip.tooltip-theme:hover
  .tooltipText {
  opacity: 1;
}

.form_section .form-group.invalid-feed .invalid-feedback {
  display: block;
}

.form_section .create-field-icon {
  float: right;
  margin-right: 17px;
  margin-top: -36px;
  position: relative;
  z-index: 2;
}

.page-name-head .head-sub-section {
  display: flex;
}

.page-name-head .status-group {
  justify-content: end;
  flex-direction: row;
  margin: 17px 0px 0px 30px;
}

.page-name-head .status-group .status-btn {
  min-width: 87px;
  text-transform: uppercase;
  min-height: 30px;
  line-height: 30px;
}

.page-name-head .status-group .status-btn:first-child {
  min-width: 70px;
}

.page-name-head .status-group .status-btn.active {
  background: #262626;
  color: #fff;
}

.dashboard-container-in .stock-box .table-responsive .table tr td:nth-child(2) {
  white-space: wrap !important;
}

.stock-tbl table th:first-child {
  padding-left: 70px;
}

.dashboard-container-in
  .stock-box
  .table-responsive.stock-tbl
  .table
  tr
  .buysell-btn
  .buysell-val {
  min-width: 99px;
  flex: 1;
}

.contactUs-page .contactUs-wrapper {
  padding-top: 53px;
  padding-bottom: 115px;
}

.contactUs-page .contactUs-wrapper figure {
  width: 135px;
  height: 135px;
  overflow: hidden;
  margin: 0 auto 35px;
}

.contactUs-page .contactUs-wrapper figure img {
  height: 100%;
  width: 100%;
}

.contactUs-page .contactUs-wrapper .heading {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  margin-bottom: 0.5rem;
}

.contactUs-page .contactUs-wrapper p {
  font-size: 18px !important;
  line-height: 24px;
  color: #777777;
}

.contactUs-page .contactUs-wrapper p strong {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  font-size: 18px !important;
}

.contactUs-page .contactUs-wrapper p a {
  color: #ad8400;
}

.contactUs-page .contactUs-wrapper ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-left: 0;
}

.contactUs-page .contactUs-wrapper ul li {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 18px !important;
  line-height: 18px;
  color: #262626;
  position: relative;
  margin: 0 10px;
  padding: 0 10px;
}

.contactUs-page .contactUs-wrapper ul li::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #262626;
  position: absolute;
  top: 0;
  right: -10px;
}

.contactUs-page .contactUs-wrapper ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.contactUs-page .contactUs-wrapper ul li:last-child {
  margin-right: 0;
  padding-right: 0;
}

.contactUs-page .contactUs-wrapper ul li:last-child::before {
  display: none;
}

.contactUs-page .contactUs-wrapper ul li * {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 18px !important;
  color: #262626;
}

.contactUs-page .contactUs-wrapper ul.contact-list {
  margin-top: 20px;
}

.contactUs-page .contactUs-wrapper ul.contact-list li,
.contactUs-page .contactUs-wrapper ul.contact-list li span {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.contactUs-page .contactUs-wrapper ul.contact-list li img {
  margin-right: 10px;
}

.contactUs-page .contactUs-wrapper ul.contact-list li a {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #ad8400;
}

.contactUs-page .contactUs-wrapper .btn-wrap {
  margin-top: 60px;
}

.contactUs-page .contactUs-wrapper .btn-wrap .btn {
  min-height: 45px;
  min-width: 185px;
}

.contactUs-page .contactUs-wrapper .btn-wrap .btn.btn-bg {
  min-width: 265px;
}

.contactUs-page .contactUs-wrapper .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.termsConditions-modal .onBor .termsCond {
  height: auto;
  padding-left: 20px;
  padding-right: 12px;
}

.termsConditions-modal .signup-head .heading {
  font-size: 30px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #2f5496;
  margin-top: 14px;
}

.termsConditions-modal ol {
  counter-reset: item;
}

.termsConditions-modal ol li {
  font-family: "ProximaNova-Black", sans-serif, Arial;
  font-size: 20px !important;
  color: #262626 !important;
  display: block;
  position: relative;
}

.termsConditions-modal ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  left: -2.5rem;
}

.termsConditions-modal ol.counter-list li {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  font-size: 18px !important;
  color: #262626 !important;
  margin-bottom: 20px;
}

.termsConditions-modal ol.counter-list li p {
  font-size: 14px !important;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 0px;
}

.termsConditions-modal ol.counter-list li ol {
  padding-top: 20px;
  padding-left: 0;
}

.termsConditions-modal ol.counter-list li ol li {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 14px !important;
  line-height: 24px;
}

.termsConditions-modal ol.counter-list li ol li ul.lowerAlpha li,
.termsConditions-modal
  ol.counter-list
  li
  ol
  li
  ul.lowerAlpha
  li
  ul.lowerRoman
  li {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 14px !important;
  line-height: 24px;
}

.termsConditions-modal ul.lowerAlpha {
  list-style-type: lower-alpha;
  padding-left: 1rem;
  margin-top: 20px;
}

.termsConditions-modal ul.lowerAlpha li {
  display: list-item;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  font-size: 18px !important;
  color: #262626 !important;
  margin-bottom: 20px;
}

.termsConditions-modal ul.lowerAlpha li:before {
  display: none;
}

.termsConditions-modal ul.lowerRoman {
  list-style-type: lower-roman;
  margin-top: 20px;
}

.termsConditions-modal ul.lowerRoman li {
  font-size: 14px !important;
  color: #262626 !important;
  margin-bottom: 20px;
}

.termsConditions-modal ul.lowerAlpha li ul.lowerRoman li {
  font-family: "ProximaNova-Regular", sans-serif !important;
}

.termsConditions-modal ul.lowerAlpha li ul.lowerRoman li strong {
  font-size: 14px !important;
}

.termsConditions-modal ul.lowerRoman li ol {
  margin-top: 20px;
}

.termsConditions-modal ul.lowerRoman li ol li {
  font-family: "ProximaNova-Regular", sans-serif !important;
  font-size: 14px !important;
}

.termsConditions-modal strong {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.termsConditions-modal .table thead tr th {
  background-color: #f2f2f2;
}

.termsConditions-modal .table tbody tr td {
  font-size: 14px !important;
}

.termsConditions-modal .table tbody tr td p {
  margin-top: 5px;
  font-size: 14px !important;
  color: #262626 !important;
}

.error-page .section {
  min-height: calc(100vh - 170px);
}

.error-page .error-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 715px;
  width: 100%;
}

.error-page .error-wrapper figure {
  width: 135px;
  height: 135px;
  overflow: hidden;
  margin: 0 auto 35px;
}

.error-page .error-wrapper figure img {
  height: 100%;
  width: 100%;
}

.error-page .error-wrapper .heading {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  margin-bottom: 0.5rem;
}

.error-page .error-wrapper p {
  font-size: 18px !important;
  line-height: 24px;
  color: #777777;
}

.error-page .error-wrapper p strong {
  color: #262626;
}

.error-page .error-wrapper p a {
  color: #ad8400;
}

.error-page .error-wrapper .btn-wrap {
  margin-top: 60px;
}

.error-page .error-wrapper .btn-wrap .btn {
  min-height: 45px;
  min-width: 185px;
}

.error-page .error-wrapper .btn-wrap .btn.btn-bg {
  min-width: 265px;
}

.error-page .error-wrapper .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.buyScreener.new .buying-power {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.buyScreener.new .buying-power .cash-text {
  padding-right: 22px;
  margin-right: 22px;
}

.buyScreener.new .buying-power > div.d-none {
  padding-left: 0px;
  padding-right: 0px;
  border-right: 0px !important;
}

.aval-bal .extragap {
  gap: 65px;
  padding: 5px 0px 5px 0px;
}

.margin-text {
  border-left: 1px solid #dee2e6;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.net-val {
  padding-right: 29px !important;
}

.header-left {
  position: relative;
}

.header-left nav input[name="toggle-nav"]:checked ~ .side-nav-panel {
  left: -25px !important;
  z-index: 99;
  position: absolute;
}

.header-left nav .side-nav-panel {
  top: -26px !important;
}

.market-news .market-news-box .news-inner .news-left div {
  flex-basis: 0;
  flex-grow: 1;
  text-align: justify;
}

.market-index #dvComDetails .scrip-name-head .scrip-name-details figure {
  position: relative;
}

.market-index
  #dvComDetails
  .scrip-name-head
  .scrip-name-details
  figure
  .islamic-stock {
  position: absolute;
  left: 37px;
  top: -5px;
}

.daterangepicker {
  z-index: 99999 !important;
}

.demowatchlistheight {
  max-height: calc(100vh - 318px);
}

body.footer-hide .watchlist-table.demowatchlistheight {
  max-height: calc(100vh - 234px);
}

.arabic_strip,
.etihad_strip,
.top_banner_strip {
  max-height: calc(100vh - 329px);
}

.watchlist-table.demowatchlistheight.top_banner_strip {
  max-height: calc(100vh - 409px);
}

body.footer-hide .watchlist-table.demowatchlistheight.top_banner_strip {
  max-height: calc(100vh - 325px);
}

body.footer-hide .watchlist-table.arabic_strip,
body.footer-hide .watchlist-table.etihad_strip,
body.footer-hide .watchlist-table.top_banner_strip {
  max-height: calc(100vh - 245px);
}

.watchlist-table.demowatchlistheight.arabic_strip {
  max-height: calc(100vh - 404px);
}

.watchlist-table.arabic_strip.etihad_strip {
  max-height: calc(100vh - 330px);
}

body.footer-hide .watchlist-table.arabic_strip.etihad_strip {
  max-height: calc(100vh - 245px);
}

body.footer-hide .watchlist-table.demowatchlistheight.arabic_strip {
  max-height: calc(100vh - 320px);
}

.portfolio
  .tab-content
  .tab-pane
  .container-fluid
  .justify-content-center
  .col-12.text-center
  .mt-5 {
  margin-top: 0px !important;
}

.ui-tutorial {
  padding-bottom: 86px;
}

.ui-tutorial .sidebar-menu .list-group {
  padding: 15px 0px 0px 11px;
}

.ui-tutorial .sidebar-menu .list-group a {
  padding-left: 35px;
}

.ui-tutorial #prev {
  display: none;
}

.datepicker-container {
  position: fixed;
  opacity: 0;
}

.portfolio .topBar .nav-pills .nav-link.active .standing-instruction-tab-icon {
  background: url(/images/standing-instruction-white-icon.png) no-repeat;
  background-size: 100% 100%;
}

.portfolio .topBar .nav-pills .nav-link .standing-instruction-tab-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(/images/standing-instruction-icon.png) no-repeat;
  margin-bottom: -5px;
  margin-right: 5px;
}

.portfolio .topBar .nav-pills .nav-link.active .order-history-tab-icon {
  background: url(/dist/images/order-history-white.png) no-repeat;
  background-size: 100% 100%;
}

.portfolio .topBar .nav-pills .nav-link .order-history-tab-icon {
  content: "";
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(/images/order-history-icon.png) no-repeat;
  margin-bottom: -3px;
  margin-right: 5px;
}

.screener.community-feed .inner-comment-box .preview_img .url-text .url-desc {
  flex-direction: column;
}

#pills-portfolio .watchlist-table thead th.text-start {
  padding-left: 95px !important;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: none;
  appearance: none;
}

.ipolist-table .islamic-img .islamic-stock {
  left: 30px;
}

.eipo .watchlist-card .islamic-img .islamic-stock {
  position: absolute;
  left: 53%;
  top: 12px;
}

.main-sec .slick-slider .islamic-img .islamic-stock {
  position: absolute;
  left: 61px;
  top: 0px;
}

.stock-tbl table .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -17px;
  top: -3px;
  color: #ad8400;
  cursor: pointer;
}

.stock-tbl table .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -17px;
  color: #ad8400;
  top: 6px;
  cursor: pointer;
}

.stock-tbl table .AscDesc {
  position: relative;
}

.closed-ipo .tab-content .watchlist-table table thead tr th {
  padding-right: 20px;
  padding-left: 10px;
}

.eipo .ipoSteps .service-request.tableBar {
  padding-left: 21px;
}

.toast-notification {
  position: relative;
  bottom: 95px;
}

.toast-notification.simple-notification {
  color: #777;
  padding: 12px;
  text-align: center;
  border-top: 1px solid #e4e4e4;
  box-shadow: 0 1px 1px #0000004d;
  width: 512px;
  max-width: 90vw;
}

.toast-notification.fail {
  background: #fff0f0 url(/images/error.png) no-repeat;
  background-size: auto 100%;
}

.toast-notification.notify {
  background: #f5faef url(/images/success-icon.png) no-repeat;
  background-size: auto 100%;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: fixed;
  z-index: 10000;
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.notification-wrapper {
  padding: 0 50px;
}

@-webkit-keyframes fadein {
  from {
    top: 100px;
  }
}

@keyframes fadein {
  from {
    top: 100px;
  }
}

.income-statement .stock-box-inner .chart-text-box {
  display: flex;
  top: 31px;
  min-height: 157px;
  left: 2px;
  width: 346px;
}

.eipo .ipolist-table table {
  min-height: auto !important;
}

.market-news .dropdown.bootstrap-select {
  width: fit-content !important;
}

.researchrpt .modal-body #researchDescription {
  color: #757575;
  text-transform: none;
  text-align: left;
  word-wrap: break-word;
}

.researchrpt .modal-dialog {
  top: 20%;
}

.researchrpt.modal {
  background: rgba(0, 0, 0, 0.5411764706) !important;
}

.newsdetailsModal.modal {
  background: rgba(0, 0, 0, 0.5411764706) !important;
}

.modal.confirmtransfermodal#deleteaddedscriptmodal2 .modal-dialog {
  max-width: 465px !important;
}

#deleteaddedscriptmodal2 .confirm-btn .proceed-btn {
  min-width: 192px;
}

.research-report .white-space-text {
  white-space: nowrap;
}

.research-report .view-icon {
  vertical-align: middle;
}

.research-report table tbody > tr:last-child > td {
  border-bottom: transparent;
}

.transfer-in-tbl .scrip-name a .islamic-img {
  position: relative;
}

.transfer-in-tbl .scrip-name a .islamic-stock {
  position: absolute;
  left: 37px;
  top: -5px;
}

.searchbox-container-full
  .searchbox-container
  .searchbox
  .csb
  ul
  li
  .stockwatchlist-list
  .islamic-stock
  img {
  height: 20px;
  width: 20px;
}

.islamic-stock img {
  max-width: 20px;
  max-height: 20px;
}

.watchlist-table .scrip-name a .scrip-icon {
  position: relative;
}

.watchlist-table .scrip-name a .scrip-icon .islamic-stock {
  position: absolute;
  left: 28px;
  top: -5px;
}

.watchlist-table .scrip-name a .scrip-icon .islamic-stock img {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0%;
}

.expand-circle {
  width: 28px;
}

.card-bottom .prospect-pdf a {
  white-space: nowrap;
  height: 30px;
  font-size: 16px !important;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.prospect-text {
  margin-top: -4px;
}

.upcoming-ipo .slick-initialized .slick-slide {
  display: block;
  width: 600px;
}

.container-fluid.dashboard-container-in .stock-box-outer {
  max-height: 2800px;
}

.dashboard-container-in .stock-box-outer {
  max-height: 1900px;
}

.bank_detailsChange-page .profile-wrapper {
  padding-top: 50px !important;
}

.bank_detailsChange-page .profile-wrapper .profile-container .profile-header {
  margin-bottom: 35px;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .profile-header
  .profile-header-content {
  position: relative;
  max-width: 160px;
  margin: 0 auto 1.5rem;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .profile-header
  .profile-header-content
  .prfile-pic {
  width: 160px;
  height: 160px;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(194, 194, 194, 0.4196078431);
  overflow: hidden;
  border-radius: 100%;
  margin: 0 auto;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .profile-header
  .profile-header-content
  .prfile-pic
  img {
  width: 160px;
  -o-object-fit: cover;
  object-fit: cover;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .profile-header
  .profile-header-content
  .more-dropdownwrap {
  position: absolute;
  right: 5px;
  bottom: 16px;
  cursor: pointer;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .profile-header
  .profile-header-content
  .more-dropdownwrap
  .btn {
  padding: 0;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .profile-header
  .profile-header-content
  .more-dropdownwrap
  .dropdown-menu {
  top: -28px !important;
  left: 8px !important;
}

.bank_detailsChange-page .profile-wrapper .profile-container .personal-info {
  padding: 18px 18px 8px;
  margin-bottom: 15px;
  border: 1px solid var(--bs-border-color);
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .row
  > div {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .heading_wrap {
  position: relative;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .heading_wrap
  h4 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
  margin-bottom: 0;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .heading_wrap
  .edit-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .heading_wrap
  .edit-icon
  img {
  width: 20px;
  height: 20px;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .value-content
  label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: rgba(119, 119, 119, 0.8);
  line-height: normal;
  margin-bottom: 5px;
}

.bank_detailsChange-page
  .profile-wrapper
  .profile-container
  .personal-info
  .value-content
  .label_value {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  margin-bottom: 0;
}

.bank_detailsChange-page .profile-wrapper .form_section {
  max-width: 480px;
  margin: 0px auto 0;
}

.bank_detailsChange-page .profile-wrapper .form_section.edit_section {
  max-width: 800px;
}

.bank_detailsChange-page .profile-wrapper .btn-wrap {
  margin-top: 30px;
}

.bank_detailsChange-page .profile-wrapper .btn-wrap .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.bank_detailsChange-page .profile-wrapper .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.bank_detailsChange-page .profile-wrapper .request-wrap {
  max-width: 710px;
  margin: 50px auto 0;
  text-align: center;
}

.bank_detailsChange-page .profile-wrapper .request-wrap .heading {
  font-family: "ProximaNova-Black", sans-serif, Arial;
  font-size: 28px !important;
  color: #262626;
  margin-top: 3rem;
}

.bank_detailsChange-page .profile-wrapper .request-wrap .heading * {
  font-family: "ProximaNova-Black", sans-serif, Arial;
  font-size: 28px !important;
  color: #262626;
}

.bank_detailsChange-page .profile-wrapper .request-wrap .heading a {
  font-family: "ProximaNova-Black", sans-serif, Arial;
  font-size: 28px !important;
  color: #ad8400;
}

.bank_detailsChange-page .profile-wrapper .request-wrap.request-wrap-theme {
  max-width: 850px;
}

.bank-detail-change .form_section .form-group label {
  margin-bottom: 0px;
}

.mobile-verification {
  position: relative;
}

.mobile-verification.verification input {
  padding-inline-start: 50px !important;
}

.mobile-verification.verification .verify-txt {
  position: absolute;
  top: 34px;
  right: -64px;
  font-size: 16px !important;
  color: #ad8400;
  cursor: pointer;
}

.mobile-verification.verification .verify-icon {
  position: absolute;
  top: 81px;
  right: 5px;
}

.mobile-verification label {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  margin-left: 7px;
}

.mobile-verification input {
  border: 1px solid #d6d6d6;
  border-radius: 23px;
  color: #262626;
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  max-height: 46px;
  padding: 10px 5px 10px 15px;
}

.mobile-verification .country-flag {
  position: absolute;
  top: 32px;
  left: 14px;
}

.right-side .mobile-change .form_section {
  padding-left: 20px;
}

.right-side .mobile-change .img-ok-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}

.right-side .mobile-change .disabled {
  opacity: 0.6;
}

.right-side .mobile-change .disabled .btn {
  background: rgba(119, 119, 119, 0.7) !important;
  color: #fff !important;
}

.custom-file-button input[type="file"] {
  margin-left: -2px !important;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  height: 46px;
  padding: 9px 0px 0px 11px;
  border-right: 0px;
  font-size: 18px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  content: "";
}

.custom-file-button input[type="file"]::file-selector-button {
  display: none;
}

.custom-file-button input[type="file"].form-control:focus {
  border-color: #dee2e6;
}

.custom-file-button:hover label {
  cursor: pointer;
}

.custom-file-button .input-group-text {
  border-top-right-radius: 28px !important;
  border-bottom-right-radius: 28px !important;
  background: transparent;
  border-left: 0px;
  padding: 0.8rem 1.7rem;
  position: relative;
  top: 0px;
}

.change-address p.font-RaisinBlack {
  margin-left: 142px;
  margin-top: 8px;
}

.mobile-verification .iti {
  display: block;
}

.form_section label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
}

.form_section .otp-input {
  display: flex;
  margin: 15px 0 10px;
}

.form_section .otp-input input {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
  min-width: 58px;
  width: 58px;
  height: 58px;
  border: 1px solid #d0d0d0;
  display: inline-block;
  border-radius: 100px;
  padding: 3px;
  margin: 0 50px 0 0;
  text-align: center;
  pointer-events: inherit;
  position: static;
}

.form_section p {
  font-size: 14px;
  color: #262626;
}

.form_section .form-group {
  margin-bottom: 1.875rem;
}

.form_section .form-group label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
  margin-bottom: 12px;
}

.form_section .form-group .form-control {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  pointer-events: inherit;
  min-height: 46px;
  padding: 0.375rem 1.5rem;
  border-radius: var(--bs-border-radius-pill) !important;
  top: 0;
}

.form_section .form-group textarea.form-control {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  border-radius: 0 !important;
  resize: none;
  min-height: 118px;
  padding: 1.25rem;
  line-height: normal;
}

.form_section .form-group .icon-img-right {
  float: right;
  margin-top: -32px;
  z-index: 1;
  position: relative;
  margin-right: 15px;
  width: 20px;
  height: 20px;
}

.form_section
  .form-group.upload-group
  input[type="file"]::-moz-file-upload-button {
  display: none;
}

.form_section
  .form-group.upload-group
  input[type="file"]::file-selector-button {
  display: none;
}

.form_section .form-group.upload-group input[type="file"].form-control:focus {
  border-color: #dee2e6;
}

.form_section
  .form-group.upload-group
  .tooltip.tooltip-theme:hover
  .tooltipText {
  opacity: 1;
}

.tooltip.tooltip-theme {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.tooltip.tooltip-theme:hover .tooltipText {
  opacity: 1;
  display: inline-block;
}

.tooltip.tooltip-theme .tooltipText {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 14px !important;
  color: #777777;
  text-align: center;
  background-color: #ffffff;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  opacity: 0;
  transition: all 0.5s;
  position: absolute;
  top: 130%;
  padding: 20px;
  min-width: 455px;
  display: none;
}

.tooltip.tooltip-theme .tooltipText::after {
  content: "";
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.service-request .checkbox-container {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.service-request .checkbox-container .chekbox-check {
  position: relative;
  margin-right: 5px;
}

.service-request .checkbox-container .chekbox-check span {
  height: 28px;
  width: 28px;
  border: 1px solid grey;
  display: inline-block;
  position: relative;
  top: 0px;
  border-radius: 3px;
}

.service-request .checkbox-container .chekbox-check input {
  opacity: 0;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  z-index: 8;
  top: 0px;
}

.service-request .checkbox-container input:checked + span {
  content: "✔";
  color: #99a1a7;
  font-size: 28px;
}

.service-request .checkbox-container input:checked + span {
  border: 1px solid #ad8400;
}

.service-request .checkbox-container [type="checkbox"]:checked + span::before {
  font-family: Bootstrap-icons;
  content: "\f26e";
  position: absolute;
  top: -6px;
  left: 0px;
  font-size: 26px;
  color: rgb(173, 132, 0);
}

.service-request .checkbox-container .topchek-lbl {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
  margin-left: 10px;
}

.service-request .radioBrown label {
  margin: 6px 0px 0px 3px;
  height: 22px;
  color: #262626;
}

.service-request .radioBrown input {
  margin: 5px 0px 0px 0px;
}

.service-request .list-alpha {
  list-style-type: upper-alpha;
}

.service-request .list-alpha li {
  font-size: 16px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  line-height: 30px;
}

.txt-disable {
  color: #c2c2c2 !important;
  cursor: not-allowed;
  pointer-events: none;
}

.forgot-password .fill-details-box .btn:hover {
  color: #000 !important;
}

.forgot-password .fill-details-box .btn {
  height: 46px;
  margin-top: 0px;
}

.fill-details-box .bootstrap-select .filter-option-inner-inner {
  padding-top: 5px;
}

#FatcaUSAmodal .modal-dialog {
  top: 25%;
}

.onboardingpopup#FatcaUSAmodal .modal-content {
  border-radius: 0px;
  border: 0px;
  width: 565px;
}

.modal#FatcaUSAmodal {
  background: rgba(0, 0, 0, 0.5411764706);
}

.stock-col {
  min-width: 191px;
  width: 191px;
}

.complaints-page .complaints-wrap {
  max-width: 765px;
  margin: 0 auto;
}

.complaints-page .complaints-wrap .title_wrap {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
}

.complaints-page .complaints-wrap .title_wrap h2,
.complaints-page .complaints-wrap .title_wrap .sec_title {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  margin-bottom: 0;
}

.complaints-page .complaints-wrap .tabs_wrapper .nav-tabs.nav-bg {
  justify-content: center;
}

.complaints-page .complaints-wrap .tabs_wrapper .tab-content {
  padding-left: 0;
  padding-right: 0;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .content-title {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  text-align: center;
  padding-bottom: 5px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .content-title
  a {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 15px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box
  .form-check {
  margin: 5px 10px;
  display: flex;
  flex-wrap: wrap;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box
  .form-check
  input:checked {
  border-color: #ad8400 !important;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box
  .form-check
  input:checked
  + label:after {
  top: 5px;
  left: 8px;
  width: 6px;
  border-color: #ad8400 !important;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box
  .form-check
  .form-check-input {
  width: 20px;
  height: 20px;
  pointer-events: inherit;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box
  .form-check
  .form-check-label {
  font-weight: 600;
  padding-left: 10px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .form_section
  .select-box
  .form-check
  .form-check-label
  a {
  color: #ad8400;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .attachment-box
  .imagePreview
  div
  + div {
  margin-top: 10px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .attachment-box
  .attachment-img {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px;
  color: #262626;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .attachment-box
  .attachment-img
  img {
  margin-right: 5px;
  width: 12px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .btn-wrap {
  margin-top: 0px;
  text-align: center;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .btn-wrap
  .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .btn-wrap
  .btn
  + .btn {
  margin-left: 20px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .link-group {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 50px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .link-group
  a {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 18px !important;
  display: inline-block;
  color: #262626;
  flex: 0 0 160px;
  border-left: 1px solid #ced4da;
  padding: 0 15px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .content_details
  .link-group
  a:first-child {
  border-left: 0;
}

.complaints-page .registered-wrap {
  max-width: 765px;
  margin: 0 auto;
}

.complaints-page .registered-wrap .registered-content {
  text-align: center;
}

.complaints-page .registered-wrap .registered-content .font-large {
  font-size: 20px !important;
}

.complaints-page .registered-wrap .registered-content .btn-wrap {
  margin-top: 30px;
}

.modal.complaints-modal {
  background: rgba(0, 0, 0, 0.5411764706) !important;
}

.modal.complaints-modal .modal-dialog {
  max-width: 715px;
}

.modal.complaints-modal .modal-dialog .modal-body {
  padding: 50px 20px;
}

.modal.complaints-modal .modal-dialog .modal-body .images-wrap {
  text-align: center;
  padding-bottom: 25px;
}

.modal.complaints-modal .modal-dialog .modal-body .images-wrap img {
  width: 80px;
  height: 80px;
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.modal.complaints-modal .modal-dialog .modal-body .title_wrap {
  text-align: center;
  margin-bottom: 30px;
}

.modal.complaints-modal .modal-dialog .modal-body .title_wrap h2,
.modal.complaints-modal .modal-dialog .modal-body .title_wrap .sec_title {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
}

.modal.complaints-modal .modal-dialog .modal-body .select-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.modal.complaints-modal .modal-dialog .modal-body .select-box .form-check {
  flex: 0 0 33%;
  margin-bottom: 15px;
}

.modal.complaints-modal
  .modal-dialog
  .modal-body
  .select-box
  .form-check
  input:checked {
  border-color: #ad8400 !important;
}

.modal.complaints-modal
  .modal-dialog
  .modal-body
  .select-box
  .form-check
  input:checked
  + label:after {
  top: 5px;
  left: 8px;
  width: 6px;
  border-color: #ad8400 !important;
}

.modal.complaints-modal
  .modal-dialog
  .modal-body
  .select-box
  .form-check
  .form-check-input {
  width: 20px;
  height: 20px;
  pointer-events: inherit;
}

.modal.complaints-modal
  .modal-dialog
  .modal-body
  .select-box
  .form-check
  .form-check-label {
  font-weight: 600;
  padding-left: 10px;
}

.modal.complaints-modal
  .modal-dialog
  .modal-body
  .select-box
  .form-check
  .form-check-label
  a {
  color: #ad8400;
}

.modal.complaints-modal .modal-dialog .modal-body .btn-wrap {
  margin-top: 30px;
  text-align: center;
}

.modal.complaints-modal .modal-dialog .modal-body .btn-wrap .btn {
  min-width: 200px;
  height: 46px;
}

.modal.complaints-modal
  .modal-dialog
  .modal-body
  .btn-wrap
  .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.modal.complaints-modal .modal-dialog .modal-body .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.tabs_wrapper .nav-tabs .nav-link {
  font-size: 16px !important;
  color: #777777;
  text-transform: uppercase;
}

.tabs_wrapper .nav-tabs .nav-link .icon-img {
  margin-right: 5px;
}

.tabs_wrapper .nav-tabs.nav-bg {
  border-bottom: 0;
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0 auto;
  flex-wrap: inherit;
  overflow: auto;
  overflow-y: hidden;
  padding-bottom: 15px;
}

.tabs_wrapper .nav-tabs.nav-bg .nav-item {
  flex: 0 0 auto;
}

.tabs_wrapper .nav-tabs.nav-bg .nav-item .nav-link {
  border: 1px solid #d6d6d6;
  border-radius: 32px;
  background-color: transparent;
  min-height: 37px;
  padding: 7px 14px;
  min-width: 140px;
}

.tabs_wrapper .nav-tabs.nav-bg .nav-item .nav-link.active {
  color: #ffffff;
  background-color: #ad8400;
  border-color: #ad8400;
}

.tabs_wrapper .nav-tabs.nav-bg .nav-item + .nav-item {
  margin-left: 15px;
}

.tabs_wrapper .nav-tabs.nav-bg-Black .nav-item .nav-link {
  border: 1px solid #777777;
  color: #777777;
  min-width: 154px;
}

.tabs_wrapper .nav-tabs.nav-bg-Black .nav-item .nav-link.active {
  background-color: #262626;
  border-color: #262626;
}

.tabs_wrapper .nav-tabs.nav-bg-Black .nav-item .nav-link.active .icon-img {
  filter: brightness(0) invert(1);
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item {
  flex: 0 0 auto;
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link {
  border: 0;
  min-width: auto;
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link img {
  width: 68px;
  height: 68px;
  filter: gray;
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link.active,
.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link:hover {
  color: #ffffff;
  background-color: transparent;
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link.active img,
.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link:hover img {
  filter: none;
  -webkit-filter: grayscale(0);
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item + .nav-item {
  margin-left: 15px;
}

.tabs_wrapper .tab-content {
  padding: 50px;
}

.tabs_wrapper .tab-content .title_wrap {
  margin-bottom: 30px;
}

.tabs_wrapper .tab-content .title_wrap .sec_title {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 22px !important;
  font-weight: 700;
  color: #262626;
}

.icon-happy {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/happy-gray.png) no-repeat;
  background-size: 100% 100%;
}

.icon-neutral {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/neutral-gray.png) no-repeat;
  background-size: 100% 100%;
}

.icon-sad {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/sad-gray.png) no-repeat;
  background-size: 100% 100%;
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link.active .icon-happy,
.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link:hover .icon-happy {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/icon-happy.png) no-repeat;
  background-size: 100% 100%;
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link.active .icon-neutral,
.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link:hover .icon-neutral {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/icon-neutral.png) no-repeat;
  background-size: 100% 100%;
}

.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link.active .icon-sad,
.tabs_wrapper .nav-tabs.nav-icon .nav-item .nav-link:hover .icon-sad {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/icon-sad.png) no-repeat;
  background-size: 100% 100%;
}

.complaints-page .form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 1 !important;
}

.share-holders {
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 4px;
}

.transfer-share-tbl .islamic-stock img {
  max-width: 21px !important;
  max-height: 21px !important;
}

.transfer-share-tbl .islamic-img .islamic-stock {
  left: 29px;
  top: -4px;
}

.service-request .change-address .step-forms input.form-control {
  font-size: 18px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.service-request .change-address .step-forms .reason-text textarea {
  border-radius: 0px;
  background: #f1f2f3;
  color: #757575;
  padding: 30px 0px 0px 30px;
}

.service-request .address-submit .fatca-crs-section .fatcap {
  padding-left: 24px;
  text-align: start;
  white-space: wrap;
  overflow-wrap: anywhere;
}

.fill-details-box .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: rgb(119 119 119 / 77%) !important;
  opacity: 50%;
}

.fill-details-box .bootstrap-select .filter-option-inner-inner {
  color: #262626 !important;
  opacity: 1;
}

.rotate {
  animation: rotation 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: 100px;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

#ordersuccessModal {
  z-index: 999999 !important;
}

.text-success {
  color: #63c64c !important;
}

.text-pending {
  color: #d93146 !important;
}

.text-process {
  color: #f4c4ca !important;
}

.addProducts-wrap {
  padding: 40px 25px 125px;
}

.addProducts-wrap .addProducts-list + .addProducts-list {
  border-top: 1px solid #d0d0d0;
  padding-top: 35px;
  margin-top: 20px;
}

.addProducts-wrap .addProducts-list .row > div {
  padding-top: 20px;
  padding-bottom: 20px;
}

.addProducts-wrap .addProducts-list .title_wrap {
  margin-bottom: 15px;
}

.addProducts-wrap .addProducts-list .title_wrap h2,
.addProducts-wrap .addProducts-list .title_wrap .sec_title {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 16px;
  color: #262626;
}

.addProducts-wrap .addProducts-list .addProducts-container {
  border: 1px solid #d0d0d0;
  text-align: center;
  height: 100%;
  position: relative;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.4);
  padding-bottom: 20px;
}

.addProducts-wrap .addProducts-list .addProducts-container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 10px;
  height: 100%;
}

.addProducts-wrap .addProducts-list .addProducts-container.proAdded {
  border-color: #ad8400;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container.proAdded
  .addProducts-check {
  display: block;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container.proAdded.confirmAdded
  .addProducts-check,
.addProducts-wrap
  .addProducts-list
  .addProducts-container.proAdded.confirmAdded
  .addProducts-icon {
  display: none;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container.availed-container::before {
  background-color: #ad8400;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container.availed-container
  .addProducts-header
  h3,
.addProducts-wrap
  .addProducts-list
  .addProducts-container.availed-container
  .addProducts-header
  .title-Products {
  color: #ad8400;
}

.addProducts-wrap .addProducts-list .addProducts-container .addProducts-check {
  position: absolute;
  top: -15px;
  left: -15px;
  display: none;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-check
  img {
  width: 30px;
  height: 30px;
}

.addProducts-wrap .addProducts-list .addProducts-container .addProducts-icon {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-icon
  .icon-border {
  width: 40px;
  height: 40px;
  border: 1px solid #d0d0d0;
  background: #fff;
  border-radius: 100px;
  display: inline-flex;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-icon
  .icon-border
  img {
  width: 18px;
  margin: 0 auto;
}

.addProducts-wrap .addProducts-list .addProducts-container .addProducts-header {
  background-color: #f8f8f9;
  padding: 20px 10px;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  figure {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin: 0 auto 10px;
  background: #fff;
  border: 1px solid #ad8400;
  border-radius: 50%;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  h3,
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  .title-Products {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 18px !important;
  color: #262626;
  text-transform: uppercase;
  margin-bottom: 0;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  h3
  a,
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  .title-Products
  a {
  margin-left: 10px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -2px;
}

.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  h3
  a
  img,
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-header
  .title-Products
  a
  img {
  width: 18px;
  height: 18px;
}

.addProducts-wrap .addProducts-list .addProducts-container .addProducts-body {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 12px !important;
  color: #777777;
  line-height: normal;
  padding: 17px 20px 8px 20px;
}
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-extra-info {
  border-top: 1px solid #babbbe80;
  padding: 5px 0 0 0;
  margin: 0 17px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px !important;
  text-align: center;
}
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-extra-info
  div {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px !important;
  text-align: center;
}
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-extra-info
  strong {
  font-family: "ProximaNova-SemiBold", Arial, sans-serif;
  font-weight: 600;
  font-size: 12px !important;
}
.addProducts-wrap
  .addProducts-list
  .addProducts-container
  .addProducts-extra-info
  a {
  font-family: "ProximaNova-SemiBold", Arial, sans-serif;
  font-weight: 600;
  font-size: 12px;
}

.addProducts-wrap .addProducts-list .btn-wrap {
  margin-top: 30px;
}

.addProducts-wrap .addProducts-list .btn-wrap .form-check {
  display: inline-block;
  margin-right: 40px;
}

.addProducts-wrap .addProducts-list .btn-wrap .form-check input:checked {
  border-color: #ad8400 !important;
}

.addProducts-wrap
  .addProducts-list
  .btn-wrap
  .form-check
  input:checked
  + label:after {
  top: 5px;
  left: 8px;
  width: 6px;
  border-color: #ad8400 !important;
}

.addProducts-wrap .addProducts-list .btn-wrap .form-check .form-check-input {
  width: 20px;
  height: 20px;
}

.addProducts-wrap .addProducts-list .btn-wrap .form-check .form-check-label {
  font-weight: 600;
  padding-left: 10px;
}

.addProducts-wrap .addProducts-list .btn-wrap .form-check .form-check-label a {
  color: #ad8400;
}

.addProducts-wrap .addProducts-list .btn-wrap .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.addProducts-wrap .addProducts-list .btn-wrap .btn + .btn {
  margin-left: 20px;
}

.addProducts-wrap .addProducts-list .form-inner {
  max-width: 690px;
  margin: 0 auto;
  text-align: center;
  min-height: calc(100vh - 335px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 85px;
}

.addProducts-wrap .addProducts-list .ipolist-table .sortupicon {
  margin-left: 3px;
}

.addProducts-wrap .addProducts-list .ipolist-table .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: relative;
  right: 14px;
  top: -3px;
  color: #ad8400;
  cursor: pointer;
}

.addProducts-wrap .addProducts-list .ipolist-table .sortdownicon {
  margin-left: 3px;
}

.addProducts-wrap .addProducts-list .ipolist-table .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: relative;
  right: 0px;
  color: #ad8400;
  top: 5px;
  cursor: pointer;
}

.addProducts-wrap .addProducts-list .ipolist-table thead th span {
  position: relative;
}

.addProducts-wrap .addProducts-list .ipolist-table .apply-btn {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  height: 32px;
  line-height: 20px;
  margin-left: 10px;
}

.addProducts-wrap
  .addProducts-list
  .ipolist-table.ipolist
  tbody
  tr
  td:nth-child(4) {
  padding-right: 23px;
}

.addProducts-wrap .addProducts-list .form_section {
  max-width: 450px;
  margin: 100px auto 0;
}

.form_section label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
}

.form_section .otp-input {
  display: flex;
  margin: 15px 0 10px;
}

.form_section .otp-input input {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px !important;
  color: #262626;
  min-width: 58px;
  width: 58px;
  height: 58px;
  border: 1px solid #d0d0d0;
  display: inline-block;
  border-radius: 100px;
  padding: 3px;
  margin: 0 50px 0 0;
  text-align: center;
  pointer-events: inherit;
  position: static;
}

.form_section p {
  font-size: 14px;
  color: #262626;
}

.form_section .form-group {
  margin-bottom: 1.875rem;
}

.form_section .form-group label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #777777;
  margin-bottom: 12px;
}

.form_section .form-group .form-control {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  pointer-events: inherit;
  min-height: 46px;
  padding: 0.375rem 1.5rem;
  border-radius: var(--bs-border-radius-pill) !important;
  top: 0;
}

.form_section .form-group textarea.form-control {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  border-radius: 0 !important;
  resize: none;
  min-height: 118px;
  padding: 1.25rem;
  line-height: normal;
}

.form_section .form-group .icon-img-right {
  float: right;
  margin-top: -32px;
  z-index: 1;
  position: relative;
  margin-right: 15px;
  width: 20px;
  height: 20px;
}

.form_section
  .form-group.upload-group
  input[type="file"]::-moz-file-upload-button {
  display: none;
}

.form_section
  .form-group.upload-group
  input[type="file"]::file-selector-button {
  display: none;
}

.form_section .form-group.upload-group input[type="file"].form-control:focus {
  border-color: #dee2e6;
}

.form_section .form-group.upload-group .tooltip.tooltip-theme {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.form_section
  .form-group.upload-group
  .tooltip.tooltip-theme:hover
  .tooltipText {
  opacity: 1;
}

.productsDetails-page {
  margin-top: 40px;
}

.productsDetails-page .content_wrapper .content_details figure {
  width: 690px;
  height: 305px;
  overflow: hidden;
  float: left;
  margin-bottom: 0;
  margin-right: 25px;
}

.productsDetails-page .content_wrapper .content_details figure img {
  width: 100%;
  height: 100%;
}

.productsDetails-page .content_wrapper .content_details p {
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 16px !important;
  text-align: justify;
  color: #777777;
  margin-bottom: 20px;
}

.productsDetails-page
  .content_wrapper
  .content_details:nth-of-type(odd)
  figure {
  float: right;
  margin-right: 0;
  margin-left: 25px;
}

.productsDetails-page .content_wrapper .content_details + .content_details {
  padding-top: 20px;
}

.acceptAllAgree ~ .btn-wrap {
  margin-bottom: 60px;
}

.acceptAllAgree table {
  width: 100%;
  margin-top: 30px;
}

.acceptAllAgree th {
  font-size: 14px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  padding: 4px 0;
  border-bottom: 1px solid;
  border-top: 1px solid;
  color: #262626;
}

.acceptAllAgree td {
  font-size: 16px;
  padding: 20px 25px;
  border-bottom: 1px solid;
  border-top: 1px solid;
  color: #777777;
}

.acceptAllAgree td:first-child {
  width: 85%;
  padding-left: 0;
}

.acceptAllAgree td:last-child {
  padding-right: 0;
}

.acceptAllAgree td button {
  font-size: 16px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #ad8400;
  background: transparent;
  padding: 0;
  border: 0;
}

.acceptAllAgree td input {
  position: static;
  margin: 0 0 0 0;
  display: block;
}

.product-specific-agree .accept-btn {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  max-width: 112px;
  height: 33px;
  display: block;
  text-align: center;
  line-height: 13px;
}

.product-specific-agree input {
  margin: 0 auto;
}

.product-specific-agree .accept-btn-end {
  padding: 6px 0px 6px 0px;
}

.product-specific-agree .agree-head {
  padding-top: 15px;
}

.product-specific-agree .agree-file-name {
  padding: 25px 0px 25px 0px;
}

.product-specific-agree .btn-disable {
  border: 1px solid #d6d6d6 !important;
}

.product-specific-agree .agreement-msg {
  font-size: 13px;
  color: #d93146;
  text-align: center;
  padding-top: 35px;
}

.addProducts-wrap .OTP-wrap .addProducts-list .form_section {
  margin: 40px auto 0 auto;
  max-width: 600px;
  text-align: center;
}

.addProducts-wrap .sign-wrap .addProducts-list .form_section {
  margin: 40px auto 0 auto;
  max-width: 1225px;
  text-align: center;
}

.addProducts-wrap .OTP-wrap .addProducts-list .form_section label,
.addProducts-wrap .sign-wrap .addProducts-list .form_section label {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  margin-bottom: 5px;
}

.addProducts-wrap .OTP-wrap .addProducts-list .form_section p {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 18px !important;
  line-height: 1.3;
  color: #777777;
}

.addProducts-wrap .OTP-wrap .addProducts-list .form_section .otp-input {
  margin: 40px 0;
  justify-content: center;
}

.addProducts-wrap .OTP-wrap .addProducts-list .form_section .otp-input input {
  min-width: 46px;
  width: 46px;
  height: 46px;
  margin: 0 40px 0 0;
}

.addProducts-wrap .request-wrap .addProducts-list .form-inner {
  max-width: 565px;
}

.inactive {
  opacity: 0.7;
  cursor: not-allowed;
}

.acceptAllAgree td input[type="checkbox"] {
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  position: relative;
  top: 0;
  cursor: pointer;
}

.acceptAllAgree td input[type="checkbox"]:checked {
  background-color: #ffffff !important;
  border-color: #ad8400 !important;
}

.acceptAllAgree td input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 2.5px;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.addProducts-list .acceptAllAgree th,
.addProducts-list .acceptAllAgree td {
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}

.addProducts-list .acceptAllAgree .subOpList td {
  border: 0 !important;
  padding: 10px 25px !important;
}
.addProducts-list .acceptAllAgree .subOpList.product_12 td {
  border-bottom: 1px solid #dee2e6 !important;
}
.addProducts-list .ipolist-table table thead {
  height: 30px;
}

.radioBrown-fill input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 3px;
  background-clip: content-box;
  border: 1px solid #d0d0d0;
  background-color: transparent;
  border-radius: 50%;
  border-color: #d0d0d0 !important;
}

.radioBrown-fill input[type="radio"]:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 22px;
  height: 22px;
  padding: 3px;
  background-clip: content-box;
  background-color: #ad8400 !important;
  border-radius: 50%;
  background-image: none;
}

.radioBrown-fill .form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  border-width: 0 0px 0px 0;
  transform: none;
}

.radioBrown-fill .form-check .form-check-label {
  padding-left: 10px;
}

.radioBrown-fill .tooltip.tooltip-theme {
  position: static;
}

.radioBrown-fill .tooltip.tooltip-theme .tooltipText {
  z-index: 999;
}

.complaints-wrap .tabs_wrapper .tab-content {
  padding: 0px 50px 0px 50px;
}

.modal#addsymbolModal {
  background: rgba(0, 0, 0, 0.5411764706);
}

.modal#addsymbolModal .modal-dialog {
  max-width: 700px;
}

.modal#addsymbolModal .modal-dialog .modal-body {
  padding: 10px 55px 10px 55px;
}

.modal#addsymbolModal .modal-dialog .modal-body .search-right {
  display: flex;
  justify-content: end;
  gap: 40px;
}

.modal#addsymbolModal .modal-dialog .modal-content {
  min-height: 500px;
}

.modal#addsymbolModal .header-input-wrap.autocomplete-show input {
  border: 1px solid #dee2e6 !important;
}

.attachment-box .delete-icon {
  margin-top: 0px;
  margin-left: 10px;
  cursor: pointer;
}

.disabled-txt {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}

.watchlist-table .sortable .more-dropdownwrap ul li {
  border-bottom: 1px solid #dee2e6;
}

.watchlist-table .sortable .more-dropdownwrap ul li:last-child {
  border-bottom: none;
}

.darkgray {
  background: #e3e3e3;
}

.marketdepth-new .left-sec {
  width: 49%;
  overflow: hidden;
}

.marketdepth-new .left-sec div {
  height: 38px;
}

.marketdepth-new .right-sec {
  width: 51%;
  overflow: hidden;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.marketdepth-new .right-sec div {
  height: 38px;
}

.marketdepth-new .buysell-btn.buy-btn {
  flex-direction: row-reverse;
}

.marketdepth-new .buysell-btn.buy-btn .buysell-tag {
  width: 40px;
  height: 38px;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.marketdepth-new .buysell-btn.buy-btn .buysell-val {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.marketdepth-new .buysell-btn.buy-btn .buysell-val .right-sec {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.marketdepth-new .buysell-btn-total {
  width: 100%;
  height: 38px;
  border-radius: 5px;
  background: #e3e3e3;
}

.marketdepth-new .buysell-btn-total .left-sec {
  width: 61%;
}

.marketdepth-new .buysell-btn-total .right-sec {
  width: 80%;
}

.bg-blue .right-sec,
.bg-blue .left-sec {
  background-color: #63c64c !important;
  color: #ffffff !important;
}

.bg-red .right-sec,
.bg-red .left-sec {
  background-color: #d93146 !important;
  color: #ffffff !important;
}

.screener .marketDept .buysell-btn .buysell-val.buysell-radius {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.marketdepth-new .buysell-btn.buy-btn .buysell-val.buysell-radius {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

table tr td .buysell-btn .buysell-val .left-sec {
  flex: 1;
}

table tr td .buysell-btn .buysell-val .left-sec div {
  height: 38px;
  line-height: 26px;
}

table tr td .buysell-btn .buysell-val .right-sec div {
  height: 38px;
  line-height: 26px;
}

table tr td .buysell-btn.buy-btn {
  flex-direction: row-reverse;
}

table tr td .buysell-btn.buy-btn .buysell-tag {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

table tr td .right-sec {
  width: 45%;
  overflow: hidden;
}

table tr td .left-sec {
  width: 55%;
  overflow: hidden;
}

.portfolio .watchlist-container .table .buysell-btn .buysell-val {
  display: block;
  padding: 0px;
}

.square-container {
  position: relative;
  width: 54px;
  height: 54px;
  border: 1px solid #eee;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}

.square-container > img {
  max-width: 85% !important;
  width: unset !important;
  height: auto;
  max-height: 36px !important;
  object-fit: cover;
}

.stock-box-inner a .table-icon {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/images/table-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.stock-box-inner a:hover .table-icon,
.stock-box-inner a .table-icon.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/images/table-icon-dark.png) no-repeat;
  background-size: 100% 100%;
}

.stock-box-inner a .chart-bar-icon {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/images/chart-bar-icon-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.stock-box-inner a:hover .chart-bar-icon,
.stock-box-inner a .chart-bar-icon.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/images/chart-bar-icon-dark.png) no-repeat;
  background-size: 100% 100%;
}

.language-popup .modal-dialog {
  max-width: 465px;
}

.stockwatchlist-list .col-lg-8 .d-flex .scrip-box {
  flex: 1;
}

.income-statement .nav-pills .nav-item {
  flex: none;
}

.complaints-wrap .tabs_wrapper .nav-tabs.nav-bg .nav-item .nav-link {
  padding: 0px 14px;
}

.complaints-page .complaints-wrap .tabs_wrapper .nav-tabs.nav-bg.nav-icon {
  padding-bottom: 11px;
}

.complaints-page
  .complaints-wrap
  .tabs_wrapper
  .tab-content
  .form_section
  .form-group {
  margin-bottom: 10px;
}

.screener-sec .status-group {
  justify-content: start;
  flex-wrap: wrap;
  flex-direction: row;
}

.screener-btn {
  height: 42px;
  padding: 10px 15px 10px 15px;
  flex: 1;
  white-space: nowrap;
}

.screener-sec .filter-dropdownMenu {
  min-width: 155px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.screener-sec
  .filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  .form-check-input {
  margin: 0px 8px 0px 0px !important;
}

.screener-sec
  .filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  input:checked
  + label:after {
  top: 3px;
}

.screener-tbl thead th {
  white-space: nowrap;
}

.market-div.border-bottom:last-child {
  border-bottom: none !important;
}

.portfolio.screener-sec .filter-dropdownnew .filter-dropdownMenu {
  min-width: 270px !important;
}

.static-div.dragNdrop {
  border-bottom: 1px solid #ccc;
}

.static-div.dragNdrop:first-child {
  border-bottom: 0px;
}

.static-div.dragNdrop:nth-child(1) {
  border-top: 0px;
}

.dragNdrop {
  cursor: move;
  margin-bottom: 10px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.dragNdrop:last-child {
  border-bottom: 0px !important;
}

.sortable-placeholder {
  background-color: #f0f0f0;
  border: 1px solid #aaa;
}

.eipo.screener-sec .order-status .dropdown-menu {
  min-width: 10rem;
}

.screener-sec .border .market-div .d-flex.gap-3 div {
  flex: 1;
}

.screener-sec .border .static-div .d-flex.gap-3 div {
  flex: 1;
}

.screener-sec .closed-ipo .dropdown.order-status .dropdown-menu {
  min-width: 18rem;
}

.screener-sec
  .filter-dropdownMenu
  .accordion
  .accordion-collapse
  .form-check
  input:checked[type="checkbox"] {
  background-image: url(../dist/images/check_mark_icon.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 999;
  border: 1px solid #ad8400 !important;
}

.screener-sec .dropdown .select-watchlist-switch .dropdown__select {
  z-index: 999;
  background-color: #fff;
}

.screener-sec
  .order-status
  .dropdown-menu
  .dropdown-scroll
  .dropdown-item
  .form-check
  input:checked[type="checkbox"] {
  background-image: url(../dist/images/check_mark_icon.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 999;
  border: 1px solid #ad8400 !important;
}

.screener-sec
  .order-status
  .dropdown-menu
  .dropdown-scroll
  .dropdown-item
  .form-check
  .form-check-input {
  margin-top: 2px;
}

.screener-sec .order-status .dropdown-menu .dropdown-scroll#sectorlistappend {
  max-height: 326px;
  height: auto;
}

tr.nodata td {
  display: flex;
  justify-content: center;
  border-bottom: 0px;
}

.LoggedShortName figure img {
  border-radius: 50% !important;
}

.screener-sec .order-status .dropdown-toggle {
  width: fit-content;
}

.screener-sec .closed-ipo .table-responsive {
  max-height: calc(100vh - 353px);
  overflow-y: auto;
}

.screener-tbl.table thead tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 99;
  opacity: 1 !important;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.screener-tbl.table {
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0px;
}

.stockwatchlist-list .col-lg-8 .d-flex a {
  flex: 1;
}

.buyScreener.new .topTitle .scrip-name-details .script-name {
  flex: 1;
}

.stockwatchlist-list .col-lg-4 {
  padding-right: 5px;
  padding-left: 0px;
}

.screener-sec
  .rightSec.closed-ipo
  .dropdown
  .select-watchlist-switch
  .dropdown__select {
  left: -205px;
}

.screener-sec .rightSec.closed-ipo .dropdown ul.select-watchlist-switch li {
  position: relative;
}

.screener-tbl .trade-btn {
  vertical-align: middle;
}

.screener-sec .rightSec .btn:first-child:active,
:not(.btn-check) + .btn:active {
  border-color: transparent !important;
}

.screener-sec .rightSec .select-watchlist-switch .dropdown__select .btn {
  margin-right: 10px;
}

.screener-sec .left-side {
  height: calc(100vh - 337px);
}

.screener-sec .no-svaed-screen {
  width: 158px !important;
}

.screener-sec .no-svaed-screen li {
  padding: 10px;
}

.portfolio.eipo.screener-sec {
  padding-bottom: 78px;
}

.screener-sec
  .rightSec.closed-ipo
  .dropdown
  .select-watchlist-switch
  .dropdown__select.no-svaed-screen {
  left: -116px;
}

.portfolio.screener-sec .filter-dropdownnew .filter-dropdownMenu {
  right: 0 !important;
  left: auto !important;
  transform: translate(0px, 5px) !important;
}

.screener-sec .scroll:active::-webkit-scrollbar-thumb,
.screener-sec .scroll:focus::-webkit-scrollbar-thumb,
.screener-sec .scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.screener-sec .scroll::-webkit-scrollbar-thumb {
  background-color: #777777;
  visibility: hidden;
  border-radius: 5px;
}

.screener-sec .scroll::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background-color: #ebebeb;
  margin-top: 10px;
}

.screener-sec .closed-ipo .close-head {
  margin-bottom: 9px;
}

.screener-sec .closed-ipo .close-head #addToWatchlistScreener {
  margin-top: 1px;
}

.selected {
  background-color: #f0f0f0;
}

.dept-funds-sec .valueButton span {
  border-radius: 50%;
  width: 43px;
  height: 43px;
  min-width: 43px;
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  position: relative;
  top: -2px;
}

.dept-funds {
  font-size: 17.99px !important;
  height: 46px;
  margin-left: 33px;
  line-height: 35px;
}

.num-text {
  font-size: 15px !important;
  color: #262626 !important;
}

.dept-funds-sec.ipoSteps .main .minMax {
  margin-bottom: 20px;
}

.dept-funds-sec.ipoSteps .service-request {
  max-width: 890px;
}

.dept-funds-sec .scroll:active::-webkit-scrollbar-thumb,
.dept-funds-sec .scroll:focus::-webkit-scrollbar-thumb,
.dept-funds-sec .scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.dept-funds-sec .scroll::-webkit-scrollbar-thumb {
  background-color: #777777;
  visibility: hidden;
  border-radius: 5px;
}

.dept-funds-sec .scroll::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background-color: #e1e1e1;
  border-radius: 5px;
  margin-top: 10px;
}

.dept-funds-sec .steps-sect .divider {
  border-left: 1px solid #c2c2c2;
  height: 100%;
  width: 0px;
  margin: 0 auto;
}

.dept-funds-sec .steps-sect .bank-detail-box {
  background: #f1f1f1;
  padding: 10px 11px 10px 20px;
}

.dept-funds-sec .steps-sect .bank-detail-box .detail-sec {
  max-height: 300px;
  background: transparent;
}

.dept-funds-sec .steps-sect .bank-detail-box .bank-detail {
  padding-top: 23px;
  padding-bottom: 5px;
}

.dept-funds-sec .steps-sect .bank-detail-box .bank-detail img {
  margin-left: 23px;
  cursor: pointer;
}

.dept-funds-sec .steps-sect .bank-detail-sec {
  flex: 1;
}

.dept-funds-sec .steps-sect .steps-sect-box p {
  font-size: 15px !important;
  color: #777777;
}

.dept-funds-sec .steps-sect .steps-sect-box ul {
  padding-top: 10px;
}

.dept-funds-sec .steps-sect .steps-sect-box ul li::marker {
  font-size: 35px;
  line-height: 20px;
  color: #bdbdc0 !important;
}

.dept-funds-sec .steps-sect .steps-sect-box ul li a {
  vertical-align: super;
  text-decoration: none;
  cursor: default;
  font-size: 15px !important;
  line-height: 10px;
  position: relative;
  left: -5px;
}

.dept-funds-sec
  .steps-sect
  .steps-sect-box
  .form-group.upload-group
  .form-control::before {
  font-family: bootstrap-icons, sans-serif, Arial;
  font-size: 20px;
  content: "\f603";
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
}

.dept-funds-sec
  .steps-sect
  .steps-sect-box
  .form-group.upload-group
  .form-control::after {
  font-family: bootstrap-icons, sans-serif, Arial;
  font-size: 20px;
  content: "\f341";
  position: absolute;
  right: 23px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.dept-funds-sec
  .steps-sect
  .steps-sect-box
  .form-group.upload-group
  .form-control {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
  color: #262626;
  pointer-events: inherit;
  min-height: 46px;
  padding: 0.375rem 1.5rem;
  border-radius: var(--bs-border-radius-pill) !important;
  top: 0;
}

.dept-funds-sec
  .steps-sect
  .steps-sect-box
  .form-group.upload-group
  input[type="file"].form-control:focus {
  border-color: #dee2e6;
}

.dept-funds-sec .steps-sect .steps-sect-box .img-ok-btn {
  min-width: 185px;
  height: 46px;
  margin: 0 auto;
  padding-top: 6px;
  padding-bottom: 6px;
}

.dept-funds-sec .steps-sect .steps-sect-box .btn-wrap .btn.btn-outline-gold {
  border: 1px solid #ad8400 !important;
}

.dept-funds-sec .no-transaction {
  width: 100%;
  height: calc(100vh - 170.2px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.dept-funds-sec .no-transaction h2 {
  font-size: 28px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin: 20px auto 0px auto;
  max-width: 648px;
}

.dept-funds-sec .no-transaction p {
  font-size: 18px !important;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  color: #262626;
  max-width: 496px;
  margin: 0 auto 10px auto;
}

.dept-funds-sec .no-transaction button,
.dept-funds-sec .no-transaction .btn,
.dept-funds-sec .sumbitMassage .btn {
  margin-top: 20px;
  font-size: 20px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  height: 46px;
  width: 100%;
  max-width: 415px;
}

.dept-funds-sec label.fileLabel {
  position: absolute;
  left: 12px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  margin: 0;
  top: 12px;
  font-size: 14px !important;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: rgba(119, 119, 119, 0.7);
}

.dept-funds-sec label.input-group-text {
  border-radius: 0 23px 23px 0 !important;
}

.dept-funds-sec input[type="file"] {
  color: transparent !important;
  background: transparent;
  z-index: 2;
}

.dept-funds-sec .custom-file-button input[type="file"] {
  margin-left: -2px !important;
  border-top-left-radius: 28px;
  border-bottom-left-radius: 28px;
  height: 46px;
  padding: 9px 0px 0px 11px;
  border-right: 0px;
  font-size: 18px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
  margin-top: 0px;
}

.dept-funds-sec .custom-file-button input[type="file"]::file-selector-button {
  display: none;
}

.dept-funds-sec .custom-file-button input[type="file"].form-control:focus {
  border-color: #dee2e6;
}

.dept-funds-sec .custom-file-button:hover label {
  cursor: pointer;
}

.dept-funds-sec .custom-file-button .input-group-text {
  border-top-right-radius: 28px;
  border-bottom-right-radius: 28px;
  background: transparent;
  border-left: 0px;
  padding: 6px 20px 6px 0px;
  height: 46px;
}

.dept-funds-sec .custom-file-button .input-group-text {
  top: 0px;
}

.requiredfield::after {
  content: "* ";
  color: red;
}

.dept-funds-sec form .input::after {
  content: "AED";
  font-size: 20px !important;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626 !important;
  padding-left: 3px;
  position: absolute;
  right: 5%;
}

.dept-funds-sec form {
  position: relative;
}

.dept-funds-sec form .currency-symbol {
  top: 22px;
}

.dept-funds-sec form .input {
  position: relative;
}

.ipoSteps.dept-funds-sec .service-request {
  margin: 40px auto 106px auto;
}

.ipoSteps.dept-funds-sec .sumbitMassage {
  height: calc(100vh - 205.2px);
}

.ipoSteps.dept-funds-sec .view-receipt {
  position: relative;
}

.ipoSteps.dept-funds-sec .view-receipt label {
  border: 1px solid #ced4da !important;
  border-radius: 28px;
  height: 46px;
  padding: 13px 0px 0px 11px;
  border-right: 0px;
  font-size: 14px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #777777;
  width: 100%;
}

.ipoSteps.dept-funds-sec .bi-eye {
  position: absolute;
  right: 20px;
  top: 15px;
}

.ipoSteps.dept-funds-sec .input {
  text-align: center;
  flex: 1;
  position: relative;
  top: 0px;
  font-size: 20px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.iban-num {
  position: relative;
  display: flex;
  gap: 10px;
}

.copy-btn {
  display: block;
  transform: translateY(-50%);
  width: 18px;
  height: 22px;
  cursor: pointer;
  background-image: url("../images/copy.png");
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid rgba(255, 255, 255, 0.0509803922);
  position: relative;
  top: 10px;
}

.copy-btn:before {
  content: "";
  display: none;
  position: absolute;
  z-index: 9998;
  top: -7px;
  left: 2px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.72);
}

.copy-btn:after {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  z-index: 9999;
  top: -43px;
  left: -101px;
  width: 211px;
  height: 36px;
  color: #fff;
  font-size: 10px;
  line-height: 36px;
  text-align: center;
  background: rgb(0 0 0 / 79%);
  border-radius: 3px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.copy-btn:hover {
  background-color: #eee;
}

.copy-btn:hover:before,
.copy-btn:hover:after {
  display: block;
}

.copy-btn:active,
.copy-btn:focus {
  outline: none;
}

/* .copy-btn:active:after,
.copy-btn:focus:after {
  content: "Copied!";
}

.accName:active:after,
.accName:focus:after {
  content: "Account name copied to clipboard!";
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.transactionId:active:after,
.transactionId:focus:after {
    content: "Transaction ID copied to clipboard!";
    font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.cmp-nm:active:after,
.cmp-nm:focus:after {
  content: "Company name copied to clipboard!";
}

.addr:active:after,
.addr:focus:after {
  content: "Address copied to clipboard!";
}

.iban-number:active:after,
.iban-number:focus:after {
  content: "IBAN no. copied to clipboard!";
}

.acc-number:active:after,
.acc-number:focus:after {
  content: "Account no. copied to clipboard";
} */

.commonValidateError {
  color: red !important;
  font-weight: bold;
  font-size: 14px !important;
}

main.service-request.complaints-page {
  padding-bottom: 110px;
}

.reverseSlider {
  direction: rtl;
}

.sliders input {
  top: 2px;
}

.watchlist-container .table input {
  top: 9px;
}

.dept-funds-sec.service-request {
  margin-bottom: 50px;
}

.dept-funds-sec.service-request .bank-detail-sec .steps-sect-box p {
  padding-bottom: 20px;
}

.dept-funds-sec.service-request .bank-detail-sec .steps-sect-box ul li {
  line-height: 15px;
  margin-bottom: 20px;
}

.dept-funds-sec.service-request .bank-detail-sec .steps-sect-box .btn-wrap {
  justify-content: left;
}

.dept-funds-sec.service-request
  .bank-detail-sec
  .steps-sect-box
  .btn-wrap.gap-2 {
  gap: 1.5rem !important;
}

.dept-funds-sec .steps-sect .steps-sect-box .img-ok-btn {
  margin: 0px;
}

.imgupload.modal .modal-dialog,
.demomodal.modal#cameraModal .modal-dialog {
  max-width: 631px;
  width: fit-content;
  top: 9%;
  min-width: 454px;
}

.ProfileImageSuccess {
  position: relative;
  bottom: 34px;
}

.ProfileImageSuccess h3 {
  max-width: 400px;
  margin: 0 auto;
}

.imgupload .profile-pic-bottom-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 10px;
  border: 1px solid var(--bs-border-color);
  max-width: 601px;
  margin: 0 auto;
}

.imgupload .img-ok-btn {
  min-width: 200px;
  height: 46px;
  margin: 0 auto;
}

.img-body {
  flex: 1;
}

.contactUs-page .service-request .sidebar-menu {
  border-right: 0px;
}

.service-request .sidebar-menu .list-group a .help-center-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/contactus-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 8px 0px 7px;
}

.service-request .sidebar-menu .list-group a .tutorial-icon {
  content: "";
  display: inline-block;
  width: 33px;
  height: 32px;
  background: url(../images/tutorial-gray.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  margin: 0px 11px 0px 7px;
}

.service-request .sidebar-menu .list-group a.active .help-center-icon,
.service-request .sidebar-menu .list-group a:hover .help-center-icon {
  background: url(../images/contactus-black.png) no-repeat;
}

.service-request .sidebar-menu .list-group a.active .tutorial-icon,
.service-request .sidebar-menu .list-group a:hover .tutorial-icon {
  background: url(../images/tutorial-black.png) no-repeat;
}

.autocomplete-search_stock .search-body .rounded-circle .more-dropdownwrap {
  position: absolute;
  right: 5px;
  bottom: 7px;
  cursor: pointer;
}

.autocomplete-search_stock
  .search-body
  .rounded-circle
  .more-dropdownwrap
  ul
  li:nth-child(even) {
  display: none;
}

.research-report .description {
  display: -webkit-box;
  max-width: 400px;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;
  padding-top: 4px;
}

.script-data-new .scrip-day .marketDept1 {
  flex: 1;
}

.script-data-new .scrip-day .slider-data {
  flex: 1;
}

.script-data-new .marketDept1 h3 {
  margin-bottom: 15px;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  color: #2c2c2c !important;
  font-size: 14px !important;
}

.script-data-new .marketDept1 p {
  color: #777777;
  font-size: 12px !important;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.script-data-new .hidden {
  visibility: hidden;
}

.d-grid {
  display: grid;
  grid-template-columns: auto auto;
}

#videoprofilecamera {
  width: 100%;
}

#canvasprofilecamera {
  width: 100%;
}

.dept-funds-sec.service-request {
  margin-bottom: 86px;
}

.screener-sec
  .dropdown
  .select-watchlist-switch
  .dropdown__select
  .dropdown-scroll
  li
  div:first-child {
  overflow-wrap: anywhere;
}

.watchlist-table table tr td:nth-child(3) p.fontwt-semibold.mb-0.pe-4 {
  padding-right: 2.5rem !important;
}

.bank-select-wrapper
  .edit_section
  .bootstrap-select
  .dropdown-menu
  .inner.show {
  max-height: 288.812px;
}

.withdraw-funds .script-detail-box {
  max-width: 414px;
  border: 1px solid #dee2e6;
  margin: 0 auto;
  text-align: left;
  padding: 15px 15px;
}

.withdraw-funds .ipoSteps {
  padding: 0px 0px 0px 0px;
  max-width: 414px;
  margin: auto;
}

.withdraw-funds .withdraw-funds-details {
  background: #f1f1f1;
  max-width: 525px;
  margin: auto;
}

.withdraw-funds .withdraw-in {
  flex: 1;
}

.withdraw-funds .withdraw-funds-details .withd-funds-box {
  padding: 15px 40px 15px 40px;
}

.withdraw-funds .withdraw-funds-details .withd-amt {
  display: flex;
  justify-content: space-between;
}

.withdraw-funds .proceed-btn {
  max-width: 414px;
  width: 100%;
}

.valueButton {
  border: 1px solid #c9c9c9;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  min-width: 40px;
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
}

.valueButton {
  height: 46px;
  width: 46px;
  min-width: 46px;
  background: #fff;
}

.valueButton.disabled {
  background: #fbfbfb;
  color: #b9b9b9 !important;
  cursor: not-allowed;
}

.valueButton span {
  border-radius: 50%;
  width: 43px;
  height: 43px;
  min-width: 43px;
  text-align: center;
  cursor: pointer;
  color: #262626;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  position: relative;
  top: -2px;
}

.currency-symbol {
  position: absolute;
  right: 64px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  font-size: 18px !important;
  color: #262626;
}

.ipoSteps form {
  display: flex;
  align-items: center;
  position: relative;
}

.withdraw-funds .ipoSteps .input {
  text-align: center;
  flex: 1;
  position: relative;
  top: 0px;
  font-size: 20px !important;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.otp-sec .form_section .otp-input {
  display: flex;
  justify-content: center;
}

.withdraw-funds .ipoSteps.submitmsg {
  max-width: 100%;
}

.withdraw-funds .ipoSteps .sumbitMassage {
  width: 100%;
}

.withd-fund-horz {
  display: flex;
  justify-content: center;
  gap: 20px;
  text-align: center;
}

.withd-fund-horz-in {
  flex: 1;
}

.withd-fund-horz .text {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  font-size: 16px !important;
  color: #777777;
  white-space: nowrap;
  min-width: 130px;
}

.withd-fund-horz .amt {
  font-size: 18px !important;
  color: #262626;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  min-width: 130px;
}

.change-address .custom-file-button input[type="file"] {
  color: transparent !important;
  background: transparent;
}

.change-address .custom-file-button .lbl-verify-email {
  position: absolute;
  top: 11px;
}

.change-address .custom-file-button .input-group-text {
  padding: 0.8rem 1.2rem 0.8rem 1.2rem;
}

.service-request .Transfer-details .box-transfer .radioBrown:hover {
  border: 1px solid #ad8400 !important;
  background: #fbf8f0;
}

.screener-tbl .islamic-stock {
  position: absolute;
  left: 28px;
  top: -5px;
}

.script-detail-box .font-base-black {
  word-break: break-all;
}

#lblerrorOTP {
  height: 28px;
}

.inner-comment-rply-box {
  margin: 37px 0px 0px 50px;
}

.inner-comment-rply-box .rply-box-inner::before {
  display: none;
}

.blog-post
  .comment-box
  .comment-rply-box
  .inner-comment-rply-box
  .rply-box-inner::before {
  display: none;
}

.commentbox {
  position: relative;
}

.linked.highlights1 {
  position: absolute;
  top: 11px;
  left: 1px;
  padding: 10px 10px;
  pointer-events: none;
  width: 100%;
  font-family: "ProximaNova-Light", Arial, sans-serif;
  font-size: 14px;
}

.historymodal .modal-dialog {
  max-width: 600px;
}

.historymodal .modal-dialog .comment-text {
  flex: 1;
}

.historymodal .modal-dialog .blog-post #Postimg {
  margin-top: 12px;
}

.historymodal .modal-dialog .blog-post .post-img-small.leassThanAspect {
  aspect-ratio: 2/1;
  max-height: unset;
}

.historymodal .modal-dialog .blog-post .post-img-small {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-height: 388px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.historymodal .modal-dialog .blog-post .post-img-small figure {
  margin-top: 1rem;
  display: block;
  cursor: pointer;
  position: relative;
  transition: opacity 0.3s ease;
  width: 100%;
}

.historymodal .modal-dialog .blog-post .post-img-small figure::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3019607843);
  opacity: 0;
  transition: opacity 0.9s ease;
  z-index: 1;
}

.historymodal .modal-dialog .blog-post .post-img-small figure img {
  width: 100%;
  max-width: unset;
}

.community-feed .post-comment .market-box {
  min-width: 400px;
  position: relative;
}

.community-feed .post-comment .market-box .market-box-in {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.0705882353);
  width: 100%;
}

.main-blog .Post-List .comment-box-container .blog-post label.input-sizer {
  border: 1px solid #dee2e6;
  background: #f1f2f3;
  min-width: 100%;
  padding: 10px 5px 5px 5px;
}

.main-blog .Post-List .comment-box-container .blog-post .comment-form {
  flex: 1;
}

.main-blog .Post-List .comment-box-container .blog-post .input-sizer::after,
.main-blog .Post-List .comment-box-container .blog-post .input-sizer input,
.main-blog .Post-List .comment-box-container .blog-post .input-sizer textarea {
  min-height: 31px;
}

.main-blog .Post-List .comment-box-container .blog-post .input-sizer textarea {
  min-height: 80px;
}

.comment-box-container .preview_img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 10px;
  position: relative;
}

.comment-box-container .preview_img .close-div {
  padding: 0px 0px 0px 0px;
}

.comment-box-container .preview_img .img-close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 9;
  background-color: #cdcdcd;
  border-radius: 50px;
  width: 20px;
  height: 20px;
}

.comment-box-container .preview_img .main_img {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 278px;
}

.comment-box-container .preview_img picture img {
  width: 100%;
  height: 100%;
  display: block;
}

.comment-form .container {
  padding-left: 0px;
  padding-right: 0px;
}

.blog-post {
  position: relative;
  z-index: 10;
}

.blog-post .market-box {
  min-width: 400px;
  position: absolute;
  z-index: 1000;
  top: 57px;
  left: 45px;
}

.blog-post .market-box .market-head {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 13px;
}

.blog-post .market-box .market-box-in {
  background-color: #fff;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.0705882353);
  width: 100%;
  max-height: 453px;
}

.blog-post .market-box .market-box-in .market-tag {
  border-bottom: 1px solid #dee2e6;
  padding-top: 12px;
  padding-bottom: 13px;
}

.blog-post .market-box .market-box-in .market-tag:last-child {
  border-bottom: none;
}

.blog-post .market-box .market-box-in .profile h4 {
  font-size: 18px !important;
  font-family: "ProximaNova-Black", sans-serif, Arial;
}

.blog-post .market-box .market-box-in .profile span {
  font-size: 14px !important;
}

.blog-post .market-box .market-box-in .circular_image {
  width: 50px !important;
  height: 50px !important;
  margin-right: 0px !important;
}

.inner-comment-box
  .comment-rply-box
  .comment-box-container
  .blog-post
  label.input-sizer {
  min-width: 99%;
}

.inner-comment-box .comment-rply-box .comment-box-container .preview_img {
  padding: 0px 0px 0px 0px;
}

.inner-comment-box
  .comment-rply-box
  .comment-box-container
  .blog-post
  .child-img {
  padding: 0px 4px 10px 45px;
}

.inner-comment-box
  .comment-rply-box
  .comment-box-container
  .blog-post
  .child-img
  .container {
  padding: 0px;
}

#marketDownError,
#marketDownErrorTdwl {
  z-index: 99999;
}

.signup-head.terms-condition .scroll:active::-webkit-scrollbar-thumb,
.signup-head.terms-condition .scroll:focus::-webkit-scrollbar-thumb,
.signup-head.terms-condition .scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.signup-head.terms-condition .scroll::-webkit-scrollbar-thumb {
  background-color: #777777;
  visibility: hidden;
  border-radius: 5px;
}

.signup-head.terms-condition .scroll::-webkit-scrollbar {
  width: 5px;
  height: 4px;
  background-color: #e1e1e1;
  border-radius: 5px;
  margin-top: 10px;
}

.bank-select-wrapper .tooltip.tooltip-theme,
#withIBANForm .tooltip.tooltip-theme {
  z-index: 10;
}

@media (max-width: 1473px) {
  .my-subscription .subcription_menu .nav-pills .nav-link {
    min-width: 108px;
  }
}

.my-subscription .subscription-box {
  border: 1px solid #d0d0d0;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.4);
  padding: 15px;
  text-align: center;
  cursor: pointer;
}

.my-subscription .subscription-btn {
  min-width: 275px;
  height: 42px;
}

.service_req_dashboard .dashboard-sidebar {
  width: 440px;
  border-right: 1px solid #babbbe;
}

@media (max-width: 1473px) {
  .service_req_dashboard .dashboard-sidebar {
    width: 350px;
  }
}

@media (max-width: 1199px) {
  .service_req_dashboard .dashboard-sidebar {
    width: 300px;
  }
}

@media (max-width: 991px) {
  .service_req_dashboard .dashboard-sidebar {
    width: 100%;
    border-right: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(186, 187, 190, 0.5);
  }
}

.service_req_dashboard .dashboard-main {
  min-height: calc(100vh - 220px);
  flex: 1;
  padding: 45px 40px 100px 40px;
}

@media (max-width: 1473px) {
  .service_req_dashboard .dashboard-main {
    padding: 40px 20px 100px 20px;
  }
}

.service_req_dashboard .dashboard-main .back_cta {
  margin-bottom: 60px;
  font-size: 18px;
}

.service_req_dashboard .dashboard-main .back_cta a {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #262626;
}

.service_req_dashboard .dashboard-main .back_cta a::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/images/back-arrow.png) no-repeat;
  background-size: 18px;
  background-position: center;
}

.subscription_plans_list {
  margin-top: 20px;
}

.subscription_plans_list .column {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 1799px) {
  .subscription_plans_list .column {
    width: 25%;
  }
}

.subscription-home
  .subscription_plan_box:not(.new_subscription_plan_box)::before {
  content: "";
  display: block;
  width: 5px;
  height: 100%;
  background-color: #ad8400;
  border-radius: 2px;
  position: absolute;
  transition: 0.3s all;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.subscription-home
  .subscription_plan_box:not(.new_subscription_plan_box):hover {
  background-color: #fbf8f0;
}

.subscription-home
  .subscription_plan_box:not(.new_subscription_plan_box):hover::before {
  opacity: 1;
}

.subscription_plan_box {
  min-height: 100%;
  border: 1px solid rgba(186, 187, 190, 0.5);
  box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.05);
  padding: 5px 15px;
  border-radius: 2px;
  position: relative;
  background-color: #fff;
  transition: 0.3s all;
}

.has_subscription_plan {
  padding-bottom: 60px;
}

.subscription_plan_box > .box-link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.already_subscribe {
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 15px 15px !important;
  background: #fff;
}

#ActivePlans .box_footer {
  position: absolute;
  bottom: 0px;
  width: 89%;
}

.subscription_plan_box a {
  z-index: 2;
}

.subscription_plan_box .box_header {
  padding: 10px 0;
  border-bottom: 1px solid #babbbe;
  min-height: 56px;
}

.subscription_plan_box .box_header .flags {
  display: flex;
  gap: 5px;
  align-items: center;
}

.subscription_plan_box .box_header .flags img {
  max-width: 35px;
  height: 35px;
  border-radius: 50%;
}

.subscription_plan_box .box_body {
  padding: 15px 0 10px;
}

.subscription_plan_box .plan_title {
  font-size: 16px;
  line-height: 18px;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #000000;
  margin: 0;
}
.subscription_plan_box h6 {
  font-size: 14px;
  font-weight: 400;
  color: #ad8400;
  margin-bottom: 10px;
}
.subscription_plan_box p {
  font-size: 14px;
  line-height: 16px;
  color: #777777;
}

.subscription_plan_box .plan_price {
  margin: 10px 0;
}

.subscription_plan_box .plan_price p {
  margin-top: 5px;
}

.subscription_plan_box .text-danger {
  color: #d93146 !important;
}

.subscription_plan_box .membership_fees {
  display: flex;
  align-items: center;
  line-height: 31px;
}

.subscription_plan_box .membership_fees .fees,
.subscription_plan_box .membership_fees .duration {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 28px;
  line-height: 31px;
  color: #262626;
}

@media (max-width: 1359px) {
  .subscription_plan_box .membership_fees .fees,
  .subscription_plan_box .membership_fees .duration {
    font-size: 18px;
    line-height: 20px;
  }
}

.subscription_plan_box .membership_fees .unit {
  font-size: inherit;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
}

.subscription_plan_box .membership_fees .duration {
  border-left: 1px solid #babbbe;
  padding-left: 10px;
  margin-left: 10px;
}

.subscription_plan_box .membership_fees .duration .unit {
  font-size: 14px;
  line-height: normal;
  color: #777777;
}

.subscription_plan_box .box_footer {
  padding: 15px 0;
  border-top: 1px solid #babbbe;
  display: flex;
  gap: 2px;
  justify-content: space-between;
  align-items: center;
}

.subscription_plan_box .box_footer .btn-subscribe {
  height: 33.5px;
}

.subscription_plan_box .subscribe_footer {
  padding-bottom: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0px 15px 15px;
}

.subscription_plan_box .end_date {
  margin: 0;
}

.subscription_plan_box .end_date b {
  font-weight: inherit;
  color: #262626;
}

.subscription_plan_box .expire_soon {
  padding: 15px 0 !important;
  border: 0;
}

.subscription_plan_box .expire_soon .btn {
  margin-left: auto;
}

.subscription_plan_box .expire_soon p {
  color: #d93146;
  margin: 0;
}

.subscription_plan_box .already_subscribe p {
  color: #63c64c;
}

.subscription_plan_box .icon-exipre {
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 14px;
  background: url(/images/icon-expire.svg) no-repeat;
  background-size: 100% 100%;
}

.subscription_plan_box .icon-center {
  margin-bottom: 25px;
}

.subscription_plan_box .btn-add_new,
.subscription_plan_box .btn-renew {
  min-width: 100%;
  padding: 8px 20px;
  margin-top: 15px;
  white-space: nowrap;
}

.subscription_plan_box .btn.w-full {
  min-width: 100%;
  padding: 8px 20px;
}

.subscription_plan_box .btn-renew {
  margin-top: 0;
}

.subscription_plan_box .renew_cta {
  position: absolute;
  width: 100%;
  left: 0px;
  z-index: 1;
  bottom: 0px;
  padding: 0px 15px 15px;
}

.new_subscription_plan_box {
  padding: 40px 30px 34px;
  display: flex;
  flex-direction: column;
}
.new_subscription_plan_box .cardRe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.select_subscription_dashboard .sub_heading {
  font-size: 18px !important;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin-bottom: 20px;
}

.select_subscription_dashboard .sub_heading b {
  color: #ad8400;
  font-family: "ProximaNova-Black", Arial, sans-serif;
}

.select_subscription_dashboard article {
  margin-bottom: 60px;
}

.financial_markets .row {
  margin: 0 -7px;
}

.financial_markets .row > div {
  padding: 10px 7px;
}

.financial_markets .column {
  position: relative;
}

@media (min-width: 1799px) {
  .financial_markets .column {
    width: 20%;
  }
}

.financial_markets label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
}

.financial_markets input {
  position: absolute;
}

.financial_markets input:checked ~ .market-box {
  background-color: rgba(173, 132, 0, 0.05);
  border-color: #ad8400;
}

.financial_markets .market-box {
  min-height: 100%;
  border-radius: 2px;
  border: 1px solid #babbbe;
  padding: 20px;
  transition: 0.3s all;
  cursor: pointer;
}

.financial_markets .market-box:hover,
.financial_markets .market-box .selected {
  background-color: rgba(173, 132, 0, 0.05);
  border-color: #ad8400;
}

.financial_markets .market-box::after {
  display: none;
}

.financial_markets .market-box .market-icon {
  width: 35px;
  height: 35px;
}

.financial_markets .market-box .market-icon img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.financial_markets .market-box .market-detail {
  padding-left: 10px;
}

.financial_markets .market-box h5 {
  font-size: 16px;
  line-height: 18px;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 2px;
}

.financial_markets .market-box p {
  font-size: 12px;
  line-height: 15px;
  color: #777777;
  margin: 0;
}

.icon-tick {
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 16px;
  background: url(/images/icon-tick.svg) no-repeat;
  background-size: 100% 100%;
}

.offcanvas.subscribe_window_canvas {
  width: 100%;
  max-width: 560px;
}

.offcanvas.subscribe_window_canvas .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  margin: 0;
  opacity: 1;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .btn-close {
    top: 10px;
    right: 10px;
  }
}

.offcanvas.subscribe_window_canvas .offcanvas-header {
  padding: 70px 40px 16px;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .offcanvas-header {
    padding: 50px 15px 15px;
  }
}

.offcanvas.subscribe_window_canvas .subscription_plan .plan {
  display: flex;
  margin-bottom: 2px;
}

.offcanvas.subscribe_window_canvas .subscription_plan .name,
.offcanvas.subscribe_window_canvas .subscription_plan .duration {
  font-size: 24px;
  line-height: 27px;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #000;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .subscription_plan .name,
  .offcanvas.subscribe_window_canvas .subscription_plan .duration {
    font-size: 16px;
    line-height: 18px;
  }
}

.offcanvas.subscribe_window_canvas .subscription_plan .duration {
  border-left: 1px solid #babbbe;
  padding-left: 10px;
  margin-left: 10px;
}

.offcanvas.subscribe_window_canvas .subscription_plan .duration b {
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .subscription_plan .duration b {
    font-size: 12px;
  }
}

.offcanvas.subscribe_window_canvas .subscription_plan p {
  font-size: 16px;
  line-height: normal;
  color: #000;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .subscription_plan p {
    font-size: 14px;
  }
}

.offcanvas.subscribe_window_canvas .subscription_logo {
  display: flex;
  height: 52px;
  gap: 5px;
  align-items: center;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .subscription_logo {
    width: 40px;
  }
}

.offcanvas.subscribe_window_canvas .subscription_logo img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.offcanvas.subscribe_window_canvas .offcanvas-body {
  padding: 30px 40px;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .offcanvas-body {
    padding: 30px 15px;
  }
}

.offcanvas.subscribe_window_canvas .date_block {
  margin-bottom: 20px;
}

.offcanvas.subscribe_window_canvas .date {
  font-size: 16px;
  color: #777777;
  margin-bottom: 10px;
}

.offcanvas.subscribe_window_canvas .date b {
  font-size: inherit;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.offcanvas.subscribe_window_canvas .subscribe_detail {
  background-color: rgba(186, 187, 190, 0.15);
  text-align: center;
  margin-bottom: 20px;
}

.offcanvas.subscribe_window_canvas .subscribe_detail .subscribe_date {
  font-size: 14px;
  color: #777777;
  margin-bottom: 12px;
}

.offcanvas.subscribe_window_canvas .subscribe_detail .subscribe_date span {
  font-size: inherit;
  color: #262626;
}

.offcanvas.subscribe_window_canvas .subscribe_detail .label {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 4px;
  color: #777777;
}

.subscribe_window_canvas .subscribe_detail .subscribe_amount {
  padding: 20px;
  border-bottom: 1px solid rgba(186, 187, 190, 0.5);
}

.offcanvas.subscribe_window_canvas .subscribe_detail .value {
  font-size: 14px;
  line-height: 14px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #262626;
  margin-bottom: 0;
}

.subscribe_window_canvas .subscribe_detail .subscribe_amount .value {
  font-size: 24px;
  line-height: 27px;
}

.offcanvas.subscribe_window_canvas .subscribe_detail .value b {
  font-size: inherit;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: inherit;
}

.offcanvas.subscribe_window_canvas .checkbox_wrapper {
  margin-bottom: 30px;
}

.offcanvas.subscribe_window_canvas .checkbox_wrapper label {
  font-size: 16px;
}

.offcanvas.subscribe_window_canvas .checkbox_wrapper a {
  color: #ad8400;
}

.offcanvas.subscribe_window_canvas .canvas_cta {
  margin: 30px 0;
}

.offcanvas.subscribe_window_canvas .canvas_cta .btn {
  width: 100%;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  padding: 7px 15px;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .canvas_cta .btn {
    font-size: 14px !important;
  }
}

.offcanvas.subscribe_window_canvas .cash_available {
  font-size: 16px;
}

.offcanvas.subscribe_window_canvas .cash_available span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #262626;
}

.offcanvas.subscribe_window_canvas .error_msg {
  margin: 30px 0;
  padding: 0 55px;
  color: #d93146;
}

@media (max-width: 767px) {
  .offcanvas.subscribe_window_canvas .error_msg {
    padding: 0;
  }
}

.offcanvas.subscribe_window_canvas .error_msg a {
  color: #ad8400;
}

@media (max-width: 1599px) {
  .offcanvas.subscribe_window_canvas {
    max-width: 460px;
  }

  .offcanvas.subscribe_window_canvas .offcanvas-body {
    padding: 20px;
  }

  .offcanvas.subscribe_window_canvas .offcanvas-header {
    padding: 50px 20px 16px;
  }

  .offcanvas.subscribe_window_canvas .date {
    font-size: 14px;
  }

  .subscribe_window_canvas .subscribe_detail .subscribe_amount {
    padding: 15px;
  }

  .subscribe_calculation .column {
    padding: 15px 15px 20px 15px;
  }

  .offcanvas.subscribe_window_canvas .error_msg {
    padding: 0 30px;
  }
}

@media (max-width: 575px) {
  .offcanvas {
    border-left: 0 !important;
  }
}

.btn.disabled {
  background-color: #babbbe !important;
  color: #ffffff;
  border: 1px solid #babbbe !important;
}

.checkbox_wrapper {
  position: relative;
}

.checkbox_wrapper .checkbox {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(186, 187, 190, 0.5);
  border-radius: 3px;
  position: absolute;
  left: 0;
  top: 3px;
}

.checkbox_wrapper .checkbox::before {
  content: "";
  display: block;
  text-align: center;
  width: 6px;
  height: 10px;
  border: 1px solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}

.checkbox_wrapper input {
  position: absolute;
}

.checkbox_wrapper input:checked + .checkbox {
  border-color: #ad8400;
}

.checkbox_wrapper input:checked + .checkbox::before {
  opacity: 1;
}

.checkbox_wrapper label {
  padding-left: 28px;
  position: relative;
  z-index: 2;
}

.subscribe_calculation .row {
  margin: 0;
}

.subscribe_calculation .column {
  padding: 26px 15px 30px 15px;
}

.subscribe_calculation .value_a {
  position: relative;
}

.subscribe_calculation .value_a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 60px;
  background: url(../images/add-amount.png) no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.subscribe_calculation .value_total {
  position: relative;
}

.subscribe_calculation .value_total::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 34px;
  background: url(~/images/equal-icon.png) no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.plan_payment_step .form_section {
  max-width: 550px;
  margin: 0 auto;
}

.plan_payment_step .form_section h4 {
  font-size: 28px;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .plan_payment_step .form_section h4 {
    font-size: 18px;
    line-height: 22px;
  }
}

.plan_payment_step .form_section p {
  font-size: 18px;
  line-height: 28px;
  color: #777777;
}

@media (max-width: 767px) {
  .plan_payment_step .form_section p {
    font-size: 14px;
    line-height: 16px;
  }
}

.plan_payment_step .form_section .otp-input {
  justify-content: center;
  margin: 18px 0 30px;
}

.plan_payment_step .form_section .otp-input input {
  min-width: auto;
  width: 46px;
  height: 46px;
  border-color: rgba(186, 187, 190, 0.5);
}

@media (max-width: 767px) {
  .plan_payment_step .form_section .otp-input input {
    width: 40px;
    height: 40px;
  }
}

.plan_payment_step .form_section .otp-input input:not(:last-child) {
  margin-right: 40px;
}

@media (max-width: 767px) {
  .plan_payment_step .form_section .otp-input input:not(:last-child) {
    margin-right: 20px;
  }
}

.plan_payment_step .form_section .otp-input input:focus {
  border-color: rgba(38, 38, 38, 0.5);
}

.plan_submit_step {
  padding: 100px 0;
}

.plan_submit_step .content {
  max-width: 715px;
  margin: 0 auto;
}

.plan_submit_step h4 {
  font-size: 28px;
  line-height: 28px;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  color: #262626;
  margin: 40px 0;
}

@media (max-width: 767px) {
  .plan_submit_step h4 {
    font-size: 18px;
    line-height: 22px;
  }
}

.plan_submit_step .btn-view_my_subscription {
  padding: 8px 28px;
}

@media (max-width: 767px) {
  .plan_submit_step .btn-view_my_subscription {
    font-size: 14px !important;
  }
}

.wizard_stepper ul {
  list-style: none;
  display: flex;
  justify-content: flex-end;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .wizard_stepper ul {
    justify-content: center;
    padding-bottom: 30px;
  }
}

.wizard_stepper ul li {
  padding: 0 50px 14px;
  position: relative;
}

@media (max-width: 767px) {
  .wizard_stepper ul li {
    padding: 0 40px 14px;
  }
}

.wizard_stepper ul li:last-child .connector {
  display: none;
}

.wizard_stepper ul li.completed .connector::before {
  width: 100%;
}

.wizard_stepper ul li.completed .bullet {
  background: #276a94 url(~/images/icon-check-white.svg) no-repeat;
  background-size: 12px;
  background-position: center;
  border-color: #276a94;
}

.wizard_stepper ul li.active .connector::before {
  width: 50%;
}

.wizard_stepper ul li.active .bullet {
  border-color: #276a94;
}

.wizard_stepper ul .connector {
  display: block;
  width: 100px;
  height: 2px;
  background-color: #babbbe;
  position: absolute;
  top: 11px;
  left: 25px;
}

.wizard_stepper ul .connector::before {
  content: "";
  display: block;
  width: 0%;
  height: 100%;
  background-color: #276a94;
  position: absolute;
  top: 0;
  left: 0;
}

.wizard_stepper ul .bullet {
  width: 25px;
  height: 25px;
  position: relative;
  background-color: #fff;
  border: 1px solid #777777;
  border-radius: 50%;
  margin: 0 auto 8px;
}

.wizard_stepper ul h6 {
  font-size: 14px;
  color: #000;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.subcription_menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 1473px) {
  .subcription_menu .nav-pills.gap-3 {
    gap: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .subcription_menu .nav-pills {
    width: 100%;
  }

  .subcription_menu .nav-pills .nav-item {
    flex: 1;
  }

  .subcription_menu .nav-pills .nav-item .nav-link {
    width: 100% !important;
  }
}

.subcription_menu .nav-pills .nav-link {
  border: 1px solid #d6d6d6;
  border-radius: 32px;
  color: #777777;
  min-width: 100px;
  width: auto !important;
  font-size: 14px !important;
  height: 32px;
  line-height: 17px;
  color: #babbbe;
}

@media (max-width: 1473px) {
  .subcription_menu .nav-pills .nav-link {
    min-width: 85px;
  }
}

.subcription_menu .nav-pills .nav-link.active {
  background: #262626;
  border-color: #262626;
  color: #fff;
}

.icon-center {
  display: block;
  margin: 0 auto 10px;
}

.bank-select-wrapper .tooltip.tooltip-theme,
#withIBANForm .tooltip.tooltip-theme {
  z-index: 10;
}

.d-hide {
  visibility: hidden;
}

.errormsg {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #d93146 !important;
  font-size: 14px !important;
  padding-top: 5px;
}

.screener .like-share-group .btnShare .share-icon-body {
  left: auto;
  right: -10px;
}

.modal.termsCondition-mode-popup .modal-dialog {
  max-width: 650px;
}

.modal.termsCondition-mode-popup .modal-dialog.modal-xl {
  max-width: 1140px;
}

.modal.termsCondition-mode-popup .modal-dialog .modal-content .modal-body h3 {
  color: #262626;
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 24px !important;
  text-align: center;
}

@media (max-width: 767px) {
  .modal.termsCondition-mode-popup .modal-dialog .modal-content .modal-body h3 {
    font-size: 18px !important;
    margin-bottom: 15px;
  }
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap {
  padding: 20px;
  max-height: 31vh;
  overflow-y: auto;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #ebebeb;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrapy::-webkit-scrollbar-track {
  background-color: #777777;
  border-radius: 0px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap::-webkit-scrollbar-thumb {
  border-radius: 1.2rem;
  background: #777777;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  p {
  color: #262626;
  margin-bottom: 15px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  p:last-child {
  margin-bottom: 0;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap.terms-content-wrap-theme {
  max-height: 72vh;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol {
  counter-reset: item;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol
  li {
  font-family: "ProximaNova-Black", sans-serif, Arial;
  font-size: 20px !important;
  color: #262626 !important;
  display: block;
  position: relative;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol
  li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  position: absolute;
  left: -2.5rem;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol.counter-list
  li {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  font-size: 20px !important;
  color: #262626 !important;
  margin-bottom: 20px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol.counter-list
  li
  p {
  font-size: 14px !important;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 0px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol.counter-list
  li
  ol {
  padding-top: 20px;
  padding-left: 0;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol.counter-list
  li
  ol
  li {
  font-family: "ProximaNova-Regular", sans-serif;
  font-size: 14px !important;
  line-height: 24px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol.counter-list
  li
  ol
  li
  ul.lowerAlpha
  li,
.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ol.counter-list
  li
  ol
  li
  ul.lowerAlpha
  li
  ul.lowerRoman
  li {
  font-family: "ProximaNova-Regular", sans-serif !important;
  font-size: 14px !important;
  line-height: 24px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerAlpha {
  list-style-type: lower-alpha;
  padding-left: 1rem;
  margin-top: 20px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerAlpha
  li {
  display: list-item;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
  font-size: 20px !important;
  color: #262626 !important;
  margin-bottom: 20px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerAlpha
  li:before {
  display: none;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerRoman {
  list-style-type: lower-roman;
  margin-top: 20px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerRoman
  li {
  font-size: 20px !important;
  color: #262626 !important;
  margin-bottom: 20px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerAlpha
  li
  ul.lowerRoman
  li {
  font-family: "ProximaNova-Regular", sans-serif !important;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerAlpha
  li
  ul.lowerRoman
  li
  strong {
  font-size: 20px !important;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerRoman
  li
  ol {
  margin-top: 20px;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  ul.lowerRoman
  li
  ol
  li {
  font-family: "ProximaNova-Regular", sans-serif !important;
  font-size: 16px !important;
}

.modal.termsCondition-mode-popup
  .modal-dialog
  .modal-content
  .modal-body
  .terms-content-wrap
  strong {
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}
@media (max-width: 767px) {
  .modal.termsCondition-mode-popup
    .modal-dialog
    .modal-content
    .modal-body
    .terms-content-wrap {
    padding: 10px;
  }
}

.no_subscription {
  border: 1px solid #dee2e6;
  padding: 20px 20px;
}

.no_subscription .no_plan {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.watchlist-container .table tr td.CurrFilter .d-flex {
  justify-content: end;
}

.dashboard-page .page_wrap {
  border-bottom: var(--bs-border-width) var(--bs-border-style)
    var(--bs-border-color);
  padding: 24px 40px;
}

@media (max-width: 1473px) {
  .dashboard-page .page_wrap {
    padding: 20px 40px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .page_wrap {
    padding: 15px 20px;
  }
}

.dashboard-page .page_wrap .page-heading {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 28px !important;
  line-height: 31px;
  color: #262626;
  margin-bottom: 0;
}

.dashboard-page .blog-post .circular_image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  display: inline-block;
  vertical-align: middle;
}

.dashboard-page .blog-post .circular_image img {
  width: 100%;
}

.dashboard-page .blog-post .inner-comment-box {
  padding: 0px 15px 0px 60px;
  margin-top: 20px;
}

@media (max-width: 1473px) {
  .dashboard-page .blog-post .inner-comment-box {
    padding: 0px;
  }
}

.dashboard-page .blog-post .inner-comment-box .social-comment-link {
  align-items: center;
}

@media (max-width: 639px) {
  .dashboard-page .blog-post .inner-comment-box .social-comment-link {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.dashboard-page
  .blog-post
  .inner-comment-box
  .social-comment-link
  .like-count
  span {
  padding: 3px;
}

.dashboard-page
  .blog-post
  .inner-comment-box
  .social-comment-link
  .like-count
  span:first-child {
  padding-left: 0;
}

.dashboard-page
  .blog-post
  .inner-comment-box
  .social-comment-link
  .like-share-group {
  display: flex;
  align-items: center;
  gap: 20px;
}

.dashboard-page
  .blog-post
  .inner-comment-box
  .social-comment-link
  .like-share-group
  a
  figure {
  margin: 0;
}

.dashboard-page {
  margin-bottom: 100px;
}

.dashboard-page .title_wrap {
  margin-bottom: 44px;
}

@media (max-width: 1473px) {
  .dashboard-page .title_wrap {
    margin-bottom: 25px;
  }
}

.dashboard-page .title_wrap .sec_title,
.dashboard-page .title_wrap .sec_title span {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 42px !important;
  line-height: 47px;
  margin-bottom: 0;
  color: #ad8400;
}

@media (max-width: 1473px) {
  .dashboard-page .title_wrap .sec_title,
  .dashboard-page .title_wrap .sec_title span {
    font-size: 35px !important;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .title_wrap .sec_title,
  .dashboard-page .title_wrap .sec_title span {
    font-size: 28px !important;
    line-height: 30px;
  }
}

@media (max-width: 639px) {
  .dashboard-page .title_wrap .sec_title,
  .dashboard-page .title_wrap .sec_title span {
    font-size: 26px !important;
    line-height: 30px;
  }
}

@media (min-width: 1439px) {
  .dashboard-page .row.row-lg {
    margin-left: -25px;
    margin-right: -25px;
  }

  .dashboard-page .row.row-lg > div {
    padding-right: 25px;
    padding-left: 25px;
  }
}

@media (min-width: 991px) {
  .dashboard-page .row.row-lg {
    margin-left: -15px;
    margin-right: -15px;
  }

  .dashboard-page .row.row-lg > div {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.dashboard-page .dashboard-container {
  padding: 2rem;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container {
    padding: 1rem;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container {
    padding: 0.5rem;
  }
}

.dashboard-page .dashboard-container .field_box.economicSector_wrap {
  margin-bottom: 24px;
}

.dashboard-page .dashboard-container .field_box {
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 30px;
}

.dashboard-page .dashboard-container .field_box.gain-box,
.dashboard-page .dashboard-container .field_box.buying-power {
  border-radius: 5px;
  min-height: 100%;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .field_box {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .field_box {
    padding: 15px;
  }
}

.dashboard-page .dashboard-container .field_box h4 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #262626;
}

.dashboard-page .dashboard-container .blog-post .field_box h4 {
  font-size: 20px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.dashboard-page .dashboard-container .blog-post .field_box p {
  font-size: 16px;
}

.dashboard-page .dashboard-container .field_box p {
  font-size: 14px;
  line-height: 22px;
  color: #777777;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .field_box p {
    font-size: 14px;
    line-height: 20px;
  }
}

.dashboard-page .dashboard-container .field_box .value-content {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .field_box .value-content {
    margin-top: 15px;
  }
}

.dashboard-page .dashboard-container .value-content {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 30px;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .value-content {
    gap: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .value-content {
    gap: 10px;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .value-content {
    flex-wrap: wrap;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .value-content li {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

.dashboard-page .dashboard-container .value-content li .label {
  font-size: 14px;
  line-height: 14px;
  color: #777777;
  display: block;
  margin-bottom: 5px;
}

.dashboard-page .dashboard-container .value-content li .value {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #262626;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .value-content li .value {
    font-size: 15px;
    line-height: 15px;
  }
}

.dashboard-page .dashboard-container .value-content li .value em {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
  font-size: inherit;
  font-style: normal;
}

.dashboard-page .dashboard-container .value-content li .value.lg-font {
  font-size: 24px;
  line-height: 24px;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .value-content li .value.lg-font {
    font-size: 20px;
    line-height: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .value-content li .value.lg-font {
    font-size: 18px;
    line-height: 18px;
  }
}

.dashboard-page .dashboard-container .value-content li + li {
  border-left: 1px solid #babbbe;
  padding-left: 30px;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .value-content li + li {
    padding-left: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .value-content li + li {
    padding-left: 10px;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .value-content li + li {
    border-left: 0;
    border-top: 1px solid #babbbe;
    padding-left: 0px;
    padding-top: 20px;
  }
}

.dashboard-page .dashboard-container .gain-box h4 {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 24px;
  color: #777777;
  margin-bottom: 0;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .gain-box h4 {
    font-size: 18px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .gain-box h4 {
    font-size: 16px;
  }
}

.dashboard-page .dashboard-container .gain-box .value-text {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 52px;
  line-height: 56px;
  color: #262626;
  display: block;
  margin-top: 8px;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .gain-box .value-text {
    font-size: 42px;
    line-height: 47px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .gain-box .value-text {
    font-size: 35px;
    line-height: 41px;
  }
}

.dashboard-page .dashboard-container .buying-power h4 {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 20px;
  line-height: 20px;
  color: #262626;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .buying-power h4 {
    font-size: 16px;
  }
}

.dashboard-page .dashboard-container .buying-power .value-content li {
  flex: 0 0 25%;
  max-width: 31.5%;
}
.dashboard-page
  .dashboard-container
  .buying-power
  .value-content
  li:nth-child(2) {
  flex: 0 0 40%;
  max-width: 40%;
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .buying-power .value-content li {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.dashboard-page .dashboard-container .table.table-chart-legend {
  margin-bottom: 0;
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .table.table-chart-legend {
    margin-bottom: 15px;
  }
}

.dashboard-page .dashboard-container .table.table-chart-legend tr th {
  color: #777777;
}

.dashboard-page
  .dashboard-container
  .table.table-chart-legend
  tr
  th:first-child {
  padding-left: 0;
  padding-right: 0;
}

.dashboard-page
  .dashboard-container
  .table.table-chart-legend
  tr
  th:last-child {
  padding-right: 0;
}

.dashboard-page .dashboard-container .table.table-chart-legend tr td {
  font-size: 18px;
  line-height: 28px;
  color: #262626;
  vertical-align: middle;
  padding: 0.6rem 0.6rem;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .table.table-chart-legend tr td {
    font-size: 15px;
    line-height: 20px;
  }
}

.dashboard-page
  .dashboard-container
  .table.table-chart-legend
  tr
  td:first-child {
  padding-left: 0;
  padding-right: 0;
}

.dashboard-page
  .dashboard-container
  .table.table-chart-legend
  tr
  td:last-child {
  padding-right: 0;
}

.dashboard-page
  .dashboard-container
  .table.table-chart-legend
  tr
  td
  .chart-thumbnail {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
}

.dashboard-page
  .dashboard-container
  .table.table-chart-legend
  tr:last-child
  td {
  border-bottom: transparent;
}

.dashboard-page .dashboard-container .return_box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.dashboard-page .dashboard-container .return_box img {
  width: 32px;
  height: 32px;
  margin-right: 20px;
}

.dashboard-page .dashboard-container .return_box span {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 24px;
  line-height: 26px;
  color: #777777;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .return_box span {
    font-size: 20px;
    line-height: 24px;
  }
}

.dashboard-page .dashboard-container .return_box span b {
  font-size: inherit;
}

.dashboard-container .box {
  min-height: 100%;
  position: relative;
  transition: 0.3s all;
  display: flex;
  flex-direction: column;
}

.dashboard-page .dashboard-container .exposure_box {
  padding: 22px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  flex: 1;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .exposure_box {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .exposure_box {
    padding: 15px;
  }
}

.dashboard-page .dashboard-container .exposure_box ul {
  list-style: none;
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 30px;
  padding-left: 0;
  margin-bottom: 0;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .exposure_box ul {
    gap: 20px;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .exposure_box ul {
    flex-wrap: wrap;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .exposure_box ul li {
    width: 100%;
  }
}

.dashboard-page .dashboard-container .exposure_box ul li label {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #777777;
  margin-bottom: 10px;
}

.dashboard-page .dashboard-container .exposure_box ul li .value {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 24px;
  line-height: 26px;
  color: #262626;
}

.dashboard-page .dashboard-container .exposure_box ul li .title-text {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 14px;
  line-height: 15px;
  color: #262626;
  margin-top: 10px;
}

.dashboard-page .dashboard-container .exposure_box ul li + li {
  border-left: 1px solid #babbbe;
  padding-left: 30px;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .exposure_box ul li + li {
    padding-left: 20px;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .exposure_box ul li + li {
    border-left: 0;
    border-top: 1px solid #babbbe;
    padding-left: 0px;
    padding-top: 20px;
  }
}

.dashboard-page .dashboard-container .portfolio-risk_box {
  padding: 20px 30px;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .portfolio-risk_box {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .portfolio-risk_box {
    padding: 15px;
  }
}

.dashboard-page .dashboard-container .portfolio-risk_box h4 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  border-bottom: 1px solid #babbbe;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.dashboard-page .dashboard-container .portfolio-risk_box .box_wrap {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  margin-top: 20px;
}

.dashboard-page
  .dashboard-container
  .portfolio-risk_box
  .box_wrap
  .icon-wrapper {
  width: 100%;
  height: 107px;
  overflow: hidden;
}

@media (max-width: 1473px) {
  .dashboard-page
    .dashboard-container
    .portfolio-risk_box
    .box_wrap
    .icon-wrapper {
    max-width: 40%;
  }
}

@media (max-width: 1199px) {
  .dashboard-page
    .dashboard-container
    .portfolio-risk_box
    .box_wrap
    .icon-wrapper {
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  .dashboard-page
    .dashboard-container
    .portfolio-risk_box
    .box_wrap
    .icon-wrapper {
    max-width: 100%;
  }
}

.dashboard-page
  .dashboard-container
  .portfolio-risk_box
  .box_wrap
  .icon-wrapper
  img {
  width: 100%;
  height: 100%;
}

.dashboard-page .dashboard-container .portfolio-risk_box .box_wrap .content {
  max-width: 61%;
  width: 100%;
}

@media (max-width: 1473px) {
  .dashboard-page .dashboard-container .portfolio-risk_box .box_wrap .content {
    max-width: 60%;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .dashboard-container .portfolio-risk_box .box_wrap .content {
    max-width: 100%;
  }
}

@media (max-width: 639px) {
  .dashboard-page .dashboard-container .portfolio-risk_box .box_wrap .content {
    max-width: 100%;
  }
}

.dashboard-page .dashboard-container .portfolio-risk_box .box_wrap .content h5 {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #262626;
  text-transform: uppercase;
}

.dashboard-page .dashboard-container .portfolio-risk_box .box_wrap .content p {
  margin-bottom: 0;
}

.dashboard-page .blog-post .field_box {
  margin-bottom: 20px;
  padding: 24px;
}

@media (max-width: 1473px) {
  .dashboard-page .blog-post .field_box {
    padding: 20px;
  }
}

@media (max-width: 1199px) {
  .dashboard-page .blog-post .field_box {
    padding: 15px;
  }
}

.dashboard-page .most-copied-tbl {
  max-width: 100%;
  overflow-y: auto;
}

.dashboard-page .most-copied-tbl .table thead {
  border-top: 1px solid #dee2e6;
}

.dashboard-page .most-copied-tbl .table th {
  padding: 15px;
  white-space: nowrap;
}

.dashboard-page .most-copied-tbl .table th .name-head {
  margin-left: 80px;
}

.dashboard-page .most-copied-tbl .table th:first-child {
  padding-left: 0;
}

.dashboard-page .most-copied-tbl .table th:last-child {
  padding-right: 0;
}

.dashboard-page .most-copied-tbl .table tr .scrip-name a figure:first-child {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--bs-border-color);
  position: relative;
  z-index: 11;
}

.dashboard-page
  .most-copied-tbl
  .table
  tr
  .scrip-name
  a
  figure
  img:first-child {
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  width: 52px;
  height: 52px;
}

.dashboard-page .most-copied-tbl .table tr .scrip-name .scrip-box {
  padding: 6px 0px 0px 20px;
}

.dashboard-page .most-copied-tbl .table tr .scrip-name .scrip-box h2 {
  margin-bottom: 1px;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 18px !important;
  color: #262626;
}

.dashboard-page .most-copied-tbl .table tr .scrip-name .scrip-box p {
  font-size: 12px !important;
  color: #262626;
}

.dashboard-page .most-copied-tbl .table tr .scrip-name .scrip-box p span {
  color: #777777;
}

.dashboard-page .most-copied-tbl .table tr td {
  white-space: nowrap;
  vertical-align: middle;
  font-size: 18px;
  color: #262626;
  padding: 8px 15px;
}

.dashboard-page .most-copied-tbl .table tr td .copy-btn {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

.dashboard-page .most-copied-tbl .table tr td:first-child {
  padding-left: 0;
}

.dashboard-page .most-copied-tbl .table tr td:last-child {
  padding-right: 0;
}

.dashboard-page .most-copied-tbl .table tr:last-child td {
  border-bottom-color: transparent;
  padding-bottom: 0;
}

.dashboard-scroll {
  max-height: 944px;
}

.compl-status {
  padding-left: 35px;
}

.comp-btn-gold {
  width: 176px;
  height: 36px;
  line-height: 26px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.screener .buyScreener .delay_msg {
  color: #fff;
}

:root {
  --size: 100px;
  --bord: 10px;
}

.LoggedShortName .chart {
  width: 52px;
  height: 52px;
  margin: 1em auto;
  border-radius: 50%;
  background-image: conic-gradient(
    #ad8400 var(--value),
    lightgrey var(--value)
  );
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.LoggedShortName .chart::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - var(--bord));
  height: calc(100% - var(--bord));
  background: white;
  border-radius: inherit;
}

.LoggedShortName .chart p {
  position: relative;
  z-index: 1;
  font-size: 16px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #000;
  margin-bottom: 0px;
}

.LoggedShortName .x-10 {
  --value: 10%;
}

.LoggedShortName .x-40 {
  --value: 40%;
}

.LoggedShortName .x-75 {
  --value: 75%;
}

:root {
  --size: 100px;
  --bord: 10px;
}

.complt-userprofile .chart {
  width: 130px;
  height: 130px;
  margin: 1em auto;
  border-radius: 50%;
  background-image: conic-gradient(
    #ad8400 var(--value),
    lightgrey var(--value)
  );
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.complt-userprofile .chart::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - var(--bord));
  height: calc(100% - var(--bord));
  background: white;
  border-radius: inherit;
}

.complt-userprofile .chart p {
  position: relative;
  z-index: 1;
  font-size: 16px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #000;
}

.complt-userprofile .x-10 {
  --value: 10%;
}

.complt-userprofile .x-40 {
  --value: 40%;
}

.complt-userprofile .x-75 {
  --value: 75%;
}

.modal .radio-button .form-check .form-check-label {
  overflow-wrap: anywhere;
  flex: 1;
}

.userProfile .comment-box .profile > figure {
  width: 50px;
}

.userProfile .comment-box .profile > figure img {
  border-radius: 50%;
  max-width: 50px;
}

.social-comment-link {
  position: relative;
  z-index: 1;
}

.userProfile .comment-box .inner-comment-box > .social-comment-link {
  margin-top: 10px;
}

.main-blog .Post-List .comment-box-container .blog-post .input-sizer textarea {
  min-height: 80px;
}

.writepostModal .post-box .input-sizer textarea {
  min-height: 100px;
}

.writepostModal .post-box .input-sizer::after {
  min-height: 100px;
}

.buyScreener.new ul.nav.nav-pills {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 5;
}

.buyScreener.new .detailsStatus {
  background: transparent;
}

.screener .buyScreener .detailsStatus .buyAccDetails h4 {
  color: #777777;
}

.screener .buyScreener .detailsStatus .buyAccDetails .active h4 {
  color: #fff;
}

.screener .buyScreener .detailsStatus .buyAccDetails h4 span {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

.detailsStatus .title {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #000;
  font-size: 18px;
  margin-bottom: 10px;
}

.error-msg {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #d93146 !important;
  padding: 15px 0px 0px 0px;
}

.chk-email .form-group .OTP-group {
  display: flex;
  gap: 30px;
  padding-top: 33px;
  padding-bottom: 33px;
}

.chk-email .form-group .OTP-group input {
  width: 48px;
  height: 48px;
  border-radius: 5px;
  padding: 0.375rem 0;
  text-align: center;
}

.chk-email .verify-btn {
  width: 310px;
  height: 46px;
  margin-top: 60px;
  margin-bottom: 20px;
}

.kyc-strip {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 80px;
}

.kyc-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.highchart_wrapper {
  position: relative;
}

.overlap-container {
  position: relative;
  height: 260px;
}

#divlabel {
  position: absolute;
  top: 100% !important;
  left: 75% !important;
  transform: translate(-50%, -50%);
  z-index: 1;
  padding: 10px;
}

#divSectorAllocationGraph {
  position: relative;
  z-index: 0;
}

.cstooltiptext {
  padding: 10px;
  background-color: white;
  color: black;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  max-width: 200px;
  font-weight: bold;
  text-transform: uppercase;
}

.signup-body .iti__country-list {
  right: 0px;
}

@media (max-width: 1473px) {
  .signup-body .iti__country-list {
    right: -187px;
  }
}

.customer-migration-page .btn-wrap .form-check .form-check-input {
  margin-top: 0px;
}

.bg-Milk-Glass {
  background-color: #fbf8f0;
}

header .searchbox-container-full .col-auto.border-right {
  margin-bottom: 0px;
}

.addProducts-wrap .addProducts-list .que-sect .que-text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.addProducts-wrap .addProducts-list .que-sect .radioBrown.yesno-btn {
  gap: 20px;
}

.addProducts-wrap .addProducts-list .que-sect .radioBrown input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  padding: 3px;
  background-clip: content-box;
  border: 1px solid #d0d0d0;
  background-color: transparent;
  border-radius: 50%;
  border-color: #d0d0d0 !important;
  margin-top: 0px;
}

.addProducts-wrap
  .addProducts-list
  .que-sect
  .radioBrown
  input[type="radio"]:checked {
  background-color: #ad8400;
  border: 1px solid #ad8400;
  border-color: #ad8400 !important;
  background-image: none !important;
}

.addProducts-wrap .addProducts-list .que-sect .radioBrown label {
  position: relative;
  top: 2px;
  left: 5px;
  text-transform: uppercase;
  color: #777777;
  margin: 0px;
}

.addProducts-wrap .addProducts-list .que-sect .img-ok-btn {
  min-width: 230px;
  height: 46px;
  margin-top: 20px !important;
  margin-bottom: 20px;
  line-height: 32px;
}

#divproductquestion_6 {
  border-bottom: 1px solid var(--bs-border-color);
}

.short-term-block .align-items-baseline .font-RaisinBlack.font-base-semibold {
  flex: 1;
}

.usmarketmodal .modal-dialog {
  max-width: 600px;
}

.usmarketmodal .modal-header {
  padding-bottom: 40px !important;
  padding-top: 30px;
  padding-right: 25px;
}

.usmarketmodal .modal-content {
  border-radius: 0px;
}

.usmarketmodal .modal-body {
  padding: -1px 151px 30px 151px;
}

.usmarketmodal .complete-kyc-btn {
  margin: 0 auto;
}

.usmarketmodal .complete-kyc-btn .btn {
  min-width: 220px;
  height: 42px !important;
  text-transform: uppercase;
}

.usmarketmodal h3 {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #000;
  font-weight: 700;
  font-size: 24px !important;
}

.us_market {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
}

.us_market h3 {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #000;
  font-weight: 700;
  font-size: 24px !important;
  margin-top: 15px;
}

.us_market .complete-kyc-btn {
  margin: 0 auto;
}

.us_market .complete-kyc-btn .btn {
  min-width: 220px;
  height: 42px !important;
  text-transform: uppercase;
}

.userProfile .blog-post.Post-List .comment-box .profile > figure {
  max-width: 100%;
  margin-left: 0px;
  margin-bottom: 0px;
}

.stock-box-inner a .expand-table {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/images/expand-table-gray.svg) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.stock-box-inner a:hover .expand-table,
.stock-box-inner a .expand-table.active {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/images/expand-table.svg) no-repeat;
  background-size: 100% 100%;
}

#postHistory .blog-post .circular_image {
  min-width: 50px;
}

.signup-section .iti--separate-dial-code .iti__selected-flag {
  height: 44px;
  margin-top: 0px;
  margin-left: 0px;
}

.signup-section
  .iti--allow-dropdown
  .iti__flag-container:hover
  .iti__selected-flag {
  height: 44px;
  margin-top: -8px;
  margin-left: 0px;
}

.signup-section .iti--allow-dropdown .iti__flag-container,
.signup-section .iti--separate-dial-code .iti__flag-container {
  left: 0px !important;
}

.font_arabic {
  font-family: "BahijTheSansArabic-ExtraLight";
  font-weight: 600;
}

.inter-trading table tr #kycprofiledob {
  white-space: nowrap;
}

.kyc-strip .complete-btn {
  min-width: 186.92px;
}

.arabic-img {
  margin-left: 29px !important;
}

.login-section #divmainmanuallinking form .field-icon {
  margin-right: 16px;
}

@media (max-width: 1473px) {
  .divarabiclanguagestrip .font-extramedium {
    font-size: 18px !important;
  }
}

.font_arabic {
  font-family: "BahijTheSansArabic-Bold", sans-serif !important;
}

.content_details .form-check .form-check-input {
  margin-top: 0px;
}

.verification.mobile-verification .iti--separate-dial-code .iti__selected-flag {
  height: 43px;
  margin-top: 0px;
}

.verification.mobile-verification
  .iti--allow-dropdown
  .iti__flag-container:hover
  .iti__selected-flag {
  height: 43px;
  margin-top: 0px;
}

.signup-rightside
  #tpsignupformdiv
  .iti--allow-dropdown
  .iti__flag-container:hover {
  left: 9px;
}

.signup-rightside
  #tpsignupformdiv
  .iti--separate-dial-code
  .iti__selected-flag {
  left: 9px;
}

.eipo
  .order-status
  .dropdown-menu
  .dropdown-scroll
  .dropdown-item
  .form-check
  input {
  margin-top: 0px;
}

.signup-rightside .signup-head h4 {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

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

/* #dvAbut {
  min-height: 827px;
} */

.personal-info-top .tooltip.tooltip-theme {
  z-index: 99;
}

.personal-info-top .tooltip.tooltip-theme:hover .tooltipText {
  text-align: center !important;
}

.delay-tooltip .tooltipText {
  min-width: 222px !important;
  padding: 15px 15px !important;
}

.delay-tooltip.tooltip.tooltip-theme {
  padding: 0px;
  z-index: none !important;
  --bs-tooltip-zindex: none !important;
}

.delay-tooltip.tooltip.tooltip-theme .tooltipText {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.21);
  font-family: "ProximaNova-Regular", sans-serif;
  font-size: 14px !important;
  color: #262626;
  z-index: 99 !important;
  display: flex;
}

.delay-tooltip.tooltip.tooltip-theme .tooltipText::after {
  transform: rotate(360deg);
  left: 48%;
}

.select-watchlist-switch .accordion .accordion-button {
  background: rgba(186, 187, 190, 0.15);
  border-radius: 0px;
}

.select-watchlist-switch .accordion .accordion-item {
  border: none;
  border-radius: 0px !important;
}

.select-watchlist-switch .accordion .accordion-body {
  background: rgba(186, 187, 190, 0.15);
  border-bottom: 1px solid #dee2e6;
}

.delay-strip {
  background: #d93146;
  padding: 5px 10px 5px 10px !important;
}

.delay-strip p {
  color: #fff;
  font-size: 16px !important;
  text-align: center;
  margin-bottom: 0px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
}

.delay-strip p a {
  color: #fff;
  font-size: 16px !important;
  text-align: center;
  margin-bottom: 0px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  text-decoration: underline;
}

.addscipt .form-check .form-check-input {
  margin-top: 3px !important;
  margin-right: 7px;
  border-radius: 3px !important;
}

.addscipt .form-check input:checked + label:after {
  top: 5px;
  left: 6px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.addscipt .form-check .form-check-input:checked {
  background-color: #ffffff !important;
  border-color: #ad8400 !important;
}

.addscipt .form-check-label {
  margin-top: 0px !important;
  color: #262626;
  font-size: 16px !important;
}

.modal.addscipt .modal-dialog {
  max-width: 531px;
}

.modal.addscipt .radio-button {
  margin: 0px 22px 0px 22px;
  padding-bottom: 8px;
}

.modal.addscipt .MinWidth-175 {
  min-width: 175px;
}

.modal .radio-button .form-check {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 13px;
}

.ipoSteps .time_text {
  margin: 10px 10px 10px 41px;
}

.ipoSteps .icon-exipre {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url(../images/icon-expire.svg) no-repeat;
  background-size: 100% 100%;
}

.ipoSteps .time_text p {
  color: #d93146;
  margin: 0;
  font-size: 14px;
  line-height: 21px;
  font-family: "ProximaNova-Semibold", sans-serif, Arial;
}

.language-popup .radioBrown label .font-base-light.font-semimedium {
  text-transform: none;
}

@media (max-width: 1473px) {
  .stockwatchlist-list.row .col-lg-4 .d-flex.justify-content-end.gap-3 {
    gap: 0.25rem !important;
  }
}

#overlay img,
#overlay video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 380px;
  height: auto;
  border-radius: 20px;
}

.offcanvas-body .overlay img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 190px;
  border-radius: 20px;
}

#dvChartSection {
  position: relative;
}

#dvChartSection > img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 190px;
  border-radius: 20px;
}

@media (max-width: 1473px) {
  .select-watchlist-switch .accordion-collapse {
    max-height: 109px;
  }
}

@media (min-width: 1799px) {
  .dropdown .select-watchlist-switch .dropdown__select .dropdown-scroll {
    max-height: 245px;
  }

  .select-watchlist-switch .accordion-collapse {
    max-height: 260px;
  }
}

.dropdown
  .select-watchlist-switch
  .dropdown__select
  .dropdown-scroll
  .dropdown__select-option
  .font-CharlestonGreen.ps-4 {
  padding-left: 0.5rem !important;
  overflow-wrap: anywhere;
}

.restore .confirm-btn .btn {
  min-width: 138px;
}

#deletepostmodal .modal-dialog {
  top: 0 !important;
}

.accept_all_btn {
  font-size: 12px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  min-width: 112px;
  min-height: 32px;
}

.addProducts-list .que-text .yesno-btn .cp {
  min-width: 112px;
  justify-content: center;
}

#txtGetNews p a,
#newsBOD p a {
  color: #0d6efd;
  text-decoration: underline;
}

.income-statement .nav-pills .nav-item button:focus-visible {
  outline: transparent;
  border: 1px solid #ad8400;
}

.view_sec {
  display: flex;
  justify-content: end;
  gap: 15px;
}

.acceptAllAgree {
  min-width: 420px;
}

.acceptAllAgree .accept-btn {
  white-space: nowrap;
  font-size: 12px !important;
}

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

.etihad_wraper {
  max-width: 453px;
  padding: 45px 0px 30px 50px;
  margin-bottom: 83px;
}

.etihad_wraper .etihadIco {
  width: 100%;
  max-width: 201.75px;
  height: auto;
  display: block;
  margin: 0 auto 40px auto;
}

.etihad_wraper h3 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px !important;
  color: #262626;
  line-height: 28px;
  font-weight: 900;
  margin-bottom: 10px;
}

.etihad_wraper h3 ~ p {
  font-size: 18px;
  color: #777777;
  line-height: 28px;
}

.etihad_wraper .etihadInput {
  margin: 30px 0 40px 0;
}

.etihad_wraper .etihadInput label {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px;
  color: #777777;
  line-height: 16px;
  margin-bottom: 10px;
}

.etihad_wraper .etihadInput input {
  border: 1px solid rgba(186, 187, 190, 0.5019607843);
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  padding: 14px 24px;
  position: static;
  width: 100%;
}

.etihad_wraper .checkbox-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}

.etihad_wraper .checkbox-container .chekbox-check {
  margin-right: 0;
  width: 18px;
  height: 18px;
}

.etihad_wraper .checkbox-container .chekbox-check span {
  height: 18px;
  width: 18px;
}

.etihad_wraper .checkbox-container [type="checkbox"]:checked + span::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}

.etihad_wraper .checkbox-container label,
.etihad_wraper .checkbox-container a {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}

.etihad_wraper .checkbox-container label a,
.etihad_wraper .checkbox-container a a {
  color: #ad8400;
}

.etihad_wraper button {
  width: 100%;
  max-width: 230px;
  height: 46px;
  border-radius: 5px;
  padding: 0 30px;
  background: #ad8400;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  display: block;
  margin: 0 auto;
  border: none;
}

.etihad_wraper button:disabled {
  background: #babbbe;
}

.etihad_wraper .dontEtihdNo {
  margin: 40px auto 25px auto;
  text-align: center;
}

.etihad_wraper .dontEtihdNo span,
.etihad_wraper .dontEtihdNo a {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.etihad_wraper .dontEtihdNo span a,
.etihad_wraper .dontEtihdNo a a {
  color: #ad8400;
}

.etihadNxtPro {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.etihadnext-pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.etihadnext-pro > div {
  text-align: center;
  max-width: 650px;
}

.etihadnext-pro > div h4 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: 28px;
  margin: 16px 0 26px 0;
  color: #262626;
}

.etihadNxtPro button {
  width: 100%;
  max-width: 265px;
  height: 46px;
  border-radius: 5px;
  padding: 0 30px;
  background: #ad8400;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-align: left;
  color: #fff;
  border: none;
}

.light-gray-color {
  background: #bfbfbf;
}

.dark-gray-color {
  background: #a6a6a6;
}

@media (max-width: 1473px) {
  .divetihadguesttrip span.font-extramedium {
    font-size: 18px !important;
  }
}

.transfer-in-tbl tr td.scrip-name .autocomplete-search_stock ul li div.d-flex {
  justify-content: start;
  align-items: center;
}

.header-input-wrap .autocomplete-search_stock .stockwatchlist-list .scrip-box {
  flex: 1;
}

.header-input-wrap
  .autocomplete-search_stock
  .stockwatchlist-list
  .scrip-box
  .short-scrip-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  max-width: 100%;
  cursor: pointer;
}

.transferout-external table tr td:nth-child(1) {
  min-width: 283px;
}

.page-name-head .transfer-icon {
  height: 32px;
  margin-top: 1rem !important;
}

.nav-three-pill-tab .SearchTr .scrip-name a > div.d-flex {
  align-items: center;
}

.nav-three-pill-tab .SearchTr .scrip-name a > div.d-flex .scrip-box {
  padding-top: 0px;
}

.nav-three-pill-tab .watchlist-table .more-dropdownwrap ul li {
  border-bottom: 1px solid #dee2e6;
}

.nav-three-pill-tab .watchlist-table .more-dropdownwrap ul li:last-child {
  border-bottom: none;
}

.portfolio .page-name-head .transfer-icon {
  margin-top: 0px !important;
}

.offcanvas.tradeCanvas .loss-profit-wrapper {
  border: 1px solid rgba(186, 187, 190, 0.5);
  border-radius: 5px;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .row {
  margin: 0;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .row > div {
  padding: 15px;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .title {
  font-size: 14px;
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  color: #777777;
  margin-bottom: 10px;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .stop_loss {
  border-radius: 5px 0 0 5px;
  border-right: 1px solid rgba(186, 187, 190, 0.5);
}

.offcanvas.tradeCanvas .loss-profit-wrapper .disabled {
  background-color: rgba(186, 187, 190, 0.2);
}

.offcanvas.tradeCanvas .loss-profit-wrapper .disabled .btn-erase img {
  filter: gray;
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

.offcanvas.tradeCanvas
  .loss-profit-wrapper
  .disabled
  .radio-switch
  input:first-of-type
  ~ label:first-of-type:after,
.offcanvas.tradeCanvas
  .loss-profit-wrapper
  .disabled
  .radio-switch
  input:first-of-type:checked
  ~ label:first-of-type:after {
  background: #babbbe;
}

.offcanvas.tradeCanvas
  .loss-profit-wrapper
  .disabled
  .radio-switch
  label:first-of-type:before {
  border-color: rgba(173, 132, 0, 0.9294117647);
}

.offcanvas.tradeCanvas .loss-profit-wrapper .take_profit {
  border-radius: 0 5px 5px 0;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .input-group input {
  width: 100%;
  height: 46px;
  border: 1px solid #babbbe;
  border-radius: 26px;
  text-align: center;
  padding: 0 10px;
  background-color: #fff;
  font-size: 16px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #000;
  top: 0;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .cta {
  margin-bottom: 10px;
}

.offcanvas.tradeCanvas .loss-profit-wrapper .btn-erase {
  border: 0;
  background: transparent;
}

.offcanvas.tradeCanvas
  .loss-profit-wrapper
  .radio-switch
  label:first-of-type:before {
  width: 12px;
  height: 12px;
  right: 1px;
  top: 4px;
}

.modifymodal h3 {
  font-size: 24px !important;
  font-weight: 700;
  color: #262626;
  line-height: 26.92px;
}

.modifymodal .sub_txt {
  font-size: 18px;
  color: #777777;
}

.modifymodal .modal-dialog {
  max-width: 410px !important;
}

.modifymodal .modal-body {
  padding: 20px 40px 20px 40px !important;
}

.modifymodal .radio-switch input:first-of-type ~ label:first-of-type:after,
.modifymodal
  .radio-switch
  input:first-of-type:checked
  ~ label:first-of-type:after {
  background: rgba(173, 132, 0, 0.9294117647);
}

.modifymodal .radio-switch input:first-of-type ~ label:first-of-type:before,
.modifymodal
  .radio-switch
  input:first-of-type:checked
  ~ label:first-of-type:before {
  background: #fff;
}

.modifymodal .input-group input {
  width: 100%;
  height: 46px;
  border: 1px solid #babbbe;
  border-radius: 26px;
  text-align: center;
  padding: 0 10px;
  background-color: #fff;
  font-size: 16px;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  color: #000;
  top: 0;
}

.modifymodal .radio-switch {
  padding-bottom: 10px;
}

.select-watchlist-switch .accordion .accordion-button {
  background: rgba(186, 187, 190, 0.15);
  border-radius: 0px;
}

.select-watchlist-switch .accordion .accordion-item {
  border: none;
}

.select-watchlist-switch .accordion .accordion-body {
  background: rgba(186, 187, 190, 0.15);
}

.watchlist-container#dvStandingInst
  .table
  .Order-Status
  .dropdown.more-dropdownwrap {
  min-height: 18px;
}

.top_banner {
  background: #fbf8f0;
  min-height: 86px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 14.86px 40px;
  padding-left: 0;
}

.top_banner .slide-sec {
  width: calc(100% - -11px);
  margin-bottom: 0 !important;
}

.top_banner .close {
  cursor: pointer;
  width: 44px;
  height: 46.36px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  background: transparent;
}

.top_banner .content {
  display: flex !important;
  align-items: center;
  gap: 20px;
  padding-left: 20px;
}

.top_banner .content > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.top_banner .content img {
  width: 62px;
  max-width: 100%;
  height: auto;
}

.top_banner .content span {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #262626;
  margin-right: 15px;
  word-break: break-all;
}

.top_banner .contentCTC {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.6px;
  text-transform: uppercase;
  text-wrap: nowrap;
  color: #ad8400;
  padding: 12px 2.7vw;
  border: 1px solid #ad8400;
  border-radius: 5px;
  background: transparent;
  margin-right: 1px;
}

.top_banner .slick-dots {
  bottom: -5px;
}

.top_banner .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 6px;
}

.top_banner .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
}

.top_banner .slick-dots li button:before {
  font-size: 30px;
  line-height: 10px;
  width: 10px;
  height: 10px;
  color: #d9d9d9;
  opacity: 1;
}

.top_banner .slick-dots li.slick-active button:before {
  color: #ad8400;
}

@media (max-width: 992px) {
  .top_banner {
    margin: 10px 15px;
    padding: 21px;
    border-radius: 5px;
    position: relative;
    margin-bottom: 40px;
    padding-left: 0;
  }

  .top_banner .slide-sec {
    width: 100%;
  }

  .top_banner .close {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 0;
    width: 16px;
    height: auto;
  }

  .top_banner .content {
    gap: 12px;
    align-items: start;
    padding-left: 21px;
  }

  .top_banner .content > div {
    flex-direction: column;
    gap: 10px;
    align-items: start;
  }

  .top_banner .content span {
    font-size: 16px;
    font-weight: 700;
    line-height: 17.95px;
    margin-right: 0;
    display: block;
  }

  .top_banner .slick-track {
    margin: 0;
  }

  .top_banner .contentCTC {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    padding: 9px 24px;
  }

  .top_banner .slick-dots {
    bottom: -50px;
  }

  .top_banner .slick-dots li {
    width: 18px;
    height: 4px;
    margin: 0 5px;
  }

  .top_banner .slick-dots li button {
    width: 18px;
    height: 4px;
    background: #d9d9d9;
  }

  .top_banner .slick-dots li button:before {
    width: 18px;
    height: 4px;
    content: "";
  }

  .top_banner .slick-dots li.slick-active button {
    background: #ad8400;
  }
}

@media (max-width: 1473px) {
  .top_banner .content span {
    margin-right: 9px;
    font-size: 18px !important;
    word-break: break-all;
  }
}

.top_banner .slick-slider .slick-track,
.top_banner .slick-slider .slick-list {
  direction: ltr !important;
}

.community-guid h3 {
  font-size: 28px !important;
  font-weight: 700;
  line-height: 31px;
  color: #262626;
}

.community-guid .accordion-button:focus {
  border-color: #fff;
  box-shadow: none;
}

.community-guid .accordion-button:not(.collapsed) {
  color: #262626;
  background-color: transparent;
}

.community-guid .accordion-button:not(.collapsed) img {
  filter: invert(82%) sepia(107%) saturate(2518%) hue-rotate(28deg)
    brightness(7%) contrast(137%);
}

.community-guid .accordion-body {
  text-align: left;
}

.community-guid .accordion-body ol {
  padding-left: 65px;
}

.community-guid .accordion-body ol li {
  font-size: 16px !important;
  color: #777777;
  line-height: 22px;
  margin-bottom: 10px;
}

.community-guid .accordion-body .text-bold {
  color: #262626;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 16px !important;
}

.community-guid .accordion-button {
  font-size: 18px !important;
  font-weight: 700;
  color: #777777;
  text-transform: uppercase;
  min-height: 66px;
}

.community-guid .accordion-button img {
  padding-right: 15px;
}

.community-guid .accordion-button:not(.collapsed)::after {
  filter: invert(82%) sepia(107%) saturate(2518%) hue-rotate(28deg)
    brightness(7%) contrast(137%);
}

.community-guid .accordion-flush .accordion-item:last-child {
  border-bottom: 1px solid #dee2e6;
}

.dropdown-divider {
  margin: 0;
}

.screener-sec .dropdown .dropdown-menu ul li {
  line-height: 30px;
}

.termsModal .modal-dialog {
  max-width: 621px !important;
}

.conformMod .modal-dialog {
  max-width: 465px !important;
}

.termsModal .modal-content,
.conformMod .modal-dialog {
  border-radius: 0;
}

.termsModal .modal-header {
  text-align: center;
  display: block;
  padding: 20px 15px 0 !important;
}

.termsModal .modal-body {
  padding: 15px 30px 40px !important;
}

.conformMod.modal .modal-dialog .modal-content {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.conformMod .modal-body {
  padding: 40px 40px 40px !important;
}

.conformMod .modal-body h5 {
  font-family: "ProximaNova-Black", Arial, sans-serif;
  font-size: 24px !important;
  font-weight: 900;
  line-height: 28px;
  color: #000000;
  text-align: center;
  max-width: 402px;
  margin: 25px auto 25px;
}

.termsModal .modal-footer {
  padding: 0 !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 40px;
  border: 0;
}

.termsModal .modal-body .d-flex {
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.termsModal .title {
  margin-bottom: 25px;
  text-align: center;
}

.termsModal .title h5 {
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26.92px;
  color: #262626;
  margin-bottom: 7px;
}

.termsModal .title p {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 19.96px;
  color: #777777;
}

.termsModal .modal-header .btn-close {
  padding: 0;
  margin: 0;
  width: 24px;
  height: 24px;
  margin-left: auto;
  display: block;
}

.termsModal .table {
  margin-bottom: 0;
}

.termsModal .table th {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
  color: #262626;
  padding: 12px 0;
  border-top: 1px solid rgba(186, 187, 190, 0.5019607843);
}

.termsModal .table th button {
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  color: #ad8400;
  padding: 10px 20px;
  border: 1px solid #ad8400;
  border-radius: 5px;
  background: transparent;
}

.termsModal .table td {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  color: #777777;
  padding: 12px 10px;
}

.termsModal .table td:first-child {
  padding-left: 0;
}

.termsModal .table td:last-child {
  padding-right: 0;
  width: 30px;
}

.termsModal .table td:nth-child(2) {
  text-wrap: nowrap;
}

.termsModal .table td a {
  font-family: "ProximaNova-Regular", Arial, sans-serif;
  line-height: 17.74px;
  color: #ad8400;
}

.termsModal .form-check {
  margin: 0 !important;
  padding: 0 !important;
  width: 20px;
}

.termsModal .form-check .form-check-input {
  margin: 0 !important;
  top: unset !important;
}

.termsModal .addscipt .form-check input:checked + label:after {
  top: 2.5px !important;
  left: 6.5px !important;
}

.termsModal .table td,
.termsModal .table th {
  vertical-align: middle;
  border-color: rgba(186, 187, 190, 0.5019607843);
}

.termsModal .btn-submit {
  width: 100%;
  max-width: 171px;
  background-color: #d1d1d1;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  background: #ad8400;
  padding: 10px 30px;
  height: 45px;
}

.termsModal .btn-submit:hover {
  color: #fff;
  background: #ad8400;
}

.termsModal .btn-submit:disabled {
  background: #babbbe;
  cursor: not-allowed;
}

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

.btn-skip {
  background: transparent !important;
  border: 1px solid #ad8400;
  color: #ad8400 !important;
}

.termsModal .btn-skip:hover {
  color: #ad8400 !important;
  background: transparent !important;
  border: 1px solid #ad8400;
}

.conformMod .btn-ok {
  width: 100%;
  max-width: 220px;
  background-color: #d1d1d1;
  font-family: "ProximaNova-Semibold", Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  background: #ad8400;
  padding: 10px 30px;
  height: 45px;
}

.conformMod .btn-ok:hover {
  background-color: #a07c00;
  color: #fff;
}

.icon-sec {
  display: flex;
}

.search-scrip-list .autocomplete-search_stock .userprofile ul li {
  padding: 2px 12px;
}

.change-address .tin-check .checkbox-container .chekbox-check input {
  width: 20px;
  height: 20px;
}

.change-address .tin-check .checkbox-container .chekbox-check span {
  height: 20px;
  width: 20px;
}

.change-address .tin-check .checkbox-container {
  padding-left: 0px;
}

.change-address .tin-check .checkbox-container .topchek-lbl {
  font-size: 18px !important;
}

.change-address .tin-check .chekbox-check {
  margin-right: 0px;
}

.change-address
  .tin-check
  .checkbox-container
  [type="checkbox"]:checked
  + span::before {
  top: -10px;
  left: -4px;
}

.service-request .list-alpha {
  list-style-type: none;
  padding-left: 0px;
}

.change-address .fill-details-box .radioBrown label {
  text-transform: none;
  font-size: 16px;
  line-height: 21px;
  color: #777777;
  font-weight: 400;
  margin-bottom: 5px;
  height: auto;
  position: relative;
  top: 0px;
  left: 5px;
  flex: 1;
}

.change-address .fill-details-box .radioBrown input[type="radio"] {
  min-width: 20px;
}

.change-address .list-alpha li {
  font-size: 16px !important;
  font-family: "ProximaNova-Bold", Arial, sans-serif;
  color: #262626;
  line-height: 30px;
  margin-bottom: 10px;
}

.dashboard-container-in .market-list-box ul li:last-child .scrip-list.nav-link {
  border-bottom: transparent !important;
}

.upcoming-ipo .follwers .slider1 {
  height: fit-content;
}

.chart-text-box {
  max-height: 291px;
  overflow: hidden;
  min-height: -webkit-fill-available;
  display: block;
}

.vscrollbar.dash-board-scroll .scrip-name-left {
  align-items: center;
}

.closed-ipo .close-head .stock-box-inner .dropdown .dropdown-menu,
.closed-ipo .close-head .stock-box-inner .dropdown .dropdown-menu .inner {
  min-height: 70px !important;
  padding: 0px;
}

.closed-ipo .close-head .stock-box-inner .dropdown .dropdown-menu ul li {
  line-height: 29px;
}

.ipoSteps .progress-bar #subscribeCompany {
  white-space: break-spaces;
}

.withdraw-funds-sec .due-market {
  padding-left: 25px;
}

.withdraw-funds-sec .ipoSteps .max-amt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
}

.withdraw-funds-sec .std-fees-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 35px;
}

.withdraw-funds-sec .std-fees-sec .std-fees-btn {
  width: 158px;
  height: 32px;
  border: 1px solid #dee2e6;
  border-radius: 32px;
  color: rgba(119, 119, 119, 0.7);
  background: transparent;
  padding: 0px 15px 0px 15px;
  text-transform: uppercase;
}

.withdraw-funds-sec .std-fees-sec .acc-btn {
  background: #babbbe;
  color: #fff;
}

.withdrawal-summary .withdraw-funds-details {
  background: transparent;
}

.withdrawal-summary .withdraw-funds-details .withd-funds-box {
  padding: 10px 40px 10px 40px;
}

.withdrawal-summary .withdraw-funds-details .withd-amt {
  align-items: center;
}

.withdrawal-summary .script-detail-box {
  max-width: 515px;
}

.withdraw-funds .submitmsg.ipoSteps {
  max-width: 545px;
}

.fund-transfer-tbl tr th {
  padding-top: 12px;
  padding-bottom: 12px;
  white-space: nowrap;
}

.fund-transfer-tbl tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle;
  white-space: nowrap;
}

.fund-transfer-tbl tr th:nth-child(1),
.fund-transfer-tbl tr td:nth-child(1) {
  padding-left: 20px;
}

.fund-transfer-tbl table .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -16px;
  color: #ad8400;
  top: 7px;
  cursor: pointer;
}

.fund-transfer-tbl table .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -16px;
  top: -8px;
  color: #ad8400;
  cursor: pointer;
}

.std-fees-sec .active {
  border: 1px solid #ad8400 !important;
  color: #fff !important;
  background: #ad8400 !important;
}

.withdraw-funds .with-drow-msg.submitmsg .ipoSteps {
  max-width: 600px;
}

.with-drow-msg.submitmsg .ipoSteps .sumbitMassage img {
  margin-bottom: 0px !important;
}

.with-drow-msg.submitmsg .ipoSteps .sumbitMassage .btn {
  margin-top: 20px !important;
}

.back_btn {
  margin-top: -6px;
}

.with-drow-msg .ipoSteps .sumbitMassage .btn {
  line-height: 36px;
}

.fund-transfer-tbl th .AscDesc {
  position: relative;
}

.fund-transfer-tbl th.pe-100 {
  padding-right: 90px;
}

.fund-transfer-tbl td.pe-100 {
  padding-right: 78px;
}

.fund-transfer-tbl .pleft {
  padding-left: 65px;
}

@media (min-width: 1799px) {
  .fund-transfer-tbl th.pe-100 {
    padding-right: 135px;
    width: 200px;
  }

  .fund-transfer-tbl td.pe-100 {
    padding-right: 125px;
    width: 200px;
  }

  .fund-transfer-tbl .pleft {
    padding-left: 65px;
  }
}

.withdraw-funds-sec .cash-avl {
  display: flex;
  gap: 8px;
  align-items: center;
}

.withdraw-funds-sec .due-market {
  padding-left: 25px;
}

.withdraw-funds-sec .ipoSteps .max-amt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 5px;
}

.withdraw-funds-sec .std-fees-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 35px;
}

.withdraw-funds-sec .std-fees-sec .std-fees-btn {
  width: 158px;
  height: 32px;
  border: 1px solid #dee2e6;
  border-radius: 32px;
  color: rgba(119, 119, 119, 0.7);
  background: transparent;
  padding: 0px 15px 0px 15px;
  text-transform: uppercase;
}

.withdraw-funds-sec .std-fees-sec .acc-btn {
  background: #babbbe;
  color: #fff;
}

.withdrawal-summary .withdraw-funds-details {
  background: transparent;
}

.withdrawal-summary .withdraw-funds-details .withd-funds-box {
  padding: 10px 40px 10px 40px;
}

.withdrawal-summary .withdraw-funds-details .withd-amt {
  align-items: center;
}

.withdrawal-summary .script-detail-box {
  max-width: 515px;
}

.withdraw-funds .submitmsg.ipoSteps {
  max-width: 545px;
}

.fund-transfer-tbl tr th {
  padding-top: 12px;
  padding-bottom: 12px;
}

.fund-transfer-tbl tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle;
}

.fund-transfer-tbl tr th:nth-child(1),
.fund-transfer-tbl tr td:nth-child(1) {
  padding-left: 20px;
}

.fund-transfer-tbl table .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -16px;
  color: #ad8400;
  top: 2px;
  cursor: pointer;
}

.fund-transfer-tbl table .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -16px;
  top: -7px;
  color: #ad8400;
  cursor: pointer;
}

.std-fees-sec .active {
  border: 1px solid #ad8400 !important;
  color: #fff !important;
  background: #ad8400 !important;
}

.withdraw-funds .with-drow-msg.submitmsg .ipoSteps {
  max-width: 600px;
}

.with-drow-msg.submitmsg .ipoSteps .sumbitMassage img {
  margin-bottom: 0px !important;
}

.with-drow-msg.submitmsg .ipoSteps .sumbitMassage .btn {
  margin-top: 20px !important;
}

.back_btn {
  margin-top: -6px;
}

.with-drow-msg .ipoSteps .sumbitMassage .btn {
  line-height: 36px;
}

.fund-transfer-tbl th .AscDesc {
  position: relative;
}

.fund-tooltip.delay-tooltip.tooltip.tooltip-theme .tooltipText {
  top: 111% !important;
  bottom: auto !important;
  display: none;
}

.fund-tooltip.delay-tooltip.tooltip.tooltip-theme:hover .tooltipText {
  display: block !important;
}

.fund-tooltip.delay-tooltip.tooltip.tooltip-theme .tooltipText::after {
  top: -10px !important;
  bottom: auto !important;
}

.fund-tooltip.delay-tooltip .tooltipText {
  min-width: 270px !important;
  padding: 10px 15px !important;
}

@media (max-width: 768px) {
  .investorApp .form-group-sec .form-group.col-xl-4.col-12 .d-flex {
    flex-direction: column;
  }

  .investorApp .form-group-sec .form-group {
    display: block;
  }
}

.slide-sec {
  display: none;
}

.cancelorderpopup label {
  display: flex;
  justify-content: center;
}

.indices-val .slick-slide img {
  display: inline-flex;
  margin: 0px;
}

.marketOpenConn {
  margin: 0px 3px 0px 0px;
}

.indices-val .val-name {
  display: inline-flex;
  align-items: center;
}

.indices-val .slick-slide {
  float: right;
}

.portfolio .orderStauseM .modal-header .w-100 .text-end.ms-md-5.ms-0 {
  white-space: nowrap;
}

#overlayorder {
  z-index: 10000000;
}

.header-left .d-flex a figure {
  margin: 0.5rem 0px 0.5rem;
}

.corporate-action .corporate-action-tbl {
  max-height: 400px;
}

.corporate-action .corporate-action-tbl table {
  margin-bottom: 0px;
}

.corporate-action .corporate-action-tbl table .scrip-name a .d-flex .scrip-box {
  flex: 1;
}

.corporate-action .corporate-action-tbl table .scrip-name a .d-flex {
  align-items: center;
}

.corporate-action
  .corporate-action-tbl
  table
  .scrip-name
  a
  .d-flex
  .scrip-box
  p {
  white-space: pre-line;
}

.corporate-action .corporate-action-tbl .table tr th {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 99;
  opacity: 1 !important;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.corporate-action .corporate-action-tbl .table {
  border-collapse: separate;
  border-spacing: 0;
}

.market-news-in {
  max-height: 400px;
  margin-top: 10px;
}

.portfolio .nav-three-pill-tab .watchlist-container thead th.text-start {
  padding-left: 90px !important;
}

.side-nav-panel .top-nav li figure {
  margin-top: 0px;
}

.withdraw-funds-sec .ipolist-table.fund-transfer-tbl {
  height: calc(100vh - 375px);
}

.withdraw-funds-sec .ipolist-table.fund-transfer-tbl table {
  position: relative;
  border-collapse: separate;
  border-spacing: 0;
}

.withdraw-funds-sec .ipolist-table.fund-transfer-tbl table thead tr th {
  position: sticky;
  top: 0px;
  background: #fff;
  z-index: 99;
  opacity: 1 !important;
  border-top: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
}

.userProfile.community-feed .stock-box-inner .bootstrap-select .dropdown-menu {
  padding: 0px 0px 0px 0px;
}

.userProfile.community-feed
  .stock-box-inner
  .bootstrap-select
  .dropdown-menu
  li
  a {
  padding: 10px 10px 10px 10px;
}

.modal.modal-theme .modal-dialog .modal-content .modal-body .btn-wrap .btn {
  line-height: 32px;
  min-width: 170px;
}

.hiddenaccountModal .modal-dialog {
  max-width: 600px;
}

.hiddenaccountModal .head-sec {
  padding: 0px 80px 0px 80px;
  text-align: center;
  border-bottom: 1px solid var(--bs-border-color);
}

.hiddenaccountModal .sub-text {
  line-height: 22px;
  margin-bottom: 20px;
}

.hiddenaccountModal .modal-body {
  padding: 0px;
}

.hiddenaccountModal .blog-post {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hiddenaccountModal .blog-post:first-child {
  border-top: transparent !important;
}

.hiddenaccountModal .blog-post .profile {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  align-items: center;
}

.hiddenaccountModal .hidelist {
  max-height: 289px;
}

.hiddenaccountModal .modal-body {
  padding-bottom: 20px;
}

.hiddenaccountModal .modal-dialog {
  top: 0px !important;
}

.hide_icon {
  width: 80px;
  height: 80px;
}

.hidelist.scroll:active::-webkit-scrollbar-thumb,
.hidelist.scroll:focus::-webkit-scrollbar-thumb,
.hidelist.scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.hidelist.scroll::-webkit-scrollbar-thumb {
  background-color: #777777;
  visibility: hidden;
}

.hidelist.scroll::-webkit-scrollbar {
  width: 7px !important;
  height: 4px;
  background-color: #e1e1e1;
}

.tradeCanvas .buyScreener .scrip-name-head .scrip-val {
  white-space: nowrap;
}

/* SSM Start  */
.DLtR,
html[lang="ar"] .DLtR {
  direction: ltr !important;
}

.formCheck input + label {
  font-size: 14px;
  color: #777777;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.formCheck input + label::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  border: 1px solid #ad8400;
  border-radius: 3px;
}

.formCheck input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 24%;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.formCheck.jcs input + label {
  align-items: start !important;
}
.formCheck.jcs input + label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #babbbe;
  border-radius: 3px;
  margin-top: 2px;
}
.formCheck.jcs input:checked + label::before {
  border: 1px solid #ad8400;
}

.formCheck.jcs input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.formCheck.jcs input + label {
  align-items: start !important;
}
.formCheck.jcs input + label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #babbbe;
  border-radius: 3px;
  margin-top: 2px;
}
.formCheck.jcs input:checked + label::before {
  border: 1px solid #ad8400;
}

.formCheck.jcs input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.formCheck.jcs input + label {
  align-items: start !important;
}
.formCheck.jcs input + label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #babbbe;
  border-radius: 3px;
  margin-top: 2px;
}
.formCheck.jcs input:checked + label::before {
  border: 1px solid #ad8400;
}

.formCheck.jcs input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 7px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.peerComparison h3 {
  font-size: 20px !important;
  color: #262626 !important;
  font-family: "ProximaNova-Black", sans-serif !important;
  margin-bottom: 0;
}

.peerComparison .dropdown .cp {
  font-family: "ProximaNova-Light";
  font-size: 16px;
  color: #262626;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.peerComparison .dropdown .cp::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons";
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}

.peerComparison .dropdown-menu {
  padding: 15px 16px;
  border-radius: 10px;
}

.peerComparison .dropdown-menu .save-btn {
  top: 0;
  padding: 2.5px 25px;
  display: block;
  margin: auto;
}

.peerComparison table th:not(:first-child),
.peerComparison table td:not(:first-child) {
  text-align: end;
}

.peerComparison table th {
  font-size: 12px;
  color: #777777;
  text-wrap: nowrap;
}

.peerComparison table td {
  font-size: 14px;
  color: #262626;
  font-family: "ProximaNova-Bold";
  vertical-align: middle;
  padding: 12px;
}

.peerComparison table td:last-child {
  width: 90px;
}

.peerComparison table tbody tr:nth-child(3) {
  background: #fafafa;
}

.peerComparison table tbody tr:nth-child(3) td figure {
  opacity: 0;
}

.peerComparison .square-container {
  min-width: 52px;
  min-height: 52px;
}

.peerComparison table tbody td .scrip-box h2 {
  text-wrap: nowrap;
}

.peerComparison .addStocks button {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: normal;
  margin-left: auto;
}

.peerComparison .header-input-wrap input {
  font-size: 18px !important;
  font-weight: 600;
  border-color: #d6d6d6 !important;
}

.peerComparison .header-input-wrap input::placeholder {
  color: #777777;
}

.peerComparison .header-input-wrap .autocomplete-search_stock {
  border: 1px solid #d6d6d6 !important;
}

.removePeerModal .modal-dialog {
  max-width: 557px !important;
}

.removePeerModal .modal-content {
  padding: 22px 32px 40px 32px;
  border-radius: 0;
}

.removePeerModal .modal-content .btn-close {
  display: block;
  margin-left: auto;
  margin-bottom: 23px;
}

.removePeerModal .modal-content h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black" !important;
  color: #000 !important;
  text-align: center;
  margin: 0 auto 30px auto;
  max-width: 420px;
}

.removePeerModal .modalFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.removePeerModal .modalFooter button {
  height: 45px;
  width: 100%;
  max-width: 180px;
  font-size: 20px;
  line-height: normal;
}

@media (min-width: 992px) {
  .peerComparison table tbody td .scrip-box {
    padding-left: 22px !important;
  }
}

.upgradeProfile .modal-dialog {
  max-width: 950px;
}

.upgradeProfile .modal-content {
  border-radius: 0;
  box-shadow: 0px 0px 10px 0px #00000012;
}

.upgradeProfile .modal-header {
  padding: 20px 20px 24px;
}

.upgradeProfile .modal-body {
  width: 100%;
  max-width: 850px;
  margin-inline: auto;
}

.upgradeProfile .modal-body p {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 16px;
}
.upgradeProfile table th {
  padding: 15px;
  border-top: 1px solid #babbbe;
  border-bottom: 1px solid #babbbe;
}
/*new screen*/
.screener_sec {
  padding-top: 80px;
}
.screener_sec .page-name-head {
  position: fixed;
  top: 85px;
  width: 100%;
  z-index: 999;
  background: #fff;
}
.screener_sec aside {
  position: fixed;
  top: 198px;
  left: calc(1.5rem * 0.5);
  width: 21.64rem;
}
.screener_sec .topBar {
  display: flex;
  justify-content: end;
}

.screener_sec .topBar .dropdown {
  width: -moz-fit-content;
  width: fit-content;
}

.screener_sec .topBar .dropdown .dropdown__filter {
  margin-bottom: 0px;
}

.screener_sec .topBar .dropdown .dropdown__filter .dropdown__select {
  background: #fff;
  /* padding: 10px; */
  z-index: 100;
  left: -208px;
}

.screener_sec .rightSec .select-watchlist-switch .dropdown__select .btn {
  margin-right: 10px;
}

.screener_sec .wrapper {
  position: relative;
}

aside {
  position: absolute;
  top: 2rem;
  left: 0rem;
  width: 28.5rem;
  height: 100%;
  transition: width 0.55s ease;
  z-index: 12;
  background: #fff;
}

aside .sidebar-in {
  padding-bottom: 100px;
}

.screener_sec aside h3 {
  font-weight: 700;
}

aside .overflow {
  overflow-y: auto;
  height: calc(100vh - 14rem);
  padding-right: 0.8rem;
}

aside .menu {
  position: relative;
  margin-bottom: 5px;
}

aside .menu a {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 16px;
  font-weight: 600;
}

aside .menu.mark-sec a[data-bs-toggle]::after {
  content: "\f282";
  display: block;
  background-size: 1.6rem;
  margin-left: auto;
  transition: 0.55s;
  font-family: bootstrap-icons !important;
  background: transparent;
  font-size: 22px;
  color: #262626;
  font-weight: 600;
}

aside .menu.mark-sec a[data-bs-toggle]::after {
  transform: rotate(180deg);
  content: "\f282";
  font-family: bootstrap-icons !important;
  background: transparent;
}
aside .menu.mark-sec a[data-bs-toggle].collapsed::after {
  transform: rotate(0deg);
}

aside .menu a[data-bs-toggle]::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../images/expand-filter.svg);
  background-size: 1.6rem;
  margin-left: auto;
  transition: 0.55s;
}

aside .menu a[data-bs-toggle]::after {
  background: url(../images/close-icon.svg);
}

aside .menu a:hover,
aside .menu a[data-bs-toggle]:not(.collapsed),
aside .menu a.active {
  background: var(--Dark-blue);
  opacity: 1;
}

aside .menu a img {
  width: 2.4rem;
}

aside .subMenu {
  background: rgba(248, 248, 248, 0.6980392157) !important;
}

aside .subMenu h6 {
  display: none;
}

aside .subMenu ul {
  padding-left: 0.5rem;
}

aside .subMenu ul li {
  list-style: none;
  position: relative;
}

aside .subMenu ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}

aside .subMenu .mkt-sector-sec ul li:not(:last-child) {
  margin-bottom: 0px;
}

aside .menu.mark-sec a {
  font-weight: normal;
  background-color: #fff !important;
}

aside .menu.mark-sec .dropdown-item .form-check .form-check-label {
  color: #777777;
}

aside .menu.mark-sec .form-check .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 0px;
}

aside #toggle-sidebar {
  margin: 0 0 0.6rem auto;
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  right: -0.9rem;
  top: 1rem;
  transition: 0.55s;
  border-radius: 5px;
  padding: 5px;
  background: #262626;
  z-index: 9;
}

aside h3 {
  font-family: "ProximaNova-Black";
  color: #262626;
  font-size: 16px !important;
  margin-bottom: 0px;
}

.screener_icon {
  display: none;
}

.screener_icon ul {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 35px;
}

.screener_icon ul li .screenr-list {
  position: relative;
  max-width: 60px;
  /* height: 100%; */
  width: 100%;
  border-radius: 50%;
  background: rgba(186, 187, 190, 0.2);
  display: block;
  text-align: center;
  line-height: 60px;
  margin: 18px auto;
}

.screener_icon ul li .screenr-list span {
  font-size: 16px;
  font-family: "ProximaNova-Semibold";
  color: #777777;
}

.screener_icon ul li .screenr-list:hover {
  color: #262626;
  background: rgba(186, 187, 190, 0.5019607843);
}

.screener_sec {
  /*screener search*/
}

.screener_sec .sidebar-head {
  padding: 18px 0px 0px 18px;
}

.screener_sec .mkt-sector-sec {
  /* max-height: 215px; */
  padding: 5px 0px 18px 18px;
  background: #fff;
}

/* .screener_sec .mkt-sector-sec .mkt-in.overflow {
  max-height: 193px;
} */

.screener_sec .mkt-sector-sec .dropdown-menu .dropdown-scroll {
  height: auto !important;
  max-height: 178px;
  min-width: 7rem !important;
}

.screener_sec .order-status {
  margin: 0px;
}

.screener_sec .sector-sec {
  padding-top: 10px;
}

.screener_sec .status-group {
  display: flex;
  justify-content: start;
  flex-direction: row;
  flex-wrap: wrap;
}

.screener_sec .status-group .status-btn {
  border: 1px solid rgba(186, 187, 190, 0.5019607843);
  border-radius: 13px;
  color: #777777;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 9px;
  margin: 3px 10px 3px 0px;
}

.screener_sec .status-group .close-icon {
  background: url(../images/close-btn.png) no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-size: 100% 100%;
  margin-top: 2px;
}

.screener_sec .csb::-webkit-scrollbar-thumb {
  background: rgba(186, 187, 190, 0.5019607843);
  border-radius: 30px;
}

.screener_sec .csb::-webkit-scrollbar {
  width: 5px;
  height: 1px;
}

.screener_sec .csb::-webkit-scrollbar-track {
  background: rgba(186, 187, 190, 0.3019607843);
}

.screener_sec .csb::-webkit-scrollbar-thumb:hover {
  background: rgba(186, 187, 190, 0.5019607843);
  opacity: 0.28;
}

.screener_sec .add-filter span {
  color: #262626;
  font-size: 16px !important;
}

.screener_sec #Addfilter {
  padding-bottom: 10px;
}

.screener_sec #Addfilter .screener-btn {
  margin: 0px 0px 18px 18px;
  max-width: 120px;
  padding: 10px;
}

.screener_sec #Addfilter.subMenu .form-check .form-check-input {
  background: rgba(248, 248, 248, 0.6980392157) !important;
  margin-top: 0px;
}

.screener_sec #Addfilter.subMenu .form-check .form-check-input:checked {
  border-color: #ad8400 !important;
}

.screener_sec #Addfilter.subMenu .form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: -19px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.screener_sec #Addfilter.subMenu ul {
  -moz-columns: 2;
  columns: 2;
  -webkit-columns: 2;
}

.screener_sec .market-ghraph {
  /* max-height: 386px; */
  overflow-y: auto;
}

.screener_sec .market-ghraph .market-cap {
  border-bottom: 1px solid rgba(186, 187, 190, 0.5019607843);
}

.screener_sec .market-ghraph .market-cap:last-child {
  border-bottom: transparent;
}

.screener_sec .market-ghraph .market-cap .market-cap-sec {
  padding: 18px 25px;
}

.screener_sec .screener-btn {
  width: 100%;
  max-width: 195px;
}

.screener_sec .btn_group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  margin: 18px 0px 0px 0px;
}

.screener_sec .stock-details {
  border: 1px solid rgba(186, 187, 190, 0.5019607843);
  /* padding-top: 18px; */
}

.screener_sec .stock-details .stock-head-sec {
  padding: 11px 18px 11px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.screener_sec .stock-details .stock-head-left {
  align-items: center;
}

.screener_sec .stock-details .screener-tbl {
  margin-bottom: 0px;
}

.screener_sec .stock-details .screener-tbl thead th {
  padding-top: 13px;
  padding-bottom: 13px;
}

.screener_sec .stock-details .screener-tbl td {
  padding: 10px;
}

.screener_sec .stock-details .screener-tbl .pt-16 {
  padding-top: 16px;
}

.screener_sec .stock-details .screener-tbl .scrip-name {
  padding-left: 18px;
}

.screener_sec .stock-details .screener-tbl .scrip-box p {
  font-size: 12px;
  font-family: "ProximaNova-Regular" !important;
}

.screener_sec .stock-details .screener-tbl .trade-btn-col {
  vertical-align: middle;
}

.screener_sec .stock-details .screener-tbl .trade-btn-col figure {
  margin-bottom: 0px;
}

.screener_sec .hidden {
  display: none;
}

.screener_sec .has-search {
  position: relative;
}

.screener_sec .has-search .form-control {
  padding-right: 2.375rem;
  padding-left: 30px;
  border: 1px solid #babbbe80;
  border-radius: 30px;
  min-width: 305px;
  min-height: 44px;
}

.screener_sec .has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  right: 30px;
  top: 12px;
  width: 20px;
}

.screener_sec main {
  transition: all 0.55s ease;
  padding: 33px 0 97px 10px;
  margin-left: 21.64rem;
}
.footer-hide .screener_sec main {
  padding-bottom: 12px;
}

.screener_sec main.menuT {
  margin-left: 5.6rem;
}

/*screener tooltip*/
.screenr-list .tooltip {
  background: #262626;
  top: 7px;
  color: #fff;
  display: block;
  left: 70px;
  opacity: 0;
  padding: 7px 7px 7px 11px;
  pointer-events: none;
  position: absolute;
  width: 100%;
  min-width: 129px;
  border-radius: 8px;
  transform: translateY(10px);
  transition: all 0.25s ease-out;
}

.screenr-list .tooltip p {
  font-size: 11px;
  line-height: 13.31px;
}

.screenr-list .tooltip .type {
  font-size: 12px;
  font-family: "ProximaNova-Semibold";
  line-height: 13.31px;
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.screenr-list .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* CSS Triangles - see Trevor's post */
.screenr-list .tooltip:after {
  border-left: solid transparent 8px;
  border-right: solid transparent 8px;
  border-top: solid #262626 9px;
  bottom: 18px;
  content: " ";
  height: 0;
  left: 14%;
  margin-left: -27px;
  position: absolute;
  width: 0;
  transform: rotate(91deg);
}

.screenr-list:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .screenr-list .tooltip {
  display: none;
}

.lte8 .screenr-list:hover .tooltip {
  display: block;
}

@media (min-width: 992px) {
  aside.menuCollapse {
    width: 6.5rem;
  }

  aside.menuCollapse .sidebar-in {
    border: 1px solid rgba(186, 187, 190, 0.5019607843);
  }

  aside.menuCollapse .overflow {
    padding-right: 0.6rem;
  }

  aside.menuCollapse #toggle-sidebar {
    transform: rotate(180deg);
    width: 25px;
    height: 25px;
  }

  aside.menuCollapse .menu a span {
    display: none;
  }

  aside.menuCollapse .subMenu {
    padding: 1.2rem 1.2rem 1.2rem 1rem;
    box-shadow: 0px 0px 10px 0px var(--subMenuShadow);
    background: var(--Primary-White);
    border-radius: 1rem;
    position: fixed;
    width: 24.8rem;
    left: 10.6rem;
    height: -moz-max-content !important;
    height: max-content !important;
    transition: width 0.55s ease !important;
    transition-delay: -0.02s;
    overflow: hidden;
  }

  aside.menuCollapse .subMenu.collapsing {
    padding-inline: 0;
    width: 0;
  }

  aside.menuCollapse .subMenu {
    display: none;
  }

  aside.menuCollapse .subMenu ul {
    padding-left: 3rem;
    width: -moz-max-content;
    width: max-content;
  }

  aside.menuCollapse .subMenu ul li::before {
    background: #e2e7ec;
    border-color: var(--Primary-White);
  }

  aside.menuCollapse .subMenu ul li:not(:last-child):after {
    background: #e2e7ec;
  }

  aside.menuCollapse .subMenu ul li.active {
    color: var(--Primary-Blue);
  }

  aside.menuCollapse .subMenu ul li.active::before {
    background: var(--Primary-Blue);
  }
}

@media (max-width: 991.98px) {
  .screener_sec main {
    margin-left: 0;
    padding: 1rem 1.6rem;
  }

  .screener_sec main.menuT {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .screener_sec main {
    padding: 1rem 0rem;
  }
}
@media (max-width: 575px) {
  aside {
    top: 13.5rem;
    width: 20.5rem;
  }

  /* .screener_sec main {
    padding: 1rem 0rem;
    position: absolute;
    top: 136%;
  } */

  .screener_sec .stock-details .stock-head-sec {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stock-head {
    margin-bottom: 20px;
  }

  .stock-head-left {
    flex-direction: column;
  }

  .screener_sec .topBar .dropdown {
    white-space: nowrap;
  }

  .screener_sec #Addfilter.subMenu ul {
    -webkit-columns: 1;
  }

  .screener_sec .market-ghraph {
    max-height: 143px;
  }

  aside .sidebar-in {
    height: 100vh;
  }
}

.screener_sec #Addfilter.subMenu li .form-check > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.screener_sec #Addfilter.subMenu li .form-check div label {
  position: relative;
  top: -1px;
}

.thlpadding {
  padding-left: 76px;
}

.screener_sec .rightSec .select-watchlist-switch li {
  position: relative;
  align-items: center;
}

.no-svaed-screen {
  padding: 10px;
}

@media (min-width: 1799px) {
  .screener_sec .stock-details .screener-tbl .scrip-name {
    width: 600px;
  }
}

/* .histogram-wrapper .histogram-container{
   height: 60px;
    width: 100%;
    position: relative;
} */
/* 
.histogram-wrapper .histogram-container .canvas-wrapper {
  width: 100%;
  height:44px;
  
} */
.histogram-wrapper .histogram-container {
  margin-bottom: 5px;
}
.histogram-wrapper .slider-container {
  width: 100%;
  position: relative;
  bottom: -1px;
}

.histogram-wrapper .slider-container .noUi-target.noUi-horizontal {
  height: 10px;
  background: #d6c083;
  border: 0.5px solid #ad8400;
  border-radius: 2px;
}

.histogram-wrapper
  .slider-container
  .noUi-target
  .noUi-base
  .noUi-connects
  .noUi-connect {
  background: #ad8400;
}

.histogram-wrapper
  .slider-container
  .noUi-target
  .noUi-base
  .noUi-origin
  .noUi-handle {
  border-radius: 0;
  width: 13px;
  height: 13px;
  box-shadow: none !important;
  right: -8px;
  top: -3px;
  background: #d93146 !important;
  border: 0.5px solid #fff5da;
  rotate: 45deg;
}

.histogram-wrapper
  .slider-container
  .noUi-target
  .noUi-base
  .noUi-origin
  .noUi-handle::before,
.histogram-wrapper
  .slider-container
  .noUi-target
  .noUi-base
  .noUi-origin
  .noUi-handle::after {
  display: none;
}

.histogram-wrapper .input-container {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  gap: 10px;
}
.histogram-wrapper .input-container .form-group {
  width: 100%;
  max-width: 150px;
}
.histogram-wrapper .input-container > span {
  text-transform: uppercase;
  font-weight: 300;
}

/* .histogram-wrapper .input-container .form-group {
  flex: 0 0 48%;
  max-width: 48%;
} */

.noUi-horizontal .noUi-handle-upper .noUi-tooltip,
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
  -webkit-transform: translate(-90%, -100%) !important;
  transform: translate(-90%, -100%) !important;
  rotate: -45deg;
}

.histogram-wrapper .input-container .form-group label {
  margin-bottom: 10px;
}

.histogram-wrapper .input-container .form-group .form-control {
  border: 1px solid #ced4da;
  border-radius: 18px;
  height: 36px;
  font-size: 18px;
  color: #262626;
  text-align: center;
}

.histogram-wrapper .noUi-target {
  box-shadow: none;
  border: transparent;
}
.userProfile.community-feed .stock-box-inner .bootstrap-select .dropdown-menu {
  padding: 0px 0px 0px 0px;
}
.userProfile.community-feed
  .stock-box-inner
  .bootstrap-select
  .dropdown-menu
  li
  a {
  padding: 10px 10px 10px 10px;
}
.modal.modal-theme .modal-dialog .modal-content .modal-body .btn-wrap .btn {
  line-height: 32px;
  min-width: 170px;
}
.hiddenaccountModal .modal-body {
  padding-bottom: 20px;
}
.hiddenaccountModal .modal-dialog {
  top: 0px !important;
}
.hide_icon {
  width: 80px;
  height: 80px;
}

.hidelist.scroll:active::-webkit-scrollbar-thumb,
.hidelist.scroll:focus::-webkit-scrollbar-thumb,
.hidelist.scroll:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}

.hidelist.scroll::-webkit-scrollbar-thumb {
  background-color: #777777;
  visibility: hidden;
}
.hidelist.scroll::-webkit-scrollbar {
  width: 7px !important;
  height: 4px;
  background-color: #e1e1e1;
}

/* SSM Start here  */
.DLtR,
html[lang="ar"] .DLtR {
  direction: ltr !important;
}
.formCheck input {
  display: none;
}
.formCheck input + label {
  font-size: 14px;
  color: #777777;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.formCheck input + label::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #ad8400;
  border-radius: 3px;
}
.formCheck input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 24%;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid #ad8400;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.btn.primary {
  padding: 13px 30px 11px;
  background: #ad8400;
  border-radius: 5px;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  text-transform: uppercase;
  color: #fff;
  text-wrap: nowrap;
}
.btn.primary:hover {
  background: #ad8400;
  color: #fff;
}
.btn.primary:disabled {
  background: #babbbe;
}

/* peerComparison Start here  */
.peerComparison h3 {
  font-size: 20px !important;
  color: #262626 !important;
  font-family: "ProximaNova-Black", sans-serif !important;
  margin-bottom: 0;
}
.peerComparison .dropdown .cp {
  font-family: "ProximaNova-Light";
  font-size: 16px;
  color: #262626;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.peerComparison .dropdown .cp::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons";
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}
.peerComparison .dropdown-menu {
  padding: 15px 16px;
  border-radius: 10px;
  width: max-content;
}
.peerComparison .dropdown-menu .save-btn {
  top: 0;
  padding: 2.5px 25px;
  display: block;
  margin: auto;
}
.peerComparison table th:not(:first-child),
.peerComparison table td:not(:first-child) {
  text-align: end;
}
.peerComparison table th {
  font-size: 12px;
  color: #777777;
  text-wrap: nowrap;
}
.peerComparison table td {
  font-size: 14px;
  color: #262626;
  font-family: "ProximaNova-Bold";
  vertical-align: middle;
  padding: 12px;
}
.peerComparison table td:last-child {
  width: 90px;
}
.peerComparison table tbody tr:nth-child(3) {
  background: #fafafa;
}
.peerComparison table tbody tr:nth-child(3) td figure {
  opacity: 0;
}
.peerComparison .square-container {
  min-width: 52px;
  min-height: 52px;
}
.peerComparison table tbody td .scrip-box h2 {
  text-wrap: nowrap;
}
.peerComparison .addStocks button {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: normal;
  margin-left: auto;
}
.peerComparison .header-input-wrap input {
  font-size: 18px !important;
  font-weight: 600;
  border-color: #d6d6d6 !important;
}
.peerComparison .header-input-wrap input::placeholder {
  color: #777777;
}
.peerComparison .header-input-wrap .autocomplete-search_stock {
  border: 1px solid #d6d6d6 !important;
}
.removePeerModal .modal-dialog {
  max-width: 557px !important;
}
.removePeerModal .modal-content {
  padding: 22px 32px 40px 32px;
  border-radius: 0;
}
.removePeerModal .modal-content .btn-close {
  display: block;
  margin-left: auto;
  margin-bottom: 23px;
}
.removePeerModal .modal-content h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black" !important;
  color: #000 !important;
  text-align: center;
  margin: 0 auto 30px auto;
  max-width: 420px;
}
.removePeerModal .modalFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.removePeerModal .modalFooter button {
  height: 45px;
  width: 100%;
  max-width: 180px;
  font-size: 20px;
  line-height: normal;
}
@media (min-width: 992px) {
  .peerComparison table tbody td .scrip-box {
    padding-left: 22px !important;
  }
}

/* upgradeProfile start here  */
.upgradeProfile .modal-body h3 {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 24px !important;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
  color: #262626;
}

.upgradeProfile table {
  margin-top: 30px;
  width: 100%;
}

.upgradeProfile table th {
  padding: 15px;
  border-top: 1px solid #babbbe;
  border-bottom: 1px solid #babbbe;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 16px !important;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  color: #262626;
}
.upgradeProfile table th img {
  margin-bottom: 10px;
  width: 54px;
}
.upgradeProfile table tbody td {
  padding: 12px;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #262626;
}
.upgradeProfile table tbody td:first-child {
  width: 100%;
}
.upgradeProfile table tbody th span {
  display: block;
  text-align: center;
}
.upgradeProfile table tbody td span {
  max-width: 148px;
  display: block;
  text-align: start;
}
.upgradeProfile table tbody td:nth-child(2) {
  background: #fbf8f0;
}
.upgradeProfile table tbody tr:last-child td {
  padding-bottom: 30px;
}
.upgradeProfile table tbody td:not(:first-child):after {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/Ticked.svg) no-repeat center;
  background-size: 22px;
  width: 22px;
  height: 24px;
  margin: auto;
}
.upgradeProfile table tbody td.locked:after {
  background: url(../images/Locked.svg) no-repeat center;
  background-size: 18px;
}
.upgradeProfile table tbody.social td:nth-child(3) {
  background: #fbf8f0;
  border-left: 2px solid #fff;
}
.upgradeProfile table tfoot td {
  padding: 30px 12px;
  border-top: 1px solid #babbbe;
}
.upgradeProfile table tfoot td button {
  min-width: 200px;
  display: block;
  margin: auto;
}
.upgradeProfile table td:first-child {
  padding-left: 0;
}
.upgradeProfile table td:last-child {
  padding-right: 0;
}
@media (max-width: 767px) {
  .upgradeProfile .modal-body h3 {
    font-size: 20px !important;
    margin-bottom: 14px;
  }
  .upgradeProfile .modal-body p {
    font-size: 14px;
  }
  .upgradeProfile table {
    margin-top: 20px;
  }
  .upgradeProfile table th {
    padding: 8px 6px 6px;
  }
  .upgradeProfile table th span {
    font-size: 10px !important;
  }
  .upgradeProfile table td {
    padding: 8px;
    font-size: 12px !important;
  }
  .upgradeProfile table td span {
    font-size: 12px !important;
  }
  .upgradeProfile table th img {
    width: 24px;
    margin-bottom: 4px;
  }
  .upgradeProfile table tfoot td button {
    width: unset;
    padding: 5px 10px 5px !important;
    font-size: 12px !important;
    text-wrap: wrap;
    height: 100% !important;
    min-width: unset;
    display: block;
    min-height: 42px;
  }
  .upgradeProfile table tbody td {
    padding: 6px;
  }
  .upgradeProfile table tfoot td {
    padding: 12px 6px;
  }
  .upgradeProfile table tbody td:not(:first-child):after {
    background-size: 14px;
    width: 16px;
  }
  .upgradeProfile table tbody td.locked:after {
    background-size: 13px;
  }
  .btn.primary {
    padding: 5px 10px 5px;
    font-size: 12px;
    text-wrap: wrap;
    height: 100%;
  }
}
/* Screener Changes  */
.screener_sec,
.screener_sec * {
  font-family: "ProximaNova", sans-serif;
}
.screener_sec aside {
  transition: width 0s ease;
  z-index: 98;
}
.screener_sec main {
  transition: all 0s ease;
}
.screener_sec .sidebar-expand .border {
  max-height: calc(100vh - 293px);
  overflow-y: auto;
}
.footer-hide .screener_sec .sidebar-expand .border {
  max-height: calc(100vh - 210px);
}
.screener_sec .dropdown__select .dropdown-scroll {
  max-height: calc(100vh - 290px) !important;
}
.screener_sec .screener-tbl.table thead tr th {
  z-index: 97;
  cursor: pointer;
}
.screener_sec #Addfilter.subMenu .fltrCheck.form-check .form-check-input {
  z-index: 2;
  background: transparent !important;
}
.fltrCheck label.form-check-label {
  z-index: 1;
}
.screener_sec .filterIcon.collapsed::after {
  display: none !important;
}
.screener_sec .filterIcon:not(.collapsed) img.ms-auto {
  display: none !important;
}

/* translateModal */
.translateModal .modal-dialog {
  max-width: 900px;
}
.translateModal .modal-content {
  border-radius: 0;
}
.translateModal h5 {
  font-family: "ProximaNova-Black";
  font-weight: 900;
  font-size: 24px;
  line-height: 100%;
  text-align: center;
  color: #262626;
  margin-bottom: 7px;
}
.translateModal p {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 20px;
}
.translateModal input[type="search"] {
  width: 100%;
  height: 36px;
  padding-right: 50px;
  padding-left: 24px;
  border: 1px solid #babbbe80;
  border-radius: 25px;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #777777;
  background: #fff url(../images/search.png) right no-repeat;
  background-position: center;
  background-position-x: 98%;
  background-size: 20px;
}
.translateModal .languageList {
  margin-top: 25px;
  overflow-y: auto;
  height: 375px;
}
.translateModal .languageList > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.translateModal .languageList .radioBrown {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 10px;
}
.translateModal .languageList .radioBrown label {
  position: static;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: start;
  color: #262626;
}
.translateModal .languageList .radioBrown input {
  position: static;
  background-color: transparent;
  min-width: 22px;
  cursor: pointer;
}
.translateModal .languageList .radioBrown input:checked {
  background-color: #ad8400;
}
.translateModal .btn.primary {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  max-width: 175px;
  cursor: pointer;
}
.translateBtn {
  padding: 10px 0 0 0;
  font-size: 14px;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  color: #ad8400;
}
.translateBtn:hover {
  color: #ad8400 !important;
}
.translateBtnArr {
  padding: 10px 0 0 0;
}
.translateBtnArr:after {
  display: inline-block;
  margin-left: 10px;
  font-family: "Bootstrap-icons";
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}
.peerComparison h3 {
  font-size: 20px !important;
  color: #262626 !important;
  font-family: "ProximaNova-Black", sans-serif !important;
  margin-bottom: 0;
}

.peerComparison .dropdown .cp {
  font-family: "ProximaNova-Light";
  font-size: 16px;
  color: #262626;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.peerComparison .dropdown .cp::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  font-family: "Bootstrap-icons";
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}

.peerComparison .dropdown-menu {
  padding: 15px 16px;
  border-radius: 10px;
}

.peerComparison .dropdown-menu .save-btn {
  top: 0;
  padding: 2.5px 25px;
  display: block;
  margin: auto;
}
.peerComparison .table-responsive.overflow-visible {
  overflow-y: visible !important;
}
.peerComparison table th:not(:first-child),
.peerComparison table td:not(:first-child) {
  text-align: end;
}

.peerComparison table th {
  font-size: 12px;
  color: #777777;
  text-wrap: nowrap;
}
.peerComparison table th:first-child {
  padding-left: 95px;
  width: 35%;
}
.peerComparison table td:first-child {
  width: 35%;
}
@media (max-width: 992px) {
  .peerComparison table th:first-child {
    padding-left: 72px !important;
  }
}
@media (max-width: 1400px) {
  .peerComparison .table-responsive.overflow-visible {
    overflow-x: auto;
    overflow-y: auto !important;
  }
}
.peerComparison table td {
  font-size: 14px;
  color: #262626;
  font-family: "ProximaNova-Bold";
  vertical-align: middle;
  padding: 12px;
}

.peerComparison table td:last-child {
  width: 90px;
}

.peerComparison table tbody tr:nth-child(3) {
  background: #fafafa;
}

.peerComparison table tbody tr:nth-child(3) td figure {
  opacity: 0;
}

.peerComparison .square-container {
  min-width: 52px;
  min-height: 52px;
}

.peerComparison table tbody td .scrip-box h2 {
  text-wrap: nowrap;
}

.peerComparison .addStocks button {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: normal;
  margin-left: auto;
}

.peerComparison .header-input-wrap {
  z-index: unset;
}

.peerComparison .header-input-wrap input {
  font-size: 18px !important;
  font-weight: 600;
  border-color: #d6d6d6 !important;
}

.peerComparison .header-input-wrap input::placeholder {
  color: #777777;
}

.peerComparison .header-input-wrap .autocomplete-search_stock {
  border: 1px solid #d6d6d6 !important;
}
.peerComparison .header-input-wrap .autocomplete-search_stock li {
  cursor: pointer;
}
.peerComparison
  .header-input-wrap
  .autocomplete-search_stock
  .search-body.scroll {
  max-height: 323px;
}

.removePeerModal .modal-dialog {
  max-width: 557px !important;
}

.removePeerModal .modal-content {
  padding: 22px 32px 40px 32px;
  border-radius: 0;
}

.removePeerModal .modal-content .btn-close {
  display: block;
  margin-left: auto;
  margin-bottom: 23px;
}

.removePeerModal .modal-content h3 {
  font-size: 24px !important;
  font-family: "ProximaNova-Black" !important;
  color: #000 !important;
  text-align: center;
  margin: 0 auto 30px auto;
  max-width: 420px;
}

.removePeerModal .modalFooter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.removePeerModal .modalFooter button {
  height: 45px;
  width: 100%;
  max-width: 180px;
  font-size: 20px;
  line-height: normal;
}

@media (min-width: 992px) {
  .peerComparison table tbody td .scrip-box {
    padding-left: 22px !important;
  }
}

/*inappropriateModal*/
.inappropriateModal .modal-dialog {
  max-width: 700px;
}

.inappropriateModal .modal-body {
  padding: 30px 45px 20px 45px !important;
}

.inappropriateModal .heading {
  text-align: center;
}

.inappropriateModal .heading p {
  font-size: 16px;
  color: #262626;
  line-height: 17.74px;
  text-align: center;
  margin-bottom: 20px;
}

.inappropriateModal .head-text {
  font-family: "ProximaNova-Bold";
  font-size: 24px;
  color: #000;
  line-height: 26.92px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.inappropriateModal ul li {
  font-size: 16px;
  line-height: 17.74px;
  color: #262626;
  margin-bottom: 10px;
}

.inappropriateModal ul li span {
  color: #777777;
  font-size: 16px;
  line-height: 17.74px;
}

.inappropriateModal ul li span a {
  color: #ad8400;
  font-size: 16px;
  line-height: 17.74px;
}

.inappropriateModal .footer-sec {
  text-align: center;
  margin-top: 20px;
}

.inappropriateModal .footer-sec .footer-text {
  font-size: 16px;
  line-height: 19.74px;
  color: #262626;
}

.inappropriateModal .footer-sec .footer-text a {
  font-size: 16px;
}

.inappropriateModal .footer-sec .footer-text span {
  font-size: 16px;
  font-family: "ProximaNova-Bold";
}

.inappropriateModal .confirm-btn {
  margin: 25px 0px 25px 0px;
}

.inappropriateModal .confirm-btn .proceed-btn {
  min-width: 220px;
}

.watchlist-container table tr td .right-sec {
  width: 55%;
}

.watchlist-container table tr td .left-sec {
  width: 45%;
}
.mbdde {
  border-bottom: 1px solid #dee2e6;
}
.btn.screenerTrade {
  font-size: 12px !important;
  font-family: "ProximaNova-Semibold";
  font-weight: 600;
  min-width: 80px;
}
.screener_sec .market-graph-sec {
  padding-bottom: 0;
  border-bottom: 0;
}
.watchlist-container .table input.reverseSlider {
  top: -7px;
}
.btn.buysell-tag.bg-gold {
  background-color: #ad8400 !important;
}
.lh-1-2 {
  line-height: 1.2 !important;
}
.AscDesc {
  position: relative;
}
.AscDesc .sortupicon::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -17px;
  top: -7px;
  color: #ad8400;
  cursor: pointer;
}
.AscDesc .sortdownicon::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -17px;
  color: #ad8400;
  top: 2px;
  cursor: pointer;
}
@media (min-width: 991.98px) {
  .screener_sec .stock-details .screener-tbl td:first-child {
    left: 0;
    background: #fff;
    z-index: 97 !important;
  }
  .screener_sec .stock-details .screener-tbl th:first-child {
    z-index: 96 !important;
  }
}
@media (max-width: 992px) {
  .screener_sec aside {
    transition: width 0.6s ease;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    overflow: hidden;
  }
  .screener_sec aside.show {
    width: 100%;
  }
  aside #toggle-sidebar {
    display: none !important;
  }
  .screener_sec .sidebar-expand .border {
    max-height: calc(100vh - 85px);
  }
  .screener_sec .market-ghraph {
    max-height: unset !important;
  }
  .screener_sec .btn_group {
    padding: 0 16px;
  }
}
.CongratulationsModal .modal-body {
  padding: 30px !important;
}
.CongratulationsModal .modal-body .icon-center {
  width: 85px;
  margin-bottom: 30px;
}
.CongratulationsModal .modal-body h3 {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 28px !important;
  line-height: 100%;
  margin-bottom: 16px;
  color: #262626;
}
.CongratulationsModal .modal-body p {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #777777;
}
.CongratulationsModal .modal-body .bg-Gold {
  margin-top: 30px;
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  padding: 8.5px 16px;
  min-width: 210px;
}
.translateBtn {
  padding: 10px 0 0 0;
  font-size: 14px;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  color: #ad8400;
}
.translateBtn:hover {
  color: #ad8400 !important;
}
.translateBtnArr {
  padding: 10px 0 0 0;
}
.translateBtnArr:after {
  display: inline-block;
  margin-left: 10px;
  font-family: "Bootstrap-icons";
  content: "\f282";
  border-top: 0px;
  border-bottom: 0px;
}
.capsuleTab ul {
  display: flex;
  gap: 0 !important;
  border: 1px solid #babbbe;
  border-radius: 26px;
  overflow: hidden;
}
.subcription_menu.capsuleTab .nav-pills .nav-link {
  font-weight: 600;
  padding-inline: 30px;
  border: 0;
  text-transform: uppercase;
  border-radius: 0;
}
.subcription_menu.capsuleTab .nav-pills .nav-link.active {
  background: #ad8400;
  color: #fff;
}
.isArabic {
  direction: rtl;
}
.eipo .tab-content .ipolist-table .sortupiconclick::after {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f286";
  position: absolute;
  right: -17px;
  top: -6px;
  color: #ad8400;
  cursor: pointer;
}
.eipo .tab-content .ipolist-table .sortdowniconclick::before {
  font-family: "Bootstrap-icons", Arial, sans-serif;
  content: "\f282";
  position: absolute;
  right: -17px;
  color: #ad8400;
  top: 2px;
  cursor: pointer;
}

/* Etihad List  */
.etihadList {
  margin: 0 -0.75rem;
}

.etihadListHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 17px 40px;
}

.etihadListHeader > img {
  width: 100%;
  max-width: 111px;
  height: auto;
}

.etihadListHeader .rightInfo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.etihadListHeader .rightInfo .totalMiles {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid #babbbe;
  padding-right: 30px;
}

.etihadListHeader .rightInfo .totalMiles img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  flex-shrink: 0;
}

.etihadListHeader .rightInfo h5 {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 24px;
  color: #262626;
  margin-bottom: 2px;
}

.etihadListHeader .rightInfo p {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 14px;
  color: #777777;
  margin-bottom: 0;
  white-space: nowrap;
}

.etihadListHeader .rightInfo p span {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 18px;
  color: #262626;
}

.etihadListHeader .rightInfo .updateEGN {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  line-height: 22px;
  color: #ad8400;
}

.etihadListHeader .rightInfo .filterDownInfo {
  display: flex;
  align-items: center;
  gap: 6px;
  border-left: 1px solid #babbbe80;
  padding-left: 24px;
}

.etihadListHeader .rightInfo .filterDownInfo button {
  padding: 8px;
}

.etihadListHeader .rightInfo .filterDownInfo button img {
  width: 20px;
  height: auto;
}

.etihadRewardsTable th {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  color: #777777;
  padding: 13px 24px 13px 13px;
  text-wrap: nowrap;
}

.etihadRewardsTable thead {
  display: none;
}

.etihadRewardsTable td {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  color: #000000;
  padding: 18px 24px 18px;
  text-wrap: nowrap;
}

.etihadRewardsTable th:first-child,
.etihadRewardsTable td:first-child {
  padding-left: 40px;
}

.etihadRewardsTable th:last-child,
.etihadRewardsTable td:last-child {
  padding-right: 40px;
}

@media (max-width: 992px) {
  .etihadListHeader {
    padding: 17px 12px;
  }

  .etihadRewardsTable td {
    padding: 12px 24px 12px;
  }

  .etihadRewardsTable th:first-child,
  .etihadRewardsTable td:first-child {
    padding-left: 12px;
  }

  .etihadRewardsTable th:last-child,
  .etihadRewardsTable td:last-child {
    padding-right: 12px;
  }
}

/* Etihad List  */
.etihadList {
  margin: 0 -0.75rem;
}

.etihadListHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 17px 40px;
}

.etihadListHeader > img {
  width: 100%;
  max-width: 111px;
  height: auto;
}

.etihadListHeader .rightInfo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}

.etihadListHeader .rightInfo .totalMiles {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid #babbbe;
  padding-right: 30px;
}

.etihadListHeader .rightInfo .totalMiles img {
  width: 100%;
  max-width: 42px;
  height: auto;
}

.etihadListHeader .rightInfo h5 {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 24px;
  color: #262626;
  margin-bottom: 2px;
}

.etihadListHeader .rightInfo p {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 14px;
  color: #777777;
  margin-bottom: 0;
}

.etihadListHeader .rightInfo p span {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 18px;
  color: #262626;
}

.etihadListHeader .rightInfo .updateEGN {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  line-height: 22px;
  color: #ad8400;
}

.etihadListHeader .rightInfo .filterDownInfo {
  display: flex;
  align-items: center;
  gap: 6px;
  border-left: 1px solid #babbbe80;
  padding-left: 24px;
}

.etihadListHeader .rightInfo .filterDownInfo button {
  padding: 8px;
}

.etihadListHeader .rightInfo .filterDownInfo button img {
  width: 20px;
  height: auto;
}

.etihadRewardsTable th {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  color: #777777;
  padding: 13px 24px 13px 24px;
  text-wrap: nowrap;
}

.etihadRewardsTable td {
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  color: #000000;
  padding: 18px 24px 18px;
  text-wrap: nowrap;
}
.etihadRewardsTable td.amt,
.etihadRewardsTable th.amt {
  padding-right: 12vw;
}

.etihadRewardsTable th:first-child,
.etihadRewardsTable td:first-child {
  padding-left: 40px;
}

.etihadRewardsTable th:last-child,
.etihadRewardsTable td:last-child {
  padding-right: 40px;
}
#div_rewardScreen .total-miles-container {
  display: flex;
  justify-content: center !important;
  align-items: flex-end;
  margin-top: 30px;
  width: 100%;
  text-align: center;
  gap: 5px;
}

#div_rewardScreen .total-miles-container img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 2px;
}

@media (max-width: 992px) {
  .etihadListHeader {
    padding: 17px 12px;
  }

  .etihadRewardsTable td {
    padding: 12px 24px 12px;
  }

  .etihadRewardsTable th:first-child,
  .etihadRewardsTable td:first-child {
    padding-left: 12px;
  }

  .etihadRewardsTable th:last-child,
  .etihadRewardsTable td:last-child {
    padding-right: 12px;
  }
}
.screenerCIC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding: 0 15px;
  border: 1px solid #babbbe;
  border-radius: 50px;
  height: 36px;
  font-size: 18px;
  color: #262626;
  text-align: center;
  position: relative;
  line-height: 1.2;
  width: 100%;
  max-width: 150px;
}
.screenerCIC > span {
  font-size: 18px;
  line-height: 1.2;
}
.screenerCIC .form-control {
  padding: 0 !important;
  border: 0 !important;
  height: unset !important;
  font-size: 18px !important;
  width: 60px !important;
  text-align: center !important;
  line-height: 1.2;
}
.screenerCIC .form-control.maxTwo {
  width: 25px !important;
}
.screenerCIC .form-control.maxThree {
  width: 37px !important;
}
.screenerCIC .form-control.maxFive {
  width: 55px !important;
}
/* .screenerCIC .form-control ~ span {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
} */

/* Funds  */

.newFunds .kInform {
  font-family: "ProximaNova-Regular" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-align: left;
  color: #262626 !important;
  margin: 35px 0 10px 0;
}
.newFunds .backInfo {
  border: 1px solid #babbbe;
  padding: 15px;
  text-align: left;
}
.newFunds .backInfo h6 {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 4px;
}
.newFunds .backInfo p {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  color: #777777;
  margin-bottom: 0;
}
.newFunds .backInfo p span {
  color: #262626;
}
.newFunds .d-flex.btn {
  align-items: center;
  gap: 20px;
  padding: 30px 0 0;
}
.ipoSteps .newFunds .d-flex.btn button {
  margin: 0 !important;
  padding: 11px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: unset;
}
.newFunds .currency-symbol {
  color: #babbbe;
}
.fundsStepSec {
  max-width: 1100px;
  margin: 0 auto;
}
.fundsStepSec .bank-detail-sec > span {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 14px;
  color: #262626;
  margin-bottom: 10px;
  display: block;
}
.fundsStepSec .bank-detail-sec > div {
  border: 1px solid #babbbe;
  padding: 15px;
}
.fundsStepSec .transactionInfo .font-semimedium {
  font-size: 24px !important;
}
.fundsStepSec .transactionInfo .font-semimedium .copy-btn {
  margin-left: 10px;
}
.fundsStepSec .transactionInfo {
  margin-bottom: 15px;
}
.fundsStepSec .transactionInfo p {
  font-family: "ProximaNova-Regular";
  font-weight: 400;
  font-size: 12px;
  /* text-transform: capitalize; */
  color: #777777;
}
.fundsStepSec .transactionInfo p span {
  color: #262626;
}
.fundsStepSec .bank-detail-box {
  padding: 10px !important;
}
.fundsStepSec .bank-detail-box .fundName {
  padding-bottom: 15px;
  border-bottom: 1px solid #babbbe !important;
}
.fundsStepSec .bank-detail-box .fundName .font-semimedium {
  font-size: 18px !important;
  padding: 0 !important;
  margin-bottom: -5px !important;
}
.fundsStepSec .detail-sec {
  margin-top: 15px;
}
.fundsStepSec .detail-sec .bank-detail {
  padding-top: 15px !important;
}
.fundsStepSec .detail-sec .bank-detail:first-child {
  padding-top: 0 !important;
}
.fundsStepSec .detail-sec .bank-detail .font-SonicSilver {
  color: #777777;
}
.fundsStepSec .detail-sec .bank-detail .font-SonicSilver h3 {
  font-size: 14px !important;
  color: #262626;
}
.fundsStepSec .copy-btn {
  background-color: transparent;
}
.fundsStepSec .steps-sect-box {
  border: 0 !important;
}
@media (max-width: 767px) {
  .newFunds .d-flex.btn {
    flex-wrap: wrap;
  }
}
.fundsYAcc,
.fundsYAcc:hover {
  color: #757575;
}

.detail-sec.scroll {
  overflow: visible !important;
}
.roboThorIcon {
  padding-right: 20px;
  display: block;
  cursor: pointer;
}
.roboThorIcon img {
  max-width: 65px;
}
@media (max-width: 575px) {
  .roboThorIcon {
    padding-right: 17px;
    margin-top: -29px;
  }
}
.btn.bg-Gold.pb-1 {
  padding-bottom: 3px !important;
}
.signup-rightside .dirSignUp .signup-body {
  padding: 50px 38px;
  border: 1px solid #dee2e6;
  box-shadow: 0px 0px 10px 0px #00000012;
  margin: 40px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2.1vw;
}
.signup-rightside .dirSignUp .signup-body .btn {
  box-shadow: 0px 0px 10px 0px #00000012;
  border: 1px solid #262626;
  border-radius: 5px;
  height: 56px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 1.1vw;
  font-size: 18px;
  font-weight: 400;
  font-family: "ProximaNova-Regular";
  color: #262626;
  width: 47%;
  max-width: 300px;
}
.signup-rightside .dirSignUp .signup-body .btn:hover {
  color: #262626;
}
.signup-rightside .dirSignUp .signup-body .btn img {
  width: 30px;
  height: auto;
}
.signup-rightside .dirSignUp .signup-body .btn.uaePass > span {
  display: block;
  height: 30px;
  width: 30px;
  overflow: hidden;
  position: relative;
}
.signup-rightside .dirSignUp .signup-body .btn.uaePass img {
  height: 62px;
  max-height: unset;
  width: auto;
  position: absolute;
  right: -27px;
  top: -15px;
}
@media (max-width: 1500px) {
  .signup-rightside .dirSignUp .signup-body {
    flex-direction: column;
  }
  .signup-rightside .dirSignUp .signup-body .btn {
    width: 90%;
    max-width: unset;
  }
}
@media (max-width: 767px) {
  .signup-rightside .dirSignUp .signup-body {
    padding: 40px 10px;
  }
}
.zeroBalanceModal {
  width: 100%;
  max-width: 620px;
  border-left: 6px solid #ad8400;
  border-radius: 5px;
  box-shadow: 0px 4px 20px 0px #0000001a;
  z-index: 999;
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #fff;
}
.zeroBalanceModal.bottom100 {
  bottom: 130px;
}
.zeroBalanceModal > div {
  position: relative;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 18px 46px 18px 20px;
}
.zeroBalanceModal h2 {
  font-size: 24px !important;
  font-family: "ProximaNova-Bold";
  font-weight: 900;
  color: #262626;
  margin-bottom: 12px;
}
.zeroBalanceModal .d-flex {
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.zeroBalanceModal .d-flex .btn {
  padding-inline: 20px;
}
.zeroBalanceModal .closeBtn {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 0;
}
.zeroBalanceModal .closeBtn img {
  width: 18px;
  height: auto;
}
@media (max-width: 767px) {
  .zeroBalanceModal {
    z-index: 9999;
    bottom: 14px;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 97vw;
  }
  .zeroBalanceModal > div {
    gap: 12px;
    padding: 10px 24px 10px 12px;
  }
  .zeroBalanceModal > div > img {
    max-width: 60px;
  }
  .zeroBalanceModal h2 {
    font-size: 16px !important;
  }
  .zeroBalanceModal .d-flex .btn {
    padding-inline: 16px;
  }
  .zeroBalanceModal .closeBtn {
    top: 10px;
    right: 10px;
  }
  .zeroBalanceModal .closeBtn img {
    width: 14px;
  }
}

/* Upload Profile New UI  */
.editProfile .modal-dialog {
  max-width: 700px;
}
.editProfile .modal-content {
  border-radius: 0;
}
.editProfile .modal-header {
  padding: 20px 20px 0 20px;
}
.editProfile .modal-body {
  padding: 20px;
  text-align: center;
}
.editProfile .modal-body h3 {
  font-family: "ProximaNova-Bold";
  font-weight: 700;
  font-size: 28px !important;
  color: #262626;
  margin-bottom: 10px;
}
.editProfile .modal-body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #777777;
  max-width: 540px;
  margin: 0 auto 10px auto;
}
.editProfile .modal-body > div {
  max-width: 621px;
  margin: 0 auto;
}
.editProfile .profilePicUpdate {
  min-width: 150px;
  min-height: 150px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow: 0px 2px 10px 0px #00000040;
  margin-bottom: 20px;
}
.editProfile .uploadOptions {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-bottom: 20px !important;
}
.editProfile .uploadOptions input[type="file"] {
  display: none;
}
.editProfile .uploadOptions input[type="file"] + label,
.editProfile .uploadOptions .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  color: #ad8400;
  margin-top: auto;
}
.editProfile .uploadOptions hr {
  margin: 0;
  border-right: 1px solid;
}
.editProfile .avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 25px !important;
}
.editProfile .avatar > div {
  min-width: 64px;
  min-height: 64px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  box-shadow: 0px 1.28px 6.4px 0px #00000040;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.editProfile .avatar > div img {
  width: 80px;
  height: auto;
}
.editProfile .avatar > div.active {
  bottom: 10px;
}
.editProfile .avatar > div.active::after {
  content: "";
  display: block;
  width: 61px;
  height: 5px;
  border-radius: 3px;
  background: #ad8400;
  position: absolute;
  bottom: -10px;
}
.editProfile .modal-footer {
  border: 0;
  padding-top: 25px;
  justify-content: center;
}
.editProfile .modal-footer button {
  min-width: 171px;
  font-size: 20px;
  text-transform: uppercase;
  padding: 8px 24px 6px;
}

#cropProfile .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#cropProfile .modal-body h3 {
  font-weight: 700;
  font-size: 24px;
  color: #262626;
  margin-bottom: 30px;
}

.crop-container {
  position: relative;
  width: 100%;
  max-width: 400px;
  height: 400px;
  margin: 0 auto;
  background: #f8f9fa;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#imageToCrop {
  display: block;
  max-width: 100%;
  max-height: 400px;
  height: auto;
}

.cropper-container {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
}

.cropper-canvas {
  background: transparent !important;
}

.cropper-wrap-box {
  background: transparent !important;
}

.cropper-modal {
  background: rgba(0, 0, 0, 0.6) !important;
}

.cropper-line,
.cropper-dashed,
.cropper-center {
  display: none !important;
}

.cropper-crop-box {
  border: 2px solid #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cropper-line,
.cropper-point,
.cropper-dashed,
.cropper-center {
  display: none !important;
}

.cropper-point.point-nw,
.cropper-point.point-ne,
.cropper-point.point-sw,
.cropper-point.point-se {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  border: none !important;
  opacity: 1 !important;
  position: absolute;
  z-index: 9999;
}

.cropper-point.point-nw::before,
.cropper-point.point-nw::after {
  content: "";
  position: absolute;
  background: #fff;
}
.cropper-point.point-nw::before {
  width: 15px;
  height: 3px;
  top: 0;
  left: 0;
}
.cropper-point.point-nw::after {
  width: 3px;
  height: 15px;
  top: 0;
  left: 0;
}

.cropper-point.point-ne::before,
.cropper-point.point-ne::after {
  content: "";
  position: absolute;
  background: #fff;
}
.cropper-point.point-ne::before {
  width: 15px;
  height: 3px;
  top: 0;
  right: 0;
}
.cropper-point.point-ne::after {
  width: 3px;
  height: 15px;
  top: 0;
  right: 0;
}

.cropper-point.point-sw::before,
.cropper-point.point-sw::after {
  content: "";
  position: absolute;
  background: #fff;
}
.cropper-point.point-sw::before {
  width: 15px;
  height: 3px;
  bottom: 0;
  left: 0;
}
.cropper-point.point-sw::after {
  width: 3px;
  height: 15px;
  bottom: 0;
  left: 0;
}

.cropper-point.point-se::before,
.cropper-point.point-se::after {
  content: "";
  position: absolute;
  background: #fff !important;
  display: block;
}

.cropper-point.point-se::before {
  width: 15px;
  height: 3px;
  bottom: 0;
  right: 0;
}

.cropper-point.point-se::after {
  width: 3px;
  height: 15px;
  bottom: 0;
  right: 0;
}

.circular-overlay {
  position: absolute;
  border: none;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1001;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6);
  display: none;
  transition: none;
}

.btn-bg {
  background-color: #ad8400;
  color: white;
  border: none;
  /* padding: 12px 24px; */
  padding: 8.5px 24px;
  min-height: 26px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}
img:not([loading]) {
  loading: lazy;
}
.pillsSelect {
  padding: 18px 25px !important;
  border-bottom: 1px solid #babbbe80;
}
.pillsSelect input {
  display: none;
}
.pillsSelect input + label {
  font-size: 14px;
  font-weight: 400;
  color: #777777;
  padding: 2px 15px;
  border: 1px solid #babbbe80;
  border-radius: 50px;
  min-height: 26px;
}
.pillsSelect input:checked + label {
  background: #262626;
  color: #fff;
}
.pillsSelect .d-flex {
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.pillsSelect h3 {
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.foreainMarketData {
  overflow: auto;
  max-height: 73vh;
  margin-top: 16px;
}
.foreainMarketData .terms-content-wrap {
  max-height: unset !important;
}
.radioSelect {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.radioSelect input[type="radio"] {
  display: none;
}
.radioSelect input[type="radio"] + label {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
  height: 32px;
  width: auto;
  padding: 8px 16px;
  min-width: 70px;
  border: 1px solid #c9c9c9;
  background: 0 0;
  border-radius: 23px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
}
.radioSelect input[type="radio"] + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.radioSelect input[type="radio"] + label input {
  padding: 0;
  border: 0;
  font-size: 14px;
  color: #777777 !important;
  width: 72px;
  cursor: auto;
}
.radioSelect input[type="radio"]:checked + label {
  background: #ad8400;
  color: #fff;
  border-color: #ad8400;
}
.radioSelect input[type="radio"]:checked + label input {
  color: #fff !important;
}
.newUpKyc .signup-form .signup-head h4 ~ p {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
  line-height: 1.3;
  margin-bottom: 0;
}
.newUpKyc .signup-rightside .signup-body .dgc {
  font-size: 14px;
  font-weight: 400;
  color: #777777;
  margin-top: 10px;
}
.newUpKyc .signup-rightside .signup-body .dgc .btn {
  color: #ad8400;
}
.newUpKyc .signup-rightside .valMassage {
  font-size: 14px;
  font-weight: 400;
  color: #262626;
  line-height: 1.3;
  text-align: center;
}
.newUpKyc .signup-rightside .valMassage span {
  font-weight: 600;
}
.newUpKyc .iti__selected-flag {
  border-right: 1px solid #babbbe80;
}
.newUpKyc .iti__selected-dial-code {
  font-size: 16px;
  color: #262626;
  font-weight: 600;
}
@media (min-width: 768px) {
  .newUpKyc .signup-left figure {
    margin-bottom: 25px;
  }
  .newUpKyc .signup-left {
    margin-top: 60px !important;
  }
  .newUpKyc .signup-left figure img {
    width: 100%;
    max-width: 112px;
  }
  .newUpKyc .signup-left h3 {
    font-size: 42px !important;
    font-weight: 900;
  }
  .newUpKyc .signup-form {
    margin-top: 90px !important;
  }
  .newUpKyc .signup-form .signup-head h4 {
    margin-bottom: 10px;
  }
  .newUpKyc .signup-rightside .signup-body {
    border: 1px solid #babbbe80;
    box-shadow: 0px 0px 10px 0px #00000012;
    max-width: 680px;
    margin: 40px auto;
  }
  .newUpKyc .signup-rightside .signup-body .form-label {
    font-size: 18px !important;
  }
}
@media (max-width: 767.99px) {
  .newUpKyc .signup-left h3 {
    font-size: 22px !important;
  }
  .newUpKyc .signup-left h3 br,
  .newUpKyc .signup-rightside .valMassage br {
    display: none;
  }
  .newUpKyc .signup-left figure img {
    width: unset;
    max-width: 100%;
  }
  .newUpKyc .signup-form .signup-head h4 {
    font-size: 20px !important;
  }
  .newUpKyc .signup .signup-rightside {
    padding: 10px 20px 10px 20px !important;
  }
  .newUpKyc .otp-authentication .verification-code-input {
    display: flex;
    align-items: center;
    justify-content: space-around;
    max-width: 300px;
    margin: 30px auto;
  }
  .newUpKyc .otp-authentication .verification-code-input input[type="text"] {
    margin: 0;
  }
}
.blog-post {
  margin-bottom: 94px;
}
.modal-body .blog-post {
  margin-bottom: 0 !important;
}
.footer-hide .blog-post,
.market-box .blog-post {
  margin-bottom: 0;
}
#bindPeerData figure .islamic-stock {
  position: absolute;
  left: 37px;
  top: -5px;
}
.cashRow td {
  padding-top: 16px;
}
.cashRow td.scrip-name {
  padding-top: 7px;
}
.cashRow td.font-extramedium {
  padding-top: 14px;
}
.demomodal .modal-dialog.modal-dialog-centered {
  top: unset;
}
.buysell-tag.sellBtn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff !important;
  background: #d93146 !important;
  border-radius: 5px;
  padding: 6.5px 12px;
  min-width: 100px;
}
.insideModal .modal-body > div {
  max-width: 450px;
  margin: auto;
}
.insideModal .modal-body figure img {
  width: 178px;
}
.insideModal .modal-body figure {
  margin-bottom: 30px;
}
.insideModal .screener-btn {
  flex: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.community-feed .inner-comment-box .service-info a.navBtn {
  padding: 2px 10px;
  border: 1px solid #ad8400;
  border-radius: 50px;
  text-decoration: none !important;
  font-size: 14px !important;
  margin-top: 4px !important;
  display: inline-block;
  background: #ad840026;
}
#usmarketrestrictionnotificationmodal .modal-dialog {
  max-width: 450px !important;
}
.mx-220 {
  max-width: 220px;
}
.screener_sec .head-sub-section .status-group {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.screener_sec .head-sub-section .status-group .status-btn {
  margin: 0;
  border-color: #babbbe;
  color: #babbbe;
  font-weight: 600;
  padding: 6.5px 30px;
  line-height: normal;
  border-radius: 50px;
  min-width: unset;
}
.screener_sec .head-sub-section .status-group .status-btn.active {
  color: #fff;
}
.screener_sec
  .head-sub-section
  .status-group
  .dropdown
  .select-watchlist-switch
  .dropdown__select {
  left: unset !important;
  right: 0 !important;
  background: #fff;
}
.screener_sec .dropdown__filter {
  padding: 0 46px 0px 10px;
}
.screener_sec .page-name-head {
  padding: 17px 0;
}
.screener_sec .page-name-head .btn_group {
  justify-content: end;
  gap: 10px;
}
.screener_sec .page-name-head .screener-btn {
  height: 46px;
  font-size: 18px !important;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
.screener_sec aside .formCheck {
  padding: 20px 20px 4px 20px;
}
.screener_sec aside .formCheck h3 {
  margin-bottom: 10px;
}
.screener_sec aside .formCheck .form-check-label {
  font-size: 16px;
  color: #262626;
  margin-bottom: 0;
  display: flex;
  align-items: start;
  gap: 10px;
  cursor: pointer;
}
.screener_sec aside .formCheck input + label::before {
  margin-top: 3px;
}
.formCheck input:checked + label::after {
  top: 4.2px;
}
.screener_sec aside .formCheck .form-check-label img {
  width: 15px;
  height: auto;
  margin-top: 3px;
}
.screener_sec .histogram-wrapper .histogram-container .canvas-wrapper {
  width: 100%;
  height: 64px;
}
.screener_sec .market-graph-sec .market-ghraph {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #babbbe80;
  margin-bottom: 10px;
  overflow: hidden;
}
.screener_sec .market-graph-sec .market-ghraph .market-cap:not(:last-child) {
  border-right: 1px solid #babbbe80;
  border-bottom: 0;
}
@media (max-width: 1765px) {
  .screenerCIC {
    padding: 0 12px;
    height: 32px;
    font-size: 16px;
  }
  .screenerCIC > span {
    font-size: 16px;
  }
  .screenerCIC .form-control {
    font-size: 14px !important;
    width: 45px !important;
  }
}
@media (max-width: 1540px) {
  .screenerCIC {
    padding: 0 8px;
    height: 28px;
    gap: 6px;
  }
  .histogram-wrapper .input-container {
    gap: 5px;
  }
  .screener_sec .market-ghraph .market-cap .market-cap-sec {
    padding: 18px;
  }
}
@media (max-width: 1300px) {
  .screener_sec .market-ghraph .market-cap .market-cap-sec {
    padding: 18px 12px;
  }
  .histogram-wrapper .input-container {
    flex-direction: column;
  }
  .histogram-wrapper .input-container .form-group,
  .screenerCIC {
    max-width: unset;
  }
}
@media (max-width: 991.99px) {
  .screener_sec .head-sub-section .status-group {
    gap: 8px;
    margin-bottom: 10px;
  }
  .screener_sec .head-sub-section .status-group .status-btn {
    padding: 3px 10px !important;
    font-size: 12px !important;
    min-height: 24px;
  }
  .screener_sec
    .dropdown__options-filter
    .dropdown__filter
    .dropdown__filter-selected {
    font-size: 13px !important;
  }
  .screener_sec .dropdown__options-filter .dropdown__filter::after {
    top: 26%;
    width: 8px;
    height: 8px;
  }
  .screener_sec .page-name-head .btn_group {
    padding: 0;
  }
  .screener_sec .page-name-head .screener-btn {
    height: 32px;
    font-size: 14px !important;
  }
  .histogram-wrapper .input-container {
    flex-direction: row;
  }
  .histogram-wrapper .input-container {
    gap: 10px;
  }
  .screener_sec .market-graph-sec .market-ghraph {
    display: block;
    margin-inline: -10.5px;
  }
  .screener_sec .market-graph-sec .market-ghraph .market-cap:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid #babbbe80;
  }
  .screener_sec .stock-details .stock-head > div {
    display: flex;
    flex-direction: column;
  }
  .screener_sec .stock-details .stock-head > div span {
    padding-left: 0 !important;
  }
  .screener_sec .has-search .form-control {
    min-width: 260px;
    min-height: 32px;
  }
  .screener_sec .has-search .form-control-feedback {
    right: 12px;
    top: 9px;
    width: 16px;
  }
  .screener_sec .stock-details .stock-head-left,
  .screener_sec .stock-details .stock-head-left .search {
    width: 100%;
  }
  .screener_sec .stock-details .stock-head {
    margin-bottom: 10px;
  }
  .screener_sec #addToWatchlistScreener {
    margin-left: auto;
  }
  .screener_sec #addToWatchlistScreener a {
    font-size: 14px !important;
  }
  .screener_sec #addToWatchlistScreener a img {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .screener_sec main {
    height: calc(100vh - 165px);
    display: flex;
    flex-direction: column;
  }
  .screener_sec .stock-details {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .screener_sec .stock-details .table-responsive {
    height: 100%;
  }
}
.postDetailview.modal .userProfile .full-image.smallAttach {
  justify-content: center !important;
}
.postDetailview.modal .userProfile .full-image.smallAttach figure {
  border-radius: 0;
  overflow: hidden;
  box-shadow: unset;
  width: unset !important;
  height: unset !important;
  display: flex !important;
  justify-content: center;
}

.screener_sec .market-cap-sec {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.screener_sec .market-cap-sec .histogram-wrapper {
  margin-top: auto;
}
@media (max-width: 1300px) {
  .screener_sec .market-cap-sec h3 {
    font-size: 14px !important;
  }
}

/* automation 7-11*/
:root {
  --Gray-3: #babbbe;
  --Gray-4: #babbbe80;
  --Gold: #ad8400;
  --Gray2: #777777;
  --unit: 10px;
}

@media (max-width: 1599.98px) {
  :root {
    --unit: 8.4px;
  }
}

@media (max-width: 1418.98px) {
  :root {
    --unit: 7.7px;
  }
}

@media (max-width: 1223.98px) {
  :root {
    --unit: 7px;
  }
}

@media (max-width: 991.98px) {
  :root {
    --unit: 6.8px;
  }
}

.roboPPTable {
  width: 100%;
  max-height: calc(var(--unit) * 44);
  flex-grow: 1;
  overflow: auto;
}

.roboPPTable table {
  width: 100%;
}

.roboPPTable table thead {
  border-bottom: 1px solid var(--Gray-4);
}

.roboPPTable table th {
  padding: calc(var(--unit) * 0.8) calc(var(--unit) * 1);
  font-weight: 400;
  font-size: calc(var(--unit) * 1.4) !important;
  text-transform: capitalize;
  color: #777777;
  text-wrap: nowrap;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 99;
  box-shadow: inset 0 -1px 0 0 var(--Gray-4);
}

.roboPPTable table th.text-uppercase {
  font-weight: 800;
}

.roboPPTable table th:first-child {
  padding-left: calc(var(--unit) * 5.7);
}

.roboPPTable table th input {
  display: none !important;
}

.roboPPTable table th input + label {
  padding: calc(var(--unit) * 0.7) calc(var(--unit) * 2);
  font-weight: 400;
  font-size: calc(var(--unit) * 1.4) !important;
  text-align: center;
  text-transform: uppercase;
  color: #ad8400;
  background: transparent;
  border: 1px solid #ad8400;
  border-radius: calc(var(--unit) * 3);
  margin-bottom: calc(var(--unit) * 0.5);
  margin-inline: auto;
  display: block;
  width: max-content;
}

.roboPPTable table th.text-end input + label {
  margin-left: auto;
}

.roboPPTable table th input + label.revert {
  border: 1px solid rgba(186, 187, 190, 0.5019607843);
  background: rgba(186, 187, 190, 0.5019607843);
  color: #757575;
}

.roboPPTable table th input + label {
  width: calc(var(--unit) * 11);
  cursor: pointer;
}

.roboPPTable table th input:checked + label {
  border: 1px solid #ad8400;
  color: #ad8400;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--unit) * 0.8);
}

.roboPPTable table th input:checked + label img {
  position: relative;
  top: calc(var(--unit) * -0.2);
}

.roboPPTable table th input:checked.revert {
  border: 1px solid #ad8400;
  background: #ad8400;
}

.roboPPTable table td {
  padding: 12px;
  border-bottom: 1px solid var(--Gray-4);
}

.roboPPTable table td.msci,
.roboPPTable table td.norges {
  text-align: center !important;
}

.roboPPTable table td:first-child {
  padding-left: 0;
}

.roboPPTable table td .stocks {
  display: flex;
  align-items: center;
  gap: calc(var(--unit) * 0.5);
  text-align: start;
}

.roboPPTable table td .stocks .logo {
  width: calc(var(--unit) * 5.2);
  height: calc(var(--unit) * 5.2);
  min-width: calc(var(--unit) * 5.2);
  min-height: calc(var(--unit) * 5.2);
  border: 1px solid #babbbe;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.roboPPTable table td .stocks .logo.isIslamic::after {
  content: "";
  background: url(../images/islamic-stock.svg);
  background-size: calc(var(--unit) * 2);
  width: calc(var(--unit) * 2);
  height: calc(var(--unit) * 2);
  position: absolute;
  left: calc(var(--unit) * 2.8);
  top: calc(var(--unit) * -0.5);
  margin-left: calc(var(--unit) * 0.8);
}

.roboPPTable table td .stocks .logo img {
  max-width: 85% !important;
  width: unset !important;
  height: auto;
  max-height: calc(var(--unit) * 3.6) !important;
  object-fit: cover;
}

.roboPPTable table td h6 {
  font-weight: 700;
  font-size: calc(var(--unit) * 1.8) !important;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 2px;
  text-wrap: nowrap;
}

.roboPPTable table td h6 span {
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 400;
  color: #777777;
  padding-left: 7px;
}

.roboPPTable table td h6.technical {
  color: #babbbe;
}

.roboPPTable table td p {
  font-weight: 400;
  font-size: 12px !important;
  text-transform: capitalize;
  color: #262626;
  margin-bottom: 0;
  text-wrap: nowrap;
}

.roboPPTable table td p span {
  font-size: 12px !important;
}

.roboPPTable table td .Allocation {
  display: flex;
  align-items: center;
  justify-content: center;
}

.roboPPTable table td .Allocation button {
  padding: 0;
  width: calc(var(--unit) * 4.2);
  height: calc(var(--unit) * 4.2);
  border: 1px solid rgba(186, 187, 190, 0.5019607843);
  border-radius: 50%;
  background: transparent;
}

.roboPPTable table td .Allocation input {
  border: 1px solid rgba(186, 187, 190, 0.5019607843);
  border-radius: calc(var(--unit) * 2.1);
  width: calc(var(--unit) * 10);
  height: calc(var(--unit) * 4.2);
  padding: calc(var(--unit) * 1.2) calc(var(--unit) * 3) calc(var(--unit) * 1.2)
    calc(var(--unit) * 1.5);
  font-weight: 600;
  font-size: calc(var(--unit) * 1.8) !important;
  text-align: end;
  color: #262626;
  direction: ltr !important;
}

.roboPPTable table td .Allocation .perCel {
  position: relative;
}

.roboPPTable table td .Allocation .perCel > span {
  position: absolute;
  right: calc(var(--unit) * 1.5);
  top: 50%;
  transform: translateY(-45%);
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 600;
  text-align: end;
  color: #262626;
}

.roboPPTable table td .Allocation input::after {
  content: "%";
  display: block;
}

.roboPPTable table td.buySellBar {
  text-align: center !important;
}

.c-count {
  text-align: right;
  margin-top: calc(var(--unit) * 0.4);
}

.roboPPTable table td.buySellBar p {
  font-weight: 400;
  font-size: calc(var(--unit) * 1.8) !important;
  color: #000000;
  margin-bottom: calc(var(--unit) * 0.5);
}

.roboPPTable table td.buySellBar p span {
  font-weight: 400;
  font-size: calc(var(--unit) * 1.8) !important;
}

.roboPPTable table td .bsBar {
  min-width: calc(var(--unit) * 12);
  width: 100%;
  max-width: calc(var(--unit) * 12);
  height: calc(var(--unit) * 0.4);
  border-radius: calc(var(--unit) * 2);
  background: #d93246;
  margin: 0 auto;
  overflow: hidden;
}

.roboPPTable table td .bsBar > div {
  background: #50a418;
  height: 100%;
}

.roboPPTable table td.vl {
  padding: calc(var(--unit) * 0.8) calc(var(--unit) * 2.5);
}

.roboPPTable table td.vl::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(var(--unit) * 5.8);
  border-right: 1px solid var(--Gray-4);
}

.offcanvas.automation {
  width: 100%;
  max-width: calc(var(--unit) * 56);
  box-shadow: 0px 4px 20px 0px #0000001a;
}

.automation .offcanvas-header {
  padding: calc(var(--unit) * 2) calc(var(--unit) * 2) calc(var(--unit) * 1.5) !important;
  border-bottom: 1px solid #babbbe80;
}

.automation .offcanvas-body {
  padding: 0 !important;
}

.pfTitle {
  font-size: calc(var(--unit) * 2) !important;
  font-weight: 700;
  color: #262626;
  padding: calc(var(--unit) * 1.55) calc(var(--unit) * 3);
  border-bottom: 1px solid #babbbe80;
}
#pfTitle,
.pfTitle > span {
  font-size: calc(var(--unit) * 2) !important;
  font-weight: 700;
  color: #262626;
}
.pfTitle p {
  font-size: calc(var(--unit) * 1.2) !important;
  font-weight: 400;
  color: #777777;
  margin-bottom: 0;
}
.pfTitle p span {
  color: #262626;
}
.pfTitle p span.px-2 {
  color: #777777;
}

.setInv > p {
  text-align: center;
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 600;
  color: #777777;
  margin-bottom: calc(var(--unit) * 1);
  margin-top: calc(var(--unit) * 2);
}

.automation .amount {
  padding-inline: calc(var(--unit) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(var(--unit) * 1);
}

.automation .amount input {
  width: 100%;
  border: 1px solid #babbbe80;
  border-radius: calc(var(--unit) * 2.4);
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 600;
  color: #000 !important;
  padding: calc(var(--unit) * 1.4);
  text-align: center;
}

.automation .amount .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
  width: calc(var(--unit) * 4.6);
  height: calc(var(--unit) * 4.6);
  min-width: calc(var(--unit) * 4.6);
  min-height: calc(var(--unit) * 4.6);
  border: 1px solid #babbbe80;
  border-radius: 50%;
}

.automation .minAmd {
  padding-inline: calc(var(--unit) * 4);
  font-size: calc(var(--unit) * 1.4);
  font-weight: 400;
  color: #777777;
}

.automation .minAmd span {
  color: #262626;
  padding-left: 6px;
}

.canvasCta {
  padding-inline: calc(var(--unit) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--unit) * 2);
}

.automation .offcanvas-body .canvasCta {
  margin: calc(var(--unit) * 4) 0;
}

.automation .offcanvas-body .roboPPTable {
  max-height: unset;
}

.automation .offcanvas-body .roboPPTable table td .stocks {
  gap: calc(var(--unit) * 2);
}

.automation .offcanvas-body .roboPPTable table tr th:first-child {
  padding-left: calc(var(--unit) * 10.2);
  /* padding-left: calc(var(--unit) * 3); */
}

.automation .offcanvas-body .roboPPTable table tr td {
  font-size: calc(var(--unit) * 1.8) !important;
  color: #262626;
}

.automation .offcanvas-body .roboPPTable table tr td:first-child {
  padding-left: calc(var(--unit) * 3);
}

.automation .offcanvas-body .roboPPTable table tr td:last-child,
.offcanvas-body .roboPPTable table tr th:last-child {
  padding-right: calc(var(--unit) * 3);
}

.automation .offcanvas-body .roboPPTable table tr.total td {
  font-size: calc(var(--unit) * 1.6) !important;
  font-weight: 600;
  color: #777777;
  line-height: 1;
}

.automation .offcanvas-body .roboPPTable table tr.total td span {
  font-size: calc(var(--unit) * 1.4) !important;
  font-weight: 400;
}

.automation .offcanvas-body .roboPPTable table tr.total td.text-end {
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 700;
  color: #262626;
}

.canvasCta .btn {
  width: 100%;
  font-size: calc(var(--unit) * 2);
}

.myCash {
  text-align: center;
}

.myCash p {
  font-size: calc(var(--unit) * 1.6) !important;
  font-weight: 400;
  color: #777777;
  line-height: 1;
}

.myCash p span {
  font-weight: 600;
  color: #262626;
}

#addFundsMessage {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: calc(var(--unit) * 1.6);
  gap: calc(var(--unit) * 0.5);
}

.myCash p .btn,
.myCash p .btn a {
  display: inline;
  padding: 0;
  border: 0;
  color: #ad8400;
  line-height: calc(var(--unit) * 1.6);
  font-size: calc(var(--unit) * 1.6) !important;
}

.automation .offcanvas-footer h3 {
  text-align: center;
  font-size: calc(var(--unit) * 2) !important;
  font-weight: 600;
  margin-bottom: 5px;
  color: #ad8400;
}

.automation .offcanvas-footer p {
  font-size: calc(var(--unit) * 1.4) !important;
  color: #777777;
  text-align: center;
}

.automation .offcanvas-footer {
  padding: calc(var(--unit) * 2.5) calc(var(--unit) * 4);
  box-shadow: 0px -4px 10px 0px #0000001a;
}

.automation .offcanvas-footer .canvasCta {
  padding: calc(var(--unit) * 2.5) 0 0;
}

.conformOrder .modal-dialog {
  max-width: 600px !important;
}

.conformOrder .modal-content {
  border-radius: 0;
  width: 100%;
}

.conformOrder .modal-content .modal-body {
  padding-bottom: calc(var(--unit) * 3) !important;
  padding-top: calc(var(--unit) * 4) !important;
  max-width: 450px;
  width: 100%;
  margin: auto;
}

.automation .offcanvas-footer .gold,
#sellButton {
  font-weight: 600;
  font-size: calc(var(--unit) * 1.8) !important;
  text-transform: uppercase;
  text-align: center;
  padding: calc(var(--unit) * 1.2);
  color: #fff !important;
  background: var(--Gold) !important;
  border-radius: calc(var(--unit) * 0.5);
  line-height: 1.12 !important;
  height: calc(var(--unit) * 4.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
#sellButton {
  background: #d93146 !important;
  min-width: 100px;
  height: 36px;
  font-size: 14px !important;
  font-family: "ProximaNova-Semibold";
  margin: auto;
}
.automation .offcanvas-footer .gold.liquidate {
  background: #d93146 !important;
  border-color: #d93146;
  font-weight: 600;
  font-size: calc(var(--unit) * 2) !important;
  height: calc(var(--unit) * 4.6);
}
.automation .offcanvas-footer .gold #sellButton.disabled,
#sellButton:disabled {
  background: #777777 !important;
}

.automation .offcanvas-footer .gold:hover {
  background: var(--Gold) !important;
}
.automation .offcanvas-footer .border {
  font-weight: 600;
  font-size: calc(var(--unit) * 1.8) !important;
  text-transform: uppercase;
  text-align: center;
  padding: calc(var(--unit) * 1.2);
  color: var(--Gold) !important;
  border: 1px solid var(--Gold) !important;
  background: transparent !important;
  border-radius: calc(var(--unit) * 0.5);
  line-height: 1.12 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(var(--unit) * 4.2);
}
.automation .offcanvas-footer .border.liquidate {
  font-weight: 600;
  font-size: calc(var(--unit) * 2) !important;
  height: calc(var(--unit) * 4.6);
}
.up {
  color: green !important;
}
.down {
  color: red !important;
}

/* myPortfolio 10-11 */
.people-wrapper .people-container {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-bottom: 20px;
  padding-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.people-wrapper .people-container .people-details {
  display: flex;
  align-items: center;
  gap: 15px;
  border-right: 1px solid #babbbe;
  padding-right: 15px;
}
@media (max-width: 991px) {
  .people-wrapper .people-container .people-details {
    border-right: 0px solid #babbbe;
  }
}
.people-wrapper .people-container .people-details .back-btn figure {
  margin-bottom: 0;
}
.people-wrapper .people-container .people-details .people-portfolio {
  display: flex;
  align-items: center;
  gap: 15px;
  min-width: 400px;
}
@media (max-width: 1473px) {
  .people-wrapper .people-container .people-details .people-portfolio {
    min-width: 350px;
  }
}
@media (max-width: 991px) {
  .people-wrapper .people-container .people-details .people-portfolio {
    min-width: 100%;
    margin-bottom: 15px;
  }
}
.people-wrapper .people-container .people-details .people-portfolio figure {
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50px;
  margin-bottom: 0;
}
@media (max-width: 1473px) {
  .people-wrapper .people-container .people-details .people-portfolio figure {
    width: 50px;
    height: 50px;
  }
}
.people-wrapper .people-container .people-details .people-portfolio figure img {
  height: 100%;
  width: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
}
.people-wrapper
  .people-container
  .people-details
  .people-portfolio
  .people-name
  h3 {
  font-family: "ProximaNova-Bold" !important;
  font-size: 32px !important;
  color: #262626;
  line-height: 35px;
  margin-bottom: 0;
}
@media (max-width: 1473px) {
  .people-wrapper
    .people-container
    .people-details
    .people-portfolio
    .people-name
    h3 {
    font-size: 28px !important;
    line-height: 28px;
  }
}
.people-wrapper
  .people-container
  .people-details
  .people-portfolio
  .people-name
  p {
  font-size: 16px;
  margin-bottom: 0;
}
.people-wrapper
  .people-container
  .people-details
  .people-portfolio
  .people-name
  p
  strong {
  color: #262626;
  font-size: 18px;
}
.people-wrapper .people-container .portfolio-details ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.people-wrapper .people-container .portfolio-details ul li {
  position: relative;
  padding: 0 30px;
}
@media (max-width: 991px) {
  .people-wrapper .people-container .portfolio-details ul li {
    padding: 0 15px;
    margin-top: 10px;
  }
}
.people-wrapper .people-container .portfolio-details ul li .label_value {
  font-family: "ProximaNova-Bold" !important;
  font-size: 20px;
  color: #262626;
  line-height: 24px;
  display: block;
}
.people-wrapper
  .people-container
  .portfolio-details
  ul
  li
  .label_value.font-lg {
  font-size: 24px;
}
.people-wrapper .people-container .portfolio-details ul li .label_heading {
  font-size: 14px;
  line-height: 15px;
}
.people-wrapper .people-container .portfolio-details ul li::before {
  content: "";
  border-right: 1px solid #babbbe;
  height: 100%;
  position: absolute;
  right: 0;
}
.people-wrapper .people-container .portfolio-details ul li:last-child::before {
  display: none;
}
.people-wrapper .people-container .topBar {
  margin-left: auto !important;
}

.insideModal .modal-dialog {
  max-width: 600px !important;
}
.insideModal .modal-dialog .modal-content {
  border-radius: 0;
}
.insideModal .modal-body {
  padding: 50px 16px !important;
}
.insideModal .modal-body > div {
  max-width: 450px;
  margin: auto;
}
.insideModal .modal-body figure img {
  width: 178px;
}
.insideModal .modal-body figure {
  margin-bottom: 30px;
}
.insideModal .screener-btn {
  flex: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insideModal.closePF .modal-body {
  padding-top: 20px !important;
}
.insideModal.closePF .modal-body > div {
  max-width: 538px;
  margin: auto;
}
.insideModal.closePF .modal-body figure img {
  width: 115px;
}
.insideModal.closePF .modal-body ul {
  text-align: left;
  margin: 20px 0;
}
.insideModal.closePF .modal-body ul li {
  font-size: 16px;
  color: #262626;
}
.insideModal.closePF .modal-body .d-flex.algin-items-center.pt-2 {
  max-width: 450px;
  margin-inline: auto;
}
.insideModal.closePF .modal-header {
  padding: 33px 31px 0 31px;
}
.insideModal.closePF .modal-header .btn-close {
  width: 20px;
  height: 20px;
  background-size: 20px;
  padding: 0;
}
.insideModal.conformMod .modal-body h5 {
  max-width: 464px;
  margin: 30px auto 30px;
}
.insideModal.conformMod .btn-ok {
  font-size: 18px !important;
  font-weight: 400;
}
#tradeCanvas.zIndex {
  z-index: 99 !important;
}
.insideModal .modal-dialog {
  max-width: 600px !important;
}
.insideModal .modal-dialog .modal-content {
  border-radius: 0 !important;
}
.insideModal .modal-body {
  padding: 50px 16px !important;
}
.insideModal .modal-body > div {
  max-width: 450px;
  margin: auto;
}
.insideModal .modal-body figure img {
  width: 178px;
}
.insideModal .modal-body figure {
  margin-bottom: 30px;
}
.insideModal .screener-btn {
  flex: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}
#portfolioDetailList td:last-child,
#portfolioDetailList th:last-child {
  padding-right: 20px;
}
.community-feed .inner-comment-box .service-info a.navBtn {
  padding: 2px 10px;
  border: 1px solid #ad8400;
  border-radius: 50px;
  text-decoration: none !important;
  font-size: 14px !important;
  margin-top: 4px !important;
  display: inline-block;
  background: #ad840026;
}
#usmarketrestrictionnotificationmodal .modal-dialog {
  max-width: 450px !important;
}
.mx-220 {
  max-width: 220px;
}
.robo-stock {
  position: absolute;
  padding: 0 !important;
  margin: 0 !important;
  left: -3px;
  top: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.robo-stock img {
  width: 20px;
  height: auto;
}
.initialReturn {
  display: flex;
  align-items: center;
  gap: calc(var(--unit) * 2.5);
  padding: calc(var(--unit) * 1) calc(var(--unit) * 3);
  border-bottom: 1px solid #babbbe80;
}
.initialReturn > div {
  display: flex;
  align-items: center;
  gap: calc(var(--unit) * 1.2);
  font-size: calc(var(--unit) * 1.4) !important;
}
.initialReturn,
.initialReturn > span {
  font-size: calc(var(--unit) * 1.4);
  font-weight: 400;
  color: #777777;
}
.initialReturn h3 {
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 400;
  color: #262626;
  margin-bottom: 0;
}
.initialReturn h3 span {
  font-size: calc(var(--unit) * 1.8) !important;
  font-weight: 700;
}
html[lang="ar"]
  .automation
  .offcanvas-body
  .roboPPTable
  table
  tr
  td:first-child {
  padding-right: calc(var(--unit) * 3);
  padding-left: 0;
}
.automation .offcanvas-footer .gold.liquidate {
  background: #d93146;
  border-color: #d93146;
  font-weight: 600;
  font-size: calc(var(--unit) * 2) !important;
}
.bg-Gold.liquidate {
  background: #d93146 !important;
  border-color: #d93146 !important;
}
.automation .offcanvas-footer .border.liquidate {
  font-weight: 600;
  font-size: calc(var(--unit) * 2) !important;
  height: calc(var(--unit) * 4.6);
}
.automation .offcanvas-footer .gold.liquidate:hover,
.bg-Gold.liquidate:hover {
  background: #d93146 !important;
  border-color: #d93146;
}
.pnlNew .tableTopCal h3.font-medium {
  font-size: 18px !important;
  margin-bottom: 0 !important;
}
@media (max-width: 1500px) {
  .pnlNew .tableTopCal h3.font-medium,
  .pnlNew .tableTopCal h3,
  .pnlNew .tableTopCal h3 span {
    font-size: 16px !important;
  }
}
.offcanvas.automation {
  --unit: 10px !important;
}
@media (max-width: 767px) {
  .offcanvas.automation {
    --unit: 8px !important;
  }
}
.serachType {
  /* -webkit-appearance: none; */
  position: relative;
}
.serachType::-webkit-search-cancel-button {
  opacity: 0;
}
.serachType {
  background-image: url("../images/search.png");
  background-repeat: no-repeat;
  background-position: right 22px center;
  background-size: 20px;
}
.serachType.showClear {
  background-image: url("../images/close.png");
  background-size: 13px;
}
td.pfNameTR {
  padding: 12px 16px;
  background: #d9d9d980;
  border-bottom: 1px solid #babbbe80;
  font-size: 14px;
  font-family: "ProximaNova-Semibold";
  font-weight: 600;
  line-height: 1.2;
  color: #777777;
}
td.pfNameTR span {
  color: #262626;
}
.checkLaterInfo {
  margin-top: 25vh;
}
@media (max-width: 992px) {
  .checkLaterInfo {
    margin-top: 100px;
  }
}
.arNum,
.arNum *,
html[lang="ar"] .arNum,
html[lang="ar"] .arNum * {
  direction: ltr !important;
}
.stock-change.arNum {
  display: inline-block !important;
}
label#fileLabel {
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1700px) {
  label#fileLabel {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 225px;
    padding-bottom: 0;
    overflow: hidden;
  }
}
.lh-normal {
  line-height: normal;
}
.tWidth150 {
  min-width: 150px;
}
@media (max-width: 1500px) {
  .pnlNew .tableTopCal .synImg {
    margin-inline: 0;
  }
}