.islamicly--content__universe--tableOption .filter p span {
  border-radius: 30px;
  border: 0px;
  padding: 3px 7px 3px 7px;
  background: #131519;
  border: 1px dashed #707070;
  color: #fff;
  /* width: 41%; */
  font-size: 11px;
  cursor: pointer;
}

.editIcon {
  font-size: 15px !important;
  position: absolute;
  color: black;
  padding: 0px 3px;
  cursor: pointer;
}

#scroll-Proftfolio {
  height: 58vh;
  padding-bottom: 50px;
}

#divHoldingPopup {
  min-height: 30vh;
  height: 30vh;
}

#divFormDiscusion {
  height: 40vh;
}

.dark-theme #home #loginTiles .btn-primary,
.dark-theme #home #registrationTiles .btn-primary {
  background: #fff;
  border: 2px solid #ffffff;
  color: #4a4d52;
  border-radius: 8px;
  padding: 2px 20px 2px 10px;
  font-size: 14px !important;
  font-weight: 600;
  text-align: center;
}

#divScroolHomsePagePopup {
  height: 40vh;
}

.homeScreenSerchh .modal-content {
  background-color: #ffffff !important;
  border-radius: 10px;
}

.homeScreenSerchh .modal-content .modal-footer {
  background-color: #2a2d42 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.homeScreenSerchh .modal-content .modal-footer p {
  text-align: center;
  width: 100%;
}

#divGeneral {
  height: 65vh;
}

#divStockRelated {
  height: 65vh;
}

.divStockReletedTitleScrollHeight {
  height: 26vh;
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill {
  position: relative;
  height: auto;
  background: transparent;
  height: auto;
  border-radius: 0px;
  box-shadow: none;
}
#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding {
  position: relative;
  height: 30vh;
      background: #24282e;
    margin: 0 0px;
    height: 280px;
       border-radius: 0px 16px 16px;
    box-shadow: 0 1px 8px #6e6e6e1a;
    margin-top: 0px !important;
    padding: 20px;
}
#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding {
        border-bottom: 6px solid #1e791a;
}
#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding.red {
        border-bottom: 6px solid #880000;
}

#divStockRelated .flex--tiles {
  margin: 3px 0px 0px;
  height: 18px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: absolute;
  bottom: 13px;
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding {
  margin-top: 4px;
}
#divStockRelated .isl-discussions--span .isl-market--span__title {
    color: #fff;
    font-size: 17px;
    text-transform: capitalize;
}
#divStockRelated .isl-discussions--span .isl-market--span__info {
    font-size: 15px;
    line-height: 1.2;
    margin-top: 7px;
    margin-bottom: 10px !important;
}
#divStockRelated .isl-discussions--span .isl-market--span__time {
    margin-top: 10px;
    font-size: 12px;
}
#divStockRelated .isl-discussions--span .isl-market--span__time img {
    margin-right: 3px;
}
#divStockRelated .flex--tiles__btn {
  border-radius: 12px 0px 12px 0px;
  background: #ffffff;
  padding: 5px 8px;
  color: #000000;
  font-size: 9px;
  height: 31px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#divStockRelated .flex--tiles span:first-child {
  border-radius: 0px 12px 0px 12px !important;
}

#divStockRelated .flex--tiles span:last-child {
  background: #fff72f !important;
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill {
  width: 16%;
  margin: 0px;
  margin-top: 10px;
}

#divStockRelated .islamicly--content__dashboard .d-flex {
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
#divStockRelated .isl-market--span.isl-discussions--span {
    border: 0px !important;
}

.updatePortfolioModalPopup .modal-title,
.holdingsModalPopup .modal-title,
.disscussionPopup .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: #d8d8d8;
  font-size: 20px;
  color: #fff;
  opacity: 0.7;
}

.updatePortfolioModalPopup h3,
.holdingsModalPopup h3 {
  font-size: 16px;
  letter-spacing: 0.4px;
  color: #fff;
  opacity: 0.6;
}

.updatePortfolioModalPopup .form-control:hover,
.updatePortfolioModalPopup .form-control,
.holdingsModalPopup .form-control:hover,
.holdingsModalPopup .form-control,
.disscussionPopup .form-control,
.disscussionPopup .form-control:hover {
  background: transparent;
  box-shadow: none;
  border: 1px solid rgba(120, 130, 140, 0.4);
  color: #ffffff;
  border-radius: 7px;
  font-size: 13px;
  height: 37px;
}

.updatePortfolioModalPopup .btn,
.holdingsModalPopup .btn,
.disscussionPopup .btn {
  width: 100%;
  background: #41a9f0;
  margin-bottom: 15px;
  border-radius: 6px;
  padding: 10px 10px;
  border: 0px solid #ef5350;
  box-shadow: none;
}

.confirmDialog .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: #d8d8d8;
  font-size: 20px;
  color: #fff;
  opacity: 0.7;
}

.confirmDialog h3 {
  font-size: 16px;
  letter-spacing: 0.4px;
  color: #fff;
  opacity: 0.6;
}

.confirmDialog .btn {
  border-radius: 6px;
  padding: 10px 10px;
  font-size: 12px;
}

.tableHoldingPrice {
  width: 95px;
  position: relative;
  text-align: right;
  margin-right: 7px;
}

#scroll-Proftfolio.islamicly--content__universe--Grid .flex-grid {
  justify-content: space-between;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
  width: 32%;
  margin: 0px;
  padding: 14px;
  margin-top: 10px;
}

.overAllComplaint--history__title h5 img {
  margin-bottom: 0px;
  float: left;
  margin-right: 15px;
  cursor: pointer;
  height: 20px;
}

.overAllComplaint--history__badge .complaint-badge li p:last-child {
  display: flex;
  align-items: flex-end;
  margin-left: 18px;
  margin-right: 5px;
  width: 17px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.overAllComplaint--history__badge .complaint-badge li {
  padding: 10px;
  position: relative;
}

.overAllComplaint--history__graph .gauge {
  height: 57px;
}

.overAllComplaint--history__graph {
  background: #000000;
  display: flex;
  padding-top: 10px;
  padding-bottom: 5px;
}

.overAllComplaint--addHoldings .dataBinding p {
  margin: 0px;
}

.overAllComplaint--addHoldings1 .ratio-circle {
  padding: 0px;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.overAllComplaint--addHoldings1 p.ND-received {
  font-size: 9px;
  padding: 2px 3px;
  color: #fff;
}

.overAllComplaint--addHoldings1 p.ND-purified {
  font-size: 9px;
  padding: 2px 2px !important;
  color: #fff;
}

.chatSection .chatSection-left {
  width: 65%;
}

.disscussionPopup .btn {
  margin-top: 15px;
}

.disscussionPopup .btn:hover,
.disscussionPopup .btn:focus {
  margin-top: 15px;
  box-shadow: none;
}

#divForumDescriptionList {
  height:58vh;
}

#divUniverseComment {
  height: 30vh;
}

.islamicly--content__help .tab-content {
  display: block;
  margin-left: 13px !important;
}

.responsive--forMbileMenu {
  margin-top: -37px;
  margin-right: -10px;
}

.chatSection-right span {
  cursor: pointer;
  color: #ff9600;
}

.reply-chatrightSection {
  display: flex;
  justify-content: flex-end;
  height: 22px;
}

.reply-chatrightSection span:not(:last-child) {
  border-right: 1px solid #3e4750;
  padding-right: 7px;
  margin-right: 7px;
}

.reply-chatleftSection {
  align-items: center;
}

.reply-chatleftSection .reply-chatUserDetails {
  font-size: 13px;
  line-height: 1.2;
  margin-left: 10px;
}

.reply-chatUserDetails .chatDateStart.date {
  color: #41a9f0;
}

.reply-chatSectionConetnt {
  border-bottom: 1px solid #3e4750;
  padding-bottom: 10px;
  width: 97%;
  margin: 0 auto;
}

.overAllComplaint--addDiscussion__strip .chatSection-left--UserDetails {
  flex-grow: 0;
  margin-left: 0px;
}

.islamicly--content__help .overAllComplaint--addDiscussion__strip.chatSection.replyChild .chatSection--para {
  border-top: 0px solid #3e4750;
  margin-top: 5px;
  padding: 0px 0px 10px;
  border-bottom: 1px solid #3e4750;
  margin-bottom: 12px !important;
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill {
  width: 24%;
  margin: 0px;
  margin-top: 10px;
  margin: 20px 5px;
}
#divStockRelated  .isl-market--span.isl-discussions--span {
    border-bottom: 0px
}
#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex--tiles__title {
padding: 10px 20px;
background: #0170be;margin: 0px;border-radius: 10px 10px 0px 0px;color: #ffffff;
    font-size: 17px;
}

#divStockRelated .islamicly--content__dashboard .d-flex {
  justify-content: flex-start;
}

#articlesFlexBox {
  height: 500px;
}

#articlesContentDetails {
  height: 500px;
}

.artciles-tiles--img {
  border-radius: 16px 0px 0px 16px;
}

.islamicly--content__articles .articles-bottom--actions .chatSection-left--actions {
  margin-top: 0px;
  margin-left: 0px !important;
  display: flex;
  justify-content: center;
}

.islamicly--content__articles .articles-bottom--actions .chatSection-left p {
  color: #34b7cc;
  text-align: left;
  margin-top: 15px;
  margin-top: 15px;
  font-size: 13px;
  color: #ff9600;
  margin: 0px
}

.chatSection-left--actions span:last-child {
  border-right: 0px solid #3e4750;
    padding-right: 0.3vw;
    margin-left: 0.4vw;
}

.islamicly--content__articles .articles-bottom--actions .chatSection-left--actions {
  margin-top: 0px;
  margin-left: 0px !important;
  display: flex;
  justify-content: center;
  font-size: 14px;
  margin: 0px;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content .table-stockName {
  color: #ffffff;
  font-weight: 300;
  margin-bottom: 5px;
  font-size: 0.8vw;
  margin-top: 0px;
  text-align: left;
  margin-bottom: 20px;
  height: 7vh;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
  height: 37vh;
  display: flex;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content:nth-child(3) .table-sector {
  height: 22vh;
}

.profile--btn--align {
  display: flex;
}

.islamicly--content__articles--details .blog-content-strip {
    padding: 0px 5px;
    border: 0px dashed rgba(255, 255, 255, 0.8);
    background: none;
}
.islamicly--content__articles--details .blog-content-strip img {
    width: 100% !important;
    border-radius: 6px;
    margin: 9px 0px;
}
.islamicly--content__articles--details .blog-content-strip ol, .islamicly--content__articles--details .blog-content-strip ul {
    margin: 0px;             
    margin-left: 0px !important;
    padding: 0px;
}
.islamicly--content__articles--details .overAllComplaint--addDiscussion__strip.chatSection {
    margin-top: 25px;
}
.islamicly--content__articles--details .blog-content-strip p {
  font-size: 14px;
}

/* .islamicly--content__articles--details .blog-content-strip p img {
  display: block;
  margin: 0 auto;
  height: 300px;
} */

.islamicly--content__articles--details .blog-content-strip ol li {
  list-style: decimal;
}

.portfolioCreatPopupScrap.articlesBlog .form-control:hover {
  box-shadow: none;
  border: 1px solid rgba(120, 130, 140, 0.13);
  background: #070713;
  color: #ffffff;
}

.portfolioCreatPopupScrap.articlesBlog .form-control {
  box-shadow: none;
  border: 1px solid rgba(120, 130, 140, 0.13);
  background: #070713;
  color: #ffffff;
  font-size: 12px;
  border-radius: 8px;
}

.articlesBlog.portfolioCreatPopupScrap .btn-isl-primary {
  width: 100%;
  background-color: #41a9f0;
  padding: 4px 18px;
  border-radius: 6px;
  font-size: 17px;
  margin-top: 25px;
  color: #ffff;
}

#help .isl-discussions--span .isl-market--span__title {
  color: #fff;
  font-size: 15px;
}

.isl-discussions--span .isl-market--span__info {
  font-size: 13px;
  line-height: 1.3;
  margin-top: 11px;
  margin-bottom: 10px !important;
}

.isl-discussions--span .isl-market--span__time {
  margin-top: 10px;
  font-size: 11px;
}

.customvtab.islaamicly--tabs .tab-content .pagwwiseloaderCSS {
  color: official;
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  display: flex;
  margin: 36vh 46% !important;
}

.isl-market--span.isl-discussions--span {
  border-bottom: 1px solid #ccc;
  height: auto;
  margin-top: 0vh;
}

#divStockRelated .flex--tiles {
  height: 32px;
  bottom: 0px;
  background: #1a1e24;
  border-radius: 0px 0px 10px 10px;
}

#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content {
  position: relative;
  box-shadow: 0px 0px 0px #22811d;
}

#divstockDiscussionflex .isl-market--span.isl-discussions--span {
  border-bottom: 0.5px solid rgba(165, 187, 201, 0.5);
  margin-top: 4px;
  height: auto;
}

#divstockDiscussionflex .isl-discussions--span .isl-market--span__info {
  font-size: 10px;
  line-height: 1.1;
  margin-top: 0px;
  margin-bottom: 0px !important;
}

#divstockDiscussionflex .isl-discussions--span .isl-market--span__title {
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  margin: 3px 0px;
}

#divstockDiscussionflex .isl-discussions--span .isl-market--span__time {
  margin-top: 4px;
  font-size: 11px;
  margin-bottom: 5px;
}

.islamicly--content__dashboard .d-flex .flex-add {
  border: 0px dashed #a5bbc9;
}

.overAllComplaint--history__badge .complaint-badge--All-red li .red {
  font-size: 19px;
  color: #ff0000;
  font-weight: 600;
}

#stockHistoryPage {
  height: 65vh;
}

#profilePage {
  height: 82vh;
}

#notificationhistoryDiv {
  height: 18vh;
}

#notificationhistoryDiv .simplebar-content-wrapper {
  overflow: auto !important;
}

.disscussionPopup11 td {
  font-size: 15px;
}

.disscussionPopup11 .radio {
  margin-top: 0px;
  font-size: 15px;
}

.disscussionPopup11 label {
  font-size: 15px;
}

.list-view {
  cursor: pointer;
}

.disscussionPopup11 select.form-control:not([size]):not([multiple]) {
  height: 34px;
}

.disscussionPopup11 option {
  background-color: #24282e !important;
}

.disscussionPopup .btn {
  font-size: 15px;
}

.islamicly--content__universe--tableOption .filter p input {
  padding: 3px 4px 3px 7px;
}

.filter select.form-control {
  border-radius: 6px;
  border: 1px dashed #707070;
}

li .isl-table-top--pane__diff .isl-table-top--pane__value {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.islamicly--content__universe--table .btn-isl-success {
  font-size: 11px;
  border-radius: 6px;
}

.islamicly--content__universe--Grid .flex-grid--content .table-stockName {
  cursor: pointer;
}

.islamicly--content__universe--Grid .flex-grid--content {
  position: relative;
}

.tooltip-inner {
  background-color: #6dc069;
  font-size: 11px;
  color: #ffffff;
}

.tooltip-inner .arrow::before {
  border-top-color: #ffffff;
}

.tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-top: 5px solid #fff;
}

.islamicly--content__universe--Grid .flex-grid--content {
  position: relative;
  box-shadow: 2px 2px 2px #989898;
}

.islamicly--content__universe--Grid .flex-grid--content.green {
  position: relative;
  box-shadow: 0px 2px 0px #22811d;
  animation: 5s infinite;
  animation-delay: 5s;
  transition: all 2s;
}

.islamicly--content__universe--Grid .flex-grid--content.red {
  position: relative;
  box-shadow: 0px 2px 0px #8e0000;
  animation: 5s infinite;
  animation-delay: 5s;
  transition: all 2s;
}

.islamicly--content__portfolio .portfolio--panel {
  width: 99%;
  box-shadow: 2px 2px 2px rgba(136, 132, 132, 0.4);
  cursor: pointer;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
  max-height: 265px;
  width: 31.5%;
  margin-right: 10px;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .flex--tiles {
  margin: 0px 0px 0px;
  height: 4px;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .flex--tiles__close {
  margin-top: -5px;
  margin-right: 0px;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-price {
  margin-top: 25px;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-compliant {
  margin-top: 20px;
  margin-bottom: 0px;
}

.isl-portfolio__detailsGrid {
  padding-right: 5px;
  box-shadow: 0px 0px 0px #584d4d;
  padding-bottom: 6px;
  border: 1px solid rgba(72, 72, 72, 0.7);
  padding-top: 15px;
  border-radius: 6px;
}

.recommandationInBox {
  box-shadow: 0px 0px 0px #584d4d;
  padding-bottom: 10px;
  border: 1px solid rgba(72, 72, 72, 0.7);
  padding-top: 15px;
  border-radius: 6px;
  padding-left: 5px;
  padding-right: 5px;
}

#scroll-Proftfolio.islamicly--content__universe--Grid .flex-grid {
  justify-content: flex-start;
}

.isl-portfolio--details .isl-portfolio--stocks {
  width: 99%;
  margin: 25px auto 0px;
}

.islamicly--content__universe--Grid .flex-grid--content .table-price {
  margin-top: 25px;
}

.portfolio--topBar p:last-child {
  display: none;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #d6d6d6;
  text-shadow: none;
  opacity: 1;
}

/*
 .complaint-badge--All-green {

  display: flex;
  width: 25%;
  justify-content: flex-end;
  background: #22811d;
  text-align: right;
  margin-bottom: 0px;

}
.complaint-badge--All-red {

 display: flex;
 width: 25%;
 justify-content: flex-end;
 background: #d14949;
 text-align: right;
 margin-bottom: 0px;

} */

.overAllComplaint--history__badge .complaint-badge--All-red {
  display: flex;
  width: 25%;
  justify-content: flex-end;
  background: #410000;
  text-align: right;
  margin-bottom: 0px;
  align-items: center;
}

.overAllComplaint--history__badge .complaint-badge--All-red li {
  color: #efefef;
  font-size: 12px;
  line-height: 1.1;
  padding: 7px 15px;
}

.overAllComplaint--history__badge .complaint-badge--All-red li span.green {
  color: #0bde00;
  font-size: 16px;
}

.overAllComplaint--history__badge .complaint-badge--All-green {
  display: flex;
  width: 25%;
  justify-content: flex-end;
  background: #22811d;
  text-align: right;
  margin-bottom: 0px;
  align-items: center;
}

.overAllComplaint--history__badge .complaint-badge--All-green li {
  color: #efefef;
  font-size: 12px;
  line-height: 1.1;
  padding: 7px 15px;
  position: relative;
}

.overAllComplaint--history__badge .complaint-badge--All-red li {
  position: relative;
}

.overAllComplaint--history__badge .complaint-badge--All-green li span.green {
  color: #0bde00;
  font-size: 20px !important;
}

.flex-grid--content.red,
.flex-grid--content.green {
  cursor: pointer;
}

/* .overAllComplaint--history__badge .complaint-badge--All-green li span:last-child, .overAllComplaint--history__badge .complaint-badge--All-red li span:last-child {
  text-decoration: underline;
    position: absolute;
    width: 100%;
    right: 10px;
    bottom: 14px;
} */

.dark-theme .space.first-shariah {
  padding: 70px 0;
}

.dark-theme .first-shariah.skew-bg p {
  margin-top: 40px;
}

.islamicly-finance--Title {
  font-size: 27px;
  margin-bottom: 50px;
  font-weight: 400;
  text-align: center;
  line-height: 1.1;
}

.islamicly-finance--Title span {
  color: #fff500;
  font-weight: 600;
}

.islamicly-finance--largeIMG {
  width: 60%;
  margin: 30px auto 0px;
}

.first-shariah--content {
  margin-bottom: -310px !important;
  display: flex;
  justify-content: center;
}

.isl-certificate {
  width: 100%;
}

.tiles-overflow {
  overflow-x: auto;
  margin-top: 25px;
  padding-bottom: 70px;
}

.tiles-overflow .isl-author--tiles {
  margin: 0 auto;
  margin-bottom: 0px;
  width: 720px;
  display: flex;
}

.preLaunch .app-landing .author-tiles {
  height: 320px;
  border-radius: 0px;
}

.app-landing .author-tiles:not(:last-child) {
  margin-right: 10px;
}

.tab-conetnt--author {
  background: #282731;
  border-radius: 10px;
  padding: 25px;
  width: 1000px;
  margin: 0 auto;
}

.tab-conetnt--author ul li {
  list-style: disc;
  list-style: disc;
  margin: 10px 0px 10px 18px;
  font-size: 16px;
}

.author-top--text {
  font-size: 19px !important;
  margin-top: 210px;
  font-weight: bolder;
}

.dark-theme .app-landing {
  background: #383e40;
  background: transparent linear-gradient(180deg, #6dc069 0%, #28b5e0 100%) 0% 0% no-repeat padding-box;
  background: url(../images/new-tab-isl-bg.jpg) no-repeat !important;
  background-size: cover;
  padding: 0px !important;
  background-position: top center !important;
}

.isl-customer--feedback .quote-container .quote p {
  width: 100% !important;
}

.islamicly--content__dashboard .d-flex .flex-add {
  border: 2px dashed rgba(165, 187, 201, 0.5);
  box-shadow: none !important;
  box-shadow: 0px 0px 0px rgba(204, 204, 204, 0.2) !important;
}

.isl-app-donwload.unodredList {
  padding: 50px 0px 50px;
  display: flex;
  justify-content: center;
  align-items: baseline;
  background-attachment: inherit;
  background: #2a2d42;
}

.unodredList p {
  color: #d4d6da;
  font-size: 16px;
  font-weight: 400;
}

.unodredList ul li {
  list-style: disc;
  color: #d4d6da;
  font-size: 16px;
}

.unodredList ul {
  padding-left: 20px;
}

.input-group--Styling {
  width: 90%;
  margin-top: 30px;
}

.ngx-pagination li {
  display: inline-block;
  background: #fff;
  border-radius: 6px !important;
  padding: 4px 6px;
  font-size: 11px;
  margin-right: 2px !important;
}

.ngx-pagination .disabled {
  background: #fff;
  border-radius: 6px;
  padding: 5px 6px !important;
  font-size: 11px;
}

.ngx-pagination .current {
  cursor: default;
  color: #fff !important;
  background: linear-gradient(180deg, #6dc069 0%, #28b5e0 100%) !important;
  border-radius: 6px;
  padding: 5px 10px !important;
  font-size: 11px;
}

.ngx-pagination li:hover,
.ngx-pagination .disabled:hover {
  cursor: pointer;
  color: #fff !important;
  background: linear-gradient(180deg, #6dc069 0%, #28b5e0 100%) !important;
  border-radius: 6px;
  font-size: 11px;
}

.ngx-pagination a:hover,
.ngx-pagination button:hover {
  background: transparent !important;
  padding: 0px !important;
  padding: 2px 6px !important;
  color: #fff !important;
  font-size: 11px;
}

.ngx-pagination {
  margin-left: 0;
  margin-bottom: 1rem;
  margin-top: 6px;
}

.islamiclyAPP {
  background: #2a2d42;
  padding: 50px 0px 0px;
}

.islamiclyAPP img {
  margin-top: 30px;
}

.islamiclyAPP-blue-strip {
  background: url(../images/bgBlue.svg);
  background-repeat: no-repeat;
  padding: 50px 0px 50px 50px;
  height: 750px;
  background-position: bottom left;
}

.islamiclyAPP-green-strip {
  background: url(../images/bgGreen.svg);
  background-repeat: no-repeat;
  padding: 50px 0px 50px 50px;
  height: 750px;
  background-position: bottom right;
}

.islamiclyAPP h1 {
  font-size: 31px;
  font-weight: 600;
}

.islamiclyAPP p {
  font-size: 21px;
  font-weight: 500;
  margin: 12px 0px;
  line-height: 1.2;
}

.islamiclyAPP p span {
  float: left;
  height: 29px;
  margin-right: 10px;
}

.watchPrimeVideo--bottomTitle {
  text-align: center;
  color: #fff500 !important;
  font-size: 25px;
  font-weight: bold;
  margin: 0px;
  letter-spacing: 0.4px;
}

.watchPrimeVideo--bottomPara {
  text-align: center;
  font-size: 22px !important;
  font-weight: 400;
  letter-spacing: 0.6px;
}

#myHoldingsListHeight {
  height: 60vh;
}

#notificationListHeight {
  height: 68vh;
}

#myRequestList {
  height: 72vh;
  padding-bottom: 20px;
}

#universe .islamicly--content__universe--table,
#universe .islamicly--content__universe--Grid,
.portfolio-first-page-scroll {
  margin-top: 10px;
}

.overAllComplaint--addHoldings {
  position: relative;
}

.overAllComplaint--addHoldings .dataBinding .btn-addHolding {
  position: absolute;
  bottom: 0px;
}

.overAllComplaint--addHoldings .btn-addHolding {
  position: absolute;
  bottom: 0px;
}

.overAllComplaint--history__badge .complaint-badge {
  display: flex;
  width: 75%;
}

.overAllComplaint--history__badge .complaint-badge li span {
  font-weight: 600;
}

.overAllComplaint--history__badge .complaint-badge li p {
  line-height: 1.5;
}

#modal-fullscreen1 .modal-dialog {
  max-width: 940px;
}

.islamicly-recentlyVisit--verticalScroll .scroll-icons--position {
  position: relative;
  top: 7px;
  margin-left: 4px !important;
}

.islamicly-recentlyVisit--verticalScroll .slider--item__value .scroll-icons--position__value {
  margin-left: 4px;
}

#modal-fullscreen2 .stock-strip.active {
  background-color: #000000;
}

.recommandationInBoxAlert {
  height: 18vh;
  margin-bottom: 20px;
  padding: 15px;
}

.isl-portfolio--details .alertPane {
  background: transparent;
  border-radius: 8px;
  margin: 0px;
  padding: 20px 25px;
  height: 10vh;
}

#alertDiv {
  height: 10vh !important;
  margin: 20px 0px;
}

.isl-portfolio__detailsGrid {
  height: 67vh;
}

#divRecommended {
  height: 42vh !important;
}

.islamicly-recentlyVisit .slick-arrow {
  width: 14px;
  background: white;
  color: #30b6d1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  height: 14px;
  font-size: 8px;
  font-weight: 600;
  position: absolute;
  z-index: 999;
  opacity: 0.8;
  margin-left: 45%;
  margin-top: -7px;
}

.islamicly-recentlyVisit .slick-arrow .fa-chevron-up {
  position: relative;
  top: -1px;
  left: -0.5px;
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
  position: relative;
}

.flex-tiles--bottomGraph {
  position: absolute;
  bottom: 19px;
  justify-content: center;
  display: flex;
  width: 100%;
}

.flex-tiles--bottomGraph a {
  font-size: 11px !important;
  margin: 0px;
  padding: 5px 15px !important;
}

#chartdivOne1 {
  margin-top: 7vh;
}

/* Profile Tab Css */
#profilePage {
  max-height: 84vh;
}

.editprofileSection {
  width: 99%;
  background: none;
  box-shadow: none;
  border-radius: none;
  margin-top: 19px;
}

.editprofileSection .tab-content {
  width: 99%;
  background: #1a1e24;
  box-shadow: 2px 2px 2px rgba(220, 230, 190, 0.2);
  border-radius: 0px 0px 10px 10px;
  margin-top: 19px;
  max-height: 75vh;
  min-height: 73vh;
  height: 100%;
}

.editprofileSection .nav-tabs {
  border-bottom: 0px solid #dee2e6;
  border-radius: 10px 10px 0px 0px;
  background: #24282e;
  width: 1015px;
}

.islaamicly--tabs .editprofileSection .nav-tabs .nav-item {
  margin-bottom: 0px;
  text-align: center;
  background: #24282e;
  border-right: 2px solid #1a1e24;
  /* width: 170px; */
}

.islaamicly--tabs .editprofileSection .nav-tabs .nav-item:last-child {
  border-right: 0px solid #22811d;
}

.purification-pane {
  padding: 10px 15px 9px;
}

.editprofileSection .nav-tabs .nav-item.show .nav-link,
.editprofileSection .nav-tabs .nav-link.active {
  background-color: #1a1e24;
  border-color: transparent;
  color: #fff;
}

.editprofileSection .nav-item a {
  letter-spacing: 0.5px;
  color: #a5bbc9;
  font-weight: 500;
  margin-bottom: 0px;
  font-size: 14px;
  padding: 12px 22px;
}

.editprofileSection .nav-item a.nav-link.active {
  font-weight: 600;
}

.editprofileSection .nav-tabs .nav-item:first-child,
.editprofileSection .nav-tabs .nav-item:first-child a {
  border-radius: 10px 0px 0px 0px;
}

.islamicly--content__universe--Grid .editprofileSection .flex-grid--content {
  position: relative;
  box-shadow: 0px 0px 0px #989898;
  background: transparent;
}

.editprofileSection .tab-content {
  display: flex;
}

.editprofileSection .tab-content>.active {
  display: block !important;
  width: 99%;
}

.editprofileSection .tab-content .flex-grid--content {
  width: 100%;
}

.editprofileSection .adminForm label {
  font-weight: 400;
  margin-bottom: 5px;
  color: #aab6b9;
  font-size: 12px;
}

.editprofileSection .form-group {
  margin-top: 0px;
  margin-bottom: 15px;
}

.editprofileSection .form-control {
  padding: 10px 10px;
}

.isl-user-profile .editprofileSection .adminForm p {
  margin-top: 22px;
}

#purficationListhistory {
  height: 68vh;
}

.editprofileSection .myHolding-shares--data p {
  margin: 0px;
  background: linear-gradient(180deg, #6dc069 0%, #28b5e0 100%);
  text-align: center;
  padding: 0px;
  font-size: 11px;
  padding: 8.16px 2px;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.editprofileSection .table>thead>tr>th {
  font-size: 14px;
}

.editprofileSection .table>tbody>tr>td {
  font-size: 12px;
}

.editprofileSection .tab-content .d-none.active.show {
  display: block !important;
}

.editprofileSection .tab-content {
  width: 100% !important;
  border-radius: 0px 10px 10px 10px;
}

/* Modal Subscriptions */
.modal-no-subscription.modal .modal-content {
  background: rgba(57, 66, 82, 0.8) !important;
}

.modal-no-subscription.modal .modal-body {
  border: 0px;
  padding: 11px 0px !important;
  margin: 0 auto;
  max-height: 760px !important;
}

.modal-no-subscription .no-subscription--title {
  text-align: center;
  margin-top: 20px;
  font-size: 25px;
  margin-bottom: 20px;
  width: 100%;
}

.modal-no-subscription .no-subscription--strip {
  background: #ffeb00;
  color: #000000;
  padding: 16px 0px;
  text-align: center;
  width: 100%;
  font-size: 23px;
  font-weight: 600;
}

.modal-no-subscription select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #17688e;
  background-image: none;
}

/* Remove IE arrow */
.modal-no-subscription select::-ms-expand {
  display: none;
}

/* Custom Select */
.modal-no-subscription .select {
  position: relative;
  display: flex;
  line-height: 3;
  background: #2c3e50;
  overflow: hidden;
  width: 60%;
  margin: 0 auto;
  border-radius: 8px;
  margin-top: 15px;
  justify-content: center;
  align-items: center;
}

.modal-no-subscription select {
  flex: 1;
  padding: 0 0.5em;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  padding-left: 35px;
  height: 55px !important;
}

.modal-no-subscription select.form-control:hover {
  box-shadow: none;
  border: 0px solid rgba(120, 130, 140, 0.13);
  background: #17688e;
  color: #ffffff;
}

/* Arrow */
.modal-no-subscription .select::after {
  content: "\25BC";
  position: absolute;
  top: auto;
  right: 0;
  padding: 0 1em;
  background: #17688e;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  transition: 0.25s all ease;
}

.modal-no-subscription .new-features {
  width: 60%;
  margin: 25px auto;
}

.modal-no-subscription .new-features p {
  font-size: 17px;
  color: #ffffff;
}

.modal-no-subscription .new-features ul {
  padding-left: 0px;
}

.modal-no-subscription .new-features ul li {
  font-size: 20px;
  color: #ffffff;
}

.modal-no-subscription .new-features ul li .fa {
  font-size: 19px;
  font-weight: 200;
  color: #4fe300;
}

.modal-no-subscription .new-features ul li span {
  color: #ffeb00;
  font-size: 22px;
}

.modal-no-subscription .new-features p.new-features--longerPlans {
  margin-top: 35px;
  border-top: 2px solid #ccc;
  font-size: 20px;
  padding-top: 20px;
  color: #ffffff;
}

/* Transition */
/* .select:hover::after {
  color: #f39c12;
} */

.subscription-add .custom-radios div {
  display: inline-block;
}

.subscription-add .custom-radios input[type="radio"] {
  display: none;
}

.subscription-add .custom-radios input[type="radio"]+label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.subscription-add .custom-radios input[type="radio"]+label span {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 26px;
}

.subscription-add .custom-radios input[type="radio"]+label span img {
  opacity: 0;
  transition: all 0.3s ease;
}

.subscription-add .custom-radios input[type="radio"]#color-1+label span {
  background-color: #ffffff;
}

.subscription-add .custom-radios input[type="radio"]#color-2+label span {
  background-color: #ffffff;
}

.subscription-add .custom-radios input[type="radio"]#color-3+label span {
  background-color: #f1c40f;
}

.subscription-add .custom-radios input[type="radio"]#color-4+label span {
  background-color: #e74c3c;
}

.subscription-add .custom-radios input[type="radio"]:checked+label span img {
  opacity: 1;
}

.subscription-add {
  background: #ffffff;
  border-radius: 15px;
  padding: 0.4px;
  min-height: 554px;
  max-height: 700px;
  height: 100%;
}

.subscription-add--title {
  background: #454f63;
  border-radius: 15px 15px 0px 0px;
  justify-content: space-between;
  padding: 6px 10px;
  align-items: center;
}

.subscription-add--title.active {
  background: #17688e;
}

.subscription-add--title .material-icons {
  color: #f1f1ff;
}

.subscription-add--title h1 {
  font-size: 20px;
  margin-top: 6px;
  position: relative;
}

.subscription-add--body {
  padding: 20px 10px 20px 20px;
}

.modal-no-subscription .new-features .subscription-add--body p {
  font-size: 15px;
  color: #333;
}

/* Login New Page */
.islamicly-LoginSignupPage {
  height: 90vh;
  justify-content: center;
  align-items: center;
}

.register-isl-box {
  min-width: 60%;
  margin: 0 auto;
  background: #2a2d42;
  border-radius: 16px;
  padding: 20px;
}

.social-media-loginSignUP p {
  margin-top: 35px;
}

.dark-theme .login-tiles .isl-form {
  margin-top: 0%;
  width: 90%;
  margin: 0 auto;
}

#modal-fullscreen2 .input-group input {
  background: #353e45;
  height: 39px;
  border-radius: 8px 0px 0px 8px;
}

#modal-fullscreen2 .islamicly--content__universe--table .table thead th {
  font-size: 16px;
  color: #ffffff !important;
}

#modal-fullscreen2 .islamicly--content__universe--table .table thead th:nth-child(2) {
  width: 95% !important;
  text-align: left;
  /* display: none; */
}

/* #modal-fullscreen2  .islamicly--content__universe--table .table thead th:last-child {
  display: none;
} */
#modal-fullscreen2 .islamicly--content__universe--table tbody tr td {
  font-size: 14px;
  letter-spacing: 0.4px;
  padding: 5px 9px;
  text-align: left !important;
}

/* #modal-fullscreen2 .isl-portfolio--stocks__dataTable tbody tr td:last-child {
  text-align: right;
  margin-right: 15px;
  display: none;
} */
#divwidget-portfolio .form-control {
  border: 0px solid rgba(120, 130, 140, 0.13);
  font-family: proxima-nova, sans-serif;
  background: #0069d9;
  color: #ffffff;
  height: 43px !important;
  font-size: 18px;
  border-radius: 8px;
  margin-bottom: 17px;
}

.isl-paymentForBoth .nav-pills {
  background: #454f63;
  padding: 0px;
  border-radius: 10px;
  width: 450px;
}

.isl-paymentForBoth .nav-pills .nav-link {
  border-radius: 10px;
  font-size: 16px;
  margin: 0px;
  line-height: 1.2;
  padding: 14px 1px 17px;
  width: 50%;
  color: #fff;
  text-align: center;
  font-weight: 600;
}

#divwidget-country-list,
#divwidget-portfolio {
  height: 27vh;
}

.isl-paymentForBoth .nav-pills .nav-link.active {
  background: #ff6c00;
}

.isl-paymentForBoth .cart .fa {
  position: relative;
  display: flex;
  z-index: 9999999;
  width: 50px;
  height: 50px;
  background: #00ad7f;
  border-radius: 50%;
  margin-left: 5px;
  position: relative;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #ffff;
}

.isl-paymentForBoth .cart .badge {
  background: #ff0000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  right: 6px;
  z-index: 999999999;
}

.isl-paymentForBoth .tab-content {
  background: transparent;
  margin-top: 30px;
  padding-top: 10px;
}

.isl-paymentForBoth--plans {
  background: #a5a5a5;
  border-radius: 10px;
  padding: 13px 20px;
  justify-content: space-between;
  margin-top: 10px;
}

.isl-paymentForBoth--plans.active {
  background: #fff;
}

.isl-paymentForBoth--plans .title {
  justify-content: center;
  align-items: center;
  display: flex;
}

.isl-paymentForBoth--plans .title h1 {
  margin: 0px;
  font-weight: bolder;
  align-items: center;
  display: flex;
}

.isl-paymentForBoth--plans .price {}

.isl-paymentForBoth--plans .price h1 {
  color: #17688e;
  margin: 0px;
  text-align: right;
  font-size: 24px;
}

.isl-paymentForBoth--plans .price p {
  margin: 0px;
  font-size: 14px;
}

.isl-checkout {
  width: 100%;
}

.isl-checkout .isl-paymentForBoth--plans {
  background: transparent;
  position: relative;
  border-bottom: 2px dashed #ccc;
  width: 90%;
  margin: 0 auto;
  border-radius: 0px;
  padding: 12px 10px;
}

.isl-checkout .isl-paymentForBoth--plans h1 {
  color: #fff;
  margin: 0px;
  line-height: 1;
  font-size: 20px;
  margin-top: 10px;
}

.price-select--icons {
  position: absolute;
  background: #17688e;
  left: -35px;
  width: 40px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.price-select--iconsDelete {
  position: absolute;
  background: #17688e;
  right: -30px;
  width: 30px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
}

.isl-checkout .isl-paymentForBoth--plans.active {
  background: #4e5765;
  width: 90%;
}

.isl-divPromoCode {
  margin-top: 30px;
  width: 90%;
  margin: 50px auto;
  padding-bottom: 20px;
}

.isl-divPromoCode p {
  font-size: 17px;
  margin-bottom: 7px;
  color: #fff;
}

.isl-divPromoCode .search-wrapper {
  width: 100%;
  margin: 0px;
  border-radius: 10px;
  background: transparent;
  box-shadow: 0 4px 20px -2px #e9e9e9;
}

.isl-divPromoCode .search-wrapper input {
  padding-left: 20px;
  width: 80%;
  height: 60px;
  padding: 10px 5px;
  float: left;
  border: 0;
  background: #454f63;
  border-radius: 10px 0px 0px 10px;
  border-top-style: none;
  font-size: 17px;
}

.search-wrapper input::-webkit-input-placeholder {
  color: #999;
  font-weight: normal;
  font-style: normal;
  padding-left: 20px;
}

.search-wrapper button {
  overflow: visible;
  position: relative;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-transform: uppercase;
  background: #ff7600;
  height: 60px;
  color: #fff;
  display: flex;
  width: 20%;
  border-radius: 0px 10px 10px 0px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 17px;
}

.checkout-btn {
  display: flex;
  padding-bottom: 20px;
  justify-content: center;
  align-items: center;
}

.modal-no-subscription select.form-control.active,
.modal-no-subscription select.form-control:focus {
  box-shadow: none;
  border: 1px solid rgba(120, 130, 140, 0.13);
  background: #17688e;
  color: #ffffff;
}

.modal-no-subscription .btn-isl,
.isl-paymentForBoth--plans .btn-isl {
  margin-right: 5px;
  color: #fff;
  padding: 12px 5px;
  font-size: 17px;
  background: #000000;
  width: 230px;
  text-align: center;
  font-weight: 500;
}

.modal-no-subscription .btn-isl-success,
.isl-paymentForBoth--plans .btn-isl-success {
  background: #189f00;
}

.modal-no-subscription .btn-isl-primary,
.isl-paymentForBoth--plans .btn-isl-primary {
  background: #17688e;
}

.btn-isl-success:hover {
  background: #13a90c;
}

.isl-paymentForBoth {
  width: 100%;
}

.isl-paymentForBoth h3 {
  font-size: 21px;
  border-radius: 6px;
  background: #17688e;
  padding: 12px 15px;
  margin: 0px;
}

.isl-paymentForBoth--plans .title h1 {
  color: #333;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.isl-paymentForBoth--plans .price p {
  color: #000;
}

.isl-paymentForBoth--plans [type="radio"]:checked,
.isl-paymentForBoth--plans [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.isl-paymentForBoth--plans [type="radio"]:checked+label,
.isl-paymentForBoth--plans [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.isl-paymentForBoth--plans [type="radio"]:checked+label:before,
.isl-paymentForBoth--plans [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.isl-paymentForBoth--plans [type="radio"]:checked+label:after,
.isl-paymentForBoth--plans [type="radio"]:not(:checked)+label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #ff6c00;
  position: absolute;
  top: -3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.isl-paymentForBoth--plans [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.isl-paymentForBoth--plans [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.no-subscription--strip.orange {
  background: #d96400;
  margin-top: 20px;
  color: #fff;
  border-radius: 6px;
}

.isl-checkout {
  width: 60%;
  margin: 0 auto;
  margin-top: 25px;
}

.isl-checkout .title h1 {
  color: #fff;
  font-size: 24px;
  display: block;
  margin: 0px;
  line-height: 1.1;
}

.isl-checkout .fa {
  font-size: 20px;
  color: #ffffff;
}

.isl-paymentForBoth--plans .price h1 {
  font-weight: 600;
}

.isl-market__viewMore {
  border-style: none;
  border-color: inherit;
  border-width: -4px;
  position: absolute;
  width: 100%;
  margin: 0px;
  bottom: -2px;
}

.islamicly--content__portfolio #portfolio-first .portfolio--panel .panel-content--seven h5 {
  font-size: 17px;
  text-align: center;
}

.islamicly--content__portfolio #portfolio-first .portfolio--panel .panel-content--seven p {
  font-size: 14px;
  text-align: center;
}

.createProtfolioModelClass .modal-body {
  padding: 0px;
  margin: 0px;
}

.createProtfolioModelClass .scrapbook-uploadFiles {
  width: 100%;
}

.createProtfolioModelClass .modal-body p {
  justify-content: space-between;
}

.panel-content--ManageStock1 {
  margin: 0px;
  color: #fff;
  font-size: 17px;
  text-align: center;
  padding: 35px 0px !important;
  font-size: 16px !important;
  line-height: 3 !important;
}

.createProtfolioModelClass .scrapbook-uploadFiles img {
  height: 100px;
}

.isl-nested-tabs .tab-content {
  width: 83% !important;
  margin: 0 auto;
}

.tab-contenet--isl .div1 p {
  font-size: 13px;
  margin: 15px 0px 0px;
}

.login-tiles .or {
  position: relative;
  width: 5%;
}

.login-tiles .or-line {
  float: left;
  width: 50%;
  border-right: 1px solid #aaa;
  height: 36vh;
}

.login-tiles .or-label {
  background: #41b9b3;
  color: #fff;
  height: 3em;
  margin-left: -1.25em;
  margin-top: 2em;
  padding: 20px;
  position: absolute;
  text-transform: uppercase;
  width: 3em;
  left: 23px;
  top: 31%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: linear-gradient(180deg, #6dc069 0%, #28b5e0 100%);
  /* padding: 5px 9.86px !important; */
  background: #2a2d42;
  font-size: 18px;
}

.privacy-policySection h5 {
  font-size: 17px;
  margin: 15px 0px;
}

.privacy-policySection p,
.privacy-policySection ul li {
  font-size: 15px;
}

.privacy-policySection ul {
  padding-left: 25px;
}

.privacy-policySection ul li {
  list-style: disc;
}

#Dashboard .flex-gauge .lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 9vh;
  left: 16%;
}

.footer-section--bottom img,
.nav-item--login .login-tiles input[type="checkbox"],
input[type="radio"],
.user-image,
.slick-arrow,
.flex--tiles__btn,
.overAllComplaint--history__badge,
select,
.flex--tiles__btn,
#tabsJustified li,
.exploreBTN,
.islamicly--content__help .overAllComplaint--addDiscussion__strip,
.portfolioBack,
#portfolioBack,
.islamicly--content__help .chatSection {
  cursor: pointer;
}

/* .homeMapSlide .slick-track .slick-slide.slick-active.slick-current {
  width: auto !important;
} */
/* .homeMapSlide .slick-slide.slick-cloned{
  width: 100% !important;
} */
#modal-fullscreen2 .modal-content {
  max-height: 533px;
}

#modal-fullscreen2 .isl-portfolio--stocks__dataTable {
  margin-top: 0px;
}

#modal-fullscreen2 .islamicly--content__dashboard h5 {
  text-align: left;
  font-size: 12px;
}

#modal-fullscreen2 .table-search .form-control.select2 {
  width: 100% !important;
  height: 42px;
  border-radius: 6px;
  font-size: 16px;
}

#modal-fullscreen2 .searchTop .material-icons {
  background: #1a1e24;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 10px 10px 0px;
}

.islamicly--content__portfolio #portfolio-first .portfolio--panel .panel-content--two {
  width: 18%;
}

.islamicly--content__portfolio #portfolio-first .portfolio--panel .panel-content--one {
  width: 21%;
}

.islamicly--content__portfolio .portfolio--panel .panel-content--three,
.islamicly--content__portfolio .portfolio--panel .panel-content--four,
.islamicly--content__portfolio .portfolio--panel .panel-content--seven {
  width: 17%;
  position: relative;
}

.islamicly--content__portfolio .portfolio--panel .panel-content--five {
  width: 10%;
}

.islamicly--content__portfolio .portfolio--panel .panel-content--six {
  width: 2%;
}

.panel-content.panel-content--five .panel-content--ManageStock img {
  height: 25px;
}

.panel-content.panel-content--three .panel-content__SubHeading:after,
.panel-content.panel-content--four .panel-content__SubHeading:after,
.panel-content.panel-content--seven .panel-content__SubHeading:after {
  border-bottom: 1px solid #7b7b7b;
  content: "";
  position: absolute;
  width: 30px;
  margin: 0 auto;
  margin-top: 35px;
  margin-left: auto;
  width: 43%;
  left: 27%;
}

.panel-content--ManageStock {
  width: 80%;
  margin: 0 auto;
}

.panel-content .panel-content__heading--FL {
  font-weight: bolder;
  font-size: 0.8vw;
  padding: 8px 13px 8px;
}

.panel-content .panel-content__heading--DateCreated {
  font-size: 0.6vw;
  font-weight: 300;
}

.panel-content .panel-content__heading--TechName {
  color: #ffffff;
  font-size: 0.9vw;
  font-weight: 600;
}

.panel-content .panel-content__para {
  padding: 0;
  margin: 13px 0px 0px;
}

.panel-content .panel-content--stockValue {
  font-size: 0.7vw;
  font-weight: bold;
  margin-top: 12px;
}

.islamicly--content__portfolio .portfolio--panel {
  padding: 15px 20px;
}

.isl-portfolio--details .panel-content--ManageStock {
  margin: 0 auto;
}

.isl-portfolio--details .portfolio--panel .panel-content--six {
  width: 4%;
}

.islamicly--content__universe--table tbody tr td .material-icons {
  font-size: 0.8vw;
}

.isl-portfolio--details .flex--tiles__title,
.islamicly--content__universe--table tbody tr td {
  font-size: 0.8vw;
}

.isl-portfolio--details .islamicly--content__universe--tableOption .search p {
  font-size: 0.9vw;
}

.flex-gauge .fa-sort-desc {
  position: relative;
  top: -5px;
}

.islamicly--content__universe--tableOption .search {
  position: relative;
}

.islamicly--content__universe--tableOption .search .input-group-addon {
  position: absolute;
  display: flex;
  margin-top: auto;
  margin-left: auto;
  right: 16px;
}

.navbar-nav .search input {
  padding: 5px 0px 7px;
  font-size: 13px;
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #50bb9a;
  width: 203px;
}

.navbar-nav .search .fa-search {
  background: transparent;
  border: 0px;
  color: #5dbe84;
  font-size: 19px;
}

#helpPopup5 .modal-body {
  height: 500px;
  overflow-x: scroll;
}

.overAllComplaint--addHoldings1 p.noAfter:after,
.overAllComplaint--addHoldings p.noAfter:after {
  display: none;
}

.universe-list--noStock {
  display: block;
  width: 100%;
  margin-top: 30px;
}

.universe-list--noStock__top {
  background: #fe471f;
  border-radius: 10px 10px 0px 0px;
  font-size: 1.5rem;
  color: #fff;
  padding: 5px 30px;
  display: block;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  z-index: 3;
  width: 700px;
}

.universe-list--noStock__bottom {
  background: transparent;
  border-radius: 0px 0px 10px 10px;
  font-size: 1.6rem;
  color: #fff;
  padding: 13px 30px 15px;
  display: block;
  width: 50%;
  border: 1px solid #ccc;
  text-align: center;
  margin: 0 auto;
  z-index: 3;
  background: black;
  width: 700px;
}

/*
.universelist-stock--title {
  font-size: 17px;
  margin-top: 0px;
}

.universelist-stock--title:after {
  display: inline-block;
  content: "";
  border-top: 1px solid #fff;
  height: 4rem;
  width: 47%;
  transform: translateY(90%);
  margin-left: 20px;
  margin-right: 0px;
}

.universelist-stock--title:before {
  display: inline-block;
  content: "";
  border-top: 1px solid #fff;
  height: 4rem;
  width: 47%;
  transform: translateY(90%);
  margin-left: 0px;
  margin-right: 20px;
} */
.universelist-stock--title {
  font-size: 17px;
  margin-top: 0px;
}

.universelist-stock--title span {
  background: black;
  z-index: 999999;
  padding: 0 21px;
  text-align: center;
}

.universelist-stock--title {
  text-align: center;
}

.universelist-stock--title:after {
  display: inline-block;
  content: "";
  border-top: 0px solid #fff;
  height: 4rem;
  transform: translateY(90%);
  /* margin-right: 0px; */
  width: 100%;
  content: ".";
  font-size: 0;
  color: transparent;
  height: 1px;
  background: #000;
  vertical-align: middle;
  position: relative;
  top: -31px;
  background-color: #fff;
  z-index: -1;
}

.universe-list--noStock:after {
  display: inline-block;
  content: "";
  border-top: 1px dashed #fff;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -30px;
  z-index: -2;
  position: relative;
  top: -53px;
}

.universe-list--noStock__new {
  /* position: relative; */
  margin: 25px auto 0px;
  width: 100%;
}

.universe-list--noStock__new:after {
  display: inline-block;
  content: "";
  border-top: 1px dashed #fff;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -30px;
  z-index: -2;
  position: relative;
  top: -34px;
}

/* .universe-list--noStock:before {
  display: inline-block;
  content: "";
  border-top: 1px solid #fff;
  height: 4rem;
  width: 30%;
  transform: translateY(90%);
  margin-left: 0px;
  margin-right: 20px;
} */

.universe-listBottom--nostock {
  background: #298a24;
  margin-top: 30px;
  border-radius: 10px;
  padding: 12px 25px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  width: 50%;
  margin: 30px auto 0px;
  position: relative;
  top: 26px;
}

.universe-listBottom--nostockParents {
  border-bottom: 1px dashed #ccc;
}

/* .universe-listBottom--nostockParents :after {
  display: inline-block;
  content: "";
  border-top: 1px solid #fff;
  height: 4rem;
  width: 20%;
  transform: translateY(90%);
  margin-left: 20px;
  margin-right: 0px;
}  */
/* .universe-listBottom--nostock:after {
  display: inline-block;
  content: "";
  border-top: 1px solid #fff;
  height: 4rem;
  width: 20%;
  transform: translateY(90%);
  margin-left: 20px;
  margin-right: 0px;
}
.universe-listBottom--nostock:before {
  display: inline-block;
  content: "";
  border-top: 1px solid #fff;
  height: 4rem;
  width: 20%;
  transform: translateY(90%);
  margin-left: 0px;
  margin-right: 20px;
} */
.universe-listBottom--nostock p {
  margin: 0px;
}

.universe-listBottom--nostockScreening {}

.disabledbutton {
  pointer-events: none;
  opacity: 0.4;
}

.isl-nested-tabs #dashboard img,
.isl-nested-tabs #holdings img,
.isl-nested-tabs #portfolio img,
.isl-nested-tabs #universe img {
  height: 500px;
}

.isl-market__viewMore {
  border-style: none;
  border-color: inherit;
  border-width: -4px;
  position: absolute;
  width: 100%;
  margin: 0px;
  bottom: 0px;
  background: #1a1e24;
  border-radius: 0px 0px 9px 10px;
  padding: 8px;
}

.isl-market__viewMore .btn {
  padding: 2px 12px;
}

.islaamicly--tabs .nav-item a .material-icons {
  color: #a5bbc9;
      font-size: 4vh;
}

.islaamicly--tabs .nav-item:hover a .material-icons {
  color: #ffffff
}

.islaamicly--tabs .nav-item a.active .material-icons {
  color: #ffffff;
}

.dark-theme .navbar-light .navbar-nav .nav-item--login.active>.nav-link {
  border-bottom: 0px;
}

.panel-content.panel-content--five .panel-content--ManageStock img {
  margin-bottom: 5px;
}

.panel-content--ManageStock {
  line-height: 1.3;
  margin: 0px;
}

.scrapbook-uploadFiles {
  cursor: pointer;
}

.close:focus,
.close:hover {
  color: #a5a5a5;
}

.header .navbar-nav .search input {
  color: #e0e0e0;
}

#alertDiv {
  margin: 6px 0px;
}

.isl-portfolio--details .alertPane .alert-icons {
  height: 53px;
}

.isl-table-top .isl-table-top--pane li:not(:last-child) {
  margin-right: 15px;
}

.islamicly--content__universe--tableOption select {
  font-size: 12px;
  padding: 3px 6px;
}

.question-icons i {
  cursor: pointer;
}

.chat-details__section .no-old-chatFoundDIV {
  display: flex;
}

.overAllComplaint--addDiscussion__chat .no-old-chatFoundDIV span {
  float: right;
}

.container-liner .material-icons {
  cursor: pointer;
}

.container-liner input {
  cursor: pointer;
}

.or-buttonForUploadPortfolio {
  font-size: 17px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: -29px;
  background: #1a1e24;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 38%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.panel-content--ManageStock .btn.focus,
.panel-content--ManageStock .btn:focus,
.panel-content--ManageStock .btn:hover {
  color: #d0d0d0;
  text-decoration: none;
}

.scrapBook-viewFile--title {
  margin: 0px 0px 10px;
}

.chatSection-left--actions .replyChatBubble,
.reply-chatrightSection span {
  display: flex;
  justify-content: center;
  align-self: center;
  font-size: 0.62vw;
}

.chatSection-left--actions .material-icons {
  color: #a5bbc9;
  font-size: 10px;
  position: relative;
  top: -1px;
  cursor: pointer;
}

.reply-chatrightSection .material-icons {
  color: #a5bbc9;
  font-size: 13px;
  position: relative;
  top: 0px;
  cursor: pointer;
}

.disscussionPopup #inoutUniverseMarketList {
  background: #24282e;
}

.disscussionPopup input {
  cursor: pointer;
  border-radius: 8px 0px 0px 8px !important;
}

.disscussionPopup .search span {
  background: #1c1d1d;
  cursor: pointer;
  height: 37px;
  width: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 8px 8px 0px;
  margin-left: -2px;
  border: 1px solid #ccc;
  border-left: 0px;
}

.disscussionPopup .searchTop select {
  height: 32px !important;
}

.disscussionPopup .table td,
.disscussionPopup .table th {
  padding: 0.55rem;
  font-size: 10px;
}

.disscussionPopup .modal-title {
  font-size: 17px;
}

.islamicly--content__universe--tableOption .search input {
  font-size: 13px;
  color: #000;
}

.homeMapSlide .fa-chevron-right {
  margin-left: 1px;
}

.homeMapSlide .fa-chevron-left {
  margin-right: 1px;
}

.islamicly-recentlyVisit .slick-arrow .fa-chevron-up {
  position: relative;
  top: -1px;
  left: 0px;
}

#universe .islamicly--content__universe--Grid {
  padding-bottom: 70px;
}

#articlesFlexBox .chatSection-left--actions .material-icons {
  top: 2px;
  cursor: pointer;
}

.islamicly--content__articles--details.articlesContentDetails .material-icons {
  color: #a5bbc9;
  font-size: 19px;
  position: relative;
  top: 6px;
}
.articlesContentDetails  {
    margin-bottom: 15px;
}
.articlesContentDetails p {
    margin: 0px;
}

.modelPopupMyRequest input {
  background: transparent;
  border-radius: 6px;
  padding: 11px 16px;
  height: auto;
  border: 1px solid #9e9e9e !important;
  font-size: 14px;
}

.modelPopupMyRequest select {
  height: 42px !important;
  border: 1px solid #9e9e9e !important;
}

.modelPopupMyRequest textarea.form-control {
  height: auto;
  background: transparent;
  border: 1px solid #9e9e9e !important;
  font-size: 14px;
  height: 90px;
  border-radius: 8px;
}

.modelPopupMyRequest .btn-isl-primary {
  width: 100%;
  background-color: #41a9f0;
  padding: 11px 10px;
  border-radius: 6px;
  font-size: 15px;
  margin-top: 25px;
  letter-spacing: 0.9px;
}

.modal.modelPopupMyRequest .modal-content {
  background: #24282e !important;
  box-shadow: 2px 2px 2px 2px #000000;
  width: 600px;
  padding: 15px 20px;
}

.universe-listBottom--nostock {
  cursor: pointer;
}

#myrequest {
  width: 1000px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

#myrequest .islamicly--content__universe--Grid .flex-grid--content {
  width: 32%;
}

#bizDescp {
  height: 20vh;
}

#myrequest p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0.5px;
}

.myCreateRequest--small .panel-content--ManageStock {
  line-height: 1.3;
  margin: 0px;
  width: 230px;
  margin: 0 auto;
  font-size: 18px !important;
  padding: 13px 0px;
}

.modelPopupSearchScreeningRequest .modal-content {
  padding: 5px 10px 10px;
}

.modelPopupSearchScreeningRequest .form-group {
  margin-bottom: 5px;
  font-size: 14px;
}

.modelPopupSearchScreeningRequest input {
  background: transparent;
  border: 1px solid #c5c5c5;
  border-radius: 8px;
  width: 100%;
  padding: 8px 18px;
  font-size: 17px;
}

.modelPopupSearchScreeningRequest .btn-isl {
  width: 100%;
  background: #28b5e0;
  padding: 11px 10px !important;
  font-size: 17px;
  letter-spacing: 0.7px;
  margin-top: 25px;
}

#modal-fullscreen2 .stock-strip {
  height: 125px;
}

.home-icons {
  margin-bottom: 12px;
}

.isl-nested-tabs li .icon {
  width: 25px;
  height: 25px;
  fill: #ffffff;
}

.isl-nested-tabs a.active .icon {
  fill: #5ebd82;
}

.dark-theme .isl-nested-tabs .nav-tabs.first-tab li a {
  padding: 15px 33px 15px 28px !important;
  border: 0.5px solid #ccc;
  box-shadow: none !important;
  opacity: 0.5;
}

.dark-theme .isl-nested-tabs .nav-tabs.first-tab li a.active {
  border: 0.5px solid #ffffff !important;
  opacity: 1;
  font-weight: 600;
}

.howItWorks h5 {
  font-size: 20px;
  font-weight: 600;
}

.isl-nested-tabs #dashboard img,
.isl-nested-tabs #holdings img,
.isl-nested-tabs #portfolio img,
.isl-nested-tabs #universe img {
  height: 500px;
  display: block;
  margin: 0 auto;
}

.dark-theme .isl-nested-tabs .nav-tabs.second-tab {
  justify-content: center !important;
  width: 75%;
  margin: 60px auto;
  text-align: center;
}

.dark-theme .isl-nested-tabs .nav-tabs.second-tab li:not(:last-child) {
  margin-right: 10% !important;
}

.howItWorks {
  padding: 80px 0px 70px !important;
}

.dark-theme #home .searchTop .form-control {
  padding: 16px 15px;
}

#home .searchTop .input-group-btn .btn,
#home .searchTop .input-group-btn .btn:active {
  padding: 17px 40px !important;
}

#home .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 8px dashed;
  border-top: 4px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.banner-contentHomePage a span a {
  color: #4a4d52 !important;
}

.dark-theme footer a:last-child {
  padding: 0 0px 0 0;
}

.dark-theme .footer-address ul {
  margin-top: 7px;
}

.isl-faq h5,
.isl-customer--feedback h5,
.seemlessFeatures h5 {
  font-size: 18px !important;
}

.dark-theme .space.isl-customer--feedback {
  padding: 100px 0 40px !important;
}

.dark-theme .navbar {
  padding: 0.5rem 1.5rem 0.5rem 2.6rem !important;
}

.slider-title--desc {
  margin-bottom: 30px;
}

.dark-theme #home .btn-success {
  padding: 8px 25px !important;
  line-height: 1.3 !important;
}

.dark-theme #home .btn-primary {
  padding: 4px 22px 4px 20px !important;
}

.dark-theme #home .register-isl-box .btn-primary {
  padding: 13px 0px !important;
      display: flex;
    justify-content: center;
}

.searchTop .searchTop__title {
  font-weight: 600;
}

.banner-contentHomePage .home-titles span {
  font-weight: 600;
}

.islamicly-recentlyVisit--verticalScroll .slider--item .material-icons.red {
  position: relative;
  top: 4px;
}

.islamicly-recentlyVisit--verticalScroll .slider--item .material-icons {
  position: relative;
  top: 3px;
}

.header .top-navbar .navbar-header {
  width: 168px !important;
}

.dark-theme .isl-nested-tabs .nav-tabs.second-tab li a {
  font-size: 14px !important;
  opacity: 0.6;
  letter-spacing: 0.4px;
  font-weight: 100 !important;
}

.dark-theme .isl-customer--feedback .slick-prev,
.dark-theme .isl-customer--feedback .slick-next {
  top: 42%;
}

.islamicly--content__universe--table table tbody tr {
  position: relative;
}

.islamicly--content__universe--table table tbody tr.isl-forPremium:after {
  position: absolute;
  background-color: rgba(7, 7, 19, 0.4);
  background-image: url(../images/lock.png);
  background-position: center 30px;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  content: " ";
  opacity: 1;
  top: auto;
  left: 20px;
  width: 95%;
  height: 30px;
  background-position: center;
}

.islamicly--content__universe--table table tbody tr.isl-forPremium {
  opacity: 0.3;
}

.islamicly--content__universe--Grid .isl-forPremium {
  opacity: 0.5;
}

.islamicly--content__universe--Grid .isl-forPremium:after {
  position: absolute;
  background-color: rgba(7, 7, 19, 0.4);
  background-image: url(../images/lock.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  content: " ";
  opacity: 0.5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.isl-forPremium {
  position: relative;
}

.stockDis.isl-forPremium:after {
  position: absolute;
  background-color: rgba(7, 7, 19, 0.4);
  background-image: url(../images/lock.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  content: " ";
  opacity: 0.5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.islaamicly--tabs.vtabs.vtabs .tab-content {
  width: 96%;
}

.islaamicly--tabs.vtabs.vtabs .tab-content {
  margin: 0 auto;
  margin-left: 95px;
}

.islaamicly--tabs {
margin-top: 2.2vh;
  display: flex;
}

.dashboard--nav {
  margin-top: 5px;
}

.islamicly--content__dashboard .islamicly-recentlyVisit {
  margin-top: 3px;
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
  height: 36.6vh;
}

/* All width in vw */
.dashboard--nav ul li a {
  font-size: 0.62vw;
}

.isl-market--myAlerts p,
.isl-market--span .isl-market__Subheading,
.islamicly-recentlyVisit--verticalScroll .slider--item__value,
.islamicly-recentlyVisit--verticalScroll .slider--item__company,
#divstockDiscussionflex .isl-discussions--span .isl-market--span__info,
.islamicly-recentlyVisit--verticalScroll .slider--item .material-icons {
  font-size: 0.57vw;
  margin: 0px;
}

.islamicly-recentlyVisit--title,
.islamicly-recentlyVisit--verticalScroll .slider--item__info,
.islamicly-recentlyVisit--verticalScroll .slider--item__value span,
.isl-market--span__subTitle,
.overAllComplaint--history__title p a {
  font-size: 0.67vw;
}

.islamicly-recentlyVisit--verticalScroll .slider--item__title,
.overAllComplaint--history__title h5,
.overAllComplaint--history__badge .complaint-badge--All-green li,
.overAllComplaint--history__graph p,
.islamicly--content__universe--Grid .flex-grid--content .table-sector,
.islamicly--content__universe--Grid .flex-grid--content .table-stackHolder,
.islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons {
  font-size: 0.7vw;
}

.islamicly--content__universe--Grid .flex-grid--content .table-compliant {
  font-size: 0.75vw;
}

.flex--tiles__title,
.footerH5,
.isl-market--span .isl-market__heading {
  font-size: 0.6vw;
      margin-right: 10px;
}
#chartdivOne1 {
    margin-top: 0vh !important;
}
.flex--tiles__BottomTitle,
.islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title,
.overAllComplaint--history__badge .complaint-badge li,
.overAllComplaint--addHoldings p,
.islamicly--content__universe--Grid .flex-grid--content .table-ticker,
.islamicly--content__universe--Grid .flex-grid--content .table-stockName {
  font-size: 0.8vw;
}

.overAllComplaint--history__badge .complaint-badge li span,
.overAllComplaint--history__badge .complaint-badge--All-green li span.green,
.islamicly--content__universe--Grid .flex-grid--content .table-price {
  font-size: 0.9vw;
}

.flex--tiles__BottomTitle {
  font-size: 0.8vw;
}

.isl-market__viewMore {
  padding: 0.8vh;
}

.flex--tiles__BottomTitle .flex-tiles--value,
.compliance--dataRange {
  font-size: 1.1vw;
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
  margin-top: 2.4vh;
}

.islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons {
  position: relative;
  top: 2px;
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill:nth-child(1),
.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill:nth-child(2),
.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill:nth-child(3),
.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill:nth-child(4),
.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill:nth-child(5) {
  margin-top: 0vh;
  margin-bottom: 2.5vh;
}

.islamicly-recentlyVisit--verticalScroll .draggable {
  height: 77vh !important;
}

.sliderNav .slick-slider {
  margin-bottom: 0px;
}

.flex--tiles__title {
  padding: 0px 0px 0px 10px;
}

.flex-fill--padding .flex--tiles__title {
  padding: 0px 0px 0px 0px;
  margin-left: -5px;
}

.flex-tiles--bottomGraph {
  bottom: 32px;
}

.isl-market--span .isl-market__Subheading .material-icons {
  position: relative;
  top: 1px;
}

.flex-fill .material-icons {
    font-size: 0.8vw;
    margin-right: 0.2vw;
    color: #a5bbc9;
}

.isl-market--span__time span {
  display: flex;
  align-items: center;
}

.islamicly--content__portfolio .portfolio--panel {
  width: 100%;
}

.islamicly--content__universe--table tbody tr td span .material-icons,
.islamicly--content__universe--table tbody tr td span .material-icons.red {
  font-size: 0.8vw;
  position: relative;
  top: 3px;
}

.islamicly--content__universe--table tbody tr td span .fa-sort-desc {
  font-size: 0.8vw;
  position: relative;
  top: 1px;
}

.islamicly--content__universe--table tbody tr td span .fa-sort-asc {
  font-size: 0.8vw;
}

.overAllComplaint--history__title {
  width: 100%;
  margin-left: -5px;
}

.overAllComplaint--history__title p a {
  margin-right: 0px;
}

.noPurifyValue {
  height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.noPurifyValue p {
  padding: 0px !important;
}

.islamicly--content__universe--Grid .flex-grid--content {
  margin: 10px 0.5% 10px;
}

/* .islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(5)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(10)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(15)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(20)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(25)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(30)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(35)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(40)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(45)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(50)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(55)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(60)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(65)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(70)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(75)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(80)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(85)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(90)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(95)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(100)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(105)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(110)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(115)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(120)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(125)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(130)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(135)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(140)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(145)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(150)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(155)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(160)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(165)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(170)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(175)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(180)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(185)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(190)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(195)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(200)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(205)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(210)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(215)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(220)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(225)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(230)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(235)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(240)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(245)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(250)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(255)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(260)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(265)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(270)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(275)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(280)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(285)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(290)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(295)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(300)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(305)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(310)),
.islamicly--content__universe--Grid .flex-grid--content:not(:nth-child(315)) {
  margin-right: 0.8vw;
} */
.styled-checkbox+label:before {
  background: #8b9daa;
  border: 1px solid #8b9daa;
  border-radius: 2px;
}

.styled-checkbox:checked+label:after {
  top: 7px;
}

.islamicly--content__universe--table .styled-checkbox+label {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin-bottom: 0px;
  margin-left: 1px;
  margin-top: 3px;
}

.toggle-button-cover input[type="checkbox"].toggle+label {
  height: 22px;
  line-height: 24px;
}

.toggle-button-cover input[type="checkbox"].toggle+label {
  height: 22px;
  line-height: 22px;
  width: 64px;
}

.toggle-button-cover input[type="checkbox"].toggle+label:before,
input[type="checkbox"].toggle+label:hover:before {
  width: 22px;
  height: 22px;
}

.toggle-button-cover input[type="checkbox"].toggle:checked+label:before,
input[type="checkbox"].toggle:checked+label:hover:before,
input[type="checkbox"].toggle:focus:checked+label:before,
input[type="checkbox"].toggle:focus:checked+label:hover:before {
  top: 0px;
  margin-left: -23px;
}

.toggle-button-cover input[type="checkbox"].toggle+label:before,
input[type="checkbox"].toggle+label:hover:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 1px;
}

.islamicly--content__universe--table .btn-isl-success {
  margin-right: 0px;
}

.toggle-button-cover input[type="checkbox"].toggle+label .off {
  margin-left: 15px;
  display: inline-block;
  font-size: 13px;
}

.toggle-button-cover input[type="checkbox"].toggle+label .on {
  font-size: 12px;
  margin-left: -3px;
}

.table td:not(:first-child),
.table td:not(:last-child),
.table th:not(:first-child),
.table th:not(:last-child) {
  padding: 0.55rem 0rem;
}

.table td:first-child,
.table td:last-child,
.table th:first-child,
.table th:last-child {
  padding: 0.55rem 0.7rem;
}

.orsidebarTextTop {
  font-size: 1vw;
  text-align: center;
  margin-bottom: 0px;
  position: relative;
  top: 44px;
  background: #1a1e24;
  margin: 0 auto;
  padding: 10px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}

.isl-existing-portfolio {
  margin-top: 60px;
}

.isl-existing-portfolio--panel {
  margin-top: 10px;
  height: 60px;
  align-items: center;
  padding: 10px 10px 8px;
}

.isl-existing-portfolio .panel-content__heading--FL {
  background: transparent linear-gradient(0deg, #0496ff 0%, #28b5e0 100%) 0% 0% no-repeat padding-box;
  margin-bottom: 3px;
  float: left;
  display: block;
  padding: 4px 9px 4px;
  color: #fff;
  border-radius: 6px;
  margin-right: 60px;
  font-size: 0.7vw;
}

.isl-existing-portfolio .panel-content__heading--DateCreated {
  font-size: 0.6vw;
}

.isl-existing-portfolio .panel-content__heading--right .stock--value {
  font-size: 0.7vw;
}

.isl-existing-portfolio .panel-content__heading--right .stock--desc {
  font-size: 0.6vw;
}

.sidebar--title {
  font-size: 0.8vw;
}

#myrequest .panel-content--ManageStock {
  width: auto;
  margin: 0 0;
}

#myrequest p {
  font-size: 0.8vw;
}

.responsive--forMbileMenu {
  margin-right: -29px;
}

.chatSection-right span {
  cursor: pointer;
  color: #ffffff;
  font-weight: 600;
}

.chatSection-left--actions .material-icons {
  opacity: 0.5;
  font-weight: 400;
}

/*.overAllComplaint--addDiscussion__strip p {
  margin-left: 29px;
}*/
.overAllComplaint--addDiscussion__strip p:first-child {
    margin-left: 5px;
        font-size: 17px;
    font-weight: 500 !important;
}
.overAllComplaint--addDiscussion__strip p:last-child {
    margin-left: 5px;
}
.overAllComplaint--addDiscussion__strip p {
   font-size: 15px;
}
.islamicly--content__articles .articles-bottom--actions .chatSection-left p {
  font-size: 0.57vw;
  color: #a5bbc9;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content .table-stockName {
  font-weight: 500;
  line-height: 1.4;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
  margin: 25px 5px 0px;
  min-height: 17vh;
  height: 100%;
  max-height: 37vh;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
  height: 18vh;
  display: flex;
}

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
  width: 32%;
}
.islamicly--content__articles .islamicly--content__universe--Grid .form-control, .articleTop .holdingsSearch input {
    height: 5vh;
}
.islamicly--content__dashboard .islamicly-recentlyVisit {
  margin-top: 3px;
  padding-right: 0px;
}

.overAllComplaint--history__badge .complaint-badge li {
  padding: 10px;
  position: relative;
  width: 25%;
}

.overAllComplaint--history__badge .complaint-badge {
  display: flex;
  width: 100%;
}

.overAllComplaint--history__badge .complaint-badge li:last-child {
  margin-right: 0px;
}

.overAllComplaint--history__badge .complaint-badge--All-red {
  justify-content: space-between;
  text-align: left;
}

.overAllComplaint--history__badge .complaint-badge--All-red li {
  position: relative;
  text-align: left;
}

.isl-dashboardViewInsideSlider {
  position: relative;
  height: 36vh !important;
}

.overAllComplaint--history__badge .complaint-badge--All-green {
  justify-content: space-between;
  text-align: left;
}

.isl-user-profile .nav-item .select-country {
  background: transparent;
  border-radius: 6px;
  border: 0px solid rgba(255, 255, 255, 0.13);
}

.isl-user-profile .islamicly--content__universe {
  width: 97%;
  margin: 4px auto;
}

.isl-user-profile #universe .islamicly--content__universe {
  width: 100%;
  margin: 4px auto;
}

.isl-user-profile #myHoldings .islamicly--content__universe {
  width: 97%;
  margin: 4px auto;
}

.isl-user-profile .islamicly--content__universe--Grid #notificationHistory .flex-grid--content {
  margin: 10px 0% 10px;
}

.overAllComplaint--history__graph {
  padding-top: 10px;
  padding-bottom: 10px;
}

.editprofileSection .adminForm label {
  color: #ffffff;
  font-size: 12px;
}

.isl-user-profile .editprofileSection .adminForm p {
  margin-top: 28px;
  color: #a5bbc9;
}

.header .nav-item .select-country {
  background: #131519;
  border: 1px dashed #707070;
  position: relative;
  margin-top: 3px;
}

.header .select-country .form-control {
  height: 30px !important;
  padding-left: 23px;
  position: relative;
  width: 98.5%;
}

.header .nav-item .country-location--icons {
  top: 3px;
  left: 3px;
}

/* .isl-user-profile .select-country .form-control {
  width: 98%;
} */
div.select_wrap {
  height: 1em;
}

div.select_wrap select {
  position: absolute;
  max-width: calc(100% - 6px);
  text-overflow: ellipsis;
}

.editprofileSection .table>thead>tr>th {
  font-size: 12px;
  padding: 0.2rem 1.4rem;
}

.editprofileSection .table td:not(:first-child),
.editprofileSection .table td:not(:last-child),
.editprofileSection .table th:not(:first-child),
.editprofileSection .table th:not(:last-child) {
  padding: 0.2rem 1.4rem;
}

#myHoldings .islamicly--content__universe--table .table-striped tbody tr:nth-of-type(odd),
#notificationHistory .islamicly--content__universe--table .table-striped tbody tr:nth-of-type(odd),
#purificationHistory .islamicly--content__universe--table .table-striped tbody tr:nth-of-type(odd),
#billing .islamicly--content__universe--table .table-striped tbody tr:nth-of-type(odd) {
  background-color: #24282e;
}

#myHoldings .islamicly--content__universe--table .table-striped thead tr,
#notificationHistory .islamicly--content__universe--table .table-striped thead tr,
#purificationHistory .islamicly--content__universe--table .table-striped thead tr,
#billing .islamicly--content__universe--table .table-striped thead tr {
  background: #070713;
}

.editprofileSection .table>tbody>tr>td {
  font-size: 12px;
  padding: 0.5rem 1.4rem !important;
}

.editprofileSection .tab-content>.active {
  margin: 0 auto;
}

.editprofileSection .table-stockName--shareHold li {
  line-height: 1.2;
}

.islamicly--content__universe--Grid .editprofileSection .flex-grid--content {
  margin: 10px 0% 10px;
}

.nav-item .user-details a.active {
  border-bottom: 0px solid #6dc069;
}

.editprofileSection #notificationHistory .table>tbody>tr>td {
  padding: 0.6rem 2rem !important;
}

.editprofileSection #notificationHistory .table>thead>tr>th {
  padding: 0.3rem 2rem !important;
}

.flex-footer__copyright {
  font-size: 10px;
  font-weight: 200;
}

.islaamicly--tabs .editprofileSection .nav-tabs .nav-item:last-child {
  border-radius: 0px 10px 0px 0px;
}

.islaamicly--tabs .editprofileSection .nav-tabs .nav-item:last-child .nav-link.active {
  border-radius: 0px 10px 0px 0px;
}

.islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding {
  padding: 0px 15px 15px;
  height: 33vh;
}

#divtopfiveflex,
#divtopthreeflex,
#divstockDiscussionflex,
#divgenralDiscussionflex,
#divalertflex,
#divScreeningRequestflex {
  height: 29.9vh;
  overflow-y: auto;
  padding-bottom: 32px;
}

.flex-fill--padding .isl-market__viewMore {
  width: 89%;
}

.isl-market__viewMore {
  bottom: -4px;
}

.carousel.homeMapSlide .isl-market__viewMore {
  bottom: -6px;
}
.carousel1.homeMapSlide1.holdings .isl-market__viewMore {
  bottom: 2px;
}


.islaamicly--tabs.vtabs.vtabs #billing .tab-content {
  margin: 0 auto;
  margin-left: 0px;
  box-shadow: none;
}

.dark-theme .app-landing {
  background: #383e40;
  background: transparent linear-gradient(180deg, #6dc069 0%, #28b5e0 100%) 0% 0% no-repeat padding-box;
  background: url(../images/bgScholars.png) top center no-repeat !important;
  background-size: cover;
  padding: 130px 0px 0px;
}

.dark-theme {
  background: #2a2d42 !important;
}

.isl-app-donwload {
  padding: 0px 0px 0px !important;
}

.isl-appDownload--badge {
  background: transparent linear-gradient(180deg, #0444bc 0%, #0b504d 100%) 0% 0% no-repeat padding-box;
  width: 250px;
  display: flex;
  padding: 5px 10px;
  margin: 0 auto;
  border-radius: 0px 0px 20px 20px;
}

.isl-appDownload--badge p {
  font-size: 14px;
  color: #fff;
  line-height: 1;
  margin-top: 0px !important;
}

.isl-appDownload--badge p span.isl-appDownload--badge__contentText {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
}

.isl-appDownload--badge p img {
  margin-right: 10px;
  margin-left: 7px;
  position: relative;
  bottom: -13px;
  width: 31px;
}

.isl-appDownload--badge__contentPos {
  position: relative;
  bottom: -5px;
}

.modal-body.dark-theme {
  background: white !important;
}

/* #scrollCard{
  height: 35vh;
} */

.gauge,
.gaugeOne {
  height: 100%;
}

.isl-fullScreenHome .material-icons {
  cursor: pointer;
  font-size: 18px;
  margin-right: 8px;
}

.subscription-add .material-icons {
  font-size: 1.6vw;
  margin-right: 2px;
  color: #a5bbc9;
  font-weight: 200;
}

.subscription-add.mobile .material-icons {
  font-size: 1.2vw;
}

.subscription-add.dekstop .material-icons {
  font-size: 1.5vw;
}

.subscription-add--title h1 {
  font-size: 18px;
  margin: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subscription-add .custom-radios input[type="radio"]+label {
  margin-bottom: 5px;
}

.isl-user-profile .subscription-add {
  min-height: auto;
  max-height: auto;
}

.isl-user-profile .subscription-add--body {
  padding: 10px 10px;
}

.subscription-add--title {
  padding: 5px 10px;
}

.modal-no-subscription .new-features {
  margin: 20px auto;
}

.isl-user-profile .subscription-add .custom-radios input[type="radio"]+label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 6px;
}

.isl-user-profile .subscription-add .custom-radios input[type="radio"]:checked+label span img {
  opacity: 1;
  width: 16px !important;
}

.isl-user-profile .subscription-add--title h1 {
  font-size: 1vw;
  font-weight: 400;
  line-height: 31px;
}

.isl-paymentForBoth h3 {
  font-size: 1.2vw;
}

.isl-paymentForBoth .nav-pills .nav-link {
  border-radius: 10px;
  font-size: 0.96vw;
  margin: 0px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.isl-paymentForBoth--plans .title h1 {
  font-size: 1.4vw;
  line-height: 1;
}

.isl-paymentForBoth--plans .price h1 {
  font-size: 1.4vw;
  line-height: 1.2;
}

.isl-paymentForBoth--plans {
  padding: 10px 15px;
}

.isl-user-profile .billing-history .isl-paymentForBoth a,
.isl-user-profile .billing-history .isl-paymentForBoth a:hover {
  text-decoration: none;
}

.isl-user-profile .badge {
  padding: 0.4em;
  padding-top: 4px;
}

.isl-completePayment h2 {
  font-size: 17px;
}

.visa-card.active {
  background: transparent linear-gradient(180deg, #123075 0%, #36c290 100%) 0% 0% no-repeat padding-box;
}

.visa-card {
  background: transparent linear-gradient(180deg, #123075 0%, #41a9f0 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.visa-card .top-details p {
  font-size: 16px !important;
  background: white;
  text-transform: uppercase;
  border-radius: 4px;
  color: #153d78;
  font-weight: bolder;
  padding: 6px 5px 3px;
  line-height: 1;
  font-feature-settings: normal;
}

.visa-card p {
  margin: 0px !important;
}

.visa-card .card-number p {
  font-size: 18px;
  color: #e4e4e4;
  font-weight: bolder;
}

.visa-card .cardHolder-name p {
  color: #e4e4e4;
  font-size: 9px;
  font-weight: 300;
}

.visa-card .top-detailsD {
  cursor: pointer;
}

.visa-card .top-detailsD p {
  border: 0px solid #d2d2d2;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: 300;
  border-radius: 8px;
  background: #cecece;
  color: #000;
}

.visa-card .top-detailsD.active p {
  border: 1px solid #d2d2d2;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: 300;
  border-radius: 8px;
  background: transparent;
  color: #fff;
}

.visa-card .card-btn {
  cursor: pointer;
}

.visa-card .card-btn .material-icons {
  font-size: 1.2vw;
  color: #e0e0e0;
}

.visa-card .btn-isl-success.orange {
  background: #de7800;
}

.visa-card .btn-isl-success {
  margin-right: 5px;
  color: #fff;
  padding: 12px 25px;
  font-size: 14px;
  background: #000000;
  width: auto;
  text-align: center;
  font-weight: bold;
}

.isl-user-profile .addCard-isl--webAPP h4 {
  font-weight: bold;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.6px;
  margin-bottom: 15px;
}

.addCard-isl--webAPP .form-control {
  padding: 12px 20px !important;
  height: 41px !important;
  border-radius: 6px !important;
  background: #454f63;
  border-bottom: 0px solid #ccc;
  color: #fffc;
  margin: 5px 0px !important;
  border: 0px;
  font-size: 13px;
}

.CardNumberField-input-wrapper {
  border: 1px solid #ccc;
}

.isl-checkout .InputContainer .InputElement {
  border: 1px solid #ccc !important;
  font-size: 12px !important;
  border-radius: 6px !important;
  padding: 0px 10px !important;
  /* color: red !important; */
  margin-right: 2px !important;
}

.StripeElement {
  padding: 0px 12px;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 8px;
  background-color: #454e62 !important;
}

.isl-user-profile .price-select--iconsDelete {
  top: 16px;
}

.isl-user-profile .price-select--iconsDelete .material-icons {
  font-size: 21px;
}

/* Subscriptio Successfully */
.subscription-successful.dark-theme {
  background: #24282e !important;
  width: 450px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}

.subscription-successful--title {
  text-align: center;
  font-size: 15px;
  color: #fff;
  margin: 0px;
}

.subscription-successful--subTitle {
  text-align: center;
  text-align: center !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

.dark-theme.subscription-successful .detailed-block2 p {
  color: #dcdcdc !important;
  font-weight: 300 !important;
}

.dark-theme.subscription-successful p {
  text-align: center;
}

.dark-theme.subscription-successful .btn-primary {
  background: #fff;
  border: 2px solid #ffffff;
  color: #4a4d52;
  border-radius: 6px;
  padding: 5px 15px;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 5px;
}

/* Billing New Design Css Code */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  width: 97%;
  margin: 0 auto;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
  width: 19%;
  background: #101010;
  margin: 10px 0.4vw;
  padding: 0px;
  min-height: 200px;
  max-height: 300px;
  position: relative;
  cursor: pointer;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .flex-grid--content__padding {
  padding: 20px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid {
  justify-content: flex-start;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid {
  justify-content: flex-start;
}

.jfc-s {
  justify-content: space-between;
}

.jfc-c {
  justify-content: center;
}

/* card Staus */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--status {
  border-radius: 12px 12px 0px 0px;
  border: 1px dashed #ccc;
  background: #191e24;
  text-align: left;
  padding: 5px;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--status.active {
  border: 1px dashed #127214;
  background: #17b90a33;
  color: #0bde00;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--status.expired {
  border: 1px dashed #ff0000;
  background: #ff000033;
  color: #ff0000;
}

/* End card status */

/* Card actual price */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--price {}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--price .billing-card--price__AP {
  font-size: 0.72vw;
  margin-left: 15px;
  text-align: left;
  color: #a5bbc9;
  margin-bottom: 0px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--price .billing-card--price__AP .value {
  color: #a4a9ab;
  font-size: 0.85vw;
  font-weight: 600;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--price .billing-card--price__SF {
  font-size: 0.72vw;
  margin-right: 15px;
  text-align: right;
  color: #a5bbc9;
  margin-bottom: 0px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--price .billing-card--price__SF .value {
  color: #ffffff;
  font-size: 0.85vw;
  font-weight: 600;
}

/* End card actual price */

/* Card country */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--country {
  text-align: center;
  font-size: 1.2vw;
  color: rgba(255, 255, 255, 0.8);
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px 0px;
}

/* End Card country */

/* Card Plans */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans {
  margin-bottom: 15px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans .billing-card--plans__strip {
  background: #db6208;
  font-size: 0.7vw;
  margin: 0px;
  padding: 5px 8px;
  border-radius: 0px 4px 4px 0px;
  height: 23px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans .billing-card--plans__expire {
  color: #a5bbc9;
  font-size: 0.65vw;
  text-align: right;
  margin-right: 15px;
  margin-top: 0px;
  line-height: 1.4;
  margin-bottom: 0px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans .billing-card--plans__expire .value {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.7vw;
  font-weight: 500;
}

/* End Card plans */

/* card plan subscription */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans__status {
  position: absolute;
  bottom: 0px;
  width: 100%;
  font-size: 0.72vw;
  text-align: center;
  border-radius: 0px 0px 12px 12px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans__status .active {
  background: #101010;
  width: 100%;
  display: flex;
  justify-content: center;
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  border-radius: 0px 0px 8px 8px;
  padding: 5px;
  text-transform: uppercase;
  text-decoration: underline;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans__status .renew {
  background: #149809;
  width: 100%;
  display: flex;
  justify-content: center;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.6vw;
  border-radius: 0px 0px 8px 8px;
  padding: 5px;
  text-transform: uppercase;
}

/* end card plan subscription */

/* Add new market */
.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content.flex-grid--content__add {
  border: 1px dashed #127214;
  background: #14980933;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content.flex-grid--content__add p {
  width: 100%;
  text-align: center;
  font-size: 0.75vw;
  color: rgba(255, 255, 255, 0.8);
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content.flex-grid--content__add p .material-icons {
  font-size: 1.7vw;
  color: rgba(255, 255, 255, 0.8);
}

/* End add new market */
.billing-market--title {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  margin: 0px;
}

.billing-market--subTitleNF {
  color: #ffff02 !important;
  font-size: 10px !important;
  font-weight: 100 !important;
  letter-spacing: 1px !important;
}

.billing-market--addNewCards {
  background: #101010;
  width: 128px;
  border: 1px dashed #8e8e8e;
  border-radius: 6px;
  padding: 11px;
  font-size: 11px !important;
  color: rgba(255, 255, 255, 0.8) !important;
  cursor: pointer;
}

.billing-market--addNewCards .material-icons {
  float: left;
}

.billing-card--list .col {
  width: 50%;
  flex: none;
  margin-top: 6px;
}

.islamicly--content__universe--tableHomePage.islamicly--content__universe--table .table thead th {
  top: 0px !important;
}

.invalid-feedback div {
  font-size: 11px;
}

.isl-paymentForBoth .cart .badge {
  font-size: 10px;
}

#forgotPassword p {
  font-size: 13px;
  text-align: center;
}

.input-group--Styling {
  width: 100%;
}

.dark-theme .searchTop .form-control {
  border-radius: 20px !important;
}

.isl-portfolio--details.noportfolio--list .panel-content--ManageStock {
  padding: 24px 12px;
}

.addPortfolioModelPopup .portfolioCreatPopupScrap label {
  font-size: 14px !important;
}

.portfolioCreatPopupScrap input {
  font-size: 12px;
  color: #fff;
}

.overAllComplaint--addHoldings .d-flex p:last-child:after {
  display: none;
}

#ContactUsSec .red div,
span.help-text,
.register-isl-box div.red div,
.error,
.table-search .color-danger,
.invalid-feedback div {
  color: #fb1313;
  font-size: 12px;
}

#ContactUsSec .portfolioCreatPopupScrap .form-control {
  border: 1px solid #585858 !important;
}

#ContactUsSec .portfolioCreatPopupScrap .form-control:hover {
  box-shadow: none;
  border: 0px solid rgba(120, 130, 140, 0.13);
  background: black;
  color: #ffffff;
  padding: 16px 20px;
  border: 0px solid #f0f4f6;
  font-size: 16px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 1);
  border: 1px solid #585858 !important;
}

#ContactUsSec .portfolioCreatPopupScrap input.btn-isl-success {
  background: #108e0a;
  border-radius: 6px;
  padding: 10px 15px;
  height: auto;
  border: 1px solid #585858 !important;
  font-size: 16px !important;
}

.billing-card--country .material-icons {
  font-size: 20px;
}

.islamicly--content__universe--tableOption .filter p span.compliantStocks.active {
  border-radius: 30px;
  border: 0px;
  padding: 3px 7px 3px 7px;
  background: linear-gradient(180deg, #6dc069 0%, #28b5e0 100%);
}

input:-webkit-autofill {
  background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #454f63 inset;
  transition: background-color 5000s ease-in-out 0s;
}

.nav-item .material-icons {
  cursor: pointer;
}

/* Add New Card */
.addNewCardModelPopup .addCard-isl--webAPP {
  padding: 0px !important;
}

.addNewCardModelPopup .addCard-isl--webAPP h4 {
  font-size: 13px;
}

.addNewCardModelPopup .addCard-isl--webAPP .form-control.is-invalid:focus {
  border-color: transparent;
  box-shadow: none;
}

.addNewCardModelPopup .addCard-isl--webAPP .isl-BasicDetails input:last-child {
  margin-left: 10px !important;
}

.addNewCardModelPopup .addCard-isl--webAPP .isl-checkoutNewDesign {
  margin-bottom: 15px;
}

.addNewCardModelPopup .addCard-isl--webAPP .btn-isl-primary {
  width: 190px;
  background: #28b5e0;
  padding: 11px 10px !important;
  font-size: 17px;
  letter-spacing: 0.7px;
  margin-top: 25px;
}

/* End add new card */

#divRecommended p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35vh;
  font-size: 12px;
}

#portfolioDetailtockList p,
#scroll-Proftfolio p.no-records {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53vh;
  font-size: 12px;
  width: 100%;
}

#alertDiv p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 2vh;
  font-size: 12px;
  width: 100%;
}

.isl-portfolio--details .alertPane {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 11vh;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--status {
  border-radius: 12px 12px 0px 0px;
  padding: 7px 15px;
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--statusUpgrade {
  border-radius: 5px;
  border: 0px dashed #ff7600;
  background: #a94f00;
  text-align: center;
  padding: 4px 8px;
  font-size: 11px;
  letter-spacing: 0.4px;
  color: #fff;
  position: relative;
  top: -2px;
  display: flex;
  justify-content: center;
  align-items: center;
  float: right;
}

#helpChat .main-container,
#helpChat .report {
  display: none;
}

#helpChat .footer a {
  color: #000;
  font-weight: 700;
  display: none;
}

.isl-checkoutPaymentStrip .price span.viewOfferDisscount {
  float: right;
  font-size: 13px;
  cursor: pointer;
}

/* Billing New Design Css Code */

.slimScrollBar {
  background-color: #ccc !important;
  background: #ccc !important;
}

#divRecommended .simplebar-scrollbar::before {
  height: 200px;
}

/* #portfolioDetailtockList .simplebar-scrollbar::before {
  height: 233px;
 } */
.subscription-successful {
  height: 100vh;
  background: url(../images/banner.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
  background: #0e0e0e;
}

.subscription-successful .subscriptionMobileSuccess h1 {
  font-size: 23px;
  text-transform: uppercase;
  line-height: 1.3;
}

.subscription-successful .subscriptionMobileSuccess p span .material-icons {
  font-size: 28px;
  float: left;
  font-weight: bolder;
  margin-right: 6px;
  background: black;
  border-radius: 50%;
  padding: 8px;
  color: #fff;
}

.subscription-successful .subscriptionMobileSuccess p span.success {
  color: #fff;
  background-color: green;
}

.subscription-successful .subscriptionMobileSuccess p span.danger {
  color: #fff;
  background: red;
}

.btn-isl-success--appUpgrade {
  background: rgb(23, 185, 15);
  margin-right: 5px;
  color: #fff;
  padding: 15px 25px;
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 30px;
  border-radius: 12px;
  background: #f39200;
}

.btn-isl-success--appUpgrade:hover {
  background: #f39200;
}

.subscription-successful .subscriptionMobileSuccess .box1 {
  background: #2a2d42;
  padding: 20px;
  height: 70vh;
  border-radius: 8px;
}

.subscription-successful .subscriptionMobileSuccess .featuresDekstop p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.4;
}

.subscription-successful .subscriptionMobileSuccess .featuresDekstop p .material-icons {
  font-size: 18px;
  color: #0ff50f;
  font-weight: bolder;
  float: left;
  margin-right: 7px;
  height: 29px;
}

.subscription-successful .subscriptionMobileSuccess .featuresDekstop p span.success {
  color: #0ff50f;
  background-color: transparent;
}

.nosubscriptionModelCss .modal-body {
  text-align: center;
}

.nosubscriptionModelCss .modal-body img {
  height: 61px;
  margin-bottom: 20px;
}

.login-social--loginIsl {
  position: relative;
}

.paypal--input label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.paypal--input .form-control {
  background: #454f63;
  border: 0px;
  font-size: 13px;
  border-radius: 6px !important;
}

/* Common Css */
.isl-center {
  text-align: center;
}

.country-market--list li .material-icons {
  opacity: 1 !important;
  position: relative;
  top: 1px;
  font-size: 16px !important;
}

.no-resultFound {
  color: #a9a9a9;
}

.mainContainer.ShariahScreeningPage {
  padding-top: 65px !important;
}

.successMsg {
  color: #108e0a !important;
  font-size: 14px;
}

.navbar-nav .search .fa-search {
  margin-left: -14px;
}

.bannerForm .successMsg {
  color: #108e0a !important;
  font-size: 40px !important;
}

.country-market .no-resultFound {
  margin-top: 14vh;
}

.dark-theme .contactSec .form-control {
  background: rgb(69, 79, 99) !important;
}

.notifications--alert span {
  font-size: 9px;
  color: #fff;
  top: auto;
  right: auto;
  position: initial;
}

.notifications--alert {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* End Common Css */
.paypal-button-text {
  color: rgba(255, 255, 255, 0.8);
}

.add-new-cardsISL span.material-icons {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
  font-size: 18px;
}

.add-new-cardsISL p {
  font-size: 17px;
  cursor: pointer;
}

.Payment103 {
  width: 103%;
  background: #24282e;
  padding: 23px;
  display: inline-block;
  border-radius: 6px;
  margin-top: 7px;
}

.Payment100 {
  width: 100%;
  background: #24282e;
  padding: 23px;
  display: inline-block;
  border-radius: 6px;
  margin-top: 7px;
}

.islamicly-recentlyVisit--verticalScroll .draggable {
  padding: 0px 0px !important;
}

#basicInformation .profile--header {
  border: 2px solid #2f93a4;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 15px;
}

#basicInformation .profile--header .userImgHover {
  position: absolute;
  right: -1px;
}

#basicInformation .profile--header .userImgHover span {
  font-size: 18px;
}

.isl-checkout .price-select--iconsDelete {
  top: 20px !important;
}

.isl-checkout .price-select--iconsDelete .material-icons {
  color: #fb1313 !important;
}

.isl-user-profile .price-select--iconsDelete .material-icons {
  font-size: 23px;
}

#basicInformation .profile--header .user-image {
  width: 80px;
  height: 80px;
  margin-top: 0px;
  padding: 2px;
}

.top-navbar .isl-paymentForBoth .cart .fa {
  position: relative;
  display: flex;
  z-index: 9999999;
  width: 31px;
  height: 31px;
  background: #00ad7f;
  border-radius: 50%;
  margin-left: 8px;
  position: relative;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #ffff;
  margin-top: 8px;
  cursor: pointer;
}

.ngx-pagination .disabled {
  background: #24282e;
  border-radius: 6px;
  padding: 5px 6px !important;
  font-size: 11px;
}

.ngx-pagination li {
  padding: 0px;
}

.ngx-pagination a,
.ngx-pagination button,
.ngx-pagination a:hover,
.ngx-pagination a.active {
  cursor: pointer;
  padding: 4px 10px !important;
  color: #ffffff !important;
  background: #24282e;
  border-radius: 4px !important;
  font-size: 15px;
}

.ngx-pagination .current {
  font-size: 14px;
}

.ngx-pagination .disabled,
.ngx-pagination li:hover,
.ngx-pagination .disabled:hover {
  font-size: 14px;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: rgba(255, 255, 255, 0.8) !important;
  opacity: 1;
  color: #000 !important;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
  font-size: 14px;
}

.navbar-nav .search__wrapper input.is-invalid {
  border-bottom: 1px solid #da0e0d;
}

.SelectionFilterUniverse {
  flex-flow: wrap !important;
  justify-content: flex-start !important;
}

.SelectionFilterUniverse li span {
  font-size: 12px;
}

.SelectionFilterUniverse li {
  position: relative;
  height: auto !important;
  padding: 1px 8px 5px;
  border-radius: 20px !important;
  font-size: 13px;
  line-height: 1;
  margin-top: 3px;
}

.SelectionFilterUniverse li span.material-icons {
  position: relative;
  background: #8e0000;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  border-radius: 50%;
  right: -6px;
  top: 2px;
  padding: 5px;
  cursor: pointer;
}

.isl-table-top .isl-table-top--pane.SelectionFilterUniverse li:not(:last-child) {
  margin-right: 6px;
}

.toast-container .ngx-toastr {
  box-shadow: 0 0 5px #999999 !important;
}

#modelSubscription .btn {
  padding: 7px 12px;
  cursor: pointer;
  font-size: 17px;
  border-radius: 6px;
}

#modelSubscription .modal-footer {
  display: flex;
  justify-content: space-between;
}

.isl-subscriptionRenewDiv {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.isl-subscriptionRenew {
  /* background: #2A2D42; */
  width: 650px;
  /* box-shadow: 0px 0px 8px 1px #353535; */
  border-radius: 6px;
  padding: 15px;
}

.isl-subscriptionRenew--title {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  margin-top: 10vh;
}

.isl-subscriptionRenew--para {
  font-size: 15px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}

.isl-subscriptionRenewDiv .btn-isl-success--appUpgrade {
  color: #fff;
  padding: 13px 41px;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 0px;
}

/* Stepper Css */
.isl-stepper {}

.isl-stepper .bs-stepper .step-trigger {
  width: 105px;
  justify-content: flex-start;
  padding: 0px 20px 30px;
}

.isl-stepper .bs-stepper {
  width: 100%;
  margin-left: 20px;
}

.isl-stepper .bs-stepper-header .step .bs-stepper-label {
  font-size: 13px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 100;
  text-align: left;
  letter-spacing: 0.4px;
}

.isl-stepper .bs-stepper-header .step .bs-stepper-label span {
  font-size: 14px;
  font-weight: 600;
}

.isl-stepper .bs-stepper-header .step.active .bs-stepper-label,
.isl-stepper .bs-stepper-header .step.completed .bs-stepper-label {
  color: rgba(255, 255, 255, 1);
}

.isl-stepper .bs-stepper-header .step .isl-stepper--separator {
  font-size: 26px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: -4px;
}

.isl-stepper .bs-stepper-header .step.active .isl-stepper--separator,
.isl-stepper .bs-stepper-header .step.completed .isl-stepper--separator {
  color: rgba(255, 255, 255, 1);
}

.isl-stepper input,
.isl-stepper input:focus,
.isl-stepper input:hover {
  background: #454f63;
  border: 1px solid #707070;
  border-radius: 6px;
  font-size: 13px;
}

.isl-stepper .bs-stepper-content {
  padding: 0 0px 20px 20px;
}

.isl-stepper .country-market--list li {
  float: left;
  width: 20%;
  color: rgba(255, 255, 255, 0.6);
  font-size: 15px;
  margin: 15px 0px;
  padding-left: 10px;
  cursor: pointer;
}

.isl-stepper .country-market--list li .material-icons {
  display: none;
}

.isl-stepper .country-market--list li.active {
  color: rgba(255, 255, 255, 1);
}

.isl-stepper .country-market--list li.active .material-icons {
  display: inline-flex;
}

.isl-countryBillingStrip {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  top: -33px;
}

.isl-countryBillingStripCount {
  background: #275cd3;
  border-radius: 10px 0px 0px 10px;
  display: flex;
  padding: 20px 45px 20px 20px;
  font-size: 11px;
  color: #fff;
  line-height: 1.2;
  font-weight: 200;
  align-items: center;
  width: 30%;
  z-index: 2;
}

.isl-countryBillingStripCount span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #24282e;
  font-size: 17px;
  color: #fff;
  font-weight: 600;
  margin-right: 10px;
}

.isl-countryBillingStripInfo {
  background: transparent linear-gradient(180deg, #028d87 0%, #002881 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px 0px 0px 10px;
  font-size: 12px;
  width: 70%;
  padding: 22px;
  color: #fff;
  text-align: right;
  letter-spacing: 0.3px;
  margin-left: -7px;
  z-index: 1;
}

.btn-isl-success--proceedPlan,
.btn-isl-success--proceedPlan:hover,
.btn-isl-success--proceedPlan:focus {
  background: #ff5800;
  padding: 9px 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

.multi-countrySelect--list {}

.multi-countrySelect--list__strip {
  background: #1a1e24;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 96%;
  position: relative;
  border-radius: 10px;
}

.multi-countrySelect--list__strip .form-group {
  margin: 0px;
}

.multi-countrySelect--list__strip select.form-control {
  background: #33373e;
  font-size: 11px;
  letter-spacing: 0.4px;
  padding: 0px 37px 0px 7px;
  border-radius: 8px;
  color: #fff;
}

.multi-countrySelect--list__strip .isl-paymentForBoth .nav-pills {
  background: #33373e;
  padding: 0px;
  border-radius: 8px;
  width: 320px;
}

.multi-countrySelect--list__strip .isl-paymentForBoth .nav-pills .nav-link.active {
  background: #149809;
}

.multi-countrySelect--list__strip .isl-paymentForBoth .material-icons {
  font-size: 13px;
  margin-right: 10px;
}

.multi-countrySelect--list__strip .isl-paymentForBoth .nav-pills .nav-link {
  border-radius: 10px;
  font-size: 12px;
  margin: 0px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.6px;
  font-weight: 600;
  padding: 6px;
}

.multi-countrySelect--list__strip .country-delete {
  position: absolute;
  font-size: 25px;
  color: #ff0000;
  right: -2vw;
  cursor: pointer;
}

.multi-countrySelect--list__strip .country-select {
  margin-left: 0.8vw;
  width: 35%;
}

.multi-countrySelect--list__strip .plan-select {
  width: 20%;
}

.multi-countrySelect--list__strip .isl-paymentForBoth {
  width: 35%;
}

.multi-countrySelect--list__strip .country-price {
  width: 10%;
}

.multi-countrySelect--list__strip .country-price {
  background: #fff;
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #1a1e24;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 10px 10px 0px;
}

.multi-countrySelect--list__strip .country-price span {
  font-size: 18px;
}

.btn-isl-success--proceedPay {
  background: #149809;
  padding: 9px 30px;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.btn-isl-success--proceedPay strong {
  font-size: 13px;
  font-weight: 600;
}

.multi-countrySelect--list__offer {}

.multi-countrySelect--list__offer .offerStrip {
  font-size: 0.75vw;
  border-radius: 10px 0px 0px 10px;
  padding-left: 25px;
  font-weight: 500;
  color: #fff;
  position: relative;
  letter-spacing: 0.5px;
  height: 47px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
}

.multi-countrySelect--list__offer .offerStripD {
  background: linear-gradient(180deg, #53575d 0%, #2e3238 100%);
}

.multi-countrySelect--list__offer .offerStripB {
  background: linear-gradient(180deg, #028d87 0%, #002881 100%);
}

.multi-countrySelect--list__offer .offerStripS {
  background: transparent linear-gradient(180deg, #b18f1f 0%, #bf3502 100%) 0% 0% no-repeat padding-box;
}

.multi-countrySelect--list__offer .offerStrip:not(:first-child) {
  margin-top: 5px;
}

.multi-countrySelect--list .multi-countrySelect--list__strip:not(:first-child) {
  margin-top: 12px;
}

.sucessMessage-icon {
  font-size: 45px;
  color: #fff;
  font-weight: 200;
}

.sucessMessage-title {
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.5px;
}

.sucessMessage-subTitle {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.isl-star--badge {
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px !important;
  margin-left: 14px;
  color: #d2d2d2;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.isl-star--badge.default {
  background: #444444;
}

.isl-star--badge.primary {
  background: #5ab6e1;
  border: 1px solid #5ab6e1;
}

.divSearchPosition {
    display: none;
}
.divSearchPosition {
  position: absolute;
  background: #1a1e24;
  width: 100%;
  padding: 20px;
  z-index: 99;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #505050;
  top: 32px;
}

.divSearchPosition ul {
  max-height: 200px;
  overflow-y: auto;
}

.divSearchPosition ul li {
  color: #ccc;
  border-bottom: 1px solid #ccc;
  padding: 6px 0px;
  font-size: 12px;
}


.myInput:focus .divSearchPosition, .myInput::focus .divSearchPosition {
    display: block;
}

.holdings--tab .islamicly--content__universe--tableOption {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
  border: 0px;
  background: #2B3139;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  border-radius: 10px;

}

.holdings--tab .islamicly--content__universe--tableOption .showUniverListBg {
  background: #145D8E;
  display: flex;
  width: auto;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  border-radius: 12px 0px 0px 12px;
  background: linear-gradient(180deg, #7669C1 0%, #3068DD 100%);
  clip-path: polygon(58% 0%, 100% 0, 88% 100%, 0 100%, 0 0%);
}

.holdings--tab .islamicly--content__universe--tableOption .userHoldingDetailsBg {
  background: #1B1E22;
  display: flex;
  width: auto;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  clip-path: polygon(10% 0%, 100% 0%, 88% 100%, 0% 100%);
  margin-left: -28px;
  flex-grow: 1.1;
}

.holdings--tab .islamicly--content__universe--tableOption .userHoldingDetailsBg p {
  padding-left: 50px;
}

.holdings--tab .islamicly--content__universe--tableOption .userHoldingValueChangesBg {
  display: flex;
  width: auto;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}

.holdings--tab .islamicly--content__universe--tableOption .userHoldingValueTrendingBg {
  background: #1B1E22;
  display: flex;
  width: auto;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  clip-path: polygon(13% 0%, 100% 0%, 88% 100%, 0% 100%);
}

.holdings--tab .islamicly--content__universe--tableOption .userHoldingValueTrendingBg p {
  padding-left: 40px;
}

.holdings--tab .islamicly--content__universe--tableOption p {
  font-size: 0.9vw;
  color: #D4D4D4;
  font-weight: 500;
  padding-left: 30px;
  margin: 0px;
}

 .holdings--tab .islamicly--content__universe--tableOption .p-absHoldings p {
  font-size: 15px;
  color: #fff;
}

.holdings--tab .islamicly--content__universe--tableOption .showUniverListBg p {
  color: #fff;
}

instamojo .holdings--tab .islamicly--content__universe--tableOption p strong {
  color: #fff;
  font-size: 1vw;
}

.holdings--tab .islamicly--content__universe--tableOption .holdingDetailsValueRight p {
  font-size: 15px;
  color: #E8E8E8;
  font-weight: 300;
  margin: 0px;
  padding-left: 3vw;
}

.holdings--tab .islamicly--content__universe--tableOption .holdingDetailsValueRight p strong {
  font-weight: 600;
}

.holdings--tab .islamicly--content__universe--tableOption .holdingDetailsValueRight .filter p {
  padding-left: 0vw;
}

.holdingsSearch .input-group-btn {
  width: 36px;
  background-color: #fff;
  border-radius: 8px 0px 0px 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.holdingsSearch .input-group-btn .material-icons {
  font-size: 21px;
  color: #4FBB9B;
  font-weight: 600
}

.holdingsSearch input {
  background-color: #fff;
  border-radius: 0px 8px 8px 0px;
  font-size: 13px;
  border: 0px;
  color: #444;
}

instamojo .holdings--seperation {
  border-bottom: 1px solid #ccc;
  padding-bottom: 11px;
  margin-top: 9px;
}

.holdings--seperation:nth-child(1) {
  margin-top: 0px;
}

.holdings--seperation:nth-child(3) {
  border-bottom: 0px solid #ccc;
}

.holdings--seperation p {
  color: #fff;
  font-size: 13px;
  margin-bottom: 5px;
}

.holdings--seperation p span {
  color: #C7C7C7;
}

.holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
  width: 15.5%;
  min-height: 295px;
      max-height: 310px;
  position: relative;
}

.p-absHoldings--seperations {
  position: absolute;
  bottom: 10px;
}

.holdings--tab .d-flex .flex-add .flex--tiles__title {
  margin-left: 20px;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
}

.holdings--tab .d-flex .flex-add .flex--tiles__title .material-icons {
  font-size: 40px;
  color: #fff;
}

.holdings--tab .islamicly--content__universe--Grid .flex-grid--content.flex-add {
  box-shadow: 0px 0px 0px #989898;
  border: 1px dashed;
  display: flex;
  align-items: center;
}

.holdings--tab .islamicly--content__universe--tableOption select {
  background: #2B3139;
  border: 0px;
  color: #41A9F0;
  font-weight: 600;
  font-size: 14px;
}

.holdings--tab .islamicly--content__universe--table tbody tr td .material-icons {
  font-size: 0.8vw;
  color: red;
}

.holdings--tab .islamicly--content__universe--table table tbody tr {
  position: relative;
  background: #191818;
}

.holdings--tab .islamicly--content__universe--table table tbody tr.total {
  background: #1A345C;
}

.holdings--tab .islamicly--content__universe--table table tr td,
.holdings--tab .islamicly--content__universe--table table tr th {
  padding: 5px 15px;
}

.holdings--tab .btn-isl-success {
  background: #108E0A;
  margin-right: 5px;
  color: #fff;
  padding: 9px 20px;
  font-size: 13px !important;
}

.addnewHoldings-value {}

.holdings--tab .islamicly--content__universe .p-absHoldings p,
.holdings--tab .islamicly--content__universe .p-absHoldings a {
  margin: 0px;
  font-size: 17px;
  color: #dedede;
}

#userHoldingGridList .islamicly--content__universe--Grid .flex-grid--content {
  max-height: 350px;
}

.addnewHoldings-value {}

.addnewHoldings-value .addNew-widget {
  background: #2a2d42;
}

.addnewHoldings-value .addNew-portfolio {
  background: #1a1c2b;
}

.addnewHoldings-value .addNew-widget h5 {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 30px;
}

.addnewHoldings-value .addNew-widget label {
  font-size: 14px;
  color: #eee;
  margin-bottom: 7px;
}

.addnewHoldings-value .addNew-widget input {
  border-radius: 6px;
  background: #454f63 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 15px #0000001f;
  font-size: 14px;
}

.addnewHoldings-value .addNew-widget select {
  background: #41adeb;
  color: #fff;
  border: 0px;
  font-size: 15px;
  border-radius: 6px;
  padding: 10px;
  margin-left: -6px;
}

.addnewHoldings-value .addNew-widget .btn-isl-primary {
  background: #41adeb;
  display: flex;
  justify-self: center;
  align-items: center;
  height: 42px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
  justify-content: center;
  margin: 25px 0px;
  font-weight: 500;
}

.addnewHoldings-value .addNew-portfolio {}

.addnewHoldings-value .addNew-portfolio ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.addnewHoldings-value .addNew-portfolio ul li {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1c2b;
  border-radius: 6px;
  margin-top: 5px;
  font-size: 13px;
  color: #fff;
  /*padding: 9px;*/
  cursor: pointer;
}

.addnewHoldings-value .addNew-portfolio ul li.active {
  background: #1a1c2b;
}

#userHoldingGridList {
  height: 68vh;
}

.custAccordion .card ul {
  margin-top: 6rem;
}

.divSearchPosition ul:hover {
  background: #3eb9bc;
}

.divSearchPosition ul:hover li {
  color: #fff;
  cursor: pointer;
}

.divSearchPosition ul li {
  padding: 6px 5px;
}

.modalOptionsmodelPopupCountryFacbookUsercss.modal .modal-content {
  border-radius: 8px;
  padding: 10px;
}

.modalOptionsmodelPopupCountryFacbookUsercss select.form-control:not([size]):not([multiple]),
.modalOptionsmodelPopupCountryFacbookUsercss .form-control {
  border: red;
  background: #333333;
  font-size: 16px;
  height: 46px;
  border-radius: 10px;
}

.modalOptionsmodelPopupCountryFacbookUsercss.modal .modal-footer {
  border: 0px;
}

.advanceModelPopupF .modal-header {
    padding: 0.5rem 1rem;
}
.advanceModelPopupF .modal-header .close {
    font-size: 21px;
    margin-right: 0px;
    margin-top: -15px;
}
.disscussionPopup11 label {
    font-size: 15px;
    margin-bottom: 0px;
}
.advanceModelPopupF tbody tr td:last-child {
    text-align: left;
}
.islamicly--content__articles--details .blog-content-strip {
    margin-top: 0px;
}
#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content {
        margin-top: 15px !important;
}
#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(1) {
    margin-top: 0px !important;
}
#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(2) {
    margin-top: 0px !important;
}
#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(3) {
    margin-top: 0px !important;
}
#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(4) {
    margin-top: 0px !important;
}
#articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(5) {
    margin-top: 0px !important;
}
    .user-details a.editProfile.active {
            background: -webkit-linear-gradient(#6dc069, #28b5e0);
    -webkit-background-clip: text;
        font-weight: 600;
    -webkit-text-fill-color: transparent;
        border-bottom: 1px solid;
    border-image-source: linear-gradient(45deg, #6dc069, #28b5e0);
    border-image-slice: 1;
    }
    .nav-item .user-details a.editProfile.active {
    border-bottom: 1px solid ;
}
.profile--header input {
 font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.editprofileSection .table>thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #070713;
}
.editprofileSection input:-webkit-autofill, 
.editprofileSection input:-webkit-autofill:hover, 
.editprofileSection input:-webkit-autofill:focus, 
.editprofileSection textarea:-webkit-autofill, 
.editprofileSection textarea:-webkit-autofill:hover, 
.editprofileSection textarea:-webkit-autofill:focus, 
.editprofileSection select:-webkit-autofill, 
.editprofileSection select:-webkit-autofill:hover, 
.editprofileSection select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #1a1e24 inset;
    transition: background-color 5000s ease-in-out 0s;
}
.nav-item a.active {
    border-bottom: 0px solid #6dc069;
}

/*Scale CSS*/
.progressBarCustom {
    height: 100px;
}
.progress.progress-isl {
background: #fb0e00;
    height: 14px;
    border-radius: 10px;
}

.progress.progress-isl .one, .progress.progress-isl .two, .progress.progress-isl .three, .progress.progress-isl .four{
    position: absolute;
    margin-top: -2px;
    z-index: 1;
    height: 16px;
    width: 16px;
    border-radius: 25px;
    background: white;
	
}
.progress.progress-isl label {
position: relative;
    top: -21px;
    width:  max-content;
}
.progress.progress-isl .one{
	/*left:0%;*/
}
.progress.progress-isl .two{
	left:50%;
}
.progress.progress-isl .three{
	left:75%;
}
.progress.progress-isl .four {
	left:97%;
}
.progress.progress-isl .l-10 {
    left: 10%;
}
.progress.progress-isl .l-20 {
    left: 20%;
}
.progress.progress-isl .l-30 {
    left: 30%;
}
.progress.progress-isl .l-40 {
    left: 40%;
}
.progress.progress-isl .l-50 {
    left: 50%;
}
.progress.progress-isl .l-60 {
    left: 60%;
}
.progress.progress-isl .l-10 {
    left: 10%;
}
.progress.progress-isl .l-70 {
    left: 70%;
}
.progress.progress-isl .l-80 {
    left: 80%;
}
.progress.progress-isl .l-90 {
    left: 90%;
}
.progress.progress-isl .l-15 {
    left: 15%;
}
.progress.progress-isl .l-25 {
    left: 25%;
}
.progress.progress-isl .l-35 {
    left: 35%;
}
.progress.progress-isl .l-45 {
    left: 45%;
}
.progress.progress-isl .l-55 {
    left: 55%;
}
.progress.progress-isl .l-65 {
    left: 65%;
}
.progress.progress-isl .l-75 {
    left: 75%;
}
.progress.progress-isl .l-85 {
    left: 85%;
}
.progress.progress-isl .l-95 {
    left: 95%;
}

/*Scale CSS END*/
.isl-portfolio--stocks__data .table>thead>tr>th, .islamicly--content__universe--table .table>thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #000000;
}
.table>thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: transparent;
}
.islamicly--content__dashboard .carouselHome .slick-prev:before, .islamicly--content__dashboard .carouselHome .slick-next:before {
    color: #00c3ff !important;
    display: none;
}
.islamicly--content__dashboard .homeMapSlide .slick-prev:hover, .islamicly--content__dashboard .homeMapSlide .slick-prev:focus, .islamicly--content__dashboard .homeMapSlide .slick-next:hover, .islamicly--content__dashboard .homeMapSlide .slick-next:focus {
    outline: none;
    background: #09b9dc !important;
    color: #fff !important;
}
.islamicly--content__dashboard .homeMapSlide .slick-prev {
    left: 10%;
}
.islamicly--content__dashboard .homeMapSlide .slick-next {
    right: 10%;
}
.islamicly--content__dashboard .homeMapSlide .slick-next, .islamicly--content__dashboard .homeMapSlide .slick-prev {
    top: 98%;
}
.wordlMapTiles.carousel.homeMapSlide .isl-market__viewMore, .wordlMapTiles.carouselHome.homeMapSlide .isl-market__viewMore {
    bottom: -13px;
}

/*, #divtopthreeflex .isl-market__viewMore*/
#modal-fullscreen2 .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border: 0px;
    background: #697a6d;
    height: 40px;
    padding: 0px 0px 0px 20px;
    border-radius: 8px 8px 0px 0px;
}

/* Custom dropdown */
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0px; 
  width: 100%;
}

.custom-dropdown select {
  background-color: rgb(41, 128, 185);
  color: #fff;
font-size: 13px;
    letter-spacing: 1px;
  padding: .5em;
  padding-right: 2.5em;	
  border: 0;
  margin: 0;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  -moz-appearance: none;
  -webkit-appearance:none;
  appearance: none;
  width: 100%;
  font-weight:  400;
}
.custom-dropdown select::-ms-expand {
    display: none;
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;

}

.custom-dropdown::after {
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before { 
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0,0,0,0.2);
}

.custom-dropdown::after {
  color: rgba(255,255,255,.9);
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.25);
}
.modal-dialog .modal-body .input-group:first-child {
    margin-top: 30px;
}
.modal-dialog .modal-body .input-group label {
    width: 100%;
}
.modal-dialog .modal-body .input-group .form-group {
    margin-bottom: 20px;
    width: 100%;
}
.modal-header .close {
    padding: 0rem;
    margin: 0;
}
.modal .modal-header {
    border: none;
    padding: 1rem 1rem 0.3rem;
}
.modal {
    overflow: hidden;
    width: 100%;
}
.holdingsSearch .input-group {
    max-width: 430px;
}

.holdingsSearch input, .holdingsSearch input:hover, .holdingsSearch input:focus, .holdingsSearch input:active {
    background-color: #24282e;
    border-radius: 8px 8px 8px 8px !important;
    color: #d8d1d1;
    letter-spacing: 1px;
    border: 0px;
    height: 40px!important;
}
.holdingsSearch .input-group-btn {
background: transparent !important;
    border-radius: 0px 8px 8px 0px;
    margin-left: -38px;
    z-index: 999;
}
#holdingListGrid .holdingsSearch input {
  background-color: #fff;
  border-radius: 0px 8px 8px 0px !important;
  font-size: 13px;
  border: 0px;
  color: #444;
}
#holdingListGrid .holdingsSearch .input-group-btn {
    padding: 7px;
        background: #fff !important;
        border-radius: 4px 0px 0px 4px; 
}
#holdingListGrid .islamicly--content__universe--tableOption select {
    font-size: 12px;
    padding: 3px 0px;
}

.articleTop--filter .d-flex {
    justify-content: flex-end;
    display: flex;
}
.articleTop--filter ul {
    display: flex;
}
.articleTop--filter ul li:not(:last-child) {

}
.articleTop--filter ul li a {
color: #ccc;
font-size: 13px;
}
.articleTop--filter ul li:not(:last-child) a {
        margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
.articleTop--filter ul li a.active {
color: #fff;
}
.col-md-4.overAllComplaint--addDiscussion__strip.chatSection {    
        flex: 0 0 32.5%;
    max-width: 32.5%;
}
.chatSection .chatSection-left .chatDateStart {
    font-size: 0.7vw;
}
.chatSection .chatSection-left .chatUserName {
    font-size: 0.8vw;
    padding: 3px 6px 3px 9px;
        text-transform: capitalize;
}
.islamicly--content__help .chatSection-left--actions {
    margin-top: 15px;
    justify-content: flex-start;
}
.islamicly--content__help .chatSection-left--actions {
    margin-left: 8px !important;
}
.islamicly--content__help .chatSection .chatSection-left {
    margin-top: -37px;
}
.islamicly--content__help .col-md-4.overAllComplaint--addDiscussion__strip {
    margin-top: 3vh;
       min-height: 9.7vh;
}
.islamicly--content__help .col-md-4.overAllComplaint--addDiscussion__strip:not(:first-child), .islamicly--content__help .col-md-4.overAllComplaint--addDiscussion__strip:not(:nth-child(2)), .islamicly--content__help .col-md-4.overAllComplaint--addDiscussion__strip:not(:nth-child(3)) {
    margin-top: 5vh;
}
.islamicly--content__help .chatSection-left--actions span:last-child {
    margin-left: 2px;
}
.islamicly--content__help .chatSection-left--actions span {
    display: flex;
    padding-right: 4px;
    margin-left: 2px;
    align-items: center;
}
/*.overAllComplaint--addDiscussion__strip:nth-child(even) p, .overAllComplaint--addDiscussion__strip:nth-child(even) p.chatSection-left--actions {
    margin-left: 0px !important;
}*/
.chatSection-left--actions {

}
#fourmReplyLists .overAllComplaint--addDiscussion__strip.chatSection .user-image, #divForumDescriptionList .overAllComplaint--addDiscussion__strip.chatSection .user-image {
        height: 75px;
    border-radius: 8px 0px 8px 8px;
    margin-top: -35px;
        margin-right: 15px;
}
#fourmReplyLists .overAllComplaint--addDiscussion__strip.chatSection, #divForumDescriptionList .overAllComplaint--addDiscussion__strip.chatSection {
    padding: 14px 10px 15px 1px;
        width: 100%;
}
.reply-chatUserDetails {
    margin-left: 90px !important;
        color: #fff;
    font-size: 13px;
    line-height: 19px;
    background: #0070be;
    display: table;
    padding: 3px 13px;
    border-radius: 0px 8px 0px 0px;
    margin-bottom: -1px;
}
.reply-chatrightSection {
    align-items: center;
}
.reply-chatrightSection p {
    margin: 0px;
}

.overAllComplaint--addDiscussion__strip.chatSection .replyChat {
    background: #0070be;
    border-radius: 20px;
    color: #fff;
    padding: 4px 10px;
    font-size: 11px;
    display: flex;
    width: fit-content;
}
.discussionsDetails--right__title {
        border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin: 0px;
}
.discussionsDetails--right .artciles-tiles--img {
    border-radius: 12px;
    height: 9vh;
    max-width: 6vw;
    text-align: center;
    justify-content: center;
    display: block;
    margin: 0 auto;
    margin-top: -3vh;
    box-shadow: 0px 0px 19px 0px #171515;
}
.discussionsDetails--right .flex-grid--content__bg {
    width: 100%;
}
.discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions {
    margin-top: 15px;
}

.discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions {
    justify-content: flex-start;
    align-items: center;
}
.discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions span:last-child {
    padding-right: 0.1vw;
    margin-left: 0.1vw;
}
.discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions span {
        padding-right: 6px;
        font-size: 0.7vw;
    padding-left: 2px;
    display: flex;
    align-items: center;
}
.discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions span .material-icons {
    font-size: 0.7vw;
    margin-right: 0.2vw;
    color: #a5bbc9;
}
.discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions {
    margin-left: 10px !important;
    margin-bottom: 0px !important;
}
.discussionsDetails--right .flex-grid--content__bg .articles-bottom--actions {
    font-size: 0.65vw;
}
.discussionsDetails--right .islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content .flex-grid--content__bg .table-stockName {
    font-size: 0.73vw;
    line-height: 1.2;
        margin-top: 13px;
    margin-bottom: 10px;
}
.discussionsDetails--right .islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
        height: auto;
    min-height: 14vh;
}
.ScreenCriteriaPopUP {
    max-height: 60vh;
}
    .ScreenCriteriaPopUP .mainContainer.ShariahScreeningPage {
        padding-top: 0px !important;
    }

.overAllComplaint--addDiscussion__chat .chatSection .chatSection-left .chatUserName {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    background: transparent;
    display: table;
    padding: 0px 0px;
    border-radius: 0px;
}
.overAllComplaint--addDiscussion__chat .overAllComplaint--addDiscussion__strip.chatSection .replyChat {
    background: transparent;
    border-radius: 0px;
    color: #fff;
    padding: 0px;
    padding-right: 7px;
    font-size: 11px;
    display: flex;
    width: fit-content;
}
.islamicly--content__help .discussionsDetails--right .chatSection {
    margin-top: 4.9vh;
}
.replyChat{
    cursor: pointer;
}

.islMarketPayment {
    width: 100%;
}
.islMarketPayment-navigation--top ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.islMarketPayment-navigation--top ul li {
    display: flex;
    justify-content: space-around;
    width: 25%;
        font-size: 12px;
    color: #b3afaf;
    cursor: pointer;
    letter-spacing: 0.7px;
}
.islMarketPayment-navigation--top ul li.active {
    color: #fff;
}
.islMarketPayment-navigation--top ul li span:first-child {
    display: block;
    line-height: 1.3;
}
.islMarketPayment-navigation--bottom input.form-control {
    background: #383e45;
    border: 1px solid #707070;
    color: #A5BBC94D;
    width: 96%;
    float: right;
    display: flex;
    margin-left: 4%;
    padding: 13px 10px;
}
.islMarketPayment-selectedBox {
    display: flex;
    width: 100%;
    align-items: center;
        margin-right: -3px;
}
.islMarketPayment-selectedBox--counter {
    background: #275CD3 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #0000004D;
    border-radius: 10px 0px 0px 10px;
        width: 30%;
            margin-bottom: 0px !important;
    opacity: 1;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.islMarketPayment-selectedBox--counter span.counter {
    background: #24282E 0% 0% no-repeat padding-box;
    float: left;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    margin-right: 12px;
}
.islMarketPayment-selectedBox--counter p {
        justify-content: center;
    align-items: center;
}
.islMarketPayment-selectedBox--marketDiscount {
        width: 70%;
background: transparent linear-gradient(180deg, #028D87 0%, #002881 100%) 0% 0% no-repeat padding-box;
    font-size: 14px !important;
    font-weight: 600;
    letter-spacing: 0px !important;
    text-align: right;
    padding-right: 20px;
    color: #ffffff !important;
    height: 95px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
        display: flex;
    justify-content: flex-end;
    align-items: center;
}
.islMarketPayment-selectedBox--marketDiscount p {
    font-size: 14px;
    letter-spacing: 0.6px;
    color: rgba(255, 255, 255, 0.9) !important;
}
.islMarketPayment-selectedBox--marketDiscount span {
    font-weight: 400;
    color: #ccc;
    font-size: 13px;
}

.islMarketPayment .country-market--list {
    margin-left: 20px;
    margin-top: 30px;
}
.islMarketPayment .country-market--list li {
    float: left;
    width: 25%;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    margin: 15px 0;
    padding-left: 20px;
    cursor: pointer;
    letter-spacing: 0.6px;
}
.islMarketPayment .country-market--list li .material-icons {
    visibility: hidden;
}
.islMarketPayment .country-market--list li.active {
    color: rgba(255, 255, 255, 0.8);
}
.islMarketPayment .country-market--list li.active .material-icons {
      visibility: visible;
}
#marketPaymentList {
    height: 45vh;
}
.islMarketPayment .btn-isl-success--proceedPlan {
    margin-left: 2%;
    margin-top: 4vh;
    border-radius: 8px;
}

.islMarketPayment .custom-dropdown select {
    background-color: #33373E;
    font-size: 12px;
    border-radius: 8px;
    padding: 10px 15px;
    width: 100%;
}
.islMarketPayment .custom-dropdown::before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    background-color: #33373E;
}
.islMarketPayment .isl-paymentForBoth .nav-pills {
    width: 100%;
}
.islMarketPayment .isl-paymentForBoth .nav-pills .nav-link {
    border-radius: 8px;
           padding: 10px 1px 10px;
    font-size: 0.8vw;
    font-weight: 400;
}

.islMarketPayment .isl-paymentForBoth .nav-pills .nav-link .material-icons {
    font-size: 0.8vw;
    margin-right: 10px;
}
.islMarketPayment .isl-paymentForBoth .nav-pills .nav-link.active {
    background: #149809;
}
.islMarketPayment .btn-isl-success {
    position: relative;
}
.market-select--list__count {
    background: #101010;
    border-radius: 10px;
    align-items: center;
    position: relative;
}
.market-select--list__count .input-group {
    margin-left: 15px;
}
.market-select--list__count .custom-dropdown select {
    background-color: #33373E;
    font-size: 11px;
    border-radius: 8px;
    padding: 4px 15px;
    width: 100%;
}
.market-select--list__count .custom-dropdown {
    width: 90%;
}
.market-select--list__count--price {
    display: flex;
    background: #FFFFFF;
    border-radius: 0px 10px 10px 0px;
    color: #1A1E24;
    font-size: 19px;
    font-weight: 600;
    padding: 8px;
    width: 20%;
    justify-content: center;
    align-items: center;
}
.market-select--list__count--price span {
    font-size: 12px;
    position: relative;
    top: 2px;
}
.market-select--list__count--action span {
position: absolute;
    right: -10px;
    font-size: 16px !important;
      top: 15px;
    color: #FF0000;
    right: -25px;
    cursor: pointer;
}
.market-select--list__count--price.disabled {
    opacity: 0.5
}
.market-select--choice__count {
background: #35393e;
    border-radius: 10px 0px 0px 10px;
    align-items: center;
    position: relative;
    background: transparent linear-gradient(180deg, #54585d 0%, #262a30 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.6px;
    height: 44px;
    padding-left: 20px;
        width: 100%;
    float: right;
    margin-left: 20px;
}

.market-select--choice__count.primary {
    background: transparent linear-gradient(180deg, #028D87 0%, #002881 100%) 0% 0% no-repeat padding-box;
}
.market-select--choice__count.secondary {
    background: transparent linear-gradient(180deg, #B18F1F 0%, #BF3502 100%) 0% 0% no-repeat padding-box;
}
.havePromoCode {
        font-size: 11px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}
.havePromoCode span {
        font-size: 13px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: underline;
    cursor: pointer;
}

.havePromoCode.applied span {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.havePromoCode.applied span.material-icons {
     color: #FF0000 !important;
cursor: pointer;
}
.searchPromoCode input, .searchPromoCode input:hover, .searchPromoCode input:focus {
    background: #454F63 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 15px #0000001F;
border-radius: 12px 0px 0px 12px;
opacity: 1;
font-size: 14px;
height: 44px;
border: 0px;
}
.searchPromoCode .apply-button {
    background: #454F63 0% 0% no-repeat padding-box;
border-radius: 0px 12px 12px 0px;
height: 44px;
opacity: 1;
margin: 0px;
margin-left: -1px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #FEC513;
}
#offerPopUP h6 {
   letter-spacing: 0.5px;
   color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
}
.coupons-panel {
    display: flex;
    background: #191B1F;
    padding: 15px 0px;
    align-items: center;
}
.coupons-panel .col:first-child {
    flex-grow: 7;
}
.apply-button {
    color: #FEC513;
}
.coupons-panel h5 {
    font-size: 13px;
    margin: 0px;
    letter-spacing: 0.5px;
    line-height: 1.4;
}
.coupons-panel  p {
    font-size: 12px;
    line-height: 1.4;    
    margin: 0px;
    margin-top: 5px;
    text-align: justify;
}
.isl-badge {
position: absolute !important;
    background: #fc6200;
    color: #fff;
    top: -11px;
    right: 10px;
    font-size: 10px;
    padding: 1px 6px 1px;
    border-radius: 5px;
}

.strikediag {
  display: inline-block;
  position: relative;
}
.strikediag::before {
    content: '';
    position: absolute;
    left: -0.05em;
    right: -0.1em;
    top: 0.6em;
    bottom: 0.38em;
    background: linear-gradient(to left top, transparent 45.5%, currentColor 47.5%, currentColor 52.5%, transparent 54.5%);
    pointer-events: none;
}
.islMarketPayment .isl-paymentForBoth--plans .title h1 {
    font-size: 1vw;
    line-height: 1;
    color: #dadada;
    font-weight: 400;
}
.islMarketPayment .isl-paymentForBoth--plans .material-icons {
    color: #fff;
    font-weight: 100;
    font-size: 23px;
}

.islMarketPayment .isl-paymentForBoth--plans .price h1 {
    font-size: 1vw;
    line-height: 1.2;
    font-weight: 600;
}
.islMarketPayment .isl-checkout .isl-paymentForBoth--plans h1 {
    font-size: 15px;
}
.discount-remove--btn {
    color: #FF0000;
    font-size: 11px;
    font-weight: 200;
}

.islMarketPayment .price-select--icons {
    height: 45px;
}
.islMarketPayment .summary-message {
    justify-content: center;
    align-items: center;
    max-width: 500px;
}
.islMarketPayment .summary-message .material-icons {
    font-size: 50px;
    font-weight: 200;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 6px;
}
.summary-message--congrts {
    font-size: 27px !important;
    font-weight: 600;
    letter-spacing: 1px !important;
    color: #dcdcdc !important;
    margin: 0px !important;
}
.summary-message--success {
      font-size: 20px !important;
    margin: 0px !important;
    color: #c1c1c1 !important;
    font-weight: 300;
}
.summary-message--complete {
        font-size: 13px !important;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.7) !important;
}
.summary-message--complete__redirect {
    text-decoration: none !important;
}
.summary-message--complete__redirect .btn-isl-success {
    font-weight: 500;
    font-size: 12px;
}
.addNew-widget .input-group-addon {
    width: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px;
    margin-left: -3px;
    background: #454f63;
}
.addnewHoldings-value .modal-header {
background: #454f63;
    padding: 0.5rem 1rem 0.5rem;
}
#myHoldingsListHeight .table tr {
    cursor: pointer;
}


/*Loader Css*/
.loader3 {
    width:50px;
    height:50px;
    display:inline-block;
    padding:0px;
    text-align:left;
    padding: 0px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: -webkit-fill-available;
    width: 100%;
    position: absolute;
 }
 .loader3 span {
    position:absolute;
    display:inline-block;
    width:50px;
    height:50px;
    border-radius:100%;
    background:rgba(135, 211, 124,1);
    -webkit-animation:loader3 1.5s linear infinite;
    animation:loader3 1.5s linear infinite;
 }
 .loader3 span:last-child {
    animation-delay:-0.9s;
    -webkit-animation-delay:-0.9s;
 }
 @keyframes loader3 {
    0% {transform: scale(0, 0);opacity:0.8;}
    100% {transform: scale(1, 1);opacity:0;}
 }
 @-webkit-keyframes loader3 {
    0% {-webkit-transform: scale(0, 0);opacity:0.8;}
    100% {-webkit-transform: scale(1, 1);opacity:0;}
 }
/*Loader Css End*/

/*Custom Radio Css*/
.userTupeCheckbox label {
    position:relative;
    cursor:pointer;
        margin-right: 10px;
    background: #454F63;
    font-size: 13px;
        width: 90%;
    border-radius: 8px;
        box-shadow: 0px 3px 3px 0px #000;
}
.userTupeCheckbox label [type="checkbox"] {
    display:none;
}
.userTupeCheckbox [type="checkbox"] + span {
    display:inline-block;
               width: 100%;
    padding:1em;
   border-radius: 8px;
}
.userTupeCheckbox label :checked + span {
    background:#53bdea;
    display:inline-block;
}
/*Custom Radio Css End*/


.addnewHoldings-value .input-group-text {
    color: #ffffff;
    background-color: #454f63;
    border: 1px solid #454f63;
}
.islamicly--content__universe--table tbody tr td a {
    color: #eaeaea;
}
.islamicly--content__universe .history p span:first-child a {
    color:#8b9daa;
}
.islamicly--content__universe .history p span:last-child a, .islamicly--content__universe .history p span a:hover {
    color:#fff;
}
#stockComplianceRisk h5 {
    display: flex;
    align-items: center;
    font-size: 14px;
}
#stockComplianceRisk p {
    font-size: 12px;
    line-height: 1.2;
}
.compliance-value{
    height: 10px;
    width: 10px;
    background: #3c3e42;
    border-radius: 50%;
}
.compliance-value--low {
    background: #299031;
}

.compliance-value--medium {
    background: #feb100;
}

.compliance-value--high {
    background: #fc4d00;
}
.customvtab.islaamicly--tabs .tab-content .modal-content .pagwwiseloaderCSS {
    margin: 21% 46% !important;
}
/*.customvtab.islaamicly--tabs .tab-content .isl-user-profile .pagwwiseloaderCSS {
    margin: 33vh 42.5% !important;
}*/
.customvtab.islaamicly--tabs .tab-content .isl-user-profile .pagwwiseloaderCSS {
    margin: 33vh 42.5% !important;
}
a.datepicker-button.default:hover, a.datepicker-button.default:focus {
    background-color: transparent;
}
.islamicly--content__help .nav-item:first-child .nav-link {
    border-radius: 6px 0px 0px 6px;
}
.islamicly--content__help .nav-item:last-child .nav-link {
    border-radius: 0px 6px 6px 0px;
}
.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    margin: 0px 0px;
}
.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
  box-shadow: 2px 2px 2px rgba(204, 204, 204, 0.2);
  width: 19%;
}
.islamicly--content__dashboard .allWidgetResponsove .d-flex .placeholder {
    -webkit-box-shadow: 0px 0px 2px 3px #888;
    -moz-box-shadow: 0px 0px 2px 3px #888;
box-shadow: 0px 0px 2px 3px #888;
}

.islamicly--content__dashboard .homeMapSlide .slick-next:before, .islamicly--content__dashboard .homeMapSlide .slick-prev:before {
 display: none !important;
}
.modal-body .btn-danger {
    background: #ef5350;
    border: 1px solid #ef5350;
    -webkit-box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    box-shadow: 0 2px 2px 0 rgba(239, 83, 80, 0.14), 0 3px 1px -2px rgba(239, 83, 80, 0.2), 0 1px 5px 0 rgba(239, 83, 80, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
.isl-portfolio--details .panel-content--ManageStock {float: none;}
#AddStockstoPortfolio .islamicly--content__universe--tableOption {
        align-items: center;
    margin-top: 10px;
}

#AddStockstoPortfolio .islamicly--content__universe--tableOption .search {
    margin-left: 10px;
}

#AddStockstoPortfolio .modal-content .btn-isl {
    margin: 15px 0px 15px 10px;
}
#AddStockstoPortfolio .modal-content .slimScrollDiv {
    width: 98% !important;
    margin: 0 auto;
}

.btn-isl.btn-danger, .btn-isl.btn-danger:hover, .btn-isl.btn-danger:focus {
font-size: 16px;
font-weight: 600;
padding: 6px 15px;
color: #fff;
display: flex;
align-items: center;
border: 0px;
box-shadow: none;
}
.customvtab.islaamicly--tabs .tab-content .pagwwiseloaderCSS.trans {
        background: rgba(0,0,0,0) !important;
}
.custom-dropdown select.form-control:focus, .custom-dropdown select.form-control:hover  {
    background-color: rgb(41, 128, 185) !important;
    border: 0px !important;
}
.searchTop .select2-container {
max-width: 100% !important;
    margin-left: 0px;
    width: 100%!important;
}
.dark-theme .panel-title a {
    cursor: pointer;
}
.overAllComplaint--addHoldings p:after {
    display: none !important;
}

.overAllComplaint--addHoldings.islamicly--content__universe--Grid p {
    color: #a5bbc9;
    font-size: 14px;
    padding-left: 0px;
    padding-top: 10px;
}
.overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
    min-height: 40vh;
    max-height: 40vh;
}

.overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content.flex-add {
margin: 0px;
    width: 100%;
        box-shadow: 0px 0px 0px #989898;
    border: 1px dashed;
    display: flex;
    align-items: center;
}
.overAllComplaint--add .overAllComplaint--addHoldings__TitleHeading {
    font-size: 0.86vw !important;
    padding: 0px; 
    margin: 0px;
    background: linear-gradient(180deg, #7669C1 0%, #3068DD 100%);
    color: #fff !important;
    padding: 9px 20px !important;
    border-radius: 10px 10px 0px 0px;
}

.overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content.flex-add .flex--tiles__title .material-icons {
    font-size: 40px;
    color: #fff;
}
.overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content.flex-add .flex--tiles__title {
    margin-left: 20px;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
}
.islamicly--content__universe--Grid .flex-grid--content {
    width: 15.59%;
}
#divFormDiscusion .simplebar-content {
        display: flex;
    width: 100%;
    height: 100%;
}

#divFormDiscusion .simplebar-content p {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.overAllComplaint--addDiscussion__chat .no-old-chatFoundDIV .startChat--new {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.overAllComplaint--addDiscussion__chat .no-old-chatFoundDIV .material-icons {
    float: none;
    width: auto;
}
.overAllComplaint--addDiscussion__chat .no-old-chatFoundDIV span {
   float: none;
}

#scrapBookTableHeader tbody tr:nth-child(1) {
        background: linear-gradient(180deg,#184186 0,#358ad0 100%);
}

.mapped-stocks--heading {
    display: flex;
    align-items: center;
}
.isl-table-top__valueTable {
     width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background: #f9264e;
        margin-left: 10px;
    font-size: 14px;
        border-radius: 50%;
        color: #fff;
}
.mapped-stocks--heading .isl-table-top__value {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background: #149809;
        margin-left: 10px;
    font-size: 14px;
        border-radius: 50%;
}
.stocked-mapped--data {
    display: flex;
    justify-content: flex-end;
}
.stocked-mapped--data .btn.btn-isl-primary, .stocked-mapped--data .btn.btn-isl-primary:focus, .stocked-mapped--data .btn.btn-isl-primary:hover {
    background: transparent !important;
        color: #fff;
    font-size: 12px;
    border: 0px !important;
}
.stocked-mapped--data p:first-child {
    background: #4d2400;
    border: 1px dashed #d26100;
        margin-right: 20px;
        color: #fff;
        border-radius: 6px;
}
.stocked-mapped--data p:first-child span {
    color: #fff;
    background: #803c00;
    border-radius: 6px;
     border: 1px dashed #d26100;
}

.stocked-mapped--data p:last-child {
    background: #4a0c19;
    color: #fff;
    border: 1px dashed #cd2143;
    border-radius: 6px;
}
.stocked-mapped--data p:last-child span {
    background: #7a1329;
    color: #fff;
    border-radius: 6px;
     border: 1px dashed #cd2143;
}
.stocked-mapped--data p {
    padding: 0px 10px 0px 0px;
}
.stocked-mapped--data p  span {
    float: left;
    width: 40px;
    height: 100%;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stocked-mapped--data p a {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 10px;
}
.stocked-mapped--data p a span {
float: none;
    display: flex;
    width: auto;
    height: auto;
    background: transparent !important;
    justify-content: flex-start;
    font-size: 10px;
    text-decoration: underline;
    border: 0px !important;
    margin-bottom: 5px;
}
#mymodalNonMapped .isl-btn--success {
background: #104710;
    padding: 1px 10px;
    color: #fff;
    border-radius: 6px;
    border: 1px dashed #07e400 !important;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
}
#mymodalNonMapped .scarp-table.table > thead > tr > th, #mymodalNonMapped  .table-striped tbody tr:nth-of-type(even), .tablerowSelected.table > thead > tr > th  {
    background: #1a1e24;
}
#mymodalNonMapped  .table-striped tbody tr:nth-of-type(odd) {
    background: #0f1215;
}
 #mymodalNonMapped .scarp-table.table tr th, #mymodalNonMapped .scarp-table.table tr td {
     padding: 0.3rem 0.5rem;
 }
 #exampleNonMappped {
     height: 500px;
     overflow-y: scroll;
 }
 .tablerowSelected span .material-icons {
    font-size: 11px;
    color: #44960d;
}

  .tablerowSelected span .material-icons.red {
     color: rgba(255, 0, 0, 1);
 }
 #mymodalNonMapped  .tablerowSelected:not(:first-child) {
      margin-top: 15px;
  }
  #mymodalNonMapped  .table>thead>tr>th {
    position: relative;
    top: 0;
    z-index: 9;
    background: transparent;
}

  .universe-listBottom--nostockParents1 {
      margin-top: -100px;
    margin-bottom: 82px;
    border-bottom: 1px dashed #ccc;
}
.universe-listBottom--nostock1 {
margin-top: 30px;
    border-radius: 10px;
    padding: 12px 25px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin: 30px auto 0px;
    position: relative;
    top: 98px;
    background: transparent;
}
.universelist-stock--titlem {
    text-align: center;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
    position: relative;
    margin-top: 15px;
}
.universelist-stock--titlem span {
    background: black;
    z-index: 999999;
    padding: 0 21px;
    text-align: center;
    z-index: 99999;
    position: absolute;
    left: 45%;
}
.universelist-stock--titlem:after {
    display: inline-block;
    content: "";
    border-top: 0px solid #fff;
    height: 4rem;
    transform: translateY(90%);
    /* margin-right: 0px; */
    width: 100%;
    content: ".";
    font-size: 0;
    color: transparent;
    height: 1px;
    background: #000;
    vertical-align: middle;
    position: relative;
    top: -1px;
    background-color: #fff;
    z-index: 9;
}
.unlockMarketMapStocks {
    background: #1e4922;
    border: 1px dashed #217a1e;
    border-radius: 8px;
    color: #fff;
    padding: 5px 15px;
        width: fit-content;
    margin-top: 20px;
    cursor: pointer;
}
 #mymodalNonMapped  .trdFilterNonMappped .universe-list--noStock:after {
    top: 19px;
    z-index: 9;
}
 #mymodalNonMapped .trdFilterNonMappped .universe-list--noStock {
    margin-top: 15px;
}
#mymodalNonMapped .trdFilterNonMappped .universe-list--noStock__top {
    font-size: 1.2rem;
    position: absolute;
    left: 13.5%;
    z-index: 99;
}
.universe-listBottom--nostockParents.newStrip {
    border: 0px;
}
.newStrip .universe-listBottom--nostock {
    background: #1b4352;
    margin-top: 30px;
    border-radius: 10px;
    padding: 12px 25px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    width: 50%;
    margin: 30px auto 0px;
    position: relative;
    top: 0px;
    border: 1px dashed #0a7a9d;

}
.newStrip .universe-listBottom--nostock p:last-child {
    text-decoration: underline;
    font-size: 17px;
}
.islamicly-recentlyVisit--verticalScroll .slider--item {
    width: 100% !important;
}
.islamicly-recentlyVisit--verticalScroll .slick-slider {
    margin-bottom: 5px;
}    
.scrollbar::-webkit-scrollbar {
	width: 9px;
    	border-radius: 10px;
	background-color: #9c9c9c;
}

.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #9c9c9c;

}

.scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


#list-wrapper {
    height: 71vh;
    overflow-y: scroll;
 	margin-left: 0px;
	float: left;
	background: #000000;
	overflow-y: scroll;
	margin-bottom: 25px;

}
.universeGrid{min-height: 100vh}
.video-play{
    cursor: pointer;
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex--tiles__subtitle {
    margin: 0px;
    font-size: 13px;
    display: flex;
}
#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex--tiles__subtitle span {
background: #0170be;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: 50%;
    margin-left: 6px;
}
/*.divStockReletedTitleScrollHeight1 {
    height: 16vh !important;
    overflow-y: auto;
}*/


@media (min-width: 3000px) {

  #universe #scroll-universeGrid.islamicly--content__universe--Grid,
  #universe #scroll-universe.islamicly--content__universe--table {
    height: 91vh !important;
  }

  .islamicly--content__universe--Grid .flex-grid--content {
    max-height: 100%;
  }

  .islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons.red {
    font-size: 0.6vw;
    color: #ff0000;
  }

  .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
    min-height: 270px;
    max-height: 300px;
  }
    #divtopfiveflex, #divtopthreeflex, #divstockDiscussionflex, #divgenralDiscussionflex, #divalertflex, #divScreeningRequestflex {
        height: 33vh;
    }
}

@media (min-width: 2200px) and (max-width: 2999px) {
  .islamicly--content__universe--Grid .flex-grid--content {
    max-height: 100%;
  }

  #universe #scroll-universeGrid.islamicly--content__universe--Grid,
  #universe #scroll-universe.islamicly--content__universe--table {
    height: 81vh !important;
  }

  .islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons.red {
    font-size: 0.6vw;
    color: #ff0000;
  }

  .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
    min-height: 270px;
    max-height: 300px;
  }
  #divtopfiveflex, #divtopthreeflex, #divstockDiscussionflex, #divgenralDiscussionflex, #divalertflex, #divScreeningRequestflex {
    height: 31.7vh;
}
      #divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
    bottom: -10px !important;
    border-radius: 0px 0px 6px 12px;
}
      #divtopfiveflex, #divtopthreeflex, #divstockDiscussionflex, #divgenralDiscussionflex, #divalertflex, #divScreeningRequestflex {
    height: 31.7vh;
    overflow-y: auto;
    padding-bottom: 32px;
}
}

@media (min-width: 1700px) {

  #universe .islamicly--content__universe--table,
  #universe .islamicly--content__universe--Grid,
  .portfolio-first-page-scroll,
  #divGeneral,
  #divStockRelated {
    height: 78vh;
  }

  .overAllComplaint--addHoldings .dataBinding {
    padding-top: 20px;
  }

  .overAllComplaint--addHoldings1 .ratio-circle {
    margin: 26px auto;
  }

  #divFormDiscusion {
    height: 52vh;
  }

  #universe .islamicly--content__universe--Grid {
    height: 68vh !important;
    position: relative;
  }

  #universe .islamicly--content__universe--table {
    height: 68vh !important;
    position: relative;
  }

  .islamicly--content__universe--Grid .flex-grid--content .table-compliant {
    margin-top: 20px;
  }

  .islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
    margin: 0px 0.6vw 0px !important;
  }

  .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
    min-height: 240px;
    max-height: 300px;
  }
  #divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
    bottom: -3px !important;
    border-radius: 0px 0px 6px 12px;
}
  .isl-market--myAlerts p, .isl-market--span .isl-market__Subheading, .islamicly-recentlyVisit--verticalScroll .slider--item__value, .islamicly-recentlyVisit--verticalScroll .slider--item__company, #divstockDiscussionflex .isl-discussions--span .isl-market--span__info, .islamicly-recentlyVisit--verticalScroll .slider--item .material-icons {
    font-size: 0.7vw;
    margin: 0px;
}
}

@media (max-width: 1699px) {
      #divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
    bottom: -10px !important;
    border-radius: 0px 0px 6px 12px;
}
}
@media (max-width: 1650px) {
  .dark-theme .slider-right--shape img {
    position: relative;
    width: 100% !important;
    bottom: -100px !important;
  }

 .isl-portfolio__detailsGrid {
    height: 66vh;
  }

  #divRecommended {
    height: 39.4vh !important;
  }

  .overAllComplaint--addHoldings {
    height: 34vh;
  }

  #universe .islamicly--content__universe--Grid {
    height: 69vh;
    margin-bottom: 70px;
  }

  #divtopfiveflex,
  #divtopthreeflex,
  #divstockDiscussionflex,
  #divgenralDiscussionflex,
  #divalertflex,
  #divScreeningRequestflex {
    height: 28.5vh;
  }

}

@media (min-width: 1401px) {
  /*.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
    margin: 50px 0.6vw 0px;
  }*/

  .portfolio-first-page-scroll {
    height: 73vh;
  }

  #divGeneral,
  #divStockRelated {
    height: 70vh;
  }
  #universe .islamicly--content__universe--table {
    height: 63vh;
  }

  #universe .islamicly--content__universe--Grid {
    height: 63vh;
  }

  #myRequestList {
    height: 79vh;
    padding-bottom: 20px;
  }

  #articlesFlexBox {
    height: 75vh;
  }

   #articlesContentDetails {
    height: 76vh;
  }
  /* .overAllComplaint--history__badge .complaint-badge li {
  padding: 10px 6.3%;
} */
  .overAllComplaint--addHoldings .dataBinding .shareValues {
    color: #28b5e1;
    font-size: 11px;
  }

  .overAllComplaint--addHoldings {
    height: 40vh;
  }

  .overAllComplaint--addHoldings .dataBinding {
    padding-top: 15px;
  }

  .overAllComplaint--addHoldings1 .ratio-circle {
    margin: 17px auto;
  }

  .dark-theme .slider-right--shape img {
    position: relative;
    width: 100%;
    bottom: -150px;
  }

  .islamicly--content__universe--tableOption .search .input-group-addon {
    position: absolute;
    display: flex;
    margin-top: auto;
    margin-left: auto;
    right: -12px;
  }

  #divFormDiscusion {
    height: 59vh;
  }
    .isl-market__viewMore {
    padding: 0.6vh 0.8vh;
    bottom: -6px;
    border-radius: 0px 0px 6px 12px;
}
    .billings-information .isl-market__viewMore {
    bottom: -3px;
    }
.complianceStocksMarket .isl-market__viewMore, .portfolio-summary  .isl-market__viewMore {
    bottom: -9px;
}
    .islamicly--content__dashboard .homeMapSlide .slick-next, .islamicly--content__dashboard .homeMapSlide .slick-prev {
    top: 98%;
}
.wordlMapTiles.carousel.homeMapSlide .isl-market__viewMore, .wordlMapTiles.carouselHome.homeMapSlide .isl-market__viewMore {
    bottom: -10px;
    border-radius: 0px 0px 6px 12px;
}
#divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
    bottom: -14px;
    border-radius: 0px 0px 6px 12px;
}

  /* #chartlinediv {
  height: 53vh !important;
} */
}

@media (max-width: 1400px) {
  /*.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
    margin: 65px 0.6vw 0px;
  }*/

  .islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
    width: 32%;
  }

  .islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    height: 36vh;
  }

  #chartDivPurify {
    height: 17vh;
  }

  .islamicly--content__universe--tableOption .search .input-group-addon {
    position: absolute;
    display: flex;
    margin-top: auto;
    margin-left: auto;
    right: 16px;
  }

  .overAllComplaint--addHoldings .dataBinding {
    padding-top: 0px;
  }

  .overAllComplaint--history__badge .complaint-badge--All-red li .red {
    font-size: 17px;
  }

  .portfolio-first-page-scroll {
    height: 67vh;
  }

  #universe .islamicly--content__universe--table,
  #universe .islamicly--content__universe--Grid {
    height: 59vh;
    padding-bottom: 20px;
  }

  #myRequestList {
    height: 72vh;
    padding-bottom: 20px;
  }

  #divGeneral {
    height: 68vh;
  }

  #divStockRelated {
    height: 67vh;
  }

  #articlesFlexBox,
  #articlesContentDetails {
    height: 76vh;
  }

  .overAllComplaint--addHoldings {
    height: 34vh;
  }

  .overAllComplaint--addHoldings .dataBinding .shareValues {
    color: #28b5e1;
    font-size: 9px;
  }

  .overAllComplaint--addHoldings .dataBinding p {
    padding-left: 7px;
  }

  .overAllComplaint--addHoldings1 .ratio-circle {
    margin: 5px auto;
  }

  .overAllComplaint--history__badge .complaint-badge li p:last-child {
    width: 17px;
  }

  .flex-fill--padding .gauge,
  .flex-fill--padding .gaugeOne {
    height: 10vh;
  }

  .flex-fill--padding p:nth-child(2) {
    margin-top: -4px;
  }

  #divtopfiveflex,
  #divtopthreeflex,
  #divstockDiscussionflex,
  #divgenralDiscussionflex,
  #divalertflex,
  #divScreeningRequestflex {
    height: 28.9vh;
  }

  .isl-market__viewMore {
    position: absolute;
    width: 96%;
    bottom: 0px;
    background: #1a1e24;
    border-radius: 0px 0px 4px 4px;
    left: 3px;
  }

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

  .word-mapDashBoard {
    height: 14vh !important;
  }

  .flex-tiles--bottomGraph a {
    font-size: 10px !important;
    margin: 0px;
    padding: 5px 6px !important;
  }

  .flex-tiles--bottomGraph {
    position: absolute;
    bottom: 28px;
  }

  .flex-tiles--bottomGraph {
    position: absolute;
    bottom: 28px;
  }

  /* .flex-fill--padding.amChart-Responsibve .guage {
  height: 20vh !important;
} */
  .flex-fill--padding.amChart-Responsibve .gauge,
  .flex-fill--padding.amChart-Responsibve .gaugeOne {
    height: 18vh;
  }

  .compliance--dataRange {
    font-size: 18px;
  }

  .dark-theme .slider-right--shape img {
    position: relative;
    width: 100%;
    bottom: -40px !important;
  }

  .dark-theme .login-tiles {
    margin-top: 0% !important;
  }

  #alertDiv {
    height: 12vh !important;
    margin: 0px 0px;
  }


.isl-portfolio__detailsGrid {
    height: 58vh;
  }

  #divRecommended {
    height: 30vh !important;
  }

  .login-tiles .or-label {
    left: 6px;
  }

  .carousel.homeMapSlide .isl-market__viewMore {
    bottom: 6px;
  }

  .btn-isl-success--appUpgrade {
    margin-top: 0px;
  }
}





@media (max-width: 768px) {
  .responsive--forMbileMenu {
    margin-top: 0px;
  }
}

@media (max-width: 1420px) {
  .dark-theme .isl-customer--feedback .slick-prev {
    left: 26px;
    background: #242636;
    top: 42%;
  }
  .islaamicly--tabs.vtabs .tabs-vertical li .nav-link {
    height: 8.7vh;
}
  .islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    width: 19%;
}
  .dark-theme .isl-customer--feedback .slick-next {
    top: 42%;
  }
  .allWidgetResponsove {
      padding-left: 15px;
  }
  .islamicly--content__dashboard .allWidgetResponsove .d-flex {
    flex-wrap: wrap;
    margin-left: 15px;
}
  .dashboard--nav {
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;
}
    #divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
        bottom: -3px !important;
    }

    .complianceStocksMarket .isl-market__viewMore {
        bottom: -6px;
    }

  .input-group--Styling {
    width: 80%;
    margin-top: 30px;
  }
  .isl-market__viewMore {
    padding: 0.6vh 0.8vh;
    bottom: -2px;
    border-radius: 0px 0px 6px 12px;
}
    .islamicly--content__dashboard .homeMapSlide .slick-next, .islamicly--content__dashboard .homeMapSlide .slick-prev {
    top: 97%;
}
.wordlMapTiles.carousel.homeMapSlide .isl-market__viewMore, .wordlMapTiles.carouselHome.homeMapSlide .isl-market__viewMore {
    bottom: -8px;
    border-radius: 0px 0px 6px 12px;
}
#divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
    bottom: -6px;
    border-radius: 0px 0px 6px 12px;
}
#divScreeningRequestflex {
    height: 28vh;
}
.complianceStocksMarket .chartDiv {
    margin-top: 8vh;
}
.complianceStocksMarket .gauge-container {
    margin-bottom: 8vh;
}
.portfolio-summary .gauge-container {
    margin-top: 5vh;
}
.flex--tiles__title, .footerH5, .isl-market--span .isl-market__heading {
    font-size: 0.8vw;
}
.isl-market--myAlerts p, .isl-market--span .isl-market__Subheading, .islamicly-recentlyVisit--verticalScroll .slider--item__value, .islamicly-recentlyVisit--verticalScroll .slider--item__company, #divstockDiscussionflex .isl-discussions--span .isl-market--span__info, .islamicly-recentlyVisit--verticalScroll .slider--item .material-icons {
    font-size: 0.7vw;
}
}

@media (min-width: 1000px) and (max-width: 1100px) {
  .islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    width: 18%;
  }
  .register-isl-box {
      width: 90%;
  }
  .login-tiles .or-label {
    left: 14px;
    margin-top: 1em;
}
  #divalertflex,
  #divstockDiscussionflex {
    height: 25.6vh;
  }

  #divtopthreeflex {
    height: 26.9vh;
  }

  #divtopfiveflex {
    height: 26.9999vh;
  }

  .islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    height: 35vh;
  }

  .flex-fill--padding .gauge,
  .flex-fill--padding .gaugeOne {
    height: 14vh;
  }

  .carousel.homeMapSlide .isl-market__viewMore {
    bottom: 9px;
  }

.isl-market__viewMore {
    padding: 0.6vh 0.8vh;
    bottom: -2px;
    border-radius: 0px 0px 6px 12px;
}
    .islamicly--content__dashboard .homeMapSlide .slick-next, .islamicly--content__dashboard .homeMapSlide .slick-prev {
    top: 95%;
}
.wordlMapTiles.carousel.homeMapSlide .isl-market__viewMore, .wordlMapTiles.carouselHome.homeMapSlide .isl-market__viewMore {
    bottom: 2px;
    border-radius: 0px 0px 6px 12px;
}
#divtopthreeflex .isl-market__viewMore, #divtopfiveflex .isl-market__viewMore {
    bottom: -10px;
    border-radius: 0px 0px 6px 12px;
}
}

@media (min-width: 768px) {

  .forDownloadAPP-isl,
  .mobile-viewTable {
    display: none !important;
  }

  .holdingsModalPopup .modal-lg {
    max-width: 1100px !important;
    width: 100%;
  }

  .holdingsModalPopup .modal-lg .form-group-btn {
    display: inline-flex;
  }

  /* .complaintNeedleModelHeight .modal-content {
    height: 600px;
    overflow-y: auto;
      } */
  .complaintNeedleModelHeight .modal-dialog {
    max-width: 900px !important;
    top: 45% !important;
  }
}

@media (max-width: 767px) {

  /* .watchPrimeVideoSection {
    margin-top: -17px;
  } */
  .islamicly-finance .islamicly-finance--Title {
    font-size: 30px;
  }

  .complaintNeedleModelHeight .modal-dialog {
    top: 30%;
  }

  .complaintNeedleModelHeight .modal-content {
    height: 550px;
    overflow-y: auto;
  }

  .islamicly-finance--largeIMG {
    width: 80%;
  }

  .first-shariah--content {
    margin-bottom: -130px;
  }

  .author-top--text {
    font-size: 15px;
    margin-top: 267px;
  }

  .isl-customer--feedback .slick-prev,
  .dark-theme.preLaunch .isl-customer--feedback .slick-next {
    top: 31%;
  }

  .dark-theme .footer-address {
    padding: 45px 15px !important;
  }

  .dark-theme.preLaunch .isl-customer--feedback .slick-next {
    left: 87%;
  }

  .isl-customer--feedback.reviews-from--store .slick-next {
    left: 97%;
  }

  .isl-customer--feedback.reviews-from--store .slick-prev,
  .isl-customer--feedback.reviews-from--store .slick-next {
    top: 70%;
  }

  .isl-customer--feedback.reviews-from--store .slick-prev,
  .isl-customer--feedback .slick-prev {
    left: 6px;
  }

  .isl-customer--feedback.reviews-from--store .slick-next,
  .isl-customer--feedback .slick-next {
    left: 90%;
  }

  .tab-conetnt--author {
    width: 720px;
    margin: 0 auto;
  }

  .input-group--Styling {
    width: 100%;
    margin-top: 30px;
  }

  .dark-theme .slider-bg {
    padding-top: 80px;
    height: auto !important;
    padding-bottom: 50px;
  }

  .seemlessFeatures .seemlessFeatures-icons {
    margin-left: 17px;
    margin-bottom: 15px;
  }

  .isl-nested-tabs .d-flex {
    display: block !important;
  }

  .dark-theme .isl-nested-tabs .nav-tabs.second-tab li {
    border: 0px solid #cccccc;
    margin-right: 0px;
    margin: 5px 0px;
  }

  .tab-contenet--isl .pagination-data p {
    width: 45px !important;
    float: left;
    margin-top: 20px;
  }

  .dark-theme .isl-customer--feedback .slick-prev {
    top: 14%;
  }

  .dark-theme .isl-customer--feedback .slick-next {
    top: 14%;
    left: 82% !important;
  }

  .dark-theme .reviews-from--store.isl-customer--feedback .slick-prev {
    left: 6px !important;
    background: #242636;
    top: 58% !important;
  }

  .dark-theme .reviews-from--store.isl-customer--feedback .slick-next {
    left: 6px;
    background: #242636;
    top: 58% !important;
  }

  .banner-contentHomePage.d-flex {
    display: block !important;
  }

  .banner-contentHomePage.d-flex .col-md-6.slider-title--desc {
    width: 50%;
  }

  .dark-theme #home .banner-contentHomePage.d-flex .btn {
    width: 120px;
  }

  .dark-theme #home .banner-contentHomePage.d-flex .btn.btn-primary {
    margin-top: 10px;
  }

  .dark-theme #home .banner-contentHomePage.d-flex .btn.btn-success {
    width: 200px;
  }

  .watchPrimeVideo--bottomPara {
    font-size: 18px !important;
    padding: 0px 15px;
  }

  .islamiclyAPP {
    padding: 20px 0px 0px;
  }

  .islamicly-finance--Title {
    line-height: 1.1;
    text-align: center;
  }

  .howItWorks {
    padding: 50px 0px 30px;
  }

  .login-tiles {
    display: none;
  }

  .register-isl-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .forDownloadAPP-isl p {
    text-align: center;
    color: #fff;
    font-size: 16px;
  }

  .dark-theme #home .register-isl-box .forDownloadAPP-isl .btn-primary {
    padding: 15px 20px !important;
  }

  .forDownloadAPP-isl .app-download--reviews {
    justify-content: center;
  }

  .dark-theme #home .register-isl-box .forDownloadAPP-isl .app-download--reviews p:first-child {
    margin-right: 14px;
  }

  .dark-theme #home .navbar-light .navbar-brand {
    width: 100%;
  }

  .dark-theme .isl-nested-tabs .nav-tabs.second-tab {
    width: 100% !important;
  }

  .dark-theme .isl-nested-tabs .nav-tabs.second-tab li:not(:last-child) {
    margin-right: 3% !important;
  }

  .dark-theme .isl-nested-tabs .nav-tabs.second-tab li a {
    font-size: 13px !important;
  }

  .isl-app-donwload {
    background: #191b28 !important;
  }

  .dark-theme .detailed-block2 p {
    margin-right: 5px !important;
  }

  .islamicly--content__universe--table.islamicly--content__universe--tableHomePage {
    width: 100%;
    overflow: auto;
    display: none;
  }

  .islamicly--content__universe--tableHomePage.islamicly--content__universe--table .table thead th:first-child {
    width: 130px !important;
  }

  .navbar-toggleMenuMob {
    color: #e2e2e2;
    border: 1px solid #e2e2e2;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-left: 2px;
    height: 25px;
    padding-bottom: 2px;
  }

  .dark-theme .nav-item--login {
    margin-left: 0px !important;
    width: 30px;
  }

  .country-market--list li {
    width: 50% !important;
    cursor: pointer;
    text-align: left;
    padding-left: 15px;
  }

  .country-market--list li .material-icons {
    display: none;
  }

  .dark-theme .grid-view.clients .select-country--page .islamicly--content__universe--Grid .flex-grid--content {
    width: 50%;
    margin: 7px auto;
  }

  .islamicly--content__universe--tableOption.d-block p {
    padding: 0px;
    text-align: center !important;
  }

  .dark-theme .grid-view.clients .select-country--page .islamicly--content__universe--Grid .flex-grid--content .table-stockName {
    font-size: 13px;
  }

  .premium-strip--right img,
  .first-shariah--content img {
    width: 100% !important;
  }

  .islamicly-recentlyVisit--verticalScroll .slider--item__title,
  .overAllComplaint--history__title h5,
  .overAllComplaint--history__badge .complaint-badge--All-green li,
  .overAllComplaint--history__graph p,
  .islamicly--content__universe--Grid .flex-grid--content .table-sector,
  .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder,
  .islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons {
    font-size: 14px;
  }

  .dark-theme .grid-view .premium-strip {
    display: block !important;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .col-md-6 {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .input-group--Styling .input-group-btn {
    width: 17%;
  }

  .dark-theme .grid-view.clients .select-country--page .islamicly--content__universe--Grid .flex-grid--content {
    width: 90%;
    margin: 7px auto;
  }
}

#portfolioDetailtockList {
  height: 60vh;
}

.isl-user-profile .price-select--iconsDelete .material-icons,
.isl-paymentForBoth .cart .badge {
  cursor: pointer;
}

.dropdown-right .scholardetails.ourShariahScholars .colmn p {
    color: #2F2F33;
    text-align: left;
    padding: 0px;
}
.dropdown-right .scholardetails.ourShariahScholars .colmn .d-flex.w-100 {margin-bottom:70px;margin-top: 15px;}


.dropdown-right .parent {
    margin: 0 10px 0 0;
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    float: left;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 25px;
}
.dropdown-right .scholardetails .colmn {
    border-bottom: 0px dashed #ccc;
    padding: 0 25px 20px 20px;
}
.dropdown-right .scholardetails .colmn p {
    letter-spacing: 0.6px;
    line-height: 1;
    margin-bottom: 0;
    font-size: 15px;
    transition: all 2s;
}
.dropdown-right .scholardetails .colmn p a {
    color: #2c2f33;
    display: flex;
    font-size: 12px;
    transition: all 2s;
    align-items: center;
}
.dropdown-right .scholardetails .colmn p.hoverdisplay {
    display: none;
    transition: all 2s;
    margin-top: 6px;
}
.dropdown-right .scholardetails .colmn p.hoverdisplay a {
    font-size: 13px;
    color: #319945;
    text-decoration: underline;
    transition: all 2s;
}
.dropdown-right .scholardetails .colmn p a:hover {
    color: #319945;
}
.dropdown-right .scholardetails .colmn p a .material-icons {
    font-size: 14px;
}
.dropdown-right .scholardetails .colmn .d-flex {
    justify-content: flex-start !important;
    align-items: center;
}
.dropdown-right .scholardetails .colmn img {
    border-radius: 4px;
}
.dropdown-right .scholardetails .colmn:not(:last-child) {
    border-right:0px dashed #ccc;
    border-bottom: 0px dashed #ccc;
    padding: 0 25px 20px 0;
}
.dropdown-right .child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
}
.dropdown-right .scholardetails .colmn:hover .child,
.dropdown-right .scholardetails .colmn:focus .child {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.dropdown-right .scholardetails .colmn:hover .child:before,
.dropdown-right .scholardetails .colmn:hover .child:before {
    display: block;
}
.parent:hover a,
.parent:focus a {
    display: block;
}
.child:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown-right .scholardetails .colmn:hover .hoverdisplay {
    display: block;
    transition: all 2s;
}








/* .pagwwiseloaderCSS {
  margin: -7vh 35% !important;
  position: absolute;
} */

/* ----------------------------------------------
 * Generated by Animista on 2020-8-28 10:31:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
@keyframes slide-fwd-center {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translateZ(160px);
            transform: translateZ(160px);
  }
}
@-webkit-keyframes slide-bottom{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-bottom{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scale-up-hor-center{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}                                                                                                                                        
@-webkit-keyframes scale-up-left{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 50%;transform-origin:0 50%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 50%;transform-origin:0 50%}}@keyframes scale-up-left{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 50%;transform-origin:0 50%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 50%;transform-origin:0 50%}}
@-webkit-keyframes scale-up-top{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 0;transform-origin:50% 0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}}@keyframes scale-up-top{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 0;transform-origin:50% 0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}}
@-webkit-keyframes scale-up-right{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}}@keyframes scale-up-right{0%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}}
.slide-fwd-center {
	-webkit-animation: slide-fwd-center 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-center 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-bottom{-webkit-animation:slide-bottom 1s infinite both;animation:slide-bottom 1s both}
.scale-up-center{-webkit-animation:scale-up-center 2s cubic-bezier(.39,.575,.565,1.000) 1s both;animation:scale-up-center 1s cubic-bezier(.39,.575,.565,1.000) 1s both}
.scale-up-hor-center{-webkit-animation:scale-up-hor-center 2s cubic-bezier(.39,.575,.565,1.000) .5s both;animation:scale-up-hor-center 2s cubic-bezier(.39,.575,.565,1.000) .5s both}
.scale-up-left{-webkit-animation:scale-up-left 1s cubic-bezier(.39,.575,.565,1.000) both;animation:scale-up-left .4s cubic-bezier(.39,.575,.565,1.000) both}
.scale-up-top{-webkit-animation:scale-up-top 1s cubic-bezier(.2,.3,.3,0) .4s both;animation:scale-up-top 0.5s cubic-bezier(.2,.3,.3,0) .4s both}
.scale-up-right{-webkit-animation:scale-up-right 1s cubic-bezier(.39,.575,.565,1.000) both;animation:scale-up-right .4s cubic-bezier(.39,.575,.565,1.000) both}