body,
html {
  height: 100%;
  width: 100%;
  color: #000
}

.actionItems>a {
  padding: 0 3px
}

.ckycbody {
  text-align: center !important;
  font-size: 18px;
  font-weight: 700;
  color: #666
}

.nariskinput {
  margin-right: 5px;
  position: relative;
  top: 3px;
  zoom: 1.4
}

.streetTarget {
  background: #43AC6A;
  padding: 0 5px;
  margin: 5px 0 5px;
  width: 140px;
  font-size: 12px;
  color: #fff
}

.streetTargetfirst {
  background: #43AC6A;
  padding: 0 5px;
  margin: -5px 0 5px;
  width: 140px;
  font-size: 12px;
  color: #fff
}

.navbar-form {
  margin-top: 4px;
}

.streetTargetLast {
  background: #e43434
}

.evalutationsContiners.iostopspace {
  margin-top: 30px
}

.mpc-btn-span {
  float: right
}

.estimate-row td {
  color: #6e2a8f !important;
  font-weight: 600
}

.estimate-row td .fa-caret-up {
  color: #28a745 !important
}

.estimate-row td .fa-caret-down {
  color: #dc3545 !important
}

.idealistSorting {
  margin-right: 10px
}

.shinelines.feStyle {
  width: 40px;
  margin-top: 0
}

.shinelines.dpmStyle {
  width: 100px;
  margin-top: 3px
}

#idialistsectionblurimg {
  cursor: pointer
}

.shinelines.dtmStyle,
.shinelines.dtmStyle2 {
  width: 75px;
  margin-top: 0;
  margin-left: 0
}

.buyBasketDiv {
  position: absolute;
  top: 10px
}

#idealistStocksTable tr>th:first-child,
#idealistStocksTable tr>td:first-child,
#mpStockTable tr>th:first-child,
#mpStockTable tr>td:first-child {
  border-left: 1px solid #ddd
}

#viewScreen table.dataTable thead th {
  border-bottom: 1px solid #ddd
}

#listFilter.modal {
  z-index: 1051
}

#subscriptionPopup.modal {
  z-index: 1052
}

.deliverySpanhead {
  font-size: 17px
}

.deliverySpan {
  font-size: 16px
}

.ddStockNameClass {
  font-weight: 600
}

.top-investor {
  width: 15px;
  margin-left: 3px
}

#greenflagStockBody li {
  margin-bottom: 0
}

.bulkBlockDet-scroll-table-link {
  margin-top: 20px;
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 20px
}

.bulkBlockDet-scroll-table-link:hover {
  text-decoration: underline !important
}

.videoLevel {
  margin-left: 10px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 20px;
  color: #666
}

.surveillancetable tbody tr td {
  padding: 10px
}

.surveillancetext {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none !important;
  color: #6e2a8f
}

.surveillanceflag i {
  font-size: 16px;
  color: green
}

.surveillanceflag i.redFlag {
  color: #f81717 !important
}

.surveillancetext.redFlag,
.surveillancetext.redFlag a {
  color: #f81717 !important
}

.surveillanceGroup h4 {
  font-size: 30px;
  padding: 5px;
  background-color: transparent;
  color: #666 !important;
  font-weight: 100;
  margin: 0;
  text-align: center
}

.surveillanceGroup h3 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 600 !important;
  text-align: center
}

.surveillanceGroup p {
  font-size: 18px;
  text-align: center
}

.notForSomeBroker {
  display: none
}

.reportImg {
  width: 15px;
  height: 22px;
  margin: 0 auto;
  cursor: pointer
}

.shine {
  background: #cdcfd2;
  background-image: linear-gradient(to right, #d4d4d4 0%, #e0e0e0 20%, #dadada 40%, #c4c5c5 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear
}

.progress.evaluationStrengthContent {
  height: 6px
}

.progress.checklistHeaderContent {
  height: 6px
}

.masterScoreshinebox {
  height: 50px;
  width: 50px
}

.shinediv {
  display: inline-flex;
  flex-direction: column;
  margin-left: 25px;
  margin-top: -10px;
  vertical-align: top
}

.shinelinespopupdiv {
  display: inline-flex;
  flex-direction: column;
  margin-top: -10px;
  vertical-align: top
}

.shineonelinepopupdiv {
  display: inline-flex;
  flex-direction: column;
  margin-top: 6px;
  vertical-align: top
}

.shinelinespopupgapdiv {
  display: inline-flex;
  flex-direction: column;
  margin-top: 0;
  vertical-align: top
}

.shinelines {
  height: 10px;
  margin-top: 10px;
  width: 200px
}

.shinelinespopuptable {
  height: 10px;
  margin-top: 10px;
  width: 100%
}

.shinelinespopup {
  height: 10px;
  margin-top: 10px;
  width: 150px
}

.shinelineforStrenghts {
  width: 110px
}

.shinephoto {
  display: block !important;
  width: 325px;
  height: 100px;
  margin-top: 15px
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}

.relatedExport {
  position: absolute;
  top: 0;
  right: 2px;
  font-size: 16px;
  cursor: pointer
}

.industryExportDiv {
  position: relative;
  padding-bottom: 15px
}

.evaluationNaviTab .navbar {
  margin-bottom: 0;
  min-height: 30px
}

.evaluationNaviTab li>a {
  font-size: 16px;
  padding: 10px
}

.evaluationNaviTab li>a:focus,
.evaluationNaviTab li>a:hover {
  background-color: unset;
  outline: unset
}

.evaluationNaviTab li.active {
  background: #efefef;
  border-bottom: 1px solid #6e2a8f
}

.industryExport {
  font-size: 16px;
  position: absolute;
  top: -17px;
  right: 1px;
  cursor: pointer
}

.bulkBlockExport {
  font-size: 16px;
  position: absolute;
  top: -36px;
  right: 1px;
  cursor: pointer
}

#viewTranHistoryExport .industryExport {
  top: 7px
}

.idealistRadioDiv {
  position: absolute;
  right: 0
}

.idealistRadioDiv .switch-field-opt label {
  width: 30px;
  font-size: 17px
}

#relatedTable.dataTable tbody th,
#relatedTable.dataTable tbody td {
  border-bottom: none
}

#tableRepresentation {
  background: #fff;
  padding: 0
}

#idealistStocksTable,
#mpStockTable {
  border: 1px solid #ddd
}

#idealistStocksTable .negativeValue,
#mpStockTable .negativeValue,
#idealistStocksTable .positiveValue,
#mpStockTable .positiveValue {
  font-size: 14px
}

.loginBlockmsi {
  border: 1px solid #dddd;
  background-color: #fff;
  border-radius: 5px
}

.loginform {
  padding: 25px 40px
}

.loginlogomsi {
  text-align: center
}

.loginlogomsi img {
  width: 210px;
  margin-bottom: 25px
}

.loginsocialmsi {
  text-align: center;
  margin-top: 50px;
  padding: 0 15px
}

.loginsocialmsi .btn-facebook {
  color: #fff;
  background: #4267b2 !important;
  border-color: #4267b2 !important;
  font-size: 12px;
  font-weight: 600
}

.assessmentCertificatCard {
  width: 20%;
  float: left
}

.assessmentCertificatCard img {
  width: 230px;
  height: auto;
  border: 1px solid #ddd;
  margin-top: 15px;
  border-radius: 12px
}

.assessmentCard {
  width: 80%;
  float: left
}

.canslimVideosSection {
  display: flex;
  margin-bottom: 60px
}

.forgetPassword {
  margin-top: 30px;
  font-size: 12px
}

.brand-primary-orange {
  color: #fff;
  background: #FF9835 !important;
  border-color: #FF9835 !important
}

.loginsocialmsi .btn-facebook img {
  width: 16px;
  border-radius: 4px;
  float: left
}

.loginsocialmsi .btn-google {
  color: #fff;
  background: #007bff !important;
  border-color: #007bff !important;
  font-size: 12px;
  font-weight: 600
}

.loginsocialmsi .btn-apple {
  color: #fff;
  background: #000 !important;
  border-color: #000 !important;
  font-size: 12px;
  font-weight: 600
}

.loginsocialmsi .btn-google img {
  width: 16px;
  border-radius: 4px;
  float: left
}

.loginsocialmsi .btn-apple img {
  width: 16px;
  border-radius: 4px;
  float: left
}

.loginsocialmsicol {
  padding-left: 5px;
  padding-right: 5px
}

.loginsocialmsi h2 {
  font-size: 12px
}

tr.relatedSymbolsstock td {
  color: gray !important
}

#relatedTable tbody {
  display: block;
  overflow: auto;
  max-height: 500px;
  padding-top: 36px
}

tbody.noCurrentRow {
  padding-top: 0 !important
}

.relatedSymbolsstock {
  position: absolute;
  width: 99.8% !important;
  top: 30px
}

.relatedSymbolsstock.thead {
  display: none
}

.relatedSymbolsstock td a {
  color: gray !important
}

#relatedTable thead,
#relatedTable tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed
}

#relatedTable {
  border: 1px solid #ddd;
  border-top: none
}

#histRatingsTable {
  border: 1px solid #ddd
}

#relatedTable thead tr th:nth-child(2),
#relatedTable tbody tr td:nth-child(2) {
  width: 323px
}

#idealistStocksTable tbody tr td:last-child a {
  margin-left: 3px;
  color: #999
}

#idealistStocksTable input[type=checkbox],
input[type=radio] {
  margin: 3px 0 0;
  height: 11px;
  width: 11px
}

#mpStockTable tbody tr td:last-child a {
  margin-left: 7px;
  color: #999
}

.tabularIcon:hover {
  color: #6e2a8f !important
}

.downloadList {
  margin-right: 10px;
  cursor: pointer
}

.portfolio-btnDiv {
  position: absolute;
  top: -15px;
  right: 0
}

.btn-portfolioNew {
  background-color: #f1f1f1;
  border-radius: 3px;
  color: #79389c !important;
  margin: 5px;
  border: solid 1px #79389c;
  color: #79389c;
  width: 150px
}

.btn-portfolioNew:hover {
  background: #79389c !important;
  color: #fff !important;
  border-color: #79389c
}

#custom-search-input.enlarege-search-input {
  width: 270px
}

#enlargeSearchBoxClear {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray;
  padding: 2px 10px
}

.searchbarforborker {
  padding: 10px
}

.searchbarforborker b {
  font-size: 16px;
  font-weight: 400
}

.searchbarforborker i {
  vertical-align: unset
}

#enlargeSearchBoxClear:hover {
  color: darkgray !important
}

#custom-search-input.enlarege-search-input {
  top: 8px
}

#enlargeRecentViewedIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray !important;
  padding: 2px 10px
}

#enlargeRecentViewedIcon:hover {
  color: darkgray !important
}

#enlargeSearchBoxIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: lightgray;
  cursor: default;
  padding: 2px 10px
}

#enlargeSearchBoxIcon:hover {
  color: lightgray !important
}

#viewUserOpenAlertsInfoDesk {
  width: 100% !important
}

#viewUserOpenAlertsInfoDesk.dataTable tbody th,
#viewUserOpenAlertsInfoDesk.dataTable tbody td,
#viewUserExecutedAlertsInfoDesk.dataTable tbody th,
#viewUserExecutedAlertsInfoDesk.dataTable tbody td {
  border-bottom: medium none
}

.hideDisplay {
  display: none
}

.introInnerHeaderEvaluation.printOption {
  background: none
}

.printOption .pageHeading {
  display: none
}

.printOption .evaluationValues {
  margin-top: 0
}

.printOption #userIconsDesk {
  display: none
}

.bodyTextMasterScore {
  cursor: pointer;
  font-size: 17px;
  display: none
}

.modifiedDateMOb.modifiedDateBottom {
  margin-top: 22px
}

.newsReportUrl {
  font-size: 13px;
  color: #6e2a8f;
  cursor: pointer;
  z-index: 2048
}

.padRgtReset.broker {
  float: right
}

#remindText {
  position: absolute;
  z-index: 999;
  bottom: 60px;
  left: 355px;
  font-size: 16px;
  color: #27293d;
  cursor: pointer
}

.patternImgItag {
  width: 30px;
  height: 20px
}

.blueDotImgItag {
  width: 20px;
  height: 15px
}

#comboOfferDesktop .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none
}

.enlargeSearch {
  height: 24px !important;
  font-size: 14px !important;
  width: 100% !important
}

.comboPayuMoney {
  position: absolute;
  right: 22px;
  font-size: 30px;
  top: 18px;
  padding: 5px 10px !important;
  opacity: 0
}

.comboPayuMoneyMob {
  position: absolute;
  right: 18px !important;
  top: 20px;
  padding: 5px 10px !important;
  font-size: 40px !important
}

.comboPayuMoney:hover {
  opacity: 0
}

.footerInfo {
  color: #fff
}

.footerLinks {
  background-color: #fff;
  padding: 2rem 1.5rem
}

.footerRights {
  color: #5b5b5b;
  font-size: 14px;
  padding: 2px;
  background-color: #fff;
}

.footertopLinks ul li {
  list-style: none;
  padding: 5px
}

.footertopLinks ul {
  padding-left: 0px
}

.footertopLinks ul li a {
  color: #7e7e7e;
  font-size: 14px
}

.footertopLinks {
  text-align: center;
}

.footertopLinks b {
  color: #7e7e7e;
  padding-bottom: 15px;
  display: block;
  font-size: 16px;
}

.msihomefooterLogo {
  background-color: #fff;
  padding-top: 40px;
}

.msihomefooterSocial {
  background-color: #fff;
  padding-bottom: 30px;
}

.footerInfo {
  background-color: #2a2e39;
  padding: 10px 0;
  border-bottom: 1px solid
}

.footerDownlinks img {
  width: 150px
}

.footerDownlinks {
  margin-top: 15px;
  text-align: center
}

.footerDownlinks a {
  padding: 10px;
}

.userProfileTab {
  border: 1px solid #ddd;
  border-top: 0
}

.assessmentCard img {
  width: 210px;
  height: 129px
}

.filterMenus h4 {
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 16px;
  margin-top: 3px
}

.filterMenus ul {
  padding-left: 0;
  max-height: 435px;
  overflow: auto
}

.filterMenus ul li {
  list-style: none;
  padding: 5px 8px;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  background-color: #f5f5f5;
  cursor: pointer
}

.filterMenus ul li:hover {
  background-color: #e5e5e5
}

.filterMenusMob ul li {
  padding: 5px 10px
}

.applyFilterName .btn {
  margin: 0 4px
}

.applyFilterName .applyFilterHeadingName {
  float: left;
  margin-right: 20px
}

.applyFilterHeadingName h4 {
  margin-top: 2px;
  margin-bottom: 2px
}

.alertBanner {
  position: fixed;
  z-index: 2024;
  bottom: 10px;
  display: none
}

.innerNotf {
  height: 200px;
  width: 400px;
  background-color: purple;
  border-radius: 15px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px
}

.updBtn {
  width: 100%;
  color: #000;
  background-color: #fff;
  border-radius: 15px
}

.paymentBanner {
  position: fixed;
  z-index: 2024;
  bottom: 14%;
  left: 15px;
  height: 95px;
  width: 380px;
  background-color: yellow;
  display: flex;
  padding: .4%;
  border-radius: 15px;
  background-color: purple;
  border: 1px solid #fff;
  color: #fff;
  overflow: hidden
}

.paymentBanner:hover {
  cursor: pointer
}

#closeBtn {
  position: absolute;
  right: -5px;
  top: 30px;
  padding: 2px 5px
}

.cartPending {
  display: flex
}

.cartPending>div>img {
  border-radius: 50%;
  height: 54px;
  margin-top: 11px;
  margin-left: 3px
}

#PaymentBannerdiv {
  display: none
}

#pmodal {
  height: 10%;
  width: 10%
}

#pnBtn {
  width: 100px;
  background-color: #6e2a8f;
  font-weight: 700;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #000;
  padding: 1px 5px;
  margin-top: 3px;
  display: inline-block;
  border-radius: 4px;
  font-size: 10px;
  background: rgba(255, 255, 255, .2) !important;
  cursor: pointer
}

#productDes {
  margin: 0;
  padding: 0;
  font-size: 10px;
  width: 80%
}

#coupn {
  margin-top: 38px
}

#pBcontent {
  margin-top: 5px;
  margin-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

.alertBannerRow {
  display: flex
}

.alertBannerColIcon i {
  font-size: 40px;
  color: #fff;
  margin: 0 auto
}

.alertBannerColIcon {
  width: 15%;
  float: left;
  display: flex;
  align-items: center
}

.alertBannerColIcon img {
  width: 35px;
  height: 35px;
  filter: invert(15)
}

.alertBannerColContent {
  width: 70%;
  float: left;
  text-align: center
}

.alertBannercontent {
  background: #d3d3d3;
  margin: 0 15px;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  border: 1px solid #fff;
  width: 380px
}

.alertBannerColClose {
  width: 15%;
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
  vertical-align: middle
}

#alertBannerBtn .fa-times {
  font-size: 14px;
  font-weight: 200
}

.alertBannercontent .btn-default {
  color: #000;
  background-color: transparent;
  border-color: #000;
  margin: 0 auto;
  padding: 1px 5px
}

.alertBanner h4 {
  text-align: left;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.subbuttonTargetUrl {
  border: 1px solid #000;
  padding: 1px 5px;
  color: #000;
  margin-top: 3px;
  display: inline-block;
  border-radius: 4px;
  font-size: 10px;
  background: rgba(255, 255, 255, .2) !important;
  cursor: pointer
}

.applyFilterName {
  margin-bottom: 20px
}

@media (min-width:769px) and (max-width:991px) {
  .createButton {
    margin-bottom: 15px;
    margin-top: 10px
  }
}

.filterMenus {
  border-right: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  min-height: 170px;
  border-bottom: 1px solid #ddd
}

.colorWhite {
  color: #fff
}

.footerRights p {
  margin-bottom: 0
}

.footerSocial ul li {
  list-style: none;
  padding: 0 11px;
  float: left;
  margin-top: 7px
}

.footerSocial ul li img {
  width: 20px
}

.footerMoreInfoLinks ul,
.footerSocial ul {
  padding: 0;
  display: inline-block
}

.footerSocial ul {
  margin-bottom: 0
}

.footertopLinks .d-sm-none {
  display: none
}

@media(max-width:746px) {
  .footertopLinks .d-sm-none {
    display: inline-block
  }

  .alertBannercontent {
    width: 100%;
    margin: 0
  }

  .alertBanner {
    width: 100%
  }

  .paymentBanner {
    width: 100%;
    left: 0;
    bottom: 11%
  }
}

@media(max-height:682px) {
  .paymentBanner {
    bottom: 16%
  }
}

@media(max-width:424px) {
  .paymentBanner {
    bottom: 14%
  }
}

@media(max-height:670px) {
  .paymentBanner {
    bottom: 18%
  }
}

@media(max-height:548px) {
  .paymentBanner {
    bottom: 22%
  }
}

@media(max-height:448px) {
  .paymentBanner {
    bottom: 26%
  }
}

#patternBtn {
  right: 8px;
  position: absolute;
  z-index: 0;
  margin-top: 60px
}

.patternBtn .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 40px
}

.patternBtn .slider::before {
  height: 13px;
  width: 13px
}

.patternBtn input:checked+.slider::before {
  transform: translateX(19px)
}

.patternBtn .slider {
  background-image: url(../img/patternOff.svg);
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: right
}

.patternBtn input:checked+.slider {
  background-image: url(../img/patternOn.svg);
  background-color: #6e2c90;
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: left
}

.patternForBig .switch {
  margin-bottom: 0;
  top: 15px
}

.theme-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
}

/* Hide the checkbox */
.theme-toggle .slider.round::before{
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-toggle .slider {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  transition: background-image 0.3s ease;
}

.theme-toggle .slider {
  background-image: url(../img/LightTheme.svg);
  background-size: 100% 100%;
}

.theme-toggle input:checked+.slider {
  background-image: url(../img/DarkTheme.svg);
  background-size: 100% 100%;
}

.chartPrintForBig .btn-primary {
  background-color: transparent;
  background: none;
  border: medium none;
  color: #6e2c90;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
  padding: 11px 11px 0
}

.chartPrintForBig .btn-default:hover {
  color: unset;
  background-color: unset;
  border-color: unset
}

.chartPrintForBig .fa-print {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 3px
}

.chartShareForBig .btn-primary {
  background-color: transparent;
  background: none;
  border: medium none;
  color: #6e2c90;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
  padding: 11px 0 0 11px
}

.chartShareForBig .btn-primary:active {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none
}

.chartShareForBig .btn-primary:active:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig .shareBtn {
  float: initial
}

.chartShareForBig .dropdown-menu.socialIcanList:before {
  position: absolute;
  bottom: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .2);
  content: ''
}

.chartShareForBig .dropdown-menu.socialIcanList:after {
  position: absolute;
  bottom: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.chartShareForBig.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig.open>.dropdown-toggle.btn-primary:focus,
.chartShareForBig.open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig .socialIcanList>li>a {
  padding: 0
}

span.chartShareForBig.open {
  position: relative
}

.chartShareForBig .socialIcanList {
  left: auto;
  right: 0;
  top: -60px;
  width: 216px
}

.chartPrintForBig .btn-primary:active {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none
}

.chartPrintForBig .btn-primary:active:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartPrintForBig.open>.dropdown-toggle.btn-primary:focus,
.chartPrintForBig.open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig .btn-default:hover {
  color: unset;
  background-color: unset;
  border-color: unset
}

.chartShareForBig .fa-share-alt {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 3px
}

.lockforHolding {
  position: absolute;
  top: 0;
  left: 170px;
  z-index: 99;
  cursor: pointer;
  color: #6e2a8f;
  font-size: 18px;
  font-weight: 700
}

.lockforHolding img {
  width: 22px;
  position: relative;
  top: -3px;
  left: -3px
}

.blurTextforlist {
  filter: blur(6px);
  background: #f2f2f2;
  cursor: pointer
}

.lockforlist {
  position: absolute;
  top: 55px;
  right: 304px;
  z-index: 1;
  color: #6e2a8f;
  font-size: 18px;
  font-weight: 700;
  display: none;
  cursor: pointer
}

.lockforlist.removeSpace {
  right: 195px;
}

.lockforlist img {
  width: 25px;
  position: relative;
  top: -3px;
  left: -7px
}

.lockforBG {
  text-align: right;
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  margin: 0 auto;
  z-index: 99;
  color: #6e2a8f;
  font-size: 18px;
  font-weight: 700;
  display: none;
  cursor: pointer
}

.lockforBG img {
  width: 25px;
  position: relative;
  top: -2px;
  left: -6px
}

.lockforBG.displayLock,
.lockforlist.displayLock {
  display: block;
  cursor: pointer
}

.blurText {
  filter: blur(3px);
  background: #f2f2f2;
  cursor: pointer
}

.lockUnlockDesk {
  color: #6e2a8f;
  cursor: pointer;
  display: none;
  margin-top: -31px;
  position: absolute;
  right: 0;
  z-index: 999;
  padding: 5px;
  font-size: 16px
}

.updateReport.blurText .viewDetailedReports:hover {
  background-color: #e5e5e5;
  color: #6e2a8f;
  border: 1px solid #6e2a8f
}

.msilogoCss {
  cursor: pointer
}

.filterbtns {
  position: absolute;
  right: 50px;
  top: 10px
}

#node_52_-1,
#node_54_-2,
#node_56_50,
#node_56_51,
#node_56_52,
#node_56_53,
#node_56_54,
#node_56_55,
#node_52_90,
#node_56_56 {
  cursor: pointer
}

.seminarThankDiv {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  margin-left: 8px;
  padding: 10px 0
}

.seminarQueryDiv {
  padding: 30px 0 20px;
  font-style: italic;
  font-size: 13px;
  line-height: 25px;
  color: #333
}

.doNotDisplay {
  display: none
}

.referHeadingLine {
  border-bottom: 1px solid #dcdcdc
}

.referHeadingLine {
  width: 100px;
  text-align: center;
  margin: 0 auto
}

.listFlagDiv {
  position: absolute;
  top: 60px;
  right: 380px
}

.listFlagDiv.removeSpace {
  right: 210px
}

.listFlagDiv img {
  width: 18px;
  margin-left: 10px
}

.listFlagDiv.blurTextforlist img {
  width: 15px;
  margin-left: 25px
}

#exerciseCautionId,
#greenFlagId {
  cursor: pointer
}

.epsDueDiv {
  position: absolute;
  top: 58px;
  right: 210px;
  font-weight: 600;
  font-size: 16px
}

.epsDueDiv.removeSpace {
  top: 11px;
  right: 40px
}

.faqsbannerImg {
  background-image: url(../img/faqsbanner.jpg);
  background-size: cover
}

.faqsContiners #tabs {
  height: 600px;
  overflow: auto
}

.faqsContiners #tabs::-webkit-scrollbar {
  width: 6px
}

.faqsContiners #tabs::-webkit-scrollbar-track {
  background: #f1f1f1
}

.faqsContiners #tabs::-webkit-scrollbar-thumb {
  background: #888
}

.faqsContiners #tabs::-webkit-scrollbar-thumb:hover {
  background: #555
}

.faqssearch {
  width: 100%;
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: center
}

.faqsContiners {
  margin-top: 15px
}

.faqsContiners .list-group-item.active,
.faqsContiners .list-group-item.active:focus,
.faqsContiners.list-group-item.active:hover {
  color: #6e2c90;
  background-color: #fff;
  border-color: #ddd;
  border-left: 3px solid #6e2c90;
  font-weight: 700
}

.faqsContiners .list-group-item {
  border: none;
  border-left: 2px solid #ddd
}

.faqswellContent h4 {
  font-size: 24px
}

.faqswellContent h5 {
  font-size: 18px;
  font-weight: 600 !important
}

.faqswellContent p {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0
}

.tabFaqs::-webkit-scrollbar {
  width: 6px
}

.tabFaqs::-webkit-scrollbar-track {
  background: #f1f1f1
}

.tabFaqs::-webkit-scrollbar-thumb {
  background: #888
}

.tabFaqs::-webkit-scrollbar-thumb:hover {
  background: #555
}

.faqsMenu::-webkit-scrollbar {
  width: 6px
}

.faqsMenu::-webkit-scrollbar-track {
  background: #f1f1f1
}

.faqsMenu::-webkit-scrollbar-thumb {
  background: #888
}

.faqsMenu::-webkit-scrollbar-thumb:hover {
  background: #555
}

.faqsContiners .nav-tabs>li.active>a,
.faqsContiners .nav-tabs>li.active>a:focus,
.faqsContiners .nav-tabs>li.active>a:hover {
  color: #6e2c90;
  background-color: #fff;
  border-color: #ddd;
  border-bottom: none !important;
  border-left: 3px solid #6e2c90;
  font-weight: 700
}

.faqsContiners .nav-tabs>li.active>a,
.faqsContiners .nav-tabs>li>a:hover {
  background: #fff;
  border: none;
  border-left: 3px solid #6e2c90
}

.faqsMenu ul li {
  list-style: none
}

.faqsMenu ul {
  padding-left: 15px
}

.faqsMenu {
  height: 600px;
  overflow: auto
}

.faqswellContent {
  margin-bottom: 50px;
  word-break: break-all
}

.tabFaqs {
  height: 600px;
  overflow: auto
}

.faqsContiners .nav-tabs>li>a {
  border-radius: unset
}

.listHeader {
  padding: 10px 0;
  font-size: 16px
}

.faqsContiners .nav-tabs>li>a::after {
  background: unset
}

.faqsContiners .nav-tabs>li {
  float: initial
}

.faqssearch .input-group {
  width: 100%
}

.faqssearch h4 {
  font-size: 36px;
  color: #000
}

.faqssearch h4 small {
  font-size: 22px;
  padding-top: 10px
}

.epsDueDate-span {
  color: #702c91;
  cursor: pointer
}

.referAndEarnPoints li {
  line-height: 23px;
  margin-bottom: 5px
}

.rETermConditionDiv {
  padding: 15px;
  border-radius: 5px
}

.commentaryFont {
  font-weight: 400 !important
}

.modelTallHeader.commentaryFont p {
  font-size: 16px !important;
  line-height: 1.563em;
  font-weight: 400 !important
}

.modelTallHeader.commentaryFont h4,
h2,
h3,
h1,
h5 {
  line-height: 1.563em;
  font-weight: 400 !important
}

.modelTallHeader.commentaryFont h4 {
  font-size: 19px;
  line-height: 1.563em;
  font-weight: 400 !important
}

.commentaryFont p span {
  font-size: 16px !important;
  line-height: 1.563em;
  font-weight: 400 !important
}

.commentaryFont p span strong {
  font-weight: 400 !important
}

.commentaryFont p em {
  font-size: 16px !important;
  line-height: 1.563em;
  font-weight: 400 !important
}

.marketReportDownload {
  position: absolute;
  width: 130px;
  font-size: 13px;
  right: -55px;
  bottom: 5px;
  z-index: 999
}

#marketoutlook_notes_placeholder .modalPortfolioParaTest {
  width: 90%
}

#marketoutlook_notes_placeholder .modalPortfolioParaTest.noReportLink {
  width: 95%
}

#marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
  width: 90%
}

#marketoutlook_notes_placeholder_4 .modalPortfolioParaTest.noReportLink {
  width: 95%
}

.noReportUrl {
  display: none
}

.mpPerformanceCanvas {
  height: 350px
}

.periodicityBtn {
  float: right
}

.periodicityBtnMob {
  margin: 0 auto;
  display: table;
  padding-bottom: 10px;
  text-align: center;
  z-index: 1024
}

.periodicityBtn .btn,
.periodicityBtnMob .btn {
  border-radius: 2px !important;
  background-color: #fff;
  border: 1px solid #e8e7e7;
  color: #8e8e93;
  font-size: 12px
}

.periodicityBtn .btn.active,
.periodicityBtnMob .btn.active {
  color: #fff;
  background-color: #6f2c91
}

.performaceText {
  color: #8e8e93;
  margin: 5px 20px 20px;
  letter-spacing: .2px;
  margin-left: 17px
}

.labelTwo {
  margin-left: 5px
}

.labelOne::before {
  content: '\25A0';
  color: #A9A9A9;
  font-size: 17px;
  padding-right: 4px;
  vertical-align: bottom
}

.labelTwo::before {
  content: '\25A0';
  color: #6e2a8f;
  font-size: 17px;
  padding-right: 4px;
  vertical-align: bottom
}

.chartInfoRow {
  margin-left: -15px;
  padding: 25px 15px 0
}

.chartInfoHead {
  color: #2f363f;
  font-size: 18px;
  font-weight: 600;
  margin-top: 2px
}

.textBlack {
  color: #2f363f;
  font-size: 15px
}

.textBlackMob {
  color: #2f363f;
  font-size: 15px;
  margin-right: -15px
}

.niftyText {
  color: #A9A9A9;
  font-weight: 700;
  font-size: 15px
}

.msiText {
  color: #6e2a8f;
  font-weight: 700;
  font-size: 15px
}

.valueGreen {
  color: #19af55 !important;
  font-weight: 900;
  font-size: 13px
}

.valueRed {
  color: red !important;
  font-weight: 900;
  font-size: 13px
}

.smallCasePremium {
  display: none
}

.smallCaseDiv {
  position: absolute;
  top: 57px;
  right: 40px
}

.smallBuyBtn,
.smallBuyBtn:hover {
  background: #43AC6A;
  color: #fff;
  padding: 1px 10px;
  border-radius: 12px !important
}

.smallSellBtn,
.smallSellBtn:hover {
  background: #e43434;
  color: #fff;
  padding: 1px 10px;
  border-radius: 12px !important
}

.asiIconModel {
  width: 42px;
  margin-top: -5px;
  border-radius: 121px;
  cursor: pointer z-index:999
}

#ideaListsPage .ui-widget-content {
  background: #fff !important;
  color: #333 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  border: none !important;
  padding: 3px 8px !important
}

.placeOrderDiv2.asiWeightage {
  border-bottom: none
}

.asiSpan {
  display: inline-block;
  width: 140px
}

.headingDiv1 {
  margin: -15px 0 10px
}

.headingDiv2 {
  margin: 0 0 10px
}

.asiIcons {
  width: 33px;
  margin-top: 0;
  border-radius: 0
}

@-moz-keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

@keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

.asiIcons {
  -moz-animation: blink normal 2s infinite ease-in-out;
  -webkit-animation: blink normal 2s infinite ease-in-out;
  -ms-animation: blink normal 2s infinite ease-in-out;
  animation: blink normal 2s infinite ease-in-out
}

#asiicon .tooltip-inner {
  width: 200px
}

#idea_lists_placeholder .panel-default:nth-child(1) .panel-title {
  width: 195px
}

#idea_lists_placeholder .panel-default:nth-child(2) .panel-title {
  width: 195px
}

.actionDiv {
  position: relative
}

.btn-actionDiv {
  position: absolute;
  right: 0;
  top: -43px
}

.btn-actionDiv .btn {
  padding: 2px 3px 0
}

.placeOrderBody .radio input[type="radio"],
.placeOrderBody .radio-inline input[type="radio"] {
  margin-top: 1px
}

.placeOrderBody .checkbox-inline,
.placeOrderBody .radio-inline {
  padding-left: 40px
}

.placeOrderDiv1 {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px
}

.placeOrderDiv2 {
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc
}

.placeOrderDiv3 {
  padding: 20px 15px 0
}

.priceText-op {
  color: #6e2a8f;
  font-weight: 600
}

.activeHeader {
  background: #6e2a8f;
  color: #fff
}

.orderTable thead tr th:nth-child(2),
.orderTable thead tr th:nth-child(3) {
  text-align: right
}

.orderTable tbody tr td:nth-child(2),
.orderTable tbody tr td:nth-child(3) {
  text-align: right
}

#orderTableId_length {
  display: none
}

#orderTableId_paginate {
  font-size: 12px;
  float: none;
  text-align: center;
  padding-top: 15px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: .25em 0.5em !important
}

.placeOrderDiv3 table.dataTable tbody th,
.placeOrderDiv3 table.dataTable tbody td {
  border-bottom: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  outline: 0
}

.placeOrderDiv1 span {
  margin-left: -18px;
  margin-right: 15px
}

.errorMsgInvestment {
  margin-left: 145px;
  margin-top: 5px;
  font-size: 12px;
  color: red
}

.panel-default>.panel-heading {
  position: relative
}

#orderTableId thead {
  display: table;
  width: 100%;
  table-layout: fixed
}

.orderTable tbody tr td:first-child a {
  white-space: nowrap;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

#orderTableId tbody {
  display: block;
  max-height: 250px;
  overflow-y: scroll
}

#evaluationBulkBlockDeals .sticky-col {
  width: 400px
}

#orderTableId tbody tr {
  background-color: #fff;
  display: table;
  width: 100%;
  table-layout: fixed
}

.moreSpan {
  float: right;
  display: none
}

.noMenuDisplay {
  display: none
}

.showMoreMenu {
  display: block;
  z-index: 1024;
  padding: 8px;
  position: absolute;
  margin-top: -40px;
  font-size: 16px;
  cursor: pointer;
  color: #6e2a8f
}

.tab-content.mpCommentries {
  padding: 20px 0 0 0
}

.holidayAlert {
  padding: 5px 75px;
  background: #E9EEF0 !important;
  display: none
}

.holidayAlert .alert-dismissible {
  margin-bottom: 0;
  padding: 15px 25px
}

.holidayAlert .alert-dismissible .close {
  position: relative;
  top: -12px;
  right: -15px;
  color: inherit;
  opacity: 1
}

.alert-holiday {
  background: #fff;
  border-color: #702C91;
  color: #702C91
}

#confirmBox {
  z-index: 2048
}

.ch-EmptyHeading {
  font-size: 16px;
  padding: 25px;
  line-height: 137%
}

#currentHoldingListEmpty {
  background-color: #fff;
  margin: 7px
}

#currentHoldingsEmpty {
  background-color: #fff;
  margin: 7px;
  padding: 15px 40px
}

#currentHoldingsEmpty .ch-EmptyImg img {
  padding: 5px 12px;
  width: 80%
}

.checklistFilter {
  text-transform: uppercase
}

.informationAP .tooltip-inner {
  width: 80px
}

.popover.top>.arrow:after {
  border-top-color: #444447 !important
}

.popover.bottom>.arrow:after {
  border-bottom-color: #444447 !important
}

.joyride-tip-guide {
  background: #444447;
  color: #fff !important
}

.btn-prev,
.btn-prev:hover {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important
}

.popover-navigation .btn-primary.focus,
.popover-navigation .btn-primary:focus {
  color: #fff;
  background-color: #79389c;
  border-color: #79389c
}

.hideAutoPortfolio {
  display: none
}

.informationEvaluation.informationAP {
  font-size: 20px
}

.popover-content {
  padding: 20px 15px 5px 15px !important
}

.joyride-close-tip:hover,
.joyride-close-tip:focus {
  color: #eee !important
}

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  font-size: 18px;
  color: #eee;
  font-weight: 700;
  border-bottom: none !important;
  cursor: pointer
}

.autoInvestor-li {
  margin-top: 15px
}

.autoInvestor-heading {
  font-size: 15px;
  font-weight: 400
}

.autoInvestor-li li {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 175%
}

.autoInvestor-li ul>li>b {
  font-size: 15px;
  font-weight: 400
}

.autoInvestor-li ul {
  list-style-type: none
}

#loadMoreTodayAlerts,
#loadMoreRecentAlerts {
  text-align: right;
  text-decoration: underline
}

.todayPortfolio-cash {
  font-weight: 600;
  font-size: 16px
}

.investStockDiv {
  color: #666;
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px
}

.hideSearch {
  display: none
}

#mpChartLoader,
#apChartLoader {
  margin-bottom: -167px;
  margin-top: 15px
}

.investing-video-container {
  font-family: 'Ubuntu', sans-serif
}

.mob-video-title {
  padding: 15px 0;
  border-bottom: 1px solid #f4f4f6;
  padding: 10px 0;
  position: relative
}

.subscriptionpsi-div {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px
}

.subscriptionpsi {
  display: inline-flex
}

.subscriptionpsi a.button h4 {
  font-size: 12px;
  margin: 2px 0
}

.subscriptionpsi a.button h2 {
  margin: 0;
  font-size: 20px
}

.subscriptionpsi a.button h3 {
  margin: 0;
  font-size: 14px
}

.subscriptionpsi a.button .disountpsiamount {
  background-color: orange;
  color: #fff;
  display: inline-block;
  padding: 1px 10px;
  border-radius: 4px;
  margin-top: 3px;
  font-size: 15px
}

.subscriptionpsi a.button .disountpsi {
  font-size: 14px;
  margin: 0 0;
  text-decoration: line-through
}

.subscriptionpsi a {
  padding: 5px;
  width: 235px
}

.plansSubDetails small {
  font-size: 10px
}

.subscriptionpsitab {
  align-items: center;
  display: flex;
  border: 1px solid #702C91;
  border-radius: 10px;
  margin: 0 10px;
  cursor: pointer
}

.subscriptionpsitab.active {
  background-color: #5F7D8C;
  font-weight: 500;
  color: #fff
}

.subscriptionpsitab.active .button {
  color: #fff
}

.mob-panel .mob-video-title:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.mob-video-title img {
  width: 25px;
  margin-right: 10px
}

.mob-video-title a {
  font-size: 16px;
  color: #626A7B;
  line-height: 1.5;
  letter-spacing: .004em;
  white-space: nowrap;
  width: 83%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

.mob-video-date {
  position: absolute;
  font-size: 12px;
  color: #c1c1c1;
  left: 36px;
  top: 32px
}

.mob-video-title a:hover {
  color: #454f63 !important
}

.mob-video-title span {
  position: relative;
  top: -10px
}

.mob-video-div .panel-group {
  margin-bottom: 0
}

.mob-panel {
  margin-top: -40px
}

.panel-heading-close {
  padding: 20px 15px !important;
  background-color: #eaecf0 !important;
  color: #5f6879 !important
}

.panel-heading-open {
  padding: 20px 15px !important;
  background-color: #eaecf0 !important;
  color: #5f6879 !important
}

.investingDiv-margin {
  padding-top: 150px
}

.investingDiv-margin-inv {
  padding-top: 200px
}

#learningVideos {
  padding-bottom: 30px
}

.sticky {
  position: fixed;
  top: 70px;
  width: 80%;
  z-index: 1024
}

.investing-video-card {
  margin-top: -50px;
  border-radius: 4px;
  background-color: #F7F7FA !important;
  padding: 0 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16) !important
}

.video-hdr {
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.11;
  color: #454f63;
  padding: 30px;
  padding-left: 0;
  padding-bottom: 10px
}

.video-hdr::after {
  background-color: #FF9835;
  content: "";
  display: block;
  width: 30px;
  height: 0;
  border: solid 1.5px #ff9835;
  margin-top: 10px !important
}

.investing-video-menu li {
  float: left;
  text-decoration: none;
  list-style: none;
  padding: 10px 20px;
  margin-right: 40px
}

.investing-video-menu {
  display: inline-block;
  padding-left: 0;
  background-color: #60697A;
  width: 100%
}

.investing-video-menu li a {
  color: #E5E6E9;
  font-size: 18px
}

.investor-heading {
  color: #ff9835;
  font-size: 16px;
  font-weight: 500;
  margin-left: 60px
}

.investorDiv {
  padding: 15px 80px
}

.investorDiv a {
  color: #626A7B;
  font-size: 15px;
  margin-left: 10px;
  text-decoration: underline !important
}

.investorDiv a:hover {
  color: #454f63 !important
}

.investorDiv img {
  width: 25px;
  position: relative;
  top: -8px
}

.video-title {
  padding: 10px 0
}

.video-hr {
  margin-left: 50px;
  margin-right: 100px;
  margin-top: 25px;
  margin-bottom: 40px;
  color: #78849e
}

.video-frame-header {
  position: relative;
  top: -2px;
  left: 5px;
  font-size: 17px;
  font-weight: 500;
  color: #ff9835
}

.investingVideoModal-header {
  background-color: #fff
}

#investingVideoModal .modal-body {
  padding: 0
}

#investingVideoModal .close {
  color: #ff9835;
  opacity: 1;
  font-size: 36px;
  font-weight: 500
}

.investingVideo-dialog {
  width: 800px
}

.investingVideoModal-footer {
  background-color: #78849e;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  height: 88px;
  vertical-align: middle;
  display: grid
}

.premium-badge {
  background-color: #F7E0B5;
  color: #673AB7;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 18px 20px;
  border-radius: 0 0 50px 50px;
  display: block;
  margin: -25px -25px 25px -25px;
  height: 60px;
}


.investing-video-desp {
  text-align: center;
  color: #E5E6E9;
  font-size: 20px;
  position: relative;
  top: 4px
}

.prev-span {
  position: absolute;
  left: 15px;
  z-index: 1024;
  bottom: 20px
}

.next-span {
  position: absolute;
  right: 10px;
  bottom: 20px;
  z-index: 1024
}

.video-title {
  padding: 10px 0;
  position: relative
}

.video-title a {
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer
}

.videoDate {
  position: absolute;
  font-size: 12px;
  color: #c1c1c1;
  left: 36px;
  top: 32px
}

.masterScoreFilterIOS {
  margin-top: 50px
}

.marketConditionHistory-subIcon {
  margin-top: 260px;
  left: -109px
}

.marketConditionHistory-subIcon:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.marketConditionHistory-subIcon:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: -197px
}

.infoIcon {
  cursor: pointer
}

.infoHeaders {
  background-color: #f2f2f2;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 10px !important;
  font-weight: 600
}

.infoHeaders a {
  font-size: 12px
}

.infoHeaders h4 {
  font-size: 15px !important;
  padding-left: 10px !important;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-top: 4px !important;
  font-weight: 700
}

.history-infoIcon {
  margin-left: 7px;
  position: relative;
  top: 3px
}

.stocks-tables {
  padding-left: 0;
  padding-right: 0
}

.linkMyProfile {
  color: #337ab7 !important;
  text-decoration: underline !important;
  font-size: 12px !important;
  position: relative;
  top: 3px
}

.btn-renew {
  background-color: #FF9835;
  color: #fff;
  padding: 8px 52px;
  text-transform: uppercase;
  font-size: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  font-weight: 400;
  width: 200px
}

.btn-renew:hover {
  color: #fff;
  background-color: #FD932C
}

.renewDiv .btn:active {
  box-shadow: unset
}

.premiumDiv .btn:active {
  box-shadow: unset
}

.premiumGuestDiv .btn:active {
  box-shadow: unset
}

.renewDiv {
  margin: 12px 0
}

.premiumDiv {
  margin-top: -30px;
  margin-bottom: 20px
}

.premiumGuestDiv {
  margin-top: 0;
  margin-bottom: 20px
}

.historyBtn {
  padding: 2px 8px;
  background: transparent;
  border: solid 1px #6e2991;
  color: #6b2391;
  border-radius: 18px !important;
  margin-top: 0
}

.viewHistorycont {
  background-color: #f2f2f2;
  text-align: initial
}

.viewHistorycont .performanceHeading {
  text-align: right
}

.historyBtn:hover {
  background: #fff;
  border: solid 1px #ccc !important;
  color: #000 !important
}

.userProfileDesk {
  margin-top: -80px
}

.userProfile-container {
  background-color: #F7F7FA;
  padding-top: 10px;
  padding-bottom: 30px
}

#userProfile .introInnerHeader {
  padding-bottom: 115px
}

.userDetailsDesk h4 {
  font-size: 24px;
  font-weight: 600;
  color: #424242;
  line-height: 1
}

.user-name-desk {
  margin-top: 18px;
  margin-bottom: 15px
}

.userDetailsDesk p {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  line-height: 1.25
}

.editRiskProfiler {
  margin-top: -40px
}

.editRiskProfiler a {
  cursor: pointer
}

.advisoryCard {
  padding: 20px 20px 80px 20px
}

.advisoryHeader {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.11;
  color: #666;
  margin-left: 20px;
  margin-top: 15px
}

.advisoryHeader::after {
  background-color: #FF9835;
  content: "";
  display: block;
  width: 30px;
  height: 0;
  border: solid 1.5px #ff9835;
  margin-top: 10px
}

.advisoryImage {
  margin-top: 30px;
  margin-left: 35px
}

.memberDiv {
  font-size: 12px;
  color: #999;
  margin-top: 10px
}

.user-mob-desk {
  margin-bottom: 50px
}

.memberDays {
  border: orange solid 3px;
  border-radius: 50%;
  width: 30%;
  margin: 0 auto;
  padding: 28px;
  background-color: #fafafa;
  display: table
}

.memberDays h2 {
  font-size: 36px;
  line-height: 1.22;
  color: #5f7d8c;
  padding: 5px;
  font-weight: 700;
  margin: 0 auto;
  display: table
}

.textMemberDays {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.33;
  color: #757575;
  margin: 0 auto;
  display: table
}

.memberDuration {
  font-size: 24px;
  font-weight: 600;
  line-height: 3.29;
  color: #5f7d8c
}

.expiryTime {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  color: #666
}

.subscriptionBox {
  padding: 14px !important
}

.transactionHdr {
  margin: 8px 0 20px 0
}

.subscriptionHdr {
  margin-bottom: 20px
}

.transactionTbody {
  height: 239px;
  overflow: auto;
  display: inline-block;
  width: 100%;
  overflow-x: hidden
}

.petransactionTbody {
  max-height: 239px;
  overflow: auto;
  display: inline-block;
  width: 100%;
  overflow-x: hidden
}

.transactionTable {
  display: block
}

.transactionTable thead {
  display: block
}

.transactionTable tr {
  display: table;
  width: 100%
}

.reportAccessRow {
  margin: 50px 0 28px;
  text-align: center
}

.reportAccessHead {
  font-size: 16px;
  font-weight: 400;
  color: #666
}

.reportAccessText {
  font-size: 20px;
  font-weight: 700;
  color: #666
}

.pegeneratedReportRow {
  margin: 25px 0
}

.indiaModelPortfolio.market-condition-heading {
  background-color: transparent;
  border-bottom: none;
  padding-left: 0
}

.market-condition-heading h4 {
  font-size: 22px;
  font-weight: 300;
  color: #444
}

#marketConditionHist .footerGap,
#userProfile .footerGap {
  height: 0px !important
}

.market-condition-status .table td {
  border-top: 1px solid #EDEDF0
}

.mktTable {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
  background: #fff
}

.market-condition-status thead {
  margin-top: 10px
}

.market-condition-status td {
  background-color: #fff;
  font-size: 14px;
  color: #666;
  font-weight: 300
}

.market-condition-status .thead-light th {
  background-color: #EFF1F8;
  border: none;
  font-weight: 600;
  font-size: 14px;
  color: #666
}

.market-condition-status td img {
  width: 12%;
  margin: 0 auto;
  text-align: center
}

.mktTable {
  padding-left: 15px;
  padding-right: 15px
}

.tbl-pad {
  padding-top: 20px;
  padding-bottom: 1px
}

.legend-box {
  background-color: #fff;
  padding: 1px 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
  margin: 0 0 0 0
}

.market-condition-status .table>tbody>tr>td {
  padding: 16px
}

.market-condition-status ul {
  margin: 0;
  padding: 0 0
}

.market-condition-status ul li {
  list-style: none
}

.market-condition-status ul li img {
  width: 8%
}

.market-condition-status ul li span {
  color: #555;
  padding-left: 10px;
  font-weight: 300
}

.subscription-iframe {
  height: 1015px;
  width: 100%
}

.signup-iframe {
  height: 752px;
  width: 100%
}

.home-iframe {
  height: 902px;
  width: 100%
}

.newHome-iframe {
  width: 100%
}

.autoPortfolio-iframe {
  height: 740px;
  width: 100%
}

.currentHoldingMPChartTableFont {
  font-size: 14px;
  color: gray
}

.mrgnInr {
  margin-right: 3px
}

.dontshow-sale-text-Desktop {
  position: absolute;
  bottom: 5%;
  left: 16%;
  color: #6e2a8f
}

.dontshow-sale-bannerDesktop {
  position: absolute;
  bottom: 5%;
  left: 14%;
  zoom: 1.6
}

.mpChartBtn,
.mpChartBtn:hover,
.mpChartBtn:active,
.mpChartBtn:focus {
  border-radius: 18px !important;
  background: #fff !important;
  border: solid 1px #E58730 !important;
  color: #E58730 !important;
  margin-left: 3px;
  font-size: 12px;
  margin-top: -3px
}

.modelPortfoliotext {
  margin-top: 15px
}

.myPortfolioSymbol:hover,
.alertSymbol:hover,
.userListSymbol:hover {
  color: #333
}

#referFriendOverlayDailogDesktop .modal-content {
  background-color: transparent
}

#subscriptionOverlayDailogDesktop .modal-content {
  background-color: transparent
}

.customSlids .card {
  margin-bottom: 0
}

.loadMoreVideo {
  background-color: #d9d9d9;
  padding: 10px 25px;
  border-radius: 17px;
  color: #333;
  font-weight: 600
}

.introInnerHeader.video-block {
  padding-bottom: 0;
  padding-top: 0
}

.VediosDiv .nav-tabs {
  border-bottom: 0 solid #ddd
}

.VediosDiv .nav-tabs>li {
  float: left;
  margin-bottom: -1px;
  padding: 10px 10px
}

.VediosDiv .nav-tabs>li.ideaListNav {
  float: right
}

.VediosDiv .nav-tabs>li.active>a,
.VediosDiv .nav-tabs>li.active>a:focus,
.VediosDiv .nav-tabs>li.active>a:hover {
  border-width: 0
}

.VediosDiv .nav-tabs>li>a {
  background: #f1f1f1;
  border: none !important;
  color: #333;
  border-radius: 20px !important;
  padding: 10px 15px;
  font-size: 12px !important;
  line-height: 92%
}

.VediosDiv .nav-tabs>li.active>a {
  background: #6e2a8f !important;
  border: none !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 10px 15px;
  font-size: 12px !important;
  line-height: 92%
}

.VediosDiv .nav-tabs>li>a:hover {
  background: #6e2a8f;
  border: none !important;
  color: #fff;
  border-radius: 20px !important;
  padding: 10px 15px;
  font-size: 12px !important;
  line-height: 92%
}

.VediosDiv .nav-tabs>li>a::after {
  background: #6e2a8f;
  bottom: -1px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  transform: none;
  transition: none;
  width: 100%;
  color: #fff;
  font-size: 12px !important;
  border-radius: 10px !important
}

.VediosDiv .nav-tabs>li.active>a::after,
.VediosDiv .nav-tabs>li:hover>a::after {
  transform: scale(1)
}

.VediosDiv .tab-nav>li>a::after {
  background: #21527d none repeat scroll 0 0;
  color: #fff
}

.custom-tab-menu {
  float: left;
  width: 100%;
  clear: both
}

.custom-tab-menu ul {
  width: 100%;
  margin: 0 auto;
  padding: 0 10%
}

.msi-vedios-clear-fix {
  clear: both
}

.video-container {
  margin: 0 auto;
  position: relative
}

.btn-custom-previous {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -40px;
  color: #999;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 21px
}

.btn-custom-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -40px;
  color: #999;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 21px
}

.custom-block-2,
.custom-block-3 {
  height: 112px
}

.inputEdit {
  width: 100px;
  display: inline-block;
  padding: 2px 15px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.textareaEdit {
  height: 26px;
  width: 100px
}

.msiVedioTabpanes .tab-content {
  padding: 20px 100px
}

.msiVedioTabpanes .card .img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  background-color: #333;
  opacity: .6
}

.msiVedioTabpanes .videoIcon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: auto 0;
  vertical-align: middle;
  display: table;
  font-size: 36px;
  cursor: pointer
}

.msiVedioTabpanes .videoIcon img {
  width: 15%
}

.msiVedioTabpanes .card .img-overlay:before {
  content: ' ';
  display: block;
  height: 36%
}

.msiVedioTabpanes {
  background-color: #f2f2f2
}

.msiVedioTabpanes .card {
  font-size: 1em;
  overflow: hidden;
  padding: 0;
  border: none;
  border-radius: .28571429rem;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5
}

.msiVedioTabpanes .card-block {
  font-size: 1em;
  position: relative;
  margin: 0;
  padding: 1em;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, .1);
  box-shadow: none;
  height: 70px
}

.msiVedioTabpanes .card-img-top {
  display: block;
  width: 100%;
  height: auto
}

.msiVedioTabpanes .text-bold {
  font-weight: 700;
  text-align: center
}

.insvestortxt {
  margin-bottom: 20px;
  margin-left: 14px
}

.insvestortxt h5 {
  font-weight: 600;
  color: #6e2a8f
}

.msiAppOverlay {
  background-color: #e5e5e5
}

.msiAppOverlay .boxContainer {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  padding: 0;
  margin: 10px
}

.msiAppOverlay .carousel-control.left {
  background-image: none
}

.msiAppOverlay .carousel-control.right {
  background-image: none
}

.msiAppOverlay .carousel-indicators li {
  border: 1px solid #6e2a8f
}

.msiAppOverlay .carousel-control .glyphicon-chevron-right,
.msiAppOverlay .carousel-control .icon-next {
  color: #6e2a8f
}

.msiAppOverlay .carousel-control .glyphicon-chevron-left,
.msiAppOverlay .carousel-control .icon-next {
  color: #6e2a8f
}

.msiAppOverlay .carousel-indicators {
  bottom: 15px
}

.msiAppOverlay .carousel-caption {
  padding-bottom: 72px;
  text-shadow: none;
  cursor: pointer
}

.msiAppOverlay .carousel-indicators .active {
  background-color: #6e2a8f
}

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

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif
}

.topnav {
  font-size: 14px;
  padding-top: 0
}

.negativeValue {
  color: #de32ae !important;
  font-size: 15px;
  font-weight: 600
}

.nooffundsnval {
  color: #de32ae !important;
  font-weight: 700
}

.volOne {
  font-size: 17px
}

.backArrow {
  margin-top: 10px;
  padding-left: 10px
}

.transactionHistoryHead {
  padding-right: 100px
}

.cupImg {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 30px
}

.internationalPayments {
  pointer-events: none;
  opacity: .6
}

.positiveValue {
  color: #5160f9 !important;
  font-size: 15px;
  font-weight: 600
}

.nooffundspval {
  color: #5160f9 !important;
  font-weight: 700
}

.iosAppInfo {
  margin-top: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
  margin-left: -20px !important
}

.userInformationDivMobilerow {
  display: flex;
}

.mobMargin {
  text-align: center;
}

.userInformationDivMobileColDis .userInformation {
  padding-left: 0;
  word-break: break-all;
}

.userInformationDivMobileColDis .userInformation p {
  word-break: break-all;
  width: 100%;
}

.subIconAlertBox_55_23 {
  margin-top: 100px
}

.subIconAlertBox_55_23:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_23:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 219px
}

.subIconAlertBox_55_24 {
  margin-top: 102px
}

.subIconAlertBox_55_24:before {
  bottom: 100%;
  left: 48%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_24:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_55_25 {
  margin-top: 100px
}

.subIconAlertBox_55_25:before {
  bottom: 100%;
  left: 51%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_25:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 204px
}

.subIconAlertBox_55_22 {
  margin-top: 103px;
  margin-right: 306px
}

.subIconAlertBox_55_22:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_22:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 206px
}

.subIconAlertBox_55_21 {
  margin-top: 110px
}

.subIconAlertBox_55_21:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_55_21:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_55_20 {
  margin-top: 110px
}

.subIconAlertBox_55_20:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_55_20:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_55_15 {
  margin-top: 110px
}

.marketoutlookContiner {
  background-color: #e9eef0;
  padding: 20px 0
}

.marquee {
  margin-left: 20px
}

.newslettersSubBtn {
  color: #fff;
  background: #FF9835;
  border-color: #FF9835
}

.newslettersSubBtn:hover {
  color: #fff;
  background: #FF9835
}

.btn-primary:active {
  color: #fff;
  background-color: #FF9835;
  border-color: #FF9835
}

.marketoutlookContiner .pageHeading h4 {
  margin-top: 0
}

.subIconAlertBox_55_15:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_55_15:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_52_67 {
  margin-top: 108px;
  left: 51px
}

.subIconAlertBox_52_67:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.viewHistoryMob {
  background-color: #f5f5f5;
  padding: 10px 10px;
  margin-bottom: 10px
}

.stocksScroll {
  background-color: transparent;
  padding: 1px 0 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  height: 23px;
  display: none
}

.subIconAlertBox_52_67:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_66 {
  margin-top: 108px;
  left: 22px
}

.subIconAlertBox_52_66:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_66:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.modalWithAd .subIconAlertBox_52_66:before {
  margin-left: 238px
}

.subIconAlertBox_52_81 {
  margin-top: 108px;
  left: 29px
}

.subIconAlertBox_52_81:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_81:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_82 {
  margin-top: 108px;
  left: 33px
}

.subIconAlertBox_52_82:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_82:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_83 {
  margin-top: 108px;
  left: 31px
}

.subIconAlertBox_52_83:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_83:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.modalWithAd .subIconAlertBox_52_83:before {
  margin-left: 240px
}

.subIconAlertBox_52_84 {
  margin-top: 108px
}

.subIconAlertBox_52_84:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_84:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 225px
}

.modalWithAd .subIconAlertBox_52_84:before {
  margin-left: 185px
}

.subIconAlertBox_52_85 {
  margin-top: 108px
}

.subIconAlertBox_52_85:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_85:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 225px
}

.modalWithAd .subIconAlertBox_52_85:before {
  margin-left: 185px
}

.subIconAlertBox_52_86 {
  margin-top: 108px
}

.subIconAlertBox_52_86:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.msihomefooterLogo img {
  width: 350px;
  margin-bottom: 24px;
}

.msihomefooterSocial small {
  color: #5b5b5b;
  font-size: 16px;
}

.text-center small {
  display: block;
}

.msihomefooterSocial ul {
  padding: 0;
  display: inline-block;
  margin-bottom: 0;
}

.msihomefooterSocial ul li {
  list-style: none;
  padding: 0 15px;
  float: left;
  margin-top: 7px;
}

.msihomefooterSocial ul li:first-child {
  padding-left: 0;
}

.msihomefooterSocial ul li a {
  color: #7e7e7e;
  font-size: 24px;
}

.subIconAlertBox_52_86:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 221px
}

.modalWithAd .subIconAlertBox_52_86:before {
  margin-left: 181px
}

.subIconAlertBox_52_87 {
  margin-top: 108px
}

.subIconAlertBox_52_87:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_87:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 216px
}

.modalWithAd .subIconAlertBox_52_87:before {
  margin-left: 176px
}

.subIconAlertBox_52_88 {
  margin-top: 108px
}

.subIconAlertBox_52_88:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_88:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 232px
}

.modalWithAd .subIconAlertBox_52_88:before {
  margin-left: 193px
}

.subIconAlertBox_52_89 {
  margin-top: 108px
}

.subIconAlertBox_52_89:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_89:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 237px
}

.modalWithAd .subIconAlertBox_52_89:before {
  margin-left: 197px
}

.subIconAlertBox_52_91 {
  margin-top: 108px
}

.subIconAlertBox_52_91:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_91:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 254px
}

.modalWithAd .subIconAlertBox_52_91:before {
  margin-left: 197px
}

.subIconAlertBox_52_92 {
  margin-top: 108px
}

.subIconAlertBox_52_92:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_92:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 216px
}

.modalWithAd .subIconAlertBox_52_92:before {
  margin-left: 197px
}

.subIconAlertBox_58_71 {
  margin-top: 108px
}

.subIconAlertBox_58_71:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_71:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 220px
}

.subIconAlertBox_58_72 {
  margin-top: 108px
}

.subIconAlertBox_58_72:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_72:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 225px
}

.subIconAlertBox_58_73 {
  margin-top: 108px
}

.subIconAlertBox_58_73:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_73:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 253px
}

.subIconAlertBox_58_74 {
  margin-top: 108px
}

.subIconAlertBox_58_74:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_74:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 213px
}

.subIconAlertBox_58_75 {
  margin-top: 108px
}

.subIconAlertBox_58_75:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_75:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 201px
}

.subIconAlertBox_52_65 {
  margin-top: 108px
}

.subIconAlertBox_52_65:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_65:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 211px
}

.modalWithAd .subIconAlertBox_52_65:before {
  margin-left: 171px
}

.subIconAlertBox_52_64 {
  margin-top: 108px
}

.subIconAlertBox_52_64:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_64:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 251px
}

.modalWithAd .subIconAlertBox_52_64:before {
  margin-left: 211px
}

.subIconAlertBox_52_63 {
  margin-top: 108px;
  left: 24px
}

.subIconAlertBox_52_63:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_63:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.modalWithAd .subIconAlertBox_52_63:before {
  margin-left: 239px
}

.subIconAlertBox_52_62 {
  margin-top: 108px;
  left: 36px
}

.subIconAlertBox_52_62:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_62:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_61 {
  margin-top: 108px;
  left: 10px
}

.subIconAlertBox_52_61:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_61:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_19 {
  margin-top: 110px
}

.subIconAlertBox_52_19:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_19:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 207px
}

.subIconAlertBox_52_17 {
  margin-top: 110px
}

.subIconAlertBox_52_17:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_17:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 211px
}

.subIconAlertBox_52_16 {
  margin-top: 110px
}

.subIconAlertBox_52_16:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_16:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 212px
}

.modalWithAd .subIconAlertBox_52_16:before {
  margin-left: 173px
}

.subIconAlertBox_51_9 {
  margin-top: 110px
}

.subIconAlertBox_51_9:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_9:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 214px
}

.subIconAlertBox_51_8 {
  margin-top: 110px
}

.subIconAlertBox_51_8:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_8:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_51_7 {
  margin-top: 110px
}

.subIconAlertBox_51_7:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_7:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 222px
}

.subIconAlertBox_51_6 {
  margin-top: 110px
}

.subIconAlertBox_51_6:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_6:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 197px
}

.subIconAlertBox_56_93 {
  margin-top: 110px
}

.subIconAlertBox_56_93:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_56_93:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 197px
}

.dontShowDiv {
  float: left
}

.dontShowText {
  color: #6e2a8f;
  font-weight: 400;
  padding-right: 10px;
  font-size: 14px;
  padding-left: 5px
}

.dontShowinput {
  zoom: 1.5;
  margin-top: 0;
  position: absolute;
  margin-right: 10px
}

.dontShowlabel {
  margin-right: 18px;
  margin-top: 14px
}

.iosAppInfo ul {
  margin-left: -20px !important
}

.iosAppInfo p {
  font-weight: 400
}

.stockNotSupport {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  color: #6e2a8f !important
}

.stockNotSupportHide {
  display: none
}

.autoSelectAnchor {
  cursor: pointer
}

.webautoSelect {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  height: auto;
  padding: 10px;
  position: relative
}

.webSearchAutoHdrDiv {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  height: auto;
  padding: 10px;
  position: relative;
  width: 26.5%;
  margin-left: 508px
}

.frequentSearch {
  margin-top: 20px
}

.frequentContent {
  cursor: pointer;
  float: left;
  border: solid 1px #dcdcdc;
  border-radius: 3px;
  padding: 2px 6px;
  margin: 3px
}

.frequentContent a {
  color: #333;
  font-size: 11px;
  font-weight: 300
}

.frequenthdr {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #702c91
}

.searchHdr {
  margin-top: 60px;
  text-align: left
}

.keysRow {
  margin-left: 0
}

.frequentKey {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 5px
}

.Custom-Web-Search {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
  padding: 0;
  margin: 0 auto;
  z-index: 1036
}

.searchContainer {
  height: 450px;
  background: #fbfbfb
}

.Custom-Web-Search input {
  border: 0 none;
  box-shadow: none;
  font-size: 16px;
  height: 40px;
  padding: 0;
  width: 240px;
  padding-left: 10px
}

.webSearchIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: lightgray;
  cursor: default
}

.contentSearch p {
  font-size: 15px;
  margin-bottom: 0
}

.contentSearch small {
  font-size: 15px
}

.resultdate {
  font-size: 10px !important;
  color: #666
}

.contentSearch h5 {
  margin-bottom: 8px
}

.webSearchCommentary h5:hover {
  text-decoration: underline
}

.contentSearch h4 {
  font-size: 20px;
  font-weight: 400
}

.contentSearch h5 {
  font-size: 18px;
  font-weight: 400
}

.webSearchCommentary {
  margin-bottom: 20px
}

.resultHeader {
  padding: 3px 2px;
  margin-top: 25px;
  margin-bottom: 0
}

.webSearchIcon:hover {
  color: lightgray !important
}

.webSearchResult {
  margin-bottom: 20px;
  color: #5e5e5e
}

#search-input-hdr {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
  padding: 0;
  margin: 0 auto;
  width: 314px;
  margin-top: 40px
}

#search-input-hdr input {
  border: 0 none;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  padding: 0;
  width: 240px;
  padding-left: 10px
}

#search-input-hdr .glyphicon-search {
  font-size: 23px
}

#landingPage>iframe {
  margin-top: -13px
}

.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-top: -13px
}

#termsAndConditions {
  margin-top: -12px
}

.stockContant .positiveValue {
  font-size: 20px
}

.ideaListsiconsRating a {
  color: #999
}

.ideaListsiconsRating {
  background-color: transparent;
  border-left: 1px solid #e5e5e5;
  margin: -10px -12px -10px 15px
}

.btnResetActive.active {
  background-color: #6e2a8f !important;
  border-color: #79389c !important
}

.announcementsTab>.nav>li>a {
  font-size: 18px
}

.ideaListsiconsRating ul li {
  list-style: none;
  border-bottom: 1px solid #e5e5e5
}

.ideaListsiconsRating ul li a span {
  display: block;
  padding: 7px 13px;
  cursor: pointer
}

#rpBackBtn {
  margin-top: 10px
}

.termsConditionsSignUp input {
  margin-top: 1px
}

.referAFriendSocialIcon {
  padding: 0 35px 0 50px
}

.rpDisclaimerClass input {
  margin-top: 2px
}

.SerchWebContent {
  margin-top: 20px !important;
  width: 300px !important;
  margin-left: 309px;
  padding: 15px;
  height: 40px;
  box-shadow: none;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  border-radius: 4px !important
}

.btn-search {
  margin-top: 20px !important;
  border-radius: 4px !important;
  position: relative;
  padding: 9px 12px
}

.checkboxSubscription input {
  margin-top: 2px
}

.countryDroupDwon:after {
  content: 'v';
  position: absolute;
  right: 20px;
  pointer-events: none;
  bottom: 30px;
  font-weight: 700;
  color: #aaa
}

.qtrInfoIconShow {
  color: #6e2c90;
  display: inline
}

.internationalCust {
  padding-top: 30px;
  color: #666
}

#subscription_products_placeholder label {
  padding-bottom: 5px
}

.qtrInfoIconHide {
  color: #6e2c90;
  display: none !important
}

.qtrAnnualData1 {
  background-color: #fff !important
}

.qtrAnnualData2 {
  background-color: #f6f6f6 !important
}

.ideaListsiconsRating ul li a:hover {
  color: #6e2c90;
  background-color: #6e2c90
}

.addedList table {
  margin-bottom: 0
}

.ideaListsiconsRating ul {
  padding: 0;
  margin-bottom: 0
}

.resetPaddLeft button {
  padding: 6px 15px
}

.referralDiscount {
  font-size: 10px;
  color: green;
  margin-bottom: 10px;
  font-weight: 600;
  font-style: italic
}

.imageForOffers {
  border-right: 1px solid #e5e5e5;
  text-align: center
}

.heading-referAfriend {
  text-align: center
}

.heading-referAfriend h3 {
  color: #333;
  text-align: center;
  font-weight: 200 !important;
  line-height: 21px;
  margin-top: 0
}

.heading-referAfriend h3 span {
  font-weight: 700 !important
}

.heading-referAfriend h3.secondHeading-rf {
  line-height: 30px;
  font-size: 20px;
  font-weight: 700 !important;
  margin-bottom: 10px
}

.referralTAndC {
  text-align: center
}

.referralTAndC a {
  text-decoration: underline !important;
  color: #1ac6ff !important;
  font-size: 15px;
  font-weight: 600
}

.annualAndQuarterly h4 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  font-style: italic
}

.annualAndQuarterly h4 small {
  color: #333;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  font-style: italic;
  line-height: 30px
}

.videoIdeaList {
  display: none
}

.videoIdeaList_55 {
  display: none
}

.annualAndQuarterly h4 span {
  color: #ee8a2d;
  font-weight: 700;
  font-style: italic;
  font-size: 16px
}

#friendEmailBtn .fa-paper-plane-o {
  color: #25916d
}

.newPriceColor {
  color: #6e2c90 !important
}

.originalAmountAfterCode {
  text-decoration: line-through;
  font-weight: 400 !important
}

.originalAmountBeforeCode {
  font-weight: 700 !important
}

.skypeShare:hover {
  background-color: #00AFF0 !important
}

.referAFriendHead {
  text-align: center
}

.learningMain {
  margin-top: -55px
}

.referAFriendMain {
  margin-bottom: 60px;
  padding: 10px 40px 40px 10px
}

.referAFriendContent {
  margin-top: 30px
}

.referAFriendContent .dropdown-menu>li>a {
  padding: 0 0
}

.referAFriendContent .dropdown-menu {
  padding: 5px 0
}

.referAFriendContent .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .2);
  content: ''
}

.referAFriendContent .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.referAFriendContent .dropdown-menu-right {
  right: 0;
  border-radius: 5px
}

.skypeText .skypeShare.circle {
  width: 33px !important;
  margin-left: 15px
}

.skypeShare.square,
.skypeShare.circle {
  border: 2px solid #fff;
  box-shadow: 0 1px 7px #ccc;
  height: 40px !important;
  width: 40px !important;
  left: 2px
}

.getApp {
  display: none
}

.getApp img {
  width: 60px;
  height: 60px;
  margin: 5px 0
}

.paymentReminder img {
  width: 60px;
  height: 60px;
  margin: 5px 0
}

.getApp #getAppClose {
  width: 20px;
  height: 20px;
  margin: 24px 0;
  opacity: .5
}

.paymentReminder #paymentReminderClose {
  width: 20px;
  height: 20px;
  margin: 24px 0;
  opacity: .5
}

.getApp h4 {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: 400
}

.getApp h5 {
  font-size: 12px;
  margin-top: 0;
  font-weight: 300
}

.getApp small {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  display: block
}

.getApp a {
  margin-left: -22px;
  margin-top: 24px;
  background: transparent;
  border: 1px solid #6e2a8f;
  padding: 1px 10px;
  border-radius: 10px !important;
  font-weight: 400;
  color: #6e2a8f
}

.getApp small .fa-star {
  color: #e2bd11;
  font-size: 8px;
  padding: 2px
}

.getApp a:hover,
.getApp a:visited {
  color: #6e2a8f;
  text-decoration: none;
  background: transparent
}

.getApp {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0
}

.paymentReminder {
  display: none
}

.paymentReminder img {
  width: 60px;
  height: 60px;
  margin: 5px 0
}

.autoSelectHeader {
  position: absolute;
  width: 87%;
  z-index: 1024
}

.paymentReminder #paymentReminderClose {
  width: 20px;
  height: 20px;
  margin: 24px 0;
  opacity: .5
}

.paymentReminder h4 {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: 400
}

.paymentReminder h5 {
  font-size: 12px;
  margin-top: 0;
  font-weight: 300
}

.paymentReminder small {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  display: block
}

.paymentReminder a {
  margin-left: -22px;
  margin-top: 24px;
  background: transparent;
  border: 1px solid #6e2a8f;
  padding: 1px 10px;
  border-radius: 10px !important;
  font-weight: 400;
  color: #6e2a8f
}

.paymentReminder small .fa-star {
  color: #e2bd11;
  font-size: 8px;
  padding: 2px
}

.paymentReminder a:hover,
.paymentReminder a:visited {
  color: #6e2a8f;
  text-decoration: none;
  background: transparent
}

.getApp {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  top: 19
}

.paymentReminder {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0
}

.getAppLogin {
  position: fixed
}

.getAppHide {
  display: none
}

.referAFriendSocialIcon .list-inline>li {
  display: inline-block;
  padding-left: 18px;
  padding-right: 18px;
  text-align: center
}

.referAFriendSocialIcon .list-inline>li small {
  color: #757575;
  display: inline-block;
  font-size: 74%;
  padding-top: 5px;
  text-align: center
}

.dottedLine {
  border: none;
  border-top: 1px dotted #dcdcdc;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width: 78%;
  margin-bottom: 10px;
  margin-top: 10px
}

.ChecklistHead .col-sm-11 {
  width: 95%;
  padding-left: 15px;
  padding-right: 0
}

.ChecklistHead .col-sm-1 {
  width: 5%;
  padding-left: 0;
  padding-right: 0
}

.referAFriendSocialIcon .socialIcanList .fa-stack-2x {
  font-size: 2.5em;
  box-shadow: 0 1px 7px #ccc;
  border-radius: 50px
}

.referAFriendSocialIcon .socialIcanList .fa-stack {
  display: inline-block;
  height: 2.5em;
  line-height: 2.5em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}

.v-xs {
  display: none !important
}

.v-md {
  display: inline-block !important
}

.v-sm {
  display: inline-block !important
}

.v-smg {
  display: inline-block !important
}

.v-xsg {
  display: none !important
}

.announcementImg {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #e5e5e5
}

.announcementImg img {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0
}

.announcementHead {
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600
}

.announcementHead h4 {
  margin-top: 0;
  margin-bottom: 5px
}

.announcementsTab .tab-content {
  padding: 0
}

.announcementContant {
  margin-top: 0;
  padding-left: 0
}

.announcementContant h4 {
  font-size: 16px;
  margin-bottom: 5px
}

.announcementContant p {
  font-size: 13px !important;
  line-height: 18px;
  margin: 0
}

.announcementImgDiv {
  padding-right: 0
}

.skypeShare {
  float: none !important;
  top: 0;
  left: 3px
}

.skypeShare .skypeShareLogo {
  left: 12px !important;
  top: 12px !important
}

.skypeText .skypeShare {
  height: 33px;
  float: none;
  margin: 0
}

.skypeText .skypeShare:hover {
  background-color: #00AFF0
}

.shareBtn .dropdown-menu-right {
  left: auto;
  right: 0
}

.shareBtn .dropdown-menu {
  border-radius: 5px
}

.badgeRed {
  font-size: 10px;
  background-color: transparent;
  border-radius: 4px;
  margin-top: 1px;
  border: solid 1px;
  color: #A80C23;
  font-weight: 600;
  margin-left: 20px
}

.shareBtn .dropdown-menu {
  padding: 0 0
}

.shareBtn .list-inline>li {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.socialIcanListRef>li {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.referAFriendSocialIcon .socialIcanList {
  text-align: left;
  padding-bottom: 15px;
  padding-left: 20px
}

.shareBtn .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .2);
  content: ''
}

.shareBtn .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.chartShareBtn.shareBtn .dropdown-menu:before {
  right: 14px
}

.chartShareBtn.shareBtn .dropdown-menu:after {
  right: 15px
}

.shareBtn .dropdown-menu>li>a {
  padding: 1px 0
}

.socialMarketOutlook .shareBtn {
  margin-top: -30px
}

.socialMarketOutlook .dropdown-menu-right {
  right: 0
}

.referAFriendContent .dropdown-menu>li>a:hover {
  background-color: transparent
}

.referAFriendOr {
  text-align: center;
  font-size: 12px;
  padding: 30px 0;
  font-weight: 400;
  color: #6f2c91
}

.referAFriendHead h4 {
  font-size: 16px
}

.referAFriendOr {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  line-height: .1em;
  margin: 20px 0 30px;
  padding: 0
}

.referAFriendOr span {
  background: #fff;
  padding: 0 10px
}

.referSocilaShare:hover {
  color: green;
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #fff);
  background-image: -moz-linear-gradient(top, #fff, #fff);
  background-image: -ms-linear-gradient(top, #fff, #fff);
  background-image: -o-linear-gradient(top, #fff, #fff);
  background-image: linear-gradient(to bottom, #fff, #fff)
}

.referSocilaShare.active.focus,
.referSocilaShare.active:focus,
.referSocilaShare.active:hover,
.referSocilaShare:active.focus,
.referSocilaShare:active:focus,
.referSocilaShare:active:hover,
.open>.dropdown-toggle.referSocilaShare.focus,
.open>.dropdown-toggle.referSocilaShare:focus,
.open>.dropdown-toggle.referSocilaShare:hover {
  color: green;
  background-color: #f5f5f5;
  border-color: #ccc
}

.referSocilaShare:active {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: green
}

.referSocilaShare.focus,
.referSocilaShare:focus {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: green
}

.informationBox {
  position: absolute;
  right: 12px;
  top: 10px
}

.socialMediaImg {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px
}

.shareBtn {
  margin-top: 4px;
  padding: 4px 6px;
  font-size: 14px;
  float: right;
  margin-right: 0;
  border-radius: 37px !important
}

.shareBtn.chartShareBtn {
  padding: 4px 4px
}

.shareBtnNative {
  margin-top: 4px;
  padding: 4px 6px;
  font-size: 14px;
  float: right;
  margin-right: 0;
  border-radius: 37px !important
}

.shareYourPromoLabel {
  color: #333;
  font-weight: 400;
  margin: 0 auto;
  display: table;
  margin-bottom: 15px;
  font-size: 16px
}

.referAFriendContent .form-group {
  margin-bottom: 30px
}

.referIcon {
  width: 4.5%;
  filter: brightness(.25)
}

.viewTranHist {
  color: #6e2c90 !important;
  text-decoration: underline !important;
  font-weight: 600
}

.addToPortfolioMobile {
  position: absolute;
  right: 15px
}

.alertWrngMsg {
  margin-top: 20px
}

.stockContant .negativeValue {
  font-size: 20px
}

#enLargeButtonRight,
#enLargeButtonRightMob {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

#enLargeButtonLeft,
#enLargeButtonLeftMob {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

#buttonRight {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: 5px 0
}

#buttonLeft {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: 5px 0
}

.addPortfolioMobBtn {
  display: none
}

.lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px
}

*::-moz-selection {
  background-color: #6e2c90;
  color: #fff
}

.alertsTab>.panel-group>.panel-default {
  max-height: 400px;
  overflow-y: auto
}

.intro-header-one {
  background: rgba(0, 0, 0, 0) url(../img/intro-bg1.gif) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center
}

.intro-header-one {
  animation: 2s ease 0s normal none 1 running fadein
}

.introBanner {
  animation: none !important
}

.infoIcon {
  color: #6e2c90
}

.noteLft {
  padding-left: 10px
}

.informationEvaluation {
  position: absolute;
  right: 15px;
  font-size: 18px;
  padding: 10px 0;
  top: 0;
  cursor: pointer
}

.userAlertsInfocontainer {
  margin-top: 20px
}

.userAlertsInfoDiv .indiaModelPortfolio h3 {
  margin-bottom: 5px;
  margin-top: -5px
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary {
  background: transparent;
  color: #333;
  padding: 0 8px
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary:hover {
  color: #666
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary:active {
  box-shadow: none;
  border-color: unset;
  border-color: -moz-field
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary:focus {
  box-shadow: none;
  border-color: unset;
  border-color: -moz-field
}

.alertsStatus {
  margin-bottom: 0
}

.alertsHeader {
  left: 0;
  position: absolute;
  right: 0
}

.stockAlertMessage .modalAlert {
  padding: 0 0 0
}

.stockAlertMessage {
  padding: 6px 15px
}

.alertsStatus .form-group {
  margin-bottom: 0px !important
}

.informationIdeiaList {
  right: 1px;
  font-size: 18px;
  position: absolute;
  padding: 0 0;
  cursor: pointer;
  background: #6e2c90;
  top: 1px;
  width: 34px;
  border-top-right-radius: 4px
}

.infoTagYes {
  display: inline !important
}

.infoTagNo {
  display: none
}

.idealistSubMenu {
  font-size: 18px;
  position: relative;
  z-index: 999;
  padding: 7px 12px;
  cursor: pointer;
  top: 0
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.intro-header {
  background: rgba(0, 0, 0, 0) url(../img/intro-bg.gif) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center
}

.intro-header {
  animation: 2s ease 0s normal none 1 running fadein
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
  width: 67%
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 {
  width: 8%;
  padding-left: 0
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2>.ideaListsiconsRating {
  width: 38px
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 .ideaListsiconsRating {
  margin: -10px -12px -10px 5px
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.closeSearch {
  cursor: pointer;
  font-size: 15px;
  padding-right: 6px;
  text-align: right
}

.searchBarMobile {
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 18px;
  padding: 0 10px;
  position: absolute;
  right: 15px
}

.searchBarMobile i {
  line-height: 50px
}

.buyNowBtnMobile {
  color: #fff;
  cursor: pointer;
  display: none !important;
  font-size: 18px;
  line-height: 50px;
  padding: 0 10px;
  position: absolute;
  right: 140px
}

.signUpClose {
  float: right;
  padding-right: 20px;
  color: #999;
  cursor: pointer
}

.signUpClose img {
  width: 20px;
  height: 16px
}

.gst {
  font-size: 15px;
  color: #dd4b39;
  padding-top: 10px;
  display: inline-block
}

.buyNowBtnMobile i {
  line-height: 50px
}

.mobileSliderMenuDiv {
  background: #e5e5e5 none repeat scroll 0 0;
  height: auto;
  left: -70%;
  margin-top: 55px;
  padding: 10px;
  position: fixed;
  width: 70%;
  z-index: 1024
}

.mobileSliderMenu {
  display: none
}

.mobileSliderMenu i {
  background-color: #6e2c90;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  left: 0;
  margin-top: 10px;
  padding: 10px;
  position: fixed;
  z-index: 1024
}

.searchDroupDown {
  display: none;
  height: 65px;
  margin-top: 50px;
  position: fixed;
  width: 100%;
  z-index: 1036
}

.transactionTable .thead-light>tr>th:nth-of-type(1) {
  width: 35%
}

.transactionTable .thead-light>tr>th:nth-of-type(2) {
  width: 25%
}

.transactionTable .thead-light>tr>th:nth-of-type(3) {
  width: 25%
}

.transactionTable .thead-light>tr>th:nth-of-type(4) {
  width: 15%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(1) {
  width: 35%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(2) {
  width: 25%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(3) {
  width: 25%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(4) {
  width: 15%
}

.openAlertDiv {
  display: none
}

.intro-message {
  padding-bottom: 30%;
  padding-top: 45%;
  position: relative
}

.knowMoreBtn {
  text-align: center;
  width: 40%
}

.knowMoreBtn .btn-primary {
  background: transparent;
  border-color: #fff !important;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  padding: 10px 16px;
  transition: all 0.2s ease 0s;
  margin-right: 10px
}

.knowMoreBtn .btn-primary:hover {
  background-color: #6e2c90;
  border: 1px solid #6e2c90 !important;
  color: #fff;
  font-weight: 400
}

.referSocilaShare {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  background: transparent;
  color: green;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.containerBg {
  background-color: #f5f5f5
}

.referAFriendContent .form-control[disabled] {
  background-color: #fff;
  height: 40px;
  color: #25916d;
  text-align: center;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .2em;
  border: 1px solid #eee;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .1);
  border-radius: 15px
}

.referNowBtn .btn-primary {
  background: transparent;
  border-color: #6f2c91 !important;
  border-radius: 40px !important;
  font-size: 18px;
  font-weight: 400;
  margin-top: 24px;
  padding: 6px 16px;
  transition: all 0.2s ease 0s;
  margin-right: 10px;
  color: #6f2c91
}

.referNowBtn .btn-primary:hover {
  background-color: #6e2c90;
  border: 1px solid #6e2c90 !important;
  color: #fff;
  font-weight: 400
}

.modalAlert {
  padding: 10px 15px 0
}

.modalAlert .alert {
  margin-bottom: 0px !important
}

.buyNowLink img {
  width: 55%
}

.buyNowLink {
  cursor: pointer;
  position: absolute;
  right: -45px;
  top: 0
}

.loginLoading {
  padding: 2px
}

.fa-spinner {
  color: #6e2c90 !important
}

#listLoader {
  color: #6e2c90 !important
}

.intro-message>h1 {
  font-size: 5em;
  margin: 0;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

.intro-divider {
  border-top: 1px solid #fff;
  width: 400px
}

.intro-message>h3 {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

#rememberMe {
  margin-top: 3px !important
}

@media (max-width:767px) {
  .mpc-heading-span {
    width: 250px;
    display: inherit
  }

  .mpc-btn-span {
    margin-top: -37px
  }

  .shinelines.feStyle {
    width: 30px
  }

  .shinelines.dpmStyle {
    width: 40px;
    margin-top: 6px;
    margin-left: 10px
  }

  .shinelines.dtmStyle,
  .shinelines.dtmStyle2 {
    width: 40px;
    margin-top: 4px;
    margin-left: 26px
  }

  .filterbtns .btn {
    padding: 4px 8px
  }

  .ideaListNav.onlyIg {
    margin-top: 55px
  }

  #greenflagStockBody ul {
    padding-left: 15px
  }

  .lockforBG img {
    width: 23px;
    position: relative;
    top: -3px;
    left: -3px
  }

  .lockforHolding {
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
  }

  .updateReport.blurText .viewDetailedReports {
    right: -10px;
    top: -3px
  }

  #non-PremiumRow {
    margin-left: -10px
  }

  .heading-referAfriend h3 {
    margin-top: 0;
    line-height: 30px;
    margin-bottom: 10px
  }

  .annualAndQuarterly h4 small {
    line-height: 14px
  }

  .referAndEarnPoints li {
    line-height: 20px;
    margin-left: -25px
  }

  .niftyText,
  .msiText {
    font-size: 16px
  }

  .infoBlock {
    padding-right: 5px
  }

  .chartInfoRow {
    padding: 15px 1px 10px
  }

  .compareMob {
    padding: 12px 0 10px 10px
  }

  .performaceText {
    margin: 5px 5px 20px 20px;
    margin-left: 10px
  }

  .orderTable tbody tr td:first-child a {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
  }

  .errorMsgInvestment {
    margin-left: 130px
  }

  .placeOrderDiv3 {
    padding: 20px 0 0
  }

  .placeOrderBody .checkbox-inline,
  .placeOrderBody .radio-inline {
    padding-left: 20px
  }

  #mpChartLoader,
  #apChartLoader {
    margin-bottom: -286px
  }

  .video-hdr {
    font-size: 20px
  }

  .marketConditionHistory-subIcon {
    margin-top: 98px;
    left: 1px
  }

  .marketConditionHistory-subIcon:before {
    top: -5px;
    margin-left: 79px
  }

  .history-infoIcon {
    top: 1px
  }

  .mobTrends span {
    padding-left: 5px !important
  }

  .mobTrends {
    padding-left: 0px !important;
    margin-left: -7px
  }

  .mobTrendsNext {
    margin-left: 29px
  }

  .linkMyProfile {
    font-size: 9px !important;
    position: relative;
    top: 2px;
    left: 6px
  }

  .mobMargin {
    margin-bottom: -15px
  }

  .marketOutlookMob {
    padding-top: 0px !important
  }

  .viewHistoryMob {
    background-color: #E9EEF0;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -5px;
    padding-bottom: 0
  }

  .historyBtn.marketOutlookHistoryBtn {
    border: solid .5px #e87b27;
    color: #e87b27;
    border-radius: 8.5px !important;
    padding: 4px 8px
  }

  .historyBtn:hover {
    background: transparent;
    border: solid .5px #e87b27 !important;
    color: #e87b27 !important
  }

  .modalPortfolio.market-condition-hdr {
    padding: 0
  }

  .market-condition-heading h4 {
    text-align: center;
    font-weight: 400;
    color: #666
  }

  .mobiledropdown {
    padding-right: 10px;
    margin-top: 3px;
  }

  .mobiledropdown>* {
    margin: 0;
    display: flex;
    align-items: center;
  }

  .dislikeStyle {
    position: relative;
    bottom: 2px
  }

  .modal-load {
    margin-bottom: 10px
  }

  .inputEdit {
    width: 88px
  }

  .mob-filterName {
    margin-left: -10px !important
  }

  .mobPad {
    padding-left: 5px !important
  }

  .subscription-iframe {
    height: 615px
  }

  .signup-iframe {
    height: 660px
  }

  .autoPortfolio-iframe {
    height: 686px
  }

  .home-iframe {
    height: 686px
  }

  .newHome-iframe {
    height: 765px;
    width: 100%
  }

  .takeATourHeading {
    margin-top: 0;
    margin-left: 0;
    font-size: 13px;
    font-weight: 300
  }

  .performanceHeading {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 400
  }

  .takeATourHeading a {
    color: #5F7D8C !important;
    font-weight: 400
  }

  .performanceHeading a {
    color: #03c !important
  }

  .introInnerHeader.video-block {
    padding-bottom: 0;
    padding-top: 22px
  }

  .subIconAlertBox_52_67 {
    margin-top: 95px;
    left: -5px
  }

  .subIconAlertBox_52_67:before {
    margin-left: 124px;
    top: -35px
  }

  .subIconAlertBox_52_66 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_66:before {
    margin-left: 101px;
    top: -35px
  }

  .subIconAlertBox_52_81 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_81:before {
    margin-left: 109px;
    top: -35px
  }

  .subIconAlertBox_52_82 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_82:before {
    margin-left: 113px;
    top: -35px
  }

  .subIconAlertBox_52_83 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_83:before {
    margin-left: 109px;
    top: -35px
  }

  .subIconAlertBox_52_84 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_84:before {
    margin-left: 50px;
    top: -35px
  }

  .subIconAlertBox_52_85 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_85:before {
    margin-left: 50px;
    top: -35px
  }

  .subIconAlertBox_52_86 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_86:before {
    margin-left: 47px;
    top: -35px
  }

  .subIconAlertBox_52_87 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_87:before {
    margin-left: 43px;
    top: -35px
  }

  .subIconAlertBox_52_88 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_88:before {
    margin-left: 56px;
    top: -35px
  }

  .subIconAlertBox_52_89 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_89:before {
    margin-left: 60px;
    top: -35px
  }

  .subIconAlertBox_52_91 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_91:before {
    margin-left: 73px;
    top: -35px
  }

  .subIconAlertBox_52_92 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_92:before {
    margin-left: 42px;
    top: -35px
  }

  .subIconAlertBox_58_71 {
    margin-top: 95px
  }

  .subIconAlertBox_58_71:before {
    margin-left: 38px;
    top: -35px
  }

  .subIconAlertBox_58_72 {
    margin-top: 95px
  }

  .subIconAlertBox_58_72:before {
    margin-left: 44px;
    top: -35px
  }

  .subIconAlertBox_58_73 {
    margin-top: 95px
  }

  .subIconAlertBox_58_73:before {
    margin-left: 64px;
    top: -35px
  }

  .subIconAlertBox_58_74 {
    margin-top: 95px
  }

  .subIconAlertBox_58_74:before {
    margin-left: 36px;
    top: -35px
  }

  .subIconAlertBox_58_75 {
    margin-top: 95px
  }

  .subIconAlertBox_58_75:before {
    margin-left: 25px;
    top: -35px
  }

  .subIconAlertBox_52_65 {
    margin-top: 95px
  }

  .subIconAlertBox_52_65:before {
    margin-left: 31px;
    top: -35px
  }

  .subIconAlertBox_52_64 {
    margin-top: 95px
  }

  .subIconAlertBox_52_64:before {
    margin-left: 65px;
    top: -35px
  }

  .subIconAlertBox_52_63 {
    margin-top: 95px;
    left: -5px
  }

  .subIconAlertBox_52_63:before {
    margin-left: 104px;
    top: -35px
  }

  .subIconAlertBox_52_62 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_62:before {
    margin-left: 116px;
    top: -35px
  }

  .subIconAlertBox_52_61 {
    margin-top: 95px
  }

  .subIconAlertBox_52_61:before {
    margin-left: 82px;
    top: -35px
  }

  .subIconAlertBox_55_24 {
    margin-top: 85px;
    margin-right: auto
  }

  .subIconAlertBox_55_24:before {
    margin-left: 33px;
    top: -25px;
    z-index: 112
  }

  .subIconAlertBox_55_23 {
    margin-top: 74px;
    margin-right: auto
  }

  .subIconAlertBox_55_23:before {
    margin-left: 34px;
    top: -14px;
    z-index: 112
  }

  .subIconAlertBox_55_22 {
    margin-top: 74px;
    margin-right: auto
  }

  .subIconAlertBox_55_22:before {
    margin-left: 93px;
    top: -16px;
    z-index: 112
  }

  .subIconAlertBox_55_25 {
    margin-top: 93px
  }

  .subIconAlertBox_55_25:before {
    margin-left: 29px;
    top: -31px
  }

  .subIconAlertBox_55_21 {
    margin-top: 75px
  }

  .subIconAlertBox_55_21:before {
    margin-left: 43px;
    top: -15px
  }

  .subIconAlertBox_55_20 {
    margin-top: 75px
  }

  .subIconAlertBox_55_20:before {
    margin-left: 43px;
    top: -15px
  }

  .subIconAlertBox_55_15 {
    margin-top: 75px
  }

  .subIconAlertBox_55_15:before {
    margin-left: 41px;
    top: -15px
  }

  .subIconAlertBox_52_19 {
    margin-top: 75px
  }

  .subIconAlertBox_52_19:before {
    margin-left: 46px;
    top: -15px
  }

  .subIconAlertBox_52_17 {
    margin-top: 75px
  }

  .subIconAlertBox_52_17:before {
    margin-left: 33px;
    top: -15px
  }

  .subIconAlertBox_52_16 {
    margin-top: 75px
  }

  .subIconAlertBox_52_16:before {
    margin-left: 33px;
    top: -15px
  }

  .subIconAlertBox_51_9 {
    margin-top: 75px
  }

  .subIconAlertBox_51_9:before {
    margin-left: 35px;
    top: -15px
  }

  .subIconAlertBox_51_8 {
    margin-top: 75px
  }

  .subIconAlertBox_51_8:before {
    margin-left: 42px;
    top: -15px
  }

  .subIconAlertBox_51_7 {
    margin-top: 75px
  }

  .subIconAlertBox_51_7:before {
    margin-left: 42px;
    top: -15px
  }

  .subIconAlertBox_51_6 {
    margin-top: 75px
  }

  .subIconAlertBox_51_6:before {
    margin-left: 20px;
    top: -15px
  }

  .subIconAlertBox_56_93 {
    margin-top: 75px
  }

  .subIconAlertBox_56_93:before {
    margin-left: 23px;
    top: -15px
  }

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

  .infoIconMob {
    font-size: 20px !important
  }

  .marginAdjust {
    margin-left: 0 !important;
    width: 100%
  }

  .webSearchAutoHdrDiv {
    width: 94%;
    margin-left: 10px
  }

  #search-input-hdr {
    margin-top: 60px !important
  }

  .termsConditionsSignUp input {
    margin-top: 0
  }

  .rpDisclaimerClass input {
    margin-top: 1px
  }

  .checkboxSubscription input {
    margin-top: 1px
  }

  .textCenter {
    text-align: center
  }

  .close {
    font-size: 35px;
    font-weight: 500;
    margin-top: -7px !important
  }

  #performanceChartModel {
    padding-top: 50px
  }

  .performanceBtn {
    padding-bottom: 0px !important
  }

  .currentHoldingBtns button {
    padding-bottom: 2px !important
  }

  .lineHgtReset {
    line-height: 10px;
    padding-bottom: 2px !important
  }

  .landingBanner {
    margin-top: 10px !important
  }

  .navbar-default .navbar-nav>li>a {
    color: #333 !important
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333
  }

  .padTop32 {
    padding-top: 40px !important
  }

  .GreenSuccess {
    width: 9% !important
  }

  .msgContent {
    font-size: 15px !important
  }

  .btnSkip {
    margin: 0 0 15px
  }

  .payment .scroll-block {
    height: 350px;
    overflow-y: auto
  }

  .padTop32 {
    padding-top: 70px !important
  }

  .padReset {
    padding-left: 0;
    padding-right: 0
  }

  .payment .progress {
    margin-bottom: 20px;
    margin-top: 60px !important
  }

  .ideaListNav a {
    position: relative;
    top: -23px !important
  }

  .loginBlock p a {
    font-size: 14px !important
  }

  .boxMiddle {
    margin-top: 60px
  }

  .divider-line {
    border-top: 1px dotted #f0f0f0
  }

  .divider-line img {
    padding-top: 15px
  }

  .loginBlock img {
    width: 18% !important
  }

  #landingPage #siteTitle {
    display: none
  }

  .topMar20 {
    padding-top: 10px
  }

  .spaceReset,
  .spaceReset h4 {
    margin-top: 0 !important;
    padding-top: 0 !important
  }

  .intro-message {
    padding-bottom: 15%
  }

  .intro-message>h1 {
    font-size: 3em
  }

  ul.intro-social-buttons>li {
    display: block;
    margin-bottom: 20px;
    padding: 0
  }

  ul.intro-social-buttons>li:last-child {
    margin-bottom: 0
  }

  .intro-divider {
    width: 100%
  }

  .chartShareBtn.shareBtn .dropdown-menu-right {
    left: auto;
    right: auto
  }

  .chartShareBtn.shareBtn .dropdown-menu:before {
    right: 192px;
    border: none
  }

  .chartShareBtn.shareBtn .dropdown-menu:after {
    right: 193px;
    border: none
  }

  .industryExportDiv {
    margin-top: 10px
  }
}

.StockIdeasModalPortfolio .panel-body {
  padding: 0
}

.StockIdeasModalPortfolio .panel-group {
  margin-bottom: 0
}

.bell-container {
  position: relative
}

.notification-bell {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #000;
  cursor: pointer
}

.notification-bell i {
  font-size: 18px;
  font-weight: 600
}

.bell-content-double {
  background: #cd4b5b none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  left: 10px;
  padding: 0 3px;
  position: absolute;
  text-align: center;
  top: -8px;
  width: auto
}

.network-name {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase
}

.redpdficon {
  color: #FF0000 !important
}

.content-section-a {
  background: rgba(0, 0, 0, 0) url(../img/sectionBg.png) repeat scroll 0 0;
  padding: 50px 0
}

.content-section-b {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding: 50px 0
}

.section-heading {
  font-size: 34px;
  font-weight: 100;
  margin-bottom: 25px;
  text-align: left
}

.logoSpinnerImg {
  height: 30px;
  left: 0;
  margin: 0 auto;
  padding-top: 14px;
  position: absolute;
  right: 0;
  width: 30px
}

.logoSpinnerImg img {
  height: 30px;
  width: 30px
}

.logoSpinnerImgSmall {
  height: 15px;
  left: 0;
  margin: 0 auto;
  padding-top: 5px;
  position: absolute;
  right: 0;
  width: 15px
}

.stockChart .loaderSmall {
  width: 170px
}

#modelportfolio_stock_placeholder .loaderSmall {
  width: 120px
}

.stockChart .logoSpinnerImgSmall {
  height: 15px;
  left: 42.8px;
  margin: 0 auto;
  padding-top: 5px;
  position: absolute;
  right: 0;
  width: 15px
}

#modelportfolio_stock_placeholder .logoSpinnerImgSmall {
  height: 15px;
  left: 0;
  margin: 0 auto;
  padding-top: 5px;
  position: absolute;
  right: 9px;
  width: 15px
}

.logoSpinnerImgSmall img {
  border: medium none !important;
  height: 15px !important;
  width: 15px !important
}

.loader {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  border-color: #6e2c90 #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  height: 60px;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 0;
  width: 60px
}

.loader-small {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  border-color: #6e2c90 #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 30px
}

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

  100% {
    transform: rotate(360deg)
  }
}

.scrollToTop {
  color: #6e2c90;
  display: none;
  font-size: 50px;
  font-weight: 700;
  padding: 0;
  position: fixed;
  right: 10px;
  text-align: center;
  text-decoration: none;
  z-index: 2048;
  bottom: 50px
}

#landingPage .scrollToTop {
  bottom: 30px
}

.scrollToTop:hover {
  text-decoration: none
}

.marketSmithImgLogoMobile img {
  display: none
}

#landingPage .introInnerHeaderReseller {
  height: 250px
}

.section-heading-spacer {
  border-top: 2px solid #702c91;
  width: 100px
}

.input-group-addon:hover {
  background-color: #a9a8a9;
  color: #fff !important;
  text-decoration: none
}

.tableIcon h4 {
  font-size: 16px;
  font-weight: 600
}

.shareList ul li:last-child {
  display: none
}

.banner {
  background: rgba(0, 0, 0, 0) url(../img/banner-bg.gif) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding: 100px 0
}

.banner h2 {
  font-size: 3em;
  margin: 0;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

.banner ul {
  margin-bottom: 0
}

.banner-social-buttons {
  float: right;
  margin-top: 0
}

.facebook {
  color: #3b5998
}

.tumblr {
  color: #00aced
}

.google-plus {
  color: #dd4b39
}

.youtube {
  color: #c4302b
}

.linkedin {
  color: #0e76a8
}

.socialWhite {
  color: #fff
}

.whatsUp {
  color: #228B22
}

.gmail {
  color: #d14836
}

.yahoo {
  color: #8d2597
}

.slack {
  color: #253039
}

.phoneMessage {
  color: #248478
}

.mobileImage {
  padding-bottom: 0;
  padding-top: 0
}

.mobileIngOne {
  margin-top: 30px;
  position: absolute;
  right: -20px;
  top: 30px
}

.mobileIngTwo {
  left: 0;
  margin-top: 30px;
  position: absolute
}

.mobileIngTwo img {
  height: 560px;
  width: 350px
}

.mobileIngOne img {
  height: 560px;
  width: 350px
}

.promoSuccessCheck {
  color: #449d44
}

.promoInvalidCode {
  color: red
}

.mouseScroll {
  animation: 2s ease-in 0s normal none infinite running blink;
  background: rgba(0, 0, 0, 0) url(../img/mouseScroll.png) no-repeat scroll center center / 70px 70px;
  border: medium none;
  display: inline-block;
  height: 75px;
  margin-top: -50px;
  width: 75px
}

.resetPasswordDiv {
  border: 1px solid #e5e5e5;
  margin-bottom: 60px;
  margin-top: 60px;
  padding: 40px 40px 10px
}

.resetPasswordDiv h4 {
  background-color: #f5f5f5;
  font-size: 20px;
  font-weight: 600;
  margin: -40px -40px 20px;
  padding: 10px
}

.alertBoxLogindiv {
  margin-top: 70px;
  position: absolute
}

.alertExclamation {
  color: red;
  font-size: 24px
}

.imagePlaystore {
  margin-top: 30px
}

.socialIcons p {
  font-size: 12px !important;
  font-weight: 500;
  margin: 0
}

.aboutUsText {
  margin-bottom: 20px;
  margin-top: 20px
}

.aboutUsText h4 {
  font-size: 24px;
  margin-bottom: 20px
}

.aboutUsText p {
  font-size: 13px;
  line-height: 24px
}

.aboutSubText {
  margin-left: 24px
}

.switch-field-opt {
  overflow: hidden
}

.slider_enlargeBox {
  height: 548px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 345px
}

.btnSlider {
  margin-left: -4px
}

.custom-container-evaluation-slider {
  margin-left: -3px !important
}

.switch-field-opt input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden
}

.switch-field-opt label {
  float: left;
  margin-bottom: 0
}

.switch-field-opt label {
  display: inline-block;
  width: 100px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, .6);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-shadow: none;
  padding: 2px 3px;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out
}

.switch-field-opt label:hover {
  cursor: pointer
}

.switch-field-opt input:checked+label {
  background-color: #6f2c91;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff
}

.switch-field-opt label:first-of-type {
  border-radius: 4px 0 0 4px
}

.navBlackmenubg {
  background: #fff;
  padding: 20px 0;
}

#canslimLearning .navBlackmenubg,
.weeklyWebinarPage .navBlackmenubg,
.custom-introInnerHeader .navBlackmenubg,
#seminarPage .navBlackmenubg {
  background: none
}

.switch-field-opt label:last-of-type {
  border-radius: 0 4px 4px 0
}

.detailsRadioEveMobile {
  margin-top: 10px;
  margin-left: 17px
}

.detailsRadioEveMobile .switch-field-opt label {
  width: 83px;
  font-size: 12px;
  padding: 1px 3px
}

@keyframes blink {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

blockquote p {
  font-size: 19px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
  text-align: center
}

/* .site-title {
    padding:14px 15px
  } */
.site-title a {
  background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 41px;
  margin-top: 0;
  width: 300px;
  margin-left: 0px !important;
}

.site-title-scroll a {
  background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 41px;
  margin-top: 0;
  width: 300px;
  margin-left: 0px !important;
}

.accountIcon {
  width: 38px;
  height: 38px;
}

.navBlackmenubg.navbar-default .navbar-nav>li>a:focus,
.navBlackmenubg.navbar-default .navbar-nav>li>a:hover {
  color: #a745d7 !important;
}

@media (min-width: 768px) {
  /* .navBlackmenubg.navbar-default .navbar-nav{
    margin: 0 5%;
  } */
}

.navBlackmenubg.navbar-default .nav>li>a {
  padding: 15px 16px;
}

.dropdown-menu>li>a,
.dropdown-menu>li>a img {
  transition: transform 0.3s ease-in-out, font-size 0.3s ease-in-out;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  color: #a745d7;
  background-color: transparent;
  font-size: 16px;
}

.navBlackmenubg.navbar-default {
  transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;

}

@media(min-width:1180px) {
  .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
  }

  .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }

  .dropdown {
    display: inline-block;
  }


  .dropdown-menu {
    border: none;
    box-shadow: unset;
    border-radius: 5px;
    background: transparent;
  }
}


/* .dropdown:hover .dropdown-menu {
    display: block;
  } */


.landingPageLogo a {
  background: rgba(0, 0, 0, 0) url(../img/MarketSmithIndia-logo.svg) no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 30px;
  width: 230px
}

.navbar-default .navbar-nav>li>a {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.inputSubscribe {
  height: 40px
}

.btnSubscribe {
  border-radius: 0 4px 4px 0 !important;
  padding: 9px 12px
}

.site-title-scroll {
  /* padding:14px 15px; */
  display: none
}

.bannerText h1 {
  font-size: 75px;
  font-weight: 100;
  margin-top: -78px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.navbar-onscroll {
  transition: all 0.4s ease 0s
}

.navbar-onscroll {
  background: #f7f9fd
}

#canslimLearning .navBlackmenubg.navbar-onscroll,
.weeklyWebinarPage .navBlackmenubg.navbar-onscroll,
.custom-introInnerHeader .navBlackmenubg.navbar-onscroll,
#seminarPage .navBlackmenubg.navbar-onscroll {
  background: rgba(0, 0, 0, 0) url(../img/intro-bg-mobile.gif) no-repeat center center / cover
}

.navbar-onscroll-remove {
  transition: all 0.6s ease 0s
}

.btn-success span {
  font-size: 21px;
  font-weight: 100;
  padding-right: 8px
}

.topnavScroll {
  display: none;
  padding: 10px 0
}

.corner-ribbon {
  width: 233px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 12px;
  padding-top: 2px
}

.corner-ribbon p {
  margin-bottom: 3px;
  margin-top: -3px;
  font-size: 10px
}

.corner-ribbon a {
  text-decoration: underline !important;
  color: #fff !important
}

.corner-ribbon.sticky {
  position: fixed
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.corner-ribbon.top-right {
  left: auto;
  right: -62px;
  top: 35px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 1040
}

.mpPerformanceCanvas {
  padding: 15px
}

.mpPerformanceChartDiv {
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5
}

.corner-ribbon.blue {
  background: #6f2c91;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.anim750 {
  transition: all 750ms ease-in-out
}

#Awesome {
  backface-visibility: hidden;
  height: 180px;
  margin: 0 auto;
  position: absolute;
  right: 48px;
  top: 77px;
  width: 180px
}

#Awesome .sticky {
  transform: rotate(45deg)
}

#Awesome:hover .sticky {
  transform: rotate(10deg)
}

#Awesome .sticky {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px
}

#Awesome .reveal .circle {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
  font-family: 'helvetica neue', arial;
  font-weight: 200;
  line-height: 140px;
  text-align: center;
  cursor: pointer
}

#Awesome .reveal .circle {
  background: #fafafa
}

#Awesome .circle_wrapper {
  position: absolute;
  width: 180px;
  height: 180px;
  left: 0;
  top: 0;
  overflow: hidden
}

#Awesome .circle {
  position: absolute;
  width: 140px;
  height: 140px;
  margin: 20px;
  border-radius: 999px
}

#Awesome .back {
  height: 10px;
  top: 30px
}

#Awesome:hover .back {
  height: 90px;
  top: 110px
}

#Awesome .back .circle {
  margin-top: -130px;
  background-color: #8330ad;
  background-image: -webkit-linear-gradient(bottom, rgba(251, 236, 63, 0), rgba(255, 255, 255, .8))
}

#Awesome:hover .back .circle {
  margin-top: -50px
}

#Awesome .front {
  height: 150px;
  bottom: 0;
  top: auto;
  -webkit-box-shadow: 0 -140px 20px -140px rgba(0, 0, 0, .3)
}

#Awesome:hover .front {
  height: 70px;
  -webkit-box-shadow: 0 -60px 10px -60px rgba(0, 0, 0, .1)
}

#Awesome .front .circle {
  margin-top: -10px;
  background: #6e2c90;
  background-image: -webkit-linear-gradient(bottom, rgba(251, 236, 63, 0) 75%, #6e2c90 95%);
  background-image: -moz-linear-gradient(bottom, rgba(251, 236, 63, 0) 75%, #6e2c90 95%);
  background-image: linear-gradient(bottom, rgba(251, 236, 63, 0) 75%, #6e2c90 95%)
}

#Awesome h4 {
  bottom: 0;
  color: #fff;
  font-weight: 400;
  height: 140px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 100px;
  transition: opacity 50ms linear 400ms;
  width: 180px
}

#Awesome:hover h4 {
  opacity: 0;
  transition: opacity 50ms linear 300ms
}

#Awesome:hover .front .circle {
  margin-top: -90px;
  background-color: #8330ad;
  background-position: 0 100px
}

.innerText {
  background-color: rgba(255, 255, 255, .7);
  color: #000;
  font-size: 24px;
  font-weight: 300;
  margin-top: 20px;
  padding: 20px
}

.fullLengthbanner {
  background: rgba(0, 0, 0, 0) url(../img/fullLengthBanner.jpg) no-repeat scroll center center / cover;
  color: #f8f8f8;
  height: 100%;
  padding-top: 200px;
  text-align: center
}

.canSlimSeminar {
  background: rgba(110, 44, 144, .6) none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  width: 100%
}

.canSlimSeminar .btn-primary {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  margin-left: 10px
}

.canSlimSeminar h4 {
  margin-bottom: 5px;
  margin-top: 5px
}

.subscribeForm {
  height: 45px !important;
  width: 500px !important
}

.subscribeDiv p {
  font-size: 16px;
  padding-bottom: 10px
}

.socialIcons {
  padding: 30px 0
}

.investingVideos {
  margin-top: 20px
}

.userinformationMainDiv {
  background-color: #f1d7ff;
  color: #000;
  padding: 20px;
  margin-bottom: 20px;
}

.userinformationMainDiv h4 {
  font-size: 20px;
  margin-bottom: 18px;

}

.btnLogoutMobile {
  color: #6e2a8f !important;
}

.userinformationMainDiv .col-xs-3 {
  padding-left: 15px;
  padding-right: 15px
}

.userinformationMainDiv .col-xs-9 {
  padding-left: 24px;
  padding-right: 10px
}

.userAccountType .whatWeDoBtn {
  background: #09a820 linear-gradient(to bottom, #09a820, #048015) repeat scroll 0 0;
  border: medium none;
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 5px 14px;
  text-decoration: none;
  width: auto
}

.userAccountType .whatWeDoBtn:hover {
  background: #09a820 linear-gradient(to bottom, #09a820, #09a820) repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-weight: 400;
  text-decoration: none
}

/* .userInformationBox {
    background-color:#f5f5f5;
    border:1px solid #e5e5e5;
    margin-bottom:10px;
    padding:0;
    text-align:center;
    width:70px
  } */
.userInformationBox h4 {
  color: #6e2c90;
  font-size: 38px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0
}

.userInformationBox small {
  font-size: 9px;
  font-style: italic
}

.navbar-toggle-back {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 2px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.vid-container iframe {
  height: 315px;
  width: 100%
}

.userInformationBox b {
  font-size: 9px;
  font-weight: 600
}

.userAccountType h5 {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0
}

.userAccountType {
  text-align: left
}

.userAccountType p {
  color: #333;
  font-size: 10px;
  font-weight: 300;
  margin-bottom: 2px;
  margin-top: -5px
}

.loginBtn {
  cursor: pointer;
  padding: 10px 0
}

.loginBtn small {
  line-height: 34px
}

.loginBtn a {
  color: #6e2a8f
}

.loginBtn a:hover {
  color: #666;
  text-decoration: none
}

.signUp a {
  color: #6e2a8f
}

.signUp a:hover {
  color: #666;
  text-decoration: none
}

.userInformationDiv .col-md-3 {
  padding-right: 0;
  width: 21%
}

.userInformationDiv .col-md-9 {
  padding-left: 0;
  width: 79%
}

.signUp {
  background-color: #f5f5f5;
  font-size: small;
  font-weight: 500;
  margin: 10px -30px -20px;
  padding: 10px 0
}

.disclaimer h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  padding: 4px 0
}

.disclaimer p {
  font-size: 13px;
  margin: 0
}

.disclaimer {
  display: none
}

.modal-ms {
  width: 450px
}

.grayBg {
  background-color: #e5e5e5
}

.landingPage {
  background-color: #f5f5f5
}

.trendIcons {
  padding-top: 10px
}

.checkboxReg {
  margin-bottom: 0;
  margin-top: 5px;
  text-align: left
}

.landingSpace {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-top: 50px;
  padding: 10px
}

.landingPageLogo {
  margin-left: 150px
}

.landingContant h4 {
  color: #6e2a8f;
  margin-top: 40px
}

.responsiveDropdown li {
  list-style: outside none none
}

footer {
  background-color: #333;
  padding: 50px 0
}

footer li a {
  color: #ccc
}

footer li a:hover {
  color: #999;
  text-decoration: none
}

footer li a:visited {
  color: #ccc;
  text-decoration: none
}

p.copyright {
  color: #ccc !important;
  font-size: 12px;
  line-height: 20px;
  margin: 15px 0 0
}

.login-navi {
  color: rgb(255, 255, 255);
  font-size: 22px;
  margin-top: 1px
}

.responsiveDropdown {
  margin: 0;
  padding: 12px 0 0 18px !important
}

#evaluationBulkBlockDeals_filter {
  position: absolute;
  left: 0;
  top: -42px
}

#evaluationBulkBlockDeals_filter input {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  height: 34px
}

#evaluationBulkBlockDeals {
  margin-top: 38px
}

.footerMenu h4 {
  color: #ccc;
  padding: 10px 0
}

.contactUsMenu h4 {
  color: #ccc;
  padding: 10px 0
}

.contactUsMenu p {
  color: #ccc;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 0
}

.canslimTag {
  bottom: 62px;
  left: 493px;
  position: absolute;
  right: 0;
  z-index: 1039
}

.canslimTag .btn-primary {
  background: transparent;
  border: 1px solid #fff;
  padding: 8px 12px
}

.contactUsMenu .fa-stack-1x {
  color: #ccc
}

.companyLogo img {
  margin-top: 75px
}

.footerhr {
  border: 1px solid #999
}

.contactUsMenu {
  margin-bottom: 15px
}

.footerMenu ul {
  padding: 10px 0
}

.footerMenu li {
  color: #ccc;
  font-size: 13px;
  list-style: outside none none;
  padding: 0 10px 15px 0
}

.footerContant h4 {
  color: #ccc;
  padding: 10px 0
}

.copyRightfooter {
  background: #1d1e20 none repeat scroll 0 0;
  color: #ccc !important;
  font-size: 12px;
  font-weight: 300;
  padding: 10px 0;
  text-align: center
}

#filter .modal-body {
  max-height: 435px;
  overflow-y: auto
}

#searchBoxIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: lightgray;
  cursor: default
}

#searchBoxClear {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray
}

#recentViewedIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray
}

#searchBoxIcon:hover {
  color: lightgray !important
}

#searchBoxClear:hover {
  color: darkgray !important
}

#recentViewedIcon:hover {
  color: darkgray !important
}

#login-dp {
  background-color: #ffffff;
  margin-top: 0;
  min-width: 300px;
  overflow: hidden;
  padding: 25px 15px 0;
  box-shadow: -20px -18px 50px #0000001c;
  border-radius: 12px;
  z-index: 1024;
}

#login-dp .help-block {
  font-size: 12px
}

.inputFieldFromGroup .form-group {
  margin-bottom: 22px
}

#login-dp .bottom {
  background-color: rgba(255, 255, 255, .8);
  border-top: 1px solid #ddd;
  clear: both;
  font-size: 12px;
  padding: 14px
}

#login-dp .social-buttons {
  margin: 12px 0
}

#login-dp .social-buttons a {
  width: 49%
}

#login-dp .form-group {
  margin-bottom: 10px
}

.btn-fb {
  background-color: #3b5998;
  color: #fff
}

.btn-fb:hover {
  background-color: #496ebc;
  color: #fff
}

.btn-tw {
  background-color: #55acee;
  color: #fff
}

.btn-tw:hover {
  background-color: #59b5fa;
  color: #fff
}

.countryCodeInput {
  position: absolute;
  width: 81%;
  display: none
}

.dropdownMenuCountryCode {
  border: 1px solid #e5e5e5;
  box-shadow: none;
  height: 200px;
  margin-left: 15px;
  overflow-y: scroll;
  padding: 10px 15px;
  top: 85%
}

.dropdownMenuCountryCode li {
  font-size: 14px;
  line-height: 180%
}

.dropdownCountryCode button {
  border-radius: 8px;
  height: 39px;
  width: 125px
}

.colanChecklist {
  display: none
}

.dropdownLoginMenu {
  left: inherit !important;
  margin-left: -259px;
  top: 95% !important
}

.loginDiv {
  float: right;
  right: 42px
}

.loginDivaccntDiv {
  margin-left: -35px;
  margin-right: 50px;
}

.loginDiv .btn-default {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px
}

.loginDiv .btn-default:hover {
  background-color: transparent;
  color: #e5e5e5
}

.loginDiv .btn-default.active,
.loginDiv.btn-default:active,
.loginDiv.open>.dropdown-toggle.btn-default {
  background-color: transparent;
  border-color: transparent;
  color: #fff
}

.loginDiv .btn-default.active.focus,
.loginDiv .btn-default.active:focus,
.loginDiv .btn-default.active:hover,
.loginDiv .btn-default.focus:active,
.loginDiv .btn-default:active:focus,
.loginDiv .btn-default:active:hover,
.loginDiv .open>.dropdown-toggle.btn-default.focus,
.loginDiv .open>.dropdown-toggle.btn-default:focus,
.loginDiv .open>.dropdown-toggle.btn-default:hover {
  background-color: transparent;
  border-color: transparent;
  color: #e5e5e5 !important
}

.chartSettings h2 {
  color: #6e2c90;
  font-size: 1.6em;
  font-weight: 300
}

.chartSettings h4 {
  font-size: 15px;
  font-weight: 400
}

.chartSettings h5 {
  color: #6e2c90;
  font-size: 14px;
  font-weight: 400
}

.chartSettings p {
  color: #000;
  font-size: 13px;
  font-weight: 300
}

.chartSettings .panel-default {
  border: 0 none;
  border-radius: 0
}

.chartSettings .panel-heading {
  border-radius: 0
}

.chartSettings hr {
  border-color: #dcdcdc;
  border-style: dotted;
  margin: 0;
  padding: 0
}

.chartSettings .panel-body {
  border: 0 none !important;
  margin: 0;
  padding: 5px
}

.chartSettings input[type="checkbox"]+label::before {
  background-color: #fff;
  border: 1px solid #6e2c90;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 28px;
  line-height: 26px;
  margin-right: 8px;
  vertical-align: middle;
  width: 28px
}

.chartSettings input[type="radio"]:checked+label::before {
  background-color: #fff;
  color: #6e2c90;
  content: "�";
  font-size: 3em;
  line-height: 14px;
  text-align: center;
  text-shadow: 0 0 3px #eee
}

.chartSettings input[type="checkbox"]:checked+label::before {
  background-color: #fff;
  color: #6e2c90;
  content: "\2714";
  text-align: center;
  text-shadow: 0 0 3px #eee
}

.chartSettings label {
  font-size: 15px
}

.form-control {
  border-radius: 4px
}

.movingArerages input[type="checkbox"]+label::before {
  background-color: #fff;
  border: 1px solid #6e2c90;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 28px;
  line-height: 26px;
  margin-right: 8px;
  margin-top: 0;
  vertical-align: middle;
  width: 28px
}

.movingArerages table input[type="text"] {
  width: 70px
}

.movingArerages .line-red {
  border-bottom: 2px solid red;
  width: 60px
}

.movingArerages .line-black {
  border-bottom: 2px solid #d3a221;
  width: 60px
}

.movingArerages .line-green {
  border-bottom: 2px solid green;
  width: 60px
}

.movingArerages .line-pink {
  border-bottom: 2px solid deeppink;
  width: 60px
}

.movingArerages .table>tbody>tr>td {
  font-weight: 300;
  vertical-align: middle
}

.movingArerages button {
  font-size: 16px;
  padding: 9px;
  width: 160px
}

.movingArerages .nav-tabs>li.active>a,
.movingArerages .nav-tabs>li>a:hover {
  color: #6e2c90 !important
}

.movingArerages .nav-tabs>li>a::after {
  background: #6e2c90 none repeat scroll 0 0
}

.movingArerages .panel-body {
  margin: 0
}

.movingArerages li a {
  font-size: 13px
}

.pageHeading {
  color: #000
}

.pageHeading h1 {
  font-size: 32px;
  font-weight: 300 !important;
  margin-top: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.viewHistoryMob .pageHeading h4 {
  font-size: 28px;
  display: inline-block;
  margin-top: 0
}

.viewHistoryMob .pageHeading p {
  font-size: 18px
}

.marqueeInner {
  position: relative;
  bottom: 10px
}

.inner {
  position: relative;
  left: -95%;
  bottom: 10px
}

.marquee {
  width: 97%;
  overflow: hidden
}

.marquee ul li a {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: initial
}

.marquee ul li a .ml-2 {
  margin-left: 10px
}

.totalPriceStock {
  font-weight: 700;
  font-size: 12px
}

.stocksScroll ul li {
  list-style: none;
  padding: 0 20px;
  float: left;
  font-size: 12px;
  border-left: 1px solid #707070;
  line-height: 10px;
  margin-top: 2px
}

.stocksScroll ul li:first-child {
  border-left: 0 solid #707070
}

.stocksScroll ul li:last-child {
  border-right: 1px solid #707070
}

.marquee ul li a:hover {
  color: #e0a6fd
}

.stockDown {
  color: #ff9390
}

.stockUp {
  color: #18e8d3
}

.pageHeading p {
  font-size: 20px;
  font-weight: 300;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.chartSettingsModalPopup .modal-title {
  color: #6e2a8f;
  font-weight: 400
}

.chartSettingsBtn .btn-default {
  background-color: transparent;
  border: medium none;
  color: #6e2c90;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
  padding: 11px 11px 0
}

.evaluationdownIcons {
  display: inline-block
}

.chartSettingsBtn .btn-default:hover {
  color: unset;
  background-color: unset;
  border-color: unset
}

.btn-default:active:hover {
  background-color: transparent;
  box-shadow: none;
  color: #fff
}

.selectBtnWDM .btn-default:active:hover {
  background-color: #6e2c90
}

.chartSettingsBtn .fa-cog {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 3px
}

.chartSettingsBtn .fa-bell {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px
}

.chartSettingsBtn .fa-suitcase {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px
}

.modalSettingPopup .panel-title {
  position: relative
}

.modalSettingPopup .panel-heading .accordion-toggle {
  padding: 15px 35px
}

.modalSettingPopup .panel-heading .accordion-toggle::after {
  color: #fff;
  content: "\e114";
  float: left;
  font-family: "Glyphicons Halflings";
  margin-top: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.modalSettingPopup .panel-title .accordion-toggle {
  color: #fff
}

.modalSettingPopup .panel-title .accordion-toggle.collapsed {
  color: #333
}

.modalSettingPopup .panel-heading .accordion-toggle.collapsed::after {
  color: #333f48;
  content: "\e080";
  float: left;
  font-family: "Glyphicons Halflings";
  margin-top: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.modalSettingPopup .panel-heading .accordion-toggle {
  display: block;
  padding-left: 20px
}

.modalSettingPopup .panel-heading {
  margin-bottom: 5px;
  padding: 0
}

.modalSettingPopup .panel-heading h3 {
  background: #6e308f none repeat scroll 0 0
}

.modalSettingPopup .panel-heading a {
  padding: 10px 15px
}

.modalSettingPopup .collapsed {
  background: #f7f7f7 none repeat scroll 0 0
}

.modalSettingPopup .panel-heading .accordion-toggle.collapsed::after {
  padding-left: 10px;
  top: 15px
}

.modalSettingPopup .panel-heading .accordion-toggle::after {
  padding-left: 10px;
  top: 15px
}

.introInnerHeader {
  animation: 2s ease 0s normal none 1 running fadein
}

.fivePaisaHeader {
  animation: none !important
}

.landingBanner h1 {
  border-left: 5px solid #6e2c90;
  color: #fff;
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  margin-top: 40px;
  padding-left: 5px;
  text-align: left
}

.videosTambnilList {
  background-color: #fff;
  max-height: 332px;
  overflow: auto;
  padding: 10px;
  text-align: center
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
  display: none
}

.videoGrid {
  padding-top: 20px
}

.vid-container {
  border: 1px solid #e5e5e5;
  padding: 5px
}

.videoContainer {
  margin: -10px -10px 0;
  padding-bottom: 10px !important;
  padding-top: 10px !important
}

.vid-item {
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 8px 0
}

.vid-item:last-child {
  border-bottom: 0 solid #e5e5e5
}

.vid-item:hover {
  background-color: #f5f5f5
}

.imageGalleryModal .modal-dialog {
  margin: 10px auto
}

.investingGallery {
  background-color: #f4f4f4;
  padding-bottom: 20px;
  padding-top: 40px
}

.investingGallery .modal-body {
  padding: 1px
}

.investingGallery .panel-default>.panel-heading {
  padding: 2px
}

.investingGallery .panel-default>.panel-heading a:hover img {
  opacity: .65
}

.investingGallery .panel-default>.panel-heading a img {
  transform: translate(0, 0);
  transition: opacity 0.15s linear 0s
}

.investingGallery .panel-default>.panel-body {
  padding: 2px 10px;
  text-align: left
}

.investingGallery .panel-default>.panel-body>h4 {
  margin-bottom: 5px;
  margin-top: 5px
}

.investingGallery .panel-default>.panel-body>p {
  font-size: 12px;
  line-height: 16px
}

.investingGallery .panel-default {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

#ideaListNav .btn-group-xs>.btn,
.btn-xs {
  width: auto !important
}

.landingBanner p {
  font-size: 17px;
  font-weight: 300;
  line-height: 160%;
  margin-top: 20px;
  padding-right: 71px;
  text-align: left
}

.introInnerHeader.introInnerHeaderEvaluation {
  color: #333
}

div#company_header_placeholder>span>.col-md-7 {
  width: 42%;
  padding-right: 0;
  padding-left: 0
}

div#company_header_placeholder>span>.col-md-3 {
  width: 15%;
  padding-right: 0;
  padding-left: 0
}

.col-md-2.userstockInfoDiv {
  width: 25%;
  padding-right: 0;
  padding-left: 3%;
  text-align: right
}

.padRgtReset {
  padding-right: 0;
  padding-left: 0;
  width: 352px
}

.likeDislikeDesktop .thumbsupIconDesk {
  color: #999
}

.likeDislikeDesktop {
  float: left;
  display: inline-block;
  margin-top: 5px
}

.likeDislikeDesktop a {
  padding-left: 20px
}

.dislikeDesktop {
  position: relative;
  top: 3px
}

.introInnerHeader {
  background: #fff;
  color: #f8f8f8;
  padding-top: 90px;
  text-align: center
}

.introInnerHeaderCanslimbanner {
  padding-top: 60px;
}

.introInnerHeaderSearch {
  padding-top: 175px;
}

.introInnerHeader#myPortfolioHeader {
  padding-top: 78px
}

.landingPrelogin {
  display: none
}

.introInnerHeader.landingPostlogin {
  padding-bottom: 0
}

#landingPage .footerGap,
#home-AfterSignUp .footerGap,
#subscriptionNew .footerGap {
  height: 0px !important
}

.introInnerHeaderReseller {
  background: rgba(0, 0, 0, 0) url(../img/resellerBnr.jpg) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 560px;
  text-align: center
}

.landingIcons {
  margin-bottom: 40px;
  margin-top: 40px
}

.menuIcons img {
  width: 39%
}

.menuIcons {
  display: block
}

.menuIcons:hover {
  border-radius: 5px;
  box-shadow: 0 0 6px #ddd
}

.menuIcons h4 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  text-decoration: none
}

.menuIcons:hover {
  text-decoration: none
}

.menuIcons p {
  color: #666;
  font-size: 16px;
  margin: 0;
  padding-bottom: 15px
}

.userInformation h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 0
}

.userInformation p {
  font-size: 13px;
  margin-bottom: 0;
  overflow-wrap: break-word
}

.userInformationDiv {
  margin-bottom: 10px
}

.loginInnerDp {
  left: inherit !important;
  margin-left: -260px;
  top: 95% !important;
  width: 350px !important
}

.chartIcon {
  margin-left: 8px;
  margin-top: -5px
}

.fa-border {
  color: #333 !important
}

.droupdownOptionsSelect .btn-default {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  padding: 1px 5px
}

.droupdownOptionsSelect .dropdown-menu {
  left: auto;
  right: 0;
  width: auto
}

.droupdownOptionsSelect {
  margin-top: -28px
}

.dropdownOptions {
  bottom: 20px !important;
  box-shadow: 1px 0 7px #999 !important;
  left: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  right: 0 !important;
  width: auto !important
}

.dropdownOptions>li>a {
  border-bottom: 1px solid #e5e5e5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px !important;
  width: 62px
}

#selectweeklyMonthlyDailyEn .dropdownOptions>li>a,
#selectweeklyMonthlyDailyEnMob .dropdownOptions>li>a {
  background-color: #fff;
  border: 1px solid #e5e5e5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px !important
}

.custormerinforDate {
  border: 1px solid #333;
  height: 100px;
  width: 100px
}

.viewDisclaimerContent {
  display: none
}

.viewDisclaimerContent {
  color: #000;
  font-size: 13px;
  font-weight: 300
}

.priceInrForm {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0 20px
}

.priceText {
  color: #6e2a8f;
  font-weight: 600;
  padding-right: 10px
}

.priceAlertMsg {
  color: red;
  font-weight: 300;
  padding-right: 10px
}

.priceInr {
  color: #999;
  padding-right: 10px !important
}

.priceVolumeCol {
  display: inline;
  width: 70px
}

.priceAndVolumeDiv p {
  border-top: 1px solid #e5e5e5;
  color: #333;
  margin-bottom: 0;
  padding: 10px 20px
}

.priceAndVolumeDiv p:first-child {
  border-top: 0 solid #e5e5e5
}

.ideaListNav .btn-link {
  color: #6e2a8f
}

.btnSettingsModal {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #6f2c91;
  margin-right: 10px;
  line-height: 16px !important
}

.detailsHead {
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  float: right;
  padding-bottom: 15px
}

.detailsHead select {
  padding: 5px 10px
}

.detailsHr {
  margin-bottom: 10px;
  margin-top: 10px
}

.canslimRating {
  font-size: 14px;
  font-weight: 600
}

.formattedDescriptionContant {
  font-size: 11px
}

.detailsGroupWebsiteLink a {
  font-size: 13px;
  padding-left: 10px
}

#master_score_placeholder {
  margin-left: -13px
}

#model_stock_placeholder {
  margin-left: 3px;
  margin-top: 10px
}

.contentMasters {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0
}

.graphCloseBtn {
  border-radius: 0 !important;
  padding: 1px 7px !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999
}

.graphCloseBtn.graphCloseBtnMob {
  right: 0;
  top: 0
}

.canSlimMeter {
  box-sizing: border-box;
  float: right;
  height: 250px;
  margin: 20px;
  position: absolute;
  width: 250px
}

.tableRelated tbody tr td {
  color: #6e2a8f
}

.tableRelated tbody tr td a {
  color: #6e2a8f
}

.evaluationHr {
  margin-bottom: 0 !important;
  margin-top: 10px
}

.selectBtnWDM {
  padding-bottom: 5px;
  padding-right: 50px;
  padding-top: 48px;
  text-align: right
}

.right-side-panel .selectBtnWDM {
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 15px;
  text-align: right;
  float: right;
  padding-left: 10px
}

.mobiledropdown {
  text-align: right
}

#company_header_placeholderPopUp h4,
#company_header_placeholderPopUpMob h4 {
  padding-bottom: 5px;
  padding-left: 40px
}

.selectBtnWDM label {
  border-radius: unset !important;
  font-size: 14px;
  font-weight: 700
}

.selectBtnWDM .radio-inline {
  padding-left: 35px
}

.iframeHidden {
  opacity: 0;
  position: absolute;
  z-index: -1
}

.iframeHidden>iframe {
  border: 0 none !important;
  height: 125px;
  width: 125px
}

.evaluationValuesTab {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px
}

.evaluationValuesTab h4 {
  color: #6e2c90;
  font-weight: 600
}

.nagativeValues {
  color: #2736e9 !important;
  padding-left: 10px
}

.evaluationValuesTab span {
  color: #000
}

.evaluationPopUpHeader {
  margin-top: 5px
}

.searchautoSelect {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  height: auto;
  margin-top: -2px;
  padding: 10px;
  position: fixed;
  width: 94%;
  z-index: 1032
}

.searchautoSelect {
  margin-top: 5px;
  right: 55px;
  width: 250px
}

.enlargeSearchautoSelect {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 11px;
  height: auto;
  margin-top: 31px;
  padding: 10px;
  position: fixed;
  width: 94%;
  z-index: 1032
}

.enlargeSearchautoSelect {
  width: 270px
}

.switch-field {
  overflow: hidden;
  text-align: left
}

.evaluationlargeBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 25px
}

.evaluationlargeBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.evaluationlargeBtnbelowchart .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.evaluationlargeBtnbelowchart {
  float: right
}

.patternBtnbelowChart {
  margin-top: 6px;
  float: right
}

.enlargeBtn {
  right: 0;
  position: absolute;
  z-index: 0
}

.enlargeBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.oholitagBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 60px
}

.oholitagBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.chartPrintBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 120px
}

.chartPrintBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.chartShareBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 83px
}

.chartShareBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.switch-title {
  margin-bottom: 6px
}

.switch-field input {
  display: none
}

.switch-field label {
  float: left
}

.switch-field h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px
}

.switch-field label {
  background-color: #e4e4e4;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset, 0 1px rgba(255, 255, 255, .1);
  color: rgba(0, 0, 0, .6);
  display: inline-block;
  font-size: 12px;
  font-weight: 600 !important;
  padding: 6px 4px;
  text-align: center;
  text-shadow: none;
  transition: all 0.1s ease-in-out 0s;
  width: 44px
}

.switch-field label:hover {
  cursor: pointer
}

.switch-field input:checked+label {
  background-color: #6e2c90;
  box-shadow: none;
  color: #fff
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0
}

.switch-field-enlarge {
  overflow: hidden;
  text-align: left
}

.switch-title {
  margin-bottom: 6px
}

.switch-field-enlarge input {
  display: none
}

.switch-field-enlarge label {
  float: left
}

.switch-field-enlarge h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px
}

.switch-field-enlarge label {
  background-color: #e4e4e4;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset, 0 1px rgba(255, 255, 255, .1);
  color: rgba(0, 0, 0, .6);
  display: inline-block;
  font-size: 12px;
  font-weight: 600 !important;
  padding: 6px 4px;
  text-align: center;
  text-shadow: none;
  transition: all 0.1s ease-in-out 0s;
  width: 47px
}

.switch-field-enlarge label:hover {
  cursor: pointer
}

.switch-field-enlarge input:checked+label {
  background-color: #6e2c90;
  box-shadow: none;
  color: #fff
}

.switch-field-enlarge label:first-of-type {
  border-radius: 4px 0 0 4px
}

.switch-field-enlarge label:last-of-type {
  border-radius: 0 4px 4px 0
}

.modalSitchBody {
  padding: 0
}

#custom-search-input {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
  padding: 0;
  position: fixed;
  width: 250px;
  z-index: 1036;
  top: 7px;
  display: none;
}

.enlargesearchInput {
  display: inline-block !important;
}

.controlBtnGroup .btn {
  font-size: 13px;
  margin-bottom: 0;
  padding: 4px 12px
}

.controlBtnGroup .btn-primary {
  background: #999 linear-gradient(to bottom, #999999, #4f4f4f) repeat scroll 0 0;
  border-color: #999 !important;
  border-radius: 0;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  padding: 3px 10px;
  text-decoration: none
}

.controlBtnGroup .btn-primary:hover {
  background: #b0b0b0 linear-gradient(to bottom, #b0b0b0, #828282) repeat scroll 0 0;
  text-decoration: none
}

.controlBtnGroup {
  margin-top: 5px
}

.evaluationGraphFrame {
  background-color: #fff;
  height: 552px;
  padding-top: 2px;
  width: 100%
}

.evaluationGraphFrameEnlarge {
  background-color: #fff;
  height: 100%;
  padding-top: 2px;
  width: 100%
}

#custom-search-input input {
  border: 0 none;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  padding: 0;
  width: 170px
}

#custom-search-input button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  color: #666;
  margin: 2px 0 0;
  padding: 0 8px 0 10px
}

#custom-search-input button:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ccc;
  border-image: none;
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  box-shadow: none
}

#custom-search-input .glyphicon-search {
  font-size: 23px
}

.addBtn .btn-lg {
  margin-left: -20px;
  padding: 7px 14px;
  position: fixed;
  z-index: 1036
}

.evaluationValues {
  background: #f2f2f2;
  margin: 20px 0 -10px;
  padding: 10px 30px;
  text-align: left
}

.evaluationValues h1 {
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.2em
}

@media (max-width:1280px) {
  .evaluationValues h1 {
    font-size: 18px
  }
}

.volumeOne {
  padding-left: 3px;
  font-size: 16px
}

.volumeOne b {
  color: #de32ae;
  padding-left: 10px
}

.volumeTwo {
  color: #2736e9;
  padding-left: 5px
}

.rationValue {
  font-size: 21px;
  font-weight: 600;
  padding-right: 5px
}

.companyNameBold {
  color: #639;
  font-weight: 600
}

.priceVol {
  font-size: 16px;
  margin-left: 23px
}

#enlargePopUp .modal-header {
  padding: 0 15px
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li.ideaListNav {
  float: right
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-top: 0;
  border-left: 0;
  border-right: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border-bottom: 1px solid #6e2a8f !important
}

.nav-tabs>li>a {
  border: medium none;
  color: #666
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
  background: transparent none repeat scroll 0 0;
  border: medium none
}

.nav-tabs>li>a::after {
  background: #6e2a8f none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scale(0);
  transition: all 250ms ease 0s;
  width: 100%
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
  transform: scale(1)
}

.tab-nav>li>a::after {
  background: #21527d none repeat scroll 0 0;
  color: #fff
}

.sideMenu {
  bottom: 0;
  left: 10px;
  margin-top: 20px;
  position: fixed;
  width: 50px;
  z-index: 2048
}

.sideMenuMobile {
  margin-right: -50px
}

.menuBtnMobile {
  background: #6f2c91 linear-gradient(to bottom, #6f2c91, #671891) repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: 0 5px 10px #999;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 10px
}

.menuBtnMobile i {
  color: #fff;
  font-size: 20px;
  padding: 5px
}

.mainMenuListDiv {
  display: none
}

.menuBtnMobile:hover {
  background: #79389c linear-gradient(to bottom, #79389c, #602580) repeat scroll 0 0
}

.sideMenu ul {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

.sideMenu ul li {
  background: #e8e8e8 linear-gradient(to bottom, #e8e8e8, #d4d4d4) repeat scroll 0 0;
  border-radius: 33px;
  font-size: 12px;
  list-style: outside none none;
  margin-bottom: 7px;
  padding: 7px
}

.sideMenu ul li a {
  border-radius: 36px
}

.sideMenu ul li:hover {
  background: #f7f7f7 linear-gradient(to bottom, #f7f7f7, #ebebeb) repeat scroll 0 0
}

.tab-content {
  padding: 20px 20px
}

#currentHoldingMPChart .card {
  margin-bottom: 0
}

.card {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  margin-bottom: 30px
}

.card .nav>li>a {
  display: block;
  font-size: 18px;
  padding: 10px 15px;
  position: relative
}

.card.autoportfolioCard .nav>li>a {
  padding: 15px 15px 10px 15px
}

.masters {
  background-color: #702c91;
  height: 50px;
  width: 50px
}

.masters b {
  color: #fff;
  font-size: 30px;
  line-height: 50px
}

.evaluationTab b {
  color: #2736e9
}

.evaluationTab h4 {
  margin-bottom: 4px;
  margin-top: 0;
  font-size: 15px
}

.viewDetailedReports:focus {
  outline: none
}

.viewDetailedReports {
  background-color: #e5e5e5;
  border: 1px solid #6e2a8f;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  margin-left: 14px;
  margin-top: 2px;
  padding: 0 7px;
  right: 25px
}

.viewDetailedReports:hover {
  background-color: #6e2a8f;
  color: #fff;
  border: 1px solid #6e2a8f
}

.viewDetailedReports.reportsStock {
  background-color: #6e2a8f;
  border: 1px solid #6e2a8f;
  padding: 3px 12px;
  color: #fff;
  box-shadow: 0 3px 10px 0 #e3d8e8
}

.viewDetailedReports.reportsStock:hover {
  background-color: #e5e5e5;
  border: 1px solid #6e2a8f;
  color: #6e2a8f;
  box-shadow: none
}

.evaluationTab h4 b {
  color: #000;
  font-weight: 700
}

.modal-enlarge {
  margin: 6px;
  position: relative;
  width: 100%
}

.evaluationGraph {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  height: 552px;
  display: initial
}

.evaluationGraphEnlarge {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  height: 80vh
}

.evaluationStrength {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  margin-top: 10px;
  padding: 0 10px
}

.evaluationStrength h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 5px
}

.greatPercent {
  color: #2736e9;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.fairPercent {
  color: #555;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.goodPercent {
  color: #2736e9;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.poorPercent {
  color: #de32ae;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.naPercent {
  color: #555;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  opacity: .5
}

.evaluationStrength h3 {
  margin-bottom: 6px;
  margin-top: 0;
  line-height: 28px
}

.progress .progress-bar {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: animateBar;
  animation-timing-function: ease-in
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.progress-bar-great {
  background-color: #2736e9
}

.progress-bar-fair {
  background-color: #555
}

.progress-bar-good {
  background-color: #2736e9
}

.progress-bar-na {
  background-color: #555;
  opacity: .6
}

.progress-bar-poor {
  background-color: #de32ae
}

.evaluationStrengthTabs {
  cursor: pointer;
  margin-bottom: -5px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 1px 5px
}

.removeChecklistHeader .evaluationStrengthTabs {
  padding: 1px 25px
}

.greatPercentValue {
  color: #2736e9;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.goodPercentValue {
  color: #2736e9;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.fairPercentValue {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.poorPercentValue {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.naPercentValue {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.goodPercentValue {
  color: #2736e9;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.evaluationStrengthTabs:hover {
  background-color: #e5e5e5
}

.epsStrengthValue {
  color: #2736e9
}

.fairStrengthValue {
  color: #555
}

.addtoListBtn {
  padding-top: 24px
}

.introInner {
  padding-bottom: 10px
}

.industryGroup h1 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 0
}

.industryGroup h2 {
  font-size: 16px;
  margin-top: 10px
}

.industryGroup .table>thead>tr>th {
  border-top: 1px solid #ddd !important;
  color: #666
}

.industryGroup .table>thead>tr>th {
  border-bottom: 0 solid #ddd
}

.industryGroup .table>thead>.mainTableHeader>th {
  border-bottom: 0 none;
  border-top: 0 solid #ddd !important;
  color: #666;
  padding: 1px 5px
}

.priceInrSlide {
  padding-left: 25px !important
}

.tdGroup {
  color: #2736e9
}

.detailsGroup {
  font-size: 14px;
  font-weight: 600 !important;
  margin-top: 0;
  padding-top: 0
}

.tableRaleted>thead>tr>th {
  font-size: 13px;
  text-align: right
}

.tableRaleted>tbody>tr>td {
  font-size: 13px;
  text-align: right
}

.table-space>thead>tr>th {
  font-size: 11px !important;
  text-align: right
}

.tableHeadSlideText>thead>tr>.priceInrSlide {
  position: absolute;
  right: 40px;
  width: 100% !important
}

.table-space>tbody>tr>td {
  font-size: 10px !important;
  text-align: right
}

.detailsGroup h3,
h4,
h5 {
  font-weight: 400
}

.table-slide .table>tbody>tr:nth-child(2n) {
  background: #f0f0f0 none repeat scroll 0 0
}

.table-slide .table>thead>tr>th {
  padding: 4px 8px;
  width: 55px
}

.table-slide .table>tbody>tr>td {
  padding: 4px 6px !important;
  font-size: 13px
}

@media (max-width:991px) {
  .informationIdeiaList {
    z-index: 999;
    font-size: 14px;
    right: 15px;
    position: absolute;
    width: 40px;
    background: transparent;
    border: none
  }

  .portfolioTableMob {
    margin-top: 20px !important
  }

  .portfolioTableMob .fa {
    font-size: 14px !important
  }

  .portfolioTableMob tr td {
    font-size: 13px
  }

  .portfolioTableMob tr td:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .portfolioTableMob tbody>tr>td:first-child,
  .portfolioTableMob tbody>tr>td:nth-of-type(2),
  .portfolioTableMob tbody>tr>td:nth-of-type(3) {
    font-weight: 500
  }

  .qtyAction {
    float: right;
    display: inline-block;
    padding-right: 10px
  }

  table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%
  }

  table span.dtr-data {
    font-weight: 400;
    float: right
  }

  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #79389c;
    color: #fff
  }

  span.dtr-title {
    margin-left: 25px;
    font-weight: 400 !important
  }

  .portfolioTableMob .child li:nth-of-type(odd) {
    background-color: #f7f7f7
  }

  .portfolioTableMob .child li:nth-of-type(even) {
    border: solid 1px #f0f0f0
  }

  .video-container-mob {
    padding-right: 0;
    padding-left: 0
  }

  .mob-video-div {
    margin-top: 0
  }

  .video-hdr {
    text-align: center;
    padding-bottom: 30px;
    margin-top: 50px
  }

  .video-hdr::after {
    margin: auto
  }

  .scrollToTop {
    font-size: 39px !important;
    bottom: 35px !important
  }

  .custom-block-1 {
    left: 15px;
    padding: 0 5px 0 2px
  }

  .custom-details-row-1 {
    background-color: #f5f2f0;
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 1px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0
  }

  #fundamntlEarningTableId {
    margin-bottom: 0;
    border-right: 1px solid #ddd
  }

  #combineCustomBlockRow {
    margin-right: 0
  }

  .custom-block-2 {
    left: 15px;
    padding-left: 0
  }

  .custom-block-2,
  .custom-block-3 {
    height: auto !important
  }

  .custom-block-3 {
    border-left: 4px solid #dcdcdc;
    left: 15px;
    padding-left: 0
  }

  .value-block-5 {
    padding-left: 22px
  }

  .epsDueDiv-mob {
    float: right;
    font-size: 14px;
    font-weight: 600
  }
}

@media (min-width:1300px) {
  .ownershipChart {
    margin-top: -60px !important
  }
}

@media (min-width:992px) {
  .col-md-4.col-md-offset-3.searchSetMargin {
    margin-left: 23%
  }

  .adsense .col-md-4.col-md-offset-3.searchSetMargin {
    margin-left: 19%
  }

  .checklistRight {
    margin-top: 6px
  }

  .informationIdeiaList.iconRight {
    right: 5px
  }

  #ideaListsPage.basicGuestUser .informationIdeiaList.iconRight {
    right: 0
  }

  #investing-video-body .introInnerHeader {
    padding-bottom: 80px
  }

  .marginAdjust {
    margin-left: 13%;
    width: 75%
  }

  #reportStockModal .modal-dialog {
    width: 800px !important
  }

  #portfolioStockModal .modal-dialog,
  #performanceChartModel .modal-dialog {
    width: 800px !important
  }

  .custom-block-1 {
    background-color: #f6f6f6;
    left: 15px;
    padding: 10px 5px 12px 2px
  }

  .custom-block-2 {
    background-color: #f6f6f6;
    border-left: 4px solid #dcdcdc;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 10px
  }

  .custom-block-3 {
    background-color: #f6f6f6;
    border-left: 4px solid #dcdcdc;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 10px;
    right: 15px
  }

  .btnWrapper {
    width: 330px !important
  }

  #marketConditionHist .modalWithArrow {
    margin-top: -75px
  }

  #marketConditionHist .modalWithArrow.modalWithOutAd {
    margin-left: -240px
  }

  #ideaListsPage.basicGuestUser .stockChart .logoSpinnerImgSmall {
    left: 70.8px
  }

  .referAFriendMain {
    padding: 10px 10px 40px 10px
  }

  .basicGuestUser .ideaListsiconsRating ul li a span {
    padding: 7px 8px
  }

  .ownershipChart {
    margin-top: -48px;
    margin-bottom: -60px
  }

  .pie-info {
    margin-top: 13px !important
  }

  .market-condition-status .table>tbody>tr>td {
    padding: 16px 16px 11px
  }

  .extraPadding {
    padding: 0 70px
  }
}

.combine-custom-block {
  font-size: 13px;
  font-weight: 400
}

.details-block-1 .details {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-2 .details {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-3 .details {
  font-weight: 400; //overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-4 .details {
  font-weight: 400; //overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-5 .details {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px
}

.line {
  padding-right: 0;
  position: relative
}

.line::after {
  border-right: 5px solid rgba(255, 255, 255, .15);
  bottom: -15%;
  content: "";
  position: absolute;
  right: 0;
  top: -22%
}

.custom-details-row-1 {
  background-color: #f6f6f6;
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 1px;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-top: 15px
}

.custom-details-row-2 {
  background-color: #f6f6f6;
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 1px;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-top: 15px
}

.checkListsGroup h4 {
  background-color: rgb(102, 138, 237);
  color: #fff !important;
  font-weight: 600;
  margin: 0;
  padding: 10px;
  text-align: center
}

.checkListsGroup small {
  color: #fff !important;
  font-size: 11px;
  font-weight: 600;
  padding-left: 12px
}

.checkListsGroup .table>tbody>tr>td:nth-of-type(2) {
  background-color: #f5f5f5;
  font-weight: 600
}

.checkListsGroup .table>tbody>tr>td:nth-of-type(4) {
  background-color: #f5f5f5;
  font-weight: 600
}

.checkListFail i {
  color: #f81717
}

.ratingBtnDiv {
  color: #999;
  cursor: pointer;
  padding-bottom: 5px;
  padding-top: 10px
}

.ratingBtnDivYellow {
  color: #ffa824
}

.dwmBtn {
  margin-top: 10px
}

.main_ctnt {
  border: 1px solid #000;
  margin: 100px;
  padding: 15px;
  width: 650px
}

.morectnt span {
  display: inline
}

.showmoretxt {
  display: none
}

.optionDWM {
  margin-top: 20px
}

.optionDWMEnlarge {
  margin-top: 20px
}

.canslimProgress {
  margin: 0 25px
}

#nextInList {
  color: #000 !important
}

#nextInList:hover {
  color: #666 !important
}

#previousInList {
  color: #000 !important
}

#previousInList:hover {
  color: #666 !important
}

.filterOptionsList .btn-default:hover {
  background-color: #999;
  border-color: #999;
  color: #fff
}

.filterOptions .btn-group .active:hover {
  background-color: #6e2c90
}

.downUpArrows {
  color: rgb(51, 51, 51);
  font-size: 20px;
  padding-left: 13px
}

.bell-colorChange {
  color: #000 !important
}

.panel-heading .accordion-toggle::after {
  color: grey;
  content: "\e114";
  float: right;
  font-family: "Glyphicons Halflings";
  right: 0
}

#ideaListsPage .panel-heading .accordion-toggle::after {
  margin-top: -15px
}

#modelPortfolioPage .panel-heading .accordion-toggle::after {
  margin-top: -15px
}

.panel-heading .accordion-toggle.collapsed::after {
  content: "\e080"
}

.accordion-video .accordion-toggle:after {
  font-family: 'FontAwesome';
  font-family: 'Glyphicons Halflings';
  content: "\e113";
  float: right;
  color: #fff
}

.accordion-video .accordion-toggle.collapsed:after {
  content: "\e114";
  color: #5f6879
}

.accordion-video .accordion-toggle.collapsed {
  background-color: #eaecf0 !important;
  color: #5f6879 !important
}

.accordion-video .accordion-toggle {
  background-color: #000;
  color: #fff
}

.accordion-video {
  padding: 0 0px !important
}

.accordion-video .accordion-toggle {
  padding: 20px 15px !important;
  background-color: #78849e !important;
  color: #fff !important;
  display: block
}

.bulbIcon {
  margin-top: -5px;
  width: 3.5%
}

div.bhoechie-tab-container {
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
  opacity: .97;
  padding: 0 !important;
  z-index: 10
}

div.bhoechie-tab-menu {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

div.bhoechie-tab-menu div.list-group {
  margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a {
  margin-bottom: 0;
  cursor: pointer
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5a55a3
}

div.bhoechie-tab-menu div.list-group>a:first-child {
  border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
  border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
  background-color: #6e2c90;
  color: #fff
}

div.bhoechie-tab-menu div.list-group>a.active::after {
  border-bottom: 13px solid transparent;
  border-left: 10px solid #6e2c90;
  border-top: 13px solid transparent;
  content: "";
  left: 100%;
  margin-top: -13px;
  position: absolute;
  top: 50%
}

div.bhoechie-tab-content {
  background-color: #f5f5f5;
  margin-bottom: 30px;
  overflow-x: hidden;
  padding: 10px
}

.currentHoldingsTab {
  background-color: #f5f5f5;
  margin-bottom: 0;
  padding: 10px
}

#currentHoldings.panel-heading {
  color: #6e2c90
}

.ideaListsHeader h4 {
  margin: 0
}

.ideaListContent {
  margin-bottom: 20px
}

.topStocksIndia {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
  margin-bottom: 10px;
  padding: 10px 10px 10px
}

.outlookCommentary {
  padding: 4px
}

.outlookCommentary p {
  font-size: 15px;
  font-weight: 300
}

.stockContant {
  margin-left: 50px
}

.stockChart img {
  border: 1px solid #999;
  height: 125px;
  width: 170px
}

.iframeHidden iframe {
  height: 120px;
  width: 170px
}

.stockChart img {
  height: 120px;
  width: 170px
}

#modelPortfolioPage .iframeHidden iframe {
  height: 100px;
  width: 125px
}

#modelPortfolioPage .stockChart img {
  height: 120px;
  width: 170px
}

.outlookCommentary .panel-body {
  background-color: #fcfcfc
}

#modelportfolio_stock_placeholder .negativeValue {
  font-size: 14px
}

#modelportfolio_stock_placeholder .stockChart img {
  border: 1px solid #999;
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .iframeHidden iframe {
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .stockChart img {
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .iframeHidden iframe {
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .stockChart img {
  height: 100px;
  width: 125px
}

.stockContant h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.stockContant h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.stockContant span {
  padding: 20px
}

.stockContant .row {
  margin-bottom: 10px
}

.stockContant b {
  padding-left: 10px
}

.stockContant .spaceAdjst .col-md-5 {
  padding-left: 0 !important
}

.styleRating {
  color: #2736e9;
  font-weight: 700
}

.currentStock .positiveValue {
  color: #2736e9 !important;
  font-size: 14px
}

.styleRatingLow {
  color: #9e2de0
}

.ideaListBody .panel-body {
  padding: 0
}

.ideaListBody .list-group-item {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px
}

.masterScoreFilter {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px
}

.masterScoreFilter h4 {
  margin: 0;
  text-align: center
}

.masterScoreFilter a {
  color: #6e2c90
}

#filterButton .btn-xs {
  font-size: 9px;
  padding: 1px 3px
}

#filterButtonOnOff {
  margin-top: -2px
}

.sortOrder {
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(229, 229, 229);
  margin-bottom: 15px;
  padding: 10px
}

.sortOrder h4 {
  font-size: 15px;
  font-weight: 600;
  margin-top: 0
}

.switch {
  display: inline-block;
  height: 23px;
  position: relative;
  width: 50px
}

.switch input {
  display: none
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.4s ease 0s
}

.slider::before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 16px
}

input:checked+.slider {
  background-color: #6e2c90
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196f3
}

input:checked+.slider::before {
  transform: translateX(26px)
}

.slider.round {
  border-radius: 34px
}

.slider.round::before {
  border-radius: 50%
}

.applyFilter {
  border-bottom: 1px solid rgb(229, 229, 229);
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px
}

.selectit {
  background-color: green
}

.filterOptions .btn-group .active {
  background-color: #6e2c90
}

.filterOptions .btn-group {
  width: 100%
}

.filterOptions.userlistfoptions .btn-group {
  width: auto
}

.filterOptions {
  margin-top: 15px
}

.filterContants {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px
}

.filterContants p {
  color: #666;
  margin: 0
}

.filterHeading h4 {
  margin-bottom: 0;
  margin-top: 0
}

.currentHoldingAccordion .accordion-toggle {
  display: block
}

.modalPortfolio.newsTabPanel {
  padding: 0;
  margin-top: -15px
}

.modalPortfolio {
  padding: 10px 0
}

.pagination-container {
  text-align: center !important
}

.informationDiv .tooltip.bottom {
  padding: 5px 0;
  margin-top: -15px
}

.indiaModelPortfolio {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: -10px;
  padding: 10px
}

.indiaModelPortfolioNote {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  display: none;
  padding: 20px 10px
}

.indiaModelPortfolioNote h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px
}

.indiaModelPortfolioNote p {
  font-size: 13px
}

.indiaModelPortfolioNote a {
  font-size: 13px !important;
  color: #6e2a8f;
  cursor: pointer
}

#videoModal .modal-body {
  padding: 0
}

.indiaModelPortfolioNote a:hover {
  text-decoration: underline !important
}

.indiaModelPortfolio h4 {
  margin: 0;
  padding-bottom: 5px;
  padding-top: 5px
}

@media(min-width:1370px) {
  .fullLengthbanner .pageHeading {
    margin-top: 0
  }

  .playIcon {
    margin: 80px 0 0 130px
  }
}

.fullLengthbanner .pageHeading {
  margin-left: 0
}

.indiaModelPortfolio i img {
  cursor: pointer;
  height: 20px;
  margin-left: 4px;
  margin-top: -4px;
  width: 20px
}

.indiaModelPortfolio p {
  margin: 0
}

.modalPortfolioTabs .panel {
  background-color: #f5f5f5
}

.modalPortfolioTabs .panel-group .panel {
  border-radius: 0
}

.StockIdeasModalPortfolio {
  padding: 10px 0
}

.StockIdeasModalPortfolio .panel-group .panel {
  border-radius: 0
}

.newsTallHeader h4 {
  font-size: 16px;
  padding-bottom: 10px;
  margin: 0;
  font-weight: 500;
  color: inherit
}

.newspanel {
  margin-bottom: 3px
}

.modelTallHeader h4 {
  font-size: 16px;
  margin: 0;
  padding-bottom: 10px;
  white-space: nowrap;
  width: 265px
}

.tableExecutedBody {
  background-color: #f5f5f5;
  max-height: 400px;
  padding: 5px;
  overflow-y: auto
}

.tableExecutedBody .table {
  background-color: #fff;
  box-shadow: 0 1px 0 #e5e5e5;
  color: #333
}

.modelTallHeader p {
  font-size: 13px;
  line-height: 18px;
  margin: 0
}

.modalPortfolioParaTest {
  display: inline-block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%
}

.modalPortfolioTabs .panel-body {
  font-size: 13px
}

.modalPortfolioBy {
  padding-bottom: 5px
}

.currentStock h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px
}

.currentStock h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.currentStock span {
  padding: 5px
}

.currentStock b {
  padding-left: 10px
}

.currentStock .spaceAdjst .col-md-6 {
  padding-left: 0 !important
}

.readMoreBtn {
  margin-bottom: 20px;
  margin-top: 20px
}

.panel-body h2 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0
}

.readMoreContnt {
  display: none
}

.btn-confirmed {
  background-color: transparent;
  border-color: #039025;
  border-radius: 30px !important;
  color: #6e2c90;
  margin-bottom: 10px;
  padding: 15px 30px !important
}

.btn-confirmed:hover {
  background-color: #702c91;
  border-color: #702c91;
  color: #fff
}

.confirmedText {
  font-size: 18px
}

.btn-confirmed .fa-2x {
  font-size: 1.5em
}

.portfolio-text .rupee-symbol {
  font-size: 14px !important;
  position: absolute;
  margin-left: 7px;
  opacity: .5;
  margin-top: 7px
}

@media (min-width:992px) and (max-width:1199px) {
  .currentStock h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 138px
  }
}

@media (max-width:1180px) {
  .chartPrintForBig {
    display: none
  }

  .notification-bell {
    top: 0px;
  }

  .loginDiv .btn-default {
    padding: 0px 10px;
  }

  .assessmentCard {
    width: 70%
  }

  .ideaListContent.ideaListMenu {
    margin-top: 70px
  }

  .ideaListMenu .informationIdeiaList {
    top: 1px;
    background: none
  }

  .ideaListMenu .panel-default>.panel-heading {
    color: #FFF;
    background-color: #5F7D8D;
    border-color: #5F7D8D
  }

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    margin-top: 8px
  }

  #idea_lists_placeholder.idea_listsMenu .asiIconsMob {
    width: 40px;
    margin-right: 8px;
    margin-top: -3px;
    border-radius: 121px
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(1) .panel-title {
    width: auto
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(2) .panel-title {
    width: auto
  }

  .idea_listsMenu .idealistMenuIcons {
    width: 50px
  }

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    font-size: 18px !important
  }

  .idea_listsMenu .panel-heading {
    padding: 4px 5px
  }

  .idea_listsMenu .ideaListsHeader {
    width: 100%
  }

  .idea_listsMenu .ideaListsHeader small {
    font-size: 13px;
    color: #fff
  }

  .idea_listsMenu .informationIdeiaList {
    right: 20px;
    font-size: 20px;
    padding: 20px 5px
  }

  .ideaListMenu a:hover {
    color: #fff
  }

  .ideaListMenu #idea_lists_placeholder .list-group a,
  .ideaListMenu #idea_mylist_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
  }

  .ideaListMenu .edit-btn .panelLftAlign {
    color: #6e2a8f
  }

  .ideaListMenu .ideaListBody .list-group-item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px
  }

  .ideaListMenu .lockUnlock {
    position: absolute;
    right: 25px;
    color: #6e2a8f;
    display: none
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #6e2a8f
  }

  .viewHistoryMob .pageHeading h4 {
    font-size: 24px;
    margin-left: -5px
  }

  .viewHistoryMob .pageHeading p {
    font-size: 16px;
    margin-bottom: 0;
    text-align: justify
  }

  .historyBtn {
    margin-top: 0
  }

  .relatedSymbolsstock {
    top: 58px;
    width: 100% !important
  }

  .listFlagDiv {
    top: 40px
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    padding-bottom: 5px;
    padding-left: 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 61%;
    margin-left: 15px
  }

  div#company_header_placeholder>span>.col-md-7 {
    width: 69%
  }

  div#company_header_placeholder>span>.col-md-3 {
    width: 30%;
    text-align: right
  }

  .col-md-2.userstockInfoDiv {
    width: 100%;
    margin-top: 10px
  }

  .portfolio-text .rupee-symbol {
    font-size: 14px !important;
    position: absolute;
    margin-left: 7px;
    opacity: .5;
    margin-top: 5px
  }

  .autoSelectHeader {
    position: absolute;
    width: 93%;
    z-index: 1024
  }

  .webSearchAutoHdrDiv {
    width: 314px;
    margin-left: 314px
  }

  .referAFriendSocialIcon .socialIcanList {
    padding-left: 0;
    text-align: center
  }

  .referAFriendSocialIcon .list-inline>li {
    padding-left: 7px;
    padding-right: 7px
  }

  .tableExecutedBody>.table>tbody>tr>td .btn-primary {
    padding: 0 6px
  }

  .modelTallHeader h4 {
    display: inline-block;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
  }

  .fullLengthbanner {
    background: rgba(0, 0, 0, 0) url(../img/fullLengthBanner.jpg) no-repeat scroll center center / cover
  }

  .pageHeading {
    margin-left: 0
  }

  .ideaListsHeader {
    width: 151px
  }

  .addBtn .btn-lg {
    margin-left: 220px;
    position: absolute;
    z-index: 999
  }

  #custom-search-input input {
    width: 100%
  }

  .selectBtnWDM {
    padding-right: 0
  }

  #custom-search-input {
    margin-bottom: 0;
    margin-left: -40px;
    position: static;
    width: 500px
  }

  .pageHeading {
    margin-top: 40px;
    padding: 0 0 15px
  }

  .pageHeading h4 {
    margin-top: 60px
  }

  #landingPage .introInnerHeader {
    height: 300px
  }

  #landingPage .introInnerHeaderReseller {
    height: 500px
  }

  #signUpForm .introInnerHeader {
    height: 180px
  }

  .searchautoSelect {
    margin-top: 0;
    position: absolute
  }

  .enlargeSearchautoSelect {
    margin-top: 0;
    position: absolute
  }

  #landingPage .searchautoSelect {
    margin-left: -40px;
    width: 500px
  }
}

@media (max-width:1024px) {
  #custom-search-input {
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    width: 100%
  }

  #custom-search-input.enlarege-search-input {
    width: 225px;
    margin-top: 5px
  }

  .getAppHide {
    display: inline
  }

  .stockChart .loaderSmall {
    width: 150px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 13px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 67px
  }

  #modelportfolio_stock_placeholder .loaderSmall {
    width: 100px
  }

  .searchEvaluation {
    margin-left: 20%;
    width: 60%
  }

  .ideaListsiconsRating ul li a span {
    padding: 11.3px 13px
  }

  .pageHeading h4 {
    margin-top: 60px
  }

  .ideaListsiconsRating {
    margin: -10px -12px -10px -4px
  }

  .signUpHeaderMobile {
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 0
  }

  .addBtnMobile {
    text-align: left
  }

  .addBtn .btn-lg {
    margin-left: 0
  }

  #landingPage .searchautoSelect {
    margin-left: 0
  }

  .viewHistoryMob .pageHeading {
    margin-top: 0
  }

  .pageHeading {
    margin-top: 20px;
    padding: 0 0 15px;
    display: inline-block
  }

  .learningMain .pageHeading {
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 22px
  }

  .learningMain .introInnerHeader {
    background: none
  }

  .pageHeading h4 {
    margin-top: -25px
  }

  #landingPage .introInnerHeader {
    height: 320px
  }

  #signUpForm .introInnerHeader {
    height: 180px
  }

  .searchautoSelect {
    margin-top: 0;
    position: absolute
  }

  .enlargeSearchautoSelect {
    margin-top: 0;
    position: absolute
  }

  #landingPage .searchautoSelect {
    width: 94.7%
  }
}

@media (max-width:980px) {
  .custom-block-3 {
    border-left: 0 solid #dcdcdc
  }

  .slider_enlargeBox {
    height: auto
  }

  .loginDiv .btn-default {
    padding: 5px 10px;
  }

  .webSearchAutoHdrDiv {
    width: 314px;
    margin-left: 203px
  }

  .priceInr {
    padding-right: 40px !important
  }

  .v-smg {
    display: none !important
  }

  .v-xsg {
    display: inline-block !important
  }

  .stockChart .loaderSmall {
    width: 110px
  }

  .stockChart .logoSpinnerImgSmall {
    left: -13px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: -55px
  }

  .searchEvaluation {
    margin-left: 10%;
    width: 80%
  }

  .gen-ContentFAQ .modelTallHeader h4 {
    width: 100%
  }

  .modelTallHeader h4 {
    width: 265px
  }

  .instrumentDelete {
    float: right;
    margin-right: 10px;
    margin-top: -27px
  }

  .knowMoreBtn {
    width: 100%
  }

  .menuIcons h4 {
    font-size: 16px
  }

  .menuIcons p {
    font-size: 14px
  }

  .selectBtnWDM {
    margin-top: -26px;
    padding-top: 0
  }

  .btnsDiv {
    margin-top: 20px
  }

  .chartsettingbtn {
    position: absolute;
    right: 155px;
    top: -6px;
    border: 1px solid #dcdcdc;
    padding: 0 4px 0;
    border-radius: 0px !important;
    color: #6a2a89
  }

  .right-side-panel .selectBtnWDM {
    margin-top: 0
  }

  #custom-search-input input {
    width: 100%
  }

  .fairPercent {
    font-size: 13px
  }

  .poorPercent {
    font-size: 13px
  }

  .greatPercent {
    font-size: 13px
  }

  .evaluationStrength h4 {
    font-size: 13px
  }

  #myModalLabel>b {
    font-size: 18px !important
  }
}

@media only screen and (min-width:768px) {
  .imageGalleryModal .modal-xs {
    width: 760px
  }

  .stocks-tables {
    padding-bottom: 15px
  }
}

@media only screen and (max-width:767px) {
  table span.dtr-data {
    width: 170px
  }

  #technicalTableMob span.dtr-data {
    width: 130px
  }

  .market-condition-status .table>tbody>tr>td {
    padding: 5px;
    font-size: 12px
  }

  .mktTable {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    background: #fff;
    padding-left: 15px;
    padding-right: 15px
  }

  .market-condition-status .legend-box {
    margin: 6px 0 13px 0;
    font-size: 14px;
    padding: 10px
  }

  .market-condition-status td img {
    width: 1.3em
  }

  .market-condition-status .thead-light th {
    font-size: 3vw;
    font-weight: 400
  }

  .market-condition-status .table>tbody>tr>td:last-child {
    text-align: center
  }

  .epsDueDiv-mob {
    font-weight: 500;
    margin-top: 5px;
    display: block;
    margin-bottom: 12px;
    position: absolute;
    right: 0;
    z-index: 1024
  }
}

@media (max-width:768px) {
  .msiVedioTabpanes .text-bold {
    font-size: 10px;
    line-height: 14px;
    margin-top: 0
  }

  .introInnerHeader {
    padding-top: 50px;
  }

  .loginform {
    padding: 25px 10px
  }

  .stockChart .logoSpinnerImgSmall {
    left: -13px
  }

  .mobRmvBordrrgt {
    border-right: 0px !important
  }

  .introInnerHeaderReseller {
    background: rgba(0, 0, 0, 0) url(../img/resellerBnr-ipad.jpg) no-repeat scroll center center / cover;
    color: #f8f8f8;
    padding-bottom: 50px;
    padding-top: 215px;
    text-align: center
  }

  .evaluationValues {
    margin-top: 0
  }

  .iconInline .instrumentDelete {
    padding-top: 7px !important
  }

  .buyNowLink img {
    width: 55%
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 300px
  }

  .instrumentDelete {
    float: right;
    margin-right: 10px;
    margin-top: -27px
  }

  #checklist_placeholder {
    margin-top: 20px
  }

  #login-dp {
    background-color: #fff;
    color: #fff;
    /* margin-top:-23px; */
  }

  #login-dp .bottom {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    color: #666
  }

  .loader-small {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border-color: #6e2c90 #f3f3f3 #f3f3f3;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 30px
  }
}

@media only screen and (max-width:1199px) {
  ul.banner-social-buttons {
    float: left;
    margin-top: 15px
  }
}

@media screen and (max-width:1280px) and (min-width:980px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 55px
  }

  .evaluationValuesTab h4 {
    font-size: 15px
  }

  .switch-field label {
    width: 34px
  }

  .lockforBG {
    right: 18px;
    top: 0
  }
}

@media screen and (max-width:1180px) and (min-width:768px) {
  .shinelines.dpmStyle {
    width: 40px;
    margin-top: 6px;
    margin-left: 10px
  }

  .shinelines.dtmStyle {
    width: 75px;
    margin-top: 4px;
    margin-left: 0
  }

  .shinelines.dtmStyle2 {
    width: 75px;
    margin-top: 4px;
    margin-left: 6px
  }

  .mktTable {
    margin-top: 12px
  }

  .memberDays {
    width: 22% !important
  }

  .pegeneratedReportRow {
    margin: 0
  }

  .transactionTable .transactionTbody.reportbody>tr>td:nth-of-type(2) {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
  }

  .newHome-iframe.signUpFrameHeight {
    height: 1022px !important
  }

  .newHome-iframe.signInFrameHeight {
    height: 1022px !important
  }

  table span.dtr-data {
    width: 420px
  }

  .asiIcons {
    width: 35px;
    position: absolute;
    bottom: -37px;
    right: 0
  }

  #seminarPage .introInnerHeader {
    padding-bottom: 200px !important
  }

  .referralTAndC {
    margin-top: 30px
  }

  .refferalTAndCHeader .pageHeading {
    margin-top: 70px;
    padding: 0
  }

  #referFriend .container {
    width: 100%
  }

  .nav-tabs {
    margin-top: 30px
  }

  .epsDueDiv {
    top: 72px;
    right: 110px
  }

  .likeDislikeDesktop a {
    padding-left: 15px;
  }

  .smallCaseDiv {
    top: 46px;
    right: 104px
  }

  .lockforlist {
    top: 0;
    right: 394px
  }

  .lockforlist.flagListTab {
    right: 235px;
    top: 0
  }

  .site-title a,
  .site-title-scroll a {
    width: 190px
  }

  .navbar-right.sideNavigationMobile {
    float: none !important
  }

  .sideNavigationMobile>li>a {
    padding: 15px 6px
  }

  #remindText {
    bottom: 90px;
    left: 140px
  }

  #enlargeMobileVer {
    padding-right: 11px
  }

  .pageHeading.staticPageHeading h4 {
    margin-top: 0;
    margin-bottom: -10px
  }

  .idealistDynamicBody {
    margin-top: 60px !important;
    padding: 0
  }

  .ideaListContent.staticContent {
    margin-top: 20px !important
  }

  .btn-portfolioNew {
    width: 115px
  }

  #marketConditionHist .modalWithArrow {
    margin-top: -75px
  }

  .idealistRadioDiv .switch-field-opt label {
    width: 25px;
    font-size: 14px
  }

  .customcardmob.card .nav>li>a {
    padding: 10px
  }

  #viewTranHistoryExport.industryExportDiv {
    padding-bottom: 30px
  }

  #viewTranHistoryExport .industryExport {
    top: 23px
  }

  .userAlertsInfocontainer {
    margin-top: 20px
  }

  .transactionHisDiv {
    margin-top: 0px !important
  }

  .subscriptionpsi a {
    width: 165px
  }
}

@media screen and (max-width:1180px) and (min-width:768px) {
  .asiIconModel {
    width: 40px !important
  }

  .ch-EmptyHeading {
    font-size: 13px;
    padding: 0;
    line-height: 128%
  }

  .ch-EmptyImg {
    margin-top: 10px
  }

  .ChecklistHead .btn {
    width: 200px !important
  }

  #landingPage .introInnerHeader {
    height: 130px;
    background-color: #e9eef0
  }

  .investingVideo-dialog {
    width: 745px
  }

  .investingVideoModal-footer {
    height: 80px;
    vertical-align: middle;
    display: grid
  }

  .marketConditionHistory-subIcon {
    margin-top: 197px;
    left: -14px
  }

  .marketConditionHistory-subIcon:before {
    margin-left: 119px
  }

  .market-condition-status ul li img {
    width: 1.4em
  }

  .market-condition-heading h4 {
    text-align: center
  }

  .modalPortfolio.market-condition-hdr {
    margin-left: 15px;
    margin-right: 13px
  }

  .memberDays {
    width: 36%
  }

  .legend-box {
    margin-left: 2px
  }

  .mktTable {
    padding-left: 16px;
    padding-right: 16px
  }

  .mpChartMobXs td {
    width: 54% !important
  }

  #landingIconsLoader {
    min-height: 120px
  }

  .introInnerHeader.video-block {
    padding-top: 50px
  }

  .custom-tab-menu ul {
    padding: 0
  }

  .VediosDiv .nav-tabs>li {
    padding: 10px 5px
  }

  .btn-custom-previous {
    font-size: 18px
  }

  .btn-custom-next {
    font-size: 18px
  }

  .msiVedioTabpanes .tab-content {
    padding: 20px 55px
  }

  .gen-ContentFAQ .modelTallHeader .overflowIPad h4 {
    overflow: inherit;
    text-overflow: unset;
    white-space: inherit
  }

  .subIconAlertBox_52_67 {
    margin-top: 193px;
    left: 28px
  }

  .subIconAlertBox_52_67:before {
    margin-left: 250px
  }

  .subIconAlertBox_52_66 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_66:before {
    margin-left: 250px
  }

  .subIconAlertBox_52_81 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_81:before {
    margin-left: 259px
  }

  .subIconAlertBox_52_82 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_82:before {
    margin-left: 261px
  }

  .subIconAlertBox_52_83 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_83:before {
    margin-left: 258px
  }

  .subIconAlertBox_52_84 {
    margin-top: 193px
  }

  .subIconAlertBox_52_84:before {
    margin-left: 181px
  }

  .subIconAlertBox_52_85 {
    margin-top: 193px
  }

  .subIconAlertBox_52_85:before {
    margin-left: 181px
  }

  .subIconAlertBox_52_86 {
    margin-top: 193px
  }

  .subIconAlertBox_52_86:before {
    margin-left: 178px
  }

  .subIconAlertBox_52_87 {
    margin-top: 193px
  }

  .subIconAlertBox_52_87:before {
    margin-left: 174px
  }

  .subIconAlertBox_52_88 {
    margin-top: 193px
  }

  .subIconAlertBox_52_88:before {
    margin-left: 189px
  }

  .subIconAlertBox_52_89 {
    margin-top: 193px
  }

  .subIconAlertBox_52_89:before {
    margin-left: 193px
  }

  .subIconAlertBox_52_91 {
    margin-top: 193px
  }

  .subIconAlertBox_52_91:before {
    margin-left: 212px
  }

  .subIconAlertBox_52_92 {
    margin-top: 193px
  }

  .subIconAlertBox_52_92:before {
    margin-left: 172px
  }

  .subIconAlertBox_58_71 {
    margin-top: 193px
  }

  .subIconAlertBox_58_71:before {
    margin-left: 178px
  }

  .subIconAlertBox_58_72 {
    margin-top: 193px
  }

  .subIconAlertBox_58_72:before {
    margin-left: 182px
  }

  .subIconAlertBox_58_73 {
    margin-top: 193px
  }

  .subIconAlertBox_58_73:before {
    margin-left: 209px
  }

  .subIconAlertBox_58_74 {
    margin-top: 193px
  }

  .subIconAlertBox_58_74:before {
    margin-left: 170px
  }

  .subIconAlertBox_58_75 {
    margin-top: 193px
  }

  .subIconAlertBox_58_75:before {
    margin-left: 157px
  }

  .subIconAlertBox_52_65 {
    margin-top: 193px;
    margin-left: auto
  }

  .subIconAlertBox_52_65:before {
    margin-left: 168px
  }

  .subIconAlertBox_52_64 {
    margin-top: 193px;
    margin-left: auto
  }

  .subIconAlertBox_52_64:before {
    margin-left: 208px
  }

  .subIconAlertBox_52_63 {
    margin-top: 193px;
    left: 0
  }

  .subIconAlertBox_52_63:before {
    margin-left: 252px
  }

  .subIconAlertBox_52_62 {
    margin-top: 193px;
    left: 1px
  }

  .subIconAlertBox_52_62:before {
    margin-left: 261px
  }

  .subIconAlertBox_52_61 {
    margin-top: 193px
  }

  .subIconAlertBox_52_61:before {
    margin-left: 235px
  }

  .subIconAlertBox_55_24 {
    margin-top: 185px
  }

  .subIconAlertBox_55_24:before {
    margin-left: 179px
  }

  .subIconAlertBox_55_23 {
    margin-top: 173px;
    margin-right: auto
  }

  .subIconAlertBox_55_23:before {
    margin-left: 176px;
    top: 37px
  }

  .subIconAlertBox_55_22 {
    margin-top: 173px;
    margin-right: auto
  }

  .subIconAlertBox_55_22:before {
    margin-left: 250px;
    top: 37px
  }

  .subIconAlertBox_55_21 {
    margin-top: 173px
  }

  .subIconAlertBox_55_21:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_55_25 {
    margin-top: 187px
  }

  .subIconAlertBox_55_25:before {
    margin-left: 161px;
    top: 26px
  }

  .subIconAlertBox_55_20 {
    margin-top: 173px
  }

  .subIconAlertBox_55_20:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_55_15 {
    margin-top: 173px
  }

  .subIconAlertBox_55_15:before {
    margin-left: 180px;
    top: 37px
  }

  .subIconAlertBox_52_19 {
    margin-top: 173px
  }

  .subIconAlertBox_52_19:before {
    margin-left: 183px;
    top: 37px
  }

  .subIconAlertBox_52_17 {
    margin-top: 173px
  }

  .subIconAlertBox_52_17:before {
    margin-left: 169px;
    top: 37px
  }

  .subIconAlertBox_52_16 {
    margin-top: 173px
  }

  .subIconAlertBox_52_16:before {
    margin-left: 169px;
    top: 37px
  }

  .subIconAlertBox_51_9 {
    margin-top: 173px
  }

  .subIconAlertBox_51_9:before {
    margin-left: 171px;
    top: 37px
  }

  .subIconAlertBox_51_8 {
    margin-top: 173px
  }

  .subIconAlertBox_51_8:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_51_7 {
    margin-top: 173px
  }

  .subIconAlertBox_51_7:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_51_6 {
    margin-top: 173px !important
  }

  .subIconAlertBox_51_6:before {
    margin-left: 154px;
    top: 37px
  }

  .subIconAlertBox_56_93 {
    margin-top: 173px !important
  }

  .subIconAlertBox_56_93:before {
    margin-left: 154px;
    top: 37px
  }

  .Block3ipad {
    padding-left: 35px
  }

  .Block2ipad {
    padding-left: 35px
  }

  .Block1ipad {
    padding-left: 10px
  }

  .details-block-1,
  .details-block-4,
  .details-block-5 {
    padding-left: 2px
  }

  .value-block-4 {
    padding-left: 11px
  }

  .value-block-5 {
    padding-left: 18px
  }

  #addScreenButton {
    padding-top: 33px
  }

  .panelLftAlign {
    text-align: left !important
  }

  .buyNowLink img {
    width: 30%
  }

  #enLargeButtonRight,
  #enLargeButtonRightMob {
    padding: 4px
  }

  #enLargeButtonLeft,
  #enLargeButtonLeftMob {
    padding: 4px
  }

  #buttonRight {
    padding: 4px
  }

  #buttonLeft {
    padding: 4px
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -71px;
    top: 0
  }

  .buyNow .btnWrapper .freeTrial {
    margin-left: 10px
  }

  .buyNow .btnWrapper button {
    font-size: 16px;
    padding: 8px 6px;
    width: 150px
  }

  .padRgtReset {
    padding-right: 0
  }

  .stockContant h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
  }

  .stockContant span {
    padding: 0 20px 0 0
  }

  .searchautoSelect {
    margin-left: 0;
    width: 95%;
    right: 15px;
  }

  .enlargeSearchautoSelect {
    margin-left: 0;
    width: 95%
  }

  .pageHeading h4 {
    font-size: 24px;
    position: relative;
    top: 6px
  }

  .trendIcons {
    padding-top: 15px
  }

  .stockContant h3 {
    font-size: 16px;
    text-align: left !important
  }

  .stockContant h5 {
    font-size: 12px
  }

  .stockContant .positiveValue {
    font-size: 16px
  }

  .stockContant .negativeValue {
    font-size: 16px
  }

  .iframeHidden iframe {
    height: 110px;
    width: 135px
  }

  .stockChart img {
    height: 110px;
    width: 135px
  }

  .subscription-iframe {
    height: 1300px;
    width: 100%
  }

  .cupImg.earningDueDate {
    bottom: 22px
  }

  .epstext {
    width: 135px;
    margin-top: 5px;
    font-size: 12px
  }

  .listFlagTabDiv img {
    width: 18px;
    height: 18px;
    margin-left: 9px
  }
}

@media screen and (max-width:980px) and (min-width:800px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 116px
  }

  .evaluationValuesTab h4 {
    font-size: 15px
  }
}

@media screen and (max-width:800px) and (min-width:768px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 26px
  }

  .evaluationValuesTab h4 {
    font-size: 15px
  }

  .evaluationGraph {
    height: 585px
  }
}

@media screen and (max-width:768px) and (min-width:360px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 10px
  }
}

@media only screen and (max-device-width:980px) {
  .mobileIngTwo {
    display: none
  }

  .mobileIngOne {
    display: none
  }

  .userInformationDiv {
    color: #000;
    /* text-align:center; */
    margin-top: 10px
  }

  .evaluationValues h1 {
    margin-bottom: 5px
  }

  .aboutUsImg {
    display: none
  }
}

@media only screen and (max-width:800px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 11px
  }
}

@media only screen and (max-width:768px) {
  .holidayAlert {
    padding: 5px 5px
  }

  .msFooterSection {
    display: none
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 14px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 {
    width: 6%;
    padding-left: 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 66%;
    margin-left: 15px
  }

  #landingPage .msFooterSection {
    display: block !important
  }

  #landingPage .msFooterSection.no-display {
    display: none !important
  }

  .banner h2 {
    font-size: 3em;
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
  }

  ul.banner-social-buttons>li {
    display: block;
    margin-bottom: 20px;
    padding: 0
  }

  ul.banner-social-buttons>li:last-child {
    margin-bottom: 0
  }
}

@media only screen and (max-width:800px) {
  #evaluation-detail-slide {
    height: 583px !important
  }

  #evaluation-enlarge-slide,
  #evaluation-enlarge-slideMob {
    height: 583px !important
  }

  .mobileImage {
    display: none
  }

  .footerMenu li {
    float: left;
    padding: 0 12px
  }

  .companyLogo img {
    margin-top: 65px
  }

  .mouseScroll {
    margin-top: -20px
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    font-size: 14px
  }

  .priceVol {
    font-size: 12px !important;
    margin-left: 18px;
    margin-top: -5px !important
  }
}

@media only screen and (min-width:640px) {

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-color: transparent !important
  }

  .responsiveDropdown {
    display: none
  }
}

@media only screen and (max-width:746px) {
  .subscriptionpsi {
    display: flex;
    flex-direction: column
  }

  .memberDays {
    width: 41%;
  }

  .subscriptionpsitab {
    margin: 10px
  }

  .investingVideo-dialog {
    width: auto
  }

  #idea_lists_placeholder .panel-default:nth-child(1) .panel-title {
    width: 90%
  }

  #idea_lists_placeholder .panel-default:nth-child(2) .panel-title {
    width: 90%
  }

  #idea_lists_placeholder .panel-default .panel-title {
    width: 90%
  }

  .marketSmithImgLogoMobile img {
    display: inline;
    height: 65px;
    width: 185px
  }

  .webSearchAutoHdrDiv {
    width: 314px;
    margin: 0 auto
  }

  #subscriptionForm .modal-body {
    padding: 3px
  }

  .announcementContant {
    padding-left: 0
  }

  .badgeRed {
    font-weight: 400
  }

  .socialMediaImg {
    display: none
  }

  .cupImg {
    width: 20px;
    height: 20px
  }

  .priceInr {
    padding-left: 5px !important
  }

  .applyFilter {
    margin-left: 0;
    margin-right: 0
  }

  #filter .modal-body {
    padding: 10px 3px
  }

  .filterOptions .btn-group-xs>.btn,
  .btn-xs {
    font-size: 10px;
    font-weight: 700
  }

  #filter .panel-body {
    padding: 4px
  }

  .nav-tabs {
    margin-bottom: 4px
  }

  .cardCommentry .nav-tabs {
    margin-bottom: 4px
  }

  .contentMasters {
    font-size: 14px
  }

  .iconInline .instrumentDelete {
    padding-top: 19px !important
  }

  .combine-custom-block {
    font-size: 13px
  }

  .searchBarMobile {
    display: inline
  }

  #landingPage .introInnerHeader {
    height: auto
  }

  #signUpForm .introInnerHeader {
    height: auto
  }

  .details-block-1 .details {
    font-size: 13px
  }

  .details-block-2 .details {
    font-size: 13px;
    line-height: 21px
  }

  .value-block-2 {
    line-height: 21px
  }

  .value-block-3 {
    line-height: 21px
  }

  .details-block-3 .details {
    font-size: 13px;
    line-height: 21px
  }

  .details-block-4 .details {
    font-size: 13px
  }

  .details-block-5 .details {
    font-size: 13px
  }

  .custom-details-row-1 {
    font-size: 13px
  }

  .custom-details-row-2 {
    font-size: 13px
  }

  #fundamntlEarningTableId {
    font-size: 10px !important
  }

  #formattedSalesAndEarningTable {
    font-size: 10px !important
  }

  #fundamntlEarningsTablePlus {
    font-size: 10px !important
  }

  #fundamntlEarningsTableMinus {
    font-size: 10px !important
  }

  #salesAndEarningsTablePlus {
    font-size: 13px !important;
    margin-left: 15px
  }

  #salesAndEarningsTableMinus {
    font-size: 13px !important
  }

  .detailsGroup {
    font-size: 15px
  }

  .payment .progress {
    height: 20px
  }

  #formattedDescription {
    font-size: 12px;
    line-height: 16px !important
  }

  #formattedSalesAndEarningTable {
    margin-bottom: 0
  }

  #idea_lists_placeholder .panel-heading h4 {
    font-size: 18px !important
  }

  #idea_lists_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  #idea_mylist_placeholder .panel-heading h4 {
    font-size: 18px !important
  }

  #idea_mylist_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  .site-title a {
    background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
    height: 30px;
    margin-left: 30px;
    margin-top: 12px;
    width: 65px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn,
  .btn-xs {
    font-size: 14px;
    line-height: 14px;
    padding: 4px 10px;
    border-radius: 0 !important
  }

  .evaluationPopUpHeader {
    margin-top: 0
  }

  .modal-enlarge .modal-header {
    padding: 4px
  }

  .selectBtnWDMobile {
    margin-top: -5px;
    padding-top: 5px;
    right: 32px;
    text-align: right
  }

  .addBtn .btn-primary.focus,
  .addBtn .btn-primary.btn-primary:focus {
    background-color: rgb(110, 44, 144);
    border-color: rgb(110, 44, 144);
    color: #fff
  }

  .addBtn .btn-primary:hover {
    background-color: rgb(110, 44, 144);
    border-color: rgb(110, 44, 144);
    color: #fff
  }

  .menuBtnMobile {
    padding: 5px
  }

  .sideMenu {
    width: 40px
  }

  .navbar {
    min-height: 50px
  }

  .navBlackmenubg {
    background: transparent
  }

  .navbar-onscroll .navbar-header {
    background: #f1ebff;
  }

  .aboutHeading {
    display: none
  }

  .site-title-scroll a {
    background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
    display: inline !important;
    height: 38px;
    left: 16px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 6px;
    width: 250px
  }

  .site-title a {
    background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
    display: inline !important;
    height: 38px;
    left: 16px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 6px;
    width: 250px
  }

  .footerMenu li {
    padding: 0 10px
  }

  .bannerText h1 {
    font-size: 45px
  }

  .content-section-a {
    padding: 0
  }

  .section-heading {
    font-size: 24px;
    margin-bottom: 14px;
    text-align: center
  }

  .lead {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
  }

  .subscribeForm {
    height: 40px !important;
    width: 100% !important
  }

  footer li a {
    font-size: 11px !important
  }

  .referAFriendSocialIcon .list-inline>li {
    padding-left: 15px;
    padding-right: 15px
  }

  footer {
    background-color: #000;
    padding: 15px 0;
    text-align: center
  }

  p.copyright {
    color: #ccc !important;
    margin: 15px 0
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-color: #fff;
    border: none
  }

  .mega-dropdown-menu {
    width: 100%
  }

  .responsiveDropdown>li>a {
    color: #fff;
    font-size: 23px;
    margin-top: -3px;
    position: absolute;
    right: 55px
  }

  .mega-dropdown-menu::before {
    right: 52px
  }

  .mega-dropdown-menu::after {
    right: 56px
  }

  .mouseScroll {
    margin-top: 10px
  }

  .content-section-b {
    margin-top: 70px
  }

  .subscribeDiv p {
    font-size: 13px
  }

  .section-heading {
    font-size: 20px;
    font-weight: 300
  }

  .modal-ms {
    margin: auto;
    width: 100%
  }

  .droup-responsive {
    background-color: #fff !important;
    margin-left: -10px;
    margin-top: 70px;
    width: 100%
  }

  .loginBtnIcon {
    display: none
  }

  .loginDiv .btn-default {
    padding: 13px 0;
  }

  .loginDiv>.btn-default>.fa-user {
    font-size: 22px
  }

  .loginDiv .btn-default.active.focus,
  .loginDiv.btn-default.active:focus,
  .loginDiv.btn-default.active:hover,
  .loginDiv.btn-default.focus:active,
  .loginDiv.btn-default:active:focus,
  .loginDiv.btn-default:active:hover,
  .loginDiv.open>.dropdown-toggle.btn-default.focus,
  .loginDiv.open>.dropdown-toggle.btn-default:focus,
  .loginDiv.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    border-color: unset;
    color: #fff !important
  }

  .loginDiv {
    float: right;
    margin-left: 0;
    right: 0
  }

  #accntDiv.loginDiv {
    margin-top: 0
  }

  .loginDiv .btn-default.active,
  .btn-default:active,
  .open>.dropdown-toggle.btn-default {
    color: #fff
  }

  .dropdownLoginMenu {
    left: 0 !important;
    margin-left: 0;
    top: 95% !important;
    width: 100%
  }

  .loginInnerDp {
    right: 0 !important;
    margin-left: 0 !important;
    top: 95% !important;
    width: 100% !important
  }

  .checkboxReg {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center
  }

  #custom-search-input {
    padding: 6px
  }

  .chartSettingsBtn .btn-default {
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: .5;
    margin-top: 4px;
    padding: 11px 13px 0 0;
    position: absolute;
    right: 0
  }

  .inputSearch {
    background-color: transparent;
    color: #fff
  }

  .landingPageIconOne {
    border-bottom: 1px solid #6e2c90;
    border-right: 1px solid #6e2c90;
    padding-top: 10px
  }

  .landingPageIconTwo {
    border-bottom: 1px solid #6e2c90;
    padding-top: 10px
  }

  .landingPageIconThree {
    border-right: 1px solid #6e2c90;
    padding-top: 10px
  }

  .landingPageIconFour {
    padding-top: 10px
  }

  .loginDiv .btn-default {
    color: #ffffff !important
  }

  .pageHeading p {
    font-size: 14px;
    line-height: 18px
  }

  .pageHeading h4 {
    font-size: 22px;
    padding-top: 25px;
    font-weight: 300;
    text-transform: uppercase;
    color: #6f2c91
  }

  .chartIcon {
    width: 6%;
    margin-top: -3px
  }

  .viewHistoryMob .chartIcon {
    width: 12%
  }

  .pageHeading {
    margin-top: 30px;
    padding: 0
  }

  .landingIcons .col-xs-6 {
    padding-bottom: 10px
  }

  .landingIcons .row {
    margin-left: 0;
    margin-right: 0
  }

  .introInnerHeader {
    color: #000;
    text-align: left
  }

  .pageHeading h4 {
    text-shadow: none
  }

  .landingIcons {
    margin-bottom: 40px;
    margin-top: 20px
  }

  #landingIconsLoader {
    min-height: 400px
  }

  .pageHeading p {
    text-shadow: none
  }

  .dropdown,
  .dropup {
    position: static
  }

  .navbar-header {
    background: #fff;
    width: auto !important
  }

  .accountIcon {
    width: 26px;
    height: 26px;
  }

  .introInnerHeader {
    background-color: #fff;
    background-image: none
  }

  .menuIcons p {
    font-size: 13px
  }

  .menuIcons h4 {
    font-size: 17px;
    font-weight: 400;
    color: #000
  }

  .userInformation h4 {
    color: #333
  }

  .userInformation p {
    color: #333
  }

  .introInnerHeader {
    padding-bottom: 0
  }

  .evaluationValuesTab h4 {
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 6px
  }

  .evaluationPopUpHeader h4 {
    font-size: 10px;
    font-weight: 600;
    margin-top: 5px;
    text-align: left
  }

  .input-lg {
    border-radius: 6px;
    font-size: 14px;
    height: 26px;
    line-height: 1.33333;
    padding: 0
  }

  .switch-field label {
    font-size: 11px;
    font-weight: 600 !important;
    padding: 0;
    width: 36px
  }

  .switch-field h4 {
    font-size: 11px !important
  }

  .switch-field-enlarge label {
    font-size: 11px;
    font-weight: 600 !important;
    padding: 0;
    width: 43px
  }

  .switch-field-enlarge h4 {
    font-size: 11px !important
  }

  .introInnerHeader {
    padding-top: 20px
  }

  .introInnerHeaderSearch {
    padding-top: 80px;
  }

  .controlBtnGroup .btn {
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 7px;
    padding: 1px 5px
  }

  .evaluationTabStcok {
    color: #000;
    font-size: 15px;
    font-weight: 400
  }

  .optionDWM {
    font-size: 12px;
    height: 24px;
    padding: 0 2px
  }

  .optionDWM {
    margin-top: 14px
  }

  .optionDWMEnlarge {
    font-size: 12px;
    height: 24px;
    margin-top: 10px;
    padding: 0 2px
  }

  .industryGroup {
    padding-top: 0;
    padding-bottom: 10px
  }

  .relatedExport {
    font-size: 14px
  }

  .addBtn {
    margin-top: -38px;
    position: fixed;
    right: 82px;
    z-index: 1038
  }

  .evaluationTab h4 {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 1px
  }

  .evaluationGraphFrame {
    background-color: #fff;
    height: 275px;
    padding-top: 2px
  }

  .evaluationGraph {
    height: 277px
  }

  .evaluationGraph.iosVersionless13 {
    height: 552px
  }

  .evaluationGraphFrameEnlarge {
    background-color: #fff;
    padding-top: 2px
  }

  .evaluationGraphEnlarge {
    height: 70vh
  }

  .modal-enlarge {
    margin: 0
  }

  #custom-search-input {
    margin-top: -91px;
    width: 100%;
    z-index: 1038
  }

  .masters {
    background-color: #702c91;
    height: 25px;
    width: 25px
  }

  .evaluationStrengthTabs,
  .removeChecklistHeader .evaluationStrengthTabs {
    padding: 1px
  }

  .evaluationStrength h4 {
    font-size: 13px;
    font-weight: 600
  }

  .btn-dwm {
    padding: 2px 11px
  }

  .progress {
    height: 9px;
    margin-bottom: 10px
  }

  .evaluationStrength h3 {
    margin-bottom: 0;
    margin-top: -8px
  }

  .greatPercent {
    font-size: 14px;
    font-weight: 700
  }

  .fairPercent {
    font-size: 14px;
    font-weight: 700
  }

  .goodPercent {
    font-size: 14px;
    font-weight: 700
  }

  .naPercent {
    font-size: 14px;
    font-weight: 700
  }

  .poorPercent {
    font-size: 14px;
    font-weight: 700
  }

  #myModalLabel>b {
    font-size: 17px !important
  }

  .greatPercentValue {
    font-size: 11px
  }

  .fairPercentValue {
    font-size: 11px
  }

  .goodPercentValue {
    font-size: 11px
  }

  .naPercentValue {
    font-size: 11px
  }

  .poorPercentValue {
    font-size: 11px
  }

  .masters b {
    font-size: 16px;
    line-height: 25px
  }

  #custom-search-input button {
    border: medium none;
    color: #fff;
    padding: 0 1px 0 4px
  }

  .addBtn .btn-lg {
    margin-left: 31px;
    margin-top: 52px;
    padding: 2px 8px
  }

  .btnAddPlus {
    display: none
  }

  #custom-search-input .glyphicon-search {
    font-size: 16px
  }

  .addBtnMobile {
    padding-left: 0 !important
  }

  .volumeTwo {
    font-size: 13px;
    padding-left: 0
  }

  .evaluationValues {
    background-color: rgb(255, 255, 255);
    border: 0 none;
    margin-top: 15px;
    padding: 10px;
    min-height: 80px
  }

  .card .nav>li>a {
    font-size: 16px;
    padding: 3px 6px;
    border-bottom: 2px solid transparent !important
  }

  #evaluationCardContainer .card .nav>li>a {
    font-size: 18px;
    padding: 3px 4px
  }

  .cardMyPortfolio .nav>li>a {
    font-size: 16px;
    border-bottom: 2px solid transparent
  }

  .evaluationValues h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: left
  }

  .volumeOne {
    font-size: 16px;
    padding-left: 0
  }

  .volOne {
    font-size: 16px
  }

  .morectnt span {
    display: none
  }

  .showmoretxt {
    display: inline;
    font-size: 11px
  }

  hr {
    margin-bottom: 0;
    margin-top: 5px
  }

  .media-body,
  .media-left,
  .media-right {
    font-size: 12px
  }

  .industryGroup h1 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px
  }

  #userListTable>tbody>tr>td,
  #userListTable>tbody>tr>th,
  #userListTable>tfoot>tr>td,
  #userListTable>tfoot>tr>th,
  #userListTable>thead>tr>td,
  #userListTable>thead>tr>th {
    font-size: 12px;
    padding: 4px
  }

  #search_hints_placeholder .table>tbody>tr>td,
  #search_hints_placeholder .table>tbody>tr>th,
  #search_hints_placeholder .table>tfoot>tr>td,
  #search_hints_placeholder .table>tfoot>tr>th,
  #search_hints_placeholder .table>thead>tr>td,
  #search_hints_placeholder .table>thead>tr>th {
    font-size: 13px !important;
    color: #e5e5e5
  }

  .industryGroup .table>tbody>tr>td,
  .industryGroup .table>tbody>tr>th,
  .industryGroup .table>tfoot>tr>td,
  .industryGroup .table>tfoot>tr>th,
  .industryGroup .table>thead>tr>td,
  .industryGroup .table>thead>tr>th {
    font-size: 13px
  }

  .checkListsGroup h4 {
    font-size: 14px
  }

  .iframeHidden iframe {
    height: 80px;
    width: 115px
  }

  .stockChart img {
    height: 80px;
    width: 115px
  }

  #modelPortfolioPage .iframeHidden iframe {
    height: 80px;
    width: 115px
  }

  #modelPortfolioPage .stockChart img {
    height: 80px;
    width: 115px
  }

  .StockIdeasModalPortfolio .panel-body {
    padding: 10px 7px
  }

  .stockContant span {
    padding: 0
  }

  .stockContant h3 {
    font-size: 14px;
    margin-top: 6px;
    text-align: left
  }

  .styleRating {
    padding-left: 20px !important;
    font-size: 14px !important
  }

  .stockContant h4 {
    font-size: 16px;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px
  }

  .stockContant h5 {
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #666
  }

  .stockContant .row {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
  }

  .masterScoreFilter {
    font-size: 11px
  }

  #ideaListsPage .masterScoreFilter {
    font-size: 14px
  }

  .stockContant .col-xs-12 {
    padding-left: 0;
    padding-right: 0
  }

  .masterScoreFilter h4 {
    font-size: 16px;
    font-weight: 600
  }

  .masterScoreFilter small {
    font-size: 12px
  }

  .masterScoreFilter {
    padding: 15px 5px 5px
  }

  div.bhoechie-tab-content {
    padding: 3px
  }

  .topStocksIndia {
    padding: 5px 0 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia {
    padding: 5px 0 0;
    margin-left: -5px;
    margin-right: -5px
  }

  .ideaListsHeader h4 {
    font-size: 18px;
    font-weight: 600
  }

  .ideaListsHeader small {
    font-size: 13px
  }

  .panel-heading {
    padding: 4px 5px
  }

  .list-group-item {
    font-size: 16px;
    padding: 8px 15px;
    text-align: left
  }

  div.bhoechie-tab-content {
    height: auto
  }

  .gen-ContentFAQ .modelTallHeader h4 {
    display: inline-block;
    overflow: initial;
    text-overflow: unset;
    white-space: inherit;
    width: 314px
  }

  .modelTallHeader h4 {
    display: inline-block;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 314px
  }

  .modelTallHeader small {
    font-size: 75%
  }

  .modelTallHeader h4 {
    padding-bottom: 5px
  }

  .currentStock h4 {
    font-size: 16px
  }

  .currentStock h3 {
    font-size: 11px;
    margin-top: 6px;
    text-align: left
  }

  .currentStock span {
    padding: 0
  }

  .currentStock h5 {
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #555
  }

  .currentStock b {
    padding-left: 4px
  }

  .pagination>li>a,
  .pagination>li>span {
    padding: 0 5px
  }

  .currentHoldingsTab {
    padding: 2px
  }

  .modelTallHeader h4 {
    font-size: 18px;
    font-weight: 600
  }

  .modelTallHeader p {
    font-size: 14px;
    padding-left: 5px
  }

  .mainMenuListDiv img {
    height: 27px;
    width: 27px
  }

  .outlookCommentary p {
    font-size: 16px
  }
}

.eduIcon {
  background: rgba(0, 0, 0, 0) url(../img/eduIcon.png) no-repeat scroll 0 0;
  height: 34px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 34px;
  filter: brightness(.25)
}

.aboutIcon {
  background: rgba(0, 0, 0, 0) url(../img/aboutIcon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 43px;
  filter: brightness(.25)
}

.supportIcon {
  background: rgba(0, 0, 0, 0) url(../img/supportIcon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 40px;
  filter: brightness(.25)
}

.productIcon {
  background: rgba(0, 0, 0, 0) url(../img/productIcon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 33px;
  filter: brightness(.25)
}

.ourToolsIcon {
  background: rgba(0, 0, 0, 0) url(../img/our-tools-icon.png) no-repeat scroll 0 0;
  height: 32px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 32px;
  filter: brightness(.25)
}

.chartOverviewIcon {
  background: rgba(0, 0, 0, 0) url(../img/chart-overview-icon.png) no-repeat scroll 0 0;
  height: 32px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 32px;
  filter: brightness(.25)
}

.historyIcon {
  background: rgba(0, 0, 0, 0) url(../img/history.png) no-repeat scroll 0 0;
  height: 31px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 34px;
  filter: brightness(.25)
}

.detailsTabIcon {
  background: rgba(0, 0, 0, 0) url(../img/details-tab-icon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 38px;
  filter: brightness(.25)
}

.contactIcon {
  background: rgba(0, 0, 0, 0) url(../img/contact-icon.png) no-repeat scroll 0 0;
  height: 29px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 37px;
  filter: brightness(.25)
}

.legalAgreementIcon {
  background: rgba(0, 0, 0, 0) url(../img/legal-agreement-icon.png) no-repeat scroll 0 0;
  height: 32px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 32px;
  filter: brightness(.25)
}

.privacyPolicyIcon {
  background: rgba(0, 0, 0, 0) url(../img/privacy-policy-icon.png) no-repeat scroll 0 0;
  height: 31px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 31px;
  filter: brightness(.25)
}

.resellerIcon {
  background: rgba(0, 0, 0, 0) url(../img/resellerIcon.png) no-repeat scroll 0 0;
  height: 34px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 53px;
  filter: brightness(.25)
}

.detailsTabImg img {
  width: 75%
}

.detailsTabList li {
  font-size: 16px;
  padding: 10px 0
}

.accordion-toggle::after {
  content: "?";
  float: right;
  font-family: "FontAwesome"
}

.accordion-opened .accordion-toggle::after {
  content: "?"
}

#filter .accordion-toggle::after {
  margin-top: -15px
}

.checkListsGroup h4 {
  background-color: transparent;
  color: #666 !important;
  font-size: 36px;
  font-weight: 100;
  margin: 0;
  padding: 10px;
  text-align: center
}

.checkListsGroupScore {
  color: #999 !important;
  display: block;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 5px;
  padding-left: 0;
  text-align: center
}

.surveillanceGroup .checkListsGroupScore {
  color: #666 !important
}

.checkListsGroup>div:first-child {
  background-color: #f7f5f3;
  border: 1px solid #dcdcdc;
  margin-top: 10px;
  padding: 5px 0
}

.resetRow {
  margin-right: 0 !important
}

.temp-loading .progress {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  right: 27px;
  top: -172px;
  transform: rotate(-90deg);
  width: 154px
}

.temp-loading .progress-bar {
  background-color: #ccc;
  box-shadow: none;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  transition: width 0.6s ease 0s;
  width: 0
}

.progress .progress-bar {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: animateBar;
  animation-timing-function: ease-in
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.filterOptions .btn-default {
  border-radius: 0 !important
}

.checkListsGroup .fa-check {
  color: green;
  font-size: 15px
}

.checkListsGroup .fa-times {
  font-size: 15px
}

.checkListsGroup table tr td:last-child {
  text-align: center
}

.checkListsGroup table tr td {
  font-size: 16px;
  font-weight: 300;
  padding: 2px 15px
}

.canSlimHead {
  float: left;
  margin-top: 70px;
  width: 180px
}

.ChecklistHead {
  color: rgb(110, 44, 144);
  font-size: 16px;
  font-weight: 400;
  padding: 10px
}

.ChecklistHead select {
  color: #333;
  font-size: 14px;
  padding: 5px 10px;
  width: auto
}

.ChecklistHead a {
  margin-right: 10px;
  padding-left: 5px
}

.ChecklistHead .btn {
  width: 30%;
  margin-left: 15px;
  margin-bottom: 5px;
  background: #f1f1f1 !important;
  border: solid 1px #79389c;
  color: #79389c;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase
}

.onlyforBasic .ChecklistHead .btn:first-child {
  background: #79389c !important;
  border: solid 1px #79389c;
  color: #fff
}

.btnEvalCheck.btnActive {
  background-color: #6e2a8f !important;
  border-color: #79389c !important;
  color: #fff
}

@media (max-width:360px) {
  .canSlimHead {
    margin-top: 10px
  }

  .checkListsGroup table tr td {
    font-size: 13px;
    padding: 5px
  }
}

#emailAlertBoxMsg .alert {
  margin-bottom: 0
}

#subscribeDiv {
  padding-bottom: 0;
  padding-top: 10px
}

#subscribeDiv h2 {
  margin-bottom: 5px
}

.fa-expand {
  color: #6e2c90
}

.enlargeBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.oholitagBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.chartPrintBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.chartShareBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

#viewScreen .card .nav>li>a {
  padding: 6px 8px
}

@media (max-width:640px) {
  .fa-user-o {
    font-size: 20px !important;
    margin-left: 5px
  }

  .ideaListsiconsRating .fa-user-o {
    font-size: 14px !important;
    margin-left: 0
  }

  .topMar20 h4 {
    color: #333;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 0;
    padding-left: 3px;
    text-align: center
  }

  .topMar20 h4+hr {
    border-bottom: 1px solid #6e2c90;
    margin-bottom: 10px;
    width: 30px
  }

  .topMar20 h4+hr+p {
    color: #333;
    font-size: 3.8vw;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0 5px;
    text-align: center
  }

  .instrumentDelete {
    float: right;
    margin-right: 3px;
    margin-top: -19px
  }

  .delUserList,
  .editUserList {
    margin-top: -35px !important
  }

  .enlargeBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 40px;
    left: 0;
    right: inherit
  }

  .evaluationlargeBtn {
    left: 0;
    right: inherit
  }

  .oholitagBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 40px;
    left: 0;
    right: inherit
  }

  .chartPrintBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 40px;
    left: 0;
    right: inherit
  }

  .chartShareBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 46px;
    left: 0;
    right: inherit
  }

  #patternBtn {
    position: absolute;
    text-align: left !important;
    left: 11px;
    right: inherit
  }

  .temp-loading .progress {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 13px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    right: 21px;
    top: -122px;
    transform: rotate(-90deg);
    width: 115px
  }
}

@media (max-width:746px) {
  .video-hdr {
    margin-top: 25px
  }

  .evaluationNaviTab .navbar-nav {
    display: inline-flex;
    width: 100%;
    overflow-y: scroll;
    margin: 0
  }

  .evaluationNaviTab {
    margin-top: 0
  }

  .evaluationNaviTab.noEpsRating {
    margin-top: -10px
  }

  .evaluationValues {
    display: inline-block
  }

  .cupImg.earningDueDate {
    bottom: 22px
  }

  .epstext {
    width: 115px;
    margin-top: 5px;
    font-size: 12px
  }

  #idea_lists_placeholder .panel:first-child {
    margin-top: 30px
  }

  .msiVedioTabpanes .text-bold {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
    font-weight: 500
  }

  .investingVideo-dialog {
    width: auto
  }

  .investingVideoModal-footer {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    height: 85px;
    vertical-align: middle;
    display: grid
  }

  .webinarVideoList_heading {
    display: none
  }

  .investing-video-desp {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 4px;
    width: 100%;
    text-align: center;
    padding-left: 15px;
    padding-right: 20px
  }

  div#company_header_placeholder>span>.col-md-7 {
    width: 100%;
    padding-left: 5px
  }

  div#company_header_placeholder>span>.col-md-3 {
    width: 100%;
    text-align: right;
    padding-left: 5px
  }

  .col-md-2.userstockInfoDiv {
    width: 100%;
    margin-top: 10px
  }

  #viewScreen .card .nav>li>a {
    padding: 6px 7px;
    font-size: 16px
  }

  .productDemoVideoList_heading {
    display: none
  }

  .testimonialVideoList_heading {
    display: none
  }

  .loadMoreDiv {
    text-align: center
  }

  .insvestortxt {
    margin-top: 15px
  }

  .mobcenter {
    text-align: center;
    font-size: 18px
  }

  .VediosDiv .nav-tabs>li>a {
    border-radius: 20px !important;
    padding: 6px 15px;
    font-size: 12px !important;
    line-height: 107%
  }

  .custom-tab-menu ul {
    padding: 0 0%
  }

  .VediosDiv .nav-tabs>li {
    padding: 5px
  }

  .sideNavigationMobile {
    max-height: auto;
    /* overflow-y:scroll; */
    margin-top: 10px !important
  }
}

@media (max-width:746px) {

  @media(max-height:400px) {
    .sideNavigationMobile {
      max-height: 230px;
      overflow-y: scroll
    }
  }
}

@media (max-width:746px) {
  .v-xs {
    display: inline-block !important
  }

  .annualAndQuarterly h4 {
    font-size: 16px
  }

  .imageForOffers {
    border-right: 0 solid #e5e5e5
  }

  .skypeShare {
    left: 7px
  }

  .referAFriendSocialIcon {
    padding: 0 15px
  }

  .v-md {
    display: none !important
  }

  .socialIcanList {
    text-align: center
  }

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

  .stockChart .logoSpinnerImgSmall {
    left: 36px
  }

  .skypeText .skypeShare.circle {
    margin-left: 0;
    width: 35px !important
  }

  .skypeText .skypeShare {
    height: 35px
  }

  .referAFriendContent .dropdown-menu {
    min-width: 216px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 5px
  }

  .referAFriendContent .dropdown-menu {
    padding: 5px 3px
  }

  .referAFriendMain {
    padding: 10px 10px 40px 10px;
    margin-top: 0
  }

  .referHeading {
    margin-top: 10px;
    text-align: center;
    padding: 10px 0
  }

  .referHeading h4 {
    font-size: 20px
  }
}

@media (max-width:414px) {
  .buyNowLink img {
    width: 40%
  }

  .site-title a,
  .site-title-scroll a {
    width: 230px;
  }

  .stockChart .logoSpinnerImgSmall {
    left: 36px
  }

  .mpPerformanceCanvas {
    width: 100% !important;
    height: 250px !important
  }
}

@media (max-width:412px) {
  .stockChart .logoSpinnerImgSmall {
    left: 37px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: -8px
  }
}

@media (max-width:380px) {
  .stockChart .logoSpinnerImgSmall {
    left: 46px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 6px
  }
}

.buyNowLink {
  cursor: pointer;
  position: absolute;
  right: -45px;
  top: 300px
}

#checklist_placeholder {
  margin-top: 5px
}

.checkListsGroup>div:first-child {
  background-color: #f7f5f3;
  border: 1px solid #dcdcdc;
  margin-top: 0;
  padding: 10px
}

.checkListsGroup table tr td {
  font-size: 14px
}

.checkListsGroup h4 {
  font-size: 30px;
  padding: 5px
}

.buyNow .btnWrapper button {
  font-size: 16px;
  padding: 8px 6px
}

.payment .padTop {
  margin-top: 10px;
  background: #6f2c91;
  border: 1px solid #6f2c91
}

.topMar20 {
  margin-bottom: 50px
}

.topMar20 h4 {
  font-size: 5.5vw !important;
  margin-top: 0
}

.topMar20 p {
  color: #333;
  font-size: 4vw !important;
  font-weight: 300 !important;
  margin-top: 25px;
  padding: 0 5px !important
}

.evaluationGraphEnlarge {
  height: 80vh
}

.evaluationPopUpHeader h4 {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  text-align: left
}

#company_header_placeholderPopUp h4,
#company_header_placeholderPopUpMob h4 {
  font-size: 21px
}

.loaderSmall {
  width: 115px
}

.logoSpinnerImgSmall {
  height: 15px;
  left: 0;
  margin: 0 auto;
  padding-top: 5px;
  right: 0;
  width: 15px;
  margin-bottom: -34px;
  margin-top: 26px;
  position: static
}

.loader-small {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  border-color: #6e2c90 #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 30px
}

.ideaListContent {
  margin-bottom: 20px;
  margin-top: 20px
}

.evaluationPopUpHeader {
  margin-top: 30px
}

@media (width:375px) {
  .buyNowLink img {
    width: 40%
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 250px
  }

  .topMar20 {
    margin-bottom: 20px
  }

  .topMar20 p {
    padding: 0 5px !important
  }
}

@media (max-width:320px) {
  .epstext {
    font-size: 10px
  }

  .cupImg.earningDueDate {
    bottom: 18px
  }

  .infoBlock {
    padding-right: 0
  }

  .niftyText,
  .msiText {
    font-size: 13px
  }

  .chartInfoHead {
    font-size: 16px
  }

  .placeOrderBody .checkbox-inline,
  .placeOrderBody .radio-inline {
    padding-left: 12px
  }

  .placeOrderBody .checkbox input[type=checkbox],
  .placeOrderBody .checkbox-inline input[type=checkbox],
  .placeOrderBody .radio input[type=radio],
  .placeOrderBody .radio-inline input[type=radio] {
    margin-left: -15px
  }

  .orderTable {
    margin-left: -5px !important
  }

  .orderTable tbody tr td:first-child a {
    white-space: nowrap;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
  }

  .placeOrderDiv1 span {
    margin-left: -14px;
    margin-right: 10px
  }

  #invamount {
    width: 120px
  }

  .errorMsgInvestment {
    font-size: 10px
  }

  .subIconAlertBox_52_62 {
    margin-top: 74px;
    left: 4px
  }

  .subIconAlertBox_52_62:before {
    margin-left: 107px;
    top: -15px
  }

  .subIconAlertBox_52_67 {
    margin-top: 74px;
    left: 17px
  }

  .subIconAlertBox_52_67:before {
    margin-left: 109px;
    top: -15px
  }

  .legend-box {
    font-size: 11px !important
  }

  .mobTrendsNext {
    margin-left: 22px
  }

  .epsDueDiv-mob {
    font-size: 12px !important
  }

  .introInnerHeader.video-block {
    padding-bottom: 0;
    padding-top: 22px
  }

  #viewScreen .card .nav>li>a {
    padding: 6px 5px;
    font-size: 13px
  }

  .VediosDiv .nav-tabs>li.active>a,
  .VediosDiv .nav-tabs>li>a:hover {
    background: #6e2a8f !important;
    border: none;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 6px 15px !important;
    font-size: 12px !important;
    line-height: 107%
  }

  .VediosDiv .card .nav>li>a {
    font-size: 12px;
    padding: 7px 15px !important
  }

  .custom-tab-menu ul {
    padding: 0 0%
  }

  .VediosDiv .nav-tabs>li {
    padding: 5px
  }

  .evaluationTab h4 b {
    font-size: 12px !important
  }

  .viewDetailedReports {
    margin-left: 6px !important
  }

  .currentHoldingBtns button {
    font-size: 10px !important
  }

  .gen-ContentFAQ .modelTallHeader h4 {
    width: 265px !important
  }

  .modelTallHeader h4 {
    width: 265px
  }

  .priceVol {
    font-size: 11px !important;
    margin-left: 15px;
    margin-top: -5px !important
  }

  .iconInline .instrumentDelete {
    margin-top: -20px !important;
    padding-top: 0 !important
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    font-size: 12px
  }

  .buyNowLink img {
    width: 40%
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 250px
  }

  #custom-search-input {
    right: 105px
  }

  .topMar20 p {
    margin-top: 0 !important
  }

  .topMar20 {
    margin-bottom: 0 !important
  }

  .topMar20 h4 {
    margin-top: 0 !important
  }

  .topMar20 h4 {
    font-size: 18px !important
  }

  .temp-loading .progress {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 11px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    right: 18px;
    top: -104px;
    transform: rotate(-90deg);
    width: 96px
  }

  .performanceBtn {
    font-size: 10px !important
  }

  .newHome-iframe {
    height: 520px !important
  }
}

.userList {
  background-color: #6e2c90 !important
}

.userList span {
  color: #fff !important
}

#userListTable span {
  color: #6e2a8f;
  cursor: pointer;
  text-decoration: none !important
}

.instrumentDelete span {
  cursor: pointer
}

.delUserList {
  color: #999;
  cursor: pointer;
  display: none;
  margin-top: -31px;
  position: absolute;
  right: 20px;
  z-index: 999;
  padding: 5px;
  font-size: 16px
}

.list-group.edit-btn {
  position: relative
}

.edit-btn .panelLftAlign {
  color: #6e2a8f
}

.editUserList {
  color: #999;
  cursor: pointer;
  display: none;
  margin-top: -31px;
  position: absolute;
  right: 50px;
  z-index: 999;
  padding: 5px;
  font-size: 16px
}

.mylistPanel {
  margin-top: 5px
}

@media (min-width:767px) {
  .alertBoxFriend {
    margin-top: 8px
  }

  .buyNow .btnWrapper button {
    font-size: 16px;
    padding: 8px 6px;
    width: 150px
  }

  .buyNow .marTop40 {
    margin: 0
  }

  .buyNow .btnWrapper button {
    margin-top: 0
  }

  .buyNow .btnWrapper .freeTrial {
    margin-left: 10px
  }

  .btnSkip {
    margin: 0 0 15px 20px
  }

  .ideaListNav .tooltip-inner,
  #recentViewedIcon .tooltip-inner {
    background-color: #f0f0f0 !important;
    color: #000;
    font-weight: 300
  }

  .ideaListNav .tooltip.bottom .tooltip-arrow,
  #recentViewedIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f0f0f0 !important
  }

  .ideaListNav a {
    color: #dcdcdc !important;
    position: relative;
    top: 4px !important
  }

  .ideaListNav a i {
    font-size: 1.3em
  }

  .divider-line {
    border-left: 1px solid #f0f0f0
  }

  #custom-search-input .tooltip.in {
    filter: none !important;
    opacity: 0.99 !important
  }

  #custom-search-input .tooltip-inner {
    background-color: #f0f0f0 !important;
    color: #000;
    font-weight: 300
  }

  #custom-search-input .tooltip-arrow,
  recentViewedIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f0f0f0 !important
  }

  #custom-search-input .tooltip-inner {
    background-color: #f0f0f0 !important;
    color: #000;
    font-weight: 300
  }

  #custom-search-input .tooltip.right .tooltip-arrow {
    border-right-color: #f0f0f0 !important;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%
  }

  #custom-search-input .tooltip-arrow,
  recentViewedIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: transparent !important
  }
}

.promoboxGrey {
  background-color: #f6f6f6;
  padding-bottom: 40px
}

.promoboxGrey hr {
  border-top: 1px dotted #dcdcdc
}

.promoboxGrey h2,
.promoboxpurple h2,
.promoboxcolor h2,
.promoboxblack h2,
.promoboxcontact h2,
.SeminarBlock h2 {
  color: #333;
  font-size: 36px;
  font-weight: 100;
  line-height: 1.2em;
  margin-top: 40px;
  text-align: center
}

.promoboxGrey img {
  margin-bottom: 30px;
  margin-top: 40px;
  width: 80px
}

.promoboxGrey p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  margin-top: 70px;
  text-align: left
}

.promoboxGrey .thumbnail {
  border: 0 solid #f0f0f0;
  height: 295px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  margin-top: 40px
}

.AnlPromoBox p {
  height: 42px !important
}

.promoboxpurple p b {
  font-weight: 400
}

.promoboxGrey .thumbnail .caption {
  height: 100px;
  padding: 30px 10px;
  text-align: center
}

.promoboxGrey .thumbnail .caption i {
  color: #6e2c90;
  font-size: 2em;
  padding: 0 0 5px
}

.promoboxGrey .thumbnail .caption h2 {
  color: #333;
  font-size: 18px;
  font-weight: 300;
  margin-top: 0
}

.promoboxGrey .thumbnail .caption p {
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  height: 75px;
  margin-left: 0;
  margin-top: 0;
  padding: 0 20px;
  text-align: center
}

.promoboxGrey .thumbnail .caption h3 {
  color: #6e2c90;
  font-size: 60px;
  font-weight: 100;
  padding: 0
}

.promoboxGrey .thumbnail .caption h3 span {
  font-size: 24px;
  font-weight: 400;
  margin-right: 10px;
  text-decoration: line-through
}

.promoboxpurple {
  background-color: #fff;
  height: auto;
  padding-bottom: 30px
}

.promoboxcolor {
  background-color: #fff;
  padding-bottom: 30px
}

.promoboxcolor ul li,
.promoboxcolor ol li,
.bulletHead {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  padding-top: 7px
}

.promoboxblack {
  height: auto
}

.promoboxblack p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px
}

.promoboxcontact {
  background-color: #dcdcdc;
  height: auto;
  padding-bottom: 30px;
  text-align: center
}

.promoboxcontact p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px
}

.promoboxcontact p+div {
  color: #333;
  font-size: 16px;
  font-weight: 400
}

.promoboxblack img {
  text-align: center;
  width: 110px
}

.promoboxblack img.amazonstore {
  width: 116px
}

.promoboxblack img.opera {
  width: 100px
}

.promoboxblack img.aptoide {
  width: 128px
}

.SeminarCont p {
  font-size: 12px;
  font-weight: 300;
  margin-top: 20px
}

.SeminarCont b {
  font-weight: 400
}

.promoboxpurple p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5em;
  padding: 10px 0;
  text-align: left
}

.promoboxcontact p b {
  color: #333;
  font-weight: 600
}

.promoboxpurple img {
  margin-top: 70px
}

.btnSignup {
  background: #6e2c90 none repeat scroll 0 0;
  border-color: #6e2c90 !important;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
  padding: 10px 16px;
  transition: all 0.2s ease 0s
}

.btnSignup:hover {
  background-color: transparent;
  color: #6e2c90;
  font-weight: 400
}

.footerBlackBg {
  background: #333 none repeat scroll 0 0;
  color: #ccc !important;
  font-size: 11px;
  font-weight: 100;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left
}

.footerBlackBg b {
  font-weight: 400
}

.wid94 {
  width: 94px !important
}

.promoboxcontact .socialIcons {
  padding: 0
}

.promoboxcontact .socialIcons p {
  font-size: 14px !important;
  padding-bottom: 10px
}

.SeminarBlock h5 {
  font-size: 16px;
  font-weight: 400 !important;
  margin: 30px 0 25px
}

.SeminarBlock b {
  font-weight: 400
}

.SeminarBlock p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  text-align: left
}

.SeminarBlock .freePreview {
  color: #333;
  font-size: 13px
}

.subSection p {
  color: #333;
  font-size: 14px !important;
  padding: 0 0 0 40px
}

.btnCustomers {
  background-color: transparent;
  border-color: #6e2c90 !important;
  border-radius: 12px;
  color: #6e2c90;
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  padding: 10px;
  transition: all 0.2s ease 0s;
  width: 200px
}

.btnCustomers:hover {
  background: #6e2c90 none repeat scroll 0 0;
  color: #fff;
  font-weight: 300
}

.bgGreyBox {
  background-color: #f6f6f6 !important
}

.formBgWhite {
  background: #fff none repeat scroll 0 0;
  padding: 20px
}

.formBgWhite h4 {
  color: #6e2c90;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 12px;
  text-align: center
}

#resellerAddress {
  height: 42px
}

.formBgWhite input {
  border-radius: 5px;
  height: 42px
}

.formBgWhite .btn-default {
  background: #6e2c90 none repeat scroll 0 0;
  border: medium none;
  border-radius: 12px;
  font-size: 20px;
  font-weight: 300;
  margin-top: 15px;
  padding: 10px;
  transition: all 0.2s ease 0s;
  width: 100%
}

.formBgWhite .btn-default:hover {
  background-color: #a9a8a9;
  border-color: #a9a8a9;
  color: #fff
}

.formBgWhite .form-group label {
  color: #333;
  font-weight: 400
}

.back2Top {
  display: block;
  margin-top: -90px;
  position: absolute;
  right: 20px
}

.back2Top .fa {
  color: #999
}

@media (min-width:769px) {
  .padLftReset {
    padding-left: 0 !important
  }
}

@media (max-width:768px) {

  .userInformation h4,
  .userInformation p {
    text-align: left
  }

  .ideaListNav a {
    position: relative;
    top: -30px !important
  }

  .promoboxGrey p {
    margin-left: 0;
    margin-top: 0 !important;
    text-align: center
  }

  .specialOffers .promoboxGrey .thumbnail .caption p {
    margin-top: 30px !important
  }
}

@media (max-width:640px) {
  .promoboxblack img.aptoide {
    width: 150px
  }

  .promoboxblack img.opera {
    width: 144px !important
  }

  .ideaListNav a {
    position: relative;
    top: -23px !important
  }

  .ideaListNav a i {
    font-size: 1.3em
  }

  .promoboxblack img {
    width: 150px
  }

  .promoboxblack img.amazonstore {
    width: 150px
  }

  .appstore a {
    display: block;
    margin-bottom: 10px
  }

  .SeminarBlock h2 {
    font-size: 32px
  }

  .SeminarBlock hr {
    margin-bottom: 20px;
    margin-top: 20px
  }

  .WebinarTraining .landingBanner p {
    font-size: 1em;
    font-weight: 300;
    padding-right: 0
  }

  .promoboxpurple p {
    padding: 10px 5px
  }

  .promoboxGrey h2,
  .promoboxpurple h2,
  .promoboxcolor h2,
  .promoboxblack h2 {
    font-size: 32px
  }

  .specialOffers .promoboxGrey .thumbnail .caption h3 {
    font-size: 5.9vw;
    font-weight: 300
  }
}

i.fa-inr {
  font-size: 24px !important
}

.loginBlock .fa {
  color: #6e2c90
}

.loginBlock img {
  width: 40%
}

.loginBlock .btn-default {
  background-color: #702c91;
  border-color: #702c91;
  border-radius: 5px;
  color: #fff
}

.loginBlock .btn-default:hover {
  background-color: transparent;
  border-color: #702c91;
  color: #702c91
}

.loginBlock p {
  margin-top: 10px
}

.loginBlock p a {
  color: #000;
  font-size: 14px;
  font-weight: 300
}

.loginBlock p a:hover {
  border-bottom: 1px solid #702c91
}

.payment {
  background: rgba(0, 0, 0, 0) url(../img/paymentBg.png) repeat scroll 0 0
}

.payment .modal-body {
  padding-bottom: 0 !important
}

.payment .modal-content {
  border: medium none;
  box-shadow: none
}

#promoBtn {
  border-radius: 0 !important
}

.payment .radio label {
  cursor: default;
  display: block !important
}

.payment .checkbox label {
  cursor: default
}

.payment .checkbox label a {
  cursor: pointer
}

.payment .well {
  padding: 0
}

.payment .progress {
  height: 20px;
  margin-bottom: 25px;
  margin-top: 30px
}

.payment hr {
  margin: 0 0 8px
}

.marBtm25 {
  margin-bottom: 30px
}

.padTop32 {
  padding-top: 32px
}

button.btnSkip {
  background-color: transparent;
  color: #6e2c90;
  font-weight: 400;
  padding: 5px 8px !important;
  width: auto !important
}

.assignDefaultbtn {
  margin-bottom: 20px;
  margin-left: 20px
}

button.btnSkip:hover {
  background-color: #6e2c90;
  color: #fff;
  font-weight: 400;
  padding: 5px 8px !important
}

#disclaimerBody {
  height: 350px;
  overflow-y: auto
}

#disclaimerBody ul li {
  font-size: 12px;
  padding-right: 20px
}

.evaluation-block .detailHeaderDiv h3,
h4,
h5 {
  font-weight: 500;
  margin-bottom: 0
}

#sldsalesAndEarningsTablePlus {
  font-size: 11px !important
}

#sldsalesAndEarningsTableMinus {
  font-size: 11px !important
}

#sldfundamntlEarningsTablePlus {
  font-size: 11px !important
}

#sldfundamntlEarningsTableMinus {
  font-size: 11px !important
}

.evaluation-block .table {
  margin-bottom: 5px
}

.table-slide {
  padding-left: 10px;
  padding-right: 10px
}

.evaluation-block .table-slide .table>tbody>tr:nth-child(2n) {
  background: #f0f0f0 none repeat scroll 0 0
}

.evaluation-block .detailsBodyFont {
  color: #000;
  font-size: 10px;
  font-weight: 500
}

.evaluation-block .detailHeaderDiv {
  color: #000;
  font-size: 9px;
  font-weight: 500;
  padding-left: 33px
}

.evaluation-block .table-space {
  margin-bottom: 0
}

.evaluation-block .detailsHr {
  margin-bottom: 5px;
  margin-top: 5px
}

.evaluation-block .detailHeaderDiv p {
  overflow-wrap: break-word;
  padding-right: 10px
}

.custom-container-evaluation-details {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  left: 0;
  margin-left: 3px;
  margin-top: -1px;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1
}

.card {
  position: relative
}

.custom-container-evaluation {
  padding-left: 2px;
  padding-right: 2px
}

.toggle-btn-evaluation {
  position: absolute
}

#evaluation-detail-slide {
  box-sizing: border-box;
  display: inline-block;
  height: 552px;
  overflow: hidden;
  padding-left: 2px;
  transition: width 0.5s ease 0s;
  vertical-align: top;
  width: 0
}

#evaluation-detail-slide.in {
  overflow-y: auto;
  width: 350px
}

#evaluation-enlarge-slide,
#evaluation-enlarge-slideMob {
  box-sizing: border-box;
  display: inline-block;
  height: 475px;
  overflow: hidden;
  padding-left: 2px;
  transition: width 0.5s ease 0s;
  vertical-align: top;
  width: 0
}

#evaluation-enlarge-slide.in,
#evaluation-enlarge-slideMob.in {
  overflow-y: auto;
  width: 350px
}

.detail-slide {
  height: 30px;
  left: 2px;
  position: absolute;
  width: 20px;
  z-index: 9
}

.detail-slide.openSlide {
  width: 400px
}

.detailsGroup .custom-row {
  margin-right: 1px
}

.detailsGroup .custom-row-2 {
  margin-left: -15px;
  margin-right: 1px
}

.custom-detailsGroup .custom-row-2 {
  background-color: #f0f0f0;
  margin-left: -5px;
  margin-right: 1px
}

.custom-detailsGroup .custom-row {
  margin-right: 1px
}

.quarter-tab {
  margin-bottom: 0;
  margin-top: 10px;
  padding-left: 10px
}

.detailsHrLevelUp {
  margin-bottom: 0;
  margin-top: 5px
}

.detailsHrLevelDown {
  margin-bottom: 5px;
  margin-top: 0
}

.evaluationStrength {
  margin-left: 2px;
  margin-right: 2px
}

.buyNow .promoboxGrey {
  background: #f0f0f0 none repeat scroll 0 0 !important;
  padding-bottom: 20px;
  padding-top: 20px
}

.buyNow .promoboxpurple {
  background: #f6f6f6 none repeat scroll 0 0
}

.buyNow .promoboxpurple h2 {
  font-size: 24px;
  margin-top: 10px;
  padding-left: 20px;
  text-align: left
}

.buyNow .promoboxpurple p {
  font-size: 13px;
  padding: 0 20px !important
}

.buyNow .promoboxpurple p b {
  font-size: 12px
}

.buyNow .promoboxpurple img {
  margin: 0 auto;
  padding-top: 10px;
  width: 60%
}

.buyNow .boxContainer {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  height: 390px;
  margin-top: 30px;
  padding: 0
}

.buyNow .btnWrapper button:hover {
  background: #dcdcdc none repeat scroll 0 0
}

.TranMsgWrapper {
  padding: 10px 0
}

.GreenSuccess {
  width: 4%
}

.msgContent {
  color: #666;
  font-size: 18px;
  font-weight: 300;
  margin-left: 8px
}

.successMsgWrapper {
  padding-bottom: 20px
}

.successMsgWrapper .modal-header {
  background-color: #f0f0f0;
  padding: 10px
}

.successMsgWrapper .modal-header h4 {
  color: #666;
  font-size: 15px;
  font-weight: 400
}

.BuyNowBtn {
  border-radius: 50% !important;
  box-shadow: 0 5px 3px #999;
  font-size: 13px;
  font-weight: 600;
  white-space: normal !important
}

.userInformation {
  padding-left: 8px
}

.successMsgWrapper button,
.btnWrapSpace button {
  margin-top: 20px
}

.whatWeDo {
  margin-bottom: 20px !important
}

.whatWeDo h3 {
  color: #666;
  font-size: 20px !important
}

.whatWeDo img {
  margin-top: 20px
}

.whatWeDo p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  text-align: left
}

.whatWeDoBtn {
  background: #6e2c90 none repeat scroll 0 0;
  border-radius: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 16px;
  transition: all 0.2s ease 0s
}

.whatWeDoBtn:hover {
  background-color: transparent;
  border-color: #6e2c90 !important;
  border-radius: 12px;
  color: #6e2c90;
  font-weight: 400 !important
}

.ourProducts {
  background: rgba(0, 0, 0, 0) url(../img/innerPageBg.gif) no-repeat scroll center center / cover;
  height: auto;
  padding-bottom: 60px
}

.ourProducts h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 100
}

.ourProducts h2,
.ourProducts h3 {
  color: #fff !important
}

.ourProducts p {
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  margin: 0;
  text-align: center
}

.ourProducts h3 {
  color: #666;
  font-size: 22px !important;
  font-weight: 300;
  margin-top: 30px !important
}

.ourProducts img {
  margin-bottom: 0;
  margin-top: 10px;
  width: 180px
}

.ourProducts .svgImg {
  margin-top: 0;
  width: 220px
}

.featuredInsights .row {
  margin-left: 60px;
  margin-right: 60px
}

.whatWeDo .row {
  margin-left: 30px;
  margin-right: 30px
}

.featuredInsights h3 {
  color: #333;
  font-size: 20px !important;
  font-weight: 300;
  padding-bottom: 20px
}

.featuredInsights h3 i {
  color: #6e2c90;
  font-size: 30px;
  position: relative;
  top: 5px
}

.featuredInsights p {
  text-align: center
}

.featuredInsights ul {
  margin-left: 0;
  padding: 0
}

.featuredInsights ul li {
  list-style: outside none none;
  margin-bottom: 30px
}

.featuredInsights h5.news-title {
  margin-top: 5px
}

.featuredInsights .news-title a {
  border-bottom: 1px dotted #6e2c90;
  color: #6e2c90;
  font-size: 14px;
  font-weight: 300;
  line-height: 170%;
  padding: 0
}

.featuredInsights .news-title a:hover {
  border-bottom: 0 dotted #6e2c90;
  color: #6e2c90
}

.featuredInsights li span.date {
  color: #666;
  font-size: 12px
}

.featuredInsights button {
  margin-top: 20px
}

.investorsLibrary {
  background: rgba(0, 0, 0, 0) url(../img/banner-bg.gif) no-repeat scroll center bottom / cover;
  height: 450px;
  padding-bottom: 30px;
  padding-top: 100px
}

.investorsLibrary h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 100
}

.investorsLibrary h3 {
  color: #fff !important
}

.investorsLibrary p {
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  margin: 0;
  text-align: center
}

.investorsLibrary button {
  margin-top: 30px
}

.investorsLibrary button:hover {
  border: 1px solid #fff !important;
  color: #fff;
  font-weight: 300
}

.investorsLibrary img {
  margin: 0
}

.investorsLibrary h2 {
  margin: 15px
}

@media(min-width:991px) {
  #ideaListsPage .modalWithArrow {
    margin-top: -28px
  }

  .newHome-iframe {
    height: 2980px;
    width: 100%
  }

  .imageCenter {
    padding-left: 25px !important
  }

  #viewCurrentHoldingTable tr {
    display: table-row
  }

  #viewRemovedStocksTable tr {
    display: table-row
  }

  .subscriptionWeb {
    margin-top: -40px
  }

  #viewTransactionHistTable tr {
    display: table-row
  }

  #editPortfolioTable tr {
    display: table-row
  }

  #viewUserOpenAlertsInfo tr {
    display: table-row
  }

  #viewUserExecutedAlertsInfo tr {
    display: table-row
  }

  #viewPortfolioTable tr {
    display: table-row
  }

  #portfolioRatingTable tr {
    display: table-row
  }

  #msiRatingTable tr {
    display: table-row
  }

  #fundamentalsTable tr {
    display: table-row
  }

  #technicalTable tr {
    display: table-row
  }

  .newHome-iframe.signUpFrameHeight {
    height: 755px !important
  }

  .newHome-iframe.signInFrameHeight {
    height: 662px !important
  }

  .mpstocks-scroll-table {
    margin-left: 211px;
    overflow: hidden;
    overflow-x: auto
  }

  #mpStockTable.dataTable thead th {
    width: 125px !important
  }

  #mpStockTable.dataTable tbody td {
    width: 125px !important
  }

  #mpStockTable tr>td:first-child {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #mpStockTable tr>th:first-child {
    width: 188px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    border-top: 1px solid #ddd;
    margin-top: -1px
  }

  #mpStockTable>thead>tr>th {
    border-bottom: none
  }

  #mpStockTable_wrapper {
    position: inherit
  }

  #mpStockTable tr>td,
  #mpStockTable tr>th {
    white-space: nowrap
  }

  #mpStockTable.dataTable tbody th,
  #mpStockTable.dataTable tbody td {
    padding: 8px 5px
  }

  #mpStockTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }
}

@media (min-width:767px) {
  .userAccountType .whatWeDoBtn {
    margin-top: 12px !important
  }

  .hideTerms {
    display: none !important
  }

  .formCenter-md {
    padding-top: 15px
  }

  .panaray {
    text-align: center
  }
}

@media (max-width:767px) {
  .portfolioTableMob tr td:first-child {
    white-space: normal
  }

  .portfolioTableMob tr td:first-child .dtr-data {
    white-space: nowrap
  }

  .lockforBG {
    top: 10px
  }

  .newsReportUrl {
    margin-bottom: -16px
  }

  .lockforlist {
    top: -3px;
    right: 0;
    font-size: 18px
  }

  .lockforlist img {
    width: 20px;
    top: -2px;
    left: -3px
  }

  .asiIconModel {
    width: 40px !important;
    position: absolute;
    right: 10px;
    top: 130px
  }

  .asiIconModel.asiIconForApp {
    top: 55px !important
  }

  .indiaModelPortfolio p {
    width: 300px
  }

  .updateReport .viewDetailedReports {
    position: absolute;
    top: 15px;
    right: 0
  }

  .evaluationTab .updateReport h4 {
    margin-bottom: 20px
  }

  .asiIconsMob {
    width: 40px;
    margin-right: 8px;
    margin-top: -3px;
    border-radius: 121px
  }

  #seminarPage .introInnerHeader {
    padding-bottom: 100px !important;
    padding-top: 158px !important;
    background-position: center;
    background-color: #fff
  }

  #seminarPage .paraTextBold h5 {
    margin-top: -60px !important
  }

  .btn-portfolioNew {
    margin: 15px 1px 5px;
    width: 110px
  }

  .portfolio-btnDiv {
    position: relative;
    top: 0;
    right: 0
  }

  @-moz-keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  @-webkit-keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  @-ms-keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  @keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  .asiIconsMob {
    -moz-animation: blinkmob normal 2s infinite alternate ease-in-out;
    -webkit-animation: blinkmob normal 2s infinite ease-in-out;
    -ms-animation: blinkmob normal 2s infinite ease-in-out;
    -o-animation: blinkmob normal 2s infinite ease-in-out;
    animation: blinkmob normal 2s infinite ease-in-out
  }

  .ch-EmptyImg img {
    margin-top: 30px
  }

  #currentHoldingsEmpty .ch-EmptyImg img {
    width: 100%;
    margin-top: 45px
  }

  #currentHoldingsEmpty {
    background-color: #fff;
    margin: 7px;
    padding: 0
  }

  .mobtextalign {
    text-align: left !important
  }

  .outlookCommentary img {
    width: 100%
  }

  .alertBoxFriend {
    margin-top: 5px
  }

  .currentHoldingBtns {
    text-align: center !important
  }

  .pgtRgt {
    padding-right: 3px !important
  }

  .tableRelated td,
  .tableRelated th {
    font-size: 13px !important
  }

  .featuredInsights .row {
    margin-left: -15px;
    margin-right: -15px
  }

  .msi {
    margin-top: 20px
  }

  .whatWeDo p {
    text-align: center
  }

  .mpPerformanceCanvas {
    padding: 6px
  }

  .subscription-iframe {
    height: 1300px;
    width: 100%
  }
}

.fullLengthbanner .landingBanner h3 {
  border: medium none;
  color: #fff;
  font-size: 43px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 0;
  padding-left: 0;
  text-align: left
}

.fullLengthbanner .landingBanner p {
  color: #fff;
  font-size: 20px !important;
  line-height: 150%;
  text-align: left !important
}

.whatWeDo p {
  text-align: center
}

.call2Action {
  background-color: #f6f6f6;
  padding: 10px 0
}

.alertWarningRed input {
  border-color: red;
  box-shadow: 0 1px 1px rgba(227, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6);
  outline: 0 none
}

.alertWarningRedCheckbox {
  border: 1px solid red
}

.call2Action .whatWeDoBtn {
  border-radius: 0;
  font-size: 14px;
  padding: 10px;
  text-transform: uppercase
}

@media(max-width:844px) {
  .navBarPosition {
    margin-right: 27px
  }

  .notification-bell {
    right: 15px !important;
    top: 5px
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 14px
  }

  .evalutationsmenu {
    width: 90%;
    height: auto
  }

  .loginDiv {
    margin-right: 35px
  }
}

@media (max-width:768px) {
  .relatedSymbolsstock {
    position: inherit;
    width: 100% !important;
    background-color: #f1f1f1 !important;
    top: 0;
    left: 0
  }

  .relatedSymbolsstock th {
    background-color: transparent
  }

  .relatedSymbolsstock.thead {
    display: contents
  }

  .relatedSymbolsstock.tbody {
    display: none !important
  }

  .table>thead>.relatedSymbolsstock.active>th a {
    color: gray !important
  }

  .table>thead>.relatedSymbolsstock.active>th {
    background-color: #fff;
    color: gray;
    font-size: 14px
  }

  #relatedTable tbody {
    padding-top: 0
  }

  .navBarPosition {
    margin-right: 27px
  }

  .notification-bell {
    right: 15px !important
  }

  .call2Action .whatWeDoBtn {
    width: auto
  }

  .whatWeDo h3 {
    font-size: 18px !important
  }

  .whatWeDo p {
    font-size: 14px !important
  }
}

.ofrPrice {
  text-decoration: line-through !important
}

.AnlPromoBox p b {
  font-weight: 500
}

.offer25percent {
  position: absolute;
  right: 27px;
  top: 52px;
  width: 100px !important
}

@media (max-width:640px) {
  .ourProducts h2 {
    font-size: 30px
  }

  .investorsLibrary h2 {
    font-size: 32px
  }

  .fullLengthbanner {
    background: rgba(0, 0, 0, 0) url(../img/landBannerMobile.jpg) no-repeat scroll right center / cover;
    color: #f8f8f8;
    height: 340px;
    padding-top: 50px;
    text-align: center;
    background-position-y: -138px
  }

  .fullLengthbanner .landingBanner h3 {
    border: medium none;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-top: 0;
    padding-left: 0;
    text-align: center
  }

  .formCenter-md {
    margin: 15px
  }

  .call2Action .form-group input[type="text"],
  .call2Action .form-group input[type="tel"],
  .call2Action .form-group input[type="email"] {
    width: 100%
  }

  .whatWeDo .row {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

.testimonials .panaray p {
  color: #333;
  text-align: center !important
}

.panaray p,
.msi p {
  color: #ccc;
  font-size: 16px;
  font-weight: 300;
  text-align: left
}

.panaray p {
  margin-top: 25px !important
}

.formCenter-md {
  padding-top: 15px;
  text-align: center
}

.canslimBtn {
  background: #6e2c90 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-left: 130px;
  margin-top: 20px;
  padding: 10px 16px;
  transition: all 0.2s ease 0s
}

.canslimBtn:hover {
  background-color: transparent;
  border-color: #fff !important;
  border-radius: 12px;
  color: #fff
}

/* .iconInline span, .iconInline {
    padding:0!important
  }
  .iconInline .ratingBtnDiv {
    padding-right:10px!important
  }
  .pad-Lft-Zero {
    padding-left:0!important;
    font-size:14px
  } */
/* .icon4-nav li a img {
    padding-right:8px;
    width:45px
  } */
/* .icon4-nav li a .smallHeadIcon {
    width:45px
  }
  .icon4-nav li a .smallHeadIcon2 {
    width:45px
  }
  .icon3-nav li a img {
    padding-right:8px;
    width:45px
  }
  .icon3-nav li a .smallHeadIcon {
    width:45px
  }
  .icon3-nav li a .bigHeadIcon {
    width:45px
  }
  .icon2-nav li a img {
    padding-right:8px;
    width:45px
  }
    .icon2-nav li:first-child a img {
    margin-right:3px;
    width:45px
  }
    .icon2-nav li:nth-child(2) a img {
    margin-right:3px;
    width:45px
  }
  .icon-nav li a img {
    padding-right:8px;
    width:45px
  }
    .icon-nav li:first-child a img {
    margin-right:3px;
    width:45px!important
  }
    .icon-nav li:last-child a img {
    margin-right:3px;
    width:45px!important
  } */

.dropdown-menu>li>a img {
  padding-right: 8px;
  width: 45px
}

.dropdown-menu>li>a:focus img,
.dropdown-menu>li>a:hover img {
  filter: unset;
  width: 50px !important;
  transform: scale(1.1);
}

#stockCommentaryBody {
  padding: 0 25px 0 30px
}

#stockCommentaryBody hr {
  margin: 15px 0
}

#stockCommentaryBody hr:last-child {
  border: medium none
}

#stockCommentaryBody p {
  color: #000;
  font-size: 13px
}

#stockCommentaryBody p b {
  font-weight: 600
}

#stockCommentaryBody h4 {
  font-size: 16px;
  font-weight: 600
}

#stockCommentaryBody h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 5px
}

#stockCommentaryBody .row {
  height: 400px;
  overflow-y: auto
}

.call2Action a:hover {
  text-decoration: underline
}

.resellerSection {
  background: rgba(0, 0, 0, 0) url(../img/reseller-bg.jpg) no-repeat scroll center center / cover;
  height: 200px !important
}

.resellerSection h2 {
  color: #333;
  font-weight: 100 !important
}

.resellerSection button {
  margin-top: 10px;
  padding: 10px 16px
}

.testimonials .clientTesti {
  color: #666;
  font-size: 15px;
  font-weight: 300
}

.testimonials .quote i.fa-2x {
  color: #6e2c90;
  font-size: 1.5em;
  padding-top: 10px
}

.testimonials p {
  font-size: 16px;
  padding: 10px 0
}

.testimonials {
  height: 300px
}

.resellerTable {
  margin-top: 40px
}

.resellerTable table td {
  font-weight: 300
}

.resellerTable table th {
  background-color: #f0f0f0;
  color: #333;
  font-weight: 600;
  text-align: center
}

.resellerTable .fa-check-square-o {
  color: #6e2c90
}

.resellerSub p {
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px
}

.resellerSub ul li {
  font-size: 15px
}

.marginBtmReset {
  margin-bottom: 40px
}

.marResetQuote {
  margin: 0 !important
}

.pad5pxTop {
  padding-top: 5px
}

.resellerSub .form-group>label {
  color: #666;
  font-weight: 600
}

.photodesc {
  color: #6e2c90 !important;
  font-size: 11px
}

.resellerSub .clearFix {
  clear: both
}

.resellerSub .clearFix label {
  color: #666;
  font-size: 14px;
  font-weight: 400
}

.resellerSub .form-group textarea {
  border-radius: 5px
}

.resellerSub .formBgWhite {
  background: #f7f7f7 none repeat scroll 0 0
}

.resellerBtnDiv {
  margin: 20px -5px -20px;
  padding: 10px
}

.resellerSub .form-group input {
  padding-bottom: 0;
  padding-top: 0
}

.playIcon {
  margin: 50px 0 0 50px;
  width: 345px
}

.iconPlayMarginReset a {
  padding: 0 10px
}

.Also-title {
  font-weight: 100
}

.iconPlayMarginReset {
  margin-top: 12px
}

@media(max-width:980px) {
  .stockContant {
    margin-left: 0
  }

  .announcementImgDiv {
    width: 12%
  }

  .announcementContant {
    width: 88%
  }

  .shareList ul li:last-child {
    display: inline
  }

  .announcementsTab>li>a {
    padding: 25px 9px
  }

  .announcementsTab>li>a {
    padding: 10px
  }

  .ideaListsiconsRating ul li a span {
    display: block;
    padding: 6px 12px
  }

  .ideaListsiconsRating {
    margin-left: -22px;
    width: auto
  }

  .fullLengthbanner .landingBanner h3 {
    text-align: center
  }

  .fullLengthbanner .landingBanner p {
    text-align: center !important
  }

  .landingBanner p {
    padding-right: 0
  }

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

  #viewTranHistoryExport .industryExport {
    top: 2px;
    right: 5px
  }
}

@media (min-width:767px) {
  .formBgWhite .resellerBtn {
    width: 200px !important
  }

  .resellerSub .clearFix label {
    padding-left: 40px
  }
}

@media (max-width:767px) {
  .testimonials {
    height: 370px
  }

  #mpStockDiv img {
    width: 100%
  }

  .referralTAndC {
    margin-top: 30px
  }

  .pageHeading {
    margin-top: 30px;
    padding: 0 0 15px
  }
}

.resellerSub .call2Action {
  padding-top: 30px
}

.contactDetails a {
  color: #333
}

.contactDetails a:hover {
  color: #333 !important;
  text-decoration: underline !important
}

.referInput {
  margin: 1px -2px 0;
  zoom: 1.8
}

.dontShowReferFriend input {
  position: absolute;
  bottom: 21px
}

.dontShowReferFriend span {
  position: absolute;
  bottom: 40px;
  left: 52%;
  font-size: 16px;
  color: #79389c
}

.modalDestDeepavali {
  width: 100%;
  margin: 0 auto
}

.modalDestDeepavali img {
  width: 75%;
  margin-top: 4%
}

.modalDeepavali .close {
  position: absolute;
  top: 3%;
  right: 13.5%;
  color: #fff;
  font-size: 53px
}

.modalDeepavali .btnDepavali {
  position: absolute;
  opacity: 0;
  left: 44%;
  color: #fff;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 23%
}

.btnDepavali .btn {
  padding: 3% 14%
}

.modalDeepavali {
  background-color: unset;
  box-shadow: unset;
  border: none
}

#landingOverlayDailog .modal-ms {
  width: 550px
}

@media(max-width:980px) {
  .dontshow-sale-text-Desktop {
    bottom: 10.7%;
    left: 8%;
    font-size: 15px
  }

  .dontshow-sale-bannerDesktop {
    bottom: 11%;
    left: 5.5%;
    zoom: 1.2
  }

  .btnDepavali .btn {
    padding: 6% 18%
  }

  .modalDestDeepavali img {
    width: 94%;
    height: 50%;
    margin-top: 19%
  }

  .modalDeepavali .close {
    position: absolute;
    top: 30%;
    right: 4%;
    opacity: 0;
    color: #fff;
    font-size: 53px
  }

  .modalDeepavali .btnDepavali {
    left: 56%;
    bottom: 22% !important
  }
}

@media (max-width:746px) {
  .searchautoSelect {
    left: 15px;
    margin-left: 0;
    margin-top: 0px;
    position: fixed;
    width: 90% !important;
    z-index: 1039
  }

  .searchEvaluation.searchforAR .searchautoSelect {
    margin-top: 159px
  }

  .dontshow-sale-text {
    position: absolute;
    left: 27.5%;
    bottom: 23.4%;
    color: #6e2a8f
  }

  .dontshow-sale-banner {
    position: absolute;
    bottom: 24%;
    left: 22.5%
  }

  .close-btn-subs {
    position: absolute;
    bottom: 23%;
    right: 20%;
    padding: 1px 5px
  }

  .imgadjust {
    width: 100%
  }

  .paddngbtm {
    padding-bottom: 8px
  }

  .prevBtn {
    margin-top: 143%;
    margin-left: 30px
  }

  .nextBtn {
    margin-top: 143%;
    margin-right: 30px
  }

  .paySubscribe {
    z-index: 999999999;
    position: relative;
    bottom: -19px;
    width: 39%;
    margin: 0 auto
  }

  .closePay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1024;
    width: 20px;
    height: 20px
  }

  .pay12Div {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 1024
  }

  .pay12Div .img1 {
    width: 100%
  }

  .overlaySkip {
    font-size: 16px;
    font-weight: 600
  }

  .overlayBtn2 {
    position: absolute;
    bottom: 13.5%;
    left: 17%;
    padding: 3% 24%;
    opacity: 0
  }

  .whatWeDoBtn {
    font-size: 12px;
    padding: 6px 10px;
  }

  .overlayBtn {
    position: absolute;
    bottom: 13.5%;
    left: 30%;
    padding: 2% 12%;
    opacity: 0
  }

  .dontShowReferFriendMob {
    padding: 5px
  }

  .btnDepavali .btn {
    padding: 3% 15%
  }

  .modalDeepavali .btnDepavali {
    position: absolute;
    top: 39%;
    left: 0;
    color: #fff;
    right: 0;
    margin: 0 auto;
    text-align: center
  }

  .dontShowReferFriendMob input {
    position: absolute;
    bottom: 40px;
    left: 5%;
    zoom: 1.5
  }

  .dontShowReferFriendMob span {
    position: absolute;
    bottom: 36px;
    left: 12%;
    font-weight: 500;
    font-size: 16px;
    color: #6e2a8f
  }

  .informationEvaluation {
    right: 0;
    font-size: 17px;
    margin-top: 45px;
    z-index: 999;
    background-color: #fff
  }

  .informationEvaluation.informationAP {
    font-size: 18px;
    padding-top: 12px
  }

  .modalDeepavali .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    color: #fff;
    font-size: 45px
  }

  #remindTextMob {
    font-size: 17px;
    color: #27293d;
    position: absolute;
    z-index: 999;
    bottom: 40px;
    left: 0;
    right: 0;
    cursor: pointer
  }

  #landingOverlayDailog .modal-ms {
    width: 100%
  }

  .modalDeepavali .btnDepavali {
    position: absolute;
    bottom: 0 !important;
    top: 54% !important;
    left: 0;
    color: #fff;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: none
  }

  div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #6e2a8f
  }

  .lockUnlock {
    position: absolute;
    right: 5px;
    color: #6e2a8f;
    display: none
  }

  .ideaListMenu {
    margin-top: 15px !important
  }

  .ideaListMenu.ideaListMenuWebOne {
    margin-top: -11px !important
  }

  .ideaListMenu .panel-default>.panel-heading {
    color: #FFF;
    background-color: #5F7D8D;
    border-color: #5F7D8D
  }

  .ideaListsHeader small {
    color: #FFF
  }

  #idea_lists_placeholder .panel-heading h4,
  .ideaListsHeader h4 {
    font-weight: 400 !important
  }

  #idea_lists_placeholder .panel-heading h4 {
    margin-top: 3px
  }

  #idea_mylist_placeholder .panel-heading h4,
  .ideaListsHeader h4 {
    font-weight: 400 !important
  }

  #idea_mylist_placeholder .panel-heading h4 {
    margin-top: 3px
  }

  .idealistMenuIcons {
    width: 50px
  }

  #myPortfolioPanel {
    margin-bottom: 5px;
    margin-top: 4px
  }

  .idealistMenuPage {
    background: #f2f2f2
  }

  .informationIdeiaList {
    padding: 10px 5px
  }

  .ideaListMenu a:hover {
    color: #fff
  }

  div.bhoechie-tab-menu div.list-group>a.active::after {
    border-bottom: 0 solid transparent;
    border-left: 0 solid #6e2c90
  }

  .announcementImgDiv {
    width: 25%
  }

  #subscription_products_placeholder input[type=radio] {
    margin: 3px -20px 0
  }

  .announcementContant {
    width: 75%
  }

  .announcementsTab {
    margin-top: 60px
  }

  .referAFriendSocialIcon .socialIcanList {
    padding-left: 0;
    text-align: center
  }

  .evaluationStrengthTabs {
    margin-left: -14px;
    margin-right: -14px
  }

  .ideaListsiconsRating ul li a span {
    padding: 6px 10px
  }

  .mobileCanslimName {
    width: auto
  }

  .ideaListsHeader {
    width: 100%
  }

  .stockContant b {
    padding-left: 5px
  }

  .outlookCommentary .panel-body {
    padding: 2px 10px
  }

  .spaceAdjst {
    margin-bottom: 5px
  }

  .stockContant {
    margin-left: 30px
  }

  .media-body {
    display: initial
  }

  #masterScoreIndicator {
    float: left;
    height: 28px;
    width: 35px
  }

  .details-block-4 {
    padding-left: 10px;
    padding-right: 10px
  }

  .detailsBodyFont>.row>.col-xs-12 {
    padding-left: 5px;
    padding-right: 10px
  }

  .detailHeaderDiv .row .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px
  }

  .signUpSection label {
    font-size: 11px
  }

  .detailsTableList {
    padding-left: 5px;
    padding-right: 0;
    margin-right: -6px
  }

  .industryGroup h1 {
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0
  }

  .colanChecklist {
    display: inline
  }

  .tempratureWrapper .col-xs-7 {
    padding-right: 0
  }

  .tempratureWrapper .col-xs-5 {
    padding-left: 4px
  }

  .modal-content .evaluationPopUpHeader {
    margin-top: 5px
  }

  .custom-details-row-1 {
    background-color: transparent
  }

  .custom-details-row-2 {
    background-color: transparent
  }

  .checkListsGroupCanSlim>tbody>tr>td {
    font-size: 13px;
    padding: 0 5px
  }

  .checkListsGroupScore {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 10px;
    text-align: left
  }

  .canslimPercentage h4 {
    text-align: left
  }

  .checkListsGroup>div:first-child {
    padding: 0
  }

  .canslimProgress {
    display: none
  }

  .canslimName h4 {
    margin-left: 10px;
    text-align: left;
    color: #6e2a8f !important
  }

  .canslimPercentage {
    margin-bottom: 0;
    width: auto
  }

  .ChecklistHead {
    padding-left: 10px !important;
    padding-top: 5px !important;
    background-color: #f5f5f5 !important
  }

  .ChecklistHead .btn {
    width: 31%;
    margin-left: 0;
    font-size: 12px
  }

  .ChecklistHead .col-sm-11 {
    width: 90%;
    padding-left: 15px;
    padding-right: 0
  }

  .ChecklistHead .col-sm-1 {
    width: 10%;
    padding-left: 0;
    padding-right: 0
  }

  .ChecklistHead select {
    font-size: 14px;
    height: 30px;
    width: 100px
  }

  #checklist table tr:first-child td:nth-of-type(1),
  #checklist table tr:first-child td:nth-of-type(2),
  #checklist table tr:first-child td:nth-of-type(3) {
    padding: 0 5px
  }

  #detailsGroupLocation {
    font-size: 14px
  }

  .custom-block-1 {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0 solid #dcdcdc;
    border-top: 1px solid #e5e5e5;
    left: 0
  }

  .checkListsGroup h4 {
    font-size: 18px;
    font-weight: 600;
    padding: 0
  }

  .surveillanceGroup h4 {
    font-size: 18px;
    padding: 0;
    font-weight: 600
  }

  .surveillanceGroup h3 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500 !important;
    text-align: left;
    margin-left: 15px
  }

  .surveillanceGroup p {
    font-size: 14px;
    text-align: left;
    margin-left: 15px
  }

  .surveillancetext {
    font-size: 14px;
    font-weight: 500
  }

  .surveillanceflag i {
    font-size: 14px
  }

  .canslimPercentage .label-default {
    background-color: transparent
  }

  .canslimPercentage .label {
    color: #6e2a8f;
    font-size: 100%;
    font-weight: 500;
    padding: 0
  }

  .tableRaleted>thead>tr>th {
    font-size: 10px
  }

  .industryGroup .table>thead>tr>th {
    border-top: 0 none !important;
    color: #000
  }

  #fundamntlEarningTableId>thead>tr>th {
    background-color: #f5f5f5;
    padding: 0 2px;
    text-align: center
  }

  #fundamntlEarningTableId>thead>tr>th:nth-of-type(1) {
    border-right: 1px solid #e5e5e5
  }

  #fundamntlEarningTableId>thead>tr>th:nth-of-type(2) {
    border-right: 1px solid #e5e5e5
  }

  .custom-details-row-1 {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 0;
    padding-bottom: 2px;
    padding-top: 0
  }

  .custom-details-row-2 {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
  }

  .detailsBodyFont .col-xs-7 {
    padding-left: 2px;
    padding-right: 0
  }

  .detailHeaderDiv>.row>.col-xs-12 {
    padding-left: 3px;
    padding-right: 0
  }

  .quarterlyEarnings {
    padding-left: 3px;
    padding-right: 0
  }

  .table-slide {
    padding-left: 0;
    padding-right: 0
  }

  .value-block-2 {
    text-align: right
  }

  .value-block-3 {
    text-align: right
  }

  .detailsBodyFont .col-xs-5 {
    padding-left: 0;
    padding-right: 0
  }

  .detailsHr {
    margin-bottom: 0;
    margin-top: 0
  }

  .details-block-1 {
    padding-left: 0;
    padding-right: 0
  }

  .custom-block-2 {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0 solid #dcdcdc;
    left: 0
  }

  .tableRaleted>tbody>tr>td {
    padding: 0;
    border-bottom: 0 none !important;
    padding: 1px 4px
  }

  #fundamntlEarningTableId>tbody>tr>td {
    border-top: 0 none !important
  }

  .evaluationValues .btn-xs {
    font-size: 10px;
    margin: 3px;
    padding: 3px 4px 2px;
    width: auto
  }

  .listPortfolioMobile .btn-xs {
    background-color: transparent;
    font-size: 13px;
    padding: 0 2px
  }

  .listPortfolioMobile .fivePaisaSellBtn {
    border-radius: 30px !important;
    padding: 1px 6px 1px 6px !important;
    background-color: #e43434;
    color: #fff;
    margin-right: 15px;
    font-weight: 300;
    width: 40px;
    height: 21px
  }

  .fivePaisaSellBtn.smallBtnMob {
    padding: 0 6px 0 6px !important;
    height: auto
  }

  .listPortfolioMobile .fivePaisaBuyBtn {
    border-radius: 30px !important;
    padding: 1px 6px 1px 6px !important;
    background-color: #43AC6A;
    color: #fff;
    margin-right: 5px;
    font-weight: 300;
    width: 40px;
    height: 21px
  }

  .fivePaisaBuyBtn.smallBtnMob {
    padding: 0 6px 0 6px !important;
    height: auto
  }

  .listPortfolioMobile .addPortfolioMobBtn {
    font-size: 15px
  }

  .detailsGroup {
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 4px;
    padding-top: 3px
  }

  .custom-block-3 {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0 solid #dcdcdc;
    left: 0
  }

  .modalFilter .modal-body {
    max-height: 440px;
    overflow-y: scroll
  }

  .marketSmithImgLogoMobile img {
    display: inline
  }

  .buyNowLink {
    display: none !important
  }

  .selectBtnWDMobile {
    margin-top: -34px;
    padding-top: 0;
    right: 0;
    text-align: right
  }

  #custom-search-input input {
    color: #666;
    height: 25px;
    width: 100%
  }

  #custom-search-input {
    display: none;
    left: 15px;
    margin-top: 50px;
    position: fixed;
    width: 90%
  }

  .enlargeSearchautoSelect {
    left: 15px;
    margin-left: 0;
    margin-top: 57px;
    position: fixed;
    width: 90% !important;
    z-index: 1039
  }

  .mobilePanelGroup {
    background-color: #f5f5f5;
    border-color: gray;
    border-style: solid;
    display: none;
    left: 0;
    margin-top: 55px;
    max-height: 70vh;
    overflow-y: scroll;
    padding-top: 20px;
    position: fixed;
    width: 80%;
    z-index: 1032
  }

  .mobileSliderMenu {
    display: inline
  }

  .bhoechie-tab {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px
  }

  #custom-search-input {
    right: auto
  }

  .sideMenu ul li {
    padding: 7px
  }

  .modelTallHeader .text-right {
    margin-bottom: 5px;
    margin-top: -6px;
    text-align: left
  }

  .dropdown-menu {
    background: #ffffff;
  }
}

.progress {
  border-radius: unset;
  height: 5px;
  margin-bottom: 14px
}

.outlookCommentary .panel-default .panel-heading {
  background-color: #fff;
  box-shadow: 0 1px 0 #e5e5e5;
  color: #333;
  padding-bottom: 10px
}

.selectVideos {
  display: none
}

@media (max-width:980px) {
  #userOpenAerts_placeholder .titleTableHead th {
    width: 30%
  }

  #userOpenAerts_placeholder .titleTableHead th:nth-of-type(1) {
    width: 40%
  }

  #userTriggeredAerts_placeholder .titleTableHead th {
    width: 30%
  }

  #userTriggeredAerts_placeholder .titleTableHead th:nth-of-type(1) {
    width: 40%
  }

  .playIcon {
    margin: 50px 0 0 -8px;
    width: 100%
  }

  .referAFriendSocialIcon .list-inline>li {
    padding-left: 14px;
    padding-right: 14px
  }
}

@media (max-width:746px) {
  .checkListsGroup>div:first-child {
    margin-bottom: 10px
  }

  .priceVolumeCol {
    width: 59px
  }

  .nav>li>a {
    padding: 10px 9px
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    font-size: 14px
  }

  .detailsHead select {
    font-size: 12px;
    height: 25px;
    width: 100%;
    font-weight: 500;
    padding: 3px 7px !important;
    text-align: center
  }

  .detailsHead {
    float: left;
    margin-top: -6px;
  }

  #detailsHeadCat {
    display: block;
    padding: 3px 8px 10px;
  }

  #userTriggeredAerts_placeholder .titleTableHead th {
    width: 30%
  }

  #userTriggeredAerts_placeholder .titleTableHead th {
    width: 30%
  }

  .canSlimSeminarMobile {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 292px;
    width: 300px;
    z-index: 999
  }

  .canSlimContant {
    background-color: #6f2c91;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 40px;
    width: 160px;
    padding: 10px
  }

  .canSlimContant:before {
    border-color: transparent transparent transparent #6f2c91;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 158px;
    position: absolute;
    top: 9px;
    width: 0
  }

  .canSlimSeminarMobile .btn-primary {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #6f2c91;
    color: #6f2c91;
    margin-top: 5px;
    position: absolute;
    right: 25px
  }

  .selectVideos .status {
    background-color: transparent;
    color: #333
  }

  .selectVideos {
    margin-bottom: 20px;
    display: inline
  }

  .selectVideos .btn {
    border-radius: 0 !important
  }

  .selectVideos .dropdown-toggle {
    border-left: 1px solid
  }

  .selectVideos .dropdown-menu {
    padding: 0;
    width: 100%
  }

  .selectVideos .dropdown-menu>li {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5
  }

  .selectVideos .dropdown-menu>li:hover {
    color: #fff;
    background-color: #6f2c91
  }

  .selectVideos .status {
    width: 300px
  }

  .MarketSmithLogo a {
    background: rgba(0, 0, 0, 0) url(../img/MSlogo.svg) no-repeat scroll 0 0;
    display: inline !important;
    height: 30px;
    margin-left: 10px;
    margin-top: 12px;
    width: 65px
  }

  #modelportfolio_stock_placeholder .stockChart img {
    border: 1px solid #999;
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .iframeHidden iframe {
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .stockChart img {
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .iframeHidden iframe {
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .stockChart img {
    height: 85px;
    width: 100px
  }

  #modelportfolio_stock_placeholder .currentStock {
    margin-left: 10px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 60%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2>.ideaListsiconsRating {
    width: 35px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 .ideaListsiconsRating {
    margin: -5px -12px -10px 5px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 {
    width: 5%
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 54%
  }

  .currentStock {
    margin-left: 25px
  }

  .promoboxcontact h2 {
    font-weight: 300
  }

  .indiaModelPortfolio h4 {
    font-size: 19px;
    color: #000;
    padding-top: 0;
    padding-bottom: 0
  }

  .indiaModelPortfolio h3 {
    font-size: 20px
  }

  .indiaModelPortfolio img {
    width: 20px
  }

  .negativeValue {
    font-size: 13px
  }

  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Fira Sans Condensed', sans-serif
  }

  .card .nav-tabs {
    border-top: 1px solid #f5f5f5
  }

  .indiaModelPortfolio {
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    margin-top: 0
  }

  #related table tr td a {
    font-size: 13px
  }

  .industryGroup h1 {
    font-weight: 600 !important
  }

  .table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    border-bottom: 1px solid #ddd
  }

  .topStocksIndia .col-xs-6 {
    padding-right: 0;
    padding-left: 0
  }

  .currentStock .col-xs-12 {
    padding-right: 0;
    padding-left: 0
  }

  .rationValue {
    font-size: 19px
  }

  #company_header_placeholderPopUp .rationValue,
  #company_header_placeholderPopUpMob .rationValue {
    font-size: 14px
  }

  .positiveValue {
    font-size: 13px
  }

  #company_header_placeholderPopUp .positiveValue,
  #company_header_placeholderPopUpMob .positiveValue {
    font-size: 14px
  }

  #company_header_placeholderPopUp .volumeOne,
  #company_header_placeholderPopUpMob .volumeOne {
    font-size: 14px
  }

  .evaluationStrength .col-xs-3 {
    border-right: 1px solid #e5e5e5
  }

  .evaluationStrength .col-xs-3:last-child {
    border-right: 0 solid #e5e5e5
  }

  .card {
    box-shadow: none
  }

  #industryGroupName {
    font-size: 15px;
    font-weight: 600 !important;
    position: absolute;
    width: 250px
  }

  #relatedExportDivId .industryExport {
    top: -32px
  }

  #industryGroupNameDiv.industryGroup {
    padding-bottom: 35px
  }

  #relatedTable td.noData {
    background: #fff !important;
    border: #fff !important
  }

  .rationValue {
    font-weight: 700
  }

  .sortOrder .form-control {
    font-size: 10px;
    height: 25px;
    padding: 1px
  }

  .userInformation p {
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    width: 205px
  }

  .indiaModelPortfolio h3 {
    margin-bottom: 5px;
    margin-top: 0
  }

  .sortOrder .col-xs-9 {
    padding-right: 5px
  }

  .sortOrder .col-xs-3 {
    padding-left: 5px
  }

  .priceRateFaild {
    display: inline;
    width: 53%
  }

  .right-side-panel .selectBtnWDM {
    padding-top: 4px
  }

  .priceAndVolumeDiv p {
    padding: 10px 0
  }

  .checkListsGroup>div:first-child {
    background-color: transparent
  }

  .dropdownOptions {
    bottom: 17px !important;
    right: 290px !important;
    margin-bottom: 26px !important;
  }

  .movingArerages .line-red {
    width: 40px
  }

  .movingArerages .line-black {
    width: 40px
  }

  .movingArerages .line-green {
    width: 40px
  }

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

  .row {
    margin-left: -10px;
    margin-right: -10px
  }

  .movingArerages .line-pink {
    width: 40px
  }

  .panel-default-setting .panel-body {
    padding: 0
  }

  .chartSettings .panel-body {
    margin: 0
  }

  .panel-default-setting .nav>li>a {
    padding: 10px 5px
  }

  .movingArerages li a {
    font-size: 16px;
    padding: 4px 10px !important
  }

  .movingArerages .table>tbody>tr>td {
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px;
    padding: 6px
  }

  #loadMore1 {
    text-align: center
  }

  #loadMore,
  #loadMoreRelated,
  #loadMoreChecklist {
    text-align: center
  }

  .alignCenter {
    text-align: center
  }

  #loadMoreTodayAlerts,
  #loadMoreRecentAlerts {
    text-align: center;
    text-decoration: none
  }

  .movingArerages table input[type="text"] {
    width: 54px
  }

  .panel-default-setting .panel-body {
    padding: 10px
  }

  .panel-default-setting .tab-content {
    padding: 0
  }

  button.close {
    padding: 2px 6px;
    position: absolute;
    right: 5px
  }

  .filterbtns {
    right: 35px
  }

  .contentMasters {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px
  }

  .card .tab-content {
    padding: 6px 13px
  }

  .tab-content.mpCommentries {
    padding: 6px 0
  }

  .card .tab-content.commentary-content {
    padding: 2px 5px
  }

  .progress {
    height: 6px;
    margin-top: 2px
  }
}

.signUpSection {
  background-color: #f1f1f1;
  height: auto;
  padding-bottom: 20px
}

.signUpSection .col-md-8 {
  margin-top: 70px;
  padding-left: 70px !important
}

.signUpSection .checkbox {
  margin-bottom: 10px
}

.signUpSection #hideDisecaimer h4 {
  color: #666;
  font-size: 13px !important;
  font-weight: 600
}

.signUpSection #hideDisecaimer {
  margin-bottom: 10px
}

.signUpSection #hideDisecaimer p {
  font-size: 11px !important;
  padding-bottom: 10px
}

.imgContainerBdr {
  border-right: 1px solid #c1c1c1;
  margin-top: 80px;
  padding-bottom: 20px
}

.alert {
  font-size: 14px;
  padding: 5px 10px
}

.dropdownMobileMenu {
  display: none;
}

.buttonuserVlidation {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px;
}



@media (max-width:980px) {
  .padRgtReset {
    width: 100%
  }

  .padRgtReset.broker {
    width: auto
  }

  .pageHeading h4 {
    top: 0
  }

  .loginDiv {
    margin-right: 35px
  }

  .notification-bell {
    right: 15px
  }

  .vid-item img {
    float: left;
    padding-right: 5px;
    padding-top: 0 !important;
    width: 75px !important
  }

  .vid-item {
    height: 57px;
    padding: 2px 0
  }

  .videosTambnilList {
    text-align: left
  }

  .imgContainerBdr {
    border-right: 0 solid #c1c1c1
  }

  .requestCallBackform>.form-group>.form-control {
    width: 190px
  }

  .signUpSection .col-md-8 {
    margin-top: 10px;
    padding-left: 15px !important
  }
}

@media (max-width:767px) {
  #NewSigninProcess {
    background: rgba(0, 0, 0, 0) url(../img/SignInProcessBg.png) repeat scroll 0 0;
    height: 54px;
    position: absolute;
    right: -5px !important;
    top: 195px;
    width: 350px
  }

  .signInGlobal {
    margin-bottom: 10px;
    padding-top: 10px
  }

  #NewSigninProcess .signInProcess {
    background-color: #f0f0f0;
    border: 1px solid #6f2c91;
    border-radius: 6px !important;
    color: #6f2c91 !important;
    margin-left: 142px;
    margin-top: 12px;
    outline: medium none;
    padding: 4px 10px
  }

  #NewSigninProcess .signInProcess *:hover {
    background-color: #6f2c91 !important;
    color: #ffffff !important;
    outline: medium none
  }

  #NewSigninProcess .signInProcess *:active,
  #NewSigninProcess .signInProcess *:focus {
    outline: medium none
  }

  .signInProcessBtnPos {
    bottom: 91px;
    position: absolute;
    width: 100%
  }

  #signInKnowMoreBtn {
    margin-left: 6px
  }

  .signUpSection {
    height: auto
  }
}

#selectweeklyMonthlyDaily .btn-group-xs>.btn,
.btn-xs {
  width: 62px
}

#filterButtonOnOff {
  width: auto
}

@media (max-width:746px) {
  .market-condition-status ul li {
    padding: 5px
  }



  .prortfolioEvaluationCarousel {
    margin-top: 40px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn,
  .btn-xs {
    width: 22px;
    padding: 2px 5px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn.intradayDropDown {
    width: 60px
  }

  .dropdownOptions>li>a {
    width: 78px
  }

  .assignDefaultbtn {
    margin-bottom: 10px;
    margin-left: 0
  }

  .informationIdeiaList {
    font-size: 14px;
    right: 15px;
    position: absolute;
    width: 40px;
    background: transparent;
    border: none;
    top: 5px
  }

  .alertsStatus {
    margin-top: 50px
  }

  .skypeText {
    margin-left: 4px;
    margin-top: 3px;
    position: absolute
  }

  .ideaListsiconsRating {
    background-color: transparent;
    margin-bottom: 0;
    margin-left: -28px;
    margin-top: -5px;
    width: 35px;
    border-left: 1px solid #e5e5e5
  }

  #checklist_placeholder .col-md-4,
  #checklist_placeholder .col-md-8 {
    padding-left: 10px;
    padding-right: 10px
  }

  .searchBarMobile {
    right: 50px;
    z-index: 999
  }

  .notification-bell {
    right: 42px !important
  }

  .notification-bell {
    top: 13px
  }

  .userInformation h4 {
    margin-top: 10px
  }

  .promoboxGrey h2,
  .promoboxpurple h2,
  .promoboxcolor h2,
  .promoboxblack h2,
  .promoboxcontact h2,
  .SeminarBlock h2 {
    font-weight: 200
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li>a:hover,
  .nav-tabs>li>a:focus {
    background: transparent none repeat scroll 0 0;
    border: medium none
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom: 2px solid #6e2a8f !important
  }

  .resellerSection h2 {
    color: #333;
    font-weight: 200 !important
  }

  .academySection h2 {
    font-weight: 200 !important
  }

  #dailyChartLines .table>tbody>tr>td {
    font-size: 14px;
    font-weight: 400 !important
  }

  .currentHoldingAccordion .panel-title {
    font-size: 18px
  }

  .selectBtnWDMobile .btn-group-xs>.btn,
  .btn-xs {
    font-size: 12px;
    line-height: 14px;
    padding: 2px 6px;
    width: auto;
    border-radius: 0 !important
  }

  .selectBtnWDMobile .dropdownOptions {
    right: 0px !important
  }

  .selectBtnWDMobile .dropdownOptions>li>a {
    width: auto;
    padding: 5px 8px !important
  }

  .mobileCompanyName {
    width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 11px
  }

  .dropdown-menu>li>a {
    font-size: 16px
  }

  .btnSettingsModal {
    padding: 3px !important;
    width: auto !important;
    position: absolute !important;
    left: 10px
  }

  .table-slide .table>tbody>tr>td {
    padding: 0 8px !important
  }

  .table-slide .table>thead>tr>th {
    padding: 0 8px;
    width: 55px
  }

  .vid-container iframe {
    height: 220px;
    width: 100%
  }

  .videosTambnilList {
    max-height: 260px
  }

  .vid-item img {
    float: left;
    padding-right: 5px;
    padding-top: 0 !important;
    width: 75px !important
  }

  .videosTambnilList {
    text-align: left
  }

  .videoGrid {
    padding-top: 5px
  }

  .bhoechie-tab {
    margin-top: -12px
  }

  .vid-item {
    height: 57px;
    padding: 2px 0
  }

  .investorVideosHead {
    display: none !important
  }

  .vid-item .desc {
    font-size: 12px
  }

  .investingVideos {
    margin-left: -15px;
    margin-right: -15px
  }

  .videoContainer {
    margin: -10px -10px 0;
    padding-bottom: 1px !important;
    padding-top: 5px !important
  }

  .loader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border-color: #6e2c90 #f3f3f3 #f3f3f3;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 30px
  }

  .logoSpinnerImg {
    height: 15px;
    left: 0;
    margin: -9px auto 0;
    padding-top: 14px;
    position: absolute;
    right: 0;
    width: 15px
  }

  #landingBody .logoSpinnerImg {
    height: 15px;
    left: 0;
    margin: -6px auto 0;
    padding-top: 14px;
    position: absolute;
    right: 0;
    width: 15px
  }

  .logoSpinnerImg img {
    height: 15px;
    width: 15px
  }

  .jx_ui_Widget {
    display: none !important
  }

  .zopim {
    display: none !important
  }





}

#login-dp .bottom {
  background-color: transparent;
  border-top: medium none;
  color: #666
}

/* .userinformationMainDiv {
    background:transparent none repeat scroll 0 0
  } */
.navbar-default .navbar-nav>.dropdownMainMenu>a,
.navbar-default .navbar-nav>.dropdownMainMenu>a:focus,
.navbar-default .navbar-nav>.dropdownMainMenu>a:hover {
  background-color: #702c91;
  color: #fff !important
}

/* .userAccountType h5 {
    border:1px solid #999;
    border-radius:2px;
    color:#999;
    display:none;
    font-size:11px;
    font-weight:600;
    margin-bottom:0;
    margin-top:-22px;
    padding:3px;
    position:absolute;
    text-align:center;
    width:31%
  } */
.userAccountType .whatWeDoBtn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #09a820;
  color: #09a820;
  font-size: 11px;
  font-weight: 700;
  left: 14px;
  margin-top: -45px;
  padding: 2px 7px;
  position: absolute
}

.userInformationDiv .fa-user {
  margin-top: 8px
}

.userinformationMainDiv .col-xs-9 {
  padding-left: 15px;
  padding-right: 15px
}

.userInformationDiv .col-xs-9 {
  padding-left: 15px
}

.userAccountType .whatWeDoBtn:hover {
  font-weight: 700
}

.menu-open::after {
  background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000
}

.menu-openIdeaList::after {
  background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1031
}

.menu-openSearch::after {
  background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1030
}

.mobileToggalClass {
  pointer-events: none
}

.canslimRating {
  font-size: 15px;
  font-weight: 500
}

.checkListsGroup .table>tbody>tr>td:nth-of-type(2) {
  font-size: 15px
}

.priceVolumeContent {
  display: inline-block;
  vertical-align: top;
  width: 39%
}

.priceInrForm {
  padding: 0
}

.signUpSection .col-md-8 {
  margin-top: 0
}

.requestCallBackform>.form-group>.form-control {
  width: auto
}

.resellerBtnDiv {
  margin: 20px -10px -20px
}

.resellerSub .radio-inline+.radio-inline {
  margin-left: 0
}

.resellerSub .radio-inline {
  display: table
}

.resellerSub ul {
  padding-left: 15px
}

.modalSettingPopup {
  max-height: 500px;
  overflow-y: scroll;
  padding: 10px 3px
}

.stockAlertMessage .modalAlert {
  padding: 0
}

.stockAlertMessage {
  padding: 6px 2px
}

#filter .modal-body {
  max-height: 500px;
  overflow-y: scroll
}

#filter .panel-heading {
  padding: 10px
}

.evaluationStrength {
  margin-top: 0
}

.buttonsalertanduser {
  display: flex;
  margin-bottom: 30px;
}

.currentHoldingAccordion {
  padding: 10px
}

.StockIdeasModalPortfolio .panel-group {
  margin-bottom: 0
}

#custom-search-input input {
  font-size: 16px
}

.padRgtReset {
  margin-top: 4px;
  position: absolute;
  right: -4px;
  width: 125px
}

.padRgtReset.broker {
  margin-top: 28px;
  position: absolute;
  right: -30px;
  width: 125px
}

.evaluationPopUpHeader .col-xs-12 {
  padding-left: 0;
  padding-right: 0
}

.selectBtnWDMobile {
  margin-right: 10px
}

.evaluatioVolBlock {
  display: block;
  margin-top: 5px
}

.selectBtnWDMobile {
  margin-top: -26px
}

/* .userinformationMainDiv {
    margin:-14px -20px 13px!important
  } */
.form-control {
  font-size: 16px
}

#market_outlook_placeholder {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px 15px
}

.modalPortfolio #market_outlook_placeholder {
  margin-top: 5px !important
}
}

@media (max-width:1024px) {
  .introInnerHeader {
    background-color: #f2f2f2
  }

  .ideaListContent {
    margin-top: 30px
  }

  .idealistDynamicBody {
    margin-top: 70px
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: whitesmoke;
    border-bottom: 2px solid #6e2a8f !important
  }

  .v-smg {
    display: none !important
  }

  .v-xsg {
    display: inline-block !important
  }

  .VediosDiv .nav-tabs>li.active>a {
    background: #6e2a8f !important;
    border: none;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 10px 15px;
    font-size: 12px !important;
    line-height: 107%
  }

  .VediosDiv .nav-tabs>li>a:hover {
    background: #f1f1f1;
    border: none;
    color: #333;
    border-radius: 20px !important;
    padding: 10px 15px;
    font-size: 12px !important;
    line-height: 107%
  }

  .nav-tabs>li>a::after {
    background: inherit;
    bottom: inherit;
    content: "";
    height: inherit;
    left: inherit;
    position: inherit;
    transform: inherit;
    transition: inherit;
    width: inherit
  }
}

@media(max-width:320px) {
  .masterScoreRow {
    padding-top: 15px
  }

  .previousIcons a {
    font-size: 13px
  }

  .lockforlist,
  .lockforHolding,
  .lockforBG {
    font-size: 14px !important
  }

  .indiaModelPortfolio p {
    width: 285px
  }

  .close-btn-subs {
    right: 18%
  }

  .dontshow-sale-text {
    bottom: 25%
  }

  .card.customcardmob .nav>li>a {
    font-size: 14px;
    padding: 3px 5px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 51%
  }

  .getApp a {
    margin-left: -4px;
    margin-top: 25px;
    background: transparent;
    border: 1px solid #6e2a8f;
    padding: 2px 5px;
    border-radius: 10px !important;
    font-weight: 400;
    color: #6e2a8f;
    font-size: 10px
  }

  .paymentReminder a {
    margin-left: -4px;
    margin-top: 25px;
    background: transparent;
    border: 1px solid #6e2a8f;
    padding: 2px 5px;
    border-radius: 10px !important;
    font-weight: 400;
    color: #6e2a8f;
    font-size: 10px
  }

  .negativeValue {
    font-size: 12px
  }

  .getApp small {
    font-size: 12px
  }

  .getApp .col-xs-1,
  .getApp .col-xs-9,
  .getApp .col-xs-2 {
    padding-right: 6px;
    padding-left: 6px
  }

  .paymentReminder small {
    font-size: 12px
  }

  .paymentReminder .col-xs-1,
  .paymentReminder .col-xs-9,
  .paymentReminder .col-xs-2 {
    padding-right: 6px;
    padding-left: 6px
  }

  .stockContant {
    margin-left: 10px
  }

  .selectVideos .status {
    width: 265px
  }

  .stockChart img {
    border: 1px solid #999;
    height: 80px;
    width: 85px
  }

  .iframeHidden iframe {
    height: 80px;
    width: 85px
  }

  .stockChart img {
    height: 80px;
    width: 85px
  }

  .stockChart .loaderSmall {
    width: 80px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 29px
  }

  .stockContant h5 {
    font-size: 11px
  }

  .topStocksIndia .col-xs-8 {
    width: 65%
  }

  #modelPortfolioPage .iframeHidden iframe {
    height: 80px;
    width: 85px
  }

  #modelPortfolioPage .stockChart img {
    height: 80px;
    width: 85px
  }

  .card .nav>li>a {
    font-size: 15px;
    padding: 3px 8px;
    border-bottom: 2px solid transparent
  }

  .evaluationValues h1 {
    font-size: 16px
  }

  .rationValue {
    font-size: 16px;
    font-weight: 600
  }

  .positiveValue {
    font-size: 12px;
    font-weight: 500
  }

  .volumeOne {
    font-size: 14px
  }

  .volOne {
    font-size: 14px
  }

  .evaluationStrength h4 {
    font-size: 11px
  }

  .poorPercent {
    font-size: 15px
  }

  .greatPercent {
    font-size: 15px
  }

  .naPercent {
    font-size: 15px
  }

  .goodPercent {
    font-size: 15px
  }

  .fairPercent {
    font-size: 15px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn,
  .btn-xs {
    font-size: 11px
  }

  .dropdownOptions>li>a {
    width: 66px
  }

  .informationEvaluation {
    padding-top: 2px
  }

  .searchBarMobile {
    padding: 0
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob .h4 {
    font-size: 13px
  }

  .mobileCompanyName {
    width: 120px
  }

  #company_header_placeholderPopUp .rationValue,
  #company_header_placeholderPopUpMob .rationValue {
    font-size: 13px
  }

  #company_header_placeholderPopUp .positiveValue,
  #company_header_placeholderPopUpMob .positiveValue {
    font-size: 13px
  }

  #company_header_placeholderPopUp .volumeOne,
  #company_header_placeholderPopUpMob .volumeOne {
    font-size: 13px
  }

  .selectBtnWDMobile .btn-group-xs>.btn,
  .btn-xs {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 3px;
    font-weight: 400
  }

  .currentStock h5 {
    font-size: 12px;
    font-weight: 600
  }

  .site-title a {
    height: 31px;
    top: 11px;
    width: 219px
  }

  .site-title-scroll a {
    height: 31px;
    top: 11px;
    width: 219px
  }

  .loginDiv .btn-default {
    padding: 18px
  }

  .loginDiv .fa-user-o::before {
    font-size: 16px
  }

  .padRgtReset.broker {
    margin-top: 23px
  }
}

@media (max-width:320px) {
  .filterbtns {
    top: 13px
  }

  .filterbtns .btn {
    padding: 3px 5px
  }

  #NewSigninProcess {
    background: rgba(0, 0, 0, 0) url(../img/SignInProcessBg.png) repeat scroll right center;
    display: block !important;
    height: 54px;
    position: absolute;
    right: -15px !important;
    top: 195px;
    width: 110%
  }

  .searchBarMobile {
    right: 56px;
    font-size: 14px;
    margin-top: 3px
  }

  .notification-bell i {
    font-size: 15px
  }

  .notification-bell {
    top: 20px
  }

  .navBarToggle .icon-bar {
    width: 14px
  }

  .padRgtReset {
    margin-top: 12px
  }

  #NewSigninProcess .signInProcess {
    background-color: #f0f0f0;
    border: 1px solid #6f2c91;
    border-radius: 6px !important;
    color: #6f2c91 !important;
    margin-left: 130px;
    margin-top: 12px;
    outline: medium none;
    padding: 4px 10px
  }

  .modalSettingPopup {
    max-height: 320px;
    overflow-y: scroll
  }

  #filter .modal-body {
    max-height: 320px;
    overflow-y: scroll
  }

  .masterScoreFilter {
    font-size: 10px
  }

  #filter .panel-title {
    font-size: 14px
  }
}

#subscription_products_placeholder i {
  font-size: inherit !important
}

.portfolioSummary i {
  font-size: inherit !important
}

.chevronAlign {
  left: 0;
  padding: 10px;
  position: absolute;
  right: 5px;
  top: 3px
}

.daysLeftMobile {
  color: #6f2c91 !important;
  font-style: italic;
  font-weight: 600 !important;
  left: 60px;
  position: relative;
  top: -25px
}

#resellerTAndC ol>li>p {
  font-size: 14px;
  font-weight: 700
}

#resellerTAndC ol>li>ul {
  list-style-type: disc
}

.academySection {
  background: rgba(0, 0, 0, 0) url(../img/acaademyBg.jpg) no-repeat scroll center center / cover;
  height: 200px !important
}

.academySection h2 {
  color: #fff;
  font-weight: 100 !important;
  margin-bottom: 5px
}

.academySection p {
  color: #fff;
  margin-top: 0
}

.academySection button {
  margin-top: 10px;
  padding: 10px 16px
}

.academySection button:hover {
  border: 1px solid #fff !important;
  color: #fff;
  font-weight: 300
}

@media (max-width:640px) {

  .academySection h2,
  .resellerSection h2 {
    font-size: 26px
  }

  .academySection h2 {
    margin-top: 40px
  }

  .academySection p {
    font-size: 14px
  }

  .evaluationTabStcok {
    font-size: 13px;
    font-weight: 400
  }
}

@media (max-width:360px) {
  .academySection h2 {
    margin-top: 40px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 49px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 24px
  }

  .getApp img {
    width: 50px;
    height: 50px;
    margin: 10px 0
  }

  .paymentReminder img {
    width: 50px;
    height: 50px;
    margin: 10px 0
  }

  .evaluationTabStcok {
    font-size: 12px;
    font-weight: 400;
    margin-left: 3px
  }
}

@media (max-width:320px) {
  .academySection h2 {
    margin-top: 20px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 30px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 22px
  }

  #marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
    width: 72% !important
  }

  #marketoutlook_notes_placeholder .modalPortfolioParaTest {
    width: 72% !important
  }
}

.logoSpinnerImgGonative {
  position: absolute;
  left: 0;
  right: 0;
  top: -28px;
  bottom: 0;
  margin: auto
}

.loaderGonative {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.btnAddScreen {
  padding: 10px;
  font-size: 15px;
  border-radius: 2px;
  text-transform: uppercase;
  color: #fff;
  width: 180px;
  background: #6e2c90;
  font-weight: 300;
  margin-top: 10px
}

.tableTransaction td {
  width: 10%
}

.tableTransaction th {
  width: 10%
}

.tableTransactionMobile td {
  width: 10%
}

.tableTransactionMobile th {
  width: 10%
}

@media(max-width:746px) {
  .footerSocial ul li {
    padding: 0 7px;
    margin-top: 10px
  }

  .positiveValue {
    color: #2736e9 !important
  }

  .VediosDiv .nav-tabs>li.active>a {
    padding: 6px 15px
  }

  .VediosDiv .nav-tabs>li>a:hover {
    padding: 6px 15px
  }

  .learningMain {
    margin-top: -35px
  }

  .shareBtn .dropdown-menu {
    padding: 0 0;
    min-width: 220px
  }

  .backBtnHide {
    display: none !important
  }

  .backBtn {
    padding: 2px 5px !important;
    color: #000
  }

  .backBtn:focus {
    outline: none
  }

  #rememberMe {
    margin-top: 0px !important
  }

  .addPortfolioMobBtn {
    display: inline
  }

  .myPortfolioSearch #custom-search-input {
    display: inline-block !important;
    width: 100% !important
  }

  .notification-bell {
    color: #fff !important
  }

  .alertsTab .modelTallHeader h4 {
    width: 275px
  }

  #userAlertsInfo .indiaModelPortfolio {
    margin-top: 0 !important
  }

  .userAlertsInfoDiv {
    margin-left: 5px;
    margin-right: 5px
  }

  .userAlertsInfocontainer {
    margin-top: 0
  }

  .alertsHeader {
    display: none
  }

  .alertsStatus {
    margin-top: 0
  }
}

.myPortfolioSearch #custom-search-input {
  position: static;
  box-shadow: none;
  margin: 0 auto;
  margin-bottom: 0
}

.myPortfolioSearch .searchautoSelect {
  position: static;
  margin: 0 auto;
  left: 0;
  right: 0
}

.btnRgtMar {
  margin-top: 20px
}

.btnRgtMar button:first-child {
  margin-right: 10px
}

#updateAddBtnId {
  margin-right: 10px
}

.myPortfolioSearch #search_hints_placeholder table tr:first-child td {
  border-top: 0px !important
}

.viewPortfolioCSS table {
  width: 100%;
  border-collapse: collapse
}

.viewPortfolioCSS {
  margin-top: 20px !important
}

@media (max-width:991px) {
  .viewPortfolioCSS>thead>tr>th {
    display: block
  }

  .viewPortfolioCSS>tbody>tr>td {
    display: block
  }

  .viewPortfolioCSS>tbody>tr {
    margin-bottom: 10px
  }

  .viewPortfolioCSS thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
  }

  .viewPortfolioCSS tr {
    border: 1px solid #ccc
  }

  .viewPortfolioCSS td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap
  }

  .viewPortfolioCSS tr {
    border-color: #f0f0f0
  }

  .viewPortfolioCSS tr td:nth-child(odd) {
    background-color: #f7f7f7
  }

  .viewPortfolioCSS tr {
    margin-bottom: 20px;
    margin-top: 5px
  }

  .viewPortfolioCSS td:before {
    font-weight: 600
  }

  .transactionHisDiv {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 50px
  }

  #editTransactions .transactionHisDiv {
    margin-top: 30px
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Stock Name";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Gain %";
    font-weight: 400;
    color: gray
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Add Date";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Add Price";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Remove Date";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Remove Price";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Reports";
    margin-top: 6px;
    font-weight: 400
  }

  #viewRemovedStocksTable td:nth-of-type(7) {
    margin-bottom: 20px
  }

  #viewRemovedStocksTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(7) {
    margin-bottom: 15px !important
  }

  #viewRemovedStocksTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Stock Name";
    font-weight: 400
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Gain %";
    font-weight: 400;
    color: gray
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Add Date";
    font-weight: 400
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Add Price";
    font-weight: 400
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Reports";
    font-weight: 400;
    margin-top: 6px !important
  }

  #viewCurrentHoldingTable td:nth-of-type(5) {
    margin-bottom: 20px
  }

  #viewCurrentHoldingTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(5) {
    margin-bottom: 15px !important
  }

  #viewCurrentHoldingTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Quantity";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Avg Buy Price";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Value At Cost";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Current Price";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Current Networth";
    font-weight: 400
  }

  #viewPortfolioTable td:nth-of-type(9) {
    margin-bottom: 20px
  }

  #viewPortfolioTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #viewPortfolioTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(6) {
    margin-bottom: 15px !important
  }

  #viewPortfolioTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  .viewPortfolioCSS {
    border-collapse: inherit !important
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Transaction Type" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Transaction Date" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Transaction Status" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Amount" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(8):before {
    content: "Comments" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(9):before {
    content: "Action" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #editPortfolioTable tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #editPortfolioTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Transaction Type" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Transaction Date" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Transaction Status" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Amount" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(8):before {
    content: "Comments" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #viewTransactionHistTable tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #viewTransactionHistTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Alert Description" !important;
    font-weight: 400
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Created Date" !important;
    font-weight: 400
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td:nth-of-type(4) {
    margin-bottom: 15px !important
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #viewUserOpenAlertsInfo .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Alert Description" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Created Date" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Direction" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Triggered Date" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(7) {
    margin-bottom: 15px !important
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #viewUserExecutedAlertsInfo .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  .viewPortfolioCSS .fa-chevron-down {
    color: grey
  }

  .resetPadRgt {
    padding-right: 0px !important
  }

  .resetPadRgtTranHis .accordion-toggle::after {
    float: right
  }

  .panel-heading.table.row.titleTableHead.visible-sm.visible-xs td {
    width: 20%
  }

  .pad5Lft {
    padding-left: 5px !important
  }

  .titleTableHead {
    position: relative;
    top: 20px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    background: #79389c
  }

  .mpChartMobXs td {
    width: 58%
  }

  .transactionHisXs td {
    width: 37%
  }

  .myProtfolioMobXs td {
    width: 34%
  }

  .userAlertsMobileXs td {
    width: 37%
  }

  .userAlertsMobileXs td:nth-of-type(1) {
    width: 42%
  }

  .userAlertsMobileXs td:nth-of-type(2) {
    width: 31%
  }

  .addToPortfolio {
    margin-top: 15px
  }

  #portfolioOverview {
    position: relative;
    top: -15px
  }

  #msiRating {
    position: relative;
    top: -15px
  }

  #fundamentals {
    position: relative;
    top: -15px
  }

  #technical {
    position: relative;
    top: -15px
  }

  .PortfolioBgImg {
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 22px !important
  }

  #viewRemovedStocksTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewCurrentHoldingTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewPortfolioTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #editPortfolioTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewTransactionHistTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewUserOpenAlertsInfo td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewUserExecutedAlertsInfo td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  .viewPortfolioCSS {
    border-bottom: none !important
  }

  #viewRemovedStocksTable tr td {
    font-size: 13px
  }

  #viewCurrentHoldingTable tr td {
    font-size: 13px
  }

  #viewPortfolioTable tr td {
    font-size: 13px
  }

  #editPortfolioTable tr td {
    font-size: 13px
  }

  #viewTransactionHistTable tr td {
    font-size: 13px
  }

  #viewUserOpenAlertsInfo tr td {
    font-size: 13px
  }

  #viewUserExecutedAlertsInfo tr td {
    font-size: 13px
  }

  .portfolioSummary .leftPd {
    padding-right: 0px !important
  }

  #viewScreen .tab-content {
    padding-bottom: 0px !important;
    padding-right: 0;
    padding-left: 0
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Portfolio Current Net-worth";
    font-weight: 400
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Portfolio Master Score";
    font-weight: 400
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Portfolio EPS Rating";
    font-weight: 400
  }

  #portfolioRatingTable td:nth-of-type(5):before {
    content: "Portfolio RS Rating";
    font-weight: 400
  }

  #portfolioRatingTable td:nth-of-type(6):before {
    content: "Portfolio A/D Rating";
    font-weight: 400;
    color: #2736e9
  }

  #portfolioRatingTable td:nth-of-type(7):before {
    content: "Portfolio Group Rank";
    font-weight: 400
  }

  #portfolioRatingTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #portfolioRatingTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #portfolioRatingTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #portfolioRatingTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #portfolioRatingTable tr td {
    font-size: 13px
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Current Networth";
    font-weight: 400
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "EPS Rating";
    font-weight: 400
  }

  #msiRatingTable td:nth-of-type(6):before {
    content: "RS Rating";
    font-weight: 400
  }

  #msiRatingTable td:nth-of-type(7):before {
    content: "A/D Rating";
    font-weight: 400;
    color: #2736e9
  }

  #msiRatingTable td:nth-of-type(8):before {
    content: "Group Rank";
    font-weight: 400
  }

  #msiRatingTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #msiRatingTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #msiRatingTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #msiRatingTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #msiRatingTable tr td {
    font-size: 13px
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Current Networth";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Volume";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Avg Rupee Volume(1000's)";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "52 Week High";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(8):before {
    content: "52 Week Low";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #technicalTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #technicalTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #technicalTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #technicalTable tr td {
    font-size: 13px
  }

  .addToPortfolioMobilePlus {
    cursor: pointer
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Current Networth";
    font-weight: 400
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Market Capitalization";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(6):before {
    content: "Shares in Float";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(7):before {
    content: "P/E Ratio";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(8):before {
    content: "ROE";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(9):before {
    content: "Beta";
    font-weight: 400
  }

  #fundamentalsTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #fundamentalsTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(9) {
    margin-bottom: 15px !important
  }

  #fundamentalsTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #fundamentalsTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #fundamentalsTable tr td {
    font-size: 13px
  }

  .visible-xs.btnRgtMar {
    margin-top: 0
  }

  .portfolioSummary {
    width: 100% !important;
    padding: 5px !important
  }

  .txtAlign797 {
    text-align: right !important
  }

  .txtalgn {
    text-align: left !important
  }

  #idealistStocksTable,
  #mpStockTable {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
  }

  #idealistStocksTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #idealistStocksTable_wrapper {
    position: inherit
  }

  #idealistStocksTable tbody {
    max-height: 100%
  }

  #mpStockTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #mpStockTable_wrapper {
    position: inherit
  }

  #mpStockTable tbody {
    max-height: 100%
  }

  #relatedTable {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -1px
  }

  #relatedTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #relatedTable_wrapper {
    position: inherit
  }

  #relatedTable tbody {
    max-height: 100%
  }
}

.PortfolioBgImg {
  background-color: #f1f1f1;
  padding: 20px 10px
}

#addScreen {
  padding-top: 40px;
  padding-left: 15px
}

#addScreen .btnSubscribe {
  border-radius: 4px !important;
  margin-bottom: 20px
}

@media (min-width:768px) {
  .no-display {
    display: none
  }

  .showforMobile {
    display: none
  }

  .legend-box li {
    margin: 10px 0
  }
}

@media (max-width:1024px) {
  .relatedSymbolsstock {
    position: inherit;
    width: 100% !important;
    background-color: #f1f1f1 !important;
    top: 0;
    left: 0
  }

  .relatedSymbolsstock.thead {
    display: contents
  }

  .scroll-wrapper {
    position: relative
  }

  #idealistStocksTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #relatedTable tbody {
    padding-top: 0
  }

  table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%
  }

  table span.dtr-data {
    font-weight: 400;
    float: right
  }

  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #79389c;
    color: #fff
  }

  #relatedTable {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -1px
  }

  #relatedTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #relatedTable_wrapper {
    position: inherit
  }

  #relatedTable tbody {
    max-height: 100%
  }

  .related-scroll-table {
    margin-left: 190px;
    overflow: hidden;
    overflow-x: auto
  }

  #relatedTable tr>td,
  #relatedTable tr>th {
    white-space: nowrap
  }

  #relatedTable.dataTable tbody td {
    width: 107px !important
  }

  #relatedTable.dataTable thead th {
    width: 93px !important
  }

  #relatedTable.dataTable tbody td:last-child {
    width: 142px !important
  }

  #relatedTable.dataTable thead th:last-child {
    width: 130px !important
  }

  #relatedTable tr>td:nth-child(2) {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #relatedTable tr>th:nth-child(2) {
    width: 175px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd
  }

  #relatedTable.table {
    margin-left: 8px !important;
    margin-top: -2px
  }
}

@media (max-width:1024px) {
  .prortfolioEvaluationCarousel .item {
    height: 380px
  }

  .stocks-scroll-table {
    margin-left: 200px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable.dataTable thead th {
    width: 125px !important
  }

  #idealistStocksTable.dataTable tbody td {
    width: 125px !important
  }

  #idealistStocksTable tr>td:first-child {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #idealistStocksTable tr>th:first-child {
    width: 188px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    border-top: 1px solid #d0d0d0 !important;
    margin-top: -1px
  }

  #idealistStocksTable.dataTable thead th {
    border-bottom: none
  }

  #idealistStocksTable_wrapper {
    position: inherit
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 5px;
    border-bottom: 0 solid #fff
  }
}

@media (max-width:991px) {
  #bulkBlockDetTable_wrapper {
    position: inherit
  }

  #evaluationBulkBlockDeals tr>td,
  #evaluationBulkBlockDeals tr>th {
    white-space: nowrap
  }

  #evaluationBulkBlockDeals.dataTable tbody td {
    width: 85px !important
  }

  #evaluationBulkBlockDeals.dataTable thead th {
    width: 71px !important
  }

  #evaluationBulkBlockDeals tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #evaluationBulkBlockDeals tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #ddd !important;
    border-bottom: 0
  }

  #evaluationBulkBlockDeals {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 30px
  }

  #evaluationBulkBlockDeals>thead>tr>th {
    border-top: 0 solid #ddd !important;
    border-bottom: 0 solid #ddd !important
  }

  .bulkBlockDet-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  #evaluationBulkBlockDeals_filter {
    position: absolute;
    left: 0;
    top: -15px
  }

  #evaluationBulkBlockDeals_wrapper {
    position: inherit
  }

  .bulkBlockExport {
    top: -10px
  }
}

@media (max-width:767px) {
  #ideaListsPage .modalWithArrow {
    margin-top: 25px
  }

  .lockforlist,
  .lockforHolding,
  .lockforBG {
    font-size: 16px
  }

  .lockforHolding img {
    width: 20px;
    top: -2px;
    left: -3px
  }

  .lockforBG img {
    width: 20px;
    top: -1px;
    left: -3px
  }

  .listFlagMobDiv {
    position: relative;
    bottom: 3px;
    float: right
  }

  .listFlagMobDiv img {
    width: 15px;
    margin-left: 4px
  }

  .listFlagMobDiv.removeSpace img {
    width: 15px
  }

  .previousIcons a {
    margin-left: 5px;
    font-size: 12px
  }

  .reducePadding {
    padding-left: 0;
    padding-right: 0
  }

  .msiIconsRow {
    border: 1px solid #ddd;
    padding: 6px 7px 2px 0;
    margin: 0;
    border-radius: 3px;
    max-height: 32px;
    min-height: 32px
  }

  .kiteBuySellPosition {
    bottom: 24px !important
  }

  .msiIconsRow a {
    color: #999
  }

  .likeNumbers {
    font-size: 14px
  }

  #checklist_topheader_mob_placeholder .progress,
  #evaluation_strength_placeholder .progress {
    margin-bottom: 5px
  }

  .evaluationTabContant {
    padding-top: 8px !important
  }

  .evaluationNaviTab #myNavbar {
    margin-top: 0
  }

  .thumbsupIcon i {
    margin-right: 5px
  }

  .thumbsIcons {
    text-align: right
  }

  .thumbsIcons a:first-child {
    margin-right: 15px
  }

  a.thumbsupIcon {
    display: unset
  }

  .thumbsIcons a:hover,
  .thumbsIcons a:visited {
    color: #999
  }

  .performanceRow {
    padding: 10px
  }

  #addScreen {
    padding-top: 20px
  }

  #addScreenButton div {
    text-align: center
  }

  #marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
    width: 75%
  }

  #marketoutlook_notes_placeholder .modalPortfolioParaTest {
    width: 75%
  }

  .marketReportDownload {
    right: -56px;
    bottom: 1px;
    font-size: 14px
  }

  .idealistRadioDiv .switch-field-opt label {
    width: 22px;
    font-size: 12px
  }

  .stocks-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  #idealistStocksTable.dataTable tbody td {
    width: 125px !important
  }

  #idealistStocksTable.dataTable thead th {
    width: 117px !important
  }

  #idealistStocksTable {
    margin-top: -1px
  }

  #idealistStocksTable tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #idealistStocksTable tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    border-top: 1px solid #dcdcdc !important;
    margin-top: 0
  }

  #idealistStocksTable.dataTable thead th {
    border-top: 1px solid #dcdcdc
  }

  .related-scroll-table {
    margin-left: 130px;
    overflow: hidden;
    overflow-x: auto
  }

  #relatedTable tr>td,
  #relatedTable tr>th {
    white-space: nowrap
  }

  #relatedTable.dataTable tbody td {
    width: 85px !important
  }

  #relatedTable.dataTable thead th {
    width: 71px !important
  }

  #relatedTable tr>td:nth-child(2) {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #relatedTable tr>th:nth-child(2) {
    width: 115px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #ddd !important;
    border-bottom: 0
  }

  #bulkBlockDetTable_wrapper {
    position: inherit
  }

  #evaluationBulkBlockDeals tr>td,
  #evaluationBulkBlockDeals tr>th {
    white-space: nowrap
  }

  #evaluationBulkBlockDeals.dataTable tbody td {
    width: 85px !important
  }

  #evaluationBulkBlockDeals.dataTable thead th {
    width: 71px !important
  }

  #evaluationBulkBlockDeals tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #evaluationBulkBlockDeals tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #ddd !important;
    border-bottom: 0
  }

  #evaluationBulkBlockDeals {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 30px
  }

  #evaluationBulkBlockDeals>thead>tr>th {
    border-top: 0 solid #ddd !important;
    border-bottom: 0 solid #ddd !important
  }

  .bulkBlockDet-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  .dealnoData {
    position: absolute;
    left: 10px;
    right: 0;
    top: 20px
  }

  #evaluationBulkBlockDeals_wrapper {
    position: inherit
  }

  .related-scroll-table {
    border-top: 1px solid #ddd !important
  }

  .mpstocks-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  #mpStockTable tr>td,
  #mpStockTable tr>th {
    white-space: nowrap
  }

  #mpStockTable.dataTable tbody td {
    width: 125px !important
  }

  #mpStockTable.dataTable thead th {
    width: 117px !important
  }

  #mpStockTable {
    margin-top: -1px
  }

  #mpStockTable tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #mpStockTable tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: none
  }

  .companyHeaderShineLoader {
    float: left
  }

  .shinelineforStrenghts {
    width: 80px
  }

  .eTabHeading h4 {
    padding-top: 0;
    margin-top: -10px
  }
}

@media (max-width:450px) {
  .kiteBuySellPosition {
    bottom: 73px !important;
    right: 110px !important
  }
}

.txtalgn {
  text-align: left
}

.padRgt20 {
  padding-right: 8px
}

.viewPortfolioCSS .fa {
  font-size: 14px !important
}

.noteMd8 .col-md-8 {
  margin-top: 0;
  padding-left: 15px !important
}

@media(max-width:980px) {
  .myPortfolioSearch {
    width: 370px;
    margin: 0 auto
  }

  .myPortfolioSearch .searchautoSelect {
    position: absolute;
    width: 370px
  }

  .padRgt20 {
    padding-right: 15px
  }

  #subscription_products_placeholder input[type=radio] {
    margin: 2px -20px 0
  }

  #subscriptionTAndC {
    margin-top: 1px
  }
}

@media(max-width:746px) {
  .myProtfolioMobXs td {
    width: 35%
  }

  .footertopLinks .d-sm-block {
    display: none
  }

  .ideaListContent {
    margin-top: 30px
  }

  .ideaListContent.staticContent {
    margin-top: 10px
  }

  .container {
    padding-left: 5px;
    padding-right: 5px
  }

  #ideaListsPage .container {
    padding-left: 0;
    padding-right: 0
  }

  #evaluation>.row:first-child {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 0;
    margin-bottom: 8px
  }

  #subscription_products_placeholder input[type=radio] {
    margin: 0 -20px 0
  }

  .switch-field-opt {
    overflow: hidden
  }

  .backArrow {
    margin-top: 0;
    padding-left: 0
  }

  .scrollToTop {
    font-size: 35px !important;
    right: 10px
  }

  .priceInr {
    padding-right: 3px !important
  }

  #model_stock_placeholder {
    margin-left: -3px;
    margin-top: 0
  }

  .switch-field-opt input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
  }

  .switch-field-opt label {
    float: left;
    margin-bottom: 0
  }

  .switch-field-opt label {
    display: inline-block;
    width: 75px;
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, .6);
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    padding: 2px 3px;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
  }

  .switch-field-opt label:hover {
    cursor: pointer
  }

  .switch-field-opt input:checked+label {
    background-color: #6f2c91;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .switch-field-opt label:first-of-type {
    border-radius: 4px 0 0 4px
  }

  .switch-field-opt label:last-of-type {
    border-radius: 0 4px 4px 0
  }

  .userAlertsMobileXs td {
    width: 37%
  }

  .userAlertsMobileXs td:nth-of-type(1) {
    width: 43%
  }

  .userAlertsMobileXs td:nth-of-type(2) {
    width: 34%
  }

  #company_header_placeholder .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px
  }

  .txtAlign797 {
    width: auto
  }

  .myPortfolioSearch {
    width: auto;
    margin: 0 auto
  }

  #myPortfolioId .searchBarMobile {
    display: none
  }

  .myPortfolioSearch .searchautoSelect {
    position: absolute;
    margin-top: -6px;
    width: 91% !important
  }
}

#addingPortfolioDiv .form-control {
  font-size: 16px
}

.form-control::-ms-clear {
  display: none
}

#myPortfolioId .fa-briefcase {
  font-size: 30px;
  padding-left: 5px
}

@media (max-width:768px) {
  .imgContainerBdr {
    border-right: 1px solid #c1c1c1;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 20px
  }

  #viewScreen div.dataTables_paginate {
    text-align: center
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  #mpChartBody .ideaListContent {
    margin-top: 75px
  }

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

  .dontShowReferFriend {
    padding: 5px
  }

  .dontShowReferFriend input {
    left: 47%;
    zoom: 1.3;
    bottom: 31px
  }

  .dontShowReferFriend span {
    bottom: 39px;
    left: 50%
  }

  #alertBoxAddPortfolioId {
    margin-top: 10px
  }

  .detailsHead {
    float: left;
    margin-top: -6px
  }
}

#viewPortfolioTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#technicalTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#fundamentalsTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#msiRatingTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#portfolioRatingTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#viewScreen .pagination>li>a {
  color: #79389c;
  padding: 6px 12px
}

#viewScreen .pagination>.active>a {
  background-color: #79389c;
  border-color: #79389c;
  color: #fff
}

#viewTransactionHistTable {
  border-bottom: 1px solid #ddd
}

#editPortfolioTable {
  border-bottom: 1px solid #ddd
}

#viewUserOpenAlertsInfo {
  border-bottom: 1px solid #ddd
}

#viewUserExecutedAlertsInfo {
  border-bottom: 1px solid #ddd
}

#viewRemovedStocksTable {
  border-bottom: 1px solid #ddd
}

#viewCurrentHoldingTable {
  border-bottom: 1px solid #ddd
}

#viewPortfolioTable {
  border-bottom: 1px solid #ddd
}

#portfolioRatingTable {
  border-bottom: 1px solid #ddd
}

#msiRatingTable {
  border-bottom: 1px solid #ddd
}

#fundamentalsTable {
  border-bottom: 1px solid #ddd
}

#technicalTable {
  border-bottom: 1px solid #ddd
}

.myPortfolioSearchImg {
  margin-top: 20px
}

#currentHoldingMPChart .table>thead>tr>th {
  border-top: 2px solid #ddd !important;
  color: #666;
  line-height: 120%
}

#currentHoldingMPChart .table>tbody>tr>td {
  line-height: 120%
}

#viewScreen .table>thead>tr>th {
  border-top: 2px solid #ddd !important;
  color: #666;
  line-height: 120%
}

#viewScreen .table>tbody>tr>td {
  line-height: 120%;
  border-bottom: medium none
}

@media (min-width:992px) {

  .orderTable tbody tr td:nth-child(2),
  .orderTable tbody tr td:nth-child(3) {
    padding-right: 15px
  }

  .orderTable thead tr th:nth-child(2),
  .orderTable thead tr th:nth-child(3) {
    padding-right: 20px
  }

  .viewContainer {
    padding: 0
  }

  #viewScreen .table>thead>tr>th {
    padding: 8px 5px
  }

  #viewScreen .table>tbody>tr>td {
    padding: 8px 5px
  }

  #viewScreen table.dataTable thead th,
  #viewScreen table.dataTable thead td {
    padding: 7px 20px 7px 7px !important
  }

  #viewScreen {
    margin-top: 25px !important
  }

  #viewScreen .table {
    font-size: 12px;
    color: gray
  }

  #viewScreen #portfolioRatingTable {
    font-size: 12px
  }

  #addScreenButton {
    margin-top: 23px
  }

  #viewScreen .pagination {
    font-size: 12px
  }

  #myPortfolioId table.dataTable thead .sorting:after,
  #myPortfolioId table.dataTable thead .sorting_asc:after,
  #myPortfolioId table.dataTable thead .sorting_desc:after,
  #myPortfolioId table.dataTable thead .sorting_asc_disabled:after,
  #myPortfolioId table.dataTable thead .sorting_desc_disabled:after {
    right: 5px
  }

  #myPortfolioPageFull {
    margin-top: 15px
  }

  #viewUserExecutedAlertsInfoDesk,
  #viewUserOpenAlertsInfoDesk {
    border: 1px solid #ddd
  }

  #viewUserExecutedAlertsInfoDesk>thead>tr>th,
  #viewUserOpenAlertsInfoDesk>thead>tr>th {
    border-top: 1px solid #ddd;
    border-bottom: none
  }

  .Block1ipad {
    padding: 0
  }
}

#viewScreen .nav-tabs>li.active>a,
#viewScreen .nav-tabs>li>a:hover {
  color: #6e2c90 !important
}

#viewScreen .nav-tabs>li>a::after {
  background: #6e2c90
}

.portfolioSummary {
  background: linear-gradient(#fbfbfb, #f7f7f7);
  border: 1px solid #dedede;
  box-shadow: 0 1px 0 #e5e5e5;
  padding: 10px;
  color: #333;
  border-radius: 4px;
  width: 93%
}

.portfolioSummary h6 {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  text-transform: capitalize
}

.portfolioSummary h6+div {
  font-size: 14px;
  font-weight: 600;
  color: #79389c;
  text-align: center
}

.bordrbtm {
  padding-bottom: 15px;
  margin: 0 5px
}

.gainIconColor {
  color: #5160f9 !important
}

.lossIconColor {
  color: #de32ae !important
}

.bordrrgt {
  border-right: 1px solid #f2f2f2
}

.padBorderTop {
  padding-top: 10px
}

.leftPd {
  padding-left: 5px
}

.spanRgt {
  padding-right: 15px
}

@media (max-width:920px) {
  .portfolioSummary h6 {
    font-size: 13px !important
  }
}

.fundamentalRadio label {
  font-weight: 700;
  border-radius: unset !important
}

.letterClosed {
  background: url(../img/closeLetter.png) no-repeat;
  display: inline-block;
  background-size: 20px;
  width: 0%;
  margin-left: 15px
}

.letterOpen {
  background: url(../img/openLetter.png) no-repeat;
  display: inline-block;
  background-size: 20px;
  width: 0%;
  margin-left: 15px
}

.padResetLft {
  padding-left: 0px !important
}

body.modal-open {
  position: fixed
}

.quarterlyEarningsInfo {
  cursor: pointer
}

#IndModelFolio {
  padding: 10px
}

.currentHoldingBtns {
  margin-top: 10px
}

.currentHoldingBtns button {
  border-radius: 18px !important;
  background: #f1f1f1 !important;
  border: solid 1px #79389c;
  color: #79389c;
  margin-left: 3px;
  margin-bottom: 15px;
  font-size: 12px
}

.currentHoldingBtns button:hover {
  background: #79389c !important;
  color: #fff;
  border-color: #79389c
}

.currentHoldingBtns .btn-primary:focus {
  border-color: #79389c !important
}

.performanceBtn {
  border-radius: 18px !important;
  background: #f1f1f1;
  border: solid 1px #79389c;
  color: #79389c;
  margin-left: 3px;
  font-size: 12px;
  padding: 2px 8px;
  margin-top: -3px
}

.performanceBtn.btn-primary:hover {
  background: #79389c !important;
  color: #fff !important;
  border-color: #79389c
}

.performanceBtn.btn-primary:focus {
  color: #79389c;
  background-color: #f1f1f1;
  border-color: #79389c
}

#ptr-light-indicator {
  width: 35px;
  height: 55px;
  margin: 0 auto;
  transform: translateY(0);
  position: relative;
  top: -55px;
  transition: transform 300ms ease
}

#ptr-light-spinner {
  display: block;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 10px;
  background: url(../img/reload.svg);
  background-size: contain
}

.rotateLoop {
  -webkit-animation: rotation 0.9s infinite linear;
  -moz-animation: rotation 0.9s infinite linear;
  -o-animation: rotation 0.9s infinite linear;
  animation: rotation 0.9s infinite linear
}

@media(min-width:1500px) {
  .newHome-iframe {
    height: 3000px
  }

  .subscription-iframe {
    height: 750px;
    width: 100%
  }
}

@media(min-width:1900px) {

  body,
  html {
    height: 100%;
    width: 1600px;
    color: #000;
    margin: 0 auto
  }

  .sticky {
    width: 42.5%
  }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:1.5) {
  .Block1ipad {
    padding-left: 5px
  }

  .video-title a {
    width: 85%
  }

  .videoDate {
    top: 30px
  }

  .investorDiv img {
    top: 0
  }
}

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

  to {
    -webkit-transform: rotate(359deg)
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg)
  }

  to {
    -moz-transform: rotate(359deg)
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg)
  }

  to {
    -o-transform: rotate(359deg)
  }
}

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

  to {
    transform: rotate(359deg)
  }
}

.btn-default:active {
  color: #fff;
  background-color: #999;
  border-color: #888
}

.btn-default:hover {
  color: #fff;
  background-color: #999;
  border-color: #888
}

.buttonuserVlidation:hover {
  background-color: transparent;
  color: #e5e5e5
}

.buttonuserVlidation.active,
.buttonuserVlidation:active,
.buttonuserVlidation.open>.buttonuserVlidation {
  background-color: transparent;
  border-color: transparent;
  color: #fff
}

.buttonuserVlidation.active.focus,
.buttonuserVlidation.active:focus,
.buttonuserVlidation.active:hover,
.buttonuserVlidation.focus:active,
.buttonuserVlidation:active:focus,
.buttonuserVlidation:active:hover,
.buttonuserVlidation .open>.dropdown-toggle.btn-default.focus,
.buttonuserVlidation .open>.dropdown-toggle.btn-default:focus,
.buttonuserVlidation .open>.dropdown-toggle.btn-default:hover {
  background-color: transparent;
  border-color: transparent;
  color: #e5e5e5 !important
}

.VediosDiv .nav-tabs>li.active>a,
.VediosDiv .nav-tabs>li.active>a:focus,
.VediosDiv .nav-tabs>li.active>a:hover {
  border-bottom: 0 solid #6e2a8f !important
}

@media (min-width:1200px) {
  .container.adsense {
    width: 1109px;
    position: relative
  }

  .container {
    width: 100%
  }

  #seminarPage .container {
    width: 1200px
  }
}

.adsenseLeftAd {
  position: absolute;
  left: -120px;
  z-index: 100
}

.adsenseRightAd {
  position: absolute;
  right: -120px;
  z-index: 100
}

.adsenseMobileAd {
  position: fixed;
  bottom: 35px;
  width: 100%;
  left: 0;
  z-index: 998;
  display: block
}

@media screen and (max-width:1200px) and (min-width:1010px) {
  .informationIdeiaList {
    top: 13px
  }
}

@media screen and (max-width:1366px) and (min-width:390px) {

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    margin-top: 8px
  }

  #idea_lists_placeholder.idea_listsMenu .asiIconsMob {
    width: 40px;
    margin-right: 8px;
    margin-top: -3px;
    border-radius: 121px
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(1) .panel-title {
    width: auto
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(2) .panel-title {
    width: auto
  }

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    font-size: 18px !important
  }

  .ideaListMenu .panel-default>.panel-heading {
    color: #FFF;
    background-color: #5F7D8D;
    border-color: #5F7D8D
  }

  .idea_listsMenu .idealistMenuIcons {
    width: 60px
  }

  .idea_listsMenu .panel-heading {
    padding: 4px 5px
  }

  .idea_listsMenu .ideaListsHeader {
    width: 100%
  }

  .ideaListsHeader .col-xs-10 {
    width: 80%
  }

  .idea_listsMenu .ideaListsHeader small {
    font-size: 13px;
    color: #fff
  }

  .idea_listsMenu .informationIdeiaList {
    right: 20px;
    font-size: 20px;
    padding: 20px 5px;
    background-color: transparent
  }

  .ideaListMenu a:hover {
    color: #fff
  }

  .ideaListMenu #idea_lists_placeholder .list-group a,
  .ideaListMenu #idea_mylist_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
  }

  .ideaListMenu .edit-btn .panelLftAlign {
    color: #6e2a8f
  }

  .ideaListMenu .ideaListBody .list-group-item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px
  }

  .ideaListMenu .lockUnlock {
    position: absolute;
    right: 25px;
    color: #6e2a8f;
    display: none
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #6e2a8f
  }
}

@media screen and (max-width:991px) and (min-width:390px) {
  #ideaListsPage .modalWithArrow {
    margin-top: -85px
  }

  .lockforBG {
    top: 13px
  }

  .informationIdeiaList {
    top: 1px
  }

  #marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
    width: 86%
  }

  #marketoutlook_notes_placeholder .modalPortfolioParaTest {
    width: 86%
  }

  .listFlagTabDiv {
    float: left
  }

  .introInnerHeader#myPortfolioHeader {
    padding-top: 23px
  }

  .stocks-scroll-table {
    margin-left: 160px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  #idealistStocksTable.dataTable tbody td {
    width: 142px !important
  }

  #idealistStocksTable.dataTable thead th {
    width: 130px !important
  }

  #idealistStocksTable tr>td:first-child {
    width: 157px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #idealistStocksTable tr>th:first-child {
    width: 145px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd
  }

  #idealistStocksTable.table {
    margin-left: 8px !important
  }

  #tableRepresentation.bhoechie-tab-content {
    padding: 0
  }

  .related-scroll-table {
    margin-left: 190px;
    overflow: hidden;
    overflow-x: auto;
    border-top: 1px solid #ddd !important
  }

  #relatedTable tr>td,
  #relatedTable tr>th {
    white-space: nowrap
  }

  #relatedTable.dataTable tbody td {
    width: 107px !important
  }

  #relatedTable.dataTable thead th {
    width: 93px !important
  }

  #relatedTable.dataTable tbody td:last-child {
    width: 142px !important
  }

  #relatedTable.dataTable thead th:last-child {
    width: 130px !important
  }

  #relatedTable tr>td:nth-child(2) {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #relatedTable tr>th:nth-child(2) {
    width: 175px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd
  }

  #relatedTable.table {
    margin-left: 8px !important;
    margin-top: -2px
  }

  #myPortfolioPageFull {
    margin-top: 60px
  }

  .mpstocks-scroll-table {
    margin-left: 160px;
    overflow: hidden;
    overflow-x: auto
  }

  #mpStockTable tr>td,
  #mpStockTable tr>th {
    white-space: nowrap
  }

  #mpStockTable.dataTable tbody td {
    width: 142px !important
  }

  #mpStockTable.dataTable thead th {
    width: 130px !important
  }

  #mpStockTable tr>td:first-child {
    width: 157px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #mpStockTable tr>th:first-child {
    width: 145px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: -1px
  }

  #mpStockTable.table {
    margin-left: 8px !important
  }

  .surveillanceGroup h3 {
    margin-top: 20px
  }

  .surveillanceGroup p {
    margin-bottom: 20px
  }

  #myNavbar ul {
    display: inline-flex !important;
    padding-left: 0;
    width: 80%;
    overflow-y: scroll;
    margin-bottom: 0;
    float: left
  }
}

@media screen and (max-width:480px) and (min-width:421px) {
  .newHome-iframe {
    height: 806px !important
  }
}

@media screen and (max-width:420px) and (min-width:414px) {
  .newHome-iframe {
    height: 683px !important
  }
}

.portfolioPlansUsers .fa-check {
  color: #82c91e
}

.portfolioPlansUsers .fa-times {
  color: #d9534f
}

.portfolioPlansUsers tbody tr td {
  text-align: center
}

.portfolioPlansUsers tbody tr td:first-child {
  text-align: left
}

.evaluatemyportfolioinput h4 {
  font-size: 15px
}

.evaluatemyportfolio .btn {
  margin-top: 20px
}

.evaluatemyportfolioinput label {
  padding-top: 5px
}

.evaluatemyportfolioinput .forminput {
  padding-left: 0
}

.evaluatemyportfolioinput .formlabel {
  padding-right: 0
}

.portfolioPlansUsers thead tr th {
  text-align: center
}

.portfolioPlansUsers thead tr th:first-child {
  text-align: left
}

.portfolioInfoPlans {
  margin-top: 35px
}

.portfolioInfo h4 {
  font-size: 20px;
  margin-top: 25px
}

.portfolioPlansDis {
  border: 1px solid #ddd;
  background-color: #f9f9f9
}

.portfolioPlansDis h4 {
  font-size: 16px;
  background-color: #f7e8ff;
  margin: 0;
  padding: 10px;
  color: #6e4186
}

.portfolioPlansTab {
  padding: 0px !important
}

.psitrantable {
  font-size: 12px
}

.portfolioPlanstable {
  max-height: 415px;
  height: 415px;
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  overflow-y: auto;
  background-color: #fff
}

.plansSubDetails {
  text-align: center;
  margin-bottom: 10px;
  margin: 6px;
  border: 1px solid #ddd;
  padding: 15px 10px;
  background-color: #fff
}

.plansSubDetails p {
  font-size: 14px;
  margin-bottom: 0
}

.plansSubDetails b {
  font-size: 25px
}

.portfolioPlanstabulr {
  padding: 2rem 0;
  text-align: center
}

.evaluatemyportfolio {
  max-height: 415px;
  height: 415px;
  margin-bottom: 0;
  border: 1px solid #ddd;
  background-color: #fff
}

.evaluatemyportfolio p {
  padding: 15px 20px
}

.portfolioPlanstabulr .btn {
  margin-top: 15px
}

.portfolioPlansDis .col-md-3 {
  padding-right: 0
}

.portfolioPlansDis .col-md-9 {
  padding-left: 0
}

@media(max-width:992px) {
  .portfolioPlansDis .col-md-3 {
    padding-right: 15px
  }

  .portfolioPlansDis .col-md-9 {
    padding-left: 15px
  }
}

.paymentAmount h4 {
  font-size: 30px;
  margin-top: 0
}

.paymentAmount h4>small {
  font-size: 14px;
  color: #650995
}

.paymetPromocode .promoinput {
  border: none;
  border-bottom: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 0
}

.paymetPromocode .error {
  color: red;
  margin-left: 20px
}

.paymetPromocode .success {
  color: green;
  margin-left: 20px
}

.paymetPromocode .errortext {
  color: #6c2491
}

.paymentAmount small {
  color: #650995
}

.oldPayment {
  text-decoration: line-through;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
  opacity: .6;
  font-size: 15px;
  font-weight: 600;
  margin-right: 10px
}

.paymetPromocode .btnSuccuss {
  color: #fff;
  background-color: green;
  border-color: green
}

.paymetPromocode .btnFail {
  color: #fff;
  background-color: red;
  border-color: red
}

.paymetPromocode .promoinput:focus {
  outline: none
}

.paymetPromocode {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px
}

.paymetPromocode p {
  font-size: 12px;
  color: #6d2791
}

.paymentAmount {
  border: 1px solid #6e2a91;
  background-color: #f9efff;
  width: fit-content;
  margin: 0 auto;
  border-radius: 10px;
  color: #650995;
  padding: 10px 10px 0 10px
}

.riskProfilerDis {
  text-align: center
}

.riskProfilerDis h4 {
  font-size: 18px;
  font-weight: 700
}

.riskLabel {
  margin-top: 10px
}

.card-section-question {
  background: #fff;
  border-radius: 3px;
  padding: 20px 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16) !important;
  width: 100%;
  margin: 0 auto
}

#riskProfileBlock .risk-inner-block .invest-type {
  color: #6e2991
}

#riskProfileBlock .risk-inner-block label {
  display: inline-block;
  margin-bottom: 0;
  font-size: 15px;
  color: #000
}

#riskProfileBlock .risk-inner-block .equalHMWrap {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px
}

#riskProfileBlock .risk-inner-block .eqWrap {
  display: -ms-flexbox;
  display: flex
}

#riskProfileBlock .risk-inner-block .ans-box {
  position: relative
}

#riskProfileBlock .risk-inner-block .equalHM {
  width: 22%;
  text-align: center
}

#riskProfileBlock .risk-inner-block .ans-box .radio {
  display: block;
  height: 100%
}

#riskProfileBlock .risk-inner-block .radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  margin-bottom: 0;
  margin-top: -1px
}

#riskProfileBlock .risk-inner-block .ans-box .radio input[type=radio] {
  display: none
}

#riskProfileBlock .risk-inner-block .radio input[type=radio] {
  display: none
}

#riskProfileBlock .risk-inner-block .ans-box .icon-radio {
  width: 0;
  height: 0;
  border: 0
}

#riskProfileBlock .risk-inner-block .icon-radio {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  border: 2px solid #6d6d6d;
  box-sizing: border-box;
  transition-duration: .2s;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer
}

#riskProfileBlock .risk-inner-block .ans-box .radio div {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 5px 10px;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #b7b7b7
}

.ans-box .radio input[type=radio]:checked~div {
  background: #6e2991;
  color: #fff;
  border: 1px solid #6e2991;
  cursor: pointer
}

#riskProfileBlock .risk-inner-block .terms-cond {
  margin: 0;
  padding: 15px 0
}

#riskProfileBlock .risk-inner-block .radio input[type=radio]:checked~.icon-radio:after {
  transform: scale(1)
}

#riskProfileBlock .risk-inner-block .radio .icon-radio:after,
label.item-radio .icon-radio:after {
  content: "";
  position: absolute
}

#riskProfileBlock .risk-inner-block .radio input[type=radio]:checked~.icon-radio {
  border-color: #6e2991
}

#riskProfileBlock .risk-inner-block .terms-cond .icon-radio:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: #6f2c91;
  border-radius: 50%;
  transform: scale(0);
  transition-duration: .2s
}

@media (max-width:576px) {
  #planBlock .btn-width100 {
    width: 100%
  }
}

@media (min-width:320px) and (max-width:991.98px) {
  #riskProfileBlock.pt-5 {
    padding-top: 1.875rem !important
  }

  #riskProfileBlock.mt-5 {
    margin-top: 1.875rem !important
  }

  #riskProfileBlock .font16 {
    font-size: 0.875rem !important
  }

  #riskProfileBlock .risk-inner-block .equalHM {
    width: 100%;
    height: 100%;
    margin-bottom: 5px
  }

  #riskProfileBlock .risk-inner-block .equalHMWrap {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #666
  }

  #riskProfileBlock .risk-inner-block .card-section-question h1 {
    font-size: 24px
  }

  #riskProfileBlock .risk-inner-block .btn-pay {
    margin-bottom: 20px
  }
}

.portfolioCards img {
  width: 300px
}

.portfolioCardsContent {
  padding: 3rem 5rem
}

.portfolioCardsContent h4 {
  font-size: 30px;
  color: #212529
}

.portfolioCardsContent p {
  font-size: 16px;
  color: #212529
}

.portfolioCards.grayBg {
  background-color: #fafafa
}

.portfolioCardsContent ul {
  padding-left: 15px
}

.portfolioCardsContent ul li {
  padding: 10px 0;
  font-size: 16px;
  color: #212529
}

.portfolioCardsInfoImg>img {
  width: 100px;
  height: 100px
}

.portfolioCardsInfoImg h4 {
  font-weight: 16px;
  color: #212529
}

.portfolioCards h3 {
  font-size: 26px;
  padding: 30px 50px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 300 !important;
  color: #212529
}

.portfolioCardsInfoImg {
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 0 70px
}

.carousel-control.prortfolioEvaluationCarouselleft {
  background-image: none !important;
  color: #003d88 !important
}

.carousel-control.prortfolioEvaluationCarouselright {
  background-image: none !important;
  color: #003d88 !important
}

.portfolioInfo {
  margin-top: 20px
}

#portfolioEvalModal .modal-body {
  overflow: auto
}

.btn-portfolio {
  background-color: #658dbd;
  border-radius: 3px;
  color: #fff !important;
  margin: 5px;
  border: none
}

.btn-portfolio:hover {
  background-color: rgba(101, 141, 189, .85);
  color: #fff
}

.portfolioIndicators li {
  border: 1px solid #003d88
}

.carousel-indicators .active {
  background-color: #003d88
}

.portfolioIndicators {
  bottom: 0
}

.portfolioCards.needtodo {
  margin-bottom: 2px
}

.prortfolioEvaluationCarousel .item {
  height: 350px
}

@media(max-width:992px) {
  .portfolioPlansDis .col-md-3 {
    padding-right: 15px
  }

  .portfolioPlansDis .col-md-9 {
    padding-left: 15px
  }

  .portfolioCardsContent {
    padding: 3rem 1rem
  }

  .portfolioCardsInfoImg {
    padding: 0 30px
  }

  .portfolioCards h3 {
    padding: 30px 30px
  }
}

@media (min-width:992px) {
  .modal-lg-portfolio {
    width: 1300px;
    min-height: 500px
  }
}

@media(max-width:992px) {
  .prortfolioEvaluationCarousel .item {
    height: auto;
    bottom: 10px
  }

  .portfolioCards {
    padding: 0 15px
  }
}

@media (min-width:1450px) {
  .modal-enlarge {
    margin: 6px;
    position: absolute;
    width: 99%;
    height: 99%
  }

  .modal-content {
    height: 100%
  }

  .enlargeGraphBodyGraph .evaluationGraphEnlarge {
    height: 80vh !important
  }

  .enlargeGraphBodyInfo #evaluation-enlarge-slide.in {
    height: 615px !important
  }
}

.simpleloader {
  background-image: url(../img/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px;
  height: 110px;
  margin: 0 auto;
  background-color: #fff
}

.homestudyVideoThumbnail {
  margin-top: 20px;
  display: inline-block
}

.videoThumbnail {
  margin-bottom: 20px;
  float: left;
  width: 200px;
  margin: 20px 5px 10px;
  position: relative
}

.vidoUnLockThumbnail img {
  height: 100px;
  width: 200px
}

.videoThumbnail h5 {
  font-size: 14px;
  font-weight: 600 !important;
  margin-top: 0;
  min-height: 41px
}

.homestudyVideo h4 {
  font-size: 24px
}

.vidoLockThumbnail {
  background: rgba(0, 0, 0, .1);
  height: 100px;
  width: 100%;
  position: absolute;
  text-align: center;
  cursor: pointer;
  z-index: 999
}

.vidoPlayBtnThumbnail {
  background: rgba(0, 0, 0, .1);
  height: 100px;
  width: 100%;
  position: absolute;
  text-align: center;
  cursor: pointer
}

.vidoPlayingThumbnail {
  background: rgba(0, 0, 0, .1);
  height: 83%;
  width: 100%;
  position: absolute;
  text-align: end;
  color: #fff;
  padding-right: 10px;
  padding-top: 4px;
  font-weight: 600;
  cursor: pointer;
  z-index: 999
}

.vidoLockThumbnail img {
  margin: 14%;
  width: 40px;
  height: 33px
}

.vidoPlayBtnThumbnail img {
  margin: 14%
}

.vidoUnLockThumbnail {
  cursor: pointer
}

.homestudyContent p {
  font-size: 18px
}

.homestudyContent {
  margin-top: 20px
}

.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative
}

.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left
}

.MultiCarousel .MultiCarousel-inner .item {
  float: left
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 40px)
}

.MultiCarousel .leftLst {
  left: 0
}

.MultiCarousel .rightLst {
  right: 0
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #ccc
}

.homestudyMoreVideosCategories h4 {
  font-size: 18px;
  border-bottom: 1px solid;
  margin-bottom: 0;
  padding-bottom: 5px
}

.homestudyMoreVideos {
  margin-top: 40px
}

.vidoUnLockThumbnail p {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.homeStudyLevels ul li {
  font-size: 14px
}

.homeStudyLevels ul li a {
  color: #671891
}

.homeStudyLevelsDiv p {
  text-align: center;
  font-size: 12px
}

.homeStudyLevelsDiv h4 {
  margin-bottom: 5px !important;
  font-size: 20px
}

.canslimVideoIframediv iframe {
  width: 100%;
  height: 610px
}

h1.font-h1 {
  font-size: 2rem;
  margin: 0
}

.feature-image {
  margin-right: 15px
}

.featurespanel {
  background: #f5f5f5;
  padding: 5px
}

.featurespanel .panel {
  margin-bottom: 15px
}

.featurespanel .panel-heading {
  background: #fff !important;
  cursor: pointer
}

.featurespanel .panel-body {
  background: #fcfcfc
}

.featurespanel .panel-heading h4 {
  margin-top: 0;
  display: inline
}

.text-align-desktop {
  text-align: right
}

.featurespanel p,
.featurespanel h4,
.featurespanel li,
.featurespanel a {
  font-family: "Nunito", sans-serif
}

.featureBannerImages img {
  width: 50%
}

.featureBannerImages {
  text-align: center
}

@media(min-width:1900px) {
  .evalutationsmenu {
    width: 1570px
  }
}

@media(max-width:1850px) {
  .evalutationsmenu {
    width: 97.8%
  }
}

.evalutationsmenu {
  margin-top: 96px;
  height: auto;
  background-color: #fff;
  position: fixed;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1026;
  border-bottom: 1px solid #ddd;
  top: 0
}

.light-menu {
  width: 100%;
  height: 75px;
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  background-color: rgba(4, 180, 49, .6);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}

.evaluationSearchInputlg {
  display: initial
}

.evaluationSearchInputmd {
  display: none
}

#menu-center ul {
  display: initial;
  padding-left: 0
}

#menu-center ul li {
  list-style: none;
  float: left
}

.tabEvaluationmargin {
  margin-top: 160
}

#menu-center .active {
  color: #000;
  border-bottom: 1px solid #6d2691;
  background-color: #efefef
}

#menu-center a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  line-height: 41px;
  padding: 10px 15px
}

.evaluationTabContant {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  text-align: initial;
  background-color: #fff;
  box-shadow: 0 1px 7px 0 #c4c4c4;
  margin-bottom: 10px;
  border-radius: 20px
}

.evaluationTabContant.financialtabcontent {
  padding-top: 0
}

#bulkandblockdeals {
  padding-bottom: 50px
}

.evaluationTabHeading h4 {
  font-size: 20px;
  text-align: left;
  padding-left: 20px;
  padding-top: 20px;
  font-weight: 700
}

.eTabHeading h4 {
  font-size: 20px;
  text-align: left;
  padding-left: 0;
  padding-top: 8px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-left: -5px
}

.evaluationTabContant>div {
  width: 100%;
  padding: 0 20px
}

.evaluationTabContant .detail-slide {
  left: -3px
}

.evaluationValues {
  margin: unset
}

#evaluation .tabEvaluation {
  margin-top: 80px
}

#evaluation.onlyBasic .tabEvaluation {
  margin-top: 100px
}

#evaluation.idices-and-Ig .tabEvaluation {
  margin-top: 80px
}

@media(max-width:1180px) {
  .evaluationSearchInputlg {
    display: none
  }

  .padRgtReset {
    margin-top: 0px;
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 5px 16px;
  }

  .accountIcon {
    width: 30px;
    height: 38px;
  }




  #menu-center a {
    padding: 10px 10px
  }

  .evalutationsmenu {
    z-index: 998
  }

  .evaluationTabContant .detail-slide {
    left: 45px
  }

  .evaluationSearchInputmd {
    display: inline-block
  }

  .evalutationsmenu {
    width: 91.8%;
    height: 126px;
    margin-top: 20px
  }

  #evaluation .tabEvaluation {
    margin-top: 0
  }

  #evaluation.idices-and-Ig .tabEvaluation {
    margin-top: 0
  }

  .pageHeading {
    margin-top: 50px;
    padding: 10px 0;
    display: inline-block;
    position: fixed;
    left: 0;
    background-color: #fff;
    z-index: 999;
    top: 0
  }

  .pageHeading.staticPageHeading {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    position: static;
    left: 0;
    background-color: unset;
    z-index: 999;
    top: 0
  }

  .learningMain .pageHeading {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    position: static;
    left: 0;
    background-color: unset;
    z-index: 999;
    top: 0
  }

  .canslimVideoIframediv iframe {
    height: 32vh
  }

  .videoThumbnail {
    margin: 20px 15px 10px
  }
}

@media (max-width:980px) {
  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0
  }


  .accountIcon {
    width: 26px;
    height: 26px;
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 7px 10px;
  }

  .navBlackmenubg.navbar-default .navbar-nav {
    margin: 0 0;
  }


  .evaluationTabContant .detail-slide {
    left: -3px
  }

  .evaluationValues h1 {
    font-size: 16px
  }

  .rationValue {
    font-size: 16px
  }

  .volumeOne {
    font-size: 16px
  }

  .positiveValue {
    font-size: 16px
  }

  .volOne {
    font-size: 16px
  }
}

@media (max-width:1195px) {
  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0;
    position: relative
  }

  .evaluationTabContant {
    border-radius: 0
  }

  .evaluationValues {
    background: #FFF
  }

  .introInnerHeader {
    background-color: #f2f2f2
  }

  .introInnerHeaderSearch {
    padding-top: 90px;
  }

  .evaluationGraphFrame {
    height: 400px
  }
}

@media (max-width:800px) {
  .evalutationsmenu {
    width: 100%;
    height: auto
  }
}

@media (max-width:788px) {
  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0
  }
}

@media (max-width:768px) {
  #ideaListsPage .modalWithArrow {
    margin-top: 15px !important
  }

  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0
  }

  .canslimVideoIframediv iframe {
    height: 37vh
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 7px 7px;
  }

}

.filterMenusMob {
  display: none
}

.filterSaveBtnMob {
  display: none
}

.filterActive {
  background-color: #6f2c91 !important;
  color: #fff
}

.filterOption {
  background: unset;
  border: unset;
  color: #666;
  font-size: 15px
}

.filterPanel .panel-heading .accordion-toggle::after {
  right: 10px;
  position: absolute;
  top: 10px;
  margin-top: 0px !important
}

.filterHdng {
  margin-bottom: 10px
}

.filterHdng p {
  margin-bottom: 0;
  font-size: 15px
}

.filterMobDropDown {
  top: unset !important;
  left: 59px
}

.idealistbuttonText {
  display: inline-block
}

@media(max-width:768px) {
  .filterSaveBtn {
    margin-top: 16px
  }

  .filterMenusMob {
    display: inline-block;
    margin-bottom: 20px
  }

  .filterSaveBtnMob {
    display: block
  }

  .idealistbuttonText {
    display: none
  }

  #sortedItem {
    font-size: 12px
  }

  .notFortableRepresentation {
    font-size: 12px
  }

  .evaluationNaviTab .navbar {
    margin-left: 15px
  }
}

@media(max-width:746px) {
  .evaluationNaviTab .navbar {
    margin-left: 0
  }

  .padRgtReset {
    margin-top: 13px;
    right: 0;
  }

  .filterPanel .panel-heading .accordion-toggle::after {
    top: 7px;
    font-size: 12px
  }

  .filterMenus {
    display: none
  }
}

.newEvaScroll #evalutationsmenuContent {
  margin-top: 100px;
  display: inline-grid
}

.newEvaScroll #evaluation .tabEvaluation {
  margin-top: 0
}

.newEvaScroll .evaluationTabContant {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  text-align: initial;
  background-color: #fff;
  box-shadow: unset;
  margin-bottom: 10px;
  border-radius: unset;
  border: 1px solid #ddd
}

.newEvaScroll .evalutationsmenu {
  margin-top: 3px;
  width: 100%
}

@media(max-width:1024px) {
  .newEvaScroll #evalutationsmenuContent {
    margin-top: 128px
  }

  .newEvaScroll .searchEvaluation {
    display: none
  }

  .newEvaScroll .smallCaseDiv {
    top: 44px
  }

  .newEvaScroll .evaluationValues h1 {
    text-align: left
  }
}

@media(min-width:1024px) {
  .scroll-wrapper {
    position: relative
  }

  .stocks-scroll-table {
    margin-left: 211px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable.dataTable thead th {
    width: 125px !important
  }

  #idealistStocksTable.dataTable tbody td {
    width: 125px !important
  }

  #idealistStocksTable tr>td:first-child {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #idealistStocksTable tr>th:first-child {
    width: 188px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #d0d0d0 !important;
    margin-top: -1px
  }

  #idealistStocksTable>thead>tr>th {
    border-bottom: 0 solid #ddd
  }

  #idealistStocksTable {
    border-top: none
  }

  #idealistStocksTable_wrapper {
    position: inherit
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  #idealistStocksTable.dataTable tbody th,
  #idealistStocksTable.dataTable tbody td {
    padding: 8px 5px
  }

  #idealistStocksTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }
}

@media (max-width:746px) {
  .newEvaScroll .evalutationsmenu {
    margin-top: 30px
  }

  .newEvaScroll #evaluation .tabEvaluation {
    margin-top: 40px
  }

  .newEvaScroll #myNavbar {
    display: flex
  }

  .notFortableRepresentation {
    margin-bottom: 10px;
    display: inline-block
  }
}

tr.normal td {
  color: #000;
  background-color: #fff
}

tr.highlighted td {
  color: #fff;
  background-color: #e2e2e2
}

.column-header {
  color: #6e2a8f;
  margin: 15px 20px
}

.check-wrap {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-left: 3px;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.check-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee
}

.check-wrap input~.checkmark {
  background-color: #fff;
  border: 1px solid #6e2c90
}

.check-wrap input:checked~.checkmark {
  background-color: #fff
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.check-wrap input:checked~.checkmark:after {
  display: block
}

.check-wrap .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #6e2c90;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media(max-width:820px) {
  .navBlackmenubg {
    padding: 10px 0;
  }
}

@media (max-width:746px) {
  .evaluationTabContant {
    border-radius: 0
  }

  .accountIcon {
    width: 40px;
    height: 40px;
  }

  .pageHeading {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    position: static;
    left: 0;
    background-color: #fff;
    z-index: 999;
    top: 0
  }

  .evaluationTabContant>div {
    width: 100%;
    padding: 0 14px
  }

  #myNavbar {
    margin-top: 5px
  }

  #menu-center a {
    padding: 5px 8px;
    line-height: 35px
  }

  #menu-center ul {
    display: inline-flex;
    padding-left: 0;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 0
  }

  #evaluation .tabEvaluation {
    margin-top: 0
  }

  .noEpsRating#evaluation .tabEvaluation {
    margin-top: 0
  }

  #evaluation.onlyBasic .tabEvaluation {
    margin-top: 0
  }

  #evaluation.idices-and-Ig .tabEvaluation {
    margin-top: 0
  }

  #evaluation.premiumBroker .tabEvaluation {
    margin-top: 0
  }

  .evalutationsmenu {
    position: relative;
    height: auto;
    width: 100%;
    margin-top: 5px
  }

  .industry-grp .padRgtReset {
    margin-top: -42px
  }

  .check-wrap {
    font-size: 12px;
    font-family: 'Fira Sans Condensed', sans-serif
  }

  .notFortableRepresentation {
    margin-bottom: 10px;
    display: inline-block
  }

  .filterPanel .panel-heading .accordion-toggle::after {
    top: 7px;
    font-size: 12px
  }

  .filterMenus {
    display: none
  }

  .features-img {
    width: 100% !important;
    max-width: 100% !important
  }

  .faqssearch h4 {
    font-size: 22px;
    color: #000
  }

  .faqssearch h4 small {
    font-size: 14px;
    padding-top: 10px
  }

  .faqsbannerImg {
    margin-top: 54px
  }

  .tabFaqs {
    height: 100%;
    overflow: inherit
  }

  .dropdownFaqsMob .dropdown-menu {
    height: 400px;
    overflow: auto;
    left: 14px
  }

  .dropdownFaqsMob .listHeader {
    margin-left: 10px
  }

  .text-align-desktop {
    text-align: left
  }

  .assessmentCard {
    width: 100%
  }

  .assessmentCertificatCard {
    width: 100%
  }

  .canslimVideosSection {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 5px
  }

  .videoLevel {
    margin-top: 30px
  }

  .videoThumbnail {
    margin: 20px 0 10px
  }

  .videoThumbnail {
    width: 100%
  }

  .vidoUnLockThumbnail img {
    height: 75px;
    width: 150px
  }

  b.companyHeaderContentName {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    vertical-align: bottom;
    font-weight: 700;
    font-size: 16px
  }

  .vidoLockThumbnail {
    height: 75px;
    width: 150px
  }

  .vidoPlayingThumbnail {
    height: 75px;
    width: 150px
  }

  .canslimVideoIframediv iframe {
    height: 32vh
  }

  div#evaluationCardContainer .nav.nav-tabs {
    width: 100%;
    overflow-y: auto;
    display: inline-flex;
    padding-bottom: 0;
    margin-bottom: 0
  }

  div#evaluationCardContainer .nav.nav-tabs::-webkit-scrollbar {
    display: none
  }

  .modelTallHeader.commentaryFont h4,
  h2,
  h3,
  h1,
  h5 {
    font-family: 'Fira Sans Condensed', sans-serif !important
  }

  .commentaryFont {
    font-family: 'Fira Sans Condensed', sans-serif !important
  }

  #currentHoldingMPChart .table>tbody>tr>td {
    padding-bottom: 0
  }

  .topnav {
    padding-top: 0
  }

  .userInformationDiv {
    margin-top: 21px
  }
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

body::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#contentSearchBody::-webkit-scrollbar {
  width: 6px
}

.evaluationNaviTab .navbar-nav::-webkit-scrollbar {
  width: 0;
  height: 0
}

.toggleSwitch span span {
  display: none
}

.toggleSwitch .toggletvswithimg {
  width: 30px
}

.switmsititel {
  display: none
}

.toggletvswithimghovertxt {
  font-size: 10px;
  background: #fff;
  padding: 6px 6px;
  border-radius: 5px;
  box-shadow: 0 1px 5px 3px #ddd;
  width: 160px;
  margin-left: -45px
}

#toggletvswithtitel,
#toggletvmsithtitel {
  display: none
}

.toggleSwitch.large:hover+#toggletvswithtitel {
  display: block
}

.toggleSwitch.large:hover+.toggletvmsithtitel {
  display: block
}

.toggleSwitch .togglemsiswithimg {
  width: 20px
}

.toggleSwitchMain {
  display: initial;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
  text-align: center;
  width: 64px;
  top: 10px
}

@media(max-width:1024px) {
  .toggleSwitchMain {
    margin-top: 40px
  }
}

@media only screen {
  .toggleSwitch {
    display: inline-block;
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 0;
    cursor: pointer;
    padding-top: 5px
  }

  .toggleSwitch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .toggleSwitch label,
  .toggleSwitch>span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle
  }

  .toggleSwitch input:focus~a,
  .toggleSwitch input:focus+label {
    outline: none
  }

  .toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%
  }

  .toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5
  }

  .toggleSwitch>span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
    z-index: -1
  }

  .toggleSwitch>span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 48px;
    text-align: left;
    font-size: .9em;
    width: 100%;
    left: 15%;
    top: -3px;
    opacity: 0
  }

  .toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 100%;
    padding: 0;
    left: 2px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
  }

  .toggleSwitch>span span:first-of-type {
    color: #ccc;
    opacity: 1;
    left: 45%
  }

  .toggleSwitch>span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
  }

  .toggleSwitch input:checked~a {
    border-color: #ccc;
    left: 100%;
    margin-left: -8px
  }

  .toggleSwitch input:checked~span:before {
    border-color: #ccc;
    box-shadow: inset 0 0 0 30px #fff
  }

  .toggleSwitch input:checked~span span:first-of-type {
    opacity: 0
  }

  .toggleSwitch input:checked~span span:last-of-type {
    opacity: 1;
    color: #fff
  }

  .toggleSwitch.large {
    width: 62px;
    height: 25px
  }

  .toggleSwitch.large a {
    width: 27px
  }

  .toggleSwitch.large>span {
    height: 29px;
    line-height: 28px
  }

  .toggleSwitch.large input:checked~a {
    left: 41px
  }

  .toggleSwitch.large>span span {
    font-size: 1.1em
  }

  .toggleSwitch.large>span span:first-of-type {
    left: 50%
  }

  .toggleSwitch.xlarge {
    width: 80px;
    height: 36px
  }

  .toggleSwitch.xlarge a {
    width: 36px
  }

  .toggleSwitch.xlarge>span {
    height: 38px;
    line-height: 37px
  }

  .toggleSwitch.xlarge input:checked~a {
    left: 52px
  }

  .toggleSwitch.xlarge>span span {
    font-size: 1.4em
  }

  .toggleSwitch.xlarge>span span:first-of-type {
    left: 50%
  }
}

@media(max-width:746px) {
  .toggleSwitch .toggletvswithimg {
    width: 15px
  }

  .toggleSwitch .togglemsiswithimg {
    width: 10px
  }

  .toggleSwitch.large a {
    width: 12px
  }

  .toggleSwitch.large {
    width: 40px;
    height: 15px
  }

  .toggleSwitchMain {
    width: 25px
  }

  .toggleSwitch.large input:checked~a {
    left: 36px;
    margin-left: -14px
  }

  .toggleSwitch.large>span {
    height: 20px
  }

  .toggleSwitch>span span {
    top: -6px
  }

  .toggleSwitch>span {
    padding-right: 40px
  }

  .toggleSwitch.large>span span:first-of-type {
    left: 5px
  }

  .toggleSwitch>span span {
    left: 7px
  }

  .toggleSwitch>span:before {
    width: 50%;
    height: 100%
  }

  .toggleSwitch input {
    left: 3px
  }

  .slider::before {
    background-color: transparent
  }

  .patternBtn .switch {
    width: 20px
  }
}

@media(max-width:414px) {
  #myNavbar ul {
    width: 100%
  }
}

@media screen and (max-width:737px) and (min-width:600px) {
  .evaluationValuesSymTab {
    width: 65%;
    float: left
  }

  #evaluation .tabEvaluation {
    margin-top: 0px !important
  }

  .evaluationNaviTab li>a {
    padding: 5px 9px
  }

  .isIndexOrIndustryGroupuserIcons {
    float: left;
    width: 35%
  }

  .padRgtReset {
    right: 50px
  }

  .evaluatioVolBlock {
    display: initial
  }

  #company_header_placeholderPopUpMob h4 {
    margin-bottom: 0
  }
}

@media screen and (max-width:844px) and (min-width:800px) {
  #evaluation .tabEvaluation {
    margin-top: 0px !important
  }
}

.psi-container {
  max-width: 900px;
  margin: 15px auto
}

.slider-container {
  border: 1px solid #cecece;
  padding: 10px 15px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center
}

.slider-container h1 {
  font-weight: bold !important;
  font-size: 28px;
  line-height: 1.1;
  padding: 30px 0
}

.slider-container h2 {
  font-weight: bold !important;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 50px
}

.psi-card {
  border: 1px solid #cecece;
  padding: 20px 35px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px
}

.psi-card.flow-card {
  border: 1px solid #cecece;
  padding: 20px 35px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 540px
}

.flow-container {
  display: flex;
  align-items: center
}

.flow-img {
  width: 100px;
  height: 100px;
  border: 5px solid;
  border-radius: 100%;
  margin-bottom: 15px
}

.flow-img img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative
}

.flow-item p {
  width: 100%;
  text-align: center;
  padding: 0 !important;
  line-height: 1.1 !important
}

.img-one {
  border-color: #fdc68f;
  -webkit-box-shadow: 2px 1px 22px 0 rgba(253, 198, 143, .78);
  box-shadow: 2px 1px 22px 0 rgba(253, 198, 143, .78)
}

.img-two {
  border-color: #f9b5ca;
  -webkit-box-shadow: 2px 1px 22px 0 rgba(249, 181, 202, .78);
  box-shadow: 2px 1px 22px 0 rgba(249, 181, 202, .78)
}

.img-three {
  border-color: #9dd0f4;
  -webkit-box-shadow: 2px 1px 22px 0 rgba(157, 208, 244, .78);
  box-shadow: 2px 1px 22px 0 rgba(157, 208, 244, .78)
}

.flow-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  align-self: flex-start;
  flex: 3
}

.indicator-line {
  width: 100%;
  height: 2px;
  background: #c2c2c2;
  flex: 1;
  position: relative;
  top: 50px;
  align-self: flex-start
}

.psi-card.grey-card {
  background: #525252;
  color: #fff;
  max-width: 540px;
  margin: 0 auto 20px auto
}

.psi-card h2 {
  font-weight: 600 !important;
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1.1
}

.report-card {
  padding: 0;
  max-width: 540px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center
}

.report-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px
}

.report-card img {
  width: 100%;
  max-width: 100%;
  height: 320px;
  border-radius: 10px
}

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

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

.hookImageTemplateRegMobBtn {
  padding-right: 0
}

.hookImageTemplateLoginMobBtn {
  padding-left: 26px
}

.hookImageTemplateMobBtn a {
  height: 20px;
  width: 210px;
  padding: 22px;
  display: inline-block;
  text-align: center
}

.hookImageTemplateRegBtn {
  padding-right: 5px
}

.hookImageTemplateLoginBtn {
  padding-left: 0
}

.hookImageTemplateBtn a {
  height: 20px;
  width: 210px;
  padding: 28px;
  display: inline-block;
  text-align: center
}

.report-card .btn {
  margin-top: 10px
}

.psi-card p {
  padding-bottom: 15px;
  line-height: 1.6
}

.btn-psi-primary {
  background: #fff;
  color: #000;
  font-weight: 400;
  border-radius: 10px;
  font-weight: 700
}

.btn-psi-primary:hover {
  color: #000
}

.btn-psi-secondary {
  color: #fff;
  background: #2680eb;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: 700;
  font-weight: 400;
  border-radius: 15px !important;
  box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.btn-psi-secondary:hover {
  color: #fff
}

.partner-section {
  margin-top: 25px
}

.portfolioPlansUsers thead tr th {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px
}

.portfolioPlansUsers thead tr th.free {
  color: #2bcb43;
  font-size: 18px
}

.portfolioPlansUsers tbody tr td.premium {
  color: #2680eb
}

.portfolioPlansUsers tbody tr td {
  border-top: 0 !important
}

.btn-radius {
  border-radius: 10px
}

.psi-card h3 {
  color: #3b14af;
  margin: 0;
  padding-bottom: 10px
}

.pricing-wrap {
  display: flex
}

.pricing-item {
  flex: 1 1
}

.faq-header {
  text-align: center;
  font-weight: bold !important;
  margin: 40px 0
}

.panel.panel-psi {
  border: 1px solid #cecece;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin-bottom: 20px
}

.panel.panel-psi .panel-heading {
  padding: 15px
}

.panel.panel-psi h4 a {
  font-weight: 700
}

.account-card {
  border: 1px solid #cecece;
  padding: 20px 20px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 150px;
  position: relative
}

.ribbon-btn {
  position: absolute;
  transform: rotate(-90deg);
  left: -48px;
  top: 58px;
  background: #2680eb;
  display: block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px
}

.account-card h2 {
  margin: 0;
  font-size: 66px
}

.subscription-wrap {
  display: flex;
  justify-content: space-between
}

.subscription-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.subscription-item p {
  line-height: 1.1;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700
}

.psi-report-table {
  border: 1px solid #cecece;
  padding: 20px 30px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px
}

.table-header {
  display: flex
}

.header-item:last-child {
  margin-left: auto
}

.table-header h3 {
  margin: 0;
  padding: 0;
  margin-right: 30px;
  font-weight: 700
}

.portfolioPlanstable {
  max-height: 415px;
  height: 415px;
  margin-top: 30px;
  margin-bottom: 0;
  overflow-y: auto;
  background-color: #fff;
  border-left: 0
}

.table-report tr th,
.table-report tr td {
  border: 0 !important;
  white-space: nowrap
}

.table-report tr th {
  color: #2680eb;
  font-weight: 700
}

.blink_me {
  animation: blinker 3s linear infinite
}

@keyframes blinker {
  50% {
    opacity: 0
  }
}

.custom-container-evaluation-combine {
  position: relative
}

.estpatternBtn .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 30px
}

.estpatternBtn .switch b {
  z-index: 1;
  position: absolute;
  right: 5px;
  top: 1px;
  margin: 0 auto;
  color: #fff;
  top: 3px;
  font-size: 11px
}

.estpatternBtn .slider {
  background-color: #999
}

.estpatternBtn .slider::before {
  height: 13px;
  width: 13px
}

.estpatternBtn input:checked+.slider::before {
  transform: translateX(19px)
}

.estpatternBtn .slider {
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: right
}

.estpatternBtn input:checked+.slider {
  background-color: #6e2c90;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left
}

.estpatternBtn input:checked+.estpatternBtn .switch b {
  color: #fff
}

.epspatternBtn .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 30px
}

.epspatternBtn .slider {
  background-color: #999
}

.epspatternBtn .switch b {
  z-index: 1;
  position: absolute;
  right: 5px;
  top: 3px;
  margin: 0 auto;
  color: #fff;
  font-size: 11px
}

.epspatternBtn .slider::before {
  height: 13px;
  width: 13px
}

.epspatternBtn input:checked+.slider::before {
  transform: translateX(19px)
}

.epspatternBtn .slider {
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: right
}

.epspatternBtn input:checked+.slider {
  background-color: #6e2c90;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left
}

.epspatternBtn input:checked+.epspatternBtn .switch b {
  color: #fff
}

.patternBtnbelowChart {
  padding: 10px 5px
}

.epspatternBtn .slider::before,
.estpatternBtn .slider::before {
  background-color: transparent
}

@media (max-width:746px) {
  .epspatternBtn .switch b {
    top: 1px;
    font-size: 13px
  }

  .right-side-panel .selectBtnWDM {
    padding-left: 0
  }

  .estpatternBtn .switch b {
    top: 1px;
    font-size: 13px
  }

  .evaluationlargeBtnbelowchart .btn-primary {
    padding: 6px
  }

  .slider-container h1 {
    padding: 0 0
  }

  .patternBtn input:checked+.slider {
    background-image: url(../img/cup_withouth_pattern.svg);
    background-color: #6e2c90;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
  }

  .patternBtn .slider {
    background-image: url(../img/cup_withouth_pattern_gray.svg);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-repeat: no-repeat;
    background-size: 100% 100%
  }

  .toggleSwitchMain {
    left: 10px;
    margin-top: 20px !important;
    right: auto
  }

  .shareBtn {
    margin-top: 0
  }

  .toggleSwitchMainbelowchart {
    position: inherit;
    float: right;
    margin-top: 4px !important;
    left: -5px;
    top: 0
  }

  .evaluationTabContant .dropdown-menu {
    bottom: 28px !important;
    top: unset
  }

  .toggle-chart-mobile {
    background-color: #6e2a8f;
    border-radius: 20px;
    float: left !important;
    margin-right: 10px !important;
  }

  #toggleChartMobile {
    color: white;
    padding: 2px;
    font-weight: 600;
    font-size: 13px;
  }

  .oholitagBtn {
    margin-top: 30px
  }

  .chartShareBtn {
    margin-top: 112px !important
  }

  .chartShareBtnbelowchart {
    position: static !important;
    margin-top: 0px !important;
    float: right !important
  }

  .oholitagBtnbelowChart {
    float: right;
    position: static;
    margin-top: 5px
  }

  #plans {
    margin-top: 50px
  }

  .psi-card.table-card {
    padding: 0
  }

  .psi-card.table-card .table-responsive {
    border: 0;
    margin: 0
  }

  .psi-card.table-card .table-responsive .table {
    padding: 0;
    margin: 0
  }

  .container.psi-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .ribbon-btn {
    left: -40px
  }

  .flow-container {
    flex-direction: column
  }

  .flow-item {
    align-self: center;
    margin-bottom: 10px
  }

  .indicator-line {
    display: none
  }

  .chartShareBtn .btn-primary {
    padding: 0 3px;
    width: 25px
  }

  .chartShareBtn {
    width: 24px
  }

  .patternBtnbelowChart {
    padding: 0 3px
  }
}

@media (max-width:1024px) {
  .arevaluationsection .evalutationsmenu {
    margin-top: 0px !important
  }

  .arevaluationsection #myNavbar ul {
    width: 100% !important
  }

  .arevaluationsection .msiIconsRow {
    margin: 5px -5px !important
  }

  .mob_TabBarChartmodal {
    display: none;
    position: fixed;
    z-index: 2024;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
  }

  .mob_TabBarChartmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    position: relative
  }

  .mob_TabBarChartclose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    text-align: center
  }

  .mob_TabBarChartclose:hover,
  .mob_TabBarChartclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
  }
}

#sn_placeholder {
  display: flex
}

#pn_placeholder {
  display: flex
}

.kiteBuySellPosition {
  margin-left: 3px
}

.kiteBuyButton {
  background: url(https://kite.zerodha.com/static/images/connect/buy-button.png) no-repeat;
  width: 71px;
  height: 25px;
  border: none;
  border-radius: 0px !important
}

.kiteSellButton {
  background: url(https://kite.zerodha.com/static/images/connect/sell-button.png) no-repeat;
  width: 71px;
  height: 25px;
  border: none;
  border-radius: 0px !important
}

.kiteBuyButtonMob {
  background: url(https://kite.zerodha.com/static/images/connect/buy-button.png) no-repeat;
  width: 68px;
  height: 22px;
  border-radius: 0px !important;
  border: none;
  background-color: #fff
}

.kiteSellButtonMob {
  background: url(https://kite.zerodha.com/static/images/connect/sell-button.png) no-repeat;
  width: 68px;
  height: 22px;
  border-radius: 0px !important;
  border: none;
  background-color: #fff
}

.previousIcons {
  width: 223px;
  position: relative;
  z-index: 1000;
  margin-top: -2px
}

@media (max-width:746px) and (min-width:600px) {
  .kiteBuySellPosition {
    display: flex;
    margin-top: 10px
  }
}

@media (max-width:338px) and (min-width:300px) {
  .previousIcons a {
    margin-left: 4px;
    font-size: 10px
  }

  .listFlagMobDiv img {
    width: 13px;
    margin-left: 4px
  }

  .kiteBuySellPosition {
    right: 100px !important
  }
}

.mpstocksection h4 {
  font-size: 12px !important;
  color: #6E2A8F !important;
  font-weight: 700;
  margin: 2px 0;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}

.mpstockicons {
  padding: 5px 0px;
}

.mpBrokerBuySellBtn {
  margin-bottom: 10px;
}

.mpiconsreport {
  display: none;
}

.mpiconsreport.AddReportPresent {
  display: inline;
}

.stockAdditionReportaddition,
.stockAdditionReportssubtraction {
  display: none;
}

.stockAdditionReportaddition.stockAdditionReportPlus {
  display: inline;
}

.stockAdditionReportssubtraction.stockAdditionReportMinus {
  display: inline;
}

.reffriContiner {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-top: 30px;
}

.fb-share-button span {
  display: none;
}

.takeatriallock {
  display: inline-block;
}

.takeatrial {
  background-color: #F5E0FF;
  color: #702C91;
  font-size: 14px;
  padding: 2px;
  border-radius: 30px;
  box-shadow: 1px 1px 4px 0px #a6a6a6;
  display: flex;
  width: max-content;
  align-items: center;
}

.takeatrialImg img {
  width: 12px;
  height: 12px;
  filter: brightness(0) invert(1);
  left: unset;
  top: -3px;
}

.takeatrialContent {
  padding: 4px;
}

.takeatrialImg {
  background: radial-gradient(circle, #BD56ED 0%, #6D2A8E 100%);
  border-radius: 35px;
  padding: 1px;
  border: 5px solid #BD56ED;
  width: 28px;
  height: 28px;
  text-align: center;
}

.reffriBanner {
  overflow: hidden;
  background-image: url(https://storage.googleapis.com/msindiaprod/img/Image20240320173224.jpg);
  background-size: 100%;
  background-size: cover;
  height: 80vh;
  background-repeat: no-repeat;
  background-position-x: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.referralcodeTandC {
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.referralcodeTandC a {
  text-decoration: underline;
  font-weight: 700;
}

.reffriContent {
  text-align: center;
  padding: 20px;
}

.reffriContent h4 {
  margin: 0px;
  color: #6F2C90;
  font-size: 24px;
}

.reffriContent h5 {
  margin: 0px;
  font-size: 18px;
}

.reffriContent h6 {
  margin: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #EE8103;
  text-transform: uppercase;
  line-height: 28px;
}

.reffriContent h3 {
  margin-top: 0px;
  font-size: 36px;
  font-weight: 700 !important;
  color: #6F2C90;
}

.reffriContent h3 {
  margin-top: 0px;
  font-size: 36px;
  font-weight: 700 !important;
  color: #6F2C90;
}

.reffriContent p {
  font-size: 18px;
  margin-bottom: 20px;
}

.reffriContent>b {
  font-size: 18px;
  margin-bottom: 20px;
  color: #EE8103;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.refcodesharing {
  padding: 10px;
  width: 85%;
  background-color: #6F2C90;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.mpstockicons ul {
  padding-left: 0;
  display: inline-block;
  margin-bottom: 0px;
}

.refcodesharing h3 {
  margin: 0px;
  padding-top: 5px;
  letter-spacing: 10px;
  font-weight: 700 !important;
}

.mpstockicons ul li {
  float: left;
  list-style: none;
  padding: 0px 5px;
}

.mpstockicons ul li:first-child {
  padding-left: 0px;
}

.mpstockDetails {
  background-color: #F2F2F2;
  border-radius: 4px;
}

.mpstockDetails ul {
  padding-left: 0;
  display: flex;
  padding: 10px;
  margin-bottom: 0;
}

.mpstockDetails ul li {
  float: left;
  list-style: none;
  padding: 0px 5px;
  border-right: 2px solid #252525;
  flex-grow: 1;
  flex-basis: 0;
}

.mpstockDetails ul li:last-child {
  border-right: 0px;
}

.mpstockgain {
  font-size: 16px;
  font-weight: 700;
}

.gainPerPositive {
  color: #2736E6;
}

.gainPerNegative {
  color: #de32ae
}

.mpstockgain b {
  display: block;
}

.mpstockbuyrangeanddate {
  font-size: 12px;
  text-align: center;
}

.mpstockRatings ul {
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}

b.stockAdditionReportaddition,
b.stockAdditionReportssubtraction {
  display: none;
}

b.stockAdditionReportaddition.stockAdditionReportPlus {
  display: inline;
}

.notfoundtext {
  text-align: center;
  font-size: 18px;
  padding: 20px;
}

b.stockAdditionReportssubtraction.stockAdditionReportMinus {
  display: inline;
}

.mpstockRatings ul li {
  float: left;
  list-style: none;
  padding: 0px 5px;
  width: 100%;
  font-size: 10px;
}

.mpstockRatings {
  padding: 10px 0px;
}

.mpstockValues h5 {
  font-size: 12px;
  font-weight: 700 !important;
  margin-top: 0;
}

.mpstockValues h6 {
  font-size: 12px;
  margin-top: 0;
  color: #2736E6;
  padding-top: 5px;
  margin-bottom: 0;
}

.mpstockbuysellContent {
  font-size: 12px;
  padding-top: 10px;
}

.mpstockbuysellContent b,
.mpstockbuyrangeanddate b {
  display: block;
}

.mpsotckscol {
  padding-left: 0px;
  padding-right: 0px;
}

.topStocksIndia {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
  margin-bottom: 10px;
  padding: 10px 10px 10px;
}

.mpideaListsiconsRating {
  display: none;
}

.mpbookmark:hover .mpideaListsiconsRating {
  display: block;
}

.mpaddBookmark {
  background-color: #F2F2F2;
  width: 45px;
  height: 45px;
  display: flex;
  position: absolute;
  right: 15px;
  top: 0px;
  border-bottom-left-radius: 30px;
  cursor: pointer;
}

.mpaddBookmark:hover .mpideaListsiconsRating {
  display: block;
}

.mpbookmark .mpaddBookmark:hover {
  display: none;
}

.mpideaListsiconsRating {
  position: absolute;
  right: 15px;
  top: 0px;
}

.mpideaListsiconsRating ul {
  padding-left: 0;
}

.mpideaListsiconsRating ul li {
  list-style: none;
  padding: 10px 15px;
  border: 1px solid #ddd;
  height: 100%;
  background-color: #fff;
}

.mpideaListsiconsRating ul li a {
  color: #999;
}

.mpideaListsiconsRating ul li a:hover {
  color: #6e2c90;
  background-color: #6e2c90;
}

.mpideaListsiconsRating ul li a span {
  display: block;
  cursor: pointer;
}

.mpbookmark img {
  width: 20px;
  height: 100%;
  margin: 0 auto;
}

.mpideaListsiconsRating .ratingBtnDiv {
  color: #999;
  cursor: pointer;
  padding-bottom: 1px;
  padding-top: 0px;
}

.mpideaListsiconsRating .ratingBtnDivYellow {
  color: #ffa824;
}

.mpstockbuysell .kiteBuyButton {
  display: block;
}

.styleiconimgpositeve,
.styleiconimgnagative {
  display: none;
}

.styleiconimgpositeve.positiveValue {
  display: inline;
}

.styleiconimgnagative.negativeValue {
  display: inline;
}

.mpstockValues .positiveValue {
  font-size: 12px;
  padding: 0 2px;
}

.mpstockValues .negativeValue {
  font-size: 12px !important;
  padding: 0 2px;
}

.mpstockbuysellContentMobile {
  display: none;
}

.rETermConditionDiv h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

.heading-referAfriend h3.secondHeading-rf {
  line-height: 35px;
  font-size: 24px;
  font-weight: 300 !important;
  margin-bottom: 40px;
}

.heading-referAfriend h3.secondHeading-rf b {
  font-weight: 700;
  border-bottom: 3px solid #d88801;
}

.refferalTAndCHeader .pageHeading h4 {
  font-size: 24px;
}

.refersocialbtns {
  text-align: center;
  margin-bottom: 20px;
}

.hookImageTemplateBtn {
  left: auto;
  right: 0;
  width: 50%;
  bottom: 50px;
}

.hookImageTemplateBtn a {
  width: 95%;
  margin-left: 20px;
}

.hookImageTemplateLoginBtn {
  padding-left: 0;
  width: 40%;
}

.hookImageTemplateRegBtn {
  padding-right: 10px;
  width: 40%;
}

@media(max-width:820px) {
  .hookImageTemplateBtn {
    bottom: 20px;
  }

  .loginDiv {
    margin-right: 0px;
  }
}

@media(max-width:736px) {
  .takeatrial {
    font-size: 12px;
  }

  .takeatrialContent {
    padding: 1px;
  }

  .takeatrialImg {
    padding: 1px;
    border: 3px solid #BD56ED;
    width: 20px;
    height: 20px;
  }

  .mpstockDetails ul {
    flex-wrap: wrap;
  }

  .mpstockgain b {
    display: inline;
  }

  .mpstockDetails ul li {
    flex-basis: auto;
    border-right: 0px;
  }

  .mpsotckscol {
    padding-right: 15px;
  }

  li.mpstockgain {
    flex-grow: 8 !important;
    width: 100%;
    text-align: center;
    padding-bottom: 5px !important;
  }

  .mpstockbuysellContent {
    display: none;
  }

  .mpstockbuysellContentMobile {
    display: inline;
    text-align: right;
  }

  .mpstockbuysellContentMobile span {
    font-weight: 400;
  }

  .mpstockRatings ul li {
    width: 50%;
    padding: 2px 0;
    font-size: 12px;
  }

  .mpstockRatings ul {
    flex-wrap: wrap;
  }

  .mpbookmark {
    background-color: #ffffff;
    width: 34px;
    height: 34px;
  }

  .mpbookmark img {
    width: 15px;
  }

  .mpstockbuysell .kiteBuyButton {
    display: inline;
  }

  .mpstockbuysell .kiteBuyButton,
  .mpstockbuysell .kiteSellButton {
    background-size: 53px;
    width: 53px;
  }

  .mpideaListsiconsRating ul li {
    padding: 5px 6px;
    font-size: 10px;
  }

  .mpideaListsiconsRating {
    top: 5px;
  }

  .mpstockRatings {
    padding-top: 5px;
    padding-bottom: 0;
  }

  .mpaddBookmark {
    width: 30px;
    height: 30px;
    top: 5px;
  }

  .mpstockbuysell {
    margin-top: -15px;
  }

  .mpstockcolone {
    padding-right: 5px;
  }

  .topStocksIndia {
    padding: 5px 0 0;
    margin-left: -5px;
    margin-right: -5px;
  }

  .mpstockgain {
    font-size: 12px;
  }

  .mpstocksection h4 {
    font-size: 12px !important;
    width: 128px;
  }
}

@media screen and (max-width: 650px) and (min-width:450px) {
  .hookImageTemplateForMobile {
    display: flex;
    margin: 2px 0px 27px 100px;
  }

  .hookImageTemplateMobBtn a:nth-child(2) {
    margin-left: 28px;
  }
}



.msimenuSearchBar {
  width: 100%;
  padding: 10px 10px 10px 40px;
  border-radius: 84px;
  border: 2px solid #6e2a8f;
  color: #000;
  caret-color: #6e2a8f;
}

.msimenuSearchBar:focus-visible {
  outline: 0px solid #6e2a8f;
}

.msiSearchbarontop {
  /* position: fixed;
    background-color: #fff;
    top: 86px;
    right: 0;
    left: 0;
    z-index: 1024; */
}

.msimenuhomesearchinput {
  width: 340px;
  position: relative;
  /* margin: 10px auto; */
}

.msimenuhomesearchinput>img {
  width: 16px;
  position: absolute;
  left: 15px;
  top: 15px;
  opacity: .8;
  color: #6e2a8f;
}

.msimenuhomesearchinput .searchClose img {
  position: absolute;
  top: 14px !important;
  right: 14px !important;
  width: 15px;
  height: 15px;
  opacity: .5;
  cursor: pointer;
}



.msimenuSearchBar::placeholder {
  color: #b7b7b7;
  opacity: 0.5;
  /* Firefox */
  font-style: italic;
}

.menuSearchList {
  margin-top: 3px;
  border: 1px solid #6e2a8f;
  border-radius: 5px !important;
  box-shadow: 12px 12px 50px 0 rgba(0, 0, 0, .11);
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
  max-height: 200px;
  overflow-x: auto;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.menuSearchList ul {
  padding-left: 0px;
  margin-bottom: 0;
}

.menuSearchList ul li {
  color: #000;
  text-align: left;
  list-style: none;
  padding: 10px 0;
  display: grid;
  font-size: 12px;
}

.latestsearchformsiicon {
  display: none;
  padding: 0 10px;
  position: absolute;
  right: 80px;
  top: 8px;
}

.searchheaderMobile {
  display: block;
  background: #fff;
  padding: 5px;
}




.navsearchheader {
  margin-left: 3%;
}


@media(min-width:1400px) {
  .navsearchheader {
    margin-left: 2%;
  }
}

@media(min-width:1620px) {
  .navsearchheader {
    margin-left: 2%;
  }

  .navBlackmenubg {
    padding: 36px 80px;
  }

  .site-title-scroll a,
  .site-title a {
    height: 51px;
    width: 377px;
  }

  .evalutationsmenu {
    margin-top: 128px;
  }

  .introInnerHeader {
    padding-top: 130px;
  }

  .introInnerHeaderCanslimbanner {
    padding-top: 90px;
  }
}

@media (max-width: 1399px) {
  .navsearchheader {
    margin-left: 0%;
  }

  .msimenuhomesearchinput {
    width: 100%;
  }

  .menuSearchList {
    width: 380px;
  }

}




@media(max-width:1280px) {
  .msimenuhomesearchinput {
    width: 100%;
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 15px 8px;
  }


  .menuSearchList {
    width: 380px;
  }
}

@media(max-width:1195px) {
  .latestsearchformsiicon {
    display: inline-block;

  }

  .navsearchheader {
    display: none;
    width: 365px;
  }

  .latestsearchformsiicon {
    right: 123px;
    top: 10px;
  }


}

.latestsearchformsiicon img {
  width: 30px;
  height: 29px;
}


@media(max-width:1024px) {
  .msimenuhomesearchinput {
    width: 95%;
    margin: 0 auto;
  }


  .latestsearchformsiicon img {
    width: 22px;
    height: 22px;
  }


  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 8px 8px;
  }

  .menuSearchList {
    width: 100%;
  }



  .msimenuSearchBar {
    padding: 10px 10px 10px 60px;
    font-size: 16px;
  }

  .msimenuhomesearchinput>img {
    left: 20px;
    top: 15px;
  }

  .msiSearchbarontop {
    top: 80px;
  }

  .msimenuhomesearchinput .searchClose img {
    top: 16px !important;
    right: 16px !important;
  }

  .latestsearchformsiicon {
    right: 121px;
    top: 8px;
  }

}

@media(max-width:820px) {
  .latestsearchformsiicon {
    right: 80px;
    top: 8px;
  }


}


@media(max-width:768px) {
  .msiSearchbarontop {
    top: 50px;
  }

  .latestsearchformsiicon {
    padding: 0px 0px;
  }

  .latestsearchformsiicon {
    right: 90px;
    top: 8px;
  }
}

@media(max-width:736px) {
  .latestsearchformsiicon {
    right: 80px;
    top: 15px;
  }
}

@media(max-width:414px) {
  .latestsearchformsiicon {
    right: 55px;
    top: 15px;
  }

}

@media (max-width: 1180px) {
  /* Tablets and smaller */

  .site-title a,
  .site-title-scroll a {
    width: 320px;
  }

  .latestsearchformsiicon {
    right: 90px;
    top: 15px;
  }

  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .sideNavigationMobile.navbar-nav {
    float: none !important;
  }

  .sideNavigationMobile.navbar-nav>li {
    float: none;
  }

  .navBarToggle {
    padding: 10px 8px
  }

  .bodyScrolling {
    overflow: hidden;
    position: fixed
  }

  .side-collapse-container {
    left: 0;
    position: relative;
    transition: left 0.4s ease 0s;
    width: 100%
  }

  .side-collapse-container.out {
    left: 250px
  }

  .btnsignoutmobile {
    color: #6e2c90 !important;
  }


  .mobileMenuOverlay.menu-open::after {
    background: rgb(249 249 249 / 70%) none repeat scroll 0 0;
  }

  .side-collapse.in {
    display: none;
    box-shadow: none;
  }

  .side-collapse .navbar-nav {
    margin: 0 -15px
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    height: 100%;
    max-height: none
  }

  .dropdownMainMenu>.dropdown-menu {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    display: block !important;
    float: none;
    margin-top: 0;
    position: static !important;
    width: auto
  }

  .userInformationInMobile {
    height: 90px;
    padding: 10px
  }

  .navigationMobileClose {
    color: #702c91 !important;
    margin-top: 11px;
    position: absolute;
    right: 0;
    z-index: 1040
  }

  .dropdownLoginMenuMobile {
    background-color: #fff !important;
    display: block !important;
    box-shadow: 0px -2px 7px 0px #a0a0a0;
    border-radius: 10px;
    padding: 10px;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 16px;
    padding: 10px !important;
    color: #000 !important;
  }

  .dropdownLoginMenuMobile li {
    list-style: none;
  }

  .userinformationMobileDiv {
    background-color: #f1d7ff;
    padding: 10px;
    margin: 15px 10px;
  }

  .userinformationMobileDiv h5,
  .userinformationMobileDiv p {
    font-size: 14px;
    margin-bottom: 10px;
  }



  .btnLogoutMobile {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #6f2c91;
    color: #6f2c91;
    font-size: 12px;
    font-weight: 700;
    line-height: 0;
    padding: 4px 7px;
    position: absolute;
    right: 14px;
    top: 79px;
    width: auto !important
  }

  .side-collapse {
    background-color: #ffffff;
    overflow: hidden;
    position: fixed;
    top: 60px;
    transition: width 0.4sease 0s;
    width: 300px;
    z-index: 999;
    border-radius: 10px;
    padding: 34px 0px;
    border: none;
    box-shadow: 9px 8px 18px 20px #0000001c;
    right: 35px;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


  .premium-badge {
    background-color: #F7E0B5;
    color: #673AB7;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 16px 20px;
    border-radius: 0 0 30px 30px;
    display: block;
    margin: -10px -10px 25px -10px;
  }

  .navBarToggle .icon-bar {
    width: 25px;
    height: 4px;
  }

  .navbar-default .navBarToggle .icon-bar {
    background-color: #4c4c4c !important
  }

  .navBarToggle .iconbarnavi {
    margin-top: -2px;
    display: block;
  }

  .navBarToggle .iconclosenavi {
    margin-top: -10px;
    display: block;
  }

  .navBarTogglecollapse.open .iconbarnavi {
    display: none;
  }

  .navBarTogglecollapse .iconclosenavi {
    display: none;
  }

  .navBarTogglecollapse.open .iconclosenavi {
    display: inline-block;
  }


}

@media (max-width: 736px) {
  .latestsearchformsiicon {
    right: 60px;
  }

  .side-collapse {
    top: 45px;
    right: 30px;
  }
}

/* glossary*/

.glossaryHeading h1 {
  padding: 40px 0;
  color: #FFF;
  font-size: 40px;
  font-weight: bold !important;
  background-image: linear-gradient(to bottom, #9679e7, #9463fa);
  text-align: center;
  margin: 0;
}

.glossaryContent {
  padding: 40px;
}

.mailtoglossary {
  color: #0000ee;
}

.glossaryContent p {
  font-size: 18px;
  color: #1c1c1c;
}

.glossaryTabs {
  padding: 40px 40px;
  background-color: #f6efff;
}

.glossaryTabsrow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
}

.glossaryTabscolList {
  width: calc(30% - 10px);
  background-color: #fff;
  border-radius: 30px;
  padding: 3px;
}

.glossaryTabscolContent {
  width: calc(70% - 10px);
}

.glossaryTabscolList ul {
  padding: 0px 40px 40px 60px;
  display: inline-block;
  max-height: 540px;
  overflow-y: auto;
  width: 100%;
}

.glossaryTabscolList ul li {
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #1c1c1c;
  cursor: pointer;
}

.glossaryTabscolList ul li:hover {
  color: #6c2fcf;
}

.glossaryTabscolList ul li.active {
  color: #6c2fcf;
}


.glossaryTabscolList .msimenuhomesearchinput {
  width: auto;
  margin: 40px 40px 30px 40px;
}

.glossaryTabscolList ul::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}

.glossaryTabscolList ul::-webkit-scrollbar-track {
  background: #fff
}

.glossaryTabscolList ul::-webkit-scrollbar-thumb {
  background: #b7b7b7
}

.glossaryTabscolList ul::-webkit-scrollbar-thumb:hover {
  background: #b7b7b7
}

.glossaryTabs h2 {
  font-size: 18px;
  font-weight: bold !important;
  color: #1c1c1c;
  margin: 0;
  padding-bottom: 40px;
}

.glossaryTabscolContent .introInnerHeader {
  background: transparent;
  padding-top: unset;
  text-align: left;
  color: unset;
}

.glossaryTabscolContent .pageHeading h1 {
  font-size: 18px;
  font-weight: bold !important;
  margin-top: 0;
  text-shadow: unset;
  color: #6c2fcf;
}

.glossaryTabscolContent .aboutHeading i {
  display: none
}

.glossaryTabscolContent .gen-Content {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.glossaryTabscolContent .gen-Content p {
  font-size: 18px;
  line-height: 36px;
  font-weight: normal;
}

.relatedContent {
  margin-top: 40px;
  color: #6f2c90 !important;
  font-size: 18px;
  padding-left: 15px;
  display: block;
}

.msiLearningHeader {
  text-align: center;
}

.msiLearningHeader h1 {
  background-image: linear-gradient(to bottom, #9679e7, #9463fa);
  margin: 0;
  padding: 40px;
  font-size: 40px;
  font-weight: bold !important;
  color: #fff;
}

.msiLearningHeader h1 img {
  width: 46px;
  height: 48px;
  vertical-align: sub;
}

.msiLearningInvestment {
  padding: 40px 40px;
}

.msiLearningInvestmentRow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
  justify-content: center;
}

.msiLearningInvestmentCol {
  width: calc(40% - 10px);
  border-radius: 8px;
}

.msiLearningVideosRow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
  justify-content: center;
}

.msiLearningVideosCol {
  width: calc(40% - 10px);
  border-radius: 8px;
  background-color: #f7f9fd;
}

.msiLearningVideosCard {
  border-radius: 8px;
  padding: 16px;
}

.msiLearningVideosCard h4 {
  font-size: 18px;
  color: #5b5b5b;
  font-weight: bold;
  padding-top: 16px;
  margin-bottom: 0;
}

.msiLearningVideosCard p {
  font-size: 14px;
  color: #5b5b5b;
  padding: 16px 0;
  margin: 0;
}

.msiLearningVideosCard a {
  font-size: 14px;
  color: #5b5b5b !important;
  padding: 6px 0;
  display: block;
  cursor: pointer;
}

.msiLearningVideosCardBtn a {
  display: inline-block;
  padding-right: 16px;
}

.msiHomeButtons {
  color: #6f2c90;
  border-color: #6f2c90;
  background-color: transparent;
  font-size: 14px;
  padding: 14px 28px;
}

.msiHomeButtons:hover {
  color: #9e4ac8;
  background-color: transparent;
  border-color: #9e4ac8;
}

.msiHomeButtons:active {
  color: #9e4ac8 !important;
  background-color: transparent !important;
  border-color: #9e4ac8 !important;
  box-shadow: 1px 0 2px 1px #a84cd6;
}

.msiHomeButtonsfill {
  color: #fff;
  background-color: #6f2c90;
  font-size: 14px;
  padding: 14px 28px;
}

.msiHomeButtonsfill:hover {
  background-color: #9e4ac8;
  border-color: #9e4ac8;
}

.msiHomeButtonsfill:active {
  color: #fff !important;
  background-color: #9e4ac8 !important;
  border-color: #9e4ac8 !important;
  box-shadow: 1px 0 2px 1px #9e4ac8 !important;
}

.anchor-heading {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

.toggle-icon {
  font-style: normal;
}

.toggle-icon::after {
  content: "(+)";
  /* Default is "+" */
  font-size: 16px;
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.anchor-heading[aria-expanded="true"] .toggle-icon::after {
  content: "(-)";
}

.msiLearningVideosCard ul li {
  color: #5b5b5b;
}

.canslimLiveWebinar {
  background-color: #f7f9fd;
  text-align: center;
  padding: 40px;
  width: 80%;
  margin: 20px auto;
  border-radius: 8px;
}

.canslimLiveWebinar h4 {
  font-size: 18px;
  font-weight: bold;
  color: #5b5b5b;
  padding-bottom: 30px;
  margin: 0;
}

.canslimLiveWebinar .btn-primary {
  width: 40%;
  margin: 0 auto;
}

.msiLearningVideosCard ul {
  padding: 0 20px;
}

.msiLearningVideosCardImg {
  text-align: center;
  padding: 10px;
  background-color: #fff;
}

.msiLearningInvestment h2 {
  font-size: 40px;
  font-weight: 500 !important;
  color: #6e2a8f;
  text-align: center;
  margin: 0;
  padding-bottom: 40px;
}

.msiLearningInvestmentCard {
  padding: 16px;
  border-radius: 8px;
}

.msiLearningInvestmentCard h4 {
  font-size: 16px;
  color: #5b5b5b;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0;
}

.msiLearningInvestmentCard p {
  font-size: 14px;
  color: #5b5b5b;
  margin-bottom: 16px;
}

.canslimLiveWebinar h4 img {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

.msiLearningInvestmentCard a {
  font-size: 14px;
  color: #0000ee !important;
  font-weight: 600;
}

.msiLearningInvestmentCard img {
  margin-bottom: 16px;
}

.msiLearningVideos {
  padding: 40px;
}

.msiLearningBooks h2 {
  text-align: center;
  font-size: 40px;
  color: #6e2a8f;
  margin: 0;
  padding: 40px 0;
  font-weight: 500 !important;
}

.msiLearningBooksRow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
  justify-content: center;
}

.msiLearningBooksCol {
  width: calc(22% - 10px);
  border-radius: 8px;
  background-color: #f7f9fd;
  height: auto;
}

.msiLearningBooksCard {
  padding: 16px;
}

.msiLearningBooksCard h4 {
  font-size: 18px;
  font-weight: bold;
  color: #5b5b5b;
  min-height: 40px;
}

.msiLearningBooksCard p {
  font-size: 14px;
  color: #5b5b5b;
  min-height: 80px;
}

.msiLearningBooksCardImg {
  text-align: center;
  background-color: #fff;
  margin-bottom: 16px;
  position: relative;
}

.msiLearningBooksCardImg a img {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 0;
  right: 40px;
}

@media(max-width:1024px) {
  .glossaryTabscolContent .introInnerHeader .pageHeading {
    position: static;
    margin-top: 0;
    padding: 0;
    background-color: transparent;
  }

  .msiLearningBooksCardImg a img {
    right: 0;
  }

  .msiLearningInvestmentCol {
    width: calc(50% - 10px);
  }

  .msiLearningBooksCardImg img,
  .msiLearningVideosCardImg img {
    width: 100%;
  }

  .msiLearningVideosCol {
    width: calc(50% - 10px);
  }

  .canslimLiveWebinar {
    width: 100%;
  }

  .msiLearningBooksCol {
    width: calc(24% - 10px);
  }

  .glossaryContent {
    padding: 20px 28px;
  }

  .glossaryContent p {
    font-size: 12px;
  }

  .glossaryTabs {
    padding: 20px 28px;
  }

  .glossaryTabs h2 {
    font-size: 12px;
    padding-bottom: 20px;
  }

  .glossaryTabscolList {
    width: calc(100% - 10px);
  }

  .glossaryTabscolContent {
    width: calc(100% - 10px);
  }

  .glossaryTabscolList .msimenuhomesearchinput {
    margin: 20px;
  }

  .glossaryTabscolList ul {
    padding: 0px 10px 10px 40px;
    max-height: 200px;
  }

  .glossaryTabscolContent .gen-Content .won-heading {
    color: #6c2fcf;
    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 10px;
  }

  .glossaryTabscolContent .gen-Content p {
    font-size: 12px;
    line-height: normal;
  }

  .glossaryTabscolList ul li {
    padding: 10px;
    font-size: 12px;
  }

  .glossaryTabscolList .msimenuSearchBar {
    font-size: 12px;
    padding: 10px 10px 10px 40px;
  }

  .glossaryTabscolList .msimenuhomesearchinput>img {
    left: 15px;
    top: 14px;
  }

  .glossaryHeading h1 {
    font-size: 22px;
  }

  .relatedContent {
    margin-top: 5px;
    font-size: 12px;
    padding-left: 15px;
  }

  .glossaryHeading img {
    width: 35px;
  }

  .canslimLiveWebinar .btn-primary {
    width: 70%;
  }

  .msiHomeButtonsfill,
  .msiHomeButtons {
    padding: 10px 20px;
  }

}

@media(max-width:820px) {

  .msiLearningBooksCol {
    width: calc(50% - 10px);
  }

}

@media(max-width:736px) {

  .site-title a,
  .site-title-scroll a {
    width: 290px;
  }

  .msiLearningInvestment {
    padding: 20px 0px;
  }

  .msiLearningVideosCard ul li {
    font-size: 10px;
  }

  .msiLearningVideosCardBtn {
    text-align: center;
  }



  .msiLearningInvestment h2 {
    padding-bottom: 20px;
  }

  .msiLearningVideosCardImg,
  .msiLearningBooksCardImg {
    background-color: #f2e8ff;
  }

  .msiLearningBooksCard h4 {
    font-size: 12px;
    min-height: auto;
  }

  .msiLearningBooksCard p {
    font-size: 10px;
    min-height: auto;
  }

  .msiHomeButtonsfill,
  .msiHomeButtons {
    padding: 10px 20px;
  }

  .msiLearningBooks .msiHomeButtonsfill {
    margin: 10px auto;
    display: block;
  }

  .msiLearningBooks h2 {
    font-size: 22px;
    padding: 20px 0;
  }

  .msiLearningBooksCol {
    width: calc(100% - 10px);
  }

  .msiLearningInvestment h2 {
    font-size: 22px;
  }

  .msiLearningInvestmentCard h4 {
    font-size: 12px;
  }

  .msiLearningInvestmentCard p {
    font-size: 10px;
  }

  .msiLearningInvestmentCard a {
    font-size: 10px;
  }

  .msiLearningInvestmentCard img {
    margin-bottom: 8px;
    width: 30px;
    height: 30px;
  }

  .msiLearningHeader h1 {
    font-size: 22px;
    padding: 28px;
  }

  .msiLearningVideosCol {
    width: calc(100% - 10px);
  }

  .msiLearningVideos {
    padding: 20px 0;
  }

  .msiLearningBooksCardImg img,
  .msiLearningVideosCardImg img {
    width: 50%;
  }

  .msiLearningVideosCard h4 {
    font-size: 12px;
  }

  .msiLearningVideosCard p {
    font-size: 10px;
    padding: 8px 0;
  }

  .msiLearningVideosCard a {
    font-size: 10px;
    padding: 4px 0;
  }

  .canslimLiveWebinar {
    padding: 10px 0;
  }

  .canslimLiveWebinar h4 {
    font-size: 12px;
    padding-bottom: 10px;
  }

  .canslimLiveWebinar h4 img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

  .msiLearningHeader h1 img {
    width: 24px;
    height: 26px;
  }

  .glossaryTabscolContent .introInnerHeader {
    display: none;
  }

  .relatedContent {
    padding-left: 0px;
  }

  .msiLearningBooksCardImg a img {
    right: 80px;
  }

  .msiLearningHeader {
    margin-top: 20px;
  }

}

.mobileSearchToggalClass {
  pointer-events: none;
  opacity: 0.6;
}

body,
html {
  height: 100%;
  width: 100%;
  color: #000
}

.actionItems>a {
  padding: 0 3px
}

.ckycbody {
  text-align: center !important;
  font-size: 18px;
  font-weight: 700;
  color: #666
}

.nariskinput {
  margin-right: 5px;
  position: relative;
  top: 3px;
  zoom: 1.4
}

.streetTarget {
  background: #43AC6A;
  padding: 0 5px;
  margin: 5px 0 5px;
  width: 140px;
  font-size: 12px;
  color: #fff
}

.streetTargetfirst {
  background: #43AC6A;
  padding: 0 5px;
  margin: -5px 0 5px;
  width: 140px;
  font-size: 12px;
  color: #fff
}

.navbar-form {
  margin-top: 4px;
}

.streetTargetLast {
  background: #e43434
}

.evalutationsContiners.iostopspace {
  margin-top: 30px
}

.mpc-btn-span {
  float: right
}

.estimate-row td {
  color: #6e2a8f !important;
  font-weight: 600
}

.estimate-row td .fa-caret-up {
  color: #28a745 !important
}

.estimate-row td .fa-caret-down {
  color: #dc3545 !important
}

.idealistSorting {
  margin-right: 10px
}

.shinelines.feStyle {
  width: 40px;
  margin-top: 0
}

.shinelines.dpmStyle {
  width: 100px;
  margin-top: 3px
}

#idialistsectionblurimg {
  cursor: pointer
}

.shinelines.dtmStyle,
.shinelines.dtmStyle2 {
  width: 75px;
  margin-top: 0;
  margin-left: 0
}

.buyBasketDiv {
  position: absolute;
  top: 10px
}

#idealistStocksTable tr>th:first-child,
#idealistStocksTable tr>td:first-child,
#mpStockTable tr>th:first-child,
#mpStockTable tr>td:first-child {
  border-left: 1px solid #ddd
}

#viewScreen table.dataTable thead th {
  border-bottom: 1px solid #ddd
}

#listFilter.modal {
  z-index: 1051
}

#subscriptionPopup.modal {
  z-index: 1052
}

.deliverySpanhead {
  font-size: 17px
}

.deliverySpan {
  font-size: 16px
}

.ddStockNameClass {
  font-weight: 600
}

.top-investor {
  width: 15px;
  margin-left: 3px
}

#greenflagStockBody li {
  margin-bottom: 0
}

.bulkBlockDet-scroll-table-link {
  margin-top: 20px;
  display: block;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
  left: 20px
}

.bulkBlockDet-scroll-table-link:hover {
  text-decoration: underline !important
}

.videoLevel {
  margin-left: 10px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 20px;
  color: #666
}

.surveillancetable tbody tr td {
  padding: 10px
}

.surveillancetext {
  font-size: 16px;
  font-weight: 600;
  text-decoration: none !important;
  color: #6e2a8f
}

.surveillanceflag i {
  font-size: 16px;
  color: green
}

.surveillanceflag i.redFlag {
  color: #f81717 !important
}

.surveillancetext.redFlag,
.surveillancetext.redFlag a {
  color: #f81717 !important
}

.surveillanceGroup h4 {
  font-size: 30px;
  padding: 5px;
  background-color: transparent;
  color: #666 !important;
  font-weight: 100;
  margin: 0;
  text-align: center
}

.surveillanceGroup h3 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 600 !important;
  text-align: center
}

.surveillanceGroup p {
  font-size: 18px;
  text-align: center
}

.notForSomeBroker {
  display: none
}

.reportImg {
  width: 15px;
  height: 22px;
  margin: 0 auto;
  cursor: pointer
}

.shine {
  background: #cdcfd2;
  background-image: linear-gradient(to right, #d4d4d4 0%, #e0e0e0 20%, #dadada 40%, #c4c5c5 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear
}

.progress.evaluationStrengthContent {
  height: 6px
}

.progress.checklistHeaderContent {
  height: 6px
}

.masterScoreshinebox {
  height: 50px;
  width: 50px
}

.shinediv {
  display: inline-flex;
  flex-direction: column;
  margin-left: 25px;
  margin-top: -10px;
  vertical-align: top
}

.shinelinespopupdiv {
  display: inline-flex;
  flex-direction: column;
  margin-top: -10px;
  vertical-align: top
}

.shineonelinepopupdiv {
  display: inline-flex;
  flex-direction: column;
  margin-top: 6px;
  vertical-align: top
}

.shinelinespopupgapdiv {
  display: inline-flex;
  flex-direction: column;
  margin-top: 0;
  vertical-align: top
}

.shinelines {
  height: 10px;
  margin-top: 10px;
  width: 200px
}

.shinelinespopuptable {
  height: 10px;
  margin-top: 10px;
  width: 100%
}

.shinelinespopup {
  height: 10px;
  margin-top: 10px;
  width: 150px
}

.shinelineforStrenghts {
  width: 110px
}

.shinephoto {
  display: block !important;
  width: 325px;
  height: 100px;
  margin-top: 15px
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0
  }

  100% {
    background-position: 468px 0
  }
}

.relatedExport {
  position: absolute;
  top: 0;
  right: 2px;
  font-size: 16px;
  cursor: pointer
}

.industryExportDiv {
  position: relative;
  padding-bottom: 15px
}

.evaluationNaviTab .navbar {
  margin-bottom: 0;
  min-height: 30px
}

.evaluationNaviTab li>a {
  font-size: 16px;
  padding: 10px
}

.evaluationNaviTab li>a:focus,
.evaluationNaviTab li>a:hover {
  background-color: unset;
  outline: unset
}

.evaluationNaviTab li.active {
  background: #efefef;
  border-bottom: 1px solid #6e2a8f
}

.industryExport {
  font-size: 16px;
  position: absolute;
  top: -17px;
  right: 1px;
  cursor: pointer
}

.bulkBlockExport {
  font-size: 16px;
  position: absolute;
  top: -36px;
  right: 1px;
  cursor: pointer
}

#viewTranHistoryExport .industryExport {
  top: 7px
}

.idealistRadioDiv {
  position: absolute;
  right: 0
}

.idealistRadioDiv .switch-field-opt label {
  width: 30px;
  font-size: 17px
}

#relatedTable.dataTable tbody th,
#relatedTable.dataTable tbody td {
  border-bottom: none
}

#tableRepresentation {
  background: #fff;
  padding: 0
}

#idealistStocksTable,
#mpStockTable {
  border: 1px solid #ddd
}

#idealistStocksTable .negativeValue,
#mpStockTable .negativeValue,
#idealistStocksTable .positiveValue,
#mpStockTable .positiveValue {
  font-size: 14px
}

.loginBlockmsi {
  border: 1px solid #dddd;
  background-color: #fff;
  border-radius: 5px
}

.loginform {
  padding: 25px 40px
}

.loginlogomsi {
  text-align: center
}

.loginlogomsi img {
  width: 210px;
  margin-bottom: 25px
}

.loginsocialmsi {
  text-align: center;
  margin-top: 50px;
  padding: 0 15px
}

.loginsocialmsi .btn-facebook {
  color: #fff;
  background: #4267b2 !important;
  border-color: #4267b2 !important;
  font-size: 12px;
  font-weight: 600
}

.assessmentCertificatCard {
  width: 20%;
  float: left
}

.assessmentCertificatCard img {
  width: 230px;
  height: auto;
  border: 1px solid #ddd;
  margin-top: 15px;
  border-radius: 12px
}

.assessmentCard {
  width: 80%;
  float: left
}

.canslimVideosSection {
  display: flex;
  margin-bottom: 60px
}

.forgetPassword {
  margin-top: 30px;
  font-size: 12px
}

.brand-primary-orange {
  color: #fff;
  background: #FF9835 !important;
  border-color: #FF9835 !important
}

.loginsocialmsi .btn-facebook img {
  width: 16px;
  border-radius: 4px;
  float: left
}

.loginsocialmsi .btn-google {
  color: #fff;
  background: #007bff !important;
  border-color: #007bff !important;
  font-size: 12px;
  font-weight: 600
}

.loginsocialmsi .btn-apple {
  color: #fff;
  background: #000 !important;
  border-color: #000 !important;
  font-size: 12px;
  font-weight: 600
}

.loginsocialmsi .btn-google img {
  width: 16px;
  border-radius: 4px;
  float: left
}

.loginsocialmsi .btn-apple img {
  width: 16px;
  border-radius: 4px;
  float: left
}

.loginsocialmsicol {
  padding-left: 5px;
  padding-right: 5px
}

.loginsocialmsi h2 {
  font-size: 12px
}

tr.relatedSymbolsstock td {
  color: gray !important
}

#relatedTable tbody {
  display: block;
  overflow: auto;
  max-height: 500px;
  padding-top: 36px
}

tbody.noCurrentRow {
  padding-top: 0 !important
}

.relatedSymbolsstock {
  position: absolute;
  width: 99.8% !important;
  top: 30px
}

.relatedSymbolsstock.thead {
  display: none
}

.relatedSymbolsstock td a {
  color: gray !important
}

#relatedTable thead,
#relatedTable tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed
}

#relatedTable {
  border: 1px solid #ddd;
  border-top: none
}

#histRatingsTable {
  border: 1px solid #ddd
}

#relatedTable thead tr th:nth-child(2),
#relatedTable tbody tr td:nth-child(2) {
  width: 323px
}

#idealistStocksTable tbody tr td:last-child a {
  margin-left: 3px;
  color: #999
}

#idealistStocksTable input[type=checkbox],
input[type=radio] {
  margin: 3px 0 0;
  height: 11px;
  width: 11px
}

#mpStockTable tbody tr td:last-child a {
  margin-left: 7px;
  color: #999
}

.tabularIcon:hover {
  color: #6e2a8f !important
}

.downloadList {
  margin-right: 10px;
  cursor: pointer
}

.portfolio-btnDiv {
  position: absolute;
  top: -15px;
  right: 0
}

.btn-portfolioNew {
  background-color: #f1f1f1;
  border-radius: 3px;
  color: #79389c !important;
  margin: 5px;
  border: solid 1px #79389c;
  color: #79389c;
  width: 150px
}

.btn-portfolioNew:hover {
  background: #79389c !important;
  color: #fff !important;
  border-color: #79389c
}

#custom-search-input.enlarege-search-input {
  width: 270px
}

#enlargeSearchBoxClear {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray;
  padding: 2px 10px
}

.searchbarforborker {
  padding: 10px
}

.searchbarforborker b {
  font-size: 16px;
  font-weight: 400
}

.searchbarforborker i {
  vertical-align: unset
}

#enlargeSearchBoxClear:hover {
  color: darkgray !important
}

#custom-search-input.enlarege-search-input {
  top: 8px
}

#enlargeRecentViewedIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray !important;
  padding: 2px 10px
}

#enlargeRecentViewedIcon:hover {
  color: darkgray !important
}

#enlargeSearchBoxIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: lightgray;
  cursor: default;
  padding: 2px 10px
}

#enlargeSearchBoxIcon:hover {
  color: lightgray !important
}

#viewUserOpenAlertsInfoDesk {
  width: 100% !important
}

#viewUserOpenAlertsInfoDesk.dataTable tbody th,
#viewUserOpenAlertsInfoDesk.dataTable tbody td,
#viewUserExecutedAlertsInfoDesk.dataTable tbody th,
#viewUserExecutedAlertsInfoDesk.dataTable tbody td {
  border-bottom: medium none
}

.hideDisplay {
  display: none
}

.introInnerHeaderEvaluation.printOption {
  background: none
}

.printOption .pageHeading {
  display: none
}

.printOption .evaluationValues {
  margin-top: 0
}

.printOption #userIconsDesk {
  display: none
}

.bodyTextMasterScore {
  cursor: pointer;
  font-size: 17px;
  display: none
}

.modifiedDateMOb.modifiedDateBottom {
  margin-top: 22px
}

.newsReportUrl {
  font-size: 13px;
  color: #6e2a8f;
  cursor: pointer;
  z-index: 2048
}

.padRgtReset.broker {
  float: right
}

#remindText {
  position: absolute;
  z-index: 999;
  bottom: 60px;
  left: 355px;
  font-size: 16px;
  color: #27293d;
  cursor: pointer
}

.patternImgItag {
  width: 30px;
  height: 20px
}

.blueDotImgItag {
  width: 20px;
  height: 15px
}

#comboOfferDesktop .modal-content {
  background-color: transparent;
  border: none;
  box-shadow: none
}

.enlargeSearch {
  height: 24px !important;
  font-size: 14px !important;
  width: 100% !important
}

.comboPayuMoney {
  position: absolute;
  right: 22px;
  font-size: 30px;
  top: 18px;
  padding: 5px 10px !important;
  opacity: 0
}

.comboPayuMoneyMob {
  position: absolute;
  right: 18px !important;
  top: 20px;
  padding: 5px 10px !important;
  font-size: 40px !important
}

.comboPayuMoney:hover {
  opacity: 0
}

.footerInfo {
  color: #fff
}

.footerLinks {
  background-color: #fff;
  padding: 2rem 1.5rem
}

.footerRights {
  color: #5b5b5b;
  font-size: 14px;
  padding: 2px;
  background-color: #fff;
}

.footertopLinks ul li {
  list-style: none;
  padding: 5px
}

.footertopLinks ul {
  padding-left: 0px
}

.footertopLinks ul li a {
  color: #7e7e7e;
  font-size: 14px
}

.footertopLinks {
  text-align: center;
}

.footertopLinks b {
  color: #7e7e7e;
  padding-bottom: 15px;
  display: block;
  font-size: 16px;
}

.msihomefooterLogo {
  background-color: #fff;
  padding-top: 40px;
}

.msihomefooterSocial {
  background-color: #fff;
  padding-bottom: 30px;
}

.footerInfo {
  background-color: #2a2e39;
  padding: 10px 0;
  border-bottom: 1px solid
}

.footerDownlinks img {
  width: 150px
}

.footerDownlinks {
  margin-top: 15px;
  text-align: center
}

.footerDownlinks a {
  padding: 10px;
}

.userProfileTab {
  border: 1px solid #ddd;
  border-top: 0
}

.assessmentCard img {
  width: 210px;
  height: 129px
}

.filterMenus h4 {
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 16px;
  margin-top: 3px
}

.filterMenus ul {
  padding-left: 0;
  max-height: 435px;
  overflow: auto
}

.filterMenus ul li {
  list-style: none;
  padding: 5px 8px;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  background-color: #f5f5f5;
  cursor: pointer
}

.filterMenus ul li:hover {
  background-color: #e5e5e5
}

.filterMenusMob ul li {
  padding: 5px 10px
}

.applyFilterName .btn {
  margin: 0 4px
}

.applyFilterName .applyFilterHeadingName {
  float: left;
  margin-right: 20px
}

.applyFilterHeadingName h4 {
  margin-top: 2px;
  margin-bottom: 2px
}

.alertBanner {
  position: fixed;
  z-index: 2024;
  bottom: 10px;
  display: none
}

.innerNotf {
  height: 200px;
  width: 400px;
  background-color: purple;
  border-radius: 15px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px
}

.updBtn {
  width: 100%;
  color: #000;
  background-color: #fff;
  border-radius: 15px
}

.paymentBanner {
  position: fixed;
  z-index: 2024;
  bottom: 14%;
  left: 15px;
  height: 95px;
  width: 380px;
  background-color: yellow;
  display: flex;
  padding: .4%;
  border-radius: 15px;
  background-color: purple;
  border: 1px solid #fff;
  color: #fff;
  overflow: hidden
}

.paymentBanner:hover {
  cursor: pointer
}

#closeBtn {
  position: absolute;
  right: -5px;
  top: 30px;
  padding: 2px 5px
}

.cartPending {
  display: flex
}

.cartPending>div>img {
  border-radius: 50%;
  height: 54px;
  margin-top: 11px;
  margin-left: 3px
}

#PaymentBannerdiv {
  display: none
}

#pmodal {
  height: 10%;
  width: 10%
}

#pnBtn {
  width: 100px;
  background-color: #6e2a8f;
  font-weight: 700;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #000;
  padding: 1px 5px;
  margin-top: 3px;
  display: inline-block;
  border-radius: 4px;
  font-size: 10px;
  background: rgba(255, 255, 255, .2) !important;
  cursor: pointer
}

#productDes {
  margin: 0;
  padding: 0;
  font-size: 10px;
  width: 80%
}

#coupn {
  margin-top: 38px
}

#pBcontent {
  margin-top: 5px;
  margin-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

.alertBannerRow {
  display: flex
}

.alertBannerColIcon i {
  font-size: 40px;
  color: #fff;
  margin: 0 auto
}

.alertBannerColIcon {
  width: 15%;
  float: left;
  display: flex;
  align-items: center
}

.alertBannerColIcon img {
  width: 35px;
  height: 35px;
  filter: invert(15)
}

.alertBannerColContent {
  width: 70%;
  float: left;
  text-align: center
}

.alertBannercontent {
  background: #d3d3d3;
  margin: 0 15px;
  padding: 10px;
  border-radius: 15px;
  position: relative;
  border: 1px solid #fff;
  width: 380px
}

.alertBannerColClose {
  width: 15%;
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
  vertical-align: middle
}

#alertBannerBtn .fa-times {
  font-size: 14px;
  font-weight: 200
}

.alertBannercontent .btn-default {
  color: #000;
  background-color: transparent;
  border-color: #000;
  margin: 0 auto;
  padding: 1px 5px
}

.alertBanner h4 {
  text-align: left;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin: 0
}

.subbuttonTargetUrl {
  border: 1px solid #000;
  padding: 1px 5px;
  color: #000;
  margin-top: 3px;
  display: inline-block;
  border-radius: 4px;
  font-size: 10px;
  background: rgba(255, 255, 255, .2) !important;
  cursor: pointer
}

.applyFilterName {
  margin-bottom: 20px
}

@media (min-width:769px) and (max-width:991px) {
  .createButton {
    margin-bottom: 15px;
    margin-top: 10px
  }
}

.filterMenus {
  border-right: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  min-height: 170px;
  border-bottom: 1px solid #ddd
}

.colorWhite {
  color: #fff
}

.footerRights p {
  margin-bottom: 0
}

.footerSocial ul li {
  list-style: none;
  padding: 0 11px;
  float: left;
  margin-top: 7px
}

.footerSocial ul li img {
  width: 20px
}

.footerMoreInfoLinks ul,
.footerSocial ul {
  padding: 0;
  display: inline-block
}

.footerSocial ul {
  margin-bottom: 0
}

.footertopLinks .d-sm-none {
  display: none
}

@media(max-width:746px) {
  .footertopLinks .d-sm-none {
    display: inline-block
  }

  .alertBannercontent {
    width: 100%;
    margin: 0
  }

  .alertBanner {
    width: 100%
  }

  .paymentBanner {
    width: 100%;
    left: 0;
    bottom: 11%
  }
}

@media(max-height:682px) {
  .paymentBanner {
    bottom: 16%
  }
}

@media(max-width:424px) {
  .paymentBanner {
    bottom: 14%
  }
}

@media(max-height:670px) {
  .paymentBanner {
    bottom: 18%
  }
}

@media(max-height:548px) {
  .paymentBanner {
    bottom: 22%
  }
}

@media(max-height:448px) {
  .paymentBanner {
    bottom: 26%
  }
}

#patternBtn {
  right: 8px;
  position: absolute;
  z-index: 0;
  margin-top: 60px
}

.patternBtn .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 40px
}

.patternBtn .slider::before {
  height: 13px;
  width: 13px
}

.patternBtn input:checked+.slider::before {
  transform: translateX(19px)
}

.patternBtn .slider {
  background-image: url(../img/patternOff.svg);
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: right
}

.patternBtn input:checked+.slider {
  background-image: url(../img/patternOn.svg);
  background-color: #6e2c90;
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: left
}

.patternForBig .switch {
  margin-bottom: 0;
  top: 15px
}

.chartPrintForBig .btn-primary {
  background-color: transparent;
  background: none;
  border: medium none;
  color: #6e2c90;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
  padding: 11px 11px 0
}

.chartPrintForBig .btn-default:hover {
  color: unset;
  background-color: unset;
  border-color: unset
}

.chartPrintForBig .fa-print {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 3px
}

.chartShareForBig .btn-primary {
  background-color: transparent;
  background: none;
  border: medium none;
  color: #6e2c90;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
  padding: 11px 0 0 11px
}

.chartShareForBig .btn-primary:active {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none
}

.chartShareForBig .btn-primary:active:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig .shareBtn {
  float: initial
}

.chartShareForBig .dropdown-menu.socialIcanList:before {
  position: absolute;
  bottom: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .2);
  content: ''
}

.chartShareForBig .dropdown-menu.socialIcanList:after {
  position: absolute;
  bottom: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.chartShareForBig.open>.dropdown-toggle.btn-primary {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig.open>.dropdown-toggle.btn-primary:focus,
.chartShareForBig.open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig .socialIcanList>li>a {
  padding: 0
}

span.chartShareForBig.open {
  position: relative
}

.chartShareForBig .socialIcanList {
  left: auto;
  right: 0;
  top: -60px;
  width: 216px
}

.chartPrintForBig .btn-primary:active {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none
}

.chartPrintForBig .btn-primary:active:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartPrintForBig.open>.dropdown-toggle.btn-primary:focus,
.chartPrintForBig.open>.dropdown-toggle.btn-primary:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.chartShareForBig .btn-default:hover {
  color: unset;
  background-color: unset;
  border-color: unset
}

.chartShareForBig .fa-share-alt {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 3px
}

.lockforHolding {
  position: absolute;
  top: 0;
  left: 170px;
  z-index: 99;
  cursor: pointer;
  color: #6e2a8f;
  font-size: 18px;
  font-weight: 700
}

.lockforHolding img {
  width: 22px;
  position: relative;
  top: -3px;
  left: -3px
}

.blurTextforlist {
  filter: blur(6px);
  background: #f2f2f2;
  cursor: pointer
}

.lockforlist {
  position: absolute;
  top: 55px;
  right: 304px;
  z-index: 1;
  color: #6e2a8f;
  font-size: 15px;
  font-weight: 700;
  display: none;
  cursor: pointer
}

.lockforlist.removeSpace {
    right: 135px;
    top: 60px;
}

.lockforlist img {
  width: 25px;
  position: relative;
  top: -3px;
  left: -7px
}

.lockforBG {
  text-align: right;
  position: absolute;
  left: 0;
  right: 0;
  top: 36px;
  margin: 0 auto;
  z-index: 99;
  color: #6e2a8f;
  font-size: 18px;
  font-weight: 700;
  display: none;
  cursor: pointer
}

.lockforBG img {
  width: 25px;
  position: relative;
  top: -2px;
  left: -6px
}

.lockforBG.displayLock,
.lockforlist.displayLock {
  display: block;
  cursor: pointer
}

.blurText {
  filter: blur(3px);
  background: #f2f2f2;
  cursor: pointer
}

.lockUnlockDesk {
  color: #6e2a8f;
  cursor: pointer;
  display: none;
  margin-top: -31px;
  position: absolute;
  right: 0;
  z-index: 999;
  padding: 5px;
  font-size: 16px
}

.updateReport.blurText .viewDetailedReports:hover {
  background-color: #e5e5e5;
  color: #6e2a8f;
  border: 1px solid #6e2a8f
}

.msilogoCss {
  cursor: pointer
}

.filterbtns {
  position: absolute;
  right: 50px;
  top: 10px
}

#node_52_-1,
#node_54_-2,
#node_56_50,
#node_56_51,
#node_56_52,
#node_56_53,
#node_56_54,
#node_56_55,
#node_52_90,
#node_56_56 {
  cursor: pointer
}

.seminarThankDiv {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  margin-left: 8px;
  padding: 10px 0
}

.seminarQueryDiv {
  padding: 30px 0 20px;
  font-style: italic;
  font-size: 13px;
  line-height: 25px;
  color: #333
}

.doNotDisplay {
  display: none
}

.referHeadingLine {
  border-bottom: 1px solid #dcdcdc
}

.referHeadingLine {
  width: 100px;
  text-align: center;
  margin: 0 auto
}

.listFlagDiv {
  position: absolute;
  top: 60px;
  right: 380px
}

.listFlagDiv.removeSpace {
  right: 210px
}

.listFlagDiv img {
  width: 18px;
  margin-left: 10px
}

.listFlagDiv.blurTextforlist img {
  width: 15px;
  margin-left: 25px
}

#exerciseCautionId,
#greenFlagId {
  cursor: pointer
}

.epsDueDiv {
  position: absolute;
  top: 58px;
  right: 210px;
  font-weight: 600;
  font-size: 16px
}

.epsDueDiv.removeSpace {
  top: 11px;
  right: 40px
}

.faqsbannerImg {
  background-image: url(../img/faqsbanner.jpg);
  background-size: cover
}

.faqsContiners #tabs {
  height: 600px;
  overflow: auto
}

.faqsContiners #tabs::-webkit-scrollbar {
  width: 6px
}

.faqsContiners #tabs::-webkit-scrollbar-track {
  background: #f1f1f1
}

.faqsContiners #tabs::-webkit-scrollbar-thumb {
  background: #888
}

.faqsContiners #tabs::-webkit-scrollbar-thumb:hover {
  background: #555
}

.faqssearch {
  width: 100%;
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: center
}

.faqsContiners {
  margin-top: 15px
}

.faqsContiners .list-group-item.active,
.faqsContiners .list-group-item.active:focus,
.faqsContiners.list-group-item.active:hover {
  color: #6e2c90;
  background-color: #fff;
  border-color: #ddd;
  border-left: 3px solid #6e2c90;
  font-weight: 700
}

.faqsContiners .list-group-item {
  border: none;
  border-left: 2px solid #ddd
}

.faqswellContent h4 {
  font-size: 24px
}

.faqswellContent h5 {
  font-size: 18px;
  font-weight: 600 !important
}

.faqswellContent p {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0
}

.tabFaqs::-webkit-scrollbar {
  width: 6px
}

.tabFaqs::-webkit-scrollbar-track {
  background: #f1f1f1
}

.tabFaqs::-webkit-scrollbar-thumb {
  background: #888
}

.tabFaqs::-webkit-scrollbar-thumb:hover {
  background: #555
}

.faqsMenu::-webkit-scrollbar {
  width: 6px
}

.faqsMenu::-webkit-scrollbar-track {
  background: #f1f1f1
}

.faqsMenu::-webkit-scrollbar-thumb {
  background: #888
}

.faqsMenu::-webkit-scrollbar-thumb:hover {
  background: #555
}

.faqsContiners .nav-tabs>li.active>a,
.faqsContiners .nav-tabs>li.active>a:focus,
.faqsContiners .nav-tabs>li.active>a:hover {
  color: #6e2c90;
  background-color: #fff;
  border-color: #ddd;
  border-bottom: none !important;
  border-left: 3px solid #6e2c90;
  font-weight: 700
}

.faqsContiners .nav-tabs>li.active>a,
.faqsContiners .nav-tabs>li>a:hover {
  background: #fff;
  border: none;
  border-left: 3px solid #6e2c90
}

.faqsMenu ul li {
  list-style: none
}

.faqsMenu ul {
  padding-left: 15px
}

.faqsMenu {
  height: 600px;
  overflow: auto
}

.faqswellContent {
  margin-bottom: 50px;
  word-break: break-all
}

.tabFaqs {
  height: 600px;
  overflow: auto
}

.faqsContiners .nav-tabs>li>a {
  border-radius: unset
}

.listHeader {
  padding: 10px 0;
  font-size: 16px
}

.faqsContiners .nav-tabs>li>a::after {
  background: unset
}

.faqsContiners .nav-tabs>li {
  float: initial
}

.faqssearch .input-group {
  width: 100%
}

.faqssearch h4 {
  font-size: 36px;
  color: #000
}

.faqssearch h4 small {
  font-size: 22px;
  padding-top: 10px
}

.epsDueDate-span {
  color: #702c91;
  cursor: pointer
}

.referAndEarnPoints li {
  line-height: 23px;
  margin-bottom: 5px
}

.rETermConditionDiv {
  padding: 15px;
  border-radius: 5px
}

.commentaryFont {
  font-weight: 400 !important
}

.modelTallHeader.commentaryFont p {
  font-size: 16px !important;
  line-height: 1.563em;
  font-weight: 400 !important
}

.modelTallHeader.commentaryFont h4,
h2,
h3,
h1,
h5 {
  line-height: 1.563em;
  font-weight: 400 !important
}

.modelTallHeader.commentaryFont h4 {
  font-size: 19px;
  line-height: 1.563em;
  font-weight: 400 !important
}

.commentaryFont p span {
  font-size: 16px !important;
  line-height: 1.563em;
  font-weight: 400 !important
}

.commentaryFont p span strong {
  font-weight: 400 !important
}

.commentaryFont p em {
  font-size: 16px !important;
  line-height: 1.563em;
  font-weight: 400 !important
}

.marketReportDownload {
  position: absolute;
  width: 130px;
  font-size: 13px;
  right: -55px;
  bottom: 5px;
  z-index: 999
}

#marketoutlook_notes_placeholder .modalPortfolioParaTest {
  width: 90%
}

#marketoutlook_notes_placeholder .modalPortfolioParaTest.noReportLink {
  width: 95%
}

#marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
  width: 90%
}

#marketoutlook_notes_placeholder_4 .modalPortfolioParaTest.noReportLink {
  width: 95%
}

.noReportUrl {
  display: none
}

.mpPerformanceCanvas {
  height: 350px
}

.periodicityBtn {
  float: right
}

.periodicityBtnMob {
  margin: 0 auto;
  display: table;
  padding-bottom: 10px;
  text-align: center;
  z-index: 1024
}

.periodicityBtn .btn,
.periodicityBtnMob .btn {
  border-radius: 2px !important;
  background-color: #fff;
  border: 1px solid #e8e7e7;
  color: #8e8e93;
  font-size: 12px
}

.periodicityBtn .btn.active,
.periodicityBtnMob .btn.active {
  color: #fff;
  background-color: #6f2c91
}

.performaceText {
  color: #8e8e93;
  margin: 5px 20px 20px;
  letter-spacing: .2px;
  margin-left: 17px
}

.labelTwo {
  margin-left: 5px
}

.labelOne::before {
  content: '\25A0';
  color: #A9A9A9;
  font-size: 17px;
  padding-right: 4px;
  vertical-align: bottom
}

.labelTwo::before {
  content: '\25A0';
  color: #6e2a8f;
  font-size: 17px;
  padding-right: 4px;
  vertical-align: bottom
}

.chartInfoRow {
  margin-left: -15px;
  padding: 25px 15px 0
}

.chartInfoHead {
  color: #2f363f;
  font-size: 18px;
  font-weight: 600;
  margin-top: 2px
}

.textBlack {
  color: #2f363f;
  font-size: 15px
}

.textBlackMob {
  color: #2f363f;
  font-size: 15px;
  margin-right: -15px
}

.niftyText {
  color: #A9A9A9;
  font-weight: 700;
  font-size: 15px
}

.msiText {
  color: #6e2a8f;
  font-weight: 700;
  font-size: 15px
}

.valueGreen {
  color: #19af55 !important;
  font-weight: 900;
  font-size: 13px
}

.valueRed {
  color: red !important;
  font-weight: 900;
  font-size: 13px
}

.smallCasePremium {
  display: none
}

.smallCaseDiv {
  position: absolute;
  top: 57px;
  right: 40px
}

.smallBuyBtn,
.smallBuyBtn:hover {
  background: #43AC6A;
  color: #fff;
  padding: 1px 10px;
  border-radius: 12px !important
}

.smallSellBtn,
.smallSellBtn:hover {
  background: #e43434;
  color: #fff;
  padding: 1px 10px;
  border-radius: 12px !important
}

.asiIconModel {
  width: 42px;
  margin-top: -5px;
  border-radius: 121px;
  cursor: pointer z-index:999
}

#ideaListsPage .ui-widget-content {
  background: #fff !important;
  color: #333 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  border: none !important;
  padding: 3px 8px !important
}

.placeOrderDiv2.asiWeightage {
  border-bottom: none
}

.asiSpan {
  display: inline-block;
  width: 140px
}

.headingDiv1 {
  margin: -15px 0 10px
}

.headingDiv2 {
  margin: 0 0 10px
}

.asiIcons {
  width: 33px;
  margin-top: 0;
  border-radius: 0
}

@-moz-keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

@keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: .9
  }

  100% {
    opacity: 1
  }
}

.asiIcons {
  -moz-animation: blink normal 2s infinite ease-in-out;
  -webkit-animation: blink normal 2s infinite ease-in-out;
  -ms-animation: blink normal 2s infinite ease-in-out;
  animation: blink normal 2s infinite ease-in-out
}

#asiicon .tooltip-inner {
  width: 200px
}

#idea_lists_placeholder .panel-default:nth-child(1) .panel-title {
  width: 195px
}

#idea_lists_placeholder .panel-default:nth-child(2) .panel-title {
  width: 195px
}

.actionDiv {
  position: relative
}

.btn-actionDiv {
  position: absolute;
  right: 0;
  top: -43px
}

.btn-actionDiv .btn {
  padding: 2px 3px 0
}

.placeOrderBody .radio input[type="radio"],
.placeOrderBody .radio-inline input[type="radio"] {
  margin-top: 1px
}

.placeOrderBody .checkbox-inline,
.placeOrderBody .radio-inline {
  padding-left: 40px
}

.placeOrderDiv1 {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px
}

.placeOrderDiv2 {
  padding: 20px 0;
  border-bottom: 1px solid #dcdcdc
}

.placeOrderDiv3 {
  padding: 20px 15px 0
}

.priceText-op {
  color: #6e2a8f;
  font-weight: 600
}

.activeHeader {
  background: #6e2a8f;
  color: #fff
}

.orderTable thead tr th:nth-child(2),
.orderTable thead tr th:nth-child(3) {
  text-align: right
}

.orderTable tbody tr td:nth-child(2),
.orderTable tbody tr td:nth-child(3) {
  text-align: right
}

#orderTableId_length {
  display: none
}

#orderTableId_paginate {
  font-size: 12px;
  float: none;
  text-align: center;
  padding-top: 15px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: .25em 0.5em !important
}

.placeOrderDiv3 table.dataTable tbody th,
.placeOrderDiv3 table.dataTable tbody td {
  border-bottom: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  outline: 0
}

.placeOrderDiv1 span {
  margin-left: -18px;
  margin-right: 15px
}

.errorMsgInvestment {
  margin-left: 145px;
  margin-top: 5px;
  font-size: 12px;
  color: red
}

.panel-default>.panel-heading {
  position: relative
}

#orderTableId thead {
  display: table;
  width: 100%;
  table-layout: fixed
}

.orderTable tbody tr td:first-child a {
  white-space: nowrap;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

#orderTableId tbody {
  display: block;
  max-height: 250px;
  overflow-y: scroll
}

#evaluationBulkBlockDeals .sticky-col {
  width: 400px
}

#orderTableId tbody tr {
  background-color: #fff;
  display: table;
  width: 100%;
  table-layout: fixed
}

.moreSpan {
  float: right;
  display: none
}

.noMenuDisplay {
  display: none
}

.showMoreMenu {
  display: block;
  z-index: 1024;
  padding: 8px;
  position: absolute;
  margin-top: -40px;
  font-size: 16px;
  cursor: pointer;
  color: #6e2a8f
}

.tab-content.mpCommentries {
  padding: 20px 0 0 0
}

.holidayAlert {
  padding: 5px 75px;
  background: #E9EEF0 !important;
  display: none
}

.holidayAlert .alert-dismissible {
  margin-bottom: 0;
  padding: 15px 25px
}

.holidayAlert .alert-dismissible .close {
  position: relative;
  top: -12px;
  right: -15px;
  color: inherit;
  opacity: 1
}

.alert-holiday {
  background: #fff;
  border-color: #702C91;
  color: #702C91
}

#confirmBox {
  z-index: 2048
}

.ch-EmptyHeading {
  font-size: 16px;
  padding: 25px;
  line-height: 137%
}

#currentHoldingListEmpty {
  background-color: #fff;
  margin: 7px
}

#currentHoldingsEmpty {
  background-color: #fff;
  margin: 7px;
  padding: 15px 40px
}

#currentHoldingsEmpty .ch-EmptyImg img {
  padding: 5px 12px;
  width: 80%
}

.checklistFilter {
  text-transform: uppercase
}

.informationAP .tooltip-inner {
  width: 80px
}

.popover.top>.arrow:after {
  border-top-color: #444447 !important
}

.popover.bottom>.arrow:after {
  border-bottom-color: #444447 !important
}

.joyride-tip-guide {
  background: #444447;
  color: #fff !important
}

.btn-prev,
.btn-prev:hover {
  color: #fff !important;
  background-color: #d9534f !important;
  border-color: #d43f3a !important
}

.popover-navigation .btn-primary.focus,
.popover-navigation .btn-primary:focus {
  color: #fff;
  background-color: #79389c;
  border-color: #79389c
}

.hideAutoPortfolio {
  display: none
}

.informationEvaluation.informationAP {
  font-size: 20px
}

.popover-content {
  padding: 20px 15px 5px 15px !important
}

.joyride-close-tip:hover,
.joyride-close-tip:focus {
  color: #eee !important
}

.joyride-close-tip {
  position: absolute;
  right: 10px;
  top: 10px;
  text-decoration: none;
  font-size: 18px;
  color: #eee;
  font-weight: 700;
  border-bottom: none !important;
  cursor: pointer
}

.autoInvestor-li {
  margin-top: 15px
}

.autoInvestor-heading {
  font-size: 15px;
  font-weight: 400
}

.autoInvestor-li li {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 300;
  line-height: 175%
}

.autoInvestor-li ul>li>b {
  font-size: 15px;
  font-weight: 400
}

.autoInvestor-li ul {
  list-style-type: none
}

#loadMoreTodayAlerts,
#loadMoreRecentAlerts {
  text-align: right;
  text-decoration: underline
}

.todayPortfolio-cash {
  font-weight: 600;
  font-size: 16px
}

.investStockDiv {
  color: #666;
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 20px
}

.hideSearch {
  display: none
}

#mpChartLoader,
#apChartLoader {
  margin-bottom: -167px;
  margin-top: 15px
}

.investing-video-container {
  font-family: 'Ubuntu', sans-serif
}

.mob-video-title {
  padding: 15px 0;
  border-bottom: 1px solid #f4f4f6;
  padding: 10px 0;
  position: relative
}

.subscriptionpsi-div {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px
}

.subscriptionpsi {
  display: inline-flex
}

.subscriptionpsi a.button h4 {
  font-size: 12px;
  margin: 2px 0
}

.subscriptionpsi a.button h2 {
  margin: 0;
  font-size: 20px
}

.subscriptionpsi a.button h3 {
  margin: 0;
  font-size: 14px
}

.subscriptionpsi a.button .disountpsiamount {
  background-color: orange;
  color: #fff;
  display: inline-block;
  padding: 1px 10px;
  border-radius: 4px;
  margin-top: 3px;
  font-size: 15px
}

.subscriptionpsi a.button .disountpsi {
  font-size: 14px;
  margin: 0 0;
  text-decoration: line-through
}

.subscriptionpsi a {
  padding: 5px;
  width: 235px
}

.plansSubDetails small {
  font-size: 10px
}

.subscriptionpsitab {
  align-items: center;
  display: flex;
  border: 1px solid #702C91;
  border-radius: 10px;
  margin: 0 10px;
  cursor: pointer
}

.subscriptionpsitab.active {
  background-color: #5F7D8C;
  font-weight: 500;
  color: #fff
}

.subscriptionpsitab.active .button {
  color: #fff
}

.mob-panel .mob-video-title:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.mob-video-title img {
  width: 25px;
  margin-right: 10px
}

.mob-video-title a {
  font-size: 16px;
  color: #626A7B;
  line-height: 1.5;
  letter-spacing: .004em;
  white-space: nowrap;
  width: 83%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

.mob-video-date {
  position: absolute;
  font-size: 12px;
  color: #c1c1c1;
  left: 36px;
  top: 32px
}

.mob-video-title a:hover {
  color: #454f63 !important
}

.mob-video-title span {
  position: relative;
  top: -10px
}

.mob-video-div .panel-group {
  margin-bottom: 0
}

.mob-panel {
  margin-top: -40px
}

.panel-heading-close {
  padding: 20px 15px !important;
  background-color: #eaecf0 !important;
  color: #5f6879 !important
}

.panel-heading-open {
  padding: 20px 15px !important;
  background-color: #eaecf0 !important;
  color: #5f6879 !important
}

.investingDiv-margin {
  padding-top: 150px
}

.investingDiv-margin-inv {
  padding-top: 200px
}

#learningVideos {
  padding-bottom: 30px
}

.sticky {
  position: fixed;
  top: 70px;
  width: 80%;
  z-index: 1024
}

.investing-video-card {
  margin-top: -50px;
  border-radius: 4px;
  background-color: #F7F7FA !important;
  padding: 0 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16) !important
}

.video-hdr {
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.11;
  color: #454f63;
  padding: 30px;
  padding-left: 0;
  padding-bottom: 10px
}

.video-hdr::after {
  background-color: #FF9835;
  content: "";
  display: block;
  width: 30px;
  height: 0;
  border: solid 1.5px #ff9835;
  margin-top: 10px !important
}

.investing-video-menu li {
  float: left;
  text-decoration: none;
  list-style: none;
  padding: 10px 20px;
  margin-right: 40px
}

.investing-video-menu {
  display: inline-block;
  padding-left: 0;
  background-color: #60697A;
  width: 100%
}

.investing-video-menu li a {
  color: #E5E6E9;
  font-size: 18px
}

.investor-heading {
  color: #ff9835;
  font-size: 16px;
  font-weight: 500;
  margin-left: 60px
}

.investorDiv {
  padding: 15px 80px
}

.investorDiv a {
  color: #626A7B;
  font-size: 15px;
  margin-left: 10px;
  text-decoration: underline !important
}

.investorDiv a:hover {
  color: #454f63 !important
}

.investorDiv img {
  width: 25px;
  position: relative;
  top: -8px
}

.video-title {
  padding: 10px 0
}

.video-hr {
  margin-left: 50px;
  margin-right: 100px;
  margin-top: 25px;
  margin-bottom: 40px;
  color: #78849e
}

.video-frame-header {
  position: relative;
  top: -2px;
  left: 5px;
  font-size: 17px;
  font-weight: 500;
  color: #ff9835
}

.investingVideoModal-header {
  background-color: #fff
}

#investingVideoModal .modal-body {
  padding: 0
}

#investingVideoModal .close {
  color: #ff9835;
  opacity: 1;
  font-size: 36px;
  font-weight: 500
}

.investingVideo-dialog {
  width: 800px
}

.investingVideoModal-footer {
  background-color: #78849e;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  height: 88px;
  vertical-align: middle;
  display: grid
}

.premium-badge {
  background-color: #F7E0B5;
  color: #673AB7;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding: 18px 20px;
  border-radius: 0 0 50px 50px;
  display: block;
  margin: -25px -25px 25px -25px;
  height: 60px;
}


.investing-video-desp {
  text-align: center;
  color: #E5E6E9;
  font-size: 20px;
  position: relative;
  top: 4px
}

.prev-span {
  position: absolute;
  left: 15px;
  z-index: 1024;
  bottom: 20px
}

.next-span {
  position: absolute;
  right: 10px;
  bottom: 20px;
  z-index: 1024
}

.video-title {
  padding: 10px 0;
  position: relative
}

.video-title a {
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer
}

.videoDate {
  position: absolute;
  font-size: 12px;
  color: #c1c1c1;
  left: 36px;
  top: 32px
}

.masterScoreFilterIOS {
  margin-top: 50px
}

.marketConditionHistory-subIcon {
  margin-top: 260px;
  left: -109px
}

.marketConditionHistory-subIcon:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.marketConditionHistory-subIcon:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: -197px
}

.infoIcon {
  cursor: pointer
}

.infoHeaders {
  background-color: #f2f2f2;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 10px !important;
  font-weight: 600
}

.infoHeaders a {
  font-size: 12px
}

.infoHeaders h4 {
  font-size: 15px !important;
  padding-left: 10px !important;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-top: 4px !important;
  font-weight: 700
}

.history-infoIcon {
  margin-left: 7px;
  position: relative;
  top: 3px
}

.stocks-tables {
  padding-left: 0;
  padding-right: 0
}

.linkMyProfile {
  color: #337ab7 !important;
  text-decoration: underline !important;
  font-size: 12px !important;
  position: relative;
  top: 3px
}

.btn-renew {
  background-color: #FF9835;
  color: #fff;
  padding: 8px 52px;
  text-transform: uppercase;
  font-size: 14px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  font-weight: 400;
  width: 200px
}

.btn-renew:hover {
  color: #fff;
  background-color: #FD932C
}

.renewDiv .btn:active {
  box-shadow: unset
}

.premiumDiv .btn:active {
  box-shadow: unset
}

.premiumGuestDiv .btn:active {
  box-shadow: unset
}

.renewDiv {
  margin: 12px 0
}

.premiumDiv {
  margin-top: -30px;
  margin-bottom: 20px
}

.premiumGuestDiv {
  margin-top: 0;
  margin-bottom: 20px
}

.historyBtn {
  padding: 2px 8px;
  background: transparent;
  border: solid 1px #6e2991;
  color: #6b2391;
  border-radius: 18px !important;
  margin-top: 0
}

.viewHistorycont {
  background-color: #f2f2f2;
  text-align: initial
}

.viewHistorycont .performanceHeading {
  text-align: right
}

.historyBtn:hover {
  background: #fff;
  border: solid 1px #ccc !important;
  color: #000 !important
}

.userProfileDesk {
  margin-top: -80px
}

.userProfile-container {
  background-color: #F7F7FA;
  padding-top: 10px;
  padding-bottom: 30px
}

#userProfile .introInnerHeader {
  padding-bottom: 115px
}

.userDetailsDesk h4 {
  font-size: 24px;
  font-weight: 600;
  color: #424242;
  line-height: 1
}

.user-name-desk {
  margin-top: 18px;
  margin-bottom: 15px
}

.userDetailsDesk p {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  line-height: 1.25
}

.editRiskProfiler {
  margin-top: -40px
}

.editRiskProfiler a {
  cursor: pointer
}

.advisoryCard {
  padding: 20px 20px 80px 20px
}

.advisoryHeader {
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.11;
  color: #666;
  margin-left: 20px;
  margin-top: 15px
}

.advisoryHeader::after {
  background-color: #FF9835;
  content: "";
  display: block;
  width: 30px;
  height: 0;
  border: solid 1.5px #ff9835;
  margin-top: 10px
}

.advisoryImage {
  margin-top: 30px;
  margin-left: 35px
}

.memberDiv {
  font-size: 12px;
  color: #999;
  margin-top: 10px
}

.user-mob-desk {
  margin-bottom: 50px
}

.memberDays {
  border: orange solid 3px;
  border-radius: 50%;
  width: 30%;
  margin: 0 auto;
  padding: 28px;
  background-color: #fafafa;
  display: table
}

.memberDays h2 {
  font-size: 36px;
  line-height: 1.22;
  color: #5f7d8c;
  padding: 5px;
  font-weight: 700;
  margin: 0 auto;
  display: table
}

.textMemberDays {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.33;
  color: #757575;
  margin: 0 auto;
  display: table
}

.memberDuration {
  font-size: 24px;
  font-weight: 600;
  line-height: 3.29;
  color: #5f7d8c
}

.expiryTime {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  color: #666
}

.subscriptionBox {
  padding: 14px !important
}

.transactionHdr {
  margin: 8px 0 20px 0
}

.subscriptionHdr {
  margin-bottom: 20px
}

.transactionTbody {
  height: 239px;
  overflow: auto;
  display: inline-block;
  width: 100%;
  overflow-x: hidden
}

.petransactionTbody {
  max-height: 239px;
  overflow: auto;
  display: inline-block;
  width: 100%;
  overflow-x: hidden
}

.transactionTable {
  display: block
}

.transactionTable thead {
  display: block
}

.transactionTable tr {
  display: table;
  width: 100%
}

.reportAccessRow {
  margin: 50px 0 28px;
  text-align: center
}

.reportAccessHead {
  font-size: 16px;
  font-weight: 400;
  color: #666
}

.reportAccessText {
  font-size: 20px;
  font-weight: 700;
  color: #666
}

.pegeneratedReportRow {
  margin: 25px 0
}

.indiaModelPortfolio.market-condition-heading {
  background-color: transparent;
  border-bottom: none;
  padding-left: 0
}

.market-condition-heading h4 {
  font-size: 22px;
  font-weight: 300;
  color: #444
}

#marketConditionHist .footerGap,
#userProfile .footerGap {
  height: 0px !important
}

.market-condition-status .table td {
  border-top: 1px solid #EDEDF0
}

.mktTable {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
  background: #fff
}

.market-condition-status thead {
  margin-top: 10px
}

.market-condition-status td {
  background-color: #fff;
  font-size: 14px;
  color: #666;
  font-weight: 300
}

.market-condition-status .thead-light th {
  background-color: #EFF1F8;
  border: none;
  font-weight: 600;
  font-size: 14px;
  color: #666
}

.market-condition-status td img {
  width: 12%;
  margin: 0 auto;
  text-align: center
}

.mktTable {
  padding-left: 15px;
  padding-right: 15px
}

.tbl-pad {
  padding-top: 20px;
  padding-bottom: 1px
}

.legend-box {
  background-color: #fff;
  padding: 1px 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
  margin: 0 0 0 0
}

.market-condition-status .table>tbody>tr>td {
  padding: 16px
}

.market-condition-status ul {
  margin: 0;
  padding: 0 0
}

.market-condition-status ul li {
  list-style: none
}

.market-condition-status ul li img {
  width: 8%
}

.market-condition-status ul li span {
  color: #555;
  padding-left: 10px;
  font-weight: 300
}

.subscription-iframe {
  height: 1015px;
  width: 100%
}

.signup-iframe {
  height: 752px;
  width: 100%
}

.home-iframe {
  height: 902px;
  width: 100%
}

.newHome-iframe {
  width: 100%
}

.autoPortfolio-iframe {
  height: 740px;
  width: 100%
}

.currentHoldingMPChartTableFont {
  font-size: 14px;
  color: gray
}

.mrgnInr {
  margin-right: 3px
}

.dontshow-sale-text-Desktop {
  position: absolute;
  bottom: 5%;
  left: 16%;
  color: #6e2a8f
}

.dontshow-sale-bannerDesktop {
  position: absolute;
  bottom: 5%;
  left: 14%;
  zoom: 1.6
}

.mpChartBtn,
.mpChartBtn:hover,
.mpChartBtn:active,
.mpChartBtn:focus {
  border-radius: 18px !important;
  background: #fff !important;
  border: solid 1px #E58730 !important;
  color: #E58730 !important;
  margin-left: 3px;
  font-size: 12px;
  margin-top: -3px
}

.modelPortfoliotext {
  margin-top: 15px
}

.myPortfolioSymbol:hover,
.alertSymbol:hover,
.userListSymbol:hover {
  color: #333
}

#referFriendOverlayDailogDesktop .modal-content {
  background-color: transparent
}

#subscriptionOverlayDailogDesktop .modal-content {
  background-color: transparent
}

.customSlids .card {
  margin-bottom: 0
}

.loadMoreVideo {
  background-color: #d9d9d9;
  padding: 10px 25px;
  border-radius: 17px;
  color: #333;
  font-weight: 600
}

.introInnerHeader.video-block {
  padding-bottom: 0;
  padding-top: 0
}

.VediosDiv .nav-tabs {
  border-bottom: 0 solid #ddd
}

.VediosDiv .nav-tabs>li {
  float: left;
  margin-bottom: -1px;
  padding: 10px 10px
}

.VediosDiv .nav-tabs>li.ideaListNav {
  float: right
}

.VediosDiv .nav-tabs>li.active>a,
.VediosDiv .nav-tabs>li.active>a:focus,
.VediosDiv .nav-tabs>li.active>a:hover {
  border-width: 0
}

.VediosDiv .nav-tabs>li>a {
  background: #f1f1f1;
  border: none !important;
  color: #333;
  border-radius: 20px !important;
  padding: 10px 15px;
  font-size: 12px !important;
  line-height: 92%
}

.VediosDiv .nav-tabs>li.active>a {
  background: #6e2a8f !important;
  border: none !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 10px 15px;
  font-size: 12px !important;
  line-height: 92%
}

.VediosDiv .nav-tabs>li>a:hover {
  background: #6e2a8f;
  border: none !important;
  color: #fff;
  border-radius: 20px !important;
  padding: 10px 15px;
  font-size: 12px !important;
  line-height: 92%
}

.VediosDiv .nav-tabs>li>a::after {
  background: #6e2a8f;
  bottom: -1px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  transform: none;
  transition: none;
  width: 100%;
  color: #fff;
  font-size: 12px !important;
  border-radius: 10px !important
}

.VediosDiv .nav-tabs>li.active>a::after,
.VediosDiv .nav-tabs>li:hover>a::after {
  transform: scale(1)
}

.VediosDiv .tab-nav>li>a::after {
  background: #21527d none repeat scroll 0 0;
  color: #fff
}

.custom-tab-menu {
  float: left;
  width: 100%;
  clear: both
}

.custom-tab-menu ul {
  width: 100%;
  margin: 0 auto;
  padding: 0 10%
}

.msi-vedios-clear-fix {
  clear: both
}

.video-container {
  margin: 0 auto;
  position: relative
}

.btn-custom-previous {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: -40px;
  color: #999;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 21px
}

.btn-custom-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -40px;
  color: #999;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 21px
}

.custom-block-2,
.custom-block-3 {
  height: 112px
}

.inputEdit {
  width: 100px;
  display: inline-block;
  padding: 2px 15px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.textareaEdit {
  height: 26px;
  width: 100px
}

.msiVedioTabpanes .tab-content {
  padding: 20px 100px
}

.msiVedioTabpanes .card .img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  background-color: #333;
  opacity: .6
}

.msiVedioTabpanes .videoIcon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  margin: auto 0;
  vertical-align: middle;
  display: table;
  font-size: 36px;
  cursor: pointer
}

.msiVedioTabpanes .videoIcon img {
  width: 15%
}

.msiVedioTabpanes .card .img-overlay:before {
  content: ' ';
  display: block;
  height: 36%
}

.msiVedioTabpanes {
  background-color: #f2f2f2
}

.msiVedioTabpanes .card {
  font-size: 1em;
  overflow: hidden;
  padding: 0;
  border: none;
  border-radius: .28571429rem;
  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5
}

.msiVedioTabpanes .card-block {
  font-size: 1em;
  position: relative;
  margin: 0;
  padding: 1em;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, .1);
  box-shadow: none;
  height: 70px
}

.msiVedioTabpanes .card-img-top {
  display: block;
  width: 100%;
  height: auto
}

.msiVedioTabpanes .text-bold {
  font-weight: 700;
  text-align: center
}

.insvestortxt {
  margin-bottom: 20px;
  margin-left: 14px
}

.insvestortxt h5 {
  font-weight: 600;
  color: #6e2a8f
}

.msiAppOverlay {
  background-color: #e5e5e5
}

.msiAppOverlay .boxContainer {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  padding: 0;
  margin: 10px
}

.msiAppOverlay .carousel-control.left {
  background-image: none
}

.msiAppOverlay .carousel-control.right {
  background-image: none
}

.msiAppOverlay .carousel-indicators li {
  border: 1px solid #6e2a8f
}

.msiAppOverlay .carousel-control .glyphicon-chevron-right,
.msiAppOverlay .carousel-control .icon-next {
  color: #6e2a8f
}

.msiAppOverlay .carousel-control .glyphicon-chevron-left,
.msiAppOverlay .carousel-control .icon-next {
  color: #6e2a8f
}

.msiAppOverlay .carousel-indicators {
  bottom: 15px
}

.msiAppOverlay .carousel-caption {
  padding-bottom: 72px;
  text-shadow: none;
  cursor: pointer
}

.msiAppOverlay .carousel-indicators .active {
  background-color: #6e2a8f
}

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

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

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

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito", sans-serif
}

.topnav {
  font-size: 14px;
  padding-top: 0
}

.negativeValue {
  color: #de32ae !important;
  font-size: 15px;
  font-weight: 600
}

.nooffundsnval {
  color: #de32ae !important;
  font-weight: 700
}

.volOne {
  font-size: 17px
}

.backArrow {
  margin-top: 10px;
  padding-left: 10px
}

.transactionHistoryHead {
  padding-right: 100px
}

.cupImg {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 30px
}

.internationalPayments {
  pointer-events: none;
  opacity: .6
}

.positiveValue {
  color: #5160f9 !important;
  font-size: 15px;
  font-weight: 600
}

.nooffundspval {
  color: #5160f9 !important;
  font-weight: 700
}

.iosAppInfo {
  margin-top: 20px;
  color: #000;
  font-size: 12px;
  font-weight: 300;
  margin-left: -20px !important
}

.userInformationDivMobilerow {
  display: flex;
}

.mobMargin {
  text-align: center;
}

.userInformationDivMobileColDis .userInformation {
  padding-left: 0;
  word-break: break-all;
}

.userInformationDivMobileColDis .userInformation p {
  word-break: break-all;
  width: 100%;
}

.subIconAlertBox_55_23 {
  margin-top: 100px
}

.subIconAlertBox_55_23:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_23:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 219px
}

.subIconAlertBox_55_24 {
  margin-top: 102px
}

.subIconAlertBox_55_24:before {
  bottom: 100%;
  left: 48%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_24:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_55_25 {
  margin-top: 100px
}

.subIconAlertBox_55_25:before {
  bottom: 100%;
  left: 51%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_25:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 204px
}

.subIconAlertBox_55_22 {
  margin-top: 103px;
  margin-right: 306px
}

.subIconAlertBox_55_22:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 26px;
  z-index: 999
}

.subIconAlertBox_55_22:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 54px;
  border-right-width: 15px;
  border-bottom-width: 46px;
  border-left-width: 15px;
  margin-left: 206px
}

.subIconAlertBox_55_21 {
  margin-top: 110px
}

.subIconAlertBox_55_21:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_55_21:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_55_20 {
  margin-top: 110px
}

.subIconAlertBox_55_20:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_55_20:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_55_15 {
  margin-top: 110px
}

.marketoutlookContiner {
  background-color: #e9eef0;
  padding: 20px 0
}

.marquee {
  margin-left: 20px
}

.newslettersSubBtn {
  color: #fff;
  background: #FF9835;
  border-color: #FF9835
}

.newslettersSubBtn:hover {
  color: #fff;
  background: #FF9835
}

.btn-primary:active {
  color: #fff;
  background-color: #FF9835;
  border-color: #FF9835
}

.marketoutlookContiner .pageHeading h4 {
  margin-top: 0
}

.subIconAlertBox_55_15:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_55_15:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_52_67 {
  margin-top: 108px;
  left: 51px
}

.subIconAlertBox_52_67:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.viewHistoryMob {
  background-color: #f5f5f5;
  padding: 10px 10px;
  margin-bottom: 10px
}

.stocksScroll {
  background-color: transparent;
  padding: 1px 0 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  height: 23px;
  display: none
}

.subIconAlertBox_52_67:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_66 {
  margin-top: 108px;
  left: 22px
}

.subIconAlertBox_52_66:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_66:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.modalWithAd .subIconAlertBox_52_66:before {
  margin-left: 238px
}

.subIconAlertBox_52_81 {
  margin-top: 108px;
  left: 29px
}

.subIconAlertBox_52_81:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_81:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_82 {
  margin-top: 108px;
  left: 33px
}

.subIconAlertBox_52_82:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_82:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_83 {
  margin-top: 108px;
  left: 31px
}

.subIconAlertBox_52_83:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_83:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.modalWithAd .subIconAlertBox_52_83:before {
  margin-left: 240px
}

.subIconAlertBox_52_84 {
  margin-top: 108px
}

.subIconAlertBox_52_84:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_84:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 225px
}

.modalWithAd .subIconAlertBox_52_84:before {
  margin-left: 185px
}

.subIconAlertBox_52_85 {
  margin-top: 108px
}

.subIconAlertBox_52_85:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_85:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 225px
}

.modalWithAd .subIconAlertBox_52_85:before {
  margin-left: 185px
}

.subIconAlertBox_52_86 {
  margin-top: 108px
}

.subIconAlertBox_52_86:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.msihomefooterLogo img {
  width: 350px;
  margin-bottom: 24px;
}

.msihomefooterSocial small {
  color: #5b5b5b;
  font-size: 16px;
}

.text-center small {
  display: block;
}

.msihomefooterSocial ul {
  padding: 0;
  display: inline-block;
  margin-bottom: 0;
}

.msihomefooterSocial ul li {
  list-style: none;
  padding: 0 15px;
  float: left;
  margin-top: 7px;
}

.msihomefooterSocial ul li:first-child {
  padding-left: 0;
}

.msihomefooterSocial ul li a {
  color: #7e7e7e;
  font-size: 24px;
}

.subIconAlertBox_52_86:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 221px
}

.modalWithAd .subIconAlertBox_52_86:before {
  margin-left: 181px
}

.subIconAlertBox_52_87 {
  margin-top: 108px
}

.subIconAlertBox_52_87:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_87:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 216px
}

.modalWithAd .subIconAlertBox_52_87:before {
  margin-left: 176px
}

.subIconAlertBox_52_88 {
  margin-top: 108px
}

.subIconAlertBox_52_88:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_88:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 232px
}

.modalWithAd .subIconAlertBox_52_88:before {
  margin-left: 193px
}

.subIconAlertBox_52_89 {
  margin-top: 108px
}

.subIconAlertBox_52_89:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_89:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 237px
}

.modalWithAd .subIconAlertBox_52_89:before {
  margin-left: 197px
}

.subIconAlertBox_52_91 {
  margin-top: 108px
}

.subIconAlertBox_52_91:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_91:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 254px
}

.modalWithAd .subIconAlertBox_52_91:before {
  margin-left: 197px
}

.subIconAlertBox_52_92 {
  margin-top: 108px
}

.subIconAlertBox_52_92:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_92:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 216px
}

.modalWithAd .subIconAlertBox_52_92:before {
  margin-left: 197px
}

.subIconAlertBox_58_71 {
  margin-top: 108px
}

.subIconAlertBox_58_71:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_71:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 220px
}

.subIconAlertBox_58_72 {
  margin-top: 108px
}

.subIconAlertBox_58_72:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_72:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 225px
}

.subIconAlertBox_58_73 {
  margin-top: 108px
}

.subIconAlertBox_58_73:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_73:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 253px
}

.subIconAlertBox_58_74 {
  margin-top: 108px
}

.subIconAlertBox_58_74:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_74:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 213px
}

.subIconAlertBox_58_75 {
  margin-top: 108px
}

.subIconAlertBox_58_75:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_58_75:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 201px
}

.subIconAlertBox_52_65 {
  margin-top: 108px
}

.subIconAlertBox_52_65:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_65:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 211px
}

.modalWithAd .subIconAlertBox_52_65:before {
  margin-left: 171px
}

.subIconAlertBox_52_64 {
  margin-top: 108px
}

.subIconAlertBox_52_64:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_64:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 251px
}

.modalWithAd .subIconAlertBox_52_64:before {
  margin-left: 211px
}

.subIconAlertBox_52_63 {
  margin-top: 108px;
  left: 24px
}

.subIconAlertBox_52_63:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_63:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.modalWithAd .subIconAlertBox_52_63:before {
  margin-left: 239px
}

.subIconAlertBox_52_62 {
  margin-top: 108px;
  left: 36px
}

.subIconAlertBox_52_62:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_62:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_61 {
  margin-top: 108px;
  left: 10px
}

.subIconAlertBox_52_61:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_61:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 269px
}

.subIconAlertBox_52_19 {
  margin-top: 110px
}

.subIconAlertBox_52_19:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_19:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 207px
}

.subIconAlertBox_52_17 {
  margin-top: 110px
}

.subIconAlertBox_52_17:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_17:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 211px
}

.subIconAlertBox_52_16 {
  margin-top: 110px
}

.subIconAlertBox_52_16:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_52_16:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 212px
}

.modalWithAd .subIconAlertBox_52_16:before {
  margin-left: 173px
}

.subIconAlertBox_51_9 {
  margin-top: 110px
}

.subIconAlertBox_51_9:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_9:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 214px
}

.subIconAlertBox_51_8 {
  margin-top: 110px
}

.subIconAlertBox_51_8:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_8:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 223px
}

.subIconAlertBox_51_7 {
  margin-top: 110px
}

.subIconAlertBox_51_7:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_7:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 222px
}

.subIconAlertBox_51_6 {
  margin-top: 110px
}

.subIconAlertBox_51_6:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_51_6:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 197px
}

.subIconAlertBox_56_93 {
  margin-top: 110px
}

.subIconAlertBox_56_93:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  top: 20px;
  z-index: 999
}

.subIconAlertBox_56_93:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #f5f5f5;
  border-top-width: 70px;
  border-right-width: 15px;
  border-bottom-width: 70px;
  border-left-width: 15px;
  margin-left: 197px
}

.dontShowDiv {
  float: left
}

.dontShowText {
  color: #6e2a8f;
  font-weight: 400;
  padding-right: 10px;
  font-size: 14px;
  padding-left: 5px
}

.dontShowinput {
  zoom: 1.5;
  margin-top: 0;
  position: absolute;
  margin-right: 10px
}

.dontShowlabel {
  margin-right: 18px;
  margin-top: 14px
}

.iosAppInfo ul {
  margin-left: -20px !important
}

.iosAppInfo p {
  font-weight: 400
}

.stockNotSupport {
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  color: #6e2a8f !important
}

.stockNotSupportHide {
  display: none
}

.autoSelectAnchor {
  cursor: pointer
}

.webautoSelect {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  height: auto;
  padding: 10px;
  position: relative
}

.webSearchAutoHdrDiv {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  height: auto;
  padding: 10px;
  position: relative;
  width: 26.5%;
  margin-left: 508px
}

.frequentSearch {
  margin-top: 20px
}

.frequentContent {
  cursor: pointer;
  float: left;
  border: solid 1px #dcdcdc;
  border-radius: 3px;
  padding: 2px 6px;
  margin: 3px
}

.frequentContent a {
  color: #333;
  font-size: 11px;
  font-weight: 300
}

.frequenthdr {
  text-align: left;
  margin-top: 30px;
  margin-bottom: 5px;
  color: #702c91
}

.searchHdr {
  margin-top: 60px;
  text-align: left
}

.keysRow {
  margin-left: 0
}

.frequentKey {
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 5px
}

.Custom-Web-Search {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
  padding: 0;
  margin: 0 auto;
  z-index: 1036
}

.searchContainer {
  height: 450px;
  background: #fbfbfb
}

.Custom-Web-Search input {
  border: 0 none;
  box-shadow: none;
  font-size: 16px;
  height: 40px;
  padding: 0;
  width: 240px;
  padding-left: 10px
}

.webSearchIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: lightgray;
  cursor: default
}

.contentSearch p {
  font-size: 15px;
  margin-bottom: 0
}

.contentSearch small {
  font-size: 15px
}

.resultdate {
  font-size: 10px !important;
  color: #666
}

.contentSearch h5 {
  margin-bottom: 8px
}

.webSearchCommentary h5:hover {
  text-decoration: underline
}

.contentSearch h4 {
  font-size: 20px;
  font-weight: 400
}

.contentSearch h5 {
  font-size: 18px;
  font-weight: 400
}

.webSearchCommentary {
  margin-bottom: 20px
}

.resultHeader {
  padding: 3px 2px;
  margin-top: 25px;
  margin-bottom: 0
}

.webSearchIcon:hover {
  color: lightgray !important
}

.webSearchResult {
  margin-bottom: 20px;
  color: #5e5e5e
}

#search-input-hdr {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
  padding: 0;
  margin: 0 auto;
  width: 314px;
  margin-top: 40px
}

#search-input-hdr input {
  border: 0 none;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  padding: 0;
  width: 240px;
  padding-left: 10px
}

#search-input-hdr .glyphicon-search {
  font-size: 23px
}

#landingPage>iframe {
  margin-top: -13px
}

.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-top: -13px
}

#termsAndConditions {
  margin-top: -12px
}

.stockContant .positiveValue {
  font-size: 20px
}

.ideaListsiconsRating a {
  color: #999
}

.ideaListsiconsRating {
  background-color: transparent;
  border-left: 1px solid #e5e5e5;
  margin: -10px -12px -10px 15px
}

.btnResetActive.active {
  background-color: #6e2a8f !important;
  border-color: #79389c !important
}

.announcementsTab>.nav>li>a {
  font-size: 18px
}

.ideaListsiconsRating ul li {
  list-style: none;
  border-bottom: 1px solid #e5e5e5
}

.ideaListsiconsRating ul li a span {
  display: block;
  padding: 7px 13px;
  cursor: pointer
}

#rpBackBtn {
  margin-top: 10px
}

.termsConditionsSignUp input {
  margin-top: 1px
}

.referAFriendSocialIcon {
  padding: 0 35px 0 50px
}

.rpDisclaimerClass input {
  margin-top: 2px
}

.SerchWebContent {
  margin-top: 20px !important;
  width: 300px !important;
  margin-left: 309px;
  padding: 15px;
  height: 40px;
  box-shadow: none;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #555;
  border-radius: 4px !important
}

.btn-search {
  margin-top: 20px !important;
  border-radius: 4px !important;
  position: relative;
  padding: 9px 12px
}

.checkboxSubscription input {
  margin-top: 2px
}

.countryDroupDwon:after {
  content: 'v';
  position: absolute;
  right: 20px;
  pointer-events: none;
  bottom: 30px;
  font-weight: 700;
  color: #aaa
}

.qtrInfoIconShow {
  color: #6e2c90;
  display: inline
}

.internationalCust {
  padding-top: 30px;
  color: #666
}

#subscription_products_placeholder label {
  padding-bottom: 5px
}

.qtrInfoIconHide {
  color: #6e2c90;
  display: none !important
}

.qtrAnnualData1 {
  background-color: #fff !important
}

.qtrAnnualData2 {
  background-color: #f6f6f6 !important
}

.ideaListsiconsRating ul li a:hover {
  color: #6e2c90;
  background-color: #6e2c90
}

.addedList table {
  margin-bottom: 0
}

.ideaListsiconsRating ul {
  padding: 0;
  margin-bottom: 0
}

.resetPaddLeft button {
  padding: 6px 15px
}

.referralDiscount {
  font-size: 10px;
  color: green;
  margin-bottom: 10px;
  font-weight: 600;
  font-style: italic
}

.imageForOffers {
  border-right: 1px solid #e5e5e5;
  text-align: center
}

.heading-referAfriend {
  text-align: center
}

.heading-referAfriend h3 {
  color: #333;
  text-align: center;
  font-weight: 200 !important;
  line-height: 21px;
  margin-top: 0
}

.heading-referAfriend h3 span {
  font-weight: 700 !important
}

.heading-referAfriend h3.secondHeading-rf {
  line-height: 30px;
  font-size: 20px;
  font-weight: 700 !important;
  margin-bottom: 10px
}

.referralTAndC {
  text-align: center
}

.referralTAndC a {
  text-decoration: underline !important;
  color: #1ac6ff !important;
  font-size: 15px;
  font-weight: 600
}

.annualAndQuarterly h4 {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  font-style: italic
}

.annualAndQuarterly h4 small {
  color: #333;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  font-style: italic;
  line-height: 30px
}

.videoIdeaList {
  display: none
}

.videoIdeaList_55 {
  display: none
}

.annualAndQuarterly h4 span {
  color: #ee8a2d;
  font-weight: 700;
  font-style: italic;
  font-size: 16px
}

#friendEmailBtn .fa-paper-plane-o {
  color: #25916d
}

.newPriceColor {
  color: #6e2c90 !important
}

.originalAmountAfterCode {
  text-decoration: line-through;
  font-weight: 400 !important
}

.originalAmountBeforeCode {
  font-weight: 700 !important
}

.skypeShare:hover {
  background-color: #00AFF0 !important
}

.referAFriendHead {
  text-align: center
}

.learningMain {
  margin-top: -55px
}

.referAFriendMain {
  margin-bottom: 60px;
  padding: 10px 40px 40px 10px
}

.referAFriendContent {
  margin-top: 30px
}

.referAFriendContent .dropdown-menu>li>a {
  padding: 0 0
}

.referAFriendContent .dropdown-menu {
  padding: 5px 0
}

.referAFriendContent .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .2);
  content: ''
}

.referAFriendContent .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.referAFriendContent .dropdown-menu-right {
  right: 0;
  border-radius: 5px
}

.skypeText .skypeShare.circle {
  width: 33px !important;
  margin-left: 15px
}

.skypeShare.square,
.skypeShare.circle {
  border: 2px solid #fff;
  box-shadow: 0 1px 7px #ccc;
  height: 40px !important;
  width: 40px !important;
  left: 2px
}

.getApp {
  display: none
}

.getApp img {
  width: 60px;
  height: 60px;
  margin: 5px 0
}

.paymentReminder img {
  width: 60px;
  height: 60px;
  margin: 5px 0
}

.getApp #getAppClose {
  width: 20px;
  height: 20px;
  margin: 24px 0;
  opacity: .5
}

.paymentReminder #paymentReminderClose {
  width: 20px;
  height: 20px;
  margin: 24px 0;
  opacity: .5
}

.getApp h4 {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: 400
}

.getApp h5 {
  font-size: 12px;
  margin-top: 0;
  font-weight: 300
}

.getApp small {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  display: block
}

.getApp a {
  margin-left: -22px;
  margin-top: 24px;
  background: transparent;
  border: 1px solid #6e2a8f;
  padding: 1px 10px;
  border-radius: 10px !important;
  font-weight: 400;
  color: #6e2a8f
}

.getApp small .fa-star {
  color: #e2bd11;
  font-size: 8px;
  padding: 2px
}

.getApp a:hover,
.getApp a:visited {
  color: #6e2a8f;
  text-decoration: none;
  background: transparent
}

.getApp {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0
}

.paymentReminder {
  display: none
}

.paymentReminder img {
  width: 60px;
  height: 60px;
  margin: 5px 0
}

.autoSelectHeader {
  position: absolute;
  width: 87%;
  z-index: 1024
}

.paymentReminder #paymentReminderClose {
  width: 20px;
  height: 20px;
  margin: 24px 0;
  opacity: .5
}

.paymentReminder h4 {
  font-size: 14px;
  margin-bottom: 2px;
  font-weight: 400
}

.paymentReminder h5 {
  font-size: 12px;
  margin-top: 0;
  font-weight: 300
}

.paymentReminder small {
  font-size: 11px;
  font-style: italic;
  font-weight: 300;
  display: block
}

.paymentReminder a {
  margin-left: -22px;
  margin-top: 24px;
  background: transparent;
  border: 1px solid #6e2a8f;
  padding: 1px 10px;
  border-radius: 10px !important;
  font-weight: 400;
  color: #6e2a8f
}

.paymentReminder small .fa-star {
  color: #e2bd11;
  font-size: 8px;
  padding: 2px
}

.paymentReminder a:hover,
.paymentReminder a:visited {
  color: #6e2a8f;
  text-decoration: none;
  background: transparent
}

.getApp {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  top: 19
}

.paymentReminder {
  background-color: #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: inline-block;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 999;
  top: 0
}

.getAppLogin {
  position: fixed
}

.getAppHide {
  display: none
}

.referAFriendSocialIcon .list-inline>li {
  display: inline-block;
  padding-left: 18px;
  padding-right: 18px;
  text-align: center
}

.referAFriendSocialIcon .list-inline>li small {
  color: #757575;
  display: inline-block;
  font-size: 74%;
  padding-top: 5px;
  text-align: center
}

.dottedLine {
  border: none;
  border-top: 1px dotted #dcdcdc;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width: 78%;
  margin-bottom: 10px;
  margin-top: 10px
}

.ChecklistHead .col-sm-11 {
  width: 95%;
  padding-left: 15px;
  padding-right: 0
}

.ChecklistHead .col-sm-1 {
  width: 5%;
  padding-left: 0;
  padding-right: 0
}

.referAFriendSocialIcon .socialIcanList .fa-stack-2x {
  font-size: 2.5em;
  box-shadow: 0 1px 7px #ccc;
  border-radius: 50px
}

.referAFriendSocialIcon .socialIcanList .fa-stack {
  display: inline-block;
  height: 2.5em;
  line-height: 2.5em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}

.v-xs {
  display: none !important
}

.v-md {
  display: inline-block !important
}

.v-sm {
  display: inline-block !important
}

.v-smg {
  display: inline-block !important
}

.v-xsg {
  display: none !important
}

.announcementImg {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  border: 1px solid #e5e5e5
}

.announcementImg img {
  width: 100%;
  height: 100%;
  border-radius: 60px;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0
}

.announcementHead {
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600
}

.announcementHead h4 {
  margin-top: 0;
  margin-bottom: 5px
}

.announcementsTab .tab-content {
  padding: 0
}

.announcementContant {
  margin-top: 0;
  padding-left: 0
}

.announcementContant h4 {
  font-size: 16px;
  margin-bottom: 5px
}

.announcementContant p {
  font-size: 13px !important;
  line-height: 18px;
  margin: 0
}

.announcementImgDiv {
  padding-right: 0
}

.skypeShare {
  float: none !important;
  top: 0;
  left: 3px
}

.skypeShare .skypeShareLogo {
  left: 12px !important;
  top: 12px !important
}

.skypeText .skypeShare {
  height: 33px;
  float: none;
  margin: 0
}

.skypeText .skypeShare:hover {
  background-color: #00AFF0
}

.shareBtn .dropdown-menu-right {
  left: auto;
  right: 0
}

.shareBtn .dropdown-menu {
  border-radius: 5px
}

.badgeRed {
  font-size: 10px;
  background-color: transparent;
  border-radius: 4px;
  margin-top: 1px;
  border: solid 1px;
  color: #A80C23;
  font-weight: 600;
  margin-left: 20px
}

.shareBtn .dropdown-menu {
  padding: 0 0
}

.shareBtn .list-inline>li {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.socialIcanListRef>li {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.referAFriendSocialIcon .socialIcanList {
  text-align: left;
  padding-bottom: 15px;
  padding-left: 20px
}

.shareBtn .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, .2);
  content: ''
}

.shareBtn .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: ''
}

.chartShareBtn.shareBtn .dropdown-menu:before {
  right: 14px
}

.chartShareBtn.shareBtn .dropdown-menu:after {
  right: 15px
}

.shareBtn .dropdown-menu>li>a {
  padding: 1px 0
}

.socialMarketOutlook .shareBtn {
  margin-top: -30px
}

.socialMarketOutlook .dropdown-menu-right {
  right: 0
}

.referAFriendContent .dropdown-menu>li>a:hover {
  background-color: transparent
}

.referAFriendOr {
  text-align: center;
  font-size: 12px;
  padding: 30px 0;
  font-weight: 400;
  color: #6f2c91
}

.referAFriendHead h4 {
  font-size: 16px
}

.referAFriendOr {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  line-height: .1em;
  margin: 20px 0 30px;
  padding: 0
}

.referAFriendOr span {
  background: #fff;
  padding: 0 10px
}

.referSocilaShare:hover {
  color: green;
  background: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #fff);
  background-image: -moz-linear-gradient(top, #fff, #fff);
  background-image: -ms-linear-gradient(top, #fff, #fff);
  background-image: -o-linear-gradient(top, #fff, #fff);
  background-image: linear-gradient(to bottom, #fff, #fff)
}

.referSocilaShare.active.focus,
.referSocilaShare.active:focus,
.referSocilaShare.active:hover,
.referSocilaShare:active.focus,
.referSocilaShare:active:focus,
.referSocilaShare:active:hover,
.open>.dropdown-toggle.referSocilaShare.focus,
.open>.dropdown-toggle.referSocilaShare:focus,
.open>.dropdown-toggle.referSocilaShare:hover {
  color: green;
  background-color: #f5f5f5;
  border-color: #ccc
}

.referSocilaShare:active {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: green
}

.referSocilaShare.focus,
.referSocilaShare:focus {
  background-color: #f5f5f5;
  border-color: #ccc;
  color: green
}

.informationBox {
  position: absolute;
  right: 12px;
  top: 10px
}

.socialMediaImg {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px
}

.shareBtn {
  margin-top: 4px;
  padding: 4px 6px;
  font-size: 14px;
  float: right;
  margin-right: 0;
  border-radius: 37px !important
}

.shareBtn.chartShareBtn {
  padding: 4px 4px
}

.shareBtnNative {
  margin-top: 4px;
  padding: 4px 6px;
  font-size: 14px;
  float: right;
  margin-right: 0;
  border-radius: 37px !important
}

.shareYourPromoLabel {
  color: #333;
  font-weight: 400;
  margin: 0 auto;
  display: table;
  margin-bottom: 15px;
  font-size: 16px
}

.referAFriendContent .form-group {
  margin-bottom: 30px
}

.referIcon {
  width: 4.5%;
  filter: brightness(.25)
}

.viewTranHist {
  color: #6e2c90 !important;
  text-decoration: underline !important;
  font-weight: 600
}

.addToPortfolioMobile {
  position: absolute;
  right: 15px
}

.alertWrngMsg {
  margin-top: 20px
}

.stockContant .negativeValue {
  font-size: 20px
}

#enLargeButtonRight,
#enLargeButtonRightMob {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

#enLargeButtonLeft,
#enLargeButtonLeftMob {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

#buttonRight {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: 5px 0
}

#buttonLeft {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  padding: 5px 0
}

.addPortfolioMobBtn {
  display: none
}

.lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px
}

*::-moz-selection {
  background-color: #6e2c90;
  color: #fff
}

.alertsTab>.panel-group>.panel-default {
  max-height: 400px;
  overflow-y: auto
}

.intro-header-one {
  background: rgba(0, 0, 0, 0) url(../img/intro-bg1.gif) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center
}

.intro-header-one {
  animation: 2s ease 0s normal none 1 running fadein
}

.introBanner {
  animation: none !important
}

.infoIcon {
  color: #6e2c90
}

.noteLft {
  padding-left: 10px
}

.informationEvaluation {
  position: absolute;
  right: 15px;
  font-size: 18px;
  padding: 10px 0;
  top: 0;
  cursor: pointer
}

.userAlertsInfocontainer {
  margin-top: 20px
}

.userAlertsInfoDiv .indiaModelPortfolio h3 {
  margin-bottom: 5px;
  margin-top: -5px
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary {
  background: transparent;
  color: #333;
  padding: 0 8px
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary:hover {
  color: #666
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary:active {
  box-shadow: none;
  border-color: unset;
  border-color: -moz-field
}

.tableExecutedBody>.table>tbody>tr>td .btn-primary:focus {
  box-shadow: none;
  border-color: unset;
  border-color: -moz-field
}

.alertsStatus {
  margin-bottom: 0
}

.alertsHeader {
  left: 0;
  position: absolute;
  right: 0
}

.stockAlertMessage .modalAlert {
  padding: 0 0 0
}

.stockAlertMessage {
  padding: 6px 15px
}

.alertsStatus .form-group {
  margin-bottom: 0px !important
}

.informationIdeiaList {
  right: 1px;
  font-size: 18px;
  position: absolute;
  padding: 0 0;
  cursor: pointer;
  background: #6e2c90;
  top: 1px;
  width: 34px;
  border-top-right-radius: 4px
}

.infoTagYes {
  display: inline !important
}

.infoTagNo {
  display: none
}

.idealistSubMenu {
  font-size: 18px;
  position: relative;
  z-index: 999;
  padding: 7px 12px;
  cursor: pointer;
  top: 0
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.intro-header {
  background: rgba(0, 0, 0, 0) url(../img/intro-bg.gif) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 50px;
  text-align: center
}

.intro-header {
  animation: 2s ease 0s normal none 1 running fadein
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
  width: 67%
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 {
  width: 8%;
  padding-left: 0
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2>.ideaListsiconsRating {
  width: 38px
}

#modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 .ideaListsiconsRating {
  margin: -10px -12px -10px 5px
}

@keyframes fadein {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.closeSearch {
  cursor: pointer;
  font-size: 15px;
  padding-right: 6px;
  text-align: right
}

.searchBarMobile {
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 18px;
  padding: 0 10px;
  position: absolute;
  right: 15px
}

.searchBarMobile i {
  line-height: 50px
}

.buyNowBtnMobile {
  color: #fff;
  cursor: pointer;
  display: none !important;
  font-size: 18px;
  line-height: 50px;
  padding: 0 10px;
  position: absolute;
  right: 140px
}

.signUpClose {
  float: right;
  padding-right: 20px;
  color: #999;
  cursor: pointer
}

.signUpClose img {
  width: 20px;
  height: 16px
}

.gst {
  font-size: 15px;
  color: #dd4b39;
  padding-top: 10px;
  display: inline-block
}

.buyNowBtnMobile i {
  line-height: 50px
}

.mobileSliderMenuDiv {
  background: #e5e5e5 none repeat scroll 0 0;
  height: auto;
  left: -70%;
  margin-top: 55px;
  padding: 10px;
  position: fixed;
  width: 70%;
  z-index: 1024
}

.mobileSliderMenu {
  display: none
}

.mobileSliderMenu i {
  background-color: #6e2c90;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  left: 0;
  margin-top: 10px;
  padding: 10px;
  position: fixed;
  z-index: 1024
}

.searchDroupDown {
  display: none;
  height: 65px;
  margin-top: 50px;
  position: fixed;
  width: 100%;
  z-index: 1036
}

.transactionTable .thead-light>tr>th:nth-of-type(1) {
  width: 35%
}

.transactionTable .thead-light>tr>th:nth-of-type(2) {
  width: 25%
}

.transactionTable .thead-light>tr>th:nth-of-type(3) {
  width: 25%
}

.transactionTable .thead-light>tr>th:nth-of-type(4) {
  width: 15%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(1) {
  width: 35%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(2) {
  width: 25%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(3) {
  width: 25%
}

.transactionTable .transactionTbody>tr>td:nth-of-type(4) {
  width: 15%
}

.openAlertDiv {
  display: none
}

.intro-message {
  padding-bottom: 30%;
  padding-top: 45%;
  position: relative
}

.knowMoreBtn {
  text-align: center;
  width: 40%
}

.knowMoreBtn .btn-primary {
  background: transparent;
  border-color: #fff !important;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  padding: 10px 16px;
  transition: all 0.2s ease 0s;
  margin-right: 10px
}

.knowMoreBtn .btn-primary:hover {
  background-color: #6e2c90;
  border: 1px solid #6e2c90 !important;
  color: #fff;
  font-weight: 400
}

.referSocilaShare {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  background: transparent;
  color: green;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.containerBg {
  background-color: #f5f5f5
}

.referAFriendContent .form-control[disabled] {
  background-color: #fff;
  height: 40px;
  color: #25916d;
  text-align: center;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: .2em;
  border: 1px solid #eee;
  box-shadow: 1px 2px 10px -1px rgba(0, 0, 0, .1);
  border-radius: 15px
}

.referNowBtn .btn-primary {
  background: transparent;
  border-color: #6f2c91 !important;
  border-radius: 40px !important;
  font-size: 18px;
  font-weight: 400;
  margin-top: 24px;
  padding: 6px 16px;
  transition: all 0.2s ease 0s;
  margin-right: 10px;
  color: #6f2c91
}

.referNowBtn .btn-primary:hover {
  background-color: #6e2c90;
  border: 1px solid #6e2c90 !important;
  color: #fff;
  font-weight: 400
}

.modalAlert {
  padding: 10px 15px 0
}

.modalAlert .alert {
  margin-bottom: 0px !important
}

.buyNowLink img {
  width: 55%
}

.buyNowLink {
  cursor: pointer;
  position: absolute;
  right: -45px;
  top: 0
}

.loginLoading {
  padding: 2px
}

.fa-spinner {
  color: #6e2c90 !important
}

#listLoader {
  color: #6e2c90 !important
}

.intro-message>h1 {
  font-size: 5em;
  margin: 0;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

.intro-divider {
  border-top: 1px solid #fff;
  width: 400px
}

.intro-message>h3 {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

#rememberMe {
  margin-top: 3px !important
}

@media (max-width:767px) {
  .mpc-heading-span {
    width: 250px;
    display: inherit
  }

  .mpc-btn-span {
    margin-top: -37px
  }

  .shinelines.feStyle {
    width: 30px
  }

  .shinelines.dpmStyle {
    width: 40px;
    margin-top: 6px;
    margin-left: 10px
  }

  .shinelines.dtmStyle,
  .shinelines.dtmStyle2 {
    width: 40px;
    margin-top: 4px;
    margin-left: 26px
  }

  .filterbtns .btn {
    padding: 4px 8px
  }

  .ideaListNav.onlyIg {
    margin-top: 55px
  }

  #greenflagStockBody ul {
    padding-left: 15px
  }

  .lockforBG img {
    width: 23px;
    position: relative;
    top: -3px;
    left: -3px
  }

  .lockforHolding {
    left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center
  }

  .updateReport.blurText .viewDetailedReports {
    right: -10px;
    top: -3px
  }

  #non-PremiumRow {
    margin-left: -10px
  }

  .heading-referAfriend h3 {
    margin-top: 0;
    line-height: 30px;
    margin-bottom: 10px
  }

  .annualAndQuarterly h4 small {
    line-height: 14px
  }

  .referAndEarnPoints li {
    line-height: 20px;
    margin-left: -25px
  }

  .niftyText,
  .msiText {
    font-size: 16px
  }

  .infoBlock {
    padding-right: 5px
  }

  .chartInfoRow {
    padding: 15px 1px 10px
  }

  .compareMob {
    padding: 12px 0 10px 10px
  }

  .performaceText {
    margin: 5px 5px 20px 20px;
    margin-left: 10px
  }

  .orderTable tbody tr td:first-child a {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
  }

  .errorMsgInvestment {
    margin-left: 130px
  }

  .placeOrderDiv3 {
    padding: 20px 0 0
  }

  .placeOrderBody .checkbox-inline,
  .placeOrderBody .radio-inline {
    padding-left: 20px
  }

  #mpChartLoader,
  #apChartLoader {
    margin-bottom: -286px
  }

  .video-hdr {
    font-size: 20px
  }

  .marketConditionHistory-subIcon {
    margin-top: 98px;
    left: 1px
  }

  .marketConditionHistory-subIcon:before {
    top: -5px;
    margin-left: 79px
  }

  .history-infoIcon {
    top: 1px
  }

  .mobTrends span {
    padding-left: 5px !important
  }

  .mobTrends {
    padding-left: 0px !important;
    margin-left: -7px
  }

  .mobTrendsNext {
    margin-left: 29px
  }

  .linkMyProfile {
    font-size: 9px !important;
    position: relative;
    top: 2px;
    left: 6px
  }

  .mobMargin {
    margin-bottom: -15px
  }

  .marketOutlookMob {
    padding-top: 0px !important
  }

  .viewHistoryMob {
    background-color: #E9EEF0;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -5px;
    padding-bottom: 0
  }

  .historyBtn.marketOutlookHistoryBtn {
    border: solid .5px #e87b27;
    color: #e87b27;
    border-radius: 8.5px !important;
    padding: 4px 8px
  }

  .historyBtn:hover {
    background: transparent;
    border: solid .5px #e87b27 !important;
    color: #e87b27 !important
  }

  .modalPortfolio.market-condition-hdr {
    padding: 0
  }

  .market-condition-heading h4 {
    text-align: center;
    font-weight: 400;
    color: #666
  }

  .mobiledropdown {
    padding-right: 10px;
    margin-top: 3px
  }

  .dislikeStyle {
    position: relative;
    bottom: 2px
  }

  .modal-load {
    margin-bottom: 10px
  }

  .inputEdit {
    width: 88px
  }

  .mob-filterName {
    margin-left: -10px !important
  }

  .mobPad {
    padding-left: 5px !important
  }

  .subscription-iframe {
    height: 615px
  }

  .signup-iframe {
    height: 660px
  }

  .autoPortfolio-iframe {
    height: 686px
  }

  .home-iframe {
    height: 686px
  }

  .newHome-iframe {
    height: 765px;
    width: 100%
  }

  .takeATourHeading {
    margin-top: 0;
    margin-left: 0;
    font-size: 13px;
    font-weight: 300
  }

  .performanceHeading {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 400
  }

  .takeATourHeading a {
    color: #5F7D8C !important;
    font-weight: 400
  }

  .performanceHeading a {
    color: #03c !important
  }

  .introInnerHeader.video-block {
    padding-bottom: 0;
    padding-top: 22px
  }

  .subIconAlertBox_52_67 {
    margin-top: 95px;
    left: -5px
  }

  .subIconAlertBox_52_67:before {
    margin-left: 124px;
    top: -35px
  }

  .subIconAlertBox_52_66 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_66:before {
    margin-left: 101px;
    top: -35px
  }

  .subIconAlertBox_52_81 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_81:before {
    margin-left: 109px;
    top: -35px
  }

  .subIconAlertBox_52_82 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_82:before {
    margin-left: 113px;
    top: -35px
  }

  .subIconAlertBox_52_83 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_83:before {
    margin-left: 109px;
    top: -35px
  }

  .subIconAlertBox_52_84 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_84:before {
    margin-left: 50px;
    top: -35px
  }

  .subIconAlertBox_52_85 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_85:before {
    margin-left: 50px;
    top: -35px
  }

  .subIconAlertBox_52_86 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_86:before {
    margin-left: 47px;
    top: -35px
  }

  .subIconAlertBox_52_87 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_87:before {
    margin-left: 43px;
    top: -35px
  }

  .subIconAlertBox_52_88 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_88:before {
    margin-left: 56px;
    top: -35px
  }

  .subIconAlertBox_52_89 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_89:before {
    margin-left: 60px;
    top: -35px
  }

  .subIconAlertBox_52_91 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_91:before {
    margin-left: 73px;
    top: -35px
  }

  .subIconAlertBox_52_92 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_92:before {
    margin-left: 42px;
    top: -35px
  }

  .subIconAlertBox_58_71 {
    margin-top: 95px
  }

  .subIconAlertBox_58_71:before {
    margin-left: 38px;
    top: -35px
  }

  .subIconAlertBox_58_72 {
    margin-top: 95px
  }

  .subIconAlertBox_58_72:before {
    margin-left: 44px;
    top: -35px
  }

  .subIconAlertBox_58_73 {
    margin-top: 95px
  }

  .subIconAlertBox_58_73:before {
    margin-left: 64px;
    top: -35px
  }

  .subIconAlertBox_58_74 {
    margin-top: 95px
  }

  .subIconAlertBox_58_74:before {
    margin-left: 36px;
    top: -35px
  }

  .subIconAlertBox_58_75 {
    margin-top: 95px
  }

  .subIconAlertBox_58_75:before {
    margin-left: 25px;
    top: -35px
  }

  .subIconAlertBox_52_65 {
    margin-top: 95px
  }

  .subIconAlertBox_52_65:before {
    margin-left: 31px;
    top: -35px
  }

  .subIconAlertBox_52_64 {
    margin-top: 95px
  }

  .subIconAlertBox_52_64:before {
    margin-left: 65px;
    top: -35px
  }

  .subIconAlertBox_52_63 {
    margin-top: 95px;
    left: -5px
  }

  .subIconAlertBox_52_63:before {
    margin-left: 104px;
    top: -35px
  }

  .subIconAlertBox_52_62 {
    margin-top: 95px;
    left: -6px
  }

  .subIconAlertBox_52_62:before {
    margin-left: 116px;
    top: -35px
  }

  .subIconAlertBox_52_61 {
    margin-top: 95px
  }

  .subIconAlertBox_52_61:before {
    margin-left: 82px;
    top: -35px
  }

  .subIconAlertBox_55_24 {
    margin-top: 85px;
    margin-right: auto
  }

  .subIconAlertBox_55_24:before {
    margin-left: 33px;
    top: -25px;
    z-index: 112
  }

  .subIconAlertBox_55_23 {
    margin-top: 74px;
    margin-right: auto
  }

  .subIconAlertBox_55_23:before {
    margin-left: 34px;
    top: -14px;
    z-index: 112
  }

  .subIconAlertBox_55_22 {
    margin-top: 74px;
    margin-right: auto
  }

  .subIconAlertBox_55_22:before {
    margin-left: 93px;
    top: -16px;
    z-index: 112
  }

  .subIconAlertBox_55_25 {
    margin-top: 93px
  }

  .subIconAlertBox_55_25:before {
    margin-left: 29px;
    top: -31px
  }

  .subIconAlertBox_55_21 {
    margin-top: 75px
  }

  .subIconAlertBox_55_21:before {
    margin-left: 43px;
    top: -15px
  }

  .subIconAlertBox_55_20 {
    margin-top: 75px
  }

  .subIconAlertBox_55_20:before {
    margin-left: 43px;
    top: -15px
  }

  .subIconAlertBox_55_15 {
    margin-top: 75px
  }

  .subIconAlertBox_55_15:before {
    margin-left: 41px;
    top: -15px
  }

  .subIconAlertBox_52_19 {
    margin-top: 75px
  }

  .subIconAlertBox_52_19:before {
    margin-left: 46px;
    top: -15px
  }

  .subIconAlertBox_52_17 {
    margin-top: 75px
  }

  .subIconAlertBox_52_17:before {
    margin-left: 33px;
    top: -15px
  }

  .subIconAlertBox_52_16 {
    margin-top: 75px
  }

  .subIconAlertBox_52_16:before {
    margin-left: 33px;
    top: -15px
  }

  .subIconAlertBox_51_9 {
    margin-top: 75px
  }

  .subIconAlertBox_51_9:before {
    margin-left: 35px;
    top: -15px
  }

  .subIconAlertBox_51_8 {
    margin-top: 75px
  }

  .subIconAlertBox_51_8:before {
    margin-left: 42px;
    top: -15px
  }

  .subIconAlertBox_51_7 {
    margin-top: 75px
  }

  .subIconAlertBox_51_7:before {
    margin-left: 42px;
    top: -15px
  }

  .subIconAlertBox_51_6 {
    margin-top: 75px
  }

  .subIconAlertBox_51_6:before {
    margin-left: 20px;
    top: -15px
  }

  .subIconAlertBox_56_93 {
    margin-top: 75px
  }

  .subIconAlertBox_56_93:before {
    margin-left: 23px;
    top: -15px
  }

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

  .infoIconMob {
    font-size: 20px !important
  }

  .marginAdjust {
    margin-left: 0 !important;
    width: 100%
  }

  .webSearchAutoHdrDiv {
    width: 94%;
    margin-left: 10px
  }

  #search-input-hdr {
    margin-top: 60px !important
  }

  .termsConditionsSignUp input {
    margin-top: 0
  }

  .rpDisclaimerClass input {
    margin-top: 1px
  }

  .checkboxSubscription input {
    margin-top: 1px
  }

  .textCenter {
    text-align: center
  }

  .close {
    font-size: 35px;
    font-weight: 500;
    margin-top: -7px !important
  }

  #performanceChartModel {
    padding-top: 50px
  }

  .performanceBtn {
    padding-bottom: 0px !important
  }

  .currentHoldingBtns button {
    padding-bottom: 2px !important
  }

  .lineHgtReset {
    line-height: 10px;
    padding-bottom: 2px !important
  }

  .landingBanner {
    margin-top: 10px !important
  }

  .navbar-default .navbar-nav>li>a {
    color: #333 !important
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #333
  }

  .padTop32 {
    padding-top: 40px !important
  }

  .GreenSuccess {
    width: 9% !important
  }

  .msgContent {
    font-size: 15px !important
  }

  .btnSkip {
    margin: 0 0 15px
  }

  .payment .scroll-block {
    height: 350px;
    overflow-y: auto
  }

  .padTop32 {
    padding-top: 70px !important
  }

  .padReset {
    padding-left: 0;
    padding-right: 0
  }

  .payment .progress {
    margin-bottom: 20px;
    margin-top: 60px !important
  }

  .ideaListNav a {
    position: relative;
    top: -23px !important
  }

  .loginBlock p a {
    font-size: 14px !important
  }

  .boxMiddle {
    margin-top: 60px
  }

  .divider-line {
    border-top: 1px dotted #f0f0f0
  }

  .divider-line img {
    padding-top: 15px
  }

  .loginBlock img {
    width: 18% !important
  }

  #landingPage #siteTitle {
    display: none
  }

  .topMar20 {
    padding-top: 10px
  }

  .spaceReset,
  .spaceReset h4 {
    margin-top: 0 !important;
    padding-top: 0 !important
  }

  .intro-message {
    padding-bottom: 15%
  }

  .intro-message>h1 {
    font-size: 3em
  }

  ul.intro-social-buttons>li {
    display: block;
    margin-bottom: 20px;
    padding: 0
  }

  ul.intro-social-buttons>li:last-child {
    margin-bottom: 0
  }

  .intro-divider {
    width: 100%
  }

  .chartShareBtn.shareBtn .dropdown-menu-right {
    left: auto;
    right: auto
  }

  .chartShareBtn.shareBtn .dropdown-menu:before {
    right: 192px;
    border: none
  }

  .chartShareBtn.shareBtn .dropdown-menu:after {
    right: 193px;
    border: none
  }

  .industryExportDiv {
    margin-top: 10px
  }
}

.StockIdeasModalPortfolio .panel-body {
  padding: 0
}

.StockIdeasModalPortfolio .panel-group {
  margin-bottom: 0
}

.bell-container {
  position: relative
}

.notification-bell {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #000;
  cursor: pointer
}

.notification-bell i {
  font-size: 18px;
  font-weight: 600
}

.bell-content-double {
  background: #cd4b5b none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  left: 10px;
  padding: 0 3px;
  position: absolute;
  text-align: center;
  top: -8px;
  width: auto
}

.network-name {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase
}

.redpdficon {
  color: #FF0000 !important
}

.content-section-a {
  background: rgba(0, 0, 0, 0) url(../img/sectionBg.png) repeat scroll 0 0;
  padding: 50px 0
}

.content-section-b {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  padding: 50px 0
}

.section-heading {
  font-size: 34px;
  font-weight: 100;
  margin-bottom: 25px;
  text-align: left
}

.logoSpinnerImg {
  height: 30px;
  left: 0;
  margin: 0 auto;
  padding-top: 14px;
  position: absolute;
  right: 0;
  width: 30px
}

.logoSpinnerImg img {
  height: 30px;
  width: 30px
}

.logoSpinnerImgSmall {
  height: 15px;
  left: 0;
  margin: 0 auto;
  padding-top: 5px;
  position: absolute;
  right: 0;
  width: 15px
}

.stockChart .loaderSmall {
  width: 170px
}

#modelportfolio_stock_placeholder .loaderSmall {
  width: 120px
}

.stockChart .logoSpinnerImgSmall {
  height: 15px;
  left: 42.8px;
  margin: 0 auto;
  padding-top: 5px;
  position: absolute;
  right: 0;
  width: 15px
}

#modelportfolio_stock_placeholder .logoSpinnerImgSmall {
  height: 15px;
  left: 0;
  margin: 0 auto;
  padding-top: 5px;
  position: absolute;
  right: 9px;
  width: 15px
}

.logoSpinnerImgSmall img {
  border: medium none !important;
  height: 15px !important;
  width: 15px !important
}

.loader {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  border-color: #6e2c90 #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  height: 60px;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 0;
  width: 60px
}

.loader-small {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  border-color: #6e2c90 #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 30px
}

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

  100% {
    transform: rotate(360deg)
  }
}

.scrollToTop {
  color: #6e2c90;
  display: none;
  font-size: 50px;
  font-weight: 700;
  padding: 0;
  position: fixed;
  right: 10px;
  text-align: center;
  text-decoration: none;
  z-index: 2048;
  bottom: 50px
}

#landingPage .scrollToTop {
  bottom: 30px
}

.scrollToTop:hover {
  text-decoration: none
}

.marketSmithImgLogoMobile img {
  display: none
}

#landingPage .introInnerHeaderReseller {
  height: 250px
}

.section-heading-spacer {
  border-top: 2px solid #702c91;
  width: 100px
}

.input-group-addon:hover {
  background-color: #a9a8a9;
  color: #fff !important;
  text-decoration: none
}

.tableIcon h4 {
  font-size: 16px;
  font-weight: 600
}

.shareList ul li:last-child {
  display: none
}

.banner {
  background: rgba(0, 0, 0, 0) url(../img/banner-bg.gif) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding: 100px 0
}

.banner h2 {
  font-size: 3em;
  margin: 0;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}

.banner ul {
  margin-bottom: 0
}

.banner-social-buttons {
  float: right;
  margin-top: 0
}

.facebook {
  color: #3b5998
}

.tumblr {
  color: #00aced
}

.google-plus {
  color: #dd4b39
}

.youtube {
  color: #c4302b
}

.linkedin {
  color: #0e76a8
}

.socialWhite {
  color: #fff
}

.whatsUp {
  color: #228B22
}

.gmail {
  color: #d14836
}

.yahoo {
  color: #8d2597
}

.slack {
  color: #253039
}

.phoneMessage {
  color: #248478
}

.mobileImage {
  padding-bottom: 0;
  padding-top: 0
}

.mobileIngOne {
  margin-top: 30px;
  position: absolute;
  right: -20px;
  top: 30px
}

.mobileIngTwo {
  left: 0;
  margin-top: 30px;
  position: absolute
}

.mobileIngTwo img {
  height: 560px;
  width: 350px
}

.mobileIngOne img {
  height: 560px;
  width: 350px
}

.promoSuccessCheck {
  color: #449d44
}

.promoInvalidCode {
  color: red
}

.mouseScroll {
  animation: 2s ease-in 0s normal none infinite running blink;
  background: rgba(0, 0, 0, 0) url(../img/mouseScroll.png) no-repeat scroll center center / 70px 70px;
  border: medium none;
  display: inline-block;
  height: 75px;
  margin-top: -50px;
  width: 75px
}

.resetPasswordDiv {
  border: 1px solid #e5e5e5;
  margin-bottom: 60px;
  margin-top: 60px;
  padding: 40px 40px 10px
}

.resetPasswordDiv h4 {
  background-color: #f5f5f5;
  font-size: 20px;
  font-weight: 600;
  margin: -40px -40px 20px;
  padding: 10px
}

.alertBoxLogindiv {
  margin-top: 70px;
  position: absolute
}

.alertExclamation {
  color: red;
  font-size: 24px
}

.imagePlaystore {
  margin-top: 30px
}

.socialIcons p {
  font-size: 12px !important;
  font-weight: 500;
  margin: 0
}

.aboutUsText {
  margin-bottom: 20px;
  margin-top: 20px
}

.aboutUsText h4 {
  font-size: 24px;
  margin-bottom: 20px
}

.aboutUsText p {
  font-size: 13px;
  line-height: 24px
}

.aboutSubText {
  margin-left: 24px
}

.switch-field-opt {
  overflow: hidden
}

.slider_enlargeBox {
  height: 548px;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 345px
}

.btnSlider {
  margin-left: -4px
}

.custom-container-evaluation-slider {
  margin-left: -3px !important
}

.switch-field-opt input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden
}

.switch-field-opt label {
  float: left;
  margin-bottom: 0
}

.switch-field-opt label {
  display: inline-block;
  width: 100px;
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, .6);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-shadow: none;
  padding: 2px 3px;
  border: 1px solid rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out
}

.switch-field-opt label:hover {
  cursor: pointer
}

.switch-field-opt input:checked+label {
  background-color: #6f2c91;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff
}

.switch-field-opt label:first-of-type {
  border-radius: 4px 0 0 4px
}

.navBlackmenubg {
  background: #fff;
  padding: 20px 0;
}

#canslimLearning .navBlackmenubg,
.weeklyWebinarPage .navBlackmenubg,
.custom-introInnerHeader .navBlackmenubg,
#seminarPage .navBlackmenubg {
  background: none
}

.switch-field-opt label:last-of-type {
  border-radius: 0 4px 4px 0
}

.detailsRadioEveMobile {
  margin-top: 10px;
  margin-left: 17px
}

.detailsRadioEveMobile .switch-field-opt label {
  width: 83px;
  font-size: 12px;
  padding: 1px 3px
}

@keyframes blink {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

blockquote p {
  font-size: 19px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
  text-align: center
}

/* .site-title {
    padding:14px 15px
  } */
.site-title a {
  background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 41px;
  margin-top: 0;
  width: 300px;
  margin-left: 0px !important;
}

.site-title-scroll a {
  background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 41px;
  margin-top: 0;
  width: 300px;
  margin-left: 0px !important;
}

.accountIcon {
  width: 38px;
  height: 38px;
}

.navBlackmenubg.navbar-default .navbar-nav>li>a:focus,
.navBlackmenubg.navbar-default .navbar-nav>li>a:hover {
  color: #a745d7 !important;
}

@media (min-width: 768px) {
  /* .navBlackmenubg.navbar-default .navbar-nav{
    margin: 0 5%;
  } */
}

.navBlackmenubg.navbar-default .nav>li>a {
  padding: 15px 16px;
}

.dropdown-menu>li>a,
.dropdown-menu>li>a img {
  transition: transform 0.3s ease-in-out, font-size 0.3s ease-in-out;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  color: #a745d7;
  background-color: transparent;
  font-size: 16px;
}

.navBlackmenubg.navbar-default {
  transition: background-color 0.5s ease-in-out, height 0.5s ease-in-out;

}

@media(min-width:1180px) {
  .dropdown .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
  }

  .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
  }

  .dropdown {
    display: inline-block;
  }


  .dropdown-menu {
    border: none;
    box-shadow: unset;
    border-radius: 5px;
    background: transparent;
  }

  .intrday-dropdown{
    background: white !important;
  }
}

/* .dropdown:hover .dropdown-menu {
    display: block;
  } */


.landingPageLogo a {
  background: rgba(0, 0, 0, 0) url(../img/MarketSmithIndia-logo.svg) no-repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 30px;
  width: 230px
}

.navbar-default .navbar-nav>li>a {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.inputSubscribe {
  height: 40px
}

.btnSubscribe {
  border-radius: 0 4px 4px 0 !important;
  padding: 9px 12px
}

.site-title-scroll {
  /* padding:14px 15px; */
  display: none
}

.bannerText h1 {
  font-size: 75px;
  font-weight: 100;
  margin-top: -78px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.navbar-onscroll {
  transition: all 0.4s ease 0s
}

.navbar-onscroll {
  background: #f7f9fd
}

#canslimLearning .navBlackmenubg.navbar-onscroll,
.weeklyWebinarPage .navBlackmenubg.navbar-onscroll,
.custom-introInnerHeader .navBlackmenubg.navbar-onscroll,
#seminarPage .navBlackmenubg.navbar-onscroll {
  background: rgba(0, 0, 0, 0) url(../img/intro-bg-mobile.gif) no-repeat center center / cover
}

.navbar-onscroll-remove {
  transition: all 0.6s ease 0s
}

.btn-success span {
  font-size: 21px;
  font-weight: 100;
  padding-right: 8px
}

.topnavScroll {
  display: none;
  padding: 10px 0
}

.corner-ribbon {
  width: 233px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  font-size: 12px;
  padding-top: 2px
}

.corner-ribbon p {
  margin-bottom: 3px;
  margin-top: -3px;
  font-size: 10px
}

.corner-ribbon a {
  text-decoration: underline !important;
  color: #fff !important
}

.corner-ribbon.sticky {
  position: fixed
}

.corner-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.corner-ribbon.top-right {
  left: auto;
  right: -62px;
  top: 35px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 1040
}

.mpPerformanceCanvas {
  padding: 15px
}

.mpPerformanceChartDiv {
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5
}

.corner-ribbon.blue {
  background: #6f2c91;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.anim750 {
  transition: all 750ms ease-in-out
}

#Awesome {
  backface-visibility: hidden;
  height: 180px;
  margin: 0 auto;
  position: absolute;
  right: 48px;
  top: 77px;
  width: 180px
}

#Awesome .sticky {
  transform: rotate(45deg)
}

#Awesome:hover .sticky {
  transform: rotate(10deg)
}

#Awesome .sticky {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px
}

#Awesome .reveal .circle {
  box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
  font-family: 'helvetica neue', arial;
  font-weight: 200;
  line-height: 140px;
  text-align: center;
  cursor: pointer
}

#Awesome .reveal .circle {
  background: #fafafa
}

#Awesome .circle_wrapper {
  position: absolute;
  width: 180px;
  height: 180px;
  left: 0;
  top: 0;
  overflow: hidden
}

#Awesome .circle {
  position: absolute;
  width: 140px;
  height: 140px;
  margin: 20px;
  border-radius: 999px
}

#Awesome .back {
  height: 10px;
  top: 30px
}

#Awesome:hover .back {
  height: 90px;
  top: 110px
}

#Awesome .back .circle {
  margin-top: -130px;
  background-color: #8330ad;
  background-image: -webkit-linear-gradient(bottom, rgba(251, 236, 63, 0), rgba(255, 255, 255, .8))
}

#Awesome:hover .back .circle {
  margin-top: -50px
}

#Awesome .front {
  height: 150px;
  bottom: 0;
  top: auto;
  -webkit-box-shadow: 0 -140px 20px -140px rgba(0, 0, 0, .3)
}

#Awesome:hover .front {
  height: 70px;
  -webkit-box-shadow: 0 -60px 10px -60px rgba(0, 0, 0, .1)
}

#Awesome .front .circle {
  margin-top: -10px;
  background: #6e2c90;
  background-image: -webkit-linear-gradient(bottom, rgba(251, 236, 63, 0) 75%, #6e2c90 95%);
  background-image: -moz-linear-gradient(bottom, rgba(251, 236, 63, 0) 75%, #6e2c90 95%);
  background-image: linear-gradient(bottom, rgba(251, 236, 63, 0) 75%, #6e2c90 95%)
}

#Awesome h4 {
  bottom: 0;
  color: #fff;
  font-weight: 400;
  height: 140px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 100px;
  transition: opacity 50ms linear 400ms;
  width: 180px
}

#Awesome:hover h4 {
  opacity: 0;
  transition: opacity 50ms linear 300ms
}

#Awesome:hover .front .circle {
  margin-top: -90px;
  background-color: #8330ad;
  background-position: 0 100px
}

.innerText {
  background-color: rgba(255, 255, 255, .7);
  color: #000;
  font-size: 24px;
  font-weight: 300;
  margin-top: 20px;
  padding: 20px
}

.fullLengthbanner {
  background: rgba(0, 0, 0, 0) url(../img/fullLengthBanner.jpg) no-repeat scroll center center / cover;
  color: #f8f8f8;
  height: 100%;
  padding-top: 200px;
  text-align: center
}

.canSlimSeminar {
  background: rgba(110, 44, 144, .6) none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  width: 100%
}

.canSlimSeminar .btn-primary {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  margin-left: 10px
}

.canSlimSeminar h4 {
  margin-bottom: 5px;
  margin-top: 5px
}

.subscribeForm {
  height: 45px !important;
  width: 500px !important
}

.subscribeDiv p {
  font-size: 16px;
  padding-bottom: 10px
}

.socialIcons {
  padding: 30px 0
}

.investingVideos {
  margin-top: 20px
}

.userinformationMainDiv {
  background-color: #f1d7ff;
  color: #000;
  padding: 20px;
  margin-bottom: 20px;
}

.userinformationMainDiv h4 {
  font-size: 20px;
  margin-bottom: 18px;

}

.btnLogoutMobile {
  color: #6e2a8f !important;
}

.userinformationMainDiv .col-xs-3 {
  padding-left: 15px;
  padding-right: 15px
}

.userinformationMainDiv .col-xs-9 {
  padding-left: 24px;
  padding-right: 10px
}

.userAccountType .whatWeDoBtn {
  background: #09a820 linear-gradient(to bottom, #09a820, #048015) repeat scroll 0 0;
  border: medium none;
  border-radius: 12px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 5px 14px;
  text-decoration: none;
  width: auto
}

.userAccountType .whatWeDoBtn:hover {
  background: #09a820 linear-gradient(to bottom, #09a820, #09a820) repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-weight: 400;
  text-decoration: none
}

/* .userInformationBox {
    background-color:#f5f5f5;
    border:1px solid #e5e5e5;
    margin-bottom:10px;
    padding:0;
    text-align:center;
    width:70px
  } */
.userInformationBox h4 {
  color: #6e2c90;
  font-size: 38px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0
}

.userInformationBox small {
  font-size: 9px;
  font-style: italic
}

.navbar-toggle-back {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 2px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

.vid-container iframe {
  height: 315px;
  width: 100%
}

.userInformationBox b {
  font-size: 9px;
  font-weight: 600
}

.userAccountType h5 {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0
}

.userAccountType {
  text-align: left
}

.userAccountType p {
  color: #333;
  font-size: 10px;
  font-weight: 300;
  margin-bottom: 2px;
  margin-top: -5px
}

.loginBtn {
  cursor: pointer;
  padding: 10px 0
}

.loginBtn small {
  line-height: 34px
}

.loginBtn a {
  color: #6e2a8f
}

.loginBtn a:hover {
  color: #666;
  text-decoration: none
}

.signUp a {
  color: #6e2a8f
}

.signUp a:hover {
  color: #666;
  text-decoration: none
}

.userInformationDiv .col-md-3 {
  padding-right: 0;
  width: 21%
}

.userInformationDiv .col-md-9 {
  padding-left: 0;
  width: 79%
}

.signUp {
  background-color: #f5f5f5;
  font-size: small;
  font-weight: 500;
  margin: 10px -30px -20px;
  padding: 10px 0
}

.disclaimer h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  padding: 4px 0
}

.disclaimer p {
  font-size: 13px;
  margin: 0
}

.disclaimer {
  display: none
}

.modal-ms {
  width: 450px
}

.grayBg {
  background-color: #e5e5e5
}

.landingPage {
  background-color: #f5f5f5
}

.trendIcons {
  padding-top: 10px
}

.checkboxReg {
  margin-bottom: 0;
  margin-top: 5px;
  text-align: left
}

.landingSpace {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  margin-top: 50px;
  padding: 10px
}

.landingPageLogo {
  margin-left: 150px
}

.landingContant h4 {
  color: #6e2a8f;
  margin-top: 40px
}

.responsiveDropdown li {
  list-style: outside none none
}

footer {
  background-color: #333;
  padding: 50px 0
}

footer li a {
  color: #ccc
}

footer li a:hover {
  color: #999;
  text-decoration: none
}

footer li a:visited {
  color: #ccc;
  text-decoration: none
}

p.copyright {
  color: #ccc !important;
  font-size: 12px;
  line-height: 20px;
  margin: 15px 0 0
}

.login-navi {
  color: rgb(255, 255, 255);
  font-size: 22px;
  margin-top: 1px
}

.responsiveDropdown {
  margin: 0;
  padding: 12px 0 0 18px !important
}

#evaluationBulkBlockDeals_filter {
  position: absolute;
  left: 0;
  top: -42px
}

#evaluationBulkBlockDeals_filter input {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  height: 34px
}

#evaluationBulkBlockDeals {
  margin-top: 38px
}

.footerMenu h4 {
  color: #ccc;
  padding: 10px 0
}

.contactUsMenu h4 {
  color: #ccc;
  padding: 10px 0
}

.contactUsMenu p {
  color: #ccc;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 0
}

.canslimTag {
  bottom: 62px;
  left: 493px;
  position: absolute;
  right: 0;
  z-index: 1039
}

.canslimTag .btn-primary {
  background: transparent;
  border: 1px solid #fff;
  padding: 8px 12px
}

.contactUsMenu .fa-stack-1x {
  color: #ccc
}

.companyLogo img {
  margin-top: 75px
}

.footerhr {
  border: 1px solid #999
}

.contactUsMenu {
  margin-bottom: 15px
}

.footerMenu ul {
  padding: 10px 0
}

.footerMenu li {
  color: #ccc;
  font-size: 13px;
  list-style: outside none none;
  padding: 0 10px 15px 0
}

.footerContant h4 {
  color: #ccc;
  padding: 10px 0
}

.copyRightfooter {
  background: #1d1e20 none repeat scroll 0 0;
  color: #ccc !important;
  font-size: 12px;
  font-weight: 300;
  padding: 10px 0;
  text-align: center
}

#filter .modal-body {
  max-height: 435px;
  overflow-y: auto
}

#searchBoxIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: lightgray;
  cursor: default
}

#searchBoxClear {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray
}

#recentViewedIcon {
  background-color: transparent !important;
  border: medium none !important;
  color: darkgray
}

#searchBoxIcon:hover {
  color: lightgray !important
}

#searchBoxClear:hover {
  color: darkgray !important
}

#recentViewedIcon:hover {
  color: darkgray !important
}

#login-dp {
  background-color: #ffffff;
  margin-top: 0;
  min-width: 300px;
  overflow: hidden;
  padding: 25px 15px 0;
  box-shadow: -20px -18px 50px #0000001c;
  border-radius: 12px;
  z-index: 1024;
}

#login-dp .help-block {
  font-size: 12px
}

.inputFieldFromGroup .form-group {
  margin-bottom: 22px
}

#login-dp .bottom {
  background-color: rgba(255, 255, 255, .8);
  border-top: 1px solid #ddd;
  clear: both;
  font-size: 12px;
  padding: 14px
}

#login-dp .social-buttons {
  margin: 12px 0
}

#login-dp .social-buttons a {
  width: 49%
}

#login-dp .form-group {
  margin-bottom: 10px
}

.btn-fb {
  background-color: #3b5998;
  color: #fff
}

.btn-fb:hover {
  background-color: #496ebc;
  color: #fff
}

.btn-tw {
  background-color: #55acee;
  color: #fff
}

.btn-tw:hover {
  background-color: #59b5fa;
  color: #fff
}

.countryCodeInput {
  position: absolute;
  width: 81%;
  display: none
}

.dropdownMenuCountryCode {
  border: 1px solid #e5e5e5;
  box-shadow: none;
  height: 200px;
  margin-left: 15px;
  overflow-y: scroll;
  padding: 10px 15px;
  top: 85%
}

.dropdownMenuCountryCode li {
  font-size: 14px;
  line-height: 180%
}

.dropdownCountryCode button {
  border-radius: 8px;
  height: 39px;
  width: 125px
}

.colanChecklist {
  display: none
}

.dropdownLoginMenu {
  left: inherit !important;
  margin-left: -259px;
  top: 95% !important
}

.loginDiv {
  float: right;
  right: 42px
}

.loginDivaccntDiv {
  margin-left: -35px;
  margin-right: 50px;
}

.loginDiv .btn-default {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px
}

.loginDiv .btn-default:hover {
  background-color: transparent;
  color: #e5e5e5
}

.loginDiv .btn-default.active,
.loginDiv.btn-default:active,
.loginDiv.open>.dropdown-toggle.btn-default {
  background-color: transparent;
  border-color: transparent;
  color: #fff
}

.loginDiv .btn-default.active.focus,
.loginDiv .btn-default.active:focus,
.loginDiv .btn-default.active:hover,
.loginDiv .btn-default.focus:active,
.loginDiv .btn-default:active:focus,
.loginDiv .btn-default:active:hover,
.loginDiv .open>.dropdown-toggle.btn-default.focus,
.loginDiv .open>.dropdown-toggle.btn-default:focus,
.loginDiv .open>.dropdown-toggle.btn-default:hover {
  background-color: transparent;
  border-color: transparent;
  color: #e5e5e5 !important
}

.chartSettings h2 {
  color: #6e2c90;
  font-size: 1.6em;
  font-weight: 300
}

.chartSettings h4 {
  font-size: 15px;
  font-weight: 400
}

.chartSettings h5 {
  color: #6e2c90;
  font-size: 14px;
  font-weight: 400
}

.chartSettings p {
  color: #000;
  font-size: 13px;
  font-weight: 300
}

.chartSettings .panel-default {
  border: 0 none;
  border-radius: 0
}

.chartSettings .panel-heading {
  border-radius: 0
}

.chartSettings hr {
  border-color: #dcdcdc;
  border-style: dotted;
  margin: 0;
  padding: 0
}

.chartSettings .panel-body {
  border: 0 none !important;
  margin: 0;
  padding: 5px
}

.chartSettings input[type="checkbox"]+label::before {
  background-color: #fff;
  border: 1px solid #6e2c90;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 28px;
  line-height: 26px;
  margin-right: 8px;
  vertical-align: middle;
  width: 28px
}

.chartSettings input[type="radio"]:checked+label::before {
  background-color: #fff;
  color: #6e2c90;
  content: "�";
  font-size: 3em;
  line-height: 14px;
  text-align: center;
  text-shadow: 0 0 3px #eee
}

.chartSettings input[type="checkbox"]:checked+label::before {
  background-color: #fff;
  color: #6e2c90;
  content: "\2714";
  text-align: center;
  text-shadow: 0 0 3px #eee
}

.chartSettings label {
  font-size: 15px
}

.form-control {
  border-radius: 4px
}

.movingArerages input[type="checkbox"]+label::before {
  background-color: #fff;
  border: 1px solid #6e2c90;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 28px;
  line-height: 26px;
  margin-right: 8px;
  margin-top: 0;
  vertical-align: middle;
  width: 28px
}

.movingArerages table input[type="text"] {
  width: 70px
}

.movingArerages .line-red {
  border-bottom: 2px solid red;
  width: 60px
}

.movingArerages .line-black {
  border-bottom: 2px solid #d3a221;
  width: 60px
}

.movingArerages .line-green {
  border-bottom: 2px solid green;
  width: 60px
}

.movingArerages .line-pink {
  border-bottom: 2px solid deeppink;
  width: 60px
}

.movingArerages .table>tbody>tr>td {
  font-weight: 300;
  vertical-align: middle
}

.movingArerages button {
  font-size: 16px;
  padding: 9px;
  width: 160px
}

.movingArerages .nav-tabs>li.active>a,
.movingArerages .nav-tabs>li>a:hover {
  color: #6e2c90 !important
}

.movingArerages .nav-tabs>li>a::after {
  background: #6e2c90 none repeat scroll 0 0
}

.movingArerages .panel-body {
  margin: 0
}

.movingArerages li a {
  font-size: 13px
}

.pageHeading {
  color: #000
}

.pageHeading h1 {
  font-size: 32px;
  font-weight: 300 !important;
  margin-top: 20px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.viewHistoryMob .pageHeading h4 {
  font-size: 28px;
  display: inline-block;
  margin-top: 0
}

.viewHistoryMob .pageHeading p {
  font-size: 18px
}

.marqueeInner {
  position: relative;
  bottom: 10px
}

.inner {
  position: relative;
  left: -95%;
  bottom: 10px
}

.marquee {
  width: 97%;
  overflow: hidden
}

.marquee ul li a {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: initial
}

.marquee ul li a .ml-2 {
  margin-left: 10px
}

.totalPriceStock {
  font-weight: 700;
  font-size: 12px
}

.stocksScroll ul li {
  list-style: none;
  padding: 0 20px;
  float: left;
  font-size: 12px;
  border-left: 1px solid #707070;
  line-height: 10px;
  margin-top: 2px
}

.stocksScroll ul li:first-child {
  border-left: 0 solid #707070
}

.stocksScroll ul li:last-child {
  border-right: 1px solid #707070
}

.marquee ul li a:hover {
  color: #e0a6fd
}

.stockDown {
  color: #ff9390
}

.stockUp {
  color: #18e8d3
}

.pageHeading p {
  font-size: 20px;
  font-weight: 300;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.chartSettingsModalPopup .modal-title {
  color: #6e2a8f;
  font-weight: 400
}

.chartSettingsBtn .btn-default {
  background-color: transparent;
  border: medium none;
  color: #6e2c90;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 4px;
  padding: 11px 11px 0
}

.evaluationdownIcons {
  display: inline-block
}

.chartSettingsBtn .btn-default:hover {
  color: unset;
  background-color: unset;
  border-color: unset
}

.btn-default:active:hover {
  background-color: transparent;
  box-shadow: none;
  color: #fff
}

.selectBtnWDM .btn-default:active:hover {
  background-color: #6e2c90
}

.chartSettingsBtn .fa-cog {
  border: 1px solid #ddd;
  border-radius: 0;
  padding: 3px
}

.chartSettingsBtn .fa-bell {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px
}

.chartSettingsBtn .fa-suitcase {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 3px
}

.modalSettingPopup .panel-title {
  position: relative
}

.modalSettingPopup .panel-heading .accordion-toggle {
  padding: 15px 35px
}

.modalSettingPopup .panel-heading .accordion-toggle::after {
  color: #fff;
  content: "\e114";
  float: left;
  font-family: "Glyphicons Halflings";
  margin-top: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.modalSettingPopup .panel-title .accordion-toggle {
  color: #fff
}

.modalSettingPopup .panel-title .accordion-toggle.collapsed {
  color: #333
}

.modalSettingPopup .panel-heading .accordion-toggle.collapsed::after {
  color: #333f48;
  content: "\e080";
  float: left;
  font-family: "Glyphicons Halflings";
  margin-top: 0;
  position: absolute;
  right: 20px;
  top: 20px
}

.modalSettingPopup .panel-heading .accordion-toggle {
  display: block;
  padding-left: 20px
}

.modalSettingPopup .panel-heading {
  margin-bottom: 5px;
  padding: 0
}

.modalSettingPopup .panel-heading h3 {
  background: #6e308f none repeat scroll 0 0
}

.modalSettingPopup .panel-heading a {
  padding: 10px 15px
}

.modalSettingPopup .collapsed {
  background: #f7f7f7 none repeat scroll 0 0
}

.modalSettingPopup .panel-heading .accordion-toggle.collapsed::after {
  padding-left: 10px;
  top: 15px
}

.modalSettingPopup .panel-heading .accordion-toggle::after {
  padding-left: 10px;
  top: 15px
}

.introInnerHeader {
  animation: 2s ease 0s normal none 1 running fadein
}

.fivePaisaHeader {
  animation: none !important
}

.landingBanner h1 {
  border-left: 5px solid #6e2c90;
  color: #fff;
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  margin-top: 40px;
  padding-left: 5px;
  text-align: left
}

.videosTambnilList {
  background-color: #fff;
  max-height: 332px;
  overflow: auto;
  padding: 10px;
  text-align: center
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
  display: none
}

.videoGrid {
  padding-top: 20px
}

.vid-container {
  border: 1px solid #e5e5e5;
  padding: 5px
}

.videoContainer {
  margin: -10px -10px 0;
  padding-bottom: 10px !important;
  padding-top: 10px !important
}

.vid-item {
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 8px 0
}

.vid-item:last-child {
  border-bottom: 0 solid #e5e5e5
}

.vid-item:hover {
  background-color: #f5f5f5
}

.imageGalleryModal .modal-dialog {
  margin: 10px auto
}

.investingGallery {
  background-color: #f4f4f4;
  padding-bottom: 20px;
  padding-top: 40px
}

.investingGallery .modal-body {
  padding: 1px
}

.investingGallery .panel-default>.panel-heading {
  padding: 2px
}

.investingGallery .panel-default>.panel-heading a:hover img {
  opacity: .65
}

.investingGallery .panel-default>.panel-heading a img {
  transform: translate(0, 0);
  transition: opacity 0.15s linear 0s
}

.investingGallery .panel-default>.panel-body {
  padding: 2px 10px;
  text-align: left
}

.investingGallery .panel-default>.panel-body>h4 {
  margin-bottom: 5px;
  margin-top: 5px
}

.investingGallery .panel-default>.panel-body>p {
  font-size: 12px;
  line-height: 16px
}

.investingGallery .panel-default {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

#ideaListNav .btn-group-xs>.btn,
.btn-xs {
  width: auto !important
}

.landingBanner p {
  font-size: 17px;
  font-weight: 300;
  line-height: 160%;
  margin-top: 20px;
  padding-right: 71px;
  text-align: left
}

.introInnerHeader.introInnerHeaderEvaluation {
  color: #333
}

div#company_header_placeholder>span>.col-md-7 {
  width: 48%;
  padding-right: 0;
  padding-left: 0
}


div#company_header_placeholder>span>.col-md-2 {
  width: 14% !important;
}



div#company_header_placeholder>span>.col-md-3 {
  width: 12%;
  padding-right: 0;
  padding-left: 0
}

.col-md-2.userstockInfoDiv {
  width: 25%;
  padding-right: 0;
  padding-left: 0;
  text-align: right
}

.padRgtReset {
  padding-right: 0;
  padding-left: 0;
  width: 352px
}

.likeDislikeDesktop .thumbsupIconDesk {
  color: #999
}

.likeDislikeDesktop {
  float: left;
  display: inline-block;
  margin-top: 5px
}

.likeDislikeDesktop a {
  padding-left: 20px
}

.dislikeDesktop {
  position: relative;
  top: 3px
}

.introInnerHeader {
  background: #fff;
  color: #f8f8f8;
  padding-top: 90px;
  text-align: center
}

.introInnerHeaderCanslimbanner {
  padding-top: 60px;
}

.introInnerHeaderSearch {
  padding-top: 175px;
}

.introInnerHeader#myPortfolioHeader {
  padding-top: 78px
}

.landingPrelogin {
  display: none
}

.introInnerHeader.landingPostlogin {
  padding-bottom: 0
}

#landingPage .footerGap,
#home-AfterSignUp .footerGap,
#subscriptionNew .footerGap {
  height: 0px !important
}

.introInnerHeaderReseller {
  background: rgba(0, 0, 0, 0) url(../img/resellerBnr.jpg) no-repeat scroll center center / cover;
  color: #f8f8f8;
  padding-bottom: 50px;
  padding-top: 560px;
  text-align: center
}

.landingIcons {
  margin-bottom: 40px;
  margin-top: 40px
}

.menuIcons img {
  width: 39%
}

.menuIcons {
  display: block
}

.menuIcons:hover {
  border-radius: 5px;
  box-shadow: 0 0 6px #ddd
}

.menuIcons h4 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  text-decoration: none
}

.menuIcons:hover {
  text-decoration: none
}

.menuIcons p {
  color: #666;
  font-size: 16px;
  margin: 0;
  padding-bottom: 15px
}

.userInformation h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 0
}

.userInformation p {
  font-size: 13px;
  margin-bottom: 0;
  overflow-wrap: break-word
}

.userInformationDiv {
  margin-bottom: 10px
}

.loginInnerDp {
  left: inherit !important;
  margin-left: -260px;
  top: 95% !important;
  width: 350px !important
}

.chartIcon {
  margin-left: 8px;
  margin-top: -5px
}

.fa-border {
  color: #333 !important
}

.droupdownOptionsSelect .btn-default {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  padding: 1px 5px
}

.droupdownOptionsSelect .dropdown-menu {
  left: auto;
  right: 0;
  width: auto
}

.droupdownOptionsSelect {
  margin-top: -28px
}

.dropdownOptions {
  bottom: 20px !important;
  box-shadow: 1px 0 7px #999 !important;
  left: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  right: 0 !important;
  width: auto !important
}

.dropdownOptions>li>a {
  border-bottom: 1px solid #e5e5e5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px !important;
  width: 62px
}

#selectweeklyMonthlyDailyEn .dropdownOptions>li>a,
#selectweeklyMonthlyDailyEnMob .dropdownOptions>li>a {
  background-color: #fff;
  border: 1px solid #e5e5e5 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 6px !important
}

.custormerinforDate {
  border: 1px solid #333;
  height: 100px;
  width: 100px
}

.viewDisclaimerContent {
  display: none
}

.viewDisclaimerContent {
  color: #000;
  font-size: 13px;
  font-weight: 300
}

.priceInrForm {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0 20px
}

.priceText {
  color: #6e2a8f;
  font-weight: 600;
  padding-right: 10px
}

.priceAlertMsg {
  color: red;
  font-weight: 300;
  padding-right: 10px
}

.priceInr {
  color: #999;
  padding-right: 10px !important
}

.priceVolumeCol {
  display: inline;
  width: 70px
}

.priceAndVolumeDiv p {
  border-top: 1px solid #e5e5e5;
  color: #333;
  margin-bottom: 0;
  padding: 10px 20px
}

.priceAndVolumeDiv p:first-child {
  border-top: 0 solid #e5e5e5
}

.ideaListNav .btn-link {
  color: #6e2a8f
}

.btnSettingsModal {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #6f2c91;
  margin-right: 10px;
  line-height: 16px !important
}

.detailsHead {
  text-align: right;
  font-weight: 400;
  font-size: 14px;
  float: right;
  padding-bottom: 15px
}

.detailsHead select {
  padding: 5px 10px
}

.detailsHr {
  margin-bottom: 10px;
  margin-top: 10px
}

.canslimRating {
  font-size: 14px;
  font-weight: 600
}

.formattedDescriptionContant {
  font-size: 11px
}

.detailsGroupWebsiteLink a {
  font-size: 13px;
  padding-left: 10px
}

#master_score_placeholder {
  margin-left: -13px
}

#model_stock_placeholder {
  margin-left: 3px;
  margin-top: 10px
}

.contentMasters {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0
}

.graphCloseBtn {
  border-radius: 0 !important;
  padding: 1px 7px !important;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999
}

.graphCloseBtn.graphCloseBtnMob {
  right: 0;
  top: 0
}

.canSlimMeter {
  box-sizing: border-box;
  float: right;
  height: 250px;
  margin: 20px;
  position: absolute;
  width: 250px
}

.tableRelated tbody tr td {
  color: #6e2a8f
}

.tableRelated tbody tr td a {
  color: #6e2a8f
}

.evaluationHr {
  margin-bottom: 0 !important;
  margin-top: 10px
}

.selectBtnWDM {
  padding-bottom: 5px;
  padding-right: 50px;
  padding-top: 48px;
  text-align: right
}

.right-side-panel .selectBtnWDM {
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 15px;
  text-align: right;
  float: right;
  padding-left: 10px
}

.mobiledropdown {
  text-align: right
}

.new-old-chart {
  display: flex;
}

#company_header_placeholderPopUp h4,
#company_header_placeholderPopUpMob h4 {
  padding-bottom: 5px;
  padding-left: 40px
}

.selectBtnWDM label {
  border-radius: unset !important;
  font-size: 14px;
  font-weight: 700
}

.selectBtnWDM .radio-inline {
  padding-left: 35px
}

.iframeHidden {
  opacity: 0;
  position: absolute;
  z-index: -1
}

.iframeHidden>iframe {
  border: 0 none !important;
  height: 125px;
  width: 125px
}

.evaluationValuesTab {
  background-color: #f2f2f2;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px
}

.evaluationValuesTab h4 {
  color: #6e2c90;
  font-weight: 600
}

.nagativeValues {
  color: #2736e9 !important;
  padding-left: 10px
}

.evaluationValuesTab span {
  color: #000
}

.evaluationPopUpHeader {
  margin-top: 5px
}

.searchautoSelect {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 12px;
  height: auto;
  margin-top: -2px;
  padding: 10px;
  position: fixed;
  width: 94%;
  z-index: 1032
}

.searchautoSelect {
  margin-top: 5px;
  right: 55px;
  width: 250px
}

.enlargeSearchautoSelect {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #333;
  font-size: 11px;
  height: auto;
  margin-top: 31px;
  padding: 10px;
  position: fixed;
  width: 94%;
  z-index: 1032
}

.enlargeSearchautoSelect {
  width: 270px
}

.switch-field {
  overflow: hidden;
  text-align: left
}

.evaluationlargeBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 25px
}

.evaluationlargeBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.evaluationlargeBtnbelowchart .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.evaluationlargeBtnbelowchart {
  float: right
}

.patternBtnbelowChart {
  margin-top: 6px;
  float: right
}

#themeToggleSwitch {
  float: left;
}

.enlargeBtn {
  right: 0;
  position: absolute;
  z-index: 0
}

.enlargeBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.oholitagBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 60px
}

.oholitagBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.chartPrintBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 120px
}

.chartPrintBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.chartShareBtn {
  right: 0;
  position: absolute;
  z-index: 0;
  margin-top: 83px
}

.chartShareBtn .btn-primary {
  font-size: 16px;
  padding: 0 6px;
  width: 40px
}

.switch-title {
  margin-bottom: 6px
}

.switch-field input {
  display: none
}

.switch-field label {
  float: left
}

.switch-field h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px
}

.switch-field label {
  background-color: #e4e4e4;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset, 0 1px rgba(255, 255, 255, .1);
  color: rgba(0, 0, 0, .6);
  display: inline-block;
  font-size: 12px;
  font-weight: 600 !important;
  padding: 6px 4px;
  text-align: center;
  text-shadow: none;
  transition: all 0.1s ease-in-out 0s;
  width: 44px
}

.switch-field label:hover {
  cursor: pointer
}

.switch-field input:checked+label {
  background-color: #6e2c90;
  box-shadow: none;
  color: #fff
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0
}

.switch-field-enlarge {
  overflow: hidden;
  text-align: left
}

.switch-title {
  margin-bottom: 6px
}

.switch-field-enlarge input {
  display: none
}

.switch-field-enlarge label {
  float: left
}

.switch-field-enlarge h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px
}

.switch-field-enlarge label {
  background-color: #e4e4e4;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset, 0 1px rgba(255, 255, 255, .1);
  color: rgba(0, 0, 0, .6);
  display: inline-block;
  font-size: 12px;
  font-weight: 600 !important;
  padding: 6px 4px;
  text-align: center;
  text-shadow: none;
  transition: all 0.1s ease-in-out 0s;
  width: 47px
}

.switch-field-enlarge label:hover {
  cursor: pointer
}

.switch-field-enlarge input:checked+label {
  background-color: #6e2c90;
  box-shadow: none;
  color: #fff
}

.switch-field-enlarge label:first-of-type {
  border-radius: 4px 0 0 4px
}

.switch-field-enlarge label:last-of-type {
  border-radius: 0 4px 4px 0
}

.modalSitchBody {
  padding: 0
}

#custom-search-input {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23);
  padding: 0;
  position: fixed;
  width: 250px;
  z-index: 1036;
  top: 7px;
  display: none;
}

.enlargesearchInput {
  display: inline-block !important;
}

.controlBtnGroup .btn {
  font-size: 13px;
  margin-bottom: 0;
  padding: 4px 12px
}

.controlBtnGroup .btn-primary {
  background: #999 linear-gradient(to bottom, #999999, #4f4f4f) repeat scroll 0 0;
  border-color: #999 !important;
  border-radius: 0;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  padding: 3px 10px;
  text-decoration: none
}

.controlBtnGroup .btn-primary:hover {
  background: #b0b0b0 linear-gradient(to bottom, #b0b0b0, #828282) repeat scroll 0 0;
  text-decoration: none
}

.controlBtnGroup {
  margin-top: 5px
}

.evaluationGraphFrame {
  background-color: #fff;
  height: 552px;
  padding-top: 2px;
  width: 100%
}

.evaluationGraphFrameEnlarge {
  background-color: #fff;
  height: 100%;
  padding-top: 2px;
  width: 100%
}

#custom-search-input input {
  border: 0 none;
  box-shadow: none;
  font-size: 16px;
  height: 36px;
  padding: 0;
  width: 170px
}

#custom-search-input button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  color: #666;
  margin: 2px 0 0;
  padding: 0 8px 0 10px
}

#custom-search-input button:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #ccc;
  border-image: none;
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  box-shadow: none
}

#custom-search-input .glyphicon-search {
  font-size: 23px
}

.addBtn .btn-lg {
  margin-left: -20px;
  padding: 7px 14px;
  position: fixed;
  z-index: 1036
}

.evaluationValues {
  background: #f2f2f2;
  margin: 20px 0 -10px;
  padding: 10px 30px;
  text-align: left
}

.evaluationValues h1 {
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.2em
}

@media (max-width:1280px) {
  .evaluationValues h1 {
    font-size: 18px
  }
}

.volumeOne {
  padding-left: 3px;
  font-size: 16px
}

.volumeOne b {
  color: #de32ae;
  padding-left: 10px
}

.volumeTwo {
  color: #2736e9;
  padding-left: 5px
}

.rationValue {
  font-size: 21px;
  font-weight: 600;
  padding-right: 5px
}

.companyNameBold {
  color: #639;
  font-weight: 600
}

.priceVol {
  font-size: 16px;
  margin-left: 23px
}

#enlargePopUp .modal-header {
  padding: 0 15px
}

.nav-tabs {
  border-bottom: 1px solid #ddd
}

.nav-tabs>li.ideaListNav {
  float: right
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-top: 0;
  border-left: 0;
  border-right: 0
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border-bottom: 1px solid #6e2a8f !important
}

.nav-tabs>li>a {
  border: medium none;
  color: #666
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
  background: transparent none repeat scroll 0 0;
  border: medium none
}

.nav-tabs>li>a::after {
  background: #6e2a8f none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scale(0);
  transition: all 250ms ease 0s;
  width: 100%
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
  transform: scale(1)
}

.tab-nav>li>a::after {
  background: #21527d none repeat scroll 0 0;
  color: #fff
}

.sideMenu {
  bottom: 0;
  left: 10px;
  margin-top: 20px;
  position: fixed;
  width: 50px;
  z-index: 2048
}

.sideMenuMobile {
  margin-right: -50px
}

.menuBtnMobile {
  background: #6f2c91 linear-gradient(to bottom, #6f2c91, #671891) repeat scroll 0 0;
  border-radius: 30px;
  box-shadow: 0 5px 10px #999;
  cursor: pointer;
  margin-bottom: 20px;
  padding: 10px
}

.menuBtnMobile i {
  color: #fff;
  font-size: 20px;
  padding: 5px
}

.mainMenuListDiv {
  display: none
}

.menuBtnMobile:hover {
  background: #79389c linear-gradient(to bottom, #79389c, #602580) repeat scroll 0 0
}

.sideMenu ul {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

.sideMenu ul li {
  background: #e8e8e8 linear-gradient(to bottom, #e8e8e8, #d4d4d4) repeat scroll 0 0;
  border-radius: 33px;
  font-size: 12px;
  list-style: outside none none;
  margin-bottom: 7px;
  padding: 7px
}

.sideMenu ul li a {
  border-radius: 36px
}

.sideMenu ul li:hover {
  background: #f7f7f7 linear-gradient(to bottom, #f7f7f7, #ebebeb) repeat scroll 0 0
}

.tab-content {
  padding: 20px 20px
}

#currentHoldingMPChart .card {
  margin-bottom: 0
}

.card {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  margin-bottom: 30px
}

.card .nav>li>a {
  display: block;
  font-size: 18px;
  padding: 10px 15px;
  position: relative
}

.card.autoportfolioCard .nav>li>a {
  padding: 15px 15px 10px 15px
}

.masters {
  background-color: #702c91;
  height: 50px;
  width: 50px
}

.masters b {
  color: #fff;
  font-size: 30px;
  line-height: 50px
}

.evaluationTab b {
  color: #2736e9
}

.evaluationTab h4 {
  margin-bottom: 4px;
  margin-top: 0;
  font-size: 15px
}

.viewDetailedReports:focus {
  outline: none
}

.viewDetailedReports {
  background-color: #e5e5e5;
  border: 1px solid #6e2a8f;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  margin-left: 14px;
  margin-top: 2px;
  padding: 0 7px;
  right: 25px
}

.viewDetailedReports:hover {
  background-color: #6e2a8f;
  color: #fff;
  border: 1px solid #6e2a8f
}

.viewDetailedReports.reportsStock {
  background-color: #6e2a8f;
  border: 1px solid #6e2a8f;
  padding: 3px 12px;
  color: #fff;
  box-shadow: 0 3px 10px 0 #e3d8e8
}

.viewDetailedReports.reportsStock:hover {
  background-color: #e5e5e5;
  border: 1px solid #6e2a8f;
  color: #6e2a8f;
  box-shadow: none
}

.evaluationTab h4 b {
  color: #000;
  font-weight: 700
}

.modal-enlarge {
  margin: 6px;
  position: relative;
  width: 100%
}

.evaluationGraph {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  height: 552px;
  display: initial
}

.evaluationGraphEnlarge {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  height: 80vh
}

.evaluationStrength {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  margin-top: 10px;
  padding: 0 10px
}

.evaluationStrength h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 5px
}

.greatPercent {
  color: #2736e9;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.fairPercent {
  color: #555;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.goodPercent {
  color: #2736e9;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.poorPercent {
  color: #de32ae;
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.naPercent {
  color: #555;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  opacity: .5
}

.evaluationStrength h3 {
  margin-bottom: 6px;
  margin-top: 0;
  line-height: 28px
}

.progress .progress-bar {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: animateBar;
  animation-timing-function: ease-in
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.progress-bar-great {
  background-color: #2736e9
}

.progress-bar-fair {
  background-color: #555
}

.progress-bar-good {
  background-color: #2736e9
}

.progress-bar-na {
  background-color: #555;
  opacity: .6
}

.progress-bar-poor {
  background-color: #de32ae
}

.evaluationStrengthTabs {
  cursor: pointer;
  margin-bottom: -5px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 1px 5px
}

.removeChecklistHeader .evaluationStrengthTabs {
  padding: 1px 25px
}

.greatPercentValue {
  color: #2736e9;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.goodPercentValue {
  color: #2736e9;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.fairPercentValue {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.poorPercentValue {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.naPercentValue {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.goodPercentValue {
  color: #2736e9;
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.evaluationStrengthTabs:hover {
  background-color: #e5e5e5
}

.epsStrengthValue {
  color: #2736e9
}

.fairStrengthValue {
  color: #555
}

.addtoListBtn {
  padding-top: 24px
}

.introInner {
  padding-bottom: 10px
}

.industryGroup h1 {
  font-size: 18px;
  margin-bottom: 10px;
  margin-top: 0
}

.industryGroup h2 {
  font-size: 16px;
  margin-top: 10px
}

.industryGroup .table>thead>tr>th {
  border-top: 1px solid #ddd !important;
  color: #666
}

.industryGroup .table>thead>tr>th {
  border-bottom: 0 solid #ddd
}

.industryGroup .table>thead>.mainTableHeader>th {
  border-bottom: 0 none;
  border-top: 0 solid #ddd !important;
  color: #666;
  padding: 1px 5px
}

.priceInrSlide {
  padding-left: 25px !important
}

.tdGroup {
  color: #2736e9
}

.detailsGroup {
  font-size: 14px;
  font-weight: 600 !important;
  margin-top: 0;
  padding-top: 0
}

.tableRaleted>thead>tr>th {
  font-size: 13px;
  text-align: right
}

.tableRaleted>tbody>tr>td {
  font-size: 13px;
  text-align: right
}

.table-space>thead>tr>th {
  font-size: 11px !important;
  text-align: right
}

.tableHeadSlideText>thead>tr>.priceInrSlide {
  position: absolute;
  right: 40px;
  width: 100% !important
}

.table-space>tbody>tr>td {
  font-size: 10px !important;
  text-align: right
}

.detailsGroup h3,
h4,
h5 {
  font-weight: 400
}

.table-slide .table>tbody>tr:nth-child(2n) {
  background: #f0f0f0 none repeat scroll 0 0
}

.table-slide .table>thead>tr>th {
  padding: 4px 8px;
  width: 55px
}

.table-slide .table>tbody>tr>td {
  padding: 4px 6px !important;
  font-size: 13px
}

@media (max-width:991px) {
  .informationIdeiaList {
    z-index: 999;
    font-size: 14px;
    right: 15px;
    position: absolute;
    width: 40px;
    background: transparent;
    border: none
  }

  .portfolioTableMob {
    margin-top: 20px !important
  }

  .portfolioTableMob .fa {
    font-size: 14px !important
  }

  .portfolioTableMob tr td {
    font-size: 13px
  }

  .portfolioTableMob tr td:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .portfolioTableMob tbody>tr>td:first-child,
  .portfolioTableMob tbody>tr>td:nth-of-type(2),
  .portfolioTableMob tbody>tr>td:nth-of-type(3) {
    font-weight: 500
  }

  .qtyAction {
    float: right;
    display: inline-block;
    padding-right: 10px
  }

  table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%
  }

  table span.dtr-data {
    font-weight: 400;
    float: right
  }

  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #79389c;
    color: #fff
  }

  span.dtr-title {
    margin-left: 25px;
    font-weight: 400 !important
  }

  .portfolioTableMob .child li:nth-of-type(odd) {
    background-color: #f7f7f7
  }

  .portfolioTableMob .child li:nth-of-type(even) {
    border: solid 1px #f0f0f0
  }

  .video-container-mob {
    padding-right: 0;
    padding-left: 0
  }

  .mob-video-div {
    margin-top: 0
  }

  .video-hdr {
    text-align: center;
    padding-bottom: 30px;
    margin-top: 50px
  }

  .video-hdr::after {
    margin: auto
  }

  .scrollToTop {
    font-size: 39px !important;
    bottom: 35px !important
  }

  .custom-block-1 {
    left: 15px;
    padding: 0 5px 0 2px
  }

  .custom-details-row-1 {
    background-color: #f5f2f0;
    font-size: 13px;
    font-weight: 400;
    margin-left: 5px;
    margin-right: 1px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0
  }

  #fundamntlEarningTableId {
    margin-bottom: 0;
    border-right: 1px solid #ddd
  }

  #combineCustomBlockRow {
    margin-right: 0
  }

  .custom-block-2 {
    left: 15px;
    padding-left: 0
  }

  .custom-block-2,
  .custom-block-3 {
    height: auto !important
  }

  .custom-block-3 {
    border-left: 4px solid #dcdcdc;
    left: 15px;
    padding-left: 0
  }

  .value-block-5 {
    padding-left: 22px
  }

  .epsDueDiv-mob {
    float: right;
    font-size: 14px;
    font-weight: 600
  }
}

@media (min-width:1300px) {
  .ownershipChart {
    margin-top: -60px !important
  }
}

@media (min-width:992px) {
  .col-md-4.col-md-offset-3.searchSetMargin {
    margin-left: 23%
  }

  .adsense .col-md-4.col-md-offset-3.searchSetMargin {
    margin-left: 19%
  }

  .checklistRight {
    margin-top: 6px
  }

  .informationIdeiaList.iconRight {
    right: 5px
  }

  #ideaListsPage.basicGuestUser .informationIdeiaList.iconRight {
    right: 0
  }

  #investing-video-body .introInnerHeader {
    padding-bottom: 80px
  }

  .marginAdjust {
    margin-left: 13%;
    width: 75%
  }

  #reportStockModal .modal-dialog {
    width: 800px !important
  }

  #portfolioStockModal .modal-dialog,
  #performanceChartModel .modal-dialog {
    width: 800px !important
  }

  .custom-block-1 {
    background-color: #f6f6f6;
    left: 15px;
    padding: 10px 5px 12px 2px
  }

  .custom-block-2 {
    background-color: #f6f6f6;
    border-left: 4px solid #dcdcdc;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 10px
  }

  .custom-block-3 {
    background-color: #f6f6f6;
    border-left: 4px solid #dcdcdc;
    padding-bottom: 10px;
    padding-left: 0;
    padding-top: 10px;
    right: 15px
  }

  .btnWrapper {
    width: 330px !important
  }

  #marketConditionHist .modalWithArrow {
    margin-top: -75px
  }

  #marketConditionHist .modalWithArrow.modalWithOutAd {
    margin-left: -240px
  }

  #ideaListsPage.basicGuestUser .stockChart .logoSpinnerImgSmall {
    left: 70.8px
  }

  .referAFriendMain {
    padding: 10px 10px 40px 10px
  }

  .basicGuestUser .ideaListsiconsRating ul li a span {
    padding: 7px 8px
  }

  .ownershipChart {
    margin-top: -48px;
    margin-bottom: -60px
  }

  .pie-info {
    margin-top: 13px !important
  }

  .market-condition-status .table>tbody>tr>td {
    padding: 16px 16px 11px
  }

  .extraPadding {
    padding: 0 70px
  }
}

.combine-custom-block {
  font-size: 13px;
  font-weight: 400
}

.details-block-1 .details {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-2 .details {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-3 .details {
  font-weight: 400; //overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-4 .details {
  font-weight: 400; //overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.details-block-5 .details {
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px
}

.line {
  padding-right: 0;
  position: relative
}

.line::after {
  border-right: 5px solid rgba(255, 255, 255, .15);
  bottom: -15%;
  content: "";
  position: absolute;
  right: 0;
  top: -22%
}

.custom-details-row-1 {
  background-color: #f6f6f6;
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 1px;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-top: 15px
}

.custom-details-row-2 {
  background-color: #f6f6f6;
  font-size: 13px;
  font-weight: 400;
  margin-left: 5px;
  margin-right: 1px;
  margin-top: 10px;
  padding-bottom: 15px;
  padding-top: 15px
}

.checkListsGroup h4 {
  background-color: rgb(102, 138, 237);
  color: #fff !important;
  font-weight: 600;
  margin: 0;
  padding: 10px;
  text-align: center
}

.checkListsGroup small {
  color: #fff !important;
  font-size: 11px;
  font-weight: 600;
  padding-left: 12px
}

.checkListsGroup .table>tbody>tr>td:nth-of-type(2) {
  background-color: #f5f5f5;
  font-weight: 600
}

.checkListsGroup .table>tbody>tr>td:nth-of-type(4) {
  background-color: #f5f5f5;
  font-weight: 600
}

.checkListFail i {
  color: #f81717
}

.ratingBtnDiv {
  color: #999;
  cursor: pointer;
  padding-bottom: 5px;
  padding-top: 10px
}

.ratingBtnDivYellow {
  color: #ffa824
}

.dwmBtn {
  margin-top: 10px
}

.main_ctnt {
  border: 1px solid #000;
  margin: 100px;
  padding: 15px;
  width: 650px
}

.morectnt span {
  display: inline
}

.showmoretxt {
  display: none
}

.optionDWM {
  margin-top: 20px
}

.optionDWMEnlarge {
  margin-top: 20px
}

.canslimProgress {
  margin: 0 25px
}

#nextInList {
  color: #000 !important
}

#nextInList:hover {
  color: #666 !important
}

#previousInList {
  color: #000 !important
}

#previousInList:hover {
  color: #666 !important
}

.filterOptionsList .btn-default:hover {
  background-color: #999;
  border-color: #999;
  color: #fff
}

.filterOptions .btn-group .active:hover {
  background-color: #6e2c90
}

.downUpArrows {
  color: rgb(51, 51, 51);
  font-size: 20px;
  padding-left: 13px
}

.bell-colorChange {
  color: #000 !important
}

.panel-heading .accordion-toggle::after {
  color: grey;
  content: "\e114";
  float: right;
  font-family: "Glyphicons Halflings";
  right: 0
}

#ideaListsPage .panel-heading .accordion-toggle::after {
  margin-top: -15px
}

#modelPortfolioPage .panel-heading .accordion-toggle::after {
  margin-top: -15px
}

.panel-heading .accordion-toggle.collapsed::after {
  content: "\e080"
}

.accordion-video .accordion-toggle:after {
  font-family: 'FontAwesome';
  font-family: 'Glyphicons Halflings';
  content: "\e113";
  float: right;
  color: #fff
}

.accordion-video .accordion-toggle.collapsed:after {
  content: "\e114";
  color: #5f6879
}

.accordion-video .accordion-toggle.collapsed {
  background-color: #eaecf0 !important;
  color: #5f6879 !important
}

.accordion-video .accordion-toggle {
  background-color: #000;
  color: #fff
}

.accordion-video {
  padding: 0 0px !important
}

.accordion-video .accordion-toggle {
  padding: 20px 15px !important;
  background-color: #78849e !important;
  color: #fff !important;
  display: block
}

.bulbIcon {
  margin-top: -5px;
  width: 3.5%
}

div.bhoechie-tab-container {
  background-clip: padding-box;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .176);
  opacity: .97;
  padding: 0 !important;
  z-index: 10
}

div.bhoechie-tab-menu {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

div.bhoechie-tab-menu div.list-group {
  margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a {
  margin-bottom: 0;
  cursor: pointer
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5a55a3
}

div.bhoechie-tab-menu div.list-group>a:first-child {
  border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
  border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
  background-color: #6e2c90;
  color: #fff
}

div.bhoechie-tab-menu div.list-group>a.active::after {
  border-bottom: 13px solid transparent;
  border-left: 10px solid #6e2c90;
  border-top: 13px solid transparent;
  content: "";
  left: 100%;
  margin-top: -13px;
  position: absolute;
  top: 50%
}

div.bhoechie-tab-content {
  background-color: #f5f5f5;
  margin-bottom: 30px;
  overflow-x: hidden;
  padding: 10px
}

.currentHoldingsTab {
  background-color: #f5f5f5;
  margin-bottom: 0;
  padding: 10px
}

#currentHoldings.panel-heading {
  color: #6e2c90
}

.ideaListsHeader h4 {
  margin: 0
}

.ideaListContent {
  margin-bottom: 20px
}

.topStocksIndia {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
  margin-bottom: 10px;
  padding: 10px 10px 10px
}

.outlookCommentary {
  padding: 4px
}

.outlookCommentary p {
  font-size: 15px;
  font-weight: 300
}

.stockContant {
  margin-left: 50px
}

.stockChart img {
  border: 1px solid #999;
  height: 125px;
  width: 170px
}

.iframeHidden iframe {
  height: 120px;
  width: 170px
}

.stockChart img {
  height: 120px;
  width: 170px
}

#modelPortfolioPage .iframeHidden iframe {
  height: 100px;
  width: 125px
}

#modelPortfolioPage .stockChart img {
  height: 120px;
  width: 170px
}

.outlookCommentary .panel-body {
  background-color: #fcfcfc
}

#modelportfolio_stock_placeholder .negativeValue {
  font-size: 14px
}

#modelportfolio_stock_placeholder .stockChart img {
  border: 1px solid #999;
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .iframeHidden iframe {
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .stockChart img {
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .iframeHidden iframe {
  height: 100px;
  width: 125px
}

#modelportfolio_stock_placeholder .stockChart img {
  height: 100px;
  width: 125px
}

.stockContant h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.stockContant h3 {
  font-size: 20px;
  font-weight: 600;
  margin: 0
}

.stockContant span {
  padding: 20px
}

.stockContant .row {
  margin-bottom: 10px
}

.stockContant b {
  padding-left: 10px
}

.stockContant .spaceAdjst .col-md-5 {
  padding-left: 0 !important
}

.styleRating {
  color: #2736e9;
  font-weight: 700
}

.currentStock .positiveValue {
  color: #2736e9 !important;
  font-size: 14px
}

.styleRatingLow {
  color: #9e2de0
}

.ideaListBody .panel-body {
  padding: 0
}

.ideaListBody .list-group-item {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px
}

.masterScoreFilter {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px
}

.masterScoreFilter h4 {
  margin: 0;
  text-align: center
}

.masterScoreFilter a {
  color: #6e2c90
}

#filterButton .btn-xs {
  font-size: 9px;
  padding: 1px 3px
}

#filterButtonOnOff {
  margin-top: -2px
}

.sortOrder {
  background-color: rgb(245, 245, 245);
  border: 1px solid rgb(229, 229, 229);
  margin-bottom: 15px;
  padding: 10px
}

.sortOrder h4 {
  font-size: 15px;
  font-weight: 600;
  margin-top: 0
}

.switch {
  display: inline-block;
  height: 23px;
  position: relative;
  width: 50px
}

.switch-mobile {
  width: 32px
}

.switch input {
  display: none
}

.slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.4s ease 0s
}

.slider::before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 16px;
  left: 4px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 16px
}

input:checked+.slider {
  background-color: #6e2c90
}

input:focus+.slider {
  box-shadow: 0 0 1px #2196f3
}

input:checked+.slider::before {
  transform: translateX(26px)
}

.slider.round {
  border-radius: 34px
}

.slider.round::before {
  border-radius: 50%
}

.applyFilter {
  border-bottom: 1px solid rgb(229, 229, 229);
  margin-bottom: 10px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px
}

.selectit {
  background-color: green
}

.filterOptions .btn-group .active {
  background-color: #6e2c90
}

.filterOptions .btn-group {
  width: 100%
}

.filterOptions.userlistfoptions .btn-group {
  width: auto
}

.filterOptions {
  margin-top: 15px
}

.filterContants {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px
}

.filterContants p {
  color: #666;
  margin: 0
}

.filterHeading h4 {
  margin-bottom: 0;
  margin-top: 0
}

.currentHoldingAccordion .accordion-toggle {
  display: block
}

.modalPortfolio.newsTabPanel {
  padding: 0;
  margin-top: -15px
}

.modalPortfolio {
  padding: 10px 0
}

.pagination-container {
  text-align: center !important
}

.informationDiv .tooltip.bottom {
  padding: 5px 0;
  margin-top: -15px
}

.indiaModelPortfolio {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: -10px;
  padding: 10px
}

.indiaModelPortfolioNote {
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  display: none;
  padding: 20px 10px
}

.indiaModelPortfolioNote h4 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px
}

.indiaModelPortfolioNote p {
  font-size: 13px
}

.indiaModelPortfolioNote a {
  font-size: 13px !important;
  color: #6e2a8f;
  cursor: pointer
}

#videoModal .modal-body {
  padding: 0
}

.indiaModelPortfolioNote a:hover {
  text-decoration: underline !important
}

.indiaModelPortfolio h4 {
  margin: 0;
  padding-bottom: 5px;
  padding-top: 5px
}

@media(min-width:1370px) {
  .fullLengthbanner .pageHeading {
    margin-top: 0
  }

  .playIcon {
    margin: 80px 0 0 130px
  }
}

.fullLengthbanner .pageHeading {
  margin-left: 0
}

.indiaModelPortfolio i img {
  cursor: pointer;
  height: 20px;
  margin-left: 4px;
  margin-top: -4px;
  width: 20px
}

.indiaModelPortfolio p {
  margin: 0
}

.modalPortfolioTabs .panel {
  background-color: #f5f5f5
}

.modalPortfolioTabs .panel-group .panel {
  border-radius: 0
}

.StockIdeasModalPortfolio {
  padding: 10px 0
}

.StockIdeasModalPortfolio .panel-group .panel {
  border-radius: 0
}

.newsTallHeader h4 {
  font-size: 16px;
  padding-bottom: 10px;
  margin: 0;
  font-weight: 500;
  color: inherit
}

.newspanel {
  margin-bottom: 3px
}

.modelTallHeader h4 {
  font-size: 16px;
  margin: 0;
  padding-bottom: 10px;
  white-space: nowrap;
  width: 265px
}

.tableExecutedBody {
  background-color: #f5f5f5;
  max-height: 400px;
  padding: 5px;
  overflow-y: auto
}

.tableExecutedBody .table {
  background-color: #fff;
  box-shadow: 0 1px 0 #e5e5e5;
  color: #333
}

.modelTallHeader p {
  font-size: 13px;
  line-height: 18px;
  margin: 0
}

.modalPortfolioParaTest {
  display: inline-block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%
}

.modalPortfolioTabs .panel-body {
  font-size: 13px
}

.modalPortfolioBy {
  padding-bottom: 5px
}

.currentStock h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 180px
}

.currentStock h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0
}

.currentStock span {
  padding: 5px
}

.currentStock b {
  padding-left: 10px
}

.currentStock .spaceAdjst .col-md-6 {
  padding-left: 0 !important
}

.readMoreBtn {
  margin-bottom: 20px;
  margin-top: 20px
}

.panel-body h2 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0
}

.readMoreContnt {
  display: none
}

.btn-confirmed {
  background-color: transparent;
  border-color: #039025;
  border-radius: 30px !important;
  color: #6e2c90;
  margin-bottom: 10px;
  padding: 15px 30px !important
}

.btn-confirmed:hover {
  background-color: #702c91;
  border-color: #702c91;
  color: #fff
}

.confirmedText {
  font-size: 18px
}

.btn-confirmed .fa-2x {
  font-size: 1.5em
}

.portfolio-text .rupee-symbol {
  font-size: 14px !important;
  position: absolute;
  margin-left: 7px;
  opacity: .5;
  margin-top: 7px
}

@media (min-width:992px) and (max-width:1199px) {
  .currentStock h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 138px
  }
}

@media (max-width:1180px) {
  .chartPrintForBig {
    display: none
  }

  .notification-bell {
    top: 0px;
  }

  .loginDiv .btn-default {
    padding: 0px 10px;
  }

  .assessmentCard {
    width: 70%
  }

  .ideaListContent.ideaListMenu {
    margin-top: 70px
  }

  .ideaListMenu .informationIdeiaList {
    top: 1px;
    background: none
  }

  .ideaListMenu .panel-default>.panel-heading {
    color: #FFF;
    background-color: #5F7D8D;
    border-color: #5F7D8D
  }

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    margin-top: 8px
  }

  #idea_lists_placeholder.idea_listsMenu .asiIconsMob {
    width: 40px;
    margin-right: 8px;
    margin-top: -3px;
    border-radius: 121px
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(1) .panel-title {
    width: auto
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(2) .panel-title {
    width: auto
  }

  .idea_listsMenu .idealistMenuIcons {
    width: 50px
  }

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    font-size: 18px !important
  }

  .idea_listsMenu .panel-heading {
    padding: 4px 5px
  }

  .idea_listsMenu .ideaListsHeader {
    width: 100%
  }

  .idea_listsMenu .ideaListsHeader small {
    font-size: 13px;
    color: #fff
  }

  .idea_listsMenu .informationIdeiaList {
    right: 20px;
    font-size: 20px;
    padding: 20px 5px
  }

  .ideaListMenu a:hover {
    color: #fff
  }

  .ideaListMenu #idea_lists_placeholder .list-group a,
  .ideaListMenu #idea_mylist_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
  }

  .ideaListMenu .edit-btn .panelLftAlign {
    color: #6e2a8f
  }

  .ideaListMenu .ideaListBody .list-group-item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px
  }

  .ideaListMenu .lockUnlock {
    position: absolute;
    right: 25px;
    color: #6e2a8f;
    display: none
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #6e2a8f
  }

  .viewHistoryMob .pageHeading h4 {
    font-size: 24px;
    margin-left: -5px
  }

  .viewHistoryMob .pageHeading p {
    font-size: 16px;
    margin-bottom: 0;
    text-align: justify
  }

  .historyBtn {
    margin-top: 0
  }

  .relatedSymbolsstock {
    top: 58px;
    width: 100% !important
  }

  .listFlagDiv {
    top: 60px
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    padding-bottom: 5px;
    padding-left: 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 61%;
    margin-left: 15px
  }

  div#company_header_placeholder>span>.col-md-7 {
    width: 40%
  }

  div#company_header_placeholder>span>.col-md-2 {
    width: 25%;
  }

  div#company_header_placeholder>span>.col-md-3 {
    width: 30%;
    text-align: right
  }

  .col-md-2.userstockInfoDiv {
    width: 100%;
    margin-top: 10px
  }

  .portfolio-text .rupee-symbol {
    font-size: 14px !important;
    position: absolute;
    margin-left: 7px;
    opacity: .5;
    margin-top: 5px
  }

  .autoSelectHeader {
    position: absolute;
    width: 93%;
    z-index: 1024
  }

  .webSearchAutoHdrDiv {
    width: 314px;
    margin-left: 314px
  }

  .referAFriendSocialIcon .socialIcanList {
    padding-left: 0;
    text-align: center
  }

  .referAFriendSocialIcon .list-inline>li {
    padding-left: 7px;
    padding-right: 7px
  }

  .tableExecutedBody>.table>tbody>tr>td .btn-primary {
    padding: 0 6px
  }

  .modelTallHeader h4 {
    display: inline-block;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
  }

  .fullLengthbanner {
    background: rgba(0, 0, 0, 0) url(../img/fullLengthBanner.jpg) no-repeat scroll center center / cover
  }

  .pageHeading {
    margin-left: 0
  }

  .ideaListsHeader {
    width: 151px
  }

  .addBtn .btn-lg {
    margin-left: 220px;
    position: absolute;
    z-index: 999
  }

  #custom-search-input input {
    width: 100%
  }

  .selectBtnWDM {
    padding-right: 0
  }

  #custom-search-input {
    margin-bottom: 0;
    margin-left: -40px;
    position: static;
    width: 500px
  }

  .pageHeading {
    margin-top: 40px;
    padding: 0 0 15px
  }

  .pageHeading h4 {
    margin-top: 60px
  }

  #landingPage .introInnerHeader {
    height: 300px
  }

  #landingPage .introInnerHeaderReseller {
    height: 500px
  }

  #signUpForm .introInnerHeader {
    height: 180px
  }

  .searchautoSelect {
    margin-top: 0;
    position: absolute
  }

  .enlargeSearchautoSelect {
    margin-top: 0;
    position: absolute
  }

  #landingPage .searchautoSelect {
    margin-left: -40px;
    width: 500px
  }
}

@media (max-width:1024px) {
  #custom-search-input {
    margin-bottom: 0;
    margin-left: 0;
    position: static;
    width: 100%
  }

  #custom-search-input.enlarege-search-input {
    width: 225px;
    margin-top: 5px
  }

  .getAppHide {
    display: inline
  }

  .stockChart .loaderSmall {
    width: 150px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 13px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 67px
  }

  #modelportfolio_stock_placeholder .loaderSmall {
    width: 100px
  }

  .searchEvaluation {
    margin-left: 20%;
    width: 60%
  }

  .ideaListsiconsRating ul li a span {
    padding: 11.3px 13px
  }

  .pageHeading h4 {
    margin-top: 60px
  }

  .ideaListsiconsRating {
    margin: -10px -12px -10px -4px
  }

  .signUpHeaderMobile {
    margin-bottom: 0;
    margin-top: 0;
    padding: 20px 0
  }

  .addBtnMobile {
    text-align: left
  }

  .addBtn .btn-lg {
    margin-left: 0
  }

  #landingPage .searchautoSelect {
    margin-left: 0
  }

  .viewHistoryMob .pageHeading {
    margin-top: 0
  }

  .pageHeading {
    margin-top: 20px;
    padding: 0 0 15px;
    display: inline-block
  }

  .learningMain .pageHeading {
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 22px
  }

  .learningMain .introInnerHeader {
    background: none
  }

  .pageHeading h4 {
    margin-top: -25px
  }

  #landingPage .introInnerHeader {
    height: 320px
  }

  #signUpForm .introInnerHeader {
    height: 180px
  }

  .searchautoSelect {
    margin-top: 0;
    position: absolute
  }

  .enlargeSearchautoSelect {
    margin-top: 0;
    position: absolute
  }

  #landingPage .searchautoSelect {
    width: 94.7%
  }
}

@media (max-width:980px) {
  .custom-block-3 {
    border-left: 0 solid #dcdcdc
  }

  .slider_enlargeBox {
    height: auto
  }

  .loginDiv .btn-default {
    padding: 5px 10px;
  }

  .webSearchAutoHdrDiv {
    width: 314px;
    margin-left: 203px
  }

  .priceInr {
    padding-right: 40px !important
  }

  .v-smg {
    display: none !important
  }

  .v-xsg {
    display: inline-block !important
  }

  .stockChart .loaderSmall {
    width: 110px
  }

  .stockChart .logoSpinnerImgSmall {
    left: -13px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: -55px
  }

  .searchEvaluation {
    margin-left: 10%;
    width: 80%
  }

  .gen-ContentFAQ .modelTallHeader h4 {
    width: 100%
  }

  .modelTallHeader h4 {
    width: 265px
  }

  .instrumentDelete {
    float: right;
    margin-right: 10px;
    margin-top: -27px
  }

  .knowMoreBtn {
    width: 100%
  }

  .menuIcons h4 {
    font-size: 16px
  }

  .menuIcons p {
    font-size: 14px
  }

  .selectBtnWDM {
    margin-top: -26px;
    padding-top: 0
  }

  .btnsDiv {
    margin-top: 20px
  }

  .chartsettingbtn {
    position: absolute;
    right: 155px;
    top: -6px;
    border: 1px solid #dcdcdc;
    padding: 0 4px 0;
    border-radius: 0px !important;
    color: #6a2a89
  }

  .right-side-panel .selectBtnWDM {
    margin-top: 0
  }

  #custom-search-input input {
    width: 100%
  }

  .fairPercent {
    font-size: 13px
  }

  .poorPercent {
    font-size: 13px
  }

  .greatPercent {
    font-size: 13px
  }

  .evaluationStrength h4 {
    font-size: 13px
  }

  #myModalLabel>b {
    font-size: 18px !important
  }
}

@media only screen and (min-width:768px) {
  .imageGalleryModal .modal-xs {
    width: 760px
  }

  .stocks-tables {
    padding-bottom: 15px
  }
}

@media only screen and (max-width:767px) {
  table span.dtr-data {
    width: 170px
  }

  #technicalTableMob span.dtr-data {
    width: 130px
  }

  .market-condition-status .table>tbody>tr>td {
    padding: 5px;
    font-size: 12px
  }

  .mktTable {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    background: #fff;
    padding-left: 15px;
    padding-right: 15px
  }

  .market-condition-status .legend-box {
    margin: 6px 0 13px 0;
    font-size: 14px;
    padding: 10px
  }

  .market-condition-status td img {
    width: 1.3em
  }

  .market-condition-status .thead-light th {
    font-size: 3vw;
    font-weight: 400
  }

  .market-condition-status .table>tbody>tr>td:last-child {
    text-align: center
  }

  .epsDueDiv-mob {
    font-weight: 500;
    margin-top: 5px;
    display: block;
    margin-bottom: 12px;
    position: absolute;
    right: 0;
    z-index: 1024
  }
}

@media (max-width:768px) {
  .msiVedioTabpanes .text-bold {
    font-size: 10px;
    line-height: 14px;
    margin-top: 0
  }

  .introInnerHeader {
    padding-top: 50px;
  }

  .loginform {
    padding: 25px 10px
  }

  .stockChart .logoSpinnerImgSmall {
    left: -13px
  }

  .mobRmvBordrrgt {
    border-right: 0px !important
  }

  .introInnerHeaderReseller {
    background: rgba(0, 0, 0, 0) url(../img/resellerBnr-ipad.jpg) no-repeat scroll center center / cover;
    color: #f8f8f8;
    padding-bottom: 50px;
    padding-top: 215px;
    text-align: center
  }

  .evaluationValues {
    margin-top: 0
  }

  .iconInline .instrumentDelete {
    padding-top: 7px !important
  }

  .buyNowLink img {
    width: 55%
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 300px
  }

  .instrumentDelete {
    float: right;
    margin-right: 10px;
    margin-top: -27px
  }

  #checklist_placeholder {
    margin-top: 20px
  }

  #login-dp {
    background-color: #fff;
    color: #fff;
    /* margin-top:-23px; */
  }

  #login-dp .bottom {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    color: #666
  }

  .loader-small {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border-color: #6e2c90 #f3f3f3 #f3f3f3;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    width: 30px
  }
}

@media only screen and (max-width:1199px) {
  ul.banner-social-buttons {
    float: left;
    margin-top: 15px
  }
}

@media screen and (max-width:1280px) and (min-width:980px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 55px
  }

  .evaluationValuesTab h4 {
    font-size: 15px
  }

  .switch-field label {
    width: 34px
  }

  .lockforBG {
    right: 18px;
    top: 0
  }
}

@media screen and (max-width:1180px) and (min-width:768px) {
  .shinelines.dpmStyle {
    width: 40px;
    margin-top: 6px;
    margin-left: 10px
  }

  .shinelines.dtmStyle {
    width: 75px;
    margin-top: 4px;
    margin-left: 0
  }

  .shinelines.dtmStyle2 {
    width: 75px;
    margin-top: 4px;
    margin-left: 6px
  }

  .mktTable {
    margin-top: 12px
  }

  .memberDays {
    width: 22% !important
  }

  .pegeneratedReportRow {
    margin: 0
  }

  .transactionTable .transactionTbody.reportbody>tr>td:nth-of-type(2) {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
  }

  .newHome-iframe.signUpFrameHeight {
    height: 1022px !important
  }

  .newHome-iframe.signInFrameHeight {
    height: 1022px !important
  }

  table span.dtr-data {
    width: 420px
  }

  .asiIcons {
    width: 35px;
    position: absolute;
    bottom: -37px;
    right: 0
  }

  #seminarPage .introInnerHeader {
    padding-bottom: 200px !important
  }

  .referralTAndC {
    margin-top: 30px
  }

  .refferalTAndCHeader .pageHeading {
    margin-top: 70px;
    padding: 0
  }

  #referFriend .container {
    width: 100%
  }

  .nav-tabs {
    margin-top: 30px
  }

  .epsDueDiv {
    top: 72px;
    right: 110px
  }

  .likeDislikeDesktop a {
    padding-left: 15px;
  }

  .smallCaseDiv {
    top: 46px;
    right: 104px
  }

  .lockforlist {
    top: -8px;
  }

  .lockforlist.flagListTab {
    right: 235px;
    top: 0
  }

  .site-title a,
  .site-title-scroll a {
    width: 190px
  }

  .navbar-right.sideNavigationMobile {
    float: none !important
  }

  .sideNavigationMobile>li>a {
    padding: 15px 6px
  }

  #remindText {
    bottom: 90px;
    left: 140px
  }

  #enlargeMobileVer {
    padding-right: 11px
  }

  .pageHeading.staticPageHeading h4 {
    margin-top: 0;
    margin-bottom: -10px
  }

  .idealistDynamicBody {
    margin-top: 60px !important;
    padding: 0
  }

  .ideaListContent.staticContent {
    margin-top: 20px !important
  }

  .btn-portfolioNew {
    width: 115px
  }

  #marketConditionHist .modalWithArrow {
    margin-top: -75px
  }

  .idealistRadioDiv .switch-field-opt label {
    width: 25px;
    font-size: 14px
  }

  .customcardmob.card .nav>li>a {
    padding: 10px
  }

  #viewTranHistoryExport.industryExportDiv {
    padding-bottom: 30px
  }

  #viewTranHistoryExport .industryExport {
    top: 23px
  }

  .userAlertsInfocontainer {
    margin-top: 20px
  }

  .transactionHisDiv {
    margin-top: 0px !important
  }

  .subscriptionpsi a {
    width: 165px
  }
}

@media screen and (max-width:1180px) and (min-width:768px) {
  .asiIconModel {
    width: 40px !important
  }

  .ch-EmptyHeading {
    font-size: 13px;
    padding: 0;
    line-height: 128%
  }

  .ch-EmptyImg {
    margin-top: 10px
  }

  .ChecklistHead .btn {
    width: 200px !important
  }

  #landingPage .introInnerHeader {
    height: 130px;
    background-color: #e9eef0
  }

  .investingVideo-dialog {
    width: 745px
  }

  .investingVideoModal-footer {
    height: 80px;
    vertical-align: middle;
    display: grid
  }

  .marketConditionHistory-subIcon {
    margin-top: 197px;
    left: -14px
  }

  .marketConditionHistory-subIcon:before {
    margin-left: 119px
  }

  .market-condition-status ul li img {
    width: 1.4em
  }

  .market-condition-heading h4 {
    text-align: center
  }

  .modalPortfolio.market-condition-hdr {
    margin-left: 15px;
    margin-right: 13px
  }

  .memberDays {
    width: 36%
  }

  .legend-box {
    margin-left: 2px
  }

  .mktTable {
    padding-left: 16px;
    padding-right: 16px
  }

  .mpChartMobXs td {
    width: 54% !important
  }

  #landingIconsLoader {
    min-height: 120px
  }

  .introInnerHeader.video-block {
    padding-top: 50px
  }

  .custom-tab-menu ul {
    padding: 0
  }

  .VediosDiv .nav-tabs>li {
    padding: 10px 5px
  }

  .btn-custom-previous {
    font-size: 18px
  }

  .btn-custom-next {
    font-size: 18px
  }

  .msiVedioTabpanes .tab-content {
    padding: 20px 55px
  }

  .gen-ContentFAQ .modelTallHeader .overflowIPad h4 {
    overflow: inherit;
    text-overflow: unset;
    white-space: inherit
  }

  .subIconAlertBox_52_67 {
    margin-top: 193px;
    left: 28px
  }

  .subIconAlertBox_52_67:before {
    margin-left: 250px
  }

  .subIconAlertBox_52_66 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_66:before {
    margin-left: 250px
  }

  .subIconAlertBox_52_81 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_81:before {
    margin-left: 259px
  }

  .subIconAlertBox_52_82 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_82:before {
    margin-left: 261px
  }

  .subIconAlertBox_52_83 {
    margin-top: 193px;
    left: -2px
  }

  .subIconAlertBox_52_83:before {
    margin-left: 258px
  }

  .subIconAlertBox_52_84 {
    margin-top: 193px
  }

  .subIconAlertBox_52_84:before {
    margin-left: 181px
  }

  .subIconAlertBox_52_85 {
    margin-top: 193px
  }

  .subIconAlertBox_52_85:before {
    margin-left: 181px
  }

  .subIconAlertBox_52_86 {
    margin-top: 193px
  }

  .subIconAlertBox_52_86:before {
    margin-left: 178px
  }

  .subIconAlertBox_52_87 {
    margin-top: 193px
  }

  .subIconAlertBox_52_87:before {
    margin-left: 174px
  }

  .subIconAlertBox_52_88 {
    margin-top: 193px
  }

  .subIconAlertBox_52_88:before {
    margin-left: 189px
  }

  .subIconAlertBox_52_89 {
    margin-top: 193px
  }

  .subIconAlertBox_52_89:before {
    margin-left: 193px
  }

  .subIconAlertBox_52_91 {
    margin-top: 193px
  }

  .subIconAlertBox_52_91:before {
    margin-left: 212px
  }

  .subIconAlertBox_52_92 {
    margin-top: 193px
  }

  .subIconAlertBox_52_92:before {
    margin-left: 172px
  }

  .subIconAlertBox_58_71 {
    margin-top: 193px
  }

  .subIconAlertBox_58_71:before {
    margin-left: 178px
  }

  .subIconAlertBox_58_72 {
    margin-top: 193px
  }

  .subIconAlertBox_58_72:before {
    margin-left: 182px
  }

  .subIconAlertBox_58_73 {
    margin-top: 193px
  }

  .subIconAlertBox_58_73:before {
    margin-left: 209px
  }

  .subIconAlertBox_58_74 {
    margin-top: 193px
  }

  .subIconAlertBox_58_74:before {
    margin-left: 170px
  }

  .subIconAlertBox_58_75 {
    margin-top: 193px
  }

  .subIconAlertBox_58_75:before {
    margin-left: 157px
  }

  .subIconAlertBox_52_65 {
    margin-top: 193px;
    margin-left: auto
  }

  .subIconAlertBox_52_65:before {
    margin-left: 168px
  }

  .subIconAlertBox_52_64 {
    margin-top: 193px;
    margin-left: auto
  }

  .subIconAlertBox_52_64:before {
    margin-left: 208px
  }

  .subIconAlertBox_52_63 {
    margin-top: 193px;
    left: 0
  }

  .subIconAlertBox_52_63:before {
    margin-left: 252px
  }

  .subIconAlertBox_52_62 {
    margin-top: 193px;
    left: 1px
  }

  .subIconAlertBox_52_62:before {
    margin-left: 261px
  }

  .subIconAlertBox_52_61 {
    margin-top: 193px
  }

  .subIconAlertBox_52_61:before {
    margin-left: 235px
  }

  .subIconAlertBox_55_24 {
    margin-top: 185px
  }

  .subIconAlertBox_55_24:before {
    margin-left: 179px
  }

  .subIconAlertBox_55_23 {
    margin-top: 173px;
    margin-right: auto
  }

  .subIconAlertBox_55_23:before {
    margin-left: 176px;
    top: 37px
  }

  .subIconAlertBox_55_22 {
    margin-top: 173px;
    margin-right: auto
  }

  .subIconAlertBox_55_22:before {
    margin-left: 250px;
    top: 37px
  }

  .subIconAlertBox_55_21 {
    margin-top: 173px
  }

  .subIconAlertBox_55_21:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_55_25 {
    margin-top: 187px
  }

  .subIconAlertBox_55_25:before {
    margin-left: 161px;
    top: 26px
  }

  .subIconAlertBox_55_20 {
    margin-top: 173px
  }

  .subIconAlertBox_55_20:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_55_15 {
    margin-top: 173px
  }

  .subIconAlertBox_55_15:before {
    margin-left: 180px;
    top: 37px
  }

  .subIconAlertBox_52_19 {
    margin-top: 173px
  }

  .subIconAlertBox_52_19:before {
    margin-left: 183px;
    top: 37px
  }

  .subIconAlertBox_52_17 {
    margin-top: 173px
  }

  .subIconAlertBox_52_17:before {
    margin-left: 169px;
    top: 37px
  }

  .subIconAlertBox_52_16 {
    margin-top: 173px
  }

  .subIconAlertBox_52_16:before {
    margin-left: 169px;
    top: 37px
  }

  .subIconAlertBox_51_9 {
    margin-top: 173px
  }

  .subIconAlertBox_51_9:before {
    margin-left: 171px;
    top: 37px
  }

  .subIconAlertBox_51_8 {
    margin-top: 173px
  }

  .subIconAlertBox_51_8:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_51_7 {
    margin-top: 173px
  }

  .subIconAlertBox_51_7:before {
    margin-left: 179px;
    top: 37px
  }

  .subIconAlertBox_51_6 {
    margin-top: 173px !important
  }

  .subIconAlertBox_51_6:before {
    margin-left: 154px;
    top: 37px
  }

  .subIconAlertBox_56_93 {
    margin-top: 173px !important
  }

  .subIconAlertBox_56_93:before {
    margin-left: 154px;
    top: 37px
  }

  .Block3ipad {
    padding-left: 35px
  }

  .Block2ipad {
    padding-left: 35px
  }

  .Block1ipad {
    padding-left: 10px
  }

  .details-block-1,
  .details-block-4,
  .details-block-5 {
    padding-left: 2px
  }

  .value-block-4 {
    padding-left: 11px
  }

  .value-block-5 {
    padding-left: 18px
  }

  #addScreenButton {
    padding-top: 33px
  }

  .panelLftAlign {
    text-align: left !important
  }

  .buyNowLink img {
    width: 30%
  }

  #enLargeButtonRight,
  #enLargeButtonRightMob {
    padding: 4px
  }

  #enLargeButtonLeft,
  #enLargeButtonLeftMob {
    padding: 4px
  }

  #buttonRight {
    padding: 4px
  }

  #buttonLeft {
    padding: 4px
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -71px;
    top: 0
  }

  .buyNow .btnWrapper .freeTrial {
    margin-left: 10px
  }

  .buyNow .btnWrapper button {
    font-size: 16px;
    padding: 8px 6px;
    width: 150px
  }

  .padRgtReset {
    padding-right: 0
  }

  .stockContant h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
  }

  .stockContant span {
    padding: 0 20px 0 0
  }

  .searchautoSelect {
    margin-left: 0;
    width: 95%;
    right: 15px;
  }

  .enlargeSearchautoSelect {
    margin-left: 0;
    width: 95%
  }

  .pageHeading h4 {
    font-size: 24px;
    position: relative;
    top: 6px
  }

  .trendIcons {
    padding-top: 15px
  }

  .stockContant h3 {
    font-size: 16px;
    text-align: left !important
  }

  .stockContant h5 {
    font-size: 12px
  }

  .stockContant .positiveValue {
    font-size: 16px
  }

  .stockContant .negativeValue {
    font-size: 16px
  }

  .iframeHidden iframe {
    height: 110px;
    width: 135px
  }

  .stockChart img {
    height: 110px;
    width: 135px
  }

  .subscription-iframe {
    height: 1300px;
    width: 100%
  }

  .cupImg.earningDueDate {
    bottom: 22px
  }

  .epstext {
    width: 135px;
    margin-top: 5px;
    font-size: 12px
  }

  .listFlagTabDiv img {
    width: 18px;
    height: 18px;
    margin-left: 9px
  }
}

@media screen and (max-width:980px) and (min-width:800px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 116px
  }

  .evaluationValuesTab h4 {
    font-size: 15px
  }
}

@media screen and (max-width:800px) and (min-width:768px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 26px
  }

  .evaluationValuesTab h4 {
    font-size: 15px
  }

  .evaluationGraph {
    height: 585px
  }
}

@media screen and (max-width:768px) and (min-width:360px) {
  .navbar-right .dropdown-menu-login {
    left: auto;
    right: 10px
  }
}

@media only screen and (max-device-width:980px) {
  .mobileIngTwo {
    display: none
  }

  .mobileIngOne {
    display: none
  }

  .userInformationDiv {
    color: #000;
    /* text-align:center; */
    margin-top: 10px
  }

  .evaluationValues h1 {
    margin-bottom: 5px
  }

  .aboutUsImg {
    display: none
  }
}

@media only screen and (max-width:800px) {
  .navbar-default .navbar-nav>li>a {
    font-size: 11px
  }
}

@media only screen and (max-width:768px) {
  .holidayAlert {
    padding: 5px 5px
  }

  .msFooterSection {
    display: none
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 14px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 {
    width: 6%;
    padding-left: 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 66%;
    margin-left: 15px
  }

  #landingPage .msFooterSection {
    display: block !important
  }

  #landingPage .msFooterSection.no-display {
    display: none !important
  }

  .banner h2 {
    font-size: 3em;
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
  }

  ul.banner-social-buttons>li {
    display: block;
    margin-bottom: 20px;
    padding: 0
  }

  ul.banner-social-buttons>li:last-child {
    margin-bottom: 0
  }
}

@media only screen and (max-width:800px) {
  #evaluation-detail-slide {
    height: 583px !important
  }

  #evaluation-enlarge-slide,
  #evaluation-enlarge-slideMob {
    height: 583px !important
  }

  .mobileImage {
    display: none
  }

  .footerMenu li {
    float: left;
    padding: 0 12px
  }

  .companyLogo img {
    margin-top: 65px
  }

  .mouseScroll {
    margin-top: -20px
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    font-size: 14px
  }

  .priceVol {
    font-size: 12px !important;
    margin-left: 18px;
    margin-top: -5px !important
  }
}

@media only screen and (min-width:640px) {

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-color: transparent !important
  }

  .responsiveDropdown {
    display: none
  }
}

@media only screen and (max-width:746px) {
  .subscriptionpsi {
    display: flex;
    flex-direction: column
  }

  .memberDays {
    width: 41%;
  }

  .subscriptionpsitab {
    margin: 10px
  }

  .investingVideo-dialog {
    width: auto
  }

  #idea_lists_placeholder .panel-default:nth-child(1) .panel-title {
    width: 90%
  }

  #idea_lists_placeholder .panel-default:nth-child(2) .panel-title {
    width: 90%
  }

  #idea_lists_placeholder .panel-default .panel-title {
    width: 90%
  }

  .marketSmithImgLogoMobile img {
    display: inline;
    height: 65px;
    width: 185px
  }

  .webSearchAutoHdrDiv {
    width: 314px;
    margin: 0 auto
  }

  #subscriptionForm .modal-body {
    padding: 3px
  }

  .announcementContant {
    padding-left: 0
  }

  .badgeRed {
    font-weight: 400
  }

  .socialMediaImg {
    display: none
  }

  .cupImg {
    width: 20px;
    height: 20px
  }

  .priceInr {
    padding-left: 5px !important
  }

  .applyFilter {
    margin-left: 0;
    margin-right: 0
  }

  #filter .modal-body {
    padding: 10px 3px
  }

  .filterOptions .btn-group-xs>.btn,
  .btn-xs {
    font-size: 10px;
    font-weight: 700
  }

  #filter .panel-body {
    padding: 4px
  }

  .nav-tabs {
    margin-bottom: 4px
  }

  .cardCommentry .nav-tabs {
    margin-bottom: 4px
  }

  .contentMasters {
    font-size: 14px
  }

  .iconInline .instrumentDelete {
    padding-top: 19px !important
  }

  .combine-custom-block {
    font-size: 13px
  }

  .searchBarMobile {
    display: inline
  }

  #landingPage .introInnerHeader {
    height: auto
  }

  #signUpForm .introInnerHeader {
    height: auto
  }

  .details-block-1 .details {
    font-size: 13px
  }

  .details-block-2 .details {
    font-size: 13px;
    line-height: 21px
  }

  .value-block-2 {
    line-height: 21px
  }

  .value-block-3 {
    line-height: 21px
  }

  .details-block-3 .details {
    font-size: 13px;
    line-height: 21px
  }

  .details-block-4 .details {
    font-size: 13px
  }

  .details-block-5 .details {
    font-size: 13px
  }

  .custom-details-row-1 {
    font-size: 13px
  }

  .custom-details-row-2 {
    font-size: 13px
  }

  #fundamntlEarningTableId {
    font-size: 10px !important
  }

  #formattedSalesAndEarningTable {
    font-size: 10px !important
  }

  #fundamntlEarningsTablePlus {
    font-size: 10px !important
  }

  #fundamntlEarningsTableMinus {
    font-size: 10px !important
  }

  #salesAndEarningsTablePlus {
    font-size: 13px !important;
    margin-left: 15px
  }

  #salesAndEarningsTableMinus {
    font-size: 13px !important
  }

  .detailsGroup {
    font-size: 15px
  }

  .payment .progress {
    height: 20px
  }

  #formattedDescription {
    font-size: 12px;
    line-height: 16px !important
  }

  #formattedSalesAndEarningTable {
    margin-bottom: 0
  }

  #idea_lists_placeholder .panel-heading h4 {
    font-size: 18px !important
  }

  #idea_lists_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  #idea_mylist_placeholder .panel-heading h4 {
    font-size: 18px !important
  }

  #idea_mylist_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  .site-title a {
    background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
    height: 30px;
    margin-left: 30px;
    margin-top: 12px;
    width: 65px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn,
  .btn-xs {
    font-size: 14px;
    line-height: 14px;
    padding: 4px 10px;
    border-radius: 0 !important
  }

  .evaluationPopUpHeader {
    margin-top: 0
  }

  .modal-enlarge .modal-header {
    padding: 4px
  }

  .selectBtnWDMobile {
    margin-top: -5px;
    padding-top: 5px;
    right: 32px;
    text-align: right
  }

  .addBtn .btn-primary.focus,
  .addBtn .btn-primary.btn-primary:focus {
    background-color: rgb(110, 44, 144);
    border-color: rgb(110, 44, 144);
    color: #fff
  }

  .addBtn .btn-primary:hover {
    background-color: rgb(110, 44, 144);
    border-color: rgb(110, 44, 144);
    color: #fff
  }

  .menuBtnMobile {
    padding: 5px
  }

  .sideMenu {
    width: 40px
  }

  .navbar {
    min-height: 50px
  }

  .navBlackmenubg {
    background: transparent
  }

  .navbar-onscroll .navbar-header {
    background: #f1ebff;
  }

  .aboutHeading {
    display: none
  }

  .site-title-scroll a {
    background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
    display: inline !important;
    height: 38px;
    left: 16px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 6px;
    width: 250px
  }

  .site-title a {
    background: rgba(0, 0, 0, 0) url(https://storage.googleapis.com/mscms/cmsHomePage/msi-logo.svg) no-repeat scroll 0 0;
    display: inline !important;
    height: 38px;
    left: 16px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 6px;
    width: 250px
  }

  .footerMenu li {
    padding: 0 10px
  }

  .bannerText h1 {
    font-size: 45px
  }

  .content-section-a {
    padding: 0
  }

  .section-heading {
    font-size: 24px;
    margin-bottom: 14px;
    text-align: center
  }

  .lead {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
  }

  .subscribeForm {
    height: 40px !important;
    width: 100% !important
  }

  footer li a {
    font-size: 11px !important
  }

  .referAFriendSocialIcon .list-inline>li {
    padding-left: 15px;
    padding-right: 15px
  }

  footer {
    background-color: #000;
    padding: 15px 0;
    text-align: center
  }

  p.copyright {
    color: #ccc !important;
    margin: 15px 0
  }

  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    background-color: #fff;
    border: none
  }

  .mega-dropdown-menu {
    width: 100%
  }

  .responsiveDropdown>li>a {
    color: #fff;
    font-size: 23px;
    margin-top: -3px;
    position: absolute;
    right: 55px
  }

  .mega-dropdown-menu::before {
    right: 52px
  }

  .mega-dropdown-menu::after {
    right: 56px
  }

  .mouseScroll {
    margin-top: 10px
  }

  .content-section-b {
    margin-top: 70px
  }

  .subscribeDiv p {
    font-size: 13px
  }

  .section-heading {
    font-size: 20px;
    font-weight: 300
  }

  .modal-ms {
    margin: auto;
    width: 100%
  }

  .droup-responsive {
    background-color: #fff !important;
    margin-left: -10px;
    margin-top: 70px;
    width: 100%
  }

  .loginBtnIcon {
    display: none
  }

  .loginDiv .btn-default {
    padding: 13px 0;
  }

  .loginDiv>.btn-default>.fa-user {
    font-size: 22px
  }

  .loginDiv .btn-default.active.focus,
  .loginDiv.btn-default.active:focus,
  .loginDiv.btn-default.active:hover,
  .loginDiv.btn-default.focus:active,
  .loginDiv.btn-default:active:focus,
  .loginDiv.btn-default:active:hover,
  .loginDiv.open>.dropdown-toggle.btn-default.focus,
  .loginDiv.open>.dropdown-toggle.btn-default:focus,
  .loginDiv.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    border-color: unset;
    color: #fff !important
  }

  .loginDiv {
    float: right;
    margin-left: 0;
    right: 0
  }

  #accntDiv.loginDiv {
    margin-top: 0
  }

  .loginDiv .btn-default.active,
  .btn-default:active,
  .open>.dropdown-toggle.btn-default {
    color: #fff
  }

  .dropdownLoginMenu {
    left: 0 !important;
    margin-left: 0;
    top: 95% !important;
    width: 100%
  }

  .loginInnerDp {
    right: 0 !important;
    margin-left: 0 !important;
    top: 95% !important;
    width: 100% !important
  }

  .checkboxReg {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center
  }

  #custom-search-input {
    padding: 6px
  }

  .chartSettingsBtn .btn-default {
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: .5;
    margin-top: 4px;
    padding: 11px 13px 0 0;
    position: absolute;
    right: 0
  }

  .inputSearch {
    background-color: transparent;
    color: #fff
  }

  .landingPageIconOne {
    border-bottom: 1px solid #6e2c90;
    border-right: 1px solid #6e2c90;
    padding-top: 10px
  }

  .landingPageIconTwo {
    border-bottom: 1px solid #6e2c90;
    padding-top: 10px
  }

  .landingPageIconThree {
    border-right: 1px solid #6e2c90;
    padding-top: 10px
  }

  .landingPageIconFour {
    padding-top: 10px
  }

  .loginDiv .btn-default {
    color: #ffffff !important
  }

  .pageHeading p {
    font-size: 14px;
    line-height: 18px
  }

  .pageHeading h4 {
    font-size: 22px;
    padding-top: 25px;
    font-weight: 300;
    text-transform: uppercase;
    color: #6f2c91
  }

  .chartIcon {
    width: 6%;
    margin-top: -3px
  }

  .viewHistoryMob .chartIcon {
    width: 12%
  }

  .pageHeading {
    margin-top: 30px;
    padding: 0
  }

  .landingIcons .col-xs-6 {
    padding-bottom: 10px
  }

  .landingIcons .row {
    margin-left: 0;
    margin-right: 0
  }

  .introInnerHeader {
    color: #000;
    text-align: left
  }

  .pageHeading h4 {
    text-shadow: none
  }

  .landingIcons {
    margin-bottom: 40px;
    margin-top: 20px
  }

  #landingIconsLoader {
    min-height: 400px
  }

  .pageHeading p {
    text-shadow: none
  }

  .dropdown,
  .dropup {
    position: static
  }

  .navbar-header {
    background: #fff;
    width: auto !important
  }

  .accountIcon {
    width: 26px;
    height: 26px;
  }

  .introInnerHeader {
    background-color: #fff;
    background-image: none
  }

  .menuIcons p {
    font-size: 13px
  }

  .menuIcons h4 {
    font-size: 17px;
    font-weight: 400;
    color: #000
  }

  .userInformation h4 {
    color: #333
  }

  .userInformation p {
    color: #333
  }

  .introInnerHeader {
    padding-bottom: 0
  }

  .evaluationValuesTab h4 {
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 6px
  }

  .evaluationPopUpHeader h4 {
    font-size: 10px;
    font-weight: 600;
    margin-top: 5px;
    text-align: left
  }

  .input-lg {
    border-radius: 6px;
    font-size: 14px;
    height: 26px;
    line-height: 1.33333;
    padding: 0
  }

  .switch-field label {
    font-size: 11px;
    font-weight: 600 !important;
    padding: 0;
    width: 36px
  }

  .switch-field h4 {
    font-size: 11px !important
  }

  .switch-field-enlarge label {
    font-size: 11px;
    font-weight: 600 !important;
    padding: 0;
    width: 43px
  }

  .switch-field-enlarge h4 {
    font-size: 11px !important
  }

  .introInnerHeader {
    padding-top: 20px
  }

  .introInnerHeaderSearch {
    padding-top: 80px;
  }

  .controlBtnGroup .btn {
    font-size: 10px;
    margin-bottom: 0;
    margin-top: 7px;
    padding: 1px 5px
  }

  .evaluationTabStcok {
    color: #000;
    font-size: 15px;
    font-weight: 400
  }

  .optionDWM {
    font-size: 12px;
    height: 24px;
    padding: 0 2px
  }

  .optionDWM {
    margin-top: 14px
  }

  .optionDWMEnlarge {
    font-size: 12px;
    height: 24px;
    margin-top: 10px;
    padding: 0 2px
  }

  .industryGroup {
    padding-top: 0;
    padding-bottom: 10px
  }

  .relatedExport {
    font-size: 14px
  }

  .addBtn {
    margin-top: -38px;
    position: fixed;
    right: 82px;
    z-index: 1038
  }

  .evaluationTab h4 {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 1px
  }

  .evaluationGraphFrame {
    background-color: #fff;
    height: 275px;
    padding-top: 2px
  }

  .evaluationGraph {
    height: 277px
  }

  .evaluationGraph.iosVersionless13 {
    height: 552px
  }

  .evaluationGraphFrameEnlarge {
    background-color: #fff;
    padding-top: 2px
  }

  .evaluationGraphEnlarge {
    height: 70vh
  }

  .modal-enlarge {
    margin: 0
  }

  #custom-search-input {
    margin-top: -91px;
    width: 100%;
    z-index: 1038
  }

  .masters {
    background-color: #702c91;
    height: 25px;
    width: 25px
  }

  .evaluationStrengthTabs,
  .removeChecklistHeader .evaluationStrengthTabs {
    padding: 1px
  }

  .evaluationStrength h4 {
    font-size: 13px;
    font-weight: 600
  }

  .btn-dwm {
    padding: 2px 11px
  }

  .progress {
    height: 9px;
    margin-bottom: 10px
  }

  .evaluationStrength h3 {
    margin-bottom: 0;
    margin-top: -8px
  }

  .greatPercent {
    font-size: 14px;
    font-weight: 700
  }

  .fairPercent {
    font-size: 14px;
    font-weight: 700
  }

  .goodPercent {
    font-size: 14px;
    font-weight: 700
  }

  .naPercent {
    font-size: 14px;
    font-weight: 700
  }

  .poorPercent {
    font-size: 14px;
    font-weight: 700
  }

  #myModalLabel>b {
    font-size: 17px !important
  }

  .greatPercentValue {
    font-size: 11px
  }

  .fairPercentValue {
    font-size: 11px
  }

  .goodPercentValue {
    font-size: 11px
  }

  .naPercentValue {
    font-size: 11px
  }

  .poorPercentValue {
    font-size: 11px
  }

  .masters b {
    font-size: 16px;
    line-height: 25px
  }

  #custom-search-input button {
    border: medium none;
    color: #fff;
    padding: 0 1px 0 4px
  }

  .addBtn .btn-lg {
    margin-left: 31px;
    margin-top: 52px;
    padding: 2px 8px
  }

  .btnAddPlus {
    display: none
  }

  #custom-search-input .glyphicon-search {
    font-size: 16px
  }

  .addBtnMobile {
    padding-left: 0 !important
  }

  .volumeTwo {
    font-size: 13px;
    padding-left: 0
  }

  .evaluationValues {
    background-color: rgb(255, 255, 255);
    border: 0 none;
    margin-top: 15px;
    padding: 10px;
    min-height: 80px
  }

  .card .nav>li>a {
    font-size: 16px;
    padding: 3px 6px;
    border-bottom: 2px solid transparent !important
  }

  #evaluationCardContainer .card .nav>li>a {
    font-size: 18px;
    padding: 3px 4px
  }

  .cardMyPortfolio .nav>li>a {
    font-size: 16px;
    border-bottom: 2px solid transparent
  }

  .evaluationValues h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: left
  }

  .volumeOne {
    font-size: 16px;
    padding-left: 0
  }

  .volOne {
    font-size: 16px
  }

  .morectnt span {
    display: none
  }

  .showmoretxt {
    display: inline;
    font-size: 11px
  }

  hr {
    margin-bottom: 0;
    margin-top: 5px
  }

  .media-body,
  .media-left,
  .media-right {
    font-size: 12px
  }

  .industryGroup h1 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px
  }

  #userListTable>tbody>tr>td,
  #userListTable>tbody>tr>th,
  #userListTable>tfoot>tr>td,
  #userListTable>tfoot>tr>th,
  #userListTable>thead>tr>td,
  #userListTable>thead>tr>th {
    font-size: 12px;
    padding: 4px
  }

  #search_hints_placeholder .table>tbody>tr>td,
  #search_hints_placeholder .table>tbody>tr>th,
  #search_hints_placeholder .table>tfoot>tr>td,
  #search_hints_placeholder .table>tfoot>tr>th,
  #search_hints_placeholder .table>thead>tr>td,
  #search_hints_placeholder .table>thead>tr>th {
    font-size: 13px !important;
    color: #e5e5e5
  }

  .industryGroup .table>tbody>tr>td,
  .industryGroup .table>tbody>tr>th,
  .industryGroup .table>tfoot>tr>td,
  .industryGroup .table>tfoot>tr>th,
  .industryGroup .table>thead>tr>td,
  .industryGroup .table>thead>tr>th {
    font-size: 13px
  }

  .checkListsGroup h4 {
    font-size: 14px
  }

  .iframeHidden iframe {
    height: 80px;
    width: 115px
  }

  .stockChart img {
    height: 80px;
    width: 115px
  }

  #modelPortfolioPage .iframeHidden iframe {
    height: 80px;
    width: 115px
  }

  #modelPortfolioPage .stockChart img {
    height: 80px;
    width: 115px
  }

  .StockIdeasModalPortfolio .panel-body {
    padding: 10px 7px
  }

  .stockContant span {
    padding: 0
  }

  .stockContant h3 {
    font-size: 14px;
    margin-top: 6px;
    text-align: left
  }

  .styleRating {
    padding-left: 20px !important;
    font-size: 14px !important
  }

  .stockContant h4 {
    font-size: 16px;
    margin: 0;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px
  }

  .stockContant h5 {
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #666
  }

  .stockContant .row {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
  }

  .masterScoreFilter {
    font-size: 11px
  }

  #ideaListsPage .masterScoreFilter {
    font-size: 14px
  }

  .stockContant .col-xs-12 {
    padding-left: 0;
    padding-right: 0
  }

  .masterScoreFilter h4 {
    font-size: 16px;
    font-weight: 600
  }

  .masterScoreFilter small {
    font-size: 12px
  }

  .masterScoreFilter {
    padding: 15px 5px 5px
  }

  div.bhoechie-tab-content {
    padding: 3px
  }

  .topStocksIndia {
    padding: 5px 0 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia {
    padding: 5px 0 0;
    margin-left: -5px;
    margin-right: -5px
  }

  .ideaListsHeader h4 {
    font-size: 18px;
    font-weight: 600
  }

  .ideaListsHeader small {
    font-size: 13px
  }

  .panel-heading {
    padding: 4px 5px
  }

  .list-group-item {
    font-size: 16px;
    padding: 8px 15px;
    text-align: left
  }

  div.bhoechie-tab-content {
    height: auto
  }

  .gen-ContentFAQ .modelTallHeader h4 {
    display: inline-block;
    overflow: initial;
    text-overflow: unset;
    white-space: inherit;
    width: 314px
  }

  .modelTallHeader h4 {
    display: inline-block;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 314px
  }

  .modelTallHeader small {
    font-size: 75%
  }

  .modelTallHeader h4 {
    padding-bottom: 5px
  }

  .currentStock h4 {
    font-size: 16px
  }

  .currentStock h3 {
    font-size: 11px;
    margin-top: 6px;
    text-align: left
  }

  .currentStock span {
    padding: 0
  }

  .currentStock h5 {
    font-size: 12px;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #555
  }

  .currentStock b {
    padding-left: 4px
  }

  .pagination>li>a,
  .pagination>li>span {
    padding: 0 5px
  }

  .currentHoldingsTab {
    padding: 2px
  }

  .modelTallHeader h4 {
    font-size: 18px;
    font-weight: 600
  }

  .modelTallHeader p {
    font-size: 14px;
    padding-left: 5px
  }

  .mainMenuListDiv img {
    height: 27px;
    width: 27px
  }

  .outlookCommentary p {
    font-size: 16px
  }
}

.eduIcon {
  background: rgba(0, 0, 0, 0) url(../img/eduIcon.png) no-repeat scroll 0 0;
  height: 34px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 34px;
  filter: brightness(.25)
}

.aboutIcon {
  background: rgba(0, 0, 0, 0) url(../img/aboutIcon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 43px;
  filter: brightness(.25)
}

.supportIcon {
  background: rgba(0, 0, 0, 0) url(../img/supportIcon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 40px;
  filter: brightness(.25)
}

.productIcon {
  background: rgba(0, 0, 0, 0) url(../img/productIcon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 33px;
  filter: brightness(.25)
}

.ourToolsIcon {
  background: rgba(0, 0, 0, 0) url(../img/our-tools-icon.png) no-repeat scroll 0 0;
  height: 32px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 32px;
  filter: brightness(.25)
}

.chartOverviewIcon {
  background: rgba(0, 0, 0, 0) url(../img/chart-overview-icon.png) no-repeat scroll 0 0;
  height: 32px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 32px;
  filter: brightness(.25)
}

.historyIcon {
  background: rgba(0, 0, 0, 0) url(../img/history.png) no-repeat scroll 0 0;
  height: 31px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 34px;
  filter: brightness(.25)
}

.detailsTabIcon {
  background: rgba(0, 0, 0, 0) url(../img/details-tab-icon.png) no-repeat scroll 0 0;
  height: 33px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 38px;
  filter: brightness(.25)
}

.contactIcon {
  background: rgba(0, 0, 0, 0) url(../img/contact-icon.png) no-repeat scroll 0 0;
  height: 29px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 37px;
  filter: brightness(.25)
}

.legalAgreementIcon {
  background: rgba(0, 0, 0, 0) url(../img/legal-agreement-icon.png) no-repeat scroll 0 0;
  height: 32px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 32px;
  filter: brightness(.25)
}

.privacyPolicyIcon {
  background: rgba(0, 0, 0, 0) url(../img/privacy-policy-icon.png) no-repeat scroll 0 0;
  height: 31px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 31px;
  filter: brightness(.25)
}

.resellerIcon {
  background: rgba(0, 0, 0, 0) url(../img/resellerIcon.png) no-repeat scroll 0 0;
  height: 34px;
  left: 5px;
  position: relative;
  top: 4px;
  width: 53px;
  filter: brightness(.25)
}

.detailsTabImg img {
  width: 75%
}

.detailsTabList li {
  font-size: 16px;
  padding: 10px 0
}

.accordion-toggle::after {
  content: "?";
  float: right;
  font-family: "FontAwesome"
}

.accordion-opened .accordion-toggle::after {
  content: "?"
}

#filter .accordion-toggle::after {
  margin-top: -15px
}

.checkListsGroup h4 {
  background-color: transparent;
  color: #666 !important;
  font-size: 36px;
  font-weight: 100;
  margin: 0;
  padding: 10px;
  text-align: center
}

.checkListsGroupScore {
  color: #999 !important;
  display: block;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 5px;
  padding-left: 0;
  text-align: center
}

.surveillanceGroup .checkListsGroupScore {
  color: #666 !important
}

.checkListsGroup>div:first-child {
  background-color: #f7f5f3;
  border: 1px solid #dcdcdc;
  margin-top: 10px;
  padding: 5px 0
}

.resetRow {
  margin-right: 0 !important
}

.temp-loading .progress {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  right: 27px;
  top: -172px;
  transform: rotate(-90deg);
  width: 154px
}

.temp-loading .progress-bar {
  background-color: #ccc;
  box-shadow: none;
  color: #fff;
  float: left;
  font-size: 12px;
  height: 100%;
  line-height: 20px;
  text-align: center;
  transition: width 0.6s ease 0s;
  width: 0
}

.progress .progress-bar {
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-name: animateBar;
  animation-timing-function: ease-in
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(0)
  }
}

.filterOptions .btn-default {
  border-radius: 0 !important
}

.checkListsGroup .fa-check {
  color: green;
  font-size: 15px
}

.checkListsGroup .fa-times {
  font-size: 15px
}

.checkListsGroup table tr td:last-child {
  text-align: center
}

.checkListsGroup table tr td {
  font-size: 16px;
  font-weight: 300;
  padding: 2px 15px
}

.canSlimHead {
  float: left;
  margin-top: 70px;
  width: 180px
}

.ChecklistHead {
  color: rgb(110, 44, 144);
  font-size: 16px;
  font-weight: 400;
  padding: 10px
}

.ChecklistHead select {
  color: #333;
  font-size: 14px;
  padding: 5px 10px;
  width: auto
}

.ChecklistHead a {
  margin-right: 10px;
  padding-left: 5px
}

.ChecklistHead .btn {
  width: 30%;
  margin-left: 15px;
  margin-bottom: 5px;
  background: #f1f1f1 !important;
  border: solid 1px #79389c;
  color: #79389c;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase
}

.onlyforBasic .ChecklistHead .btn:first-child {
  background: #79389c !important;
  border: solid 1px #79389c;
  color: #fff
}

.btnEvalCheck.btnActive {
  background-color: #6e2a8f !important;
  border-color: #79389c !important;
  color: #fff
}

@media (max-width:360px) {
  .canSlimHead {
    margin-top: 10px
  }

  .checkListsGroup table tr td {
    font-size: 13px;
    padding: 5px
  }
}

#emailAlertBoxMsg .alert {
  margin-bottom: 0
}

#subscribeDiv {
  padding-bottom: 0;
  padding-top: 10px
}

#subscribeDiv h2 {
  margin-bottom: 5px
}

.fa-expand {
  color: #6e2c90
}

.enlargeBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.oholitagBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.chartPrintBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

.chartShareBtn .btn-primary {
  background: transparent none repeat scroll 0 0 !important;
  border-color: transparent !important;
  border-radius: unset !important
}

#viewScreen .card .nav>li>a {
  padding: 6px 8px
}

@media (max-width:640px) {
  .fa-user-o {
    font-size: 20px !important;
    margin-left: 5px
  }

  .ideaListsiconsRating .fa-user-o {
    font-size: 14px !important;
    margin-left: 0
  }

  .topMar20 h4 {
    color: #333;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 0;
    padding-left: 3px;
    text-align: center
  }

  .topMar20 h4+hr {
    border-bottom: 1px solid #6e2c90;
    margin-bottom: 10px;
    width: 30px
  }

  .topMar20 h4+hr+p {
    color: #333;
    font-size: 3.8vw;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0 5px;
    text-align: center
  }

  .instrumentDelete {
    float: right;
    margin-right: 3px;
    margin-top: -19px
  }

  .delUserList,
  .editUserList {
    margin-top: -35px !important
  }

  .enlargeBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 40px;
    left: 0;
    right: inherit
  }

  .evaluationlargeBtn {
    left: 0;
    right: inherit
  }

  .oholitagBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 30px;
    left: 0;
    right: inherit
  }

  .chartPrintBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 40px;
    left: 0;
    right: inherit
  }

  .chartShareBtn {
    height: 35px;
    position: absolute;
    text-align: left !important;
    width: 46px;
    left: 0;
    right: inherit
  }

  #patternBtn {
    position: absolute;
    text-align: left !important;
    left: 11px;
    right: inherit
  }

  .temp-loading .progress {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 13px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    right: 21px;
    top: -122px;
    transform: rotate(-90deg);
    width: 115px
  }
}

@media (max-width:746px) {
  .video-hdr {
    margin-top: 25px
  }

  .evaluationNaviTab .navbar-nav {
    display: inline-flex;
    width: 100%;
    overflow-y: scroll;
    margin: 0
  }

  .evaluationNaviTab {
    margin-top: 0
  }

  .evaluationNaviTab.noEpsRating {
    margin-top: -10px
  }

  .evaluationValues {
    display: inline-block
  }

  .cupImg.earningDueDate {
    bottom: 22px
  }

  .epstext {
    width: 115px;
    margin-top: 5px;
    font-size: 12px
  }

  #idea_lists_placeholder .panel:first-child {
    margin-top: 30px
  }

  .msiVedioTabpanes .text-bold {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0;
    font-weight: 500
  }

  .investingVideo-dialog {
    width: auto
  }

  .investingVideoModal-footer {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    height: 85px;
    vertical-align: middle;
    display: grid
  }

  .webinarVideoList_heading {
    display: none
  }

  .investing-video-desp {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: 4px;
    width: 100%;
    text-align: center;
    padding-left: 15px;
    padding-right: 20px
  }

  div#company_header_placeholder>span>.col-md-7 {
    width: 100%;
    padding-left: 5px
  }

  div#company_header_placeholder>span>.col-md-3 {
    width: 100%;
    text-align: right;
    padding-left: 5px
  }

  .col-md-2.userstockInfoDiv {
    width: 100%;
    margin-top: 10px
  }

  #viewScreen .card .nav>li>a {
    padding: 6px 7px;
    font-size: 16px
  }

  .productDemoVideoList_heading {
    display: none
  }

  .testimonialVideoList_heading {
    display: none
  }

  .loadMoreDiv {
    text-align: center
  }

  .insvestortxt {
    margin-top: 15px
  }

  .mobcenter {
    text-align: center;
    font-size: 18px
  }

  .VediosDiv .nav-tabs>li>a {
    border-radius: 20px !important;
    padding: 6px 15px;
    font-size: 12px !important;
    line-height: 107%
  }

  .custom-tab-menu ul {
    padding: 0 0%
  }

  .VediosDiv .nav-tabs>li {
    padding: 5px
  }

  .sideNavigationMobile {
    max-height: auto;
    /* overflow-y:scroll; */
    margin-top: 10px !important
  }
}

@media (max-width:746px) {

  @media(max-height:400px) {
    .sideNavigationMobile {
      max-height: 230px;
      overflow-y: scroll
    }
  }
}

@media (max-width:746px) {
  .v-xs {
    display: inline-block !important
  }

  .annualAndQuarterly h4 {
    font-size: 16px
  }

  .imageForOffers {
    border-right: 0 solid #e5e5e5
  }

  .skypeShare {
    left: 7px
  }

  .referAFriendSocialIcon {
    padding: 0 15px
  }

  .v-md {
    display: none !important
  }

  .socialIcanList {
    text-align: center
  }

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

  .stockChart .logoSpinnerImgSmall {
    left: 36px
  }

  .skypeText .skypeShare.circle {
    margin-left: 0;
    width: 35px !important
  }

  .skypeText .skypeShare {
    height: 35px
  }

  .referAFriendContent .dropdown-menu {
    min-width: 216px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 5px
  }

  .referAFriendContent .dropdown-menu {
    padding: 5px 3px
  }

  .referAFriendMain {
    padding: 10px 10px 40px 10px;
    margin-top: 0
  }

  .referHeading {
    margin-top: 10px;
    text-align: center;
    padding: 10px 0
  }

  .referHeading h4 {
    font-size: 20px
  }
}

@media (max-width:414px) {
  .buyNowLink img {
    width: 40%
  }

  .site-title a,
  .site-title-scroll a {
    width: 230px;
  }

  .stockChart .logoSpinnerImgSmall {
    left: 36px
  }

  .mpPerformanceCanvas {
    width: 100% !important;
    height: 250px !important
  }
}

@media (max-width:412px) {
  .stockChart .logoSpinnerImgSmall {
    left: 37px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: -8px
  }
}

@media (max-width:380px) {
  .stockChart .logoSpinnerImgSmall {
    left: 46px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 6px
  }
}

.buyNowLink {
  cursor: pointer;
  position: absolute;
  right: -45px;
  top: 300px
}

#checklist_placeholder {
  margin-top: 5px
}

.checkListsGroup>div:first-child {
  background-color: #f7f5f3;
  border: 1px solid #dcdcdc;
  margin-top: 0;
  padding: 10px
}

.checkListsGroup table tr td {
  font-size: 14px
}

.checkListsGroup h4 {
  font-size: 30px;
  padding: 5px
}

.buyNow .btnWrapper button {
  font-size: 16px;
  padding: 8px 6px
}

.payment .padTop {
  margin-top: 10px;
  background: #6f2c91;
  border: 1px solid #6f2c91
}

.topMar20 {
  margin-bottom: 50px
}

.topMar20 h4 {
  font-size: 5.5vw !important;
  margin-top: 0
}

.topMar20 p {
  color: #333;
  font-size: 4vw !important;
  font-weight: 300 !important;
  margin-top: 25px;
  padding: 0 5px !important
}

.evaluationGraphEnlarge {
  height: 80vh
}

.evaluationPopUpHeader h4 {
  font-size: 10px;
  font-weight: 600;
  margin-top: 5px;
  text-align: left
}

#company_header_placeholderPopUp h4,
#company_header_placeholderPopUpMob h4 {
  font-size: 21px
}

.loaderSmall {
  width: 115px
}

.logoSpinnerImgSmall {
  height: 15px;
  left: 0;
  margin: 0 auto;
  padding-top: 5px;
  right: 0;
  width: 15px;
  margin-bottom: -34px;
  margin-top: 26px;
  position: static
}

.loader-small {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  border-color: #6e2c90 #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 30px
}

.ideaListContent {
  margin-bottom: 20px;
  margin-top: 20px
}

.evaluationPopUpHeader {
  margin-top: 30px
}

@media (width:375px) {
  .buyNowLink img {
    width: 40%
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 250px
  }

  .topMar20 {
    margin-bottom: 20px
  }

  .topMar20 p {
    padding: 0 5px !important
  }
}

@media (max-width:320px) {
  .epstext {
    font-size: 10px
  }

  .cupImg.earningDueDate {
    bottom: 18px
  }

  .infoBlock {
    padding-right: 0
  }

  .niftyText,
  .msiText {
    font-size: 13px
  }

  .chartInfoHead {
    font-size: 16px
  }

  .placeOrderBody .checkbox-inline,
  .placeOrderBody .radio-inline {
    padding-left: 12px
  }

  .placeOrderBody .checkbox input[type=checkbox],
  .placeOrderBody .checkbox-inline input[type=checkbox],
  .placeOrderBody .radio input[type=radio],
  .placeOrderBody .radio-inline input[type=radio] {
    margin-left: -15px
  }

  .orderTable {
    margin-left: -5px !important
  }

  .orderTable tbody tr td:first-child a {
    white-space: nowrap;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
  }

  .placeOrderDiv1 span {
    margin-left: -14px;
    margin-right: 10px
  }

  #invamount {
    width: 120px
  }

  .errorMsgInvestment {
    font-size: 10px
  }

  .subIconAlertBox_52_62 {
    margin-top: 74px;
    left: 4px
  }

  .subIconAlertBox_52_62:before {
    margin-left: 107px;
    top: -15px
  }

  .subIconAlertBox_52_67 {
    margin-top: 74px;
    left: 17px
  }

  .subIconAlertBox_52_67:before {
    margin-left: 109px;
    top: -15px
  }

  .legend-box {
    font-size: 11px !important
  }

  .mobTrendsNext {
    margin-left: 22px
  }

  .epsDueDiv-mob {
    font-size: 12px !important
  }

  .introInnerHeader.video-block {
    padding-bottom: 0;
    padding-top: 22px
  }

  #viewScreen .card .nav>li>a {
    padding: 6px 5px;
    font-size: 13px
  }

  .VediosDiv .nav-tabs>li.active>a,
  .VediosDiv .nav-tabs>li>a:hover {
    background: #6e2a8f !important;
    border: none;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 6px 15px !important;
    font-size: 12px !important;
    line-height: 107%
  }

  .VediosDiv .card .nav>li>a {
    font-size: 12px;
    padding: 7px 15px !important
  }

  .custom-tab-menu ul {
    padding: 0 0%
  }

  .VediosDiv .nav-tabs>li {
    padding: 5px
  }

  .evaluationTab h4 b {
    font-size: 12px !important
  }

  .viewDetailedReports {
    margin-left: 6px !important
  }

  .currentHoldingBtns button {
    font-size: 10px !important
  }

  .gen-ContentFAQ .modelTallHeader h4 {
    width: 265px !important
  }

  .modelTallHeader h4 {
    width: 265px
  }

  .priceVol {
    font-size: 11px !important;
    margin-left: 15px;
    margin-top: -5px !important
  }

  .iconInline .instrumentDelete {
    margin-top: -20px !important;
    padding-top: 0 !important
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    font-size: 12px
  }

  .buyNowLink img {
    width: 40%
  }

  .buyNowLink {
    cursor: pointer;
    position: absolute;
    right: -45px;
    top: 250px
  }

  #custom-search-input {
    right: 105px
  }

  .topMar20 p {
    margin-top: 0 !important
  }

  .topMar20 {
    margin-bottom: 0 !important
  }

  .topMar20 h4 {
    margin-top: 0 !important
  }

  .topMar20 h4 {
    font-size: 18px !important
  }

  .temp-loading .progress {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    height: 11px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    right: 18px;
    top: -104px;
    transform: rotate(-90deg);
    width: 96px
  }

  .performanceBtn {
    font-size: 10px !important
  }

  .newHome-iframe {
    height: 520px !important
  }
}

.userList {
  background-color: #6e2c90 !important
}

.userList span {
  color: #fff !important
}

#userListTable span {
  color: #6e2a8f;
  cursor: pointer;
  text-decoration: none !important
}

.instrumentDelete span {
  cursor: pointer
}

.delUserList {
  color: #999;
  cursor: pointer;
  display: none;
  margin-top: -31px;
  position: absolute;
  right: 20px;
  z-index: 999;
  padding: 5px;
  font-size: 16px
}

.list-group.edit-btn {
  position: relative
}

.edit-btn .panelLftAlign {
  color: #6e2a8f
}

.editUserList {
  color: #999;
  cursor: pointer;
  display: none;
  margin-top: -31px;
  position: absolute;
  right: 50px;
  z-index: 999;
  padding: 5px;
  font-size: 16px
}

.mylistPanel {
  margin-top: 5px
}

@media (min-width:767px) {
  .alertBoxFriend {
    margin-top: 8px
  }

  .buyNow .btnWrapper button {
    font-size: 16px;
    padding: 8px 6px;
    width: 150px
  }

  .buyNow .marTop40 {
    margin: 0
  }

  .buyNow .btnWrapper button {
    margin-top: 0
  }

  .buyNow .btnWrapper .freeTrial {
    margin-left: 10px
  }

  .btnSkip {
    margin: 0 0 15px 20px
  }

  .ideaListNav .tooltip-inner,
  #recentViewedIcon .tooltip-inner {
    background-color: #f0f0f0 !important;
    color: #000;
    font-weight: 300
  }

  .ideaListNav .tooltip.bottom .tooltip-arrow,
  #recentViewedIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f0f0f0 !important
  }

  .ideaListNav a {
    color: #dcdcdc !important;
    position: relative;
    top: 4px !important
  }

  .ideaListNav a i {
    font-size: 1.3em
  }

  .divider-line {
    border-left: 1px solid #f0f0f0
  }

  #custom-search-input .tooltip.in {
    filter: none !important;
    opacity: 0.99 !important
  }

  #custom-search-input .tooltip-inner {
    background-color: #f0f0f0 !important;
    color: #000;
    font-weight: 300
  }

  #custom-search-input .tooltip-arrow,
  recentViewedIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f0f0f0 !important
  }

  #custom-search-input .tooltip-inner {
    background-color: #f0f0f0 !important;
    color: #000;
    font-weight: 300
  }

  #custom-search-input .tooltip.right .tooltip-arrow {
    border-right-color: #f0f0f0 !important;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%
  }

  #custom-search-input .tooltip-arrow,
  recentViewedIcon .tooltip.bottom .tooltip-arrow {
    border-bottom-color: transparent !important
  }
}

.promoboxGrey {
  background-color: #f6f6f6;
  padding-bottom: 40px
}

.promoboxGrey hr {
  border-top: 1px dotted #dcdcdc
}

.promoboxGrey h2,
.promoboxpurple h2,
.promoboxcolor h2,
.promoboxblack h2,
.promoboxcontact h2,
.SeminarBlock h2 {
  color: #333;
  font-size: 36px;
  font-weight: 100;
  line-height: 1.2em;
  margin-top: 40px;
  text-align: center
}

.promoboxGrey img {
  margin-bottom: 30px;
  margin-top: 40px;
  width: 80px
}

.promoboxGrey p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  margin-top: 70px;
  text-align: left
}

.promoboxGrey .thumbnail {
  border: 0 solid #f0f0f0;
  height: 295px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  margin-top: 40px
}

.AnlPromoBox p {
  height: 42px !important
}

.promoboxpurple p b {
  font-weight: 400
}

.promoboxGrey .thumbnail .caption {
  height: 100px;
  padding: 30px 10px;
  text-align: center
}

.promoboxGrey .thumbnail .caption i {
  color: #6e2c90;
  font-size: 2em;
  padding: 0 0 5px
}

.promoboxGrey .thumbnail .caption h2 {
  color: #333;
  font-size: 18px;
  font-weight: 300;
  margin-top: 0
}

.promoboxGrey .thumbnail .caption p {
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  height: 75px;
  margin-left: 0;
  margin-top: 0;
  padding: 0 20px;
  text-align: center
}

.promoboxGrey .thumbnail .caption h3 {
  color: #6e2c90;
  font-size: 60px;
  font-weight: 100;
  padding: 0
}

.promoboxGrey .thumbnail .caption h3 span {
  font-size: 24px;
  font-weight: 400;
  margin-right: 10px;
  text-decoration: line-through
}

.promoboxpurple {
  background-color: #fff;
  height: auto;
  padding-bottom: 30px
}

.promoboxcolor {
  background-color: #fff;
  padding-bottom: 30px
}

.promoboxcolor ul li,
.promoboxcolor ol li,
.bulletHead {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  padding-top: 7px
}

.promoboxblack {
  height: auto
}

.promoboxblack p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px
}

.promoboxcontact {
  background-color: #dcdcdc;
  height: auto;
  padding-bottom: 30px;
  text-align: center
}

.promoboxcontact p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px
}

.promoboxcontact p+div {
  color: #333;
  font-size: 16px;
  font-weight: 400
}

.promoboxblack img {
  text-align: center;
  width: 110px
}

.promoboxblack img.amazonstore {
  width: 116px
}

.promoboxblack img.opera {
  width: 100px
}

.promoboxblack img.aptoide {
  width: 128px
}

.SeminarCont p {
  font-size: 12px;
  font-weight: 300;
  margin-top: 20px
}

.SeminarCont b {
  font-weight: 400
}

.promoboxpurple p {
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5em;
  padding: 10px 0;
  text-align: left
}

.promoboxcontact p b {
  color: #333;
  font-weight: 600
}

.promoboxpurple img {
  margin-top: 70px
}

.btnSignup {
  background: #6e2c90 none repeat scroll 0 0;
  border-color: #6e2c90 !important;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 10px;
  padding: 10px 16px;
  transition: all 0.2s ease 0s
}

.btnSignup:hover {
  background-color: transparent;
  color: #6e2c90;
  font-weight: 400
}

.footerBlackBg {
  background: #333 none repeat scroll 0 0;
  color: #ccc !important;
  font-size: 11px;
  font-weight: 100;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: left
}

.footerBlackBg b {
  font-weight: 400
}

.wid94 {
  width: 94px !important
}

.promoboxcontact .socialIcons {
  padding: 0
}

.promoboxcontact .socialIcons p {
  font-size: 14px !important;
  padding-bottom: 10px
}

.SeminarBlock h5 {
  font-size: 16px;
  font-weight: 400 !important;
  margin: 30px 0 25px
}

.SeminarBlock b {
  font-weight: 400
}

.SeminarBlock p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  text-align: left
}

.SeminarBlock .freePreview {
  color: #333;
  font-size: 13px
}

.subSection p {
  color: #333;
  font-size: 14px !important;
  padding: 0 0 0 40px
}

.btnCustomers {
  background-color: transparent;
  border-color: #6e2c90 !important;
  border-radius: 12px;
  color: #6e2c90;
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
  padding: 10px;
  transition: all 0.2s ease 0s;
  width: 200px
}

.btnCustomers:hover {
  background: #6e2c90 none repeat scroll 0 0;
  color: #fff;
  font-weight: 300
}

.bgGreyBox {
  background-color: #f6f6f6 !important
}

.formBgWhite {
  background: #fff none repeat scroll 0 0;
  padding: 20px
}

.formBgWhite h4 {
  color: #6e2c90;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 12px;
  text-align: center
}

#resellerAddress {
  height: 42px
}

.formBgWhite input {
  border-radius: 5px;
  height: 42px
}

.formBgWhite .btn-default {
  background: #6e2c90 none repeat scroll 0 0;
  border: medium none;
  border-radius: 12px;
  font-size: 20px;
  font-weight: 300;
  margin-top: 15px;
  padding: 10px;
  transition: all 0.2s ease 0s;
  width: 100%
}

.formBgWhite .btn-default:hover {
  background-color: #a9a8a9;
  border-color: #a9a8a9;
  color: #fff
}

.formBgWhite .form-group label {
  color: #333;
  font-weight: 400
}

.back2Top {
  display: block;
  margin-top: -90px;
  position: absolute;
  right: 20px
}

.back2Top .fa {
  color: #999
}

@media (min-width:769px) {
  .padLftReset {
    padding-left: 0 !important
  }
}

@media (max-width:768px) {

  .userInformation h4,
  .userInformation p {
    text-align: left
  }

  .ideaListNav a {
    position: relative;
    top: -30px !important
  }

  .promoboxGrey p {
    margin-left: 0;
    margin-top: 0 !important;
    text-align: center
  }

  .specialOffers .promoboxGrey .thumbnail .caption p {
    margin-top: 30px !important
  }
}

@media (max-width:640px) {
  .promoboxblack img.aptoide {
    width: 150px
  }

  .promoboxblack img.opera {
    width: 144px !important
  }

  .ideaListNav a {
    position: relative;
    top: -23px !important
  }

  .ideaListNav a i {
    font-size: 1.3em
  }

  .promoboxblack img {
    width: 150px
  }

  .promoboxblack img.amazonstore {
    width: 150px
  }

  .appstore a {
    display: block;
    margin-bottom: 10px
  }

  .SeminarBlock h2 {
    font-size: 32px
  }

  .SeminarBlock hr {
    margin-bottom: 20px;
    margin-top: 20px
  }

  .WebinarTraining .landingBanner p {
    font-size: 1em;
    font-weight: 300;
    padding-right: 0
  }

  .promoboxpurple p {
    padding: 10px 5px
  }

  .promoboxGrey h2,
  .promoboxpurple h2,
  .promoboxcolor h2,
  .promoboxblack h2 {
    font-size: 32px
  }

  .specialOffers .promoboxGrey .thumbnail .caption h3 {
    font-size: 5.9vw;
    font-weight: 300
  }
}

i.fa-inr {
  font-size: 24px !important
}

.loginBlock .fa {
  color: #6e2c90
}

.loginBlock img {
  width: 40%
}

.loginBlock .btn-default {
  background-color: #702c91;
  border-color: #702c91;
  border-radius: 5px;
  color: #fff
}

.loginBlock .btn-default:hover {
  background-color: transparent;
  border-color: #702c91;
  color: #702c91
}

.loginBlock p {
  margin-top: 10px
}

.loginBlock p a {
  color: #000;
  font-size: 14px;
  font-weight: 300
}

.loginBlock p a:hover {
  border-bottom: 1px solid #702c91
}

.payment {
  background: rgba(0, 0, 0, 0) url(../img/paymentBg.png) repeat scroll 0 0
}

.payment .modal-body {
  padding-bottom: 0 !important
}

.payment .modal-content {
  border: medium none;
  box-shadow: none
}

#promoBtn {
  border-radius: 0 !important
}

.payment .radio label {
  cursor: default;
  display: block !important
}

.payment .checkbox label {
  cursor: default
}

.payment .checkbox label a {
  cursor: pointer
}

.payment .well {
  padding: 0
}

.payment .progress {
  height: 20px;
  margin-bottom: 25px;
  margin-top: 30px
}

.payment hr {
  margin: 0 0 8px
}

.marBtm25 {
  margin-bottom: 30px
}

.padTop32 {
  padding-top: 32px
}

button.btnSkip {
  background-color: transparent;
  color: #6e2c90;
  font-weight: 400;
  padding: 5px 8px !important;
  width: auto !important
}

.assignDefaultbtn {
  margin-bottom: 20px;
  margin-left: 20px
}

button.btnSkip:hover {
  background-color: #6e2c90;
  color: #fff;
  font-weight: 400;
  padding: 5px 8px !important
}

#disclaimerBody {
  height: 350px;
  overflow-y: auto
}

#disclaimerBody ul li {
  font-size: 12px;
  padding-right: 20px
}

.evaluation-block .detailHeaderDiv h3,
h4,
h5 {
  font-weight: 500;
  margin-bottom: 0
}

#sldsalesAndEarningsTablePlus {
  font-size: 11px !important
}

#sldsalesAndEarningsTableMinus {
  font-size: 11px !important
}

#sldfundamntlEarningsTablePlus {
  font-size: 11px !important
}

#sldfundamntlEarningsTableMinus {
  font-size: 11px !important
}

.evaluation-block .table {
  margin-bottom: 5px
}

.table-slide {
  padding-left: 10px;
  padding-right: 10px
}

.evaluation-block .table-slide .table>tbody>tr:nth-child(2n) {
  background: #f0f0f0 none repeat scroll 0 0
}

.evaluation-block .detailsBodyFont {
  color: #000;
  font-size: 10px;
  font-weight: 500
}

.evaluation-block .detailHeaderDiv {
  color: #000;
  font-size: 9px;
  font-weight: 500;
  padding-left: 33px
}

.evaluation-block .table-space {
  margin-bottom: 0
}

.evaluation-block .detailsHr {
  margin-bottom: 5px;
  margin-top: 5px
}

.evaluation-block .detailHeaderDiv p {
  overflow-wrap: break-word;
  padding-right: 10px
}

.custom-container-evaluation-details {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  left: 0;
  margin-left: 3px;
  margin-top: -1px;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1
}

.card {
  position: relative
}

.custom-container-evaluation {
  padding-left: 2px;
  padding-right: 2px
}

.toggle-btn-evaluation {
  position: absolute
}

#evaluation-detail-slide {
  box-sizing: border-box;
  display: inline-block;
  height: 552px;
  overflow: hidden;
  padding-left: 2px;
  transition: width 0.5s ease 0s;
  vertical-align: top;
  width: 0
}

#evaluation-detail-slide.in {
  overflow-y: auto;
  width: 350px
}

#evaluation-enlarge-slide,
#evaluation-enlarge-slideMob {
  box-sizing: border-box;
  display: inline-block;
  height: 475px;
  overflow: hidden;
  padding-left: 2px;
  transition: width 0.5s ease 0s;
  vertical-align: top;
  width: 0
}

#evaluation-enlarge-slide.in,
#evaluation-enlarge-slideMob.in {
  overflow-y: auto;
  width: 350px
}

.detail-slide {
  height: 30px;
  left: 2px;
  position: absolute;
  width: 20px;
  z-index: 9
}

.detail-slide.openSlide {
  width: 400px
}

.detailsGroup .custom-row {
  margin-right: 1px
}

.detailsGroup .custom-row-2 {
  margin-left: -15px;
  margin-right: 1px
}

.custom-detailsGroup .custom-row-2 {
  background-color: #f0f0f0;
  margin-left: -5px;
  margin-right: 1px
}

.custom-detailsGroup .custom-row {
  margin-right: 1px
}

.quarter-tab {
  margin-bottom: 0;
  margin-top: 10px;
  padding-left: 10px
}

.detailsHrLevelUp {
  margin-bottom: 0;
  margin-top: 5px
}

.detailsHrLevelDown {
  margin-bottom: 5px;
  margin-top: 0
}

.evaluationStrength {
  margin-left: 2px;
  margin-right: 2px
}

.buyNow .promoboxGrey {
  background: #f0f0f0 none repeat scroll 0 0 !important;
  padding-bottom: 20px;
  padding-top: 20px
}

.buyNow .promoboxpurple {
  background: #f6f6f6 none repeat scroll 0 0
}

.buyNow .promoboxpurple h2 {
  font-size: 24px;
  margin-top: 10px;
  padding-left: 20px;
  text-align: left
}

.buyNow .promoboxpurple p {
  font-size: 13px;
  padding: 0 20px !important
}

.buyNow .promoboxpurple p b {
  font-size: 12px
}

.buyNow .promoboxpurple img {
  margin: 0 auto;
  padding-top: 10px;
  width: 60%
}

.buyNow .boxContainer {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
  height: 390px;
  margin-top: 30px;
  padding: 0
}

.buyNow .btnWrapper button:hover {
  background: #dcdcdc none repeat scroll 0 0
}

.TranMsgWrapper {
  padding: 10px 0
}

.GreenSuccess {
  width: 4%
}

.msgContent {
  color: #666;
  font-size: 18px;
  font-weight: 300;
  margin-left: 8px
}

.successMsgWrapper {
  padding-bottom: 20px
}

.successMsgWrapper .modal-header {
  background-color: #f0f0f0;
  padding: 10px
}

.successMsgWrapper .modal-header h4 {
  color: #666;
  font-size: 15px;
  font-weight: 400
}

.BuyNowBtn {
  border-radius: 50% !important;
  box-shadow: 0 5px 3px #999;
  font-size: 13px;
  font-weight: 600;
  white-space: normal !important
}

.userInformation {
  padding-left: 8px
}

.successMsgWrapper button,
.btnWrapSpace button {
  margin-top: 20px
}

.whatWeDo {
  margin-bottom: 20px !important
}

.whatWeDo h3 {
  color: #666;
  font-size: 20px !important
}

.whatWeDo img {
  margin-top: 20px
}

.whatWeDo p {
  color: #333;
  font-size: 16px;
  font-weight: 300;
  text-align: left
}

.whatWeDoBtn {
  background: #6e2c90 none repeat scroll 0 0;
  border-radius: 12px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 16px;
  transition: all 0.2s ease 0s
}

.whatWeDoBtn:hover {
  background-color: transparent;
  border-color: #6e2c90 !important;
  border-radius: 12px;
  color: #6e2c90;
  font-weight: 400 !important
}

.ourProducts {
  background: rgba(0, 0, 0, 0) url(../img/innerPageBg.gif) no-repeat scroll center center / cover;
  height: auto;
  padding-bottom: 60px
}

.ourProducts h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 100
}

.ourProducts h2,
.ourProducts h3 {
  color: #fff !important
}

.ourProducts p {
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  margin: 0;
  text-align: center
}

.ourProducts h3 {
  color: #666;
  font-size: 22px !important;
  font-weight: 300;
  margin-top: 30px !important
}

.ourProducts img {
  margin-bottom: 0;
  margin-top: 10px;
  width: 180px
}

.ourProducts .svgImg {
  margin-top: 0;
  width: 220px
}

.featuredInsights .row {
  margin-left: 60px;
  margin-right: 60px
}

.whatWeDo .row {
  margin-left: 30px;
  margin-right: 30px
}

.featuredInsights h3 {
  color: #333;
  font-size: 20px !important;
  font-weight: 300;
  padding-bottom: 20px
}

.featuredInsights h3 i {
  color: #6e2c90;
  font-size: 30px;
  position: relative;
  top: 5px
}

.featuredInsights p {
  text-align: center
}

.featuredInsights ul {
  margin-left: 0;
  padding: 0
}

.featuredInsights ul li {
  list-style: outside none none;
  margin-bottom: 30px
}

.featuredInsights h5.news-title {
  margin-top: 5px
}

.featuredInsights .news-title a {
  border-bottom: 1px dotted #6e2c90;
  color: #6e2c90;
  font-size: 14px;
  font-weight: 300;
  line-height: 170%;
  padding: 0
}

.featuredInsights .news-title a:hover {
  border-bottom: 0 dotted #6e2c90;
  color: #6e2c90
}

.featuredInsights li span.date {
  color: #666;
  font-size: 12px
}

.featuredInsights button {
  margin-top: 20px
}

.investorsLibrary {
  background: rgba(0, 0, 0, 0) url(../img/banner-bg.gif) no-repeat scroll center bottom / cover;
  height: 450px;
  padding-bottom: 30px;
  padding-top: 100px
}

.investorsLibrary h2 {
  color: #fff;
  font-size: 36px;
  font-weight: 100
}

.investorsLibrary h3 {
  color: #fff !important
}

.investorsLibrary p {
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  margin: 0;
  text-align: center
}

.investorsLibrary button {
  margin-top: 30px
}

.investorsLibrary button:hover {
  border: 1px solid #fff !important;
  color: #fff;
  font-weight: 300
}

.investorsLibrary img {
  margin: 0
}

.investorsLibrary h2 {
  margin: 15px
}

@media(min-width:991px) {
  #ideaListsPage .modalWithArrow {
    margin-top: -28px
  }

  .newHome-iframe {
    height: 2980px;
    width: 100%
  }

  .imageCenter {
    padding-left: 25px !important
  }

  #viewCurrentHoldingTable tr {
    display: table-row
  }

  #viewRemovedStocksTable tr {
    display: table-row
  }

  .subscriptionWeb {
    margin-top: -40px
  }

  #viewTransactionHistTable tr {
    display: table-row
  }

  #editPortfolioTable tr {
    display: table-row
  }

  #viewUserOpenAlertsInfo tr {
    display: table-row
  }

  #viewUserExecutedAlertsInfo tr {
    display: table-row
  }

  #viewPortfolioTable tr {
    display: table-row
  }

  #portfolioRatingTable tr {
    display: table-row
  }

  #msiRatingTable tr {
    display: table-row
  }

  #fundamentalsTable tr {
    display: table-row
  }

  #technicalTable tr {
    display: table-row
  }

  .newHome-iframe.signUpFrameHeight {
    height: 755px !important
  }

  .newHome-iframe.signInFrameHeight {
    height: 662px !important
  }

  .mpstocks-scroll-table {
    margin-left: 211px;
    overflow: hidden;
    overflow-x: auto
  }

  #mpStockTable.dataTable thead th {
    width: 125px !important
  }

  #mpStockTable.dataTable tbody td {
    width: 125px !important
  }

  #mpStockTable tr>td:first-child {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #mpStockTable tr>th:first-child {
    width: 188px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    border-top: 1px solid #ddd;
    margin-top: -1px
  }

  #mpStockTable>thead>tr>th {
    border-bottom: none
  }

  #mpStockTable_wrapper {
    position: inherit
  }

  #mpStockTable tr>td,
  #mpStockTable tr>th {
    white-space: nowrap
  }

  #mpStockTable.dataTable tbody th,
  #mpStockTable.dataTable tbody td {
    padding: 8px 5px
  }

  #mpStockTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }
}

@media (min-width:767px) {
  .userAccountType .whatWeDoBtn {
    margin-top: 12px !important
  }

  .hideTerms {
    display: none !important
  }

  .formCenter-md {
    padding-top: 15px
  }

  .panaray {
    text-align: center
  }
}

@media (max-width:767px) {
  .portfolioTableMob tr td:first-child {
    white-space: normal
  }

  .portfolioTableMob tr td:first-child .dtr-data {
    white-space: nowrap
  }

  .lockforBG {
    top: 10px
  }

  .newsReportUrl {
    margin-bottom: -16px
  }

  .lockforlist {
    top: -3px;
    right: 0;
    font-size: 18px
  }

  .lockforlist img {
    width: 20px;
    top: -2px;
    left: -3px
  }

  .asiIconModel {
    width: 40px !important;
    position: absolute;
    right: 10px;
    top: 130px
  }

  .asiIconModel.asiIconForApp {
    top: 55px !important
  }

  .indiaModelPortfolio p {
    width: 300px
  }

  .updateReport .viewDetailedReports {
    position: absolute;
    top: 15px;
    right: 0
  }

  .evaluationTab .updateReport h4 {
    margin-bottom: 20px
  }

  .asiIconsMob {
    width: 40px;
    margin-right: 8px;
    margin-top: -3px;
    border-radius: 121px
  }

  #seminarPage .introInnerHeader {
    padding-bottom: 100px !important;
    padding-top: 158px !important;
    background-position: center;
    background-color: #fff
  }

  #seminarPage .paraTextBold h5 {
    margin-top: -60px !important
  }

  .btn-portfolioNew {
    margin: 15px 1px 5px;
    width: 110px
  }

  .portfolio-btnDiv {
    position: relative;
    top: 0;
    right: 0
  }

  @-moz-keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  @-webkit-keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  @-ms-keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  @keyframes blinkmob {
    0% {
      opacity: 1
    }

    50% {
      opacity: .2
    }

    100% {
      opacity: 1
    }
  }

  .asiIconsMob {
    -moz-animation: blinkmob normal 2s infinite alternate ease-in-out;
    -webkit-animation: blinkmob normal 2s infinite ease-in-out;
    -ms-animation: blinkmob normal 2s infinite ease-in-out;
    -o-animation: blinkmob normal 2s infinite ease-in-out;
    animation: blinkmob normal 2s infinite ease-in-out
  }

  .ch-EmptyImg img {
    margin-top: 30px
  }

  #currentHoldingsEmpty .ch-EmptyImg img {
    width: 100%;
    margin-top: 45px
  }

  #currentHoldingsEmpty {
    background-color: #fff;
    margin: 7px;
    padding: 0
  }

  .mobtextalign {
    text-align: left !important
  }

  .outlookCommentary img {
    width: 100%
  }

  .alertBoxFriend {
    margin-top: 5px
  }

  .currentHoldingBtns {
    text-align: center !important
  }

  .pgtRgt {
    padding-right: 3px !important
  }

  .tableRelated td,
  .tableRelated th {
    font-size: 13px !important
  }

  .featuredInsights .row {
    margin-left: -15px;
    margin-right: -15px
  }

  .msi {
    margin-top: 20px
  }

  .whatWeDo p {
    text-align: center
  }

  .mpPerformanceCanvas {
    padding: 6px
  }

  .subscription-iframe {
    height: 1300px;
    width: 100%
  }
}

.fullLengthbanner .landingBanner h3 {
  border: medium none;
  color: #fff;
  font-size: 43px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-top: 0;
  padding-left: 0;
  text-align: left
}

.fullLengthbanner .landingBanner p {
  color: #fff;
  font-size: 20px !important;
  line-height: 150%;
  text-align: left !important
}

.whatWeDo p {
  text-align: center
}

.call2Action {
  background-color: #f6f6f6;
  padding: 10px 0
}

.alertWarningRed input {
  border-color: red;
  box-shadow: 0 1px 1px rgba(227, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6);
  outline: 0 none
}

.alertWarningRedCheckbox {
  border: 1px solid red
}

.call2Action .whatWeDoBtn {
  border-radius: 0;
  font-size: 14px;
  padding: 10px;
  text-transform: uppercase
}

@media(max-width:844px) {
  .navBarPosition {
    margin-right: 27px
  }

  .notification-bell {
    right: 15px !important;
    top: 5px
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 14px
  }

  .evalutationsmenu {
    width: 90%;
    height: auto
  }

  .loginDiv {
    margin-right: 35px
  }
}

@media (max-width:768px) {
  .relatedSymbolsstock {
    position: inherit;
    width: 100% !important;
    background-color: #f1f1f1 !important;
    top: 0;
    left: 0
  }

  .relatedSymbolsstock th {
    background-color: transparent
  }

  .relatedSymbolsstock.thead {
    display: contents
  }

  .relatedSymbolsstock.tbody {
    display: none !important
  }

  .table>thead>.relatedSymbolsstock.active>th a {
    color: gray !important
  }

  .table>thead>.relatedSymbolsstock.active>th {
    background-color: #fff;
    color: gray;
    font-size: 14px
  }

  #relatedTable tbody {
    padding-top: 0
  }

  .navBarPosition {
    margin-right: 27px
  }

  .notification-bell {
    right: 15px !important
  }

  .call2Action .whatWeDoBtn {
    width: auto
  }

  .whatWeDo h3 {
    font-size: 18px !important
  }

  .whatWeDo p {
    font-size: 14px !important
  }
}

.ofrPrice {
  text-decoration: line-through !important
}

.AnlPromoBox p b {
  font-weight: 500
}

.offer25percent {
  position: absolute;
  right: 27px;
  top: 52px;
  width: 100px !important
}

@media (max-width:640px) {
  .ourProducts h2 {
    font-size: 30px
  }

  .investorsLibrary h2 {
    font-size: 32px
  }

  .fullLengthbanner {
    background: rgba(0, 0, 0, 0) url(../img/landBannerMobile.jpg) no-repeat scroll right center / cover;
    color: #f8f8f8;
    height: 340px;
    padding-top: 50px;
    text-align: center;
    background-position-y: -138px
  }

  .fullLengthbanner .landingBanner h3 {
    border: medium none;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    margin-top: 0;
    padding-left: 0;
    text-align: center
  }

  .formCenter-md {
    margin: 15px
  }

  .call2Action .form-group input[type="text"],
  .call2Action .form-group input[type="tel"],
  .call2Action .form-group input[type="email"] {
    width: 100%
  }

  .whatWeDo .row {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

.testimonials .panaray p {
  color: #333;
  text-align: center !important
}

.panaray p,
.msi p {
  color: #ccc;
  font-size: 16px;
  font-weight: 300;
  text-align: left
}

.panaray p {
  margin-top: 25px !important
}

.formCenter-md {
  padding-top: 15px;
  text-align: center
}

.canslimBtn {
  background: #6e2c90 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-left: 130px;
  margin-top: 20px;
  padding: 10px 16px;
  transition: all 0.2s ease 0s
}

.canslimBtn:hover {
  background-color: transparent;
  border-color: #fff !important;
  border-radius: 12px;
  color: #fff
}

/* .iconInline span, .iconInline {
    padding:0!important
  }
  .iconInline .ratingBtnDiv {
    padding-right:10px!important
  }
  .pad-Lft-Zero {
    padding-left:0!important;
    font-size:14px
  } */
/* .icon4-nav li a img {
    padding-right:8px;
    width:45px
  } */
/* .icon4-nav li a .smallHeadIcon {
    width:45px
  }
  .icon4-nav li a .smallHeadIcon2 {
    width:45px
  }
  .icon3-nav li a img {
    padding-right:8px;
    width:45px
  }
  .icon3-nav li a .smallHeadIcon {
    width:45px
  }
  .icon3-nav li a .bigHeadIcon {
    width:45px
  }
  .icon2-nav li a img {
    padding-right:8px;
    width:45px
  }
    .icon2-nav li:first-child a img {
    margin-right:3px;
    width:45px
  }
    .icon2-nav li:nth-child(2) a img {
    margin-right:3px;
    width:45px
  }
  .icon-nav li a img {
    padding-right:8px;
    width:45px
  }
    .icon-nav li:first-child a img {
    margin-right:3px;
    width:45px!important
  }
    .icon-nav li:last-child a img {
    margin-right:3px;
    width:45px!important
  } */

.dropdown-menu>li>a img {
  padding-right: 8px;
  width: 45px
}

.dropdown-menu>li>a:focus img,
.dropdown-menu>li>a:hover img {
  filter: unset;
  width: 50px !important;
  transform: scale(1.1);
}

#stockCommentaryBody {
  padding: 0 25px 0 30px
}

#stockCommentaryBody hr {
  margin: 15px 0
}

#stockCommentaryBody hr:last-child {
  border: medium none
}

#stockCommentaryBody p {
  color: #000;
  font-size: 13px
}

#stockCommentaryBody p b {
  font-weight: 600
}

#stockCommentaryBody h4 {
  font-size: 16px;
  font-weight: 600
}

#stockCommentaryBody h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 5px
}

#stockCommentaryBody .row {
  height: 400px;
  overflow-y: auto
}

.call2Action a:hover {
  text-decoration: underline
}

.resellerSection {
  background: rgba(0, 0, 0, 0) url(../img/reseller-bg.jpg) no-repeat scroll center center / cover;
  height: 200px !important
}

.resellerSection h2 {
  color: #333;
  font-weight: 100 !important
}

.resellerSection button {
  margin-top: 10px;
  padding: 10px 16px
}

.testimonials .clientTesti {
  color: #666;
  font-size: 15px;
  font-weight: 300
}

.testimonials .quote i.fa-2x {
  color: #6e2c90;
  font-size: 1.5em;
  padding-top: 10px
}

.testimonials p {
  font-size: 16px;
  padding: 10px 0
}

.testimonials {
  height: 300px
}

.resellerTable {
  margin-top: 40px
}

.resellerTable table td {
  font-weight: 300
}

.resellerTable table th {
  background-color: #f0f0f0;
  color: #333;
  font-weight: 600;
  text-align: center
}

.resellerTable .fa-check-square-o {
  color: #6e2c90
}

.resellerSub p {
  font-size: 15px;
  font-weight: 300;
  padding-top: 10px
}

.resellerSub ul li {
  font-size: 15px
}

.marginBtmReset {
  margin-bottom: 40px
}

.marResetQuote {
  margin: 0 !important
}

.pad5pxTop {
  padding-top: 5px
}

.resellerSub .form-group>label {
  color: #666;
  font-weight: 600
}

.photodesc {
  color: #6e2c90 !important;
  font-size: 11px
}

.resellerSub .clearFix {
  clear: both
}

.resellerSub .clearFix label {
  color: #666;
  font-size: 14px;
  font-weight: 400
}

.resellerSub .form-group textarea {
  border-radius: 5px
}

.resellerSub .formBgWhite {
  background: #f7f7f7 none repeat scroll 0 0
}

.resellerBtnDiv {
  margin: 20px -5px -20px;
  padding: 10px
}

.resellerSub .form-group input {
  padding-bottom: 0;
  padding-top: 0
}

.playIcon {
  margin: 50px 0 0 50px;
  width: 345px
}

.iconPlayMarginReset a {
  padding: 0 10px
}

.Also-title {
  font-weight: 100
}

.iconPlayMarginReset {
  margin-top: 12px
}

@media(max-width:980px) {
  .stockContant {
    margin-left: 0
  }

  .announcementImgDiv {
    width: 12%
  }

  .announcementContant {
    width: 88%
  }

  .shareList ul li:last-child {
    display: inline
  }

  .announcementsTab>li>a {
    padding: 25px 9px
  }

  .announcementsTab>li>a {
    padding: 10px
  }

  .ideaListsiconsRating ul li a span {
    display: block;
    padding: 6px 12px
  }

  .ideaListsiconsRating {
    margin-left: -22px;
    width: auto
  }

  .fullLengthbanner .landingBanner h3 {
    text-align: center
  }

  .fullLengthbanner .landingBanner p {
    text-align: center !important
  }

  .landingBanner p {
    padding-right: 0
  }

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

  #viewTranHistoryExport .industryExport {
    top: 2px;
    right: 5px
  }
}

@media (min-width:767px) {
  .formBgWhite .resellerBtn {
    width: 200px !important
  }

  .resellerSub .clearFix label {
    padding-left: 40px
  }
}

@media (max-width:767px) {
  .testimonials {
    height: 370px
  }

  #mpStockDiv img {
    width: 100%
  }

  .referralTAndC {
    margin-top: 30px
  }

  .pageHeading {
    margin-top: 30px;
    padding: 0 0 15px
  }
}

.resellerSub .call2Action {
  padding-top: 30px
}

.contactDetails a {
  color: #333
}

.contactDetails a:hover {
  color: #333 !important;
  text-decoration: underline !important
}

.referInput {
  margin: 1px -2px 0;
  zoom: 1.8
}

.dontShowReferFriend input {
  position: absolute;
  bottom: 21px
}

.dontShowReferFriend span {
  position: absolute;
  bottom: 40px;
  left: 52%;
  font-size: 16px;
  color: #79389c
}

.modalDestDeepavali {
  width: 100%;
  margin: 0 auto
}

.modalDestDeepavali img {
  width: 75%;
  margin-top: 4%
}

.modalDeepavali .close {
  position: absolute;
  top: 3%;
  right: 13.5%;
  color: #fff;
  font-size: 53px
}

.modalDeepavali .btnDepavali {
  position: absolute;
  opacity: 0;
  left: 44%;
  color: #fff;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 23%
}

.btnDepavali .btn {
  padding: 3% 14%
}

.modalDeepavali {
  background-color: unset;
  box-shadow: unset;
  border: none
}

#landingOverlayDailog .modal-ms {
  width: 550px
}

@media(max-width:980px) {
  .dontshow-sale-text-Desktop {
    bottom: 10.7%;
    left: 8%;
    font-size: 15px
  }

  .dontshow-sale-bannerDesktop {
    bottom: 11%;
    left: 5.5%;
    zoom: 1.2
  }

  .btnDepavali .btn {
    padding: 6% 18%
  }

  .modalDestDeepavali img {
    width: 94%;
    height: 50%;
    margin-top: 19%
  }

  .modalDeepavali .close {
    position: absolute;
    top: 30%;
    right: 4%;
    opacity: 0;
    color: #fff;
    font-size: 53px
  }

  .modalDeepavali .btnDepavali {
    left: 56%;
    bottom: 22% !important
  }
}

@media (max-width:746px) {
  .searchautoSelect {
    left: 15px;
    margin-left: 0;
    margin-top: 0px;
    position: fixed;
    width: 90% !important;
    z-index: 1039
  }

  .searchEvaluation.searchforAR .searchautoSelect {
    margin-top: 159px
  }

  .dontshow-sale-text {
    position: absolute;
    left: 27.5%;
    bottom: 23.4%;
    color: #6e2a8f
  }

  .dontshow-sale-banner {
    position: absolute;
    bottom: 24%;
    left: 22.5%
  }

  .close-btn-subs {
    position: absolute;
    bottom: 23%;
    right: 20%;
    padding: 1px 5px
  }

  .imgadjust {
    width: 100%
  }

  .paddngbtm {
    padding-bottom: 8px
  }

  .prevBtn {
    margin-top: 143%;
    margin-left: 30px
  }

  .nextBtn {
    margin-top: 143%;
    margin-right: 30px
  }

  .paySubscribe {
    z-index: 999999999;
    position: relative;
    bottom: -19px;
    width: 39%;
    margin: 0 auto
  }

  .closePay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1024;
    width: 20px;
    height: 20px
  }

  .pay12Div {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    z-index: 1024
  }

  .pay12Div .img1 {
    width: 100%
  }

  .overlaySkip {
    font-size: 16px;
    font-weight: 600
  }

  .overlayBtn2 {
    position: absolute;
    bottom: 13.5%;
    left: 17%;
    padding: 3% 24%;
    opacity: 0
  }

  .whatWeDoBtn {
    font-size: 12px;
    padding: 6px 10px;
  }

  .overlayBtn {
    position: absolute;
    bottom: 13.5%;
    left: 30%;
    padding: 2% 12%;
    opacity: 0
  }

  .dontShowReferFriendMob {
    padding: 5px
  }

  .btnDepavali .btn {
    padding: 3% 15%
  }

  .modalDeepavali .btnDepavali {
    position: absolute;
    top: 39%;
    left: 0;
    color: #fff;
    right: 0;
    margin: 0 auto;
    text-align: center
  }

  .dontShowReferFriendMob input {
    position: absolute;
    bottom: 40px;
    left: 5%;
    zoom: 1.5
  }

  .dontShowReferFriendMob span {
    position: absolute;
    bottom: 36px;
    left: 12%;
    font-weight: 500;
    font-size: 16px;
    color: #6e2a8f
  }

  .informationEvaluation {
    right: 0;
    font-size: 17px;
    margin-top: 45px;
    z-index: 999;
    background-color: #fff
  }

  .informationEvaluation.informationAP {
    font-size: 18px;
    padding-top: 12px
  }

  .modalDeepavali .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    color: #fff;
    font-size: 45px
  }

  #remindTextMob {
    font-size: 17px;
    color: #27293d;
    position: absolute;
    z-index: 999;
    bottom: 40px;
    left: 0;
    right: 0;
    cursor: pointer
  }

  #landingOverlayDailog .modal-ms {
    width: 100%
  }

  .modalDeepavali .btnDepavali {
    position: absolute;
    bottom: 0 !important;
    top: 54% !important;
    left: 0;
    color: #fff;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: none
  }

  div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #6e2a8f
  }

  .lockUnlock {
    position: absolute;
    right: 5px;
    color: #6e2a8f;
    display: none
  }

  .ideaListMenu {
    margin-top: 15px !important
  }

  .ideaListMenu.ideaListMenuWebOne {
    margin-top: -11px !important
  }

  .ideaListMenu .panel-default>.panel-heading {
    color: #FFF;
    background-color: #5F7D8D;
    border-color: #5F7D8D
  }

  .ideaListsHeader small {
    color: #FFF
  }

  #idea_lists_placeholder .panel-heading h4,
  .ideaListsHeader h4 {
    font-weight: 400 !important
  }

  #idea_lists_placeholder .panel-heading h4 {
    margin-top: 3px
  }

  #idea_mylist_placeholder .panel-heading h4,
  .ideaListsHeader h4 {
    font-weight: 400 !important
  }

  #idea_mylist_placeholder .panel-heading h4 {
    margin-top: 3px
  }

  .idealistMenuIcons {
    width: 50px
  }

  #myPortfolioPanel {
    margin-bottom: 5px;
    margin-top: 4px
  }

  .idealistMenuPage {
    background: #f2f2f2
  }

  .informationIdeiaList {
    padding: 10px 5px
  }

  .ideaListMenu a:hover {
    color: #fff
  }

  div.bhoechie-tab-menu div.list-group>a.active::after {
    border-bottom: 0 solid transparent;
    border-left: 0 solid #6e2c90
  }

  .announcementImgDiv {
    width: 25%
  }

  #subscription_products_placeholder input[type=radio] {
    margin: 3px -20px 0
  }

  .announcementContant {
    width: 75%
  }

  .announcementsTab {
    margin-top: 60px
  }

  .referAFriendSocialIcon .socialIcanList {
    padding-left: 0;
    text-align: center
  }

  .evaluationStrengthTabs {
    margin-left: -14px;
    margin-right: -14px
  }

  .ideaListsiconsRating ul li a span {
    padding: 6px 10px
  }

  .mobileCanslimName {
    width: auto
  }

  .ideaListsHeader {
    width: 100%
  }

  .stockContant b {
    padding-left: 5px
  }

  .outlookCommentary .panel-body {
    padding: 2px 10px
  }

  .spaceAdjst {
    margin-bottom: 5px
  }

  .stockContant {
    margin-left: 30px
  }

  .media-body {
    display: initial
  }

  #masterScoreIndicator {
    float: left;
    height: 28px;
    width: 35px
  }

  .details-block-4 {
    padding-left: 10px;
    padding-right: 10px
  }

  .detailsBodyFont>.row>.col-xs-12 {
    padding-left: 5px;
    padding-right: 10px
  }

  .detailHeaderDiv .row .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px
  }

  .signUpSection label {
    font-size: 11px
  }

  .detailsTableList {
    padding-left: 5px;
    padding-right: 0;
    margin-right: -6px
  }

  .industryGroup h1 {
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0
  }

  .colanChecklist {
    display: inline
  }

  .tempratureWrapper .col-xs-7 {
    padding-right: 0
  }

  .tempratureWrapper .col-xs-5 {
    padding-left: 4px
  }

  .modal-content .evaluationPopUpHeader {
    margin-top: 5px
  }

  .custom-details-row-1 {
    background-color: transparent
  }

  .custom-details-row-2 {
    background-color: transparent
  }

  .checkListsGroupCanSlim>tbody>tr>td {
    font-size: 13px;
    padding: 0 5px
  }

  .checkListsGroupScore {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 10px;
    text-align: left
  }

  .canslimPercentage h4 {
    text-align: left
  }

  .checkListsGroup>div:first-child {
    padding: 0
  }

  .canslimProgress {
    display: none
  }

  .canslimName h4 {
    margin-left: 10px;
    text-align: left;
    color: #6e2a8f !important
  }

  .canslimPercentage {
    margin-bottom: 0;
    width: auto
  }

  .ChecklistHead {
    padding-left: 10px !important;
    padding-top: 5px !important;
    background-color: #f5f5f5 !important
  }

  .ChecklistHead .btn {
    width: 31%;
    margin-left: 0;
    font-size: 12px
  }

  .ChecklistHead .col-sm-11 {
    width: 90%;
    padding-left: 15px;
    padding-right: 0
  }

  .ChecklistHead .col-sm-1 {
    width: 10%;
    padding-left: 0;
    padding-right: 0
  }

  .ChecklistHead select {
    font-size: 14px;
    height: 30px;
    width: 100px
  }

  #checklist table tr:first-child td:nth-of-type(1),
  #checklist table tr:first-child td:nth-of-type(2),
  #checklist table tr:first-child td:nth-of-type(3) {
    padding: 0 5px
  }

  #detailsGroupLocation {
    font-size: 14px
  }

  .custom-block-1 {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0 solid #dcdcdc;
    border-top: 1px solid #e5e5e5;
    left: 0
  }

  .checkListsGroup h4 {
    font-size: 18px;
    font-weight: 600;
    padding: 0
  }

  .surveillanceGroup h4 {
    font-size: 18px;
    padding: 0;
    font-weight: 600
  }

  .surveillanceGroup h3 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500 !important;
    text-align: left;
    margin-left: 15px
  }

  .surveillanceGroup p {
    font-size: 14px;
    text-align: left;
    margin-left: 15px
  }

  .surveillancetext {
    font-size: 14px;
    font-weight: 500
  }

  .surveillanceflag i {
    font-size: 14px
  }

  .canslimPercentage .label-default {
    background-color: transparent
  }

  .canslimPercentage .label {
    color: #6e2a8f;
    font-size: 100%;
    font-weight: 500;
    padding: 0
  }

  .tableRaleted>thead>tr>th {
    font-size: 10px
  }

  .industryGroup .table>thead>tr>th {
    border-top: 0 none !important;
    color: #000
  }

  #fundamntlEarningTableId>thead>tr>th {
    background-color: #f5f5f5;
    padding: 0 2px;
    text-align: center
  }

  #fundamntlEarningTableId>thead>tr>th:nth-of-type(1) {
    border-right: 1px solid #e5e5e5
  }

  #fundamntlEarningTableId>thead>tr>th:nth-of-type(2) {
    border-right: 1px solid #e5e5e5
  }

  .custom-details-row-1 {
    border-bottom: 1px solid #e5e5e5;
    margin-top: 0;
    padding-bottom: 2px;
    padding-top: 0
  }

  .custom-details-row-2 {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
  }

  .detailsBodyFont .col-xs-7 {
    padding-left: 2px;
    padding-right: 0
  }

  .detailHeaderDiv>.row>.col-xs-12 {
    padding-left: 3px;
    padding-right: 0
  }

  .quarterlyEarnings {
    padding-left: 3px;
    padding-right: 0
  }

  .table-slide {
    padding-left: 0;
    padding-right: 0
  }

  .value-block-2 {
    text-align: right
  }

  .value-block-3 {
    text-align: right
  }

  .detailsBodyFont .col-xs-5 {
    padding-left: 0;
    padding-right: 0
  }

  .detailsHr {
    margin-bottom: 0;
    margin-top: 0
  }

  .details-block-1 {
    padding-left: 0;
    padding-right: 0
  }

  .custom-block-2 {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0 solid #dcdcdc;
    left: 0
  }

  .tableRaleted>tbody>tr>td {
    padding: 0;
    border-bottom: 0 none !important;
    padding: 1px 4px
  }

  #fundamntlEarningTableId>tbody>tr>td {
    border-top: 0 none !important
  }

  .evaluationValues .btn-xs {
    font-size: 10px;
    margin: 3px;
    padding: 3px 4px 2px;
    width: auto
  }

  .listPortfolioMobile .btn-xs {
    background-color: transparent;
    font-size: 13px;
    padding: 0 2px
  }

  .listPortfolioMobile .fivePaisaSellBtn {
    border-radius: 30px !important;
    padding: 1px 6px 1px 6px !important;
    background-color: #e43434;
    color: #fff;
    margin-right: 15px;
    font-weight: 300;
    width: 40px;
    height: 21px
  }

  .fivePaisaSellBtn.smallBtnMob {
    padding: 0 6px 0 6px !important;
    height: auto
  }

  .listPortfolioMobile .fivePaisaBuyBtn {
    border-radius: 30px !important;
    padding: 1px 6px 1px 6px !important;
    background-color: #43AC6A;
    color: #fff;
    margin-right: 5px;
    font-weight: 300;
    width: 40px;
    height: 21px
  }

  .fivePaisaBuyBtn.smallBtnMob {
    padding: 0 6px 0 6px !important;
    height: auto
  }

  .listPortfolioMobile .addPortfolioMobBtn {
    font-size: 15px
  }

  .detailsGroup {
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 4px;
    padding-top: 3px
  }

  .custom-block-3 {
    border-bottom: 1px solid #e5e5e5;
    border-right: 0 solid #dcdcdc;
    left: 0
  }

  .modalFilter .modal-body {
    max-height: 440px;
    overflow-y: scroll
  }

  .marketSmithImgLogoMobile img {
    display: inline
  }

  .buyNowLink {
    display: none !important
  }

  .selectBtnWDMobile {
    margin-top: -34px;
    padding-top: 0;
    right: 0;
    text-align: right
  }

  #custom-search-input input {
    color: #666;
    height: 25px;
    width: 100%
  }

  #custom-search-input {
    display: none;
    left: 15px;
    margin-top: 50px;
    position: fixed;
    width: 90%
  }

  .enlargeSearchautoSelect {
    left: 15px;
    margin-left: 0;
    margin-top: 57px;
    position: fixed;
    width: 90% !important;
    z-index: 1039
  }

  .mobilePanelGroup {
    background-color: #f5f5f5;
    border-color: gray;
    border-style: solid;
    display: none;
    left: 0;
    margin-top: 55px;
    max-height: 70vh;
    overflow-y: scroll;
    padding-top: 20px;
    position: fixed;
    width: 80%;
    z-index: 1032
  }

  .mobileSliderMenu {
    display: inline
  }

  .bhoechie-tab {
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px
  }

  #custom-search-input {
    right: auto
  }

  .sideMenu ul li {
    padding: 7px
  }

  .modelTallHeader .text-right {
    margin-bottom: 5px;
    margin-top: -6px;
    text-align: left
  }

  .dropdown-menu {
    background: #ffffff;
  }
}

.progress {
  border-radius: unset;
  height: 5px;
  margin-bottom: 14px
}

.outlookCommentary .panel-default .panel-heading {
  background-color: #fff;
  box-shadow: 0 1px 0 #e5e5e5;
  color: #333;
  padding-bottom: 10px
}

.selectVideos {
  display: none
}

@media (max-width:980px) {
  #userOpenAerts_placeholder .titleTableHead th {
    width: 30%
  }

  #userOpenAerts_placeholder .titleTableHead th:nth-of-type(1) {
    width: 40%
  }

  #userTriggeredAerts_placeholder .titleTableHead th {
    width: 30%
  }

  #userTriggeredAerts_placeholder .titleTableHead th:nth-of-type(1) {
    width: 40%
  }

  .playIcon {
    margin: 50px 0 0 -8px;
    width: 100%
  }

  .referAFriendSocialIcon .list-inline>li {
    padding-left: 14px;
    padding-right: 14px
  }
}

@media (max-width:746px) {
  .checkListsGroup>div:first-child {
    margin-bottom: 10px
  }

  .priceVolumeCol {
    width: 59px
  }

  .nav>li>a {
    padding: 10px 9px
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob h4 {
    font-size: 14px
  }

  .detailsHead select {
    font-size: 12px;
    height: 25px;
    width: 100%;
    font-weight: 500;
    padding: 3px 7px !important;
    text-align: center
  }

  .detailsHead {
    float: left;
    margin-top: -6px
  }

  #userTriggeredAerts_placeholder .titleTableHead th {
    width: 30%
  }

  #userTriggeredAerts_placeholder .titleTableHead th {
    width: 30%
  }

  .canSlimSeminarMobile {
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 292px;
    width: 300px;
    z-index: 999
  }

  .canSlimContant {
    background-color: #6f2c91;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 40px;
    width: 160px;
    padding: 10px
  }

  .canSlimContant:before {
    border-color: transparent transparent transparent #6f2c91;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 158px;
    position: absolute;
    top: 9px;
    width: 0
  }

  .canSlimSeminarMobile .btn-primary {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #6f2c91;
    color: #6f2c91;
    margin-top: 5px;
    position: absolute;
    right: 25px
  }

  .selectVideos .status {
    background-color: transparent;
    color: #333
  }

  .selectVideos {
    margin-bottom: 20px;
    display: inline
  }

  .selectVideos .btn {
    border-radius: 0 !important
  }

  .selectVideos .dropdown-toggle {
    border-left: 1px solid
  }

  .selectVideos .dropdown-menu {
    padding: 0;
    width: 100%
  }

  .selectVideos .dropdown-menu>li {
    padding: 5px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5
  }

  .selectVideos .dropdown-menu>li:hover {
    color: #fff;
    background-color: #6f2c91
  }

  .selectVideos .status {
    width: 300px
  }

  .MarketSmithLogo a {
    background: rgba(0, 0, 0, 0) url(../img/MSlogo.svg) no-repeat scroll 0 0;
    display: inline !important;
    height: 30px;
    margin-left: 10px;
    margin-top: 12px;
    width: 65px
  }

  #modelportfolio_stock_placeholder .stockChart img {
    border: 1px solid #999;
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .iframeHidden iframe {
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .stockChart img {
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .iframeHidden iframe {
    height: 85px;
    width: 125px
  }

  #modelportfolio_stock_placeholder .stockChart img {
    height: 85px;
    width: 100px
  }

  #modelportfolio_stock_placeholder .currentStock {
    margin-left: 10px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 60%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2>.ideaListsiconsRating {
    width: 35px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 .ideaListsiconsRating {
    margin: -5px -12px -10px 5px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-2 {
    width: 5%
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 54%
  }

  .currentStock {
    margin-left: 25px
  }

  .promoboxcontact h2 {
    font-weight: 300
  }

  .indiaModelPortfolio h4 {
    font-size: 19px;
    color: #000;
    padding-top: 0;
    padding-bottom: 0
  }

  .indiaModelPortfolio h3 {
    font-size: 20px
  }

  .indiaModelPortfolio img {
    width: 20px
  }

  .negativeValue {
    font-size: 13px
  }

  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: 'Fira Sans Condensed', sans-serif
  }

  .card .nav-tabs {
    border-top: 1px solid #f5f5f5
  }

  .indiaModelPortfolio {
    margin-left: 0;
    margin-right: 0;
    padding: 10px;
    margin-top: 0
  }

  #related table tr td a {
    font-size: 13px
  }

  .industryGroup h1 {
    font-weight: 600 !important
  }

  .table>tbody>tr>td,
  .table>tbody>tr>th,
  .table>tfoot>tr>td,
  .table>tfoot>tr>th,
  .table>thead>tr>td,
  .table>thead>tr>th {
    border-bottom: 1px solid #ddd
  }

  .topStocksIndia .col-xs-6 {
    padding-right: 0;
    padding-left: 0
  }

  .currentStock .col-xs-12 {
    padding-right: 0;
    padding-left: 0
  }

  .rationValue {
    font-size: 19px
  }

  #company_header_placeholderPopUp .rationValue,
  #company_header_placeholderPopUpMob .rationValue {
    font-size: 14px
  }

  .positiveValue {
    font-size: 13px
  }

  #company_header_placeholderPopUp .positiveValue,
  #company_header_placeholderPopUpMob .positiveValue {
    font-size: 14px
  }

  #company_header_placeholderPopUp .volumeOne,
  #company_header_placeholderPopUpMob .volumeOne {
    font-size: 14px
  }

  .evaluationStrength .col-xs-3 {
    border-right: 1px solid #e5e5e5
  }

  .evaluationStrength .col-xs-3:last-child {
    border-right: 0 solid #e5e5e5
  }

  .card {
    box-shadow: none
  }

  #industryGroupName {
    font-size: 15px;
    font-weight: 600 !important;
    position: absolute;
    width: 250px
  }

  #relatedExportDivId .industryExport {
    top: -32px
  }

  #industryGroupNameDiv.industryGroup {
    padding-bottom: 35px
  }

  #relatedTable td.noData {
    background: #fff !important;
    border: #fff !important
  }

  .rationValue {
    font-weight: 700
  }

  .sortOrder .form-control {
    font-size: 10px;
    height: 25px;
    padding: 1px
  }

  .userInformation p {
    overflow: hidden;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    width: 205px
  }

  .indiaModelPortfolio h3 {
    margin-bottom: 5px;
    margin-top: 0
  }

  .sortOrder .col-xs-9 {
    padding-right: 5px
  }

  .sortOrder .col-xs-3 {
    padding-left: 5px
  }

  .priceRateFaild {
    display: inline;
    width: 53%
  }

  .right-side-panel .selectBtnWDM {
    padding-top: 4px
  }

  .priceAndVolumeDiv p {
    padding: 10px 0
  }

  .checkListsGroup>div:first-child {
    background-color: transparent
  }

  .dropdownOptions {
    bottom: 17px !important;
    right: 16px !important;
    margin-bottom: 26px !important;
  }

  .movingArerages .line-red {
    width: 40px
  }

  .movingArerages .line-black {
    width: 40px
  }

  .movingArerages .line-green {
    width: 40px
  }

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

  .row {
    margin-left: -10px;
    margin-right: -10px
  }

  .movingArerages .line-pink {
    width: 40px
  }

  .panel-default-setting .panel-body {
    padding: 0
  }

  .chartSettings .panel-body {
    margin: 0
  }

  .panel-default-setting .nav>li>a {
    padding: 10px 5px
  }

  .movingArerages li a {
    font-size: 16px;
    padding: 4px 10px !important
  }

  .movingArerages .table>tbody>tr>td {
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px;
    padding: 6px
  }

  #loadMore1 {
    text-align: center
  }

  #loadMore,
  #loadMoreRelated,
  #loadMoreChecklist {
    text-align: center
  }

  .alignCenter {
    text-align: center
  }

  #loadMoreTodayAlerts,
  #loadMoreRecentAlerts {
    text-align: center;
    text-decoration: none
  }

  .movingArerages table input[type="text"] {
    width: 54px
  }

  .panel-default-setting .panel-body {
    padding: 10px
  }

  .panel-default-setting .tab-content {
    padding: 0
  }

  button.close {
    padding: 2px 6px;
    position: absolute;
    right: 5px
  }

  .filterbtns {
    right: 35px
  }

  .contentMasters {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px
  }

  .card .tab-content {
    padding: 6px 13px
  }

  .tab-content.mpCommentries {
    padding: 6px 0
  }

  .card .tab-content.commentary-content {
    padding: 2px 5px
  }

  .progress {
    height: 6px;
    margin-top: 2px
  }
}

.signUpSection {
  background-color: #f1f1f1;
  height: auto;
  padding-bottom: 20px
}

.signUpSection .col-md-8 {
  margin-top: 70px;
  padding-left: 70px !important
}

.signUpSection .checkbox {
  margin-bottom: 10px
}

.signUpSection #hideDisecaimer h4 {
  color: #666;
  font-size: 13px !important;
  font-weight: 600
}

.signUpSection #hideDisecaimer {
  margin-bottom: 10px
}

.signUpSection #hideDisecaimer p {
  font-size: 11px !important;
  padding-bottom: 10px
}

.imgContainerBdr {
  border-right: 1px solid #c1c1c1;
  margin-top: 80px;
  padding-bottom: 20px
}

.alert {
  font-size: 14px;
  padding: 5px 10px
}

.dropdownMobileMenu {
  display: none;
}

.buttonuserVlidation {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px;
}



@media (max-width:980px) {
  .padRgtReset {
    width: 100%
  }

  .padRgtReset.broker {
    width: auto
  }

  .pageHeading h4 {
    top: 0
  }

  .loginDiv {
    margin-right: 35px
  }

  .notification-bell {
    right: 15px
  }

  .vid-item img {
    float: left;
    padding-right: 5px;
    padding-top: 0 !important;
    width: 75px !important
  }

  .vid-item {
    height: 57px;
    padding: 2px 0
  }

  .videosTambnilList {
    text-align: left
  }

  .imgContainerBdr {
    border-right: 0 solid #c1c1c1
  }

  .requestCallBackform>.form-group>.form-control {
    width: 190px
  }

  .signUpSection .col-md-8 {
    margin-top: 10px;
    padding-left: 15px !important
  }
}

@media (max-width:767px) {
  #NewSigninProcess {
    background: rgba(0, 0, 0, 0) url(../img/SignInProcessBg.png) repeat scroll 0 0;
    height: 54px;
    position: absolute;
    right: -5px !important;
    top: 195px;
    width: 350px
  }

  .signInGlobal {
    margin-bottom: 10px;
    padding-top: 10px
  }

  #NewSigninProcess .signInProcess {
    background-color: #f0f0f0;
    border: 1px solid #6f2c91;
    border-radius: 6px !important;
    color: #6f2c91 !important;
    margin-left: 142px;
    margin-top: 12px;
    outline: medium none;
    padding: 4px 10px
  }

  #NewSigninProcess .signInProcess *:hover {
    background-color: #6f2c91 !important;
    color: #ffffff !important;
    outline: medium none
  }

  #NewSigninProcess .signInProcess *:active,
  #NewSigninProcess .signInProcess *:focus {
    outline: medium none
  }

  .signInProcessBtnPos {
    bottom: 91px;
    position: absolute;
    width: 100%
  }

  #signInKnowMoreBtn {
    margin-left: 6px
  }

  .signUpSection {
    height: auto
  }
}

#selectweeklyMonthlyDaily .btn-group-xs>.btn,
.btn-xs {
  width: 62px
}

#filterButtonOnOff {
  width: auto
}

@media (max-width:746px) {
  .market-condition-status ul li {
    padding: 5px
  }



  .prortfolioEvaluationCarousel {
    margin-top: 40px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn,
  .btn-xs {
    width: 22px;
    padding: 2px 5px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn.intradayDropDown {
    width: 60px
  }

  .dropdownOptions>li>a {
    width: 78px
  }

  .assignDefaultbtn {
    margin-bottom: 10px;
    margin-left: 0
  }

  .informationIdeiaList {
    font-size: 14px;
    right: 15px;
    position: absolute;
    width: 40px;
    background: transparent;
    border: none;
    top: 5px
  }

  .alertsStatus {
    margin-top: 50px
  }

  .skypeText {
    margin-left: 4px;
    margin-top: 3px;
    position: absolute
  }

  .ideaListsiconsRating {
    background-color: transparent;
    margin-bottom: 0;
    margin-left: -28px;
    margin-top: -5px;
    width: 35px;
    border-left: 1px solid #e5e5e5
  }

  #checklist_placeholder .col-md-4,
  #checklist_placeholder .col-md-8 {
    padding-left: 10px;
    padding-right: 10px
  }

  .searchBarMobile {
    right: 50px;
    z-index: 999
  }

  .notification-bell {
    right: 42px !important
  }

  .notification-bell {
    top: 13px
  }

  .userInformation h4 {
    margin-top: 10px
  }

  .promoboxGrey h2,
  .promoboxpurple h2,
  .promoboxcolor h2,
  .promoboxblack h2,
  .promoboxcontact h2,
  .SeminarBlock h2 {
    font-weight: 200
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li>a:hover,
  .nav-tabs>li>a:focus {
    background: transparent none repeat scroll 0 0;
    border: medium none
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom: 2px solid #6e2a8f !important
  }

  .resellerSection h2 {
    color: #333;
    font-weight: 200 !important
  }

  .academySection h2 {
    font-weight: 200 !important
  }

  #dailyChartLines .table>tbody>tr>td {
    font-size: 14px;
    font-weight: 400 !important
  }

  .currentHoldingAccordion .panel-title {
    font-size: 18px
  }

  .selectBtnWDMobile .btn-group-xs>.btn,
  .btn-xs {
    font-size: 12px;
    line-height: 14px;
    padding: 2px 6px;
    width: auto;
    border-radius: 0 !important
  }

  .selectBtnWDMobile .dropdownOptions {
    right: 0px !important
  }

  .selectBtnWDMobile .dropdownOptions>li>a {
    width: auto;
    padding: 5px 8px !important
  }

  .mobileCompanyName {
    width: 135px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 11px
  }

  .dropdown-menu>li>a {
    font-size: 16px
  }

  .btnSettingsModal {
    padding: 3px !important;
    width: auto !important;
    position: absolute !important;
    left: 10px
  }

  .table-slide .table>tbody>tr>td {
    padding: 0 8px !important
  }

  .table-slide .table>thead>tr>th {
    padding: 0 8px;
    width: 55px
  }

  .vid-container iframe {
    height: 220px;
    width: 100%
  }

  .videosTambnilList {
    max-height: 260px
  }

  .vid-item img {
    float: left;
    padding-right: 5px;
    padding-top: 0 !important;
    width: 75px !important
  }

  .videosTambnilList {
    text-align: left
  }

  .videoGrid {
    padding-top: 5px
  }

  .bhoechie-tab {
    margin-top: -12px
  }

  .vid-item {
    height: 57px;
    padding: 2px 0
  }

  .investorVideosHead {
    display: none !important
  }

  .vid-item .desc {
    font-size: 12px
  }

  .investingVideos {
    margin-left: -15px;
    margin-right: -15px
  }

  .videoContainer {
    margin: -10px -10px 0;
    padding-bottom: 1px !important;
    padding-top: 5px !important
  }

  .loader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border-color: #6e2c90 #f3f3f3 #f3f3f3;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 30px
  }

  .logoSpinnerImg {
    height: 15px;
    left: 0;
    margin: -9px auto 0;
    padding-top: 14px;
    position: absolute;
    right: 0;
    width: 15px
  }

  #landingBody .logoSpinnerImg {
    height: 15px;
    left: 0;
    margin: -6px auto 0;
    padding-top: 14px;
    position: absolute;
    right: 0;
    width: 15px
  }

  .logoSpinnerImg img {
    height: 15px;
    width: 15px
  }

  .jx_ui_Widget {
    display: none !important
  }

  .zopim {
    display: none !important
  }





}

#login-dp .bottom {
  background-color: transparent;
  border-top: medium none;
  color: #666
}

/* .userinformationMainDiv {
    background:transparent none repeat scroll 0 0
  } */
.navbar-default .navbar-nav>.dropdownMainMenu>a,
.navbar-default .navbar-nav>.dropdownMainMenu>a:focus,
.navbar-default .navbar-nav>.dropdownMainMenu>a:hover {
  background-color: #702c91;
  color: #fff !important
}

/* .userAccountType h5 {
    border:1px solid #999;
    border-radius:2px;
    color:#999;
    display:none;
    font-size:11px;
    font-weight:600;
    margin-bottom:0;
    margin-top:-22px;
    padding:3px;
    position:absolute;
    text-align:center;
    width:31%
  } */
.userAccountType .whatWeDoBtn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #09a820;
  color: #09a820;
  font-size: 11px;
  font-weight: 700;
  left: 14px;
  margin-top: -45px;
  padding: 2px 7px;
  position: absolute
}

.userInformationDiv .fa-user {
  margin-top: 8px
}

.userinformationMainDiv .col-xs-9 {
  padding-left: 15px;
  padding-right: 15px
}

.userInformationDiv .col-xs-9 {
  padding-left: 15px
}

.userAccountType .whatWeDoBtn:hover {
  font-weight: 700
}

.menu-open::after {
  background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1000
}

.menu-openIdeaList::after {
  background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1031
}

.menu-openSearch::after {
  background: rgba(0, 0, 0, .7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1030
}

.mobileToggalClass {
  pointer-events: none
}

.canslimRating {
  font-size: 15px;
  font-weight: 500
}

.checkListsGroup .table>tbody>tr>td:nth-of-type(2) {
  font-size: 15px
}

.priceVolumeContent {
  display: inline-block;
  vertical-align: top;
  width: 39%
}

.priceInrForm {
  padding: 0
}

.signUpSection .col-md-8 {
  margin-top: 0
}

.requestCallBackform>.form-group>.form-control {
  width: auto
}

.resellerBtnDiv {
  margin: 20px -10px -20px
}

.resellerSub .radio-inline+.radio-inline {
  margin-left: 0
}

.resellerSub .radio-inline {
  display: table
}

.resellerSub ul {
  padding-left: 15px
}

.modalSettingPopup {
  max-height: 500px;
  overflow-y: scroll;
  padding: 10px 3px
}

.stockAlertMessage .modalAlert {
  padding: 0
}

.stockAlertMessage {
  padding: 6px 2px
}

#filter .modal-body {
  max-height: 500px;
  overflow-y: scroll
}

#filter .panel-heading {
  padding: 10px
}

.evaluationStrength {
  margin-top: 0
}

.buttonsalertanduser {
  display: flex;
  margin-bottom: 30px;
}

.currentHoldingAccordion {
  padding: 10px
}

.StockIdeasModalPortfolio .panel-group {
  margin-bottom: 0
}

#custom-search-input input {
  font-size: 16px
}

.padRgtReset {
  margin-top: 4px;
  position: absolute;
  right: -4px;
  width: 125px
}

.padRgtReset.broker {
  margin-top: 28px;
  position: absolute;
  right: -30px;
  width: 125px
}

.evaluationPopUpHeader .col-xs-12 {
  padding-left: 0;
  padding-right: 0
}

.selectBtnWDMobile {
  margin-right: 10px
}

.evaluatioVolBlock {
  display: block;
  margin-top: 5px
}

.selectBtnWDMobile {
  margin-top: -26px
}

/* .userinformationMainDiv {
    margin:-14px -20px 13px!important
  } */
.form-control {
  font-size: 16px
}

#market_outlook_placeholder {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 5px 15px
}

.modalPortfolio #market_outlook_placeholder {
  margin-top: 5px !important
}
}

@media (max-width:1024px) {
  .introInnerHeader {
    background-color: #f2f2f2
  }

  .ideaListContent {
    margin-top: 30px
  }

  .idealistDynamicBody {
    margin-top: 70px
  }

  .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:focus,
  .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: whitesmoke;
    border-bottom: 2px solid #6e2a8f !important
  }

  .v-smg {
    display: none !important
  }

  .v-xsg {
    display: inline-block !important
  }

  .VediosDiv .nav-tabs>li.active>a {
    background: #6e2a8f !important;
    border: none;
    color: #fff !important;
    border-radius: 20px !important;
    padding: 10px 15px;
    font-size: 12px !important;
    line-height: 107%
  }

  .VediosDiv .nav-tabs>li>a:hover {
    background: #f1f1f1;
    border: none;
    color: #333;
    border-radius: 20px !important;
    padding: 10px 15px;
    font-size: 12px !important;
    line-height: 107%
  }

  .nav-tabs>li>a::after {
    background: inherit;
    bottom: inherit;
    content: "";
    height: inherit;
    left: inherit;
    position: inherit;
    transform: inherit;
    transition: inherit;
    width: inherit
  }
}

@media(max-width:320px) {
  .masterScoreRow {
    padding-top: 15px
  }

  .previousIcons a {
    font-size: 13px
  }

  .lockforlist,
  .lockforHolding,
  .lockforBG {
    font-size: 14px !important
  }

  .indiaModelPortfolio p {
    width: 285px
  }

  .close-btn-subs {
    right: 18%
  }

  .dontshow-sale-text {
    bottom: 25%
  }

  .card.customcardmob .nav>li>a {
    font-size: 14px;
    padding: 3px 5px
  }

  #modelportfolio_stock_placeholder .topStocksIndia>.row>.col-md-7 {
    width: 51%
  }

  .getApp a {
    margin-left: -4px;
    margin-top: 25px;
    background: transparent;
    border: 1px solid #6e2a8f;
    padding: 2px 5px;
    border-radius: 10px !important;
    font-weight: 400;
    color: #6e2a8f;
    font-size: 10px
  }

  .paymentReminder a {
    margin-left: -4px;
    margin-top: 25px;
    background: transparent;
    border: 1px solid #6e2a8f;
    padding: 2px 5px;
    border-radius: 10px !important;
    font-weight: 400;
    color: #6e2a8f;
    font-size: 10px
  }

  .negativeValue {
    font-size: 12px
  }

  .getApp small {
    font-size: 12px
  }

  .getApp .col-xs-1,
  .getApp .col-xs-9,
  .getApp .col-xs-2 {
    padding-right: 6px;
    padding-left: 6px
  }

  .paymentReminder small {
    font-size: 12px
  }

  .paymentReminder .col-xs-1,
  .paymentReminder .col-xs-9,
  .paymentReminder .col-xs-2 {
    padding-right: 6px;
    padding-left: 6px
  }

  .stockContant {
    margin-left: 10px
  }

  .selectVideos .status {
    width: 265px
  }

  .stockChart img {
    border: 1px solid #999;
    height: 80px;
    width: 85px
  }

  .iframeHidden iframe {
    height: 80px;
    width: 85px
  }

  .stockChart img {
    height: 80px;
    width: 85px
  }

  .stockChart .loaderSmall {
    width: 80px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 29px
  }

  .stockContant h5 {
    font-size: 11px
  }

  .topStocksIndia .col-xs-8 {
    width: 65%
  }

  #modelPortfolioPage .iframeHidden iframe {
    height: 80px;
    width: 85px
  }

  #modelPortfolioPage .stockChart img {
    height: 80px;
    width: 85px
  }

  .card .nav>li>a {
    font-size: 15px;
    padding: 3px 8px;
    border-bottom: 2px solid transparent
  }

  .evaluationValues h1 {
    font-size: 16px
  }

  .rationValue {
    font-size: 16px;
    font-weight: 600
  }

  .positiveValue {
    font-size: 12px;
    font-weight: 500
  }

  .volumeOne {
    font-size: 14px
  }

  .volOne {
    font-size: 14px
  }

  .evaluationStrength h4 {
    font-size: 11px
  }

  .poorPercent {
    font-size: 15px
  }

  .greatPercent {
    font-size: 15px
  }

  .naPercent {
    font-size: 15px
  }

  .goodPercent {
    font-size: 15px
  }

  .fairPercent {
    font-size: 15px
  }

  #selectweeklyMonthlyDaily .btn-group-xs>.btn,
  .btn-xs {
    font-size: 11px
  }

  .dropdownOptions>li>a {
    width: 66px
  }

  .informationEvaluation {
    padding-top: 2px
  }

  .searchBarMobile {
    padding: 0
  }

  #company_header_placeholderPopUp h4,
  #company_header_placeholderPopUpMob .h4 {
    font-size: 13px
  }

  .mobileCompanyName {
    width: 120px
  }

  #company_header_placeholderPopUp .rationValue,
  #company_header_placeholderPopUpMob .rationValue {
    font-size: 13px
  }

  #company_header_placeholderPopUp .positiveValue,
  #company_header_placeholderPopUpMob .positiveValue {
    font-size: 13px
  }

  #company_header_placeholderPopUp .volumeOne,
  #company_header_placeholderPopUpMob .volumeOne {
    font-size: 13px
  }

  .selectBtnWDMobile .btn-group-xs>.btn,
  .btn-xs {
    font-size: 11px;
    line-height: 14px;
    padding: 2px 3px;
    font-weight: 400
  }

  .currentStock h5 {
    font-size: 12px;
    font-weight: 600
  }

  .site-title a {
    height: 31px;
    top: 11px;
    width: 219px
  }

  .site-title-scroll a {
    height: 31px;
    top: 11px;
    width: 219px
  }

  .loginDiv .btn-default {
    padding: 18px
  }

  .loginDiv .fa-user-o::before {
    font-size: 16px
  }

  .padRgtReset.broker {
    margin-top: 23px
  }
}

@media (max-width:320px) {
  .filterbtns {
    top: 13px
  }

  .filterbtns .btn {
    padding: 3px 5px
  }

  #NewSigninProcess {
    background: rgba(0, 0, 0, 0) url(../img/SignInProcessBg.png) repeat scroll right center;
    display: block !important;
    height: 54px;
    position: absolute;
    right: -15px !important;
    top: 195px;
    width: 110%
  }

  .searchBarMobile {
    right: 56px;
    font-size: 14px;
    margin-top: 3px
  }

  .notification-bell i {
    font-size: 15px
  }

  .notification-bell {
    top: 20px
  }

  .navBarToggle .icon-bar {
    width: 14px
  }

  .padRgtReset {
    margin-top: 12px
  }

  #NewSigninProcess .signInProcess {
    background-color: #f0f0f0;
    border: 1px solid #6f2c91;
    border-radius: 6px !important;
    color: #6f2c91 !important;
    margin-left: 130px;
    margin-top: 12px;
    outline: medium none;
    padding: 4px 10px
  }

  .modalSettingPopup {
    max-height: 320px;
    overflow-y: scroll
  }

  #filter .modal-body {
    max-height: 320px;
    overflow-y: scroll
  }

  .masterScoreFilter {
    font-size: 10px
  }

  #filter .panel-title {
    font-size: 14px
  }
}

#subscription_products_placeholder i {
  font-size: inherit !important
}

.portfolioSummary i {
  font-size: inherit !important
}

.chevronAlign {
  left: 0;
  padding: 10px;
  position: absolute;
  right: 5px;
  top: 3px
}

.daysLeftMobile {
  color: #6f2c91 !important;
  font-style: italic;
  font-weight: 600 !important;
  left: 60px;
  position: relative;
  top: -25px
}

#resellerTAndC ol>li>p {
  font-size: 14px;
  font-weight: 700
}

#resellerTAndC ol>li>ul {
  list-style-type: disc
}

.academySection {
  background: rgba(0, 0, 0, 0) url(../img/acaademyBg.jpg) no-repeat scroll center center / cover;
  height: 200px !important
}

.academySection h2 {
  color: #fff;
  font-weight: 100 !important;
  margin-bottom: 5px
}

.academySection p {
  color: #fff;
  margin-top: 0
}

.academySection button {
  margin-top: 10px;
  padding: 10px 16px
}

.academySection button:hover {
  border: 1px solid #fff !important;
  color: #fff;
  font-weight: 300
}

@media (max-width:640px) {

  .academySection h2,
  .resellerSection h2 {
    font-size: 26px
  }

  .academySection h2 {
    margin-top: 40px
  }

  .academySection p {
    font-size: 14px
  }

  .evaluationTabStcok {
    font-size: 13px;
    font-weight: 400
  }
}

@media (max-width:360px) {
  .academySection h2 {
    margin-top: 40px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 49px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 24px
  }

  .getApp img {
    width: 50px;
    height: 50px;
    margin: 10px 0
  }

  .paymentReminder img {
    width: 50px;
    height: 50px;
    margin: 10px 0
  }

  .evaluationTabStcok {
    font-size: 12px;
    font-weight: 400;
    margin-left: 3px
  }
}

@media (max-width:320px) {
  .academySection h2 {
    margin-top: 20px
  }

  .stockChart .logoSpinnerImgSmall {
    left: 30px
  }

  #modelportfolio_stock_placeholder .logoSpinnerImgSmall {
    left: 22px
  }

  #marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
    width: 72% !important
  }

  #marketoutlook_notes_placeholder .modalPortfolioParaTest {
    width: 72% !important
  }
}

.logoSpinnerImgGonative {
  position: absolute;
  left: 0;
  right: 0;
  top: -28px;
  bottom: 0;
  margin: auto
}

.loaderGonative {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.btnAddScreen {
  padding: 10px;
  font-size: 15px;
  border-radius: 2px;
  text-transform: uppercase;
  color: #fff;
  width: 180px;
  background: #6e2c90;
  font-weight: 300;
  margin-top: 10px
}

.tableTransaction td {
  width: 10%
}

.tableTransaction th {
  width: 10%
}

.tableTransactionMobile td {
  width: 10%
}

.tableTransactionMobile th {
  width: 10%
}

@media(max-width:746px) {
  .footerSocial ul li {
    padding: 0 7px;
    margin-top: 10px
  }

  .positiveValue {
    color: #2736e9 !important
  }

  .VediosDiv .nav-tabs>li.active>a {
    padding: 6px 15px
  }

  .VediosDiv .nav-tabs>li>a:hover {
    padding: 6px 15px
  }

  .learningMain {
    margin-top: -35px
  }

  .shareBtn .dropdown-menu {
    padding: 0 0;
    min-width: 220px
  }

  .backBtnHide {
    display: none !important
  }

  .backBtn {
    padding: 2px 5px !important;
    color: #000
  }

  .backBtn:focus {
    outline: none
  }

  #rememberMe {
    margin-top: 0px !important
  }

  .addPortfolioMobBtn {
    display: inline
  }

  .myPortfolioSearch #custom-search-input {
    display: inline-block !important;
    width: 100% !important
  }

  .notification-bell {
    color: #fff !important
  }

  .alertsTab .modelTallHeader h4 {
    width: 275px
  }

  #userAlertsInfo .indiaModelPortfolio {
    margin-top: 0 !important
  }

  .userAlertsInfoDiv {
    margin-left: 5px;
    margin-right: 5px
  }

  .userAlertsInfocontainer {
    margin-top: 0
  }

  .alertsHeader {
    display: none
  }

  .alertsStatus {
    margin-top: 0
  }
}

.myPortfolioSearch #custom-search-input {
  position: static;
  box-shadow: none;
  margin: 0 auto;
  margin-bottom: 0
}

.myPortfolioSearch .searchautoSelect {
  position: static;
  margin: 0 auto;
  left: 0;
  right: 0
}

.btnRgtMar {
  margin-top: 20px
}

.btnRgtMar button:first-child {
  margin-right: 10px
}

#updateAddBtnId {
  margin-right: 10px
}

.myPortfolioSearch #search_hints_placeholder table tr:first-child td {
  border-top: 0px !important
}

.viewPortfolioCSS table {
  width: 100%;
  border-collapse: collapse
}

.viewPortfolioCSS {
  margin-top: 20px !important
}

@media (max-width:991px) {
  .viewPortfolioCSS>thead>tr>th {
    display: block
  }

  .viewPortfolioCSS>tbody>tr>td {
    display: block
  }

  .viewPortfolioCSS>tbody>tr {
    margin-bottom: 10px
  }

  .viewPortfolioCSS thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
  }

  .viewPortfolioCSS tr {
    border: 1px solid #ccc
  }

  .viewPortfolioCSS td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap
  }

  .viewPortfolioCSS tr {
    border-color: #f0f0f0
  }

  .viewPortfolioCSS tr td:nth-child(odd) {
    background-color: #f7f7f7
  }

  .viewPortfolioCSS tr {
    margin-bottom: 20px;
    margin-top: 5px
  }

  .viewPortfolioCSS td:before {
    font-weight: 600
  }

  .transactionHisDiv {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 50px
  }

  #editTransactions .transactionHisDiv {
    margin-top: 30px
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Stock Name";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Gain %";
    font-weight: 400;
    color: gray
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Add Date";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Add Price";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Remove Date";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Remove Price";
    font-weight: 400
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Reports";
    margin-top: 6px;
    font-weight: 400
  }

  #viewRemovedStocksTable td:nth-of-type(7) {
    margin-bottom: 20px
  }

  #viewRemovedStocksTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewRemovedStocksTable tr:nth-of-type(even) td:nth-of-type(7) {
    margin-bottom: 15px !important
  }

  #viewRemovedStocksTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Stock Name";
    font-weight: 400
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Gain %";
    font-weight: 400;
    color: gray
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Add Date";
    font-weight: 400
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Add Price";
    font-weight: 400
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Reports";
    font-weight: 400;
    margin-top: 6px !important
  }

  #viewCurrentHoldingTable td:nth-of-type(5) {
    margin-bottom: 20px
  }

  #viewCurrentHoldingTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewCurrentHoldingTable tr:nth-of-type(even) td:nth-of-type(5) {
    margin-bottom: 15px !important
  }

  #viewCurrentHoldingTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Quantity";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Avg Buy Price";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Value At Cost";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Current Price";
    font-weight: 400
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Current Networth";
    font-weight: 400
  }

  #viewPortfolioTable td:nth-of-type(9) {
    margin-bottom: 20px
  }

  #viewPortfolioTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #viewPortfolioTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewPortfolioTable tr:nth-of-type(even) td:nth-of-type(6) {
    margin-bottom: 15px !important
  }

  #viewPortfolioTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  .viewPortfolioCSS {
    border-collapse: inherit !important
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Transaction Type" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Transaction Date" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Transaction Status" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Amount" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(8):before {
    content: "Comments" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(9):before {
    content: "Action" !important;
    font-weight: 400
  }

  #editPortfolioTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #editPortfolioTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #editPortfolioTable tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #editPortfolioTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Transaction Type" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Transaction Date" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Transaction Status" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Amount" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(8):before {
    content: "Comments" !important;
    font-weight: 400
  }

  #viewTransactionHistTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewTransactionHistTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #viewTransactionHistTable tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #viewTransactionHistTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Alert Description" !important;
    font-weight: 400
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Created Date" !important;
    font-weight: 400
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(even) td:nth-of-type(4) {
    margin-bottom: 15px !important
  }

  #viewUserOpenAlertsInfo tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #viewUserOpenAlertsInfo .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Alert Description" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Created Date" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Direction" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "Triggered Date" !important;
    font-weight: 400
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(even) td:nth-of-type(7) {
    margin-bottom: 15px !important
  }

  #viewUserExecutedAlertsInfo tr:nth-of-type(odd) td {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 4px !important
  }

  #viewUserExecutedAlertsInfo .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  .viewPortfolioCSS .fa-chevron-down {
    color: grey
  }

  .resetPadRgt {
    padding-right: 0px !important
  }

  .resetPadRgtTranHis .accordion-toggle::after {
    float: right
  }

  .panel-heading.table.row.titleTableHead.visible-sm.visible-xs td {
    width: 20%
  }

  .pad5Lft {
    padding-left: 5px !important
  }

  .titleTableHead {
    position: relative;
    top: 20px;
    color: #fff;
    font-weight: 500;
    margin: 0;
    background: #79389c
  }

  .mpChartMobXs td {
    width: 58%
  }

  .transactionHisXs td {
    width: 37%
  }

  .myProtfolioMobXs td {
    width: 34%
  }

  .userAlertsMobileXs td {
    width: 37%
  }

  .userAlertsMobileXs td:nth-of-type(1) {
    width: 42%
  }

  .userAlertsMobileXs td:nth-of-type(2) {
    width: 31%
  }

  .addToPortfolio {
    margin-top: 15px
  }

  #portfolioOverview {
    position: relative;
    top: -15px
  }

  #msiRating {
    position: relative;
    top: -15px
  }

  #fundamentals {
    position: relative;
    top: -15px
  }

  #technical {
    position: relative;
    top: -15px
  }

  .PortfolioBgImg {
    padding-bottom: 15px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 22px !important
  }

  #viewRemovedStocksTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewCurrentHoldingTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewPortfolioTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #editPortfolioTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewTransactionHistTable td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewUserOpenAlertsInfo td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  #viewUserExecutedAlertsInfo td {
    border: none;
    position: relative;
    padding-left: 50%
  }

  .viewPortfolioCSS {
    border-bottom: none !important
  }

  #viewRemovedStocksTable tr td {
    font-size: 13px
  }

  #viewCurrentHoldingTable tr td {
    font-size: 13px
  }

  #viewPortfolioTable tr td {
    font-size: 13px
  }

  #editPortfolioTable tr td {
    font-size: 13px
  }

  #viewTransactionHistTable tr td {
    font-size: 13px
  }

  #viewUserOpenAlertsInfo tr td {
    font-size: 13px
  }

  #viewUserExecutedAlertsInfo tr td {
    font-size: 13px
  }

  .portfolioSummary .leftPd {
    padding-right: 0px !important
  }

  #viewScreen .tab-content {
    padding-bottom: 0px !important;
    padding-right: 0;
    padding-left: 0
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Portfolio Current Net-worth";
    font-weight: 400
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Portfolio Master Score";
    font-weight: 400
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(4):before {
    content: "Portfolio EPS Rating";
    font-weight: 400
  }

  #portfolioRatingTable td:nth-of-type(5):before {
    content: "Portfolio RS Rating";
    font-weight: 400
  }

  #portfolioRatingTable td:nth-of-type(6):before {
    content: "Portfolio A/D Rating";
    font-weight: 400;
    color: #2736e9
  }

  #portfolioRatingTable td:nth-of-type(7):before {
    content: "Portfolio Group Rank";
    font-weight: 400
  }

  #portfolioRatingTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #portfolioRatingTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #portfolioRatingTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #portfolioRatingTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #portfolioRatingTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #portfolioRatingTable tr td {
    font-size: 13px
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Current Networth";
    font-weight: 400
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "EPS Rating";
    font-weight: 400
  }

  #msiRatingTable td:nth-of-type(6):before {
    content: "RS Rating";
    font-weight: 400
  }

  #msiRatingTable td:nth-of-type(7):before {
    content: "A/D Rating";
    font-weight: 400;
    color: #2736e9
  }

  #msiRatingTable td:nth-of-type(8):before {
    content: "Group Rank";
    font-weight: 400
  }

  #msiRatingTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #msiRatingTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #msiRatingTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #msiRatingTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #msiRatingTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #msiRatingTable tr td {
    font-size: 13px
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Current Networth";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(5):before {
    content: "Volume";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(6):before {
    content: "Avg Rupee Volume(1000's)";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(7):before {
    content: "52 Week High";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(8):before {
    content: "52 Week Low";
    font-weight: 400
  }

  #technicalTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #technicalTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #technicalTable tr:nth-of-type(even) td:nth-of-type(8) {
    margin-bottom: 15px !important
  }

  #technicalTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #technicalTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #technicalTable tr td {
    font-size: 13px
  }

  .addToPortfolioMobilePlus {
    cursor: pointer
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(1):before {
    content: "Company";
    font-weight: 400
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(2):before {
    content: "Current Networth";
    font-weight: 400
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(3):before {
    content: "Market Capitalization";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(6):before {
    content: "Shares in Float";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(7):before {
    content: "P/E Ratio";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(8):before {
    content: "ROE";
    font-weight: 400
  }

  #fundamentalsTable td:nth-of-type(9):before {
    content: "Beta";
    font-weight: 400
  }

  #fundamentalsTable tr:nth-of-type(odd) td {
    padding: 5px 2px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    font-weight: 500
  }

  #fundamentalsTable tr:nth-of-type(even) td {
    border: solid 1px #f0f0f0
  }

  #fundamentalsTable tr:nth-of-type(even) td:nth-of-type(9) {
    margin-bottom: 15px !important
  }

  #fundamentalsTable .row span {
    font-weight: 400;
    color: #000;
    font-size: 10px;
    padding-bottom: 5px
  }

  #fundamentalsTable td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%
  }

  #fundamentalsTable tr td {
    font-size: 13px
  }

  .visible-xs.btnRgtMar {
    margin-top: 0
  }

  .portfolioSummary {
    width: 100% !important;
    padding: 5px !important
  }

  .txtAlign797 {
    text-align: right !important
  }

  .txtalgn {
    text-align: left !important
  }

  #idealistStocksTable,
  #mpStockTable {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
  }

  #idealistStocksTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #idealistStocksTable_wrapper {
    position: inherit
  }

  #idealistStocksTable tbody {
    max-height: 100%
  }

  #mpStockTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #mpStockTable_wrapper {
    position: inherit
  }

  #mpStockTable tbody {
    max-height: 100%
  }

  #relatedTable {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -1px
  }

  #relatedTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #relatedTable_wrapper {
    position: inherit
  }

  #relatedTable tbody {
    max-height: 100%
  }
}

.PortfolioBgImg {
  background-color: #f1f1f1;
  padding: 20px 10px
}

#addScreen {
  padding-top: 40px;
  padding-left: 15px
}

#addScreen .btnSubscribe {
  border-radius: 4px !important;
  margin-bottom: 20px
}

@media (min-width:768px) {
  .no-display {
    display: none
  }

  .showforMobile {
    display: none
  }

  .legend-box li {
    margin: 10px 0
  }
}

@media (max-width:1024px) {
  .relatedSymbolsstock {
    position: inherit;
    width: 100% !important;
    background-color: #f1f1f1 !important;
    top: 0;
    left: 0
  }

  .relatedSymbolsstock.thead {
    display: contents
  }

  .scroll-wrapper {
    position: relative
  }

  #idealistStocksTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #relatedTable tbody {
    padding-top: 0
  }

  table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%
  }

  table span.dtr-data {
    font-weight: 400;
    float: right
  }

  table.dataTable thead th,
  table.dataTable thead td {
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #79389c;
    color: #fff
  }

  #relatedTable {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: -1px
  }

  #relatedTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }

  #relatedTable_wrapper {
    position: inherit
  }

  #relatedTable tbody {
    max-height: 100%
  }

  .related-scroll-table {
    margin-left: 190px;
    overflow: hidden;
    overflow-x: auto
  }

  #relatedTable tr>td,
  #relatedTable tr>th {
    white-space: nowrap
  }

  #relatedTable.dataTable tbody td {
    width: 107px !important
  }

  #relatedTable.dataTable thead th {
    width: 93px !important
  }

  #relatedTable.dataTable tbody td:last-child {
    width: 142px !important
  }

  #relatedTable.dataTable thead th:last-child {
    width: 130px !important
  }

  #relatedTable tr>td:nth-child(2) {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #relatedTable tr>th:nth-child(2) {
    width: 175px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd
  }

  #relatedTable.table {
    margin-left: 8px !important;
    margin-top: -2px
  }
}

@media (max-width:1024px) {
  .prortfolioEvaluationCarousel .item {
    height: 380px
  }

  .stocks-scroll-table {
    margin-left: 200px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable.dataTable thead th {
    width: 125px !important
  }

  #idealistStocksTable.dataTable tbody td {
    width: 125px !important
  }

  #idealistStocksTable tr>td:first-child {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #idealistStocksTable tr>th:first-child {
    width: 188px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    border-top: 1px solid #d0d0d0 !important;
    margin-top: -1px
  }

  #idealistStocksTable.dataTable thead th {
    border-bottom: none
  }

  #idealistStocksTable_wrapper {
    position: inherit
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 8px 5px;
    border-bottom: 0 solid #fff
  }
}

@media (max-width:991px) {
  #bulkBlockDetTable_wrapper {
    position: inherit
  }

  #evaluationBulkBlockDeals tr>td,
  #evaluationBulkBlockDeals tr>th {
    white-space: nowrap
  }

  #evaluationBulkBlockDeals.dataTable tbody td {
    width: 85px !important
  }

  #evaluationBulkBlockDeals.dataTable thead th {
    width: 71px !important
  }

  #evaluationBulkBlockDeals tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #evaluationBulkBlockDeals tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #ddd !important;
    border-bottom: 0
  }

  #evaluationBulkBlockDeals {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 30px
  }

  #evaluationBulkBlockDeals>thead>tr>th {
    border-top: 0 solid #ddd !important;
    border-bottom: 0 solid #ddd !important
  }

  .bulkBlockDet-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  #evaluationBulkBlockDeals_filter {
    position: absolute;
    left: 0;
    top: -15px
  }

  #evaluationBulkBlockDeals_wrapper {
    position: inherit
  }

  .bulkBlockExport {
    top: -10px
  }
}

@media (max-width:767px) {
  #ideaListsPage .modalWithArrow {
    margin-top: 25px
  }

  .lockforlist,
  .lockforHolding,
  .lockforBG {
    font-size: 16px
  }

  .lockforHolding img {
    width: 20px;
    top: -2px;
    left: -3px
  }

  .lockforBG img {
    width: 20px;
    top: -1px;
    left: -3px
  }

  .listFlagMobDiv {
    position: relative;
    bottom: 3px;
    float: right
  }

  .listFlagMobDiv img {
    width: 15px;
    margin-left: 4px
  }

  .listFlagMobDiv.removeSpace img {
    width: 15px
  }

  .previousIcons a {
    margin-left: 5px;
    font-size: 12px
  }

  .reducePadding {
    padding-left: 0;
    padding-right: 0
  }

  .msiIconsRow {
    border: 1px solid #ddd;
    padding: 6px 7px 2px 0;
    margin: 0;
    border-radius: 3px;
    max-height: 32px;
    min-height: 32px
  }

  .kiteBuySellPosition {
    bottom: 24px !important
  }

  .msiIconsRow a {
    color: #999
  }

  .likeNumbers {
    font-size: 14px
  }

  #checklist_topheader_mob_placeholder .progress,
  #evaluation_strength_placeholder .progress {
    margin-bottom: 5px
  }

  .evaluationTabContant {
    padding-top: 8px !important
  }

  .evaluationNaviTab #myNavbar {
    margin-top: 0
  }

  .thumbsupIcon i {
    margin-right: 5px
  }

  .thumbsIcons {
    text-align: right
  }

  .thumbsIcons a:first-child {
    margin-right: 15px
  }

  a.thumbsupIcon {
    display: unset
  }

  .thumbsIcons a:hover,
  .thumbsIcons a:visited {
    color: #999
  }

  .performanceRow {
    padding: 10px
  }

  #addScreen {
    padding-top: 20px
  }

  #addScreenButton div {
    text-align: center
  }

  #marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
    width: 75%
  }

  #marketoutlook_notes_placeholder .modalPortfolioParaTest {
    width: 75%
  }

  .marketReportDownload {
    right: -56px;
    bottom: 1px;
    font-size: 14px
  }

  .idealistRadioDiv .switch-field-opt label {
    width: 22px;
    font-size: 12px
  }

  .stocks-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  #idealistStocksTable.dataTable tbody td {
    width: 125px !important
  }

  #idealistStocksTable.dataTable thead th {
    width: 117px !important
  }

  #idealistStocksTable {
    margin-top: -1px
  }

  #idealistStocksTable tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #idealistStocksTable tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: none;
    border-top: 1px solid #dcdcdc !important;
    margin-top: 0
  }

  #idealistStocksTable.dataTable thead th {
    border-top: 1px solid #dcdcdc
  }

  .related-scroll-table {
    margin-left: 130px;
    overflow: hidden;
    overflow-x: auto
  }

  #relatedTable tr>td,
  #relatedTable tr>th {
    white-space: nowrap
  }

  #relatedTable.dataTable tbody td {
    width: 85px !important
  }

  #relatedTable.dataTable thead th {
    width: 71px !important
  }

  #relatedTable tr>td:nth-child(2) {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #relatedTable tr>th:nth-child(2) {
    width: 115px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #ddd !important;
    border-bottom: 0
  }

  #bulkBlockDetTable_wrapper {
    position: inherit
  }

  #evaluationBulkBlockDeals tr>td,
  #evaluationBulkBlockDeals tr>th {
    white-space: nowrap
  }

  #evaluationBulkBlockDeals.dataTable tbody td {
    width: 85px !important
  }

  #evaluationBulkBlockDeals.dataTable thead th {
    width: 71px !important
  }

  #evaluationBulkBlockDeals tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #evaluationBulkBlockDeals tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #ddd !important;
    border-bottom: 0
  }

  #evaluationBulkBlockDeals {
    margin: 0;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-top: 30px
  }

  #evaluationBulkBlockDeals>thead>tr>th {
    border-top: 0 solid #ddd !important;
    border-bottom: 0 solid #ddd !important
  }

  .bulkBlockDet-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  .dealnoData {
    position: absolute;
    left: 10px;
    right: 0;
    top: 20px
  }

  #evaluationBulkBlockDeals_wrapper {
    position: inherit
  }

  .related-scroll-table {
    border-top: 1px solid #ddd !important
  }

  .mpstocks-scroll-table {
    margin-left: 150px;
    overflow: hidden;
    overflow-x: auto
  }

  #mpStockTable tr>td,
  #mpStockTable tr>th {
    white-space: nowrap
  }

  #mpStockTable.dataTable tbody td {
    width: 125px !important
  }

  #mpStockTable.dataTable thead th {
    width: 117px !important
  }

  #mpStockTable {
    margin-top: -1px
  }

  #mpStockTable tr>td:first-child {
    width: 140px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd;
    min-height: 19px
  }

  #mpStockTable tr>th:first-child {
    width: 128px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: none
  }

  .companyHeaderShineLoader {
    float: left
  }

  .shinelineforStrenghts {
    width: 80px
  }

  .eTabHeading h4 {
    padding-top: 0;
    margin-top: -10px
  }
}

@media (max-width:450px) {
  .kiteBuySellPosition {
    bottom: 73px !important;
    right: 110px !important
  }
}

.txtalgn {
  text-align: left
}

.padRgt20 {
  padding-right: 8px
}

.viewPortfolioCSS .fa {
  font-size: 14px !important
}

.noteMd8 .col-md-8 {
  margin-top: 0;
  padding-left: 15px !important
}

@media(max-width:980px) {
  .myPortfolioSearch {
    width: 370px;
    margin: 0 auto
  }

  .myPortfolioSearch .searchautoSelect {
    position: absolute;
    width: 370px
  }

  .padRgt20 {
    padding-right: 15px
  }

  #subscription_products_placeholder input[type=radio] {
    margin: 2px -20px 0
  }

  #subscriptionTAndC {
    margin-top: 1px
  }
}

@media(max-width:746px) {
  .myProtfolioMobXs td {
    width: 35%
  }

  .footertopLinks .d-sm-block {
    display: none
  }

  .ideaListContent {
    margin-top: 30px
  }

  .ideaListContent.staticContent {
    margin-top: 10px
  }

  .container {
    padding-left: 5px;
    padding-right: 5px
  }

  #ideaListsPage .container {
    padding-left: 0;
    padding-right: 0
  }

  #evaluation>.row:first-child {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 0;
    margin-bottom: 8px
  }

  #subscription_products_placeholder input[type=radio] {
    margin: 0 -20px 0
  }

  .switch-field-opt {
    overflow: hidden
  }

  .backArrow {
    margin-top: 0;
    padding-left: 0
  }

  .scrollToTop {
    font-size: 35px !important;
    right: 10px
  }

  .priceInr {
    padding-right: 3px !important
  }

  #model_stock_placeholder {
    margin-left: -3px;
    margin-top: 0
  }

  .switch-field-opt input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden
  }

  .switch-field-opt label {
    float: left;
    margin-bottom: 0
  }

  .switch-field-opt label {
    display: inline-block;
    width: 75px;
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, .6);
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    padding: 2px 3px;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
  }

  .switch-field-opt label:hover {
    cursor: pointer
  }

  .switch-field-opt input:checked+label {
    background-color: #6f2c91;
    -webkit-box-shadow: none;
    box-shadow: none
  }

  .switch-field-opt label:first-of-type {
    border-radius: 4px 0 0 4px
  }

  .switch-field-opt label:last-of-type {
    border-radius: 0 4px 4px 0
  }

  .userAlertsMobileXs td {
    width: 37%
  }

  .userAlertsMobileXs td:nth-of-type(1) {
    width: 43%
  }

  .userAlertsMobileXs td:nth-of-type(2) {
    width: 34%
  }

  #company_header_placeholder .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px
  }

  .txtAlign797 {
    width: auto
  }

  .myPortfolioSearch {
    width: auto;
    margin: 0 auto
  }

  #myPortfolioId .searchBarMobile {
    display: none
  }

  .myPortfolioSearch .searchautoSelect {
    position: absolute;
    margin-top: -6px;
    width: 91% !important
  }
}

#addingPortfolioDiv .form-control {
  font-size: 16px
}

.form-control::-ms-clear {
  display: none
}

#myPortfolioId .fa-briefcase {
  font-size: 30px;
  padding-left: 5px
}

@media (max-width:768px) {
  .imgContainerBdr {
    border-right: 1px solid #c1c1c1;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 20px
  }

  #viewScreen div.dataTables_paginate {
    text-align: center
  }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
  #mpChartBody .ideaListContent {
    margin-top: 75px
  }

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

  .dontShowReferFriend {
    padding: 5px
  }

  .dontShowReferFriend input {
    left: 47%;
    zoom: 1.3;
    bottom: 31px
  }

  .dontShowReferFriend span {
    bottom: 39px;
    left: 50%
  }

  #alertBoxAddPortfolioId {
    margin-top: 10px
  }

  .detailsHead {
    float: left;
    margin-top: -6px
  }
}

#viewPortfolioTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#technicalTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#fundamentalsTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#msiRatingTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#portfolioRatingTable_paginate {
  margin-top: 20px !important;
  margin-bottom: 10px
}

#viewScreen .pagination>li>a {
  color: #79389c;
  padding: 6px 12px
}

#viewScreen .pagination>.active>a {
  background-color: #79389c;
  border-color: #79389c;
  color: #fff
}

#viewTransactionHistTable {
  border-bottom: 1px solid #ddd
}

#editPortfolioTable {
  border-bottom: 1px solid #ddd
}

#viewUserOpenAlertsInfo {
  border-bottom: 1px solid #ddd
}

#viewUserExecutedAlertsInfo {
  border-bottom: 1px solid #ddd
}

#viewRemovedStocksTable {
  border-bottom: 1px solid #ddd
}

#viewCurrentHoldingTable {
  border-bottom: 1px solid #ddd
}

#viewPortfolioTable {
  border-bottom: 1px solid #ddd
}

#portfolioRatingTable {
  border-bottom: 1px solid #ddd
}

#msiRatingTable {
  border-bottom: 1px solid #ddd
}

#fundamentalsTable {
  border-bottom: 1px solid #ddd
}

#technicalTable {
  border-bottom: 1px solid #ddd
}

.myPortfolioSearchImg {
  margin-top: 20px
}

#currentHoldingMPChart .table>thead>tr>th {
  border-top: 2px solid #ddd !important;
  color: #666;
  line-height: 120%
}

#currentHoldingMPChart .table>tbody>tr>td {
  line-height: 120%
}

#viewScreen .table>thead>tr>th {
  border-top: 2px solid #ddd !important;
  color: #666;
  line-height: 120%
}

#viewScreen .table>tbody>tr>td {
  line-height: 120%;
  border-bottom: medium none
}

@media (min-width:992px) {

  .orderTable tbody tr td:nth-child(2),
  .orderTable tbody tr td:nth-child(3) {
    padding-right: 15px
  }

  .orderTable thead tr th:nth-child(2),
  .orderTable thead tr th:nth-child(3) {
    padding-right: 20px
  }

  .viewContainer {
    padding: 0
  }

  #viewScreen .table>thead>tr>th {
    padding: 8px 5px
  }

  #viewScreen .table>tbody>tr>td {
    padding: 8px 5px
  }

  #viewScreen table.dataTable thead th,
  #viewScreen table.dataTable thead td {
    padding: 7px 20px 7px 7px !important
  }

  #viewScreen {
    margin-top: 25px !important
  }

  #viewScreen .table {
    font-size: 12px;
    color: gray
  }

  #viewScreen #portfolioRatingTable {
    font-size: 12px
  }

  #addScreenButton {
    margin-top: 23px
  }

  #viewScreen .pagination {
    font-size: 12px
  }

  #myPortfolioId table.dataTable thead .sorting:after,
  #myPortfolioId table.dataTable thead .sorting_asc:after,
  #myPortfolioId table.dataTable thead .sorting_desc:after,
  #myPortfolioId table.dataTable thead .sorting_asc_disabled:after,
  #myPortfolioId table.dataTable thead .sorting_desc_disabled:after {
    right: 5px
  }

  #myPortfolioPageFull {
    margin-top: 15px
  }

  #viewUserExecutedAlertsInfoDesk,
  #viewUserOpenAlertsInfoDesk {
    border: 1px solid #ddd
  }

  #viewUserExecutedAlertsInfoDesk>thead>tr>th,
  #viewUserOpenAlertsInfoDesk>thead>tr>th {
    border-top: 1px solid #ddd;
    border-bottom: none
  }

  .Block1ipad {
    padding: 0
  }
}

#viewScreen .nav-tabs>li.active>a,
#viewScreen .nav-tabs>li>a:hover {
  color: #6e2c90 !important
}

#viewScreen .nav-tabs>li>a::after {
  background: #6e2c90
}

.portfolioSummary {
  background: linear-gradient(#fbfbfb, #f7f7f7);
  border: 1px solid #dedede;
  box-shadow: 0 1px 0 #e5e5e5;
  padding: 10px;
  color: #333;
  border-radius: 4px;
  width: 93%
}

.portfolioSummary h6 {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  text-transform: capitalize
}

.portfolioSummary h6+div {
  font-size: 14px;
  font-weight: 600;
  color: #79389c;
  text-align: center
}

.bordrbtm {
  padding-bottom: 15px;
  margin: 0 5px
}

.gainIconColor {
  color: #5160f9 !important
}

.lossIconColor {
  color: #de32ae !important
}

.bordrrgt {
  border-right: 1px solid #f2f2f2
}

.padBorderTop {
  padding-top: 10px
}

.leftPd {
  padding-left: 5px
}

.spanRgt {
  padding-right: 15px
}

@media (max-width:920px) {
  .portfolioSummary h6 {
    font-size: 13px !important
  }
}

.fundamentalRadio label {
  font-weight: 700;
  border-radius: unset !important
}

.letterClosed {
  background: url(../img/closeLetter.png) no-repeat;
  display: inline-block;
  background-size: 20px;
  width: 0%;
  margin-left: 15px
}

.letterOpen {
  background: url(../img/openLetter.png) no-repeat;
  display: inline-block;
  background-size: 20px;
  width: 0%;
  margin-left: 15px
}

.padResetLft {
  padding-left: 0px !important
}

body.modal-open {
  position: fixed
}

.quarterlyEarningsInfo {
  cursor: pointer
}

#IndModelFolio {
  padding: 10px
}

.currentHoldingBtns {
  margin-top: 10px
}

.currentHoldingBtns button {
  border-radius: 18px !important;
  background: #f1f1f1 !important;
  border: solid 1px #79389c;
  color: #79389c;
  margin-left: 3px;
  margin-bottom: 15px;
  font-size: 12px
}

.currentHoldingBtns button:hover {
  background: #79389c !important;
  color: #fff;
  border-color: #79389c
}

.currentHoldingBtns .btn-primary:focus {
  border-color: #79389c !important
}

.performanceBtn {
  border-radius: 18px !important;
  background: #f1f1f1;
  border: solid 1px #79389c;
  color: #79389c;
  margin-left: 3px;
  font-size: 12px;
  padding: 2px 8px;
  margin-top: -3px
}

.performanceBtn.btn-primary:hover {
  background: #79389c !important;
  color: #fff !important;
  border-color: #79389c
}

.performanceBtn.btn-primary:focus {
  color: #79389c;
  background-color: #f1f1f1;
  border-color: #79389c
}

#ptr-light-indicator {
  width: 35px;
  height: 55px;
  margin: 0 auto;
  transform: translateY(0);
  position: relative;
  top: -55px;
  transition: transform 300ms ease
}

#ptr-light-spinner {
  display: block;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 10px;
  background: url(../img/reload.svg);
  background-size: contain
}

.rotateLoop {
  -webkit-animation: rotation 0.9s infinite linear;
  -moz-animation: rotation 0.9s infinite linear;
  -o-animation: rotation 0.9s infinite linear;
  animation: rotation 0.9s infinite linear
}

@media(min-width:1500px) {
  .newHome-iframe {
    height: 3000px
  }

  .subscription-iframe {
    height: 750px;
    width: 100%
  }
}

@media(min-width:1900px) {

  body,
  html {
    height: 100%;
    width: 1600px;
    color: #000;
    margin: 0 auto
  }

  .sticky {
    width: 42.5%
  }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:1.5) {
  .Block1ipad {
    padding-left: 5px
  }

  .video-title a {
    width: 85%
  }

  .videoDate {
    top: 30px
  }

  .investorDiv img {
    top: 0
  }
}

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

  to {
    -webkit-transform: rotate(359deg)
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg)
  }

  to {
    -moz-transform: rotate(359deg)
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg)
  }

  to {
    -o-transform: rotate(359deg)
  }
}

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

  to {
    transform: rotate(359deg)
  }
}

.btn-default:active {
  color: #fff;
  background-color: #999;
  border-color: #888
}

.btn-default:hover {
  color: #fff;
  background-color: #999;
  border-color: #888
}

.buttonuserVlidation:hover {
  background-color: transparent;
  color: #e5e5e5
}

.buttonuserVlidation.active,
.buttonuserVlidation:active,
.buttonuserVlidation.open>.buttonuserVlidation {
  background-color: transparent;
  border-color: transparent;
  color: #fff
}

.buttonuserVlidation.active.focus,
.buttonuserVlidation.active:focus,
.buttonuserVlidation.active:hover,
.buttonuserVlidation.focus:active,
.buttonuserVlidation:active:focus,
.buttonuserVlidation:active:hover,
.buttonuserVlidation .open>.dropdown-toggle.btn-default.focus,
.buttonuserVlidation .open>.dropdown-toggle.btn-default:focus,
.buttonuserVlidation .open>.dropdown-toggle.btn-default:hover {
  background-color: transparent;
  border-color: transparent;
  color: #e5e5e5 !important
}

.VediosDiv .nav-tabs>li.active>a,
.VediosDiv .nav-tabs>li.active>a:focus,
.VediosDiv .nav-tabs>li.active>a:hover {
  border-bottom: 0 solid #6e2a8f !important
}

@media (min-width:1200px) {
  .container.adsense {
    width: 1109px;
    position: relative
  }

  .container {
    width: 100%
  }

  #seminarPage .container {
    width: 1200px
  }
}

.adsenseLeftAd {
  position: absolute;
  left: -120px;
  z-index: 100
}

.adsenseRightAd {
  position: absolute;
  right: -120px;
  z-index: 100
}

.adsenseMobileAd {
  position: fixed;
  bottom: 35px;
  width: 100%;
  left: 0;
  z-index: 998;
  display: block
}

@media screen and (max-width:1200px) and (min-width:1010px) {
  .informationIdeiaList {
    top: 13px
  }
}

@media screen and (max-width:1366px) and (min-width:390px) {

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    margin-top: 8px
  }

  #idea_lists_placeholder.idea_listsMenu .asiIconsMob {
    width: 40px;
    margin-right: 8px;
    margin-top: -3px;
    border-radius: 121px
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(1) .panel-title {
    width: auto
  }

  #idea_lists_placeholder.idea_listsMenu .panel-default:nth-child(2) .panel-title {
    width: auto
  }

  #idea_lists_placeholder.idea_listsMenu .panel-heading h4,
  #idea_mylist_placeholder.idea_listsMenu .panel-heading h4 {
    font-size: 18px !important
  }

  .ideaListMenu .panel-default>.panel-heading {
    color: #FFF;
    background-color: #5F7D8D;
    border-color: #5F7D8D
  }

  .idea_listsMenu .idealistMenuIcons {
    width: 60px
  }

  .idea_listsMenu .panel-heading {
    padding: 4px 5px
  }

  .idea_listsMenu .ideaListsHeader {
    width: 100%
  }

  .ideaListsHeader .col-xs-10 {
    width: 80%
  }

  .idea_listsMenu .ideaListsHeader small {
    font-size: 13px;
    color: #fff
  }

  .idea_listsMenu .informationIdeiaList {
    right: 20px;
    font-size: 20px;
    padding: 20px 5px;
    background-color: transparent
  }

  .ideaListMenu a:hover {
    color: #fff
  }

  .ideaListMenu #idea_lists_placeholder .list-group a,
  .ideaListMenu #idea_mylist_placeholder .list-group a {
    font-size: 16px;
    text-align: left;
    color: #6e2a8f
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
  }

  .ideaListMenu .edit-btn .panelLftAlign {
    color: #6e2a8f
  }

  .ideaListMenu .ideaListBody .list-group-item {
    border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px
  }

  .ideaListMenu .lockUnlock {
    position: absolute;
    right: 25px;
    color: #6e2a8f;
    display: none
  }

  .ideaListMenu div.bhoechie-tab-menu div.list-group>a .glyphicon,
  div.bhoechie-tab-menu div.list-group>a .fa {
    color: #6e2a8f
  }
}

@media screen and (max-width:991px) and (min-width:390px) {
  #ideaListsPage .modalWithArrow {
    margin-top: -85px
  }

  .lockforBG {
    top: 13px
  }

  .informationIdeiaList {
    top: 1px
  }

  #marketoutlook_notes_placeholder_4 .modalPortfolioParaTest {
    width: 86%
  }

  #marketoutlook_notes_placeholder .modalPortfolioParaTest {
    width: 86%
  }

  .listFlagTabDiv {
    float: left;
  }

  .introInnerHeader#myPortfolioHeader {
    padding-top: 23px
  }

  .stocks-scroll-table {
    margin-left: 160px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  #idealistStocksTable.dataTable tbody td {
    width: 142px !important
  }

  #idealistStocksTable.dataTable thead th {
    width: 130px !important
  }

  #idealistStocksTable tr>td:first-child {
    width: 157px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #idealistStocksTable tr>th:first-child {
    width: 145px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd
  }

  #idealistStocksTable.table {
    margin-left: 8px !important
  }

  #tableRepresentation.bhoechie-tab-content {
    padding: 0
  }

  .related-scroll-table {
    margin-left: 190px;
    overflow: hidden;
    overflow-x: auto;
    border-top: 1px solid #ddd !important
  }

  #relatedTable tr>td,
  #relatedTable tr>th {
    white-space: nowrap
  }

  #relatedTable.dataTable tbody td {
    width: 107px !important
  }

  #relatedTable.dataTable thead th {
    width: 93px !important
  }

  #relatedTable.dataTable tbody td:last-child {
    width: 142px !important
  }

  #relatedTable.dataTable thead th:last-child {
    width: 130px !important
  }

  #relatedTable tr>td:nth-child(2) {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #relatedTable tr>th:nth-child(2) {
    width: 175px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd
  }

  #relatedTable.table {
    margin-left: 8px !important;
    margin-top: -2px
  }

  #myPortfolioPageFull {
    margin-top: 60px
  }

  .mpstocks-scroll-table {
    margin-left: 160px;
    overflow: hidden;
    overflow-x: auto
  }

  #mpStockTable tr>td,
  #mpStockTable tr>th {
    white-space: nowrap
  }

  #mpStockTable.dataTable tbody td {
    width: 142px !important
  }

  #mpStockTable.dataTable thead th {
    width: 130px !important
  }

  #mpStockTable tr>td:first-child {
    width: 157px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #mpStockTable tr>th:first-child {
    width: 145px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: -1px
  }

  #mpStockTable.table {
    margin-left: 8px !important
  }

  .surveillanceGroup h3 {
    margin-top: 20px
  }

  .surveillanceGroup p {
    margin-bottom: 20px
  }

  #myNavbar ul {
    display: inline-flex !important;
    padding-left: 0;
    width: 80%;
    overflow-y: scroll;
    margin-bottom: 0;
    float: left
  }
}

@media screen and (max-width:480px) and (min-width:421px) {
  .newHome-iframe {
    height: 806px !important
  }
}

@media screen and (max-width:420px) and (min-width:414px) {
  .newHome-iframe {
    height: 683px !important
  }
}

.portfolioPlansUsers .fa-check {
  color: #82c91e
}

.portfolioPlansUsers .fa-times {
  color: #d9534f
}

.portfolioPlansUsers tbody tr td {
  text-align: center
}

.portfolioPlansUsers tbody tr td:first-child {
  text-align: left
}

.evaluatemyportfolioinput h4 {
  font-size: 15px
}

.evaluatemyportfolio .btn {
  margin-top: 20px
}

.evaluatemyportfolioinput label {
  padding-top: 5px
}

.evaluatemyportfolioinput .forminput {
  padding-left: 0
}

.evaluatemyportfolioinput .formlabel {
  padding-right: 0
}

.portfolioPlansUsers thead tr th {
  text-align: center
}

.portfolioPlansUsers thead tr th:first-child {
  text-align: left
}

.portfolioInfoPlans {
  margin-top: 35px
}

.portfolioInfo h4 {
  font-size: 20px;
  margin-top: 25px
}

.portfolioPlansDis {
  border: 1px solid #ddd;
  background-color: #f9f9f9
}

.portfolioPlansDis h4 {
  font-size: 16px;
  background-color: #f7e8ff;
  margin: 0;
  padding: 10px;
  color: #6e4186
}

.portfolioPlansTab {
  padding: 0px !important
}

.psitrantable {
  font-size: 12px
}

.portfolioPlanstable {
  max-height: 415px;
  height: 415px;
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  overflow-y: auto;
  background-color: #fff
}

.plansSubDetails {
  text-align: center;
  margin-bottom: 10px;
  margin: 6px;
  border: 1px solid #ddd;
  padding: 15px 10px;
  background-color: #fff
}

.plansSubDetails p {
  font-size: 14px;
  margin-bottom: 0
}

.plansSubDetails b {
  font-size: 25px
}

.portfolioPlanstabulr {
  padding: 2rem 0;
  text-align: center
}

.evaluatemyportfolio {
  max-height: 415px;
  height: 415px;
  margin-bottom: 0;
  border: 1px solid #ddd;
  background-color: #fff
}

.evaluatemyportfolio p {
  padding: 15px 20px
}

.portfolioPlanstabulr .btn {
  margin-top: 15px
}

.portfolioPlansDis .col-md-3 {
  padding-right: 0
}

.portfolioPlansDis .col-md-9 {
  padding-left: 0
}

@media(max-width:992px) {
  .portfolioPlansDis .col-md-3 {
    padding-right: 15px
  }

  .portfolioPlansDis .col-md-9 {
    padding-left: 15px
  }
}

.paymentAmount h4 {
  font-size: 30px;
  margin-top: 0
}

.paymentAmount h4>small {
  font-size: 14px;
  color: #650995
}

.paymetPromocode .promoinput {
  border: none;
  border-bottom: 1px solid #ddd;
  margin-right: 10px;
  margin-bottom: 0
}

.paymetPromocode .error {
  color: red;
  margin-left: 20px
}

.paymetPromocode .success {
  color: green;
  margin-left: 20px
}

.paymetPromocode .errortext {
  color: #6c2491
}

.paymentAmount small {
  color: #650995
}

.oldPayment {
  text-decoration: line-through;
  -webkit-text-decoration-color: red;
  text-decoration-color: red;
  opacity: .6;
  font-size: 15px;
  font-weight: 600;
  margin-right: 10px
}

.paymetPromocode .btnSuccuss {
  color: #fff;
  background-color: green;
  border-color: green
}

.paymetPromocode .btnFail {
  color: #fff;
  background-color: red;
  border-color: red
}

.paymetPromocode .promoinput:focus {
  outline: none
}

.paymetPromocode {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px
}

.paymetPromocode p {
  font-size: 12px;
  color: #6d2791
}

.paymentAmount {
  border: 1px solid #6e2a91;
  background-color: #f9efff;
  width: fit-content;
  margin: 0 auto;
  border-radius: 10px;
  color: #650995;
  padding: 10px 10px 0 10px
}

.riskProfilerDis {
  text-align: center
}

.riskProfilerDis h4 {
  font-size: 18px;
  font-weight: 700
}

.riskLabel {
  margin-top: 10px
}

.card-section-question {
  background: #fff;
  border-radius: 3px;
  padding: 20px 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16) !important;
  width: 100%;
  margin: 0 auto
}

#riskProfileBlock .risk-inner-block .invest-type {
  color: #6e2991
}

#riskProfileBlock .risk-inner-block label {
  display: inline-block;
  margin-bottom: 0;
  font-size: 15px;
  color: #000
}

#riskProfileBlock .risk-inner-block .equalHMWrap {
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px
}

#riskProfileBlock .risk-inner-block .eqWrap {
  display: -ms-flexbox;
  display: flex
}

#riskProfileBlock .risk-inner-block .ans-box {
  position: relative
}

#riskProfileBlock .risk-inner-block .equalHM {
  width: 22%;
  text-align: center
}

#riskProfileBlock .risk-inner-block .ans-box .radio {
  display: block;
  height: 100%
}

#riskProfileBlock .risk-inner-block .radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  margin-bottom: 0;
  margin-top: -1px
}

#riskProfileBlock .risk-inner-block .ans-box .radio input[type=radio] {
  display: none
}

#riskProfileBlock .risk-inner-block .radio input[type=radio] {
  display: none
}

#riskProfileBlock .risk-inner-block .ans-box .icon-radio {
  width: 0;
  height: 0;
  border: 0
}

#riskProfileBlock .risk-inner-block .icon-radio {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 50%;
  border: 2px solid #6d6d6d;
  box-sizing: border-box;
  transition-duration: .2s;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer
}

#riskProfileBlock .risk-inner-block .ans-box .radio div {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 5px 10px;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #b7b7b7
}

.ans-box .radio input[type=radio]:checked~div {
  background: #6e2991;
  color: #fff;
  border: 1px solid #6e2991;
  cursor: pointer
}

#riskProfileBlock .risk-inner-block .terms-cond {
  margin: 0;
  padding: 15px 0
}

#riskProfileBlock .risk-inner-block .radio input[type=radio]:checked~.icon-radio:after {
  transform: scale(1)
}

#riskProfileBlock .risk-inner-block .radio .icon-radio:after,
label.item-radio .icon-radio:after {
  content: "";
  position: absolute
}

#riskProfileBlock .risk-inner-block .radio input[type=radio]:checked~.icon-radio {
  border-color: #6e2991
}

#riskProfileBlock .risk-inner-block .terms-cond .icon-radio:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: #6f2c91;
  border-radius: 50%;
  transform: scale(0);
  transition-duration: .2s
}

@media (max-width:576px) {
  #planBlock .btn-width100 {
    width: 100%
  }
}

@media (min-width:320px) and (max-width:991.98px) {
  #riskProfileBlock.pt-5 {
    padding-top: 1.875rem !important
  }

  #riskProfileBlock.mt-5 {
    margin-top: 1.875rem !important
  }

  #riskProfileBlock .font16 {
    font-size: 0.875rem !important
  }

  #riskProfileBlock .risk-inner-block .equalHM {
    width: 100%;
    height: 100%;
    margin-bottom: 5px
  }

  #riskProfileBlock .risk-inner-block .equalHMWrap {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dotted #666
  }

  #riskProfileBlock .risk-inner-block .card-section-question h1 {
    font-size: 24px
  }

  #riskProfileBlock .risk-inner-block .btn-pay {
    margin-bottom: 20px
  }
}

.portfolioCards img {
  width: 300px
}

.portfolioCardsContent {
  padding: 3rem 5rem
}

.portfolioCardsContent h4 {
  font-size: 30px;
  color: #212529
}

.portfolioCardsContent p {
  font-size: 16px;
  color: #212529
}

.portfolioCards.grayBg {
  background-color: #fafafa
}

.portfolioCardsContent ul {
  padding-left: 15px
}

.portfolioCardsContent ul li {
  padding: 10px 0;
  font-size: 16px;
  color: #212529
}

.portfolioCardsInfoImg>img {
  width: 100px;
  height: 100px
}

.portfolioCardsInfoImg h4 {
  font-weight: 16px;
  color: #212529
}

.portfolioCards h3 {
  font-size: 26px;
  padding: 30px 50px;
  margin-bottom: 0;
  text-align: center;
  font-weight: 300 !important;
  color: #212529
}

.portfolioCardsInfoImg {
  margin-bottom: 20px;
  margin-top: 10px;
  padding: 0 70px
}

.carousel-control.prortfolioEvaluationCarouselleft {
  background-image: none !important;
  color: #003d88 !important
}

.carousel-control.prortfolioEvaluationCarouselright {
  background-image: none !important;
  color: #003d88 !important
}

.portfolioInfo {
  margin-top: 20px
}

#portfolioEvalModal .modal-body {
  overflow: auto
}

.btn-portfolio {
  background-color: #658dbd;
  border-radius: 3px;
  color: #fff !important;
  margin: 5px;
  border: none
}

.btn-portfolio:hover {
  background-color: rgba(101, 141, 189, .85);
  color: #fff
}

.portfolioIndicators li {
  border: 1px solid #003d88
}

.carousel-indicators .active {
  background-color: #003d88
}

.portfolioIndicators {
  bottom: 0
}

.portfolioCards.needtodo {
  margin-bottom: 2px
}

.prortfolioEvaluationCarousel .item {
  height: 350px
}

@media(max-width:992px) {
  .portfolioPlansDis .col-md-3 {
    padding-right: 15px
  }

  .portfolioPlansDis .col-md-9 {
    padding-left: 15px
  }

  .portfolioCardsContent {
    padding: 3rem 1rem
  }

  .portfolioCardsInfoImg {
    padding: 0 30px
  }

  .portfolioCards h3 {
    padding: 30px 30px
  }
}

@media (min-width:992px) {
  .modal-lg-portfolio {
    width: 1300px;
    min-height: 500px
  }
}

@media(max-width:992px) {
  .prortfolioEvaluationCarousel .item {
    height: auto;
    bottom: 10px
  }

  .portfolioCards {
    padding: 0 15px
  }
}

@media (min-width:1450px) {
  .modal-enlarge {
    margin: 6px;
    position: absolute;
    width: 99%;
    height: 99%
  }

  .modal-content {
    height: 100%
  }

  .enlargeGraphBodyGraph .evaluationGraphEnlarge {
    height: 80vh !important
  }

  .enlargeGraphBodyInfo #evaluation-enlarge-slide.in {
    height: 615px !important
  }
}

.simpleloader {
  background-image: url(../img/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px;
  height: 110px;
  margin: 0 auto;
  background-color: #fff
}

.homestudyVideoThumbnail {
  margin-top: 20px;
  display: inline-block
}

.videoThumbnail {
  margin-bottom: 20px;
  float: left;
  width: 200px;
  margin: 20px 5px 10px;
  position: relative
}

.vidoUnLockThumbnail img {
  height: 100px;
  width: 200px
}

.videoThumbnail h5 {
  font-size: 14px;
  font-weight: 600 !important;
  margin-top: 0;
  min-height: 41px
}

.homestudyVideo h4 {
  font-size: 24px
}

.vidoLockThumbnail {
  background: rgba(0, 0, 0, .1);
  height: 100px;
  width: 100%;
  position: absolute;
  text-align: center;
  cursor: pointer;
  z-index: 999
}

.vidoPlayBtnThumbnail {
  background: rgba(0, 0, 0, .1);
  height: 100px;
  width: 100%;
  position: absolute;
  text-align: center;
  cursor: pointer
}

.vidoPlayingThumbnail {
  background: rgba(0, 0, 0, .1);
  height: 83%;
  width: 100%;
  position: absolute;
  text-align: end;
  color: #fff;
  padding-right: 10px;
  padding-top: 4px;
  font-weight: 600;
  cursor: pointer;
  z-index: 999
}

.vidoLockThumbnail img {
  margin: 14%;
  width: 40px;
  height: 33px
}

.vidoPlayBtnThumbnail img {
  margin: 14%
}

.vidoUnLockThumbnail {
  cursor: pointer
}

.homestudyContent p {
  font-size: 18px
}

.homestudyContent {
  margin-top: 20px
}

.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative
}

.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left
}

.MultiCarousel .MultiCarousel-inner .item {
  float: left
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 40px)
}

.MultiCarousel .leftLst {
  left: 0
}

.MultiCarousel .rightLst {
  right: 0
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #ccc
}

.homestudyMoreVideosCategories h4 {
  font-size: 18px;
  border-bottom: 1px solid;
  margin-bottom: 0;
  padding-bottom: 5px
}

.homestudyMoreVideos {
  margin-top: 40px
}

.vidoUnLockThumbnail p {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.homeStudyLevels ul li {
  font-size: 14px
}

.homeStudyLevels ul li a {
  color: #671891
}

.homeStudyLevelsDiv p {
  text-align: center;
  font-size: 12px
}

.homeStudyLevelsDiv h4 {
  margin-bottom: 5px !important;
  font-size: 20px
}

.canslimVideoIframediv iframe {
  width: 100%;
  height: 610px
}

h1.font-h1 {
  font-size: 2rem;
  margin: 0
}

.feature-image {
  margin-right: 15px
}

.featurespanel {
  background: #f5f5f5;
  padding: 5px
}

.featurespanel .panel {
  margin-bottom: 15px
}

.featurespanel .panel-heading {
  background: #fff !important;
  cursor: pointer
}

.featurespanel .panel-body {
  background: #fcfcfc
}

.featurespanel .panel-heading h4 {
  margin-top: 0;
  display: inline
}

.text-align-desktop {
  text-align: right
}

.featurespanel p,
.featurespanel h4,
.featurespanel li,
.featurespanel a {
  font-family: "Nunito", sans-serif
}

.featureBannerImages img {
  width: 50%
}

.featureBannerImages {
  text-align: center
}

@media(min-width:1900px) {
  .evalutationsmenu {
    width: 1570px
  }
}

@media(max-width:1850px) {
  .evalutationsmenu {
    width: 97.8%
  }
}

.evalutationsmenu {
  margin-top: 96px;
  height: auto;
  background-color: #fff;
  position: fixed;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1026;
  border-bottom: 1px solid #ddd;
  top: 0
}

.light-menu {
  width: 100%;
  height: 75px;
  background-color: rgba(255, 255, 255, 1);
  position: fixed;
  background-color: rgba(4, 180, 49, .6);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}

.evaluationSearchInputlg {
  display: initial
}

.evaluationSearchInputmd {
  display: none
}

#menu-center ul {
  display: initial;
  padding-left: 0
}

#menu-center ul li {
  list-style: none;
  float: left
}

.tabEvaluationmargin {
  margin-top: 160
}

#menu-center .active {
  color: #000;
  border-bottom: 1px solid #6d2691;
  background-color: #efefef
}

#menu-center a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  line-height: 41px;
  padding: 10px 15px
}

.evaluationTabContant {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  text-align: initial;
  background-color: #fff;
  box-shadow: 0 1px 7px 0 #c4c4c4;
  margin-bottom: 10px;
  border-radius: 20px
}

.evaluationTabContant.financialtabcontent {
  padding-top: 0
}

#bulkandblockdeals {
  padding-bottom: 50px
}

.evaluationTabHeading h4 {
  font-size: 20px;
  text-align: left;
  padding-left: 20px;
  padding-top: 20px;
  font-weight: 700
}

.eTabHeading h4 {
  font-size: 20px;
  text-align: left;
  padding-left: 0;
  padding-top: 8px;
  font-weight: 700;
  padding-bottom: 10px;
  margin-left: -5px
}

.evaluationTabContant>div {
  width: 100%;
  padding: 0 20px
}

.evaluationTabContant .detail-slide {
  left: -3px
}

.evaluationValues {
  margin: unset
}

#evaluation .tabEvaluation {
  margin-top: 80px
}

#evaluation.onlyBasic .tabEvaluation {
  margin-top: 100px
}

#evaluation.idices-and-Ig .tabEvaluation {
  margin-top: 80px
}

@media(max-width:1180px) {
  .evaluationSearchInputlg {
    display: none
  }

  .padRgtReset {
    margin-top: 0px;
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 5px 16px;
  }

  .accountIcon {
    width: 30px;
    height: 38px;
  }




  #menu-center a {
    padding: 10px 10px
  }

  .evalutationsmenu {
    z-index: 998
  }

  .evaluationTabContant .detail-slide {
    left: 45px
  }

  .evaluationSearchInputmd {
    display: inline-block
  }

  .evalutationsmenu {
    width: 91.8%;
    height: 126px;
    margin-top: 20px
  }

  #evaluation .tabEvaluation {
    margin-top: 0
  }

  #evaluation.idices-and-Ig .tabEvaluation {
    margin-top: 0
  }

  .pageHeading {
    margin-top: 50px;
    padding: 10px 0;
    display: inline-block;
    position: fixed;
    left: 0;
    background-color: #fff;
    z-index: 999;
    top: 0
  }

  .pageHeading.staticPageHeading {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    position: static;
    left: 0;
    background-color: unset;
    z-index: 999;
    top: 0
  }

  .learningMain .pageHeading {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    position: static;
    left: 0;
    background-color: unset;
    z-index: 999;
    top: 0
  }

  .canslimVideoIframediv iframe {
    height: 32vh
  }

  .videoThumbnail {
    margin: 20px 15px 10px
  }
}

@media (max-width:980px) {
  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0
  }


  .accountIcon {
    width: 26px;
    height: 26px;
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 7px 10px;
  }

  .navBlackmenubg.navbar-default .navbar-nav {
    margin: 0 0;
  }


  .evaluationTabContant .detail-slide {
    left: -3px
  }

  .evaluationValues h1 {
    font-size: 16px
  }

  .rationValue {
    font-size: 16px
  }

  .volumeOne {
    font-size: 16px
  }

  .positiveValue {
    font-size: 16px
  }

  .volOne {
    font-size: 16px
  }
}

@media (max-width:1195px) {
  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0;
    position: relative
  }

  .evaluationTabContant {
    border-radius: 0
  }

  .evaluationValues {
    background: #FFF;
    width: 100%;
  }

  .introInnerHeader {
    background-color: #f2f2f2
  }

  .introInnerHeaderSearch {
    padding-top: 90px;
  }

  .evaluationGraphFrame {
    height: 400px
  }
}

@media (max-width:800px) {
  .evalutationsmenu {
    width: 100%;
    height: auto
  }
}

@media (max-width:788px) {
  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0
  }
}

@media (max-width:768px) {
  #ideaListsPage .modalWithArrow {
    margin-top: 15px !important
  }

  .evalutationsmenu {
    width: 100%;
    height: auto;
    right: 0
  }

  .canslimVideoIframediv iframe {
    height: 37vh
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 7px 7px;
  }

}

.filterMenusMob {
  display: none
}

.filterSaveBtnMob {
  display: none
}

.filterActive {
  background-color: #6f2c91 !important;
  color: #fff
}

.filterOption {
  background: unset;
  border: unset;
  color: #666;
  font-size: 15px
}

.filterPanel .panel-heading .accordion-toggle::after {
  right: 10px;
  position: absolute;
  top: 10px;
  margin-top: 0px !important
}

.filterHdng {
  margin-bottom: 10px
}

.filterHdng p {
  margin-bottom: 0;
  font-size: 15px
}

.filterMobDropDown {
  top: unset !important;
  left: 59px
}

.idealistbuttonText {
  display: inline-block
}

@media(max-width:768px) {
  .filterSaveBtn {
    margin-top: 16px
  }

  .filterMenusMob {
    display: inline-block;
    margin-bottom: 20px
  }

  .filterSaveBtnMob {
    display: block
  }

  .idealistbuttonText {
    display: none
  }

  #sortedItem {
    font-size: 12px
  }

  .notFortableRepresentation {
    font-size: 12px
  }

  .evaluationNaviTab .navbar {
    margin-left: 15px
  }
}

@media(max-width:746px) {
  .evaluationNaviTab .navbar {
    margin-left: 0
  }

  .padRgtReset {
    margin-top: 13px;
    right: 0;
  }

  .filterPanel .panel-heading .accordion-toggle::after {
    top: 7px;
    font-size: 12px
  }

  .filterMenus {
    display: none
  }
}

.newEvaScroll #evalutationsmenuContent {
  margin-top: 100px;
  display: inline-grid
}

.newEvaScroll #evaluation .tabEvaluation {
  margin-top: 0
}

.newEvaScroll .evaluationTabContant {
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
  text-align: initial;
  background-color: #fff;
  box-shadow: unset;
  margin-bottom: 10px;
  border-radius: unset;
  border: 1px solid #ddd
}

.newEvaScroll .evalutationsmenu {
  margin-top: 3px;
  width: 100%
}

@media(max-width:1024px) {
  .newEvaScroll #evalutationsmenuContent {
    margin-top: 128px
  }

  .newEvaScroll .searchEvaluation {
    display: none
  }

  .newEvaScroll .smallCaseDiv {
    top: 44px
  }

  .newEvaScroll .evaluationValues h1 {
    text-align: left
  }
}

@media(min-width:1024px) {
  .scroll-wrapper {
    position: relative
  }

  .stocks-scroll-table {
    margin-left: 211px;
    overflow: hidden;
    overflow-x: auto
  }

  #idealistStocksTable.dataTable thead th {
    width: 125px !important
  }

  #idealistStocksTable.dataTable tbody td {
    width: 125px !important
  }

  #idealistStocksTable tr>td:first-child {
    width: 200px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
  }

  #idealistStocksTable tr>th:first-child {
    width: 188px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #d0d0d0 !important;
    margin-top: -1px
  }

  #idealistStocksTable>thead>tr>th {
    border-bottom: 0 solid #ddd
  }

  #idealistStocksTable {
    border-top: none
  }

  #idealistStocksTable_wrapper {
    position: inherit
  }

  #idealistStocksTable tr>td,
  #idealistStocksTable tr>th {
    white-space: nowrap
  }

  #idealistStocksTable.dataTable tbody th,
  #idealistStocksTable.dataTable tbody td {
    padding: 8px 5px
  }

  #idealistStocksTable .sticky-col {
    border-right: solid 1px #dcdcdc;
    left: 0;
    position: absolute;
    top: auto;
    width: 100px
  }
}

@media (max-width:746px) {
  .newEvaScroll .evalutationsmenu {
    margin-top: 30px
  }

  .newEvaScroll #evaluation .tabEvaluation {
    margin-top: 40px
  }

  .newEvaScroll #myNavbar {
    display: flex
  }

  .notFortableRepresentation {
    margin-bottom: 10px;
    display: inline-block
  }
}

tr.normal td {
  color: #000;
  background-color: #fff
}

tr.highlighted td {
  color: #fff;
  background-color: #e2e2e2
}

.column-header {
  color: #6e2a8f;
  margin: 15px 20px
}

.check-wrap {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  margin-left: 3px;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.check-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee
}

.check-wrap input~.checkmark {
  background-color: #fff;
  border: 1px solid #6e2c90
}

.check-wrap input:checked~.checkmark {
  background-color: #fff
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.check-wrap input:checked~.checkmark:after {
  display: block
}

.check-wrap .checkmark:after {
  left: 7px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #6e2c90;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media(max-width:820px) {
  .navBlackmenubg {
    padding: 10px 0;
  }
}

@media (max-width:746px) {
  .evaluationTabContant {
    border-radius: 0
  }

  .accountIcon {
    width: 40px;
    height: 40px;
  }

  .pageHeading {
    margin-top: 0;
    padding: 0;
    display: inline-block;
    position: static;
    left: 0;
    background-color: #fff;
    z-index: 999;
    top: 0
  }

  .evaluationTabContant>div {
    width: 100%;
    padding: 0 14px
  }

  #myNavbar {
    margin-top: 5px
  }

  #menu-center a {
    padding: 5px 8px;
    line-height: 35px
  }

  #menu-center ul {
    display: inline-flex;
    padding-left: 0;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 0
  }

  #evaluation .tabEvaluation {
    margin-top: 0
  }

  .noEpsRating#evaluation .tabEvaluation {
    margin-top: 0
  }

  #evaluation.onlyBasic .tabEvaluation {
    margin-top: 0
  }

  #evaluation.idices-and-Ig .tabEvaluation {
    margin-top: 0
  }

  #evaluation.premiumBroker .tabEvaluation {
    margin-top: 0
  }

  .evalutationsmenu {
    position: relative;
    height: auto;
    width: 100%;
    margin-top: 5px
  }

  .industry-grp .padRgtReset {
    margin-top: -42px
  }

  .check-wrap {
    font-size: 12px;
    font-family: 'Fira Sans Condensed', sans-serif
  }

  .notFortableRepresentation {
    margin-bottom: 10px;
    display: inline-block
  }

  .filterPanel .panel-heading .accordion-toggle::after {
    top: 7px;
    font-size: 12px
  }

  .filterMenus {
    display: none
  }

  .features-img {
    width: 100% !important;
    max-width: 100% !important
  }

  .faqssearch h4 {
    font-size: 22px;
    color: #000
  }

  .faqssearch h4 small {
    font-size: 14px;
    padding-top: 10px
  }

  .faqsbannerImg {
    margin-top: 54px
  }

  .tabFaqs {
    height: 100%;
    overflow: inherit
  }

  .dropdownFaqsMob .dropdown-menu {
    height: 400px;
    overflow: auto;
    left: 14px
  }

  .dropdownFaqsMob .listHeader {
    margin-left: 10px
  }

  .text-align-desktop {
    text-align: left
  }

  .assessmentCard {
    width: 100%
  }

  .assessmentCertificatCard {
    width: 100%
  }

  .canslimVideosSection {
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 5px
  }

  .videoLevel {
    margin-top: 30px
  }

  .videoThumbnail {
    margin: 20px 0 10px
  }

  .videoThumbnail {
    width: 100%
  }

  .vidoUnLockThumbnail img {
    height: 75px;
    width: 150px
  }

  b.companyHeaderContentName {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
    vertical-align: bottom;
    font-weight: 700;
    font-size: 16px
  }

  .vidoLockThumbnail {
    height: 75px;
    width: 150px
  }

  .vidoPlayingThumbnail {
    height: 75px;
    width: 150px
  }

  .canslimVideoIframediv iframe {
    height: 32vh
  }

  div#evaluationCardContainer .nav.nav-tabs {
    width: 100%;
    overflow-y: auto;
    display: inline-flex;
    padding-bottom: 0;
    margin-bottom: 0
  }

  div#evaluationCardContainer .nav.nav-tabs::-webkit-scrollbar {
    display: none
  }

  .modelTallHeader.commentaryFont h4,
  h2,
  h3,
  h1,
  h5 {
    font-family: 'Fira Sans Condensed', sans-serif !important
  }

  .commentaryFont {
    font-family: 'Fira Sans Condensed', sans-serif !important
  }

  #currentHoldingMPChart .table>tbody>tr>td {
    padding-bottom: 0
  }

  .topnav {
    padding-top: 0
  }

  .userInformationDiv {
    margin-top: 21px
  }
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

body::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#contentSearchBody::-webkit-scrollbar {
  width: 6px
}

.evaluationNaviTab .navbar-nav::-webkit-scrollbar {
  width: 0;
  height: 0
}

.toggleSwitch span span {
  display: none
}

.toggleSwitch .toggletvswithimg {
  width: 30px
}

.switmsititel {
  display: none
}

.toggletvswithimghovertxt {
  font-size: 10px;
  background: #fff;
  padding: 6px 6px;
  border-radius: 5px;
  box-shadow: 0 1px 5px 3px #ddd;
  width: 160px;
  margin-left: -45px
}

#toggletvswithtitel,
#toggletvmsithtitel {
  display: none
}

.toggleSwitch.large:hover+#toggletvswithtitel {
  display: block
}

.toggleSwitch.large:hover+.toggletvmsithtitel {
  display: block
}

.toggleSwitch .togglemsiswithimg {
  width: 20px
}

.toggleSwitchMain {
  display: initial;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 5;
  text-align: center;
  width: 64px;
  top: 10px
}

@media(max-width:1024px) {
  .toggleSwitchMain {
    margin-top: 40px
  }
}

@media only screen {
  .toggleSwitch {
    display: inline-block;
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 0;
    cursor: pointer;
    padding-top: 5px
  }

  .toggleSwitch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  .toggleSwitch label,
  .toggleSwitch>span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle
  }

  .toggleSwitch input:focus~a,
  .toggleSwitch input:focus+label {
    outline: none
  }

  .toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%
  }

  .toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5
  }

  .toggleSwitch>span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
    z-index: -1
  }

  .toggleSwitch>span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 48px;
    text-align: left;
    font-size: .9em;
    width: 100%;
    left: 15%;
    top: -3px;
    opacity: 0
  }

  .toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 100%;
    padding: 0;
    left: 2px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
  }

  .toggleSwitch>span span:first-of-type {
    color: #ccc;
    opacity: 1;
    left: 45%
  }

  .toggleSwitch>span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out
  }

  .toggleSwitch input:checked~a {
    border-color: #ccc;
    left: 100%;
    margin-left: -8px
  }

  .toggleSwitch input:checked~span:before {
    border-color: #ccc;
    box-shadow: inset 0 0 0 30px #fff
  }

  .toggleSwitch input:checked~span span:first-of-type {
    opacity: 0
  }

  .toggleSwitch input:checked~span span:last-of-type {
    opacity: 1;
    color: #fff
  }

  .toggleSwitch.large {
    width: 62px;
    height: 25px
  }

  .toggleSwitch.large a {
    width: 27px
  }

  .toggleSwitch.large>span {
    height: 29px;
    line-height: 28px
  }

  .toggleSwitch.large input:checked~a {
    left: 41px
  }

  .toggleSwitch.large>span span {
    font-size: 1.1em
  }

  .toggleSwitch.large>span span:first-of-type {
    left: 50%
  }

  .toggleSwitch.xlarge {
    width: 80px;
    height: 36px
  }

  .toggleSwitch.xlarge a {
    width: 36px
  }

  .toggleSwitch.xlarge>span {
    height: 38px;
    line-height: 37px
  }

  .toggleSwitch.xlarge input:checked~a {
    left: 52px
  }

  .toggleSwitch.xlarge>span span {
    font-size: 1.4em
  }

  .toggleSwitch.xlarge>span span:first-of-type {
    left: 50%
  }
}

@media(max-width:746px) {
  .toggleSwitch .toggletvswithimg {
    width: 15px
  }

  .toggleSwitch .togglemsiswithimg {
    width: 10px
  }

  .toggleSwitch.large a {
    width: 12px
  }

  .toggleSwitch.large {
    width: 40px;
    height: 15px
  }

  .toggleSwitchMain {
    width: 25px
  }

  .toggleSwitch.large input:checked~a {
    left: 36px;
    margin-left: -14px
  }

  .toggleSwitch.large>span {
    height: 20px
  }

  .toggleSwitch>span span {
    top: -6px
  }

  .toggleSwitch>span {
    padding-right: 40px
  }

  .toggleSwitch.large>span span:first-of-type {
    left: 5px
  }

  .toggleSwitch>span span {
    left: 7px
  }

  .toggleSwitch>span:before {
    width: 50%;
    height: 100%
  }

  .toggleSwitch input {
    left: 3px
  }

  .slider::before {
    background-color: transparent
  }

  .patternBtn .switch {
    width: 20px
  }

  .theme.slider::before {
    background-color: white !important;
  }

  .theme.slider {
    .theme-toggle input:checked+.slider {
      background-size: 125% 100%;
    }
    width: 50px;
  }

  input:checked+.theme.slider::before {
    transform: translateX(16px);
  }
}

@media(max-width:414px) {
  #myNavbar ul {
    width: 100%
  }
}

@media screen and (max-width:737px) and (min-width:600px) {
  .evaluationValuesSymTab {
    width: 65%;
    float: left
  }

  #evaluation .tabEvaluation {
    margin-top: 0px !important
  }

  .evaluationNaviTab li>a {
    padding: 5px 9px
  }

  .isIndexOrIndustryGroupuserIcons {
    float: left;
    width: 35%
  }

  .padRgtReset {
    right: 50px
  }

  .evaluatioVolBlock {
    display: initial
  }

  #company_header_placeholderPopUpMob h4 {
    margin-bottom: 0
  }
}

@media screen and (max-width:844px) and (min-width:800px) {
  #evaluation .tabEvaluation {
    margin-top: 0px !important
  }
}

.psi-container {
  max-width: 900px;
  margin: 15px auto
}

.slider-container {
  border: 1px solid #cecece;
  padding: 10px 15px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center
}

.slider-container h1 {
  font-weight: bold !important;
  font-size: 28px;
  line-height: 1.1;
  padding: 30px 0
}

.slider-container h2 {
  font-weight: bold !important;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 50px
}

.psi-card {
  border: 1px solid #cecece;
  padding: 20px 35px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px
}

.psi-card.flow-card {
  border: 1px solid #cecece;
  padding: 20px 35px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 540px
}

.flow-container {
  display: flex;
  align-items: center
}

.flow-img {
  width: 100px;
  height: 100px;
  border: 5px solid;
  border-radius: 100%;
  margin-bottom: 15px
}

.flow-img img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: relative
}

.flow-item p {
  width: 100%;
  text-align: center;
  padding: 0 !important;
  line-height: 1.1 !important
}

.img-one {
  border-color: #fdc68f;
  -webkit-box-shadow: 2px 1px 22px 0 rgba(253, 198, 143, .78);
  box-shadow: 2px 1px 22px 0 rgba(253, 198, 143, .78)
}

.img-two {
  border-color: #f9b5ca;
  -webkit-box-shadow: 2px 1px 22px 0 rgba(249, 181, 202, .78);
  box-shadow: 2px 1px 22px 0 rgba(249, 181, 202, .78)
}

.img-three {
  border-color: #9dd0f4;
  -webkit-box-shadow: 2px 1px 22px 0 rgba(157, 208, 244, .78);
  box-shadow: 2px 1px 22px 0 rgba(157, 208, 244, .78)
}

.flow-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  align-self: flex-start;
  flex: 3
}

.indicator-line {
  width: 100%;
  height: 2px;
  background: #c2c2c2;
  flex: 1;
  position: relative;
  top: 50px;
  align-self: flex-start
}

.psi-card.grey-card {
  background: #525252;
  color: #fff;
  max-width: 540px;
  margin: 0 auto 20px auto
}

.psi-card h2 {
  font-weight: 600 !important;
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1.1
}

.report-card {
  padding: 0;
  max-width: 540px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center
}

.report-card h4 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px
}

.report-card img {
  width: 100%;
  max-width: 100%;
  height: 320px;
  border-radius: 10px
}

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

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

.hookImageTemplateRegMobBtn {
  padding-right: 0
}

.hookImageTemplateLoginMobBtn {
  padding-left: 26px
}

.hookImageTemplateMobBtn a {
  height: 20px;
  width: 210px;
  padding: 22px;
  display: inline-block;
  text-align: center
}

.hookImageTemplateRegBtn {
  padding-right: 5px
}

.hookImageTemplateLoginBtn {
  padding-left: 0
}

.hookImageTemplateBtn a {
  height: 20px;
  width: 210px;
  padding: 28px;
  display: inline-block;
  text-align: center
}

.report-card .btn {
  margin-top: 10px
}

.psi-card p {
  padding-bottom: 15px;
  line-height: 1.6
}

.btn-psi-primary {
  background: #fff;
  color: #000;
  font-weight: 400;
  border-radius: 10px;
  font-weight: 700
}

.btn-psi-primary:hover {
  color: #000
}

.btn-psi-secondary {
  color: #fff;
  background: #2680eb;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: 700;
  font-weight: 400;
  border-radius: 15px !important;
  box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.btn-psi-secondary:hover {
  color: #fff
}

.partner-section {
  margin-top: 25px
}

.portfolioPlansUsers thead tr th {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px
}

.portfolioPlansUsers thead tr th.free {
  color: #2bcb43;
  font-size: 18px
}

.portfolioPlansUsers tbody tr td.premium {
  color: #2680eb
}

.portfolioPlansUsers tbody tr td {
  border-top: 0 !important
}

.btn-radius {
  border-radius: 10px
}

.psi-card h3 {
  color: #3b14af;
  margin: 0;
  padding-bottom: 10px
}

.pricing-wrap {
  display: flex
}

.pricing-item {
  flex: 1 1
}

.faq-header {
  text-align: center;
  font-weight: bold !important;
  margin: 40px 0
}

.panel.panel-psi {
  border: 1px solid #cecece;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin-bottom: 20px
}

.panel.panel-psi .panel-heading {
  padding: 15px
}

.panel.panel-psi h4 a {
  font-weight: 700
}

.account-card {
  border: 1px solid #cecece;
  padding: 20px 20px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 150px;
  position: relative
}

.ribbon-btn {
  position: absolute;
  transform: rotate(-90deg);
  left: -48px;
  top: 58px;
  background: #2680eb;
  display: block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px
}

.account-card h2 {
  margin: 0;
  font-size: 66px
}

.subscription-wrap {
  display: flex;
  justify-content: space-between
}

.subscription-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.subscription-item p {
  line-height: 1.1;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: 700
}

.psi-report-table {
  border: 1px solid #cecece;
  padding: 20px 30px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
  border-radius: 20px;
  margin: 0 auto;
  margin-bottom: 20px
}

.table-header {
  display: flex
}

.header-item:last-child {
  margin-left: auto
}

.table-header h3 {
  margin: 0;
  padding: 0;
  margin-right: 30px;
  font-weight: 700
}

.portfolioPlanstable {
  max-height: 415px;
  height: 415px;
  margin-top: 30px;
  margin-bottom: 0;
  overflow-y: auto;
  background-color: #fff;
  border-left: 0
}

.table-report tr th,
.table-report tr td {
  border: 0 !important;
  white-space: nowrap
}

.table-report tr th {
  color: #2680eb;
  font-weight: 700
}

.blink_me {
  animation: blinker 3s linear infinite
}

@keyframes blinker {
  50% {
    opacity: 0
  }
}

.custom-container-evaluation-combine {
  position: relative
}

.estpatternBtn .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 30px
}

.estpatternBtn .switch b {
  z-index: 1;
  position: absolute;
  right: 5px;
  top: 1px;
  margin: 0 auto;
  color: #fff;
  top: 3px;
  font-size: 11px
}

.estpatternBtn .slider {
  background-color: #999
}

.estpatternBtn .slider::before {
  height: 13px;
  width: 13px
}

.estpatternBtn input:checked+.slider::before {
  transform: translateX(19px)
}

.estpatternBtn .slider {
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: right
}

.estpatternBtn input:checked+.slider {
  background-color: #6e2c90;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left
}

.estpatternBtn input:checked+.estpatternBtn .switch b {
  color: #fff
}

.epspatternBtn .switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 30px
}

.epspatternBtn .slider {
  background-color: #999
}

.epspatternBtn .switch b {
  z-index: 1;
  position: absolute;
  right: 5px;
  top: 3px;
  margin: 0 auto;
  color: #fff;
  font-size: 11px
}

.epspatternBtn .slider::before {
  height: 13px;
  width: 13px
}

.epspatternBtn input:checked+.slider::before {
  transform: translateX(19px)
}

.epspatternBtn .slider {
  background-repeat: no-repeat;
  background-size: 55% 100%;
  background-position: right
}

.epspatternBtn input:checked+.slider {
  background-color: #6e2c90;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left
}

.epspatternBtn input:checked+.epspatternBtn .switch b {
  color: #fff
}

.patternBtnbelowChart {
  padding: 10px 5px
}

.epspatternBtn .slider::before,
.estpatternBtn .slider::before {
  background-color: transparent
}

@media (max-width:746px) {
  .epspatternBtn .switch b {
    top: 1px;
    font-size: 13px
  }

  .right-side-panel .selectBtnWDM {
    padding-left: 0
  }

  .estpatternBtn .switch b {
    top: 1px;
    font-size: 13px
  }

  .evaluationlargeBtnbelowchart .btn-primary {
    padding: 6px
  }

  .slider-container h1 {
    padding: 0 0
  }

  .patternBtn input:checked+.slider {
    background-image: url(../img/cup_withouth_pattern.svg);
    background-color: #6e2c90;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
  }

  .patternBtn .slider {
    background-image: url(../img/cup_withouth_pattern_gray.svg);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    background-repeat: no-repeat;
    background-size: 100% 100%
  }

  .toggleSwitchMain {
    left: 10px;
    margin-top: 20px !important;
    right: auto
  }

  .shareBtn {
    margin-top: 0
  }

  .toggleSwitchMainbelowchart {
    position: inherit;
    float: right;
    margin-top: 4px !important;
    left: -5px;
    top: 0
  }

  .evaluationTabContant .dropdown-menu {
    bottom: 50px !important;
    top: unset
  }

  .oholitagBtn {
    margin-top: 30px
  }

  .chartShareBtn {
    margin-top: 112px !important
  }

  .chartShareBtnbelowchart {
    position: static !important;
    margin-top: 0px !important;
    float: right !important
  }

  .oholitagBtnbelowChart {
    float: right;
    position: static;
    margin-top: 0px
  }

  #plans {
    margin-top: 50px
  }

  .psi-card.table-card {
    padding: 0
  }

  .psi-card.table-card .table-responsive {
    border: 0;
    margin: 0
  }

  .psi-card.table-card .table-responsive .table {
    padding: 0;
    margin: 0
  }

  .container.psi-wrap {
    padding-left: 15px !important;
    padding-right: 15px !important
  }

  .ribbon-btn {
    left: -40px
  }

  .flow-container {
    flex-direction: column
  }

  .flow-item {
    align-self: center;
    margin-bottom: 10px
  }

  .indicator-line {
    display: none
  }

  .chartShareBtn .btn-primary {
    padding: 0 3px;
    width: 25px
  }

  .chartShareBtn {
    width: 24px
  }

  .patternBtnbelowChart {
    padding: 0 3px
  }

  .mobile-toggle-btns {
    float: left;
    padding-left: 10px;
  }
}

@media (max-width:1024px) {
  .arevaluationsection .evalutationsmenu {
    margin-top: 0px !important
  }

  .arevaluationsection #myNavbar ul {
    width: 100% !important
  }

  .arevaluationsection .msiIconsRow {
    margin: 5px -5px !important
  }

  .mob_TabBarChartmodal {
    display: none;
    position: fixed;
    z-index: 2024;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
  }

  .mob_TabBarChartmodal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    position: relative
  }

  .mob_TabBarChartclose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    text-align: center
  }

  .mob_TabBarChartclose:hover,
  .mob_TabBarChartclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
  }
}

#sn_placeholder {
  display: flex
}

#pn_placeholder {
  display: flex
}

.kiteBuySellPosition {
  margin-left: 3px
}

.kiteBuyButton {
  background: url(https://kite.zerodha.com/static/images/connect/buy-button.png) no-repeat;
  width: 71px;
  height: 25px;
  border: none;
  border-radius: 0px !important
}

.kiteSellButton {
  background: url(https://kite.zerodha.com/static/images/connect/sell-button.png) no-repeat;
  width: 71px;
  height: 25px;
  border: none;
  border-radius: 0px !important
}

.kiteBuyButtonMob {
  background: url(https://kite.zerodha.com/static/images/connect/buy-button.png) no-repeat;
  width: 68px;
  height: 22px;
  border-radius: 0px !important;
  border: none;
  background-color: #fff
}

.kiteSellButtonMob {
  background: url(https://kite.zerodha.com/static/images/connect/sell-button.png) no-repeat;
  width: 68px;
  height: 22px;
  border-radius: 0px !important;
  border: none;
  background-color: #fff
}

.previousIcons {
  width: 223px;
  position: relative;
  z-index: 1000;
  margin-top: -2px
}

@media (max-width:746px) and (min-width:600px) {
  .kiteBuySellPosition {
    display: flex;
    margin-top: 10px
  }
}

@media (max-width:338px) and (min-width:300px) {
  .previousIcons a {
    margin-left: 4px;
    font-size: 10px
  }

  .listFlagMobDiv img {
    width: 13px;
    margin-left: 4px
  }

  .kiteBuySellPosition {
    right: 100px !important
  }
}

.mpstocksection h4 {
  font-size: 12px !important;
  color: #6E2A8F !important;
  font-weight: 700;
  margin: 2px 0;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
}

.mpstockicons {
  padding: 5px 0px;
}

.mpBrokerBuySellBtn {
  margin-bottom: 10px;
}

.mpiconsreport {
  display: none;
}

.mpiconsreport.AddReportPresent {
  display: inline;
}

.stockAdditionReportaddition,
.stockAdditionReportssubtraction {
  display: none;
}

.stockAdditionReportaddition.stockAdditionReportPlus {
  display: inline;
}

.stockAdditionReportssubtraction.stockAdditionReportMinus {
  display: inline;
}

.reffriContiner {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-top: 30px;
}

.fb-share-button span {
  display: none;
}

.takeatriallock {
  display: inline-block;
}

.takeatrial {
  background-color: #F5E0FF;
  color: #702C91;
  font-size: 14px;
  padding: 2px;
  border-radius: 30px;
  box-shadow: 1px 1px 4px 0px #a6a6a6;
  display: flex;
  width: max-content;
  align-items: center;
}

.takeatrialImg img {
  width: 12px;
  height: 12px;
  filter: brightness(0) invert(1);
  left: unset;
  top: -3px;
}

.takeatrialContent {
  padding: 4px;
}

.takeatrialImg {
  background: radial-gradient(circle, #BD56ED 0%, #6D2A8E 100%);
  border-radius: 35px;
  padding: 1px;
  border: 5px solid #BD56ED;
  width: 28px;
  height: 28px;
  text-align: center;
}

.reffriBanner {
  overflow: hidden;
  background-image: url(https://storage.googleapis.com/msindiaprod/img/Image20240320173224.jpg);
  background-size: 100%;
  background-size: cover;
  height: 80vh;
  background-repeat: no-repeat;
  background-position-x: center;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.referralcodeTandC {
  font-size: 14px;
  padding: 10px;
  text-align: center;
}

.referralcodeTandC a {
  text-decoration: underline;
  font-weight: 700;
}

.reffriContent {
  text-align: center;
  padding: 20px;
}

.reffriContent h4 {
  margin: 0px;
  color: #6F2C90;
  font-size: 24px;
}

.reffriContent h5 {
  margin: 0px;
  font-size: 18px;
}

.reffriContent h6 {
  margin: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #EE8103;
  text-transform: uppercase;
  line-height: 28px;
}

.reffriContent h3 {
  margin-top: 0px;
  font-size: 36px;
  font-weight: 700 !important;
  color: #6F2C90;
}

.reffriContent h3 {
  margin-top: 0px;
  font-size: 36px;
  font-weight: 700 !important;
  color: #6F2C90;
}

.reffriContent p {
  font-size: 18px;
  margin-bottom: 20px;
}

.reffriContent>b {
  font-size: 18px;
  margin-bottom: 20px;
  color: #EE8103;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.refcodesharing {
  padding: 10px;
  width: 85%;
  background-color: #6F2C90;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.mpstockicons ul {
  padding-left: 0;
  display: inline-block;
  margin-bottom: 0px;
}

.refcodesharing h3 {
  margin: 0px;
  padding-top: 5px;
  letter-spacing: 10px;
  font-weight: 700 !important;
}

.mpstockicons ul li {
  float: left;
  list-style: none;
  padding: 0px 5px;
}

.mpstockicons ul li:first-child {
  padding-left: 0px;
}

.mpstockDetails {
  background-color: #F2F2F2;
  border-radius: 4px;
}

.mpstockDetails ul {
  padding-left: 0;
  display: flex;
  padding: 10px;
  margin-bottom: 0;
}

.mpstockDetails ul li {
  float: left;
  list-style: none;
  padding: 0px 5px;
  border-right: 2px solid #252525;
  flex-grow: 1;
  flex-basis: 0;
}

.mpstockDetails ul li:last-child {
  border-right: 0px;
}

.mpstockgain {
  font-size: 16px;
  font-weight: 700;
}

.gainPerPositive {
  color: #2736E6;
}

.gainPerNegative {
  color: #de32ae
}

.mpstockgain b {
  display: block;
}

.mpstockbuyrangeanddate {
  font-size: 12px;
  text-align: center;
}

.mpstockRatings ul {
  padding-left: 0;
  display: flex;
  margin-bottom: 0;
}

b.stockAdditionReportaddition,
b.stockAdditionReportssubtraction {
  display: none;
}

b.stockAdditionReportaddition.stockAdditionReportPlus {
  display: inline;
}

.notfoundtext {
  text-align: center;
  font-size: 18px;
  padding: 20px;
}

b.stockAdditionReportssubtraction.stockAdditionReportMinus {
  display: inline;
}

.mpstockRatings ul li {
  float: left;
  list-style: none;
  padding: 0px 5px;
  width: 100%;
  font-size: 10px;
}

.mpstockRatings {
  padding: 10px 0px;
}

.mpstockValues h5 {
  font-size: 12px;
  font-weight: 700 !important;
  margin-top: 0;
}

.mpstockValues h6 {
  font-size: 12px;
  margin-top: 0;
  color: #2736E6;
  padding-top: 5px;
  margin-bottom: 0;
}

.mpstockbuysellContent {
  font-size: 12px;
  padding-top: 10px;
}

.mpstockbuysellContent b,
.mpstockbuyrangeanddate b {
  display: block;
}

.mpsotckscol {
  padding-left: 0px;
  padding-right: 0px;
}

.topStocksIndia {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
  margin-bottom: 10px;
  padding: 10px 10px 10px;
}

.mpideaListsiconsRating {
  display: none;
}

.mpbookmark:hover .mpideaListsiconsRating {
  display: block;
}

.mpaddBookmark {
  background-color: #F2F2F2;
  width: 45px;
  height: 45px;
  display: flex;
  position: absolute;
  right: 15px;
  top: 0px;
  border-bottom-left-radius: 30px;
  cursor: pointer;
}

.mpaddBookmark:hover .mpideaListsiconsRating {
  display: block;
}

.mpbookmark .mpaddBookmark:hover {
  display: none;
}

.mpideaListsiconsRating {
  position: absolute;
  right: 15px;
  top: 0px;
}

.mpideaListsiconsRating ul {
  padding-left: 0;
}

.mpideaListsiconsRating ul li {
  list-style: none;
  padding: 10px 15px;
  border: 1px solid #ddd;
  height: 100%;
  background-color: #fff;
}

.mpideaListsiconsRating ul li a {
  color: #999;
}

.mpideaListsiconsRating ul li a:hover {
  color: #6e2c90;
  background-color: #6e2c90;
}

.mpideaListsiconsRating ul li a span {
  display: block;
  cursor: pointer;
}

.mpbookmark img {
  width: 20px;
  height: 100%;
  margin: 0 auto;
}

.mpideaListsiconsRating .ratingBtnDiv {
  color: #999;
  cursor: pointer;
  padding-bottom: 1px;
  padding-top: 0px;
}

.mpideaListsiconsRating .ratingBtnDivYellow {
  color: #ffa824;
}

.mpstockbuysell .kiteBuyButton {
  display: block;
}

.styleiconimgpositeve,
.styleiconimgnagative {
  display: none;
}

.styleiconimgpositeve.positiveValue {
  display: inline;
}

.styleiconimgnagative.negativeValue {
  display: inline;
}

.mpstockValues .positiveValue {
  font-size: 12px;
  padding: 0 2px;
}

.mpstockValues .negativeValue {
  font-size: 12px !important;
  padding: 0 2px;
}

.mpstockbuysellContentMobile {
  display: none;
}

.rETermConditionDiv h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

.heading-referAfriend h3.secondHeading-rf {
  line-height: 35px;
  font-size: 24px;
  font-weight: 300 !important;
  margin-bottom: 40px;
}

.heading-referAfriend h3.secondHeading-rf b {
  font-weight: 700;
  border-bottom: 3px solid #d88801;
}

.refferalTAndCHeader .pageHeading h4 {
  font-size: 24px;
}

.refersocialbtns {
  text-align: center;
  margin-bottom: 20px;
}

.hookImageTemplateBtn {
  left: auto;
  right: 0;
  width: 50%;
  bottom: 50px;
}

.hookImageTemplateBtn a {
  width: 95%;
  margin-left: 20px;
}

.hookImageTemplateLoginBtn {
  padding-left: 0;
  width: 40%;
}

.hookImageTemplateRegBtn {
  padding-right: 10px;
  width: 40%;
}

@media(max-width:820px) {
  .hookImageTemplateBtn {
    bottom: 20px;
  }

  .loginDiv {
    margin-right: 0px;
  }
}

@media(max-width:736px) {
  .takeatrial {
    font-size: 12px;
  }

  .takeatrialContent {
    padding: 1px;
  }

  .takeatrialImg {
    padding: 1px;
    border: 3px solid #BD56ED;
    width: 20px;
    height: 20px;
  }

  .mpstockDetails ul {
    flex-wrap: wrap;
  }

  .mpstockgain b {
    display: inline;
  }

  .mpstockDetails ul li {
    flex-basis: auto;
    border-right: 0px;
  }

  .mpsotckscol {
    padding-right: 15px;
  }

  li.mpstockgain {
    flex-grow: 8 !important;
    width: 100%;
    text-align: center;
    padding-bottom: 5px !important;
  }

  .mpstockbuysellContent {
    display: none;
  }

  .mpstockbuysellContentMobile {
    display: inline;
    text-align: right;
  }

  .mpstockbuysellContentMobile span {
    font-weight: 400;
  }

  .mpstockRatings ul li {
    width: 50%;
    padding: 2px 0;
    font-size: 12px;
  }

  .mpstockRatings ul {
    flex-wrap: wrap;
  }

  .mpbookmark {
    background-color: #ffffff;
    width: 34px;
    height: 34px;
  }

  .mpbookmark img {
    width: 15px;
  }

  .mpstockbuysell .kiteBuyButton {
    display: inline;
  }

  .mpstockbuysell .kiteBuyButton,
  .mpstockbuysell .kiteSellButton {
    background-size: 53px;
    width: 53px;
  }

  .mpideaListsiconsRating ul li {
    padding: 5px 6px;
    font-size: 10px;
  }

  .mpideaListsiconsRating {
    top: 5px;
  }

  .mpstockRatings {
    padding-top: 5px;
    padding-bottom: 0;
  }

  .mpaddBookmark {
    width: 30px;
    height: 30px;
    top: 5px;
  }

  .mpstockbuysell {
    margin-top: -15px;
  }

  .mpstockcolone {
    padding-right: 5px;
  }

  .topStocksIndia {
    padding: 5px 0 0;
    margin-left: -5px;
    margin-right: -5px;
  }

  .mpstockgain {
    font-size: 12px;
  }

  .mpstocksection h4 {
    font-size: 12px !important;
    width: 128px;
  }
}

@media screen and (max-width: 650px) and (min-width:450px) {
  .hookImageTemplateForMobile {
    display: flex;
    margin: 2px 0px 27px 100px;
  }

  .hookImageTemplateMobBtn a:nth-child(2) {
    margin-left: 28px;
  }
}



.msimenuSearchBar {
  width: 100%;
  padding: 10px 10px 10px 40px;
  border-radius: 84px;
  border: 2px solid #6e2a8f;
  color: #000;
  caret-color: #6e2a8f;
}

.msimenuSearchBar:focus-visible {
  outline: 0px solid #6e2a8f;
}

.msiSearchbarontop {
  /* position: fixed;
    background-color: #fff;
    top: 86px;
    right: 0;
    left: 0;
    z-index: 1024; */
}

.msimenuhomesearchinput {
  width: 340px;
  position: relative;
  /* margin: 10px auto; */
}

.msimenuhomesearchinput>img {
  width: 16px;
  position: absolute;
  left: 15px;
  top: 15px;
  opacity: .8;
  color: #6e2a8f;
}

.msimenuhomesearchinput .searchClose img {
  position: absolute;
  top: 14px !important;
  right: 14px !important;
  width: 15px;
  height: 15px;
  opacity: .5;
  cursor: pointer;
}



.msimenuSearchBar::placeholder {
  color: #b7b7b7;
  opacity: 0.5;
  /* Firefox */
  font-style: italic;
}

.menuSearchList {
  margin-top: 3px;
  border: 1px solid #6e2a8f;
  border-radius: 5px !important;
  box-shadow: 12px 12px 50px 0 rgba(0, 0, 0, .11);
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
  max-height: 200px;
  overflow-x: auto;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.menuSearchList ul {
  padding-left: 0px;
  margin-bottom: 0;
}

.menuSearchList ul li {
  color: #000;
  text-align: left;
  list-style: none;
  padding: 10px 0;
  display: grid;
  font-size: 12px;
}

.latestsearchformsiicon {
  display: none;
  padding: 0 10px;
  position: absolute;
  right: 80px;
  top: 8px;
}

.searchheaderMobile {
  display: block;
  background: #fff;
  padding: 5px;
}




.navsearchheader {
  margin-left: 3%;
}


@media(min-width:1400px) {
  .navsearchheader {
    margin-left: 2%;
  }
}

@media(min-width:1620px) {
  .navsearchheader {
    margin-left: 2%;
  }

  .navBlackmenubg {
    padding: 36px 80px;
  }

  .site-title-scroll a,
  .site-title a {
    height: 51px;
    width: 377px;
  }

  .evalutationsmenu {
    margin-top: 128px;
  }

  .introInnerHeader {
    padding-top: 130px;
  }

  .introInnerHeaderCanslimbanner {
    padding-top: 90px;
  }
}

@media (max-width: 1399px) {
  .navsearchheader {
    margin-left: 0%;
  }

  .msimenuhomesearchinput {
    width: 100%;
  }

  .menuSearchList {
    width: 380px;
  }

}




@media(max-width:1280px) {
  .msimenuhomesearchinput {
    width: 100%;
  }

  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 15px 8px;
  }


  .menuSearchList {
    width: 380px;
  }
}

@media(max-width:1195px) {
  .latestsearchformsiicon {
    display: inline-block;

  }

  .navsearchheader {
    display: none;
    width: 365px;
  }

  .latestsearchformsiicon {
    right: 123px;
    top: 10px;
  }


}

.latestsearchformsiicon img {
  width: 30px;
  height: 29px;
}


@media(max-width:1024px) {
  .msimenuhomesearchinput {
    width: 95%;
    margin: 0 auto;
  }


  .latestsearchformsiicon img {
    width: 22px;
    height: 22px;
  }


  .navBlackmenubg.navbar-default .nav>li>a {
    padding: 8px 8px;
  }

  .menuSearchList {
    width: 100%;
  }



  .msimenuSearchBar {
    padding: 10px 10px 10px 60px;
    font-size: 16px;
  }

  .msimenuhomesearchinput>img {
    left: 20px;
    top: 15px;
  }

  .msiSearchbarontop {
    top: 80px;
  }

  .msimenuhomesearchinput .searchClose img {
    top: 16px !important;
    right: 16px !important;
  }

  .latestsearchformsiicon {
    right: 121px;
    top: 8px;
  }

}

@media(max-width:820px) {
  .latestsearchformsiicon {
    right: 80px;
    top: 8px;
  }


}


@media(max-width:768px) {
  .msiSearchbarontop {
    top: 50px;
  }

  .latestsearchformsiicon {
    padding: 0px 0px;
  }

  .latestsearchformsiicon {
    right: 90px;
    top: 8px;
  }
}

@media(max-width:736px) {
  .latestsearchformsiicon {
    right: 80px;
    top: 15px;
  }
}

@media(max-width:414px) {
  .latestsearchformsiicon {
    right: 55px;
    top: 15px;
  }

}

@media (max-width: 1180px) {
  /* Tablets and smaller */

  .site-title a,
  .site-title-scroll a {
    width: 320px;
  }

  .latestsearchformsiicon {
    right: 90px;
    top: 15px;
  }

  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .sideNavigationMobile.navbar-nav {
    float: none !important;
  }

  .sideNavigationMobile.navbar-nav>li {
    float: none;
  }

  .navBarToggle {
    padding: 10px 8px
  }

  .bodyScrolling {
    overflow: hidden;
    position: fixed
  }

  .side-collapse-container {
    left: 0;
    position: relative;
    transition: left 0.4s ease 0s;
    width: 100%
  }

  .side-collapse-container.out {
    left: 250px
  }

  .btnsignoutmobile {
    color: #6e2c90 !important;
  }


  .mobileMenuOverlay.menu-open::after {
    background: rgb(249 249 249 / 70%) none repeat scroll 0 0;
  }

  .side-collapse.in {
    display: none;
    box-shadow: none;
  }

  .side-collapse .navbar-nav {
    margin: 0 -15px
  }

  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    height: 100%;
    max-height: none
  }

  .dropdownMainMenu>.dropdown-menu {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    display: block !important;
    float: none;
    margin-top: 0;
    position: static !important;
    width: auto
  }

  .userInformationInMobile {
    height: 90px;
    padding: 10px
  }

  .navigationMobileClose {
    color: #702c91 !important;
    margin-top: 11px;
    position: absolute;
    right: 0;
    z-index: 1040
  }

  .dropdownLoginMenuMobile {
    background-color: #fff !important;
    display: block !important;
    box-shadow: 0px -2px 7px 0px #a0a0a0;
    border-radius: 10px;
    padding: 10px;
  }

  .navbar-default .navbar-nav>li>a {
    font-size: 16px;
    padding: 10px !important;
    color: #000 !important;
  }

  .dropdownLoginMenuMobile li {
    list-style: none;
  }

  .userinformationMobileDiv {
    background-color: #f1d7ff;
    padding: 10px;
    margin: 15px 10px;
  }

  .userinformationMobileDiv h5,
  .userinformationMobileDiv p {
    font-size: 14px;
    margin-bottom: 10px;
  }



  .btnLogoutMobile {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #6f2c91;
    color: #6f2c91;
    font-size: 12px;
    font-weight: 700;
    line-height: 0;
    padding: 4px 7px;
    position: absolute;
    right: 14px;
    top: 79px;
    width: auto !important
  }

  .side-collapse {
    background-color: #ffffff;
    overflow: hidden;
    position: fixed;
    top: 60px;
    transition: width 0.4sease 0s;
    width: 300px;
    z-index: 999;
    border-radius: 10px;
    padding: 34px 0px;
    border: none;
    box-shadow: 9px 8px 18px 20px #0000001c;
    right: 35px;
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }


  .premium-badge {
    background-color: #F7E0B5;
    color: #673AB7;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 16px 20px;
    border-radius: 0 0 30px 30px;
    display: block;
    margin: -10px -10px 25px -10px;
  }

  .navBarToggle .icon-bar {
    width: 25px;
    height: 4px;
  }

  .navbar-default .navBarToggle .icon-bar {
    background-color: #4c4c4c !important
  }

  .navBarToggle .iconbarnavi {
    margin-top: -2px;
    display: block;
  }

  .navBarToggle .iconclosenavi {
    margin-top: -10px;
    display: block;
  }

  .navBarTogglecollapse.open .iconbarnavi {
    display: none;
  }

  .navBarTogglecollapse .iconclosenavi {
    display: none;
  }

  .navBarTogglecollapse.open .iconclosenavi {
    display: inline-block;
  }


}

@media (max-width: 736px) {
  .latestsearchformsiicon {
    right: 60px;
  }

  .side-collapse {
    top: 45px;
    right: 30px;
  }
}

/* glossary*/

.glossaryHeading h1 {
  padding: 40px 0;
  color: #FFF;
  font-size: 40px;
  font-weight: bold !important;
  background-image: linear-gradient(to bottom, #9679e7, #9463fa);
  text-align: center;
  margin: 0;
}

.glossaryContent {
  padding: 40px;
}

.mailtoglossary {
  color: #0000ee;
}

.glossaryContent p {
  font-size: 18px;
  color: #1c1c1c;
}

.glossaryTabs {
  padding: 40px 40px;
  background-color: #f6efff;
}

.glossaryTabsrow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
}

.glossaryTabscolList {
  width: calc(30% - 10px);
  background-color: #fff;
  border-radius: 30px;
  padding: 3px;
}

.glossaryTabscolContent {
  width: calc(70% - 10px);
}

.glossaryTabscolList ul {
  padding: 0px 40px 40px 60px;
  display: inline-block;
  max-height: 540px;
  overflow-y: auto;
  width: 100%;
}

.glossaryTabscolList ul li {
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #1c1c1c;
  cursor: pointer;
}

.glossaryTabscolList ul li:hover {
  color: #6c2fcf;
}

.glossaryTabscolList ul li.active {
  color: #6c2fcf;
}


.glossaryTabscolList .msimenuhomesearchinput {
  width: auto;
  margin: 40px 40px 30px 40px;
}

.glossaryTabscolList ul::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}

.glossaryTabscolList ul::-webkit-scrollbar-track {
  background: #fff
}

.glossaryTabscolList ul::-webkit-scrollbar-thumb {
  background: #b7b7b7
}

.glossaryTabscolList ul::-webkit-scrollbar-thumb:hover {
  background: #b7b7b7
}

.glossaryTabs h2 {
  font-size: 18px;
  font-weight: bold !important;
  color: #1c1c1c;
  margin: 0;
  padding-bottom: 40px;
}

.glossaryTabscolContent .introInnerHeader {
  background: transparent;
  padding-top: unset;
  text-align: left;
  color: unset;
}

.glossaryTabscolContent .pageHeading h1 {
  font-size: 18px;
  font-weight: bold !important;
  margin-top: 0;
  text-shadow: unset;
  color: #6c2fcf;
}

.glossaryTabscolContent .aboutHeading i {
  display: none
}

.glossaryTabscolContent .gen-Content {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.glossaryTabscolContent .gen-Content p {
  font-size: 18px;
  line-height: 36px;
  font-weight: normal;
}

.relatedContent {
  margin-top: 40px;
  color: #6f2c90 !important;
  font-size: 18px;
  padding-left: 15px;
  display: block;
}

.msiLearningHeader {
  text-align: center;
}

.msiLearningHeader h1 {
  background-image: linear-gradient(to bottom, #9679e7, #9463fa);
  margin: 0;
  padding: 40px;
  font-size: 40px;
  font-weight: bold !important;
  color: #fff;
}

.msiLearningHeader h1 img {
  width: 46px;
  height: 48px;
  vertical-align: sub;
}

.msiLearningInvestment {
  padding: 40px 40px;
}

.msiLearningInvestmentRow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
  justify-content: center;
}

.msiLearningInvestmentCol {
  width: calc(40% - 10px);
  border-radius: 8px;
}

.msiLearningVideosRow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
  justify-content: center;
}

.msiLearningVideosCol {
  width: calc(40% - 10px);
  border-radius: 8px;
  background-color: #f7f9fd;
}

.msiLearningVideosCard {
  border-radius: 8px;
  padding: 16px;
}

.msiLearningVideosCard h4 {
  font-size: 18px;
  color: #5b5b5b;
  font-weight: bold;
  padding-top: 16px;
  margin-bottom: 0;
}

.msiLearningVideosCard p {
  font-size: 14px;
  color: #5b5b5b;
  padding: 16px 0;
  margin: 0;
}

.msiLearningVideosCard a {
  font-size: 14px;
  color: #5b5b5b !important;
  padding: 6px 0;
  display: block;
  cursor: pointer;
}

.msiLearningVideosCardBtn a {
  display: inline-block;
  padding-right: 16px;
}

.msiHomeButtons {
  color: #6f2c90;
  border-color: #6f2c90;
  background-color: transparent;
  font-size: 14px;
  padding: 14px 28px;
}

.msiHomeButtons:hover {
  color: #9e4ac8;
  background-color: transparent;
  border-color: #9e4ac8;
}

.msiHomeButtons:active {
  color: #9e4ac8 !important;
  background-color: transparent !important;
  border-color: #9e4ac8 !important;
  box-shadow: 1px 0 2px 1px #a84cd6;
}

.msiHomeButtonsfill {
  color: #fff;
  background-color: #6f2c90;
  font-size: 14px;
  padding: 14px 28px;
}

.msiHomeButtonsfill:hover {
  background-color: #9e4ac8;
  border-color: #9e4ac8;
}

.msiHomeButtonsfill:active {
  color: #fff !important;
  background-color: #9e4ac8 !important;
  border-color: #9e4ac8 !important;
  box-shadow: 1px 0 2px 1px #9e4ac8 !important;
}

.anchor-heading {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}

.toggle-icon {
  font-style: normal;
}

.toggle-icon::after {
  content: "(+)";
  /* Default is "+" */
  font-size: 16px;
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.anchor-heading[aria-expanded="true"] .toggle-icon::after {
  content: "(-)";
}

.msiLearningVideosCard ul li {
  color: #5b5b5b;
}

.canslimLiveWebinar {
  background-color: #f7f9fd;
  text-align: center;
  padding: 40px;
  width: 80%;
  margin: 20px auto;
  border-radius: 8px;
}

.canslimLiveWebinar h4 {
  font-size: 18px;
  font-weight: bold;
  color: #5b5b5b;
  padding-bottom: 30px;
  margin: 0;
}

.canslimLiveWebinar .btn-primary {
  width: 40%;
  margin: 0 auto;
}

.msiLearningVideosCard ul {
  padding: 0 20px;
}

.msiLearningVideosCardImg {
  text-align: center;
  padding: 10px;
  background-color: #fff;
}

.msiLearningInvestment h2 {
  font-size: 40px;
  font-weight: 500 !important;
  color: #6e2a8f;
  text-align: center;
  margin: 0;
  padding-bottom: 40px;
}

.msiLearningInvestmentCard {
  padding: 16px;
  border-radius: 8px;
}

.msiLearningInvestmentCard h4 {
  font-size: 16px;
  color: #5b5b5b;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 0;
}

.msiLearningInvestmentCard p {
  font-size: 14px;
  color: #5b5b5b;
  margin-bottom: 16px;
}

.canslimLiveWebinar h4 img {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

.msiLearningInvestmentCard a {
  font-size: 14px;
  color: #0000ee !important;
  font-weight: 600;
}

.msiLearningInvestmentCard img {
  margin-bottom: 16px;
}

.msiLearningVideos {
  padding: 40px;
}

.msiLearningBooks h2 {
  text-align: center;
  font-size: 40px;
  color: #6e2a8f;
  margin: 0;
  padding: 40px 0;
  font-weight: 500 !important;
}

.msiLearningBooksRow {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0px;
  justify-content: center;
}

.msiLearningBooksCol {
  width: calc(22% - 10px);
  border-radius: 8px;
  background-color: #f7f9fd;
  height: auto;
}

.msiLearningBooksCard {
  padding: 16px;
}

.msiLearningBooksCard h4 {
  font-size: 18px;
  font-weight: bold;
  color: #5b5b5b;
  min-height: 40px;
}

.msiLearningBooksCard p {
  font-size: 14px;
  color: #5b5b5b;
  min-height: 80px;
}

.msiLearningBooksCardImg {
  text-align: center;
  background-color: #fff;
  margin-bottom: 16px;
  position: relative;
}

.msiLearningBooksCardImg a img {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 0;
  right: 40px;
}

@media(max-width:1024px) {
  .glossaryTabscolContent .introInnerHeader .pageHeading {
    position: static;
    margin-top: 0;
    padding: 0;
    background-color: transparent;
  }

  .msiLearningBooksCardImg a img {
    right: 0;
  }

  .msiLearningInvestmentCol {
    width: calc(50% - 10px);
  }

  .msiLearningBooksCardImg img,
  .msiLearningVideosCardImg img {
    width: 100%;
  }

  .msiLearningVideosCol {
    width: calc(50% - 10px);
  }

  .canslimLiveWebinar {
    width: 100%;
  }

  .msiLearningBooksCol {
    width: calc(24% - 10px);
  }

  .glossaryContent {
    padding: 20px 28px;
  }

  .glossaryContent p {
    font-size: 12px;
  }

  .glossaryTabs {
    padding: 20px 28px;
  }

  .glossaryTabs h2 {
    font-size: 12px;
    padding-bottom: 20px;
  }

  .glossaryTabscolList {
    width: calc(100% - 10px);
  }

  .glossaryTabscolContent {
    width: calc(100% - 10px);
  }

  .glossaryTabscolList .msimenuhomesearchinput {
    margin: 20px;
  }

  .glossaryTabscolList ul {
    padding: 0px 10px 10px 40px;
    max-height: 200px;
  }

  .glossaryTabscolContent .gen-Content .won-heading {
    color: #6c2fcf;
    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 10px;
  }

  .glossaryTabscolContent .gen-Content p {
    font-size: 12px;
    line-height: normal;
  }

  .glossaryTabscolList ul li {
    padding: 10px;
    font-size: 12px;
  }

  .glossaryTabscolList .msimenuSearchBar {
    font-size: 12px;
    padding: 10px 10px 10px 40px;
  }

  .glossaryTabscolList .msimenuhomesearchinput>img {
    left: 15px;
    top: 14px;
  }

  .glossaryHeading h1 {
    font-size: 22px;
  }

  .relatedContent {
    margin-top: 5px;
    font-size: 12px;
    padding-left: 15px;
  }

  .glossaryHeading img {
    width: 35px;
  }

  .canslimLiveWebinar .btn-primary {
    width: 70%;
  }

  .msiHomeButtonsfill,
  .msiHomeButtons {
    padding: 10px 20px;
  }

}

@media(max-width:820px) {

  .msiLearningBooksCol {
    width: calc(50% - 10px);
  }

}

@media(max-width:736px) {

  .site-title a,
  .site-title-scroll a {
    width: 290px;
  }

  .msiLearningInvestment {
    padding: 20px 0px;
  }

  .msiLearningVideosCard ul li {
    font-size: 10px;
  }

  .msiLearningVideosCardBtn {
    text-align: center;
  }



  .msiLearningInvestment h2 {
    padding-bottom: 20px;
  }

  .msiLearningVideosCardImg,
  .msiLearningBooksCardImg {
    background-color: #f2e8ff;
  }

  .msiLearningBooksCard h4 {
    font-size: 12px;
    min-height: auto;
  }

  .msiLearningBooksCard p {
    font-size: 10px;
    min-height: auto;
  }

  .msiHomeButtonsfill,
  .msiHomeButtons {
    padding: 10px 20px;
  }

  .msiLearningBooks .msiHomeButtonsfill {
    margin: 10px auto;
    display: block;
  }

  .msiLearningBooks h2 {
    font-size: 22px;
    padding: 20px 0;
  }

  .msiLearningBooksCol {
    width: calc(100% - 10px);
  }

  .msiLearningInvestment h2 {
    font-size: 22px;
  }

  .msiLearningInvestmentCard h4 {
    font-size: 12px;
  }

  .msiLearningInvestmentCard p {
    font-size: 10px;
  }

  .msiLearningInvestmentCard a {
    font-size: 10px;
  }

  .msiLearningInvestmentCard img {
    margin-bottom: 8px;
    width: 30px;
    height: 30px;
  }

  .msiLearningHeader h1 {
    font-size: 22px;
    padding: 28px;
  }

  .msiLearningVideosCol {
    width: calc(100% - 10px);
  }

  .msiLearningVideos {
    padding: 20px 0;
  }

  .msiLearningBooksCardImg img,
  .msiLearningVideosCardImg img {
    width: 50%;
  }

  .msiLearningVideosCard h4 {
    font-size: 12px;
  }

  .msiLearningVideosCard p {
    font-size: 10px;
    padding: 8px 0;
  }

  .msiLearningVideosCard a {
    font-size: 10px;
    padding: 4px 0;
  }

  .canslimLiveWebinar {
    padding: 10px 0;
  }

  .canslimLiveWebinar h4 {
    font-size: 12px;
    padding-bottom: 10px;
  }

  .canslimLiveWebinar h4 img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

  .msiLearningHeader h1 img {
    width: 24px;
    height: 26px;
  }

  .glossaryTabscolContent .introInnerHeader {
    display: none;
  }

  .relatedContent {
    padding-left: 0px;
  }

  .msiLearningBooksCardImg a img {
    right: 80px;
  }

  .msiLearningHeader {
    margin-top: 20px;
  }

}

.mobileSearchToggalClass {
  pointer-events: none;
  opacity: 0.6;
}

#slider {
  position: absolute;
  right: 0px;
  /* hidden */
  top: 90px;
  width: 0px;
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
  transition: left 0.3s ease;
  z-index: 1000;
}

/* Open state */
#slider {
  position: absolute;
  left: 0px;
  /* hidden */
  top: 35px;
  width: 0px;
  height: 100%;
  background: #fff;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
  transition: left 0.3s ease;
  z-index: 8;
}

/* Open state */
#slider.open .contentlist {
  display: block;
  width: 90px;
  margin-left: 17px;
}

/* Toggle button */
#toggle-btn {
  position: absolute;
  top: 0px;
  left: 3px;
  width: 15px;
  height: 35px;
  background: purple;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  transition: transform 0.3s;
}
/* Panel content */
.contentlist {
  display: none;
  padding: 5px;
  background-color: #f5f5f5;
  max-height: 250px;
  overflow: auto;
}

#recent-list {
  padding-left: 0px;
}

#recent-list li {
  padding: 3px;
  list-style: none;
  font-size: 10px;
  font-weight: bold;
}

#recent-list li a {
  color: #6e2a8f !important;
}

@media(max-width:736px) {
  .contentlist {
    max-height: 230px;
  }
}

@media (max-width: 746px){
  #slider {
    top: 60px;
  }

  #toggle-btn {
    top: 0px;
    left: 15px;
    width: 10px;
    height: 20px;
    font-size: 14px;
  }

  #slider.open .contentlist{
    margin-left: 26px;
  }
}

.toggle-button {
  background-color: #6e2a8f;
  border-radius: 20px;
  margin-top: 17px;
  height: 20px;
  padding: 0px;
  float: left;
}

#toggleChart {
  color: white;
  margin: 5px;
  font-weight: 600;
  font-size: 13px;
}

.aiModal {
  width: 100%;
  height: auto;
}

.aidropdown-toggle {
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-weight: 500;
  text-decoration: none;
  padding: 0px 8px;
  color: black;
  overflow: hidden;
}

.aidropdown-toggle img{
  width: 25px;
  height: 25px;
}

.ai-item-desktop::after {
  content: "\25BC";
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.ai-item-desktop.active::after {
  content: "\25B2";
}

.ai-item-mobile::after {
  content: "\25BC";
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.ai-item-mobile.active::after {
  content: "\25B2";
}

.aidropdown-toggle:hover .ai-item-desktop {
  font-weight: 700;
  color: #000;
}

.ai-shimmer {
  margin-bottom: 0px;
  display: inline-block;
  position: relative;
  color: #ddd;
  background: linear-gradient(
    135deg,
    #000000 0%,
    #b57bff 20%,
    #000000 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 5s linear infinite;
}

@keyframes shimmer {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}

.aidropdown-toggle .ai-item-mobile {
  font-weight: 400;
  color: #000;
}

.ai-item-desktop, .ai-item-mobile {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
}

.ai-item-desktop > * , .ai-item-mobile > * {
  position: relative;
  z-index: 1;
  color: black;
}

.ai-icon { padding: 2px 4px; }

.aidropdown-menu-desktop, .aidropdown-menu-mobile {
  display:none; 
  position: absolute;
  top: 100%;
  left: 0;
  background: #F2F2F2;
  min-width: 220px;
  z-index: 1000;
  padding: 10px;
}

.aidropdown {
  position: relative;
}

.aidropdown-toggle img.ai-icon {
  width: 18px;
  height: 18px;
}

.img-shimmer {
  color: grey;
  display: inline-block;
  mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;
  animation: imgShimmer 3s infinite;
  font-size: 50px;
  max-width: 200px;
}

@keyframes imgShimmer {
  100% {
    mask-position: left
  }
}

.ai-mobile {
  display: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  width: 100%;
}

.ai-desktop {
  display: none;
}

.ai-mobile .aidropdown {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.ai-mobile .aidropdown-toggle {
  padding: 0px 0px;
}

.aidropdown-menu-desktop a, .aidropdown-menu-mobile a {
  display: block;
  padding: 4px 6px;
  color: #000;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  transition: background 0.2s;
}

.aidropdown-menu-desktop a:hover {
  color: #000 !important;
  font-weight: 600;
}

/* Show dropdown */
.aidropdown-menu-desktop.show, .aidropdown-menu-mobile.show {
  display: block;
}

.aibullet-list{
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.aibullet-list li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.5em;
}

.aibullet-list li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 0;
  color: black;
  font-size: 1.2em;
  line-height: 1;
}

.aibullet-list .descText {
  margin-bottom: 6px;
}

.aiSnapshotHeading {
  color: #6C2FCF;
  font-weight: 800 !important;
  font-size: 36px;
}

.aiReportSubSectionHeading {
  font-size: 14px;
  font-weight: 700 !important;
}

.aiReportSectionHeading{
  font-size: 16px;
  font-weight: 700;
}

.descText {
  font-size: 12px;
}

.aiReportHeader {
  background-color: #F0F1FA;
  padding-top: 15px;
  padding-left: 35px;
  padding-bottom: 30px;
}

.aiReportLink {
  display: none;
  font-size: 24px;
  font-weight: 700;
  color: #000;
  text-decoration: underline !important;
}

.aiReportLink img {
  width: 30px;
  height: 30px;
  margin-left: 5px;
}

.aiReportSectionHeader {
  background-color: #F7F9FD;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 35px;
  padding-bottom: 10px;
}

.aiSubSection {
  margin-top: 0px;
  padding-top: 0px;
  padding-left: 35px;
  padding-bottom: 10px;
}

.aibullet-list .descText {
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 746px){

  .aiReportHeader {
    padding-top: 1px;
    padding-left: 15px;
    padding-bottom: 13px;
  }

  .aiSnapshotHeading {
    font-weight: 700 !important;
    font-size: 20px;
  }

  .aiReportLink {
    font-size: 17px;
    font-weight: 500;
    text-decoration: underline !important;
  }

  .aiReportLink img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
  }

  .aiReportSectionHeader {
    margin-top: 10px;
    padding-top: 4px;
    padding-left: 15px;
    padding-bottom: 4px;
  }

  .aiReportSectionHeading {
    font-size: 14px;
    font-weight: 500;
  }

  .aiReportSubSectionHeading {
    font-size: 12px;
    font-weight: 600 !important;
  }

  .aiSubSection {
    padding-left: 15px;
  }

  .aibullet-list .descText {
    font-size: 12px;
    font-weight: 400;
  }

  .aiReportSubSectionHeading {
    font-size: 13px;
    font-weight: 500 !important;
  }

  .aidropdown-menu-mobile {
    z-index: 1001;
  }

  .ai-header-row {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .ai-header-row > * {
    margin-right: 1rem;   /* optional gap */
  }

}