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

.editIcon {
    font-size: 15px !important;
    position: absolute;
    color: #000;
    padding: 0 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 #fff;
    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: #fff !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: 0 0;
    height: auto;
    border-radius: 0;
    box-shadow: none
}

    #divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding {
        position: relative;
        height: 30vh;
        background: #24282e;
        margin: 0 0;
        height: 280px;
        border-radius: 0 16px 16px;
        box-shadow: 0 1px 8px #6e6e6e1a;
        margin-top: 0 !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 #800
        }

#divStockRelated .flex--tiles {
    margin: 3px 0 0;
    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 0 12px 0;
    background: #fff;
    padding: 5px 8px;
    color: #000;
    font-size: 9px;
    height: 31px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

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

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

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill {
    width: 16%;
    margin: 0;
    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: 0 !important
}

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

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

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

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

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

.confirmDialog h3 {
    font-size: 16px;
    letter-spacing: .4px;
    color: #fff;
    opacity: .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: 0;
    padding: 14px;
    margin-top: 10px
}

.overAllComplaint--history__title h5 img {
    margin-bottom: 0;
    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: 0;
    bottom: 0
}

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

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

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

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

.overAllComplaint--addHoldings1 .ratio-circle {
    padding: 0;
    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:focus, .disscussionPopup .btn:hover {
        margin-top: 15px;
        box-shadow: none
    }

#divForumDescriptionList {
    height: 45vh;
    margin-bottom: 6vh;
}

#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: 0
}

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

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

#divStockRelated .isl-market--span.isl-discussions--span {
    border-bottom: 0
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex--tiles__title {
    padding: 10px 20px;
    background: #0170be;
    margin: 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    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 0 0 16px
}

.islamicly--content__articles .articles-bottom--actions .chatSection-left--actions {
    margin-top: 0;
    margin-left: 0 !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: 0
}

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

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

.islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content .table-stockName {
    color: #fff;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: .8vw;
    margin-top: 0;
    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: 0 5px;
    border: 0 dashed rgba(255,255,255,.8);
    background: 0 0
}

    .islamicly--content__articles--details .blog-content-strip img {
        width: 100% !important;
        border-radius: 6px;
        margin: 9px 0
    }

    .islamicly--content__articles--details .blog-content-strip ol, .islamicly--content__articles--details .blog-content-strip ul {
        margin: 0;
        margin-left: 0 !important;
        padding: 0
    }

.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 ol li {
    list-style: decimal
}

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

.portfolioCreatPopupScrap.articlesBlog .form-control {
    box-shadow: none;
    border: 1px solid rgba(120,130,140,.13);
    background: #070713;
    color: #fff;
    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: #fff
}

#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: 0
}

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

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

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

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

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

#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: 0 dashed #a5bbc9
}

.overAllComplaint--history__badge .complaint-badge--All-red li .red {
    font-size: 19px;
    color: red;
    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: 0;
    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: 0
}

.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: #fff
}

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

.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: 0 2px 0 #22811d;
        animation: 5s infinite;
        animation-delay: 5s;
        transition: all 2s
    }

    .islamicly--content__universe--Grid .flex-grid--content.red {
        position: relative;
        box-shadow: 0 2px 0 #8e0000;
        animation: 5s infinite;
        animation-delay: 5s;
        transition: all 2s;
        /*          animation-name: animateIn;
    animation-duration: 350ms;
    animation-delay: calc(var(--animation-order) * 100ms);
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;*/
    }

.islamicly--content__portfolio .portfolio--panel {
    width: 99%;
    box-shadow: 2px 2px 2px rgba(136,132,132,.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: 0 0 0;
        height: 4px
    }

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

    .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: 0
    }

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

.recommandationInBox {
    box-shadow: 0 0 0 #584d4d;
    padding-bottom: 10px;
    border: 1px solid rgba(72,72,72,.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 0
}

.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
}

.overAllComplaint--history__badge .complaint-badge--All-red {
    display: flex;
    width: 25%;
    justify-content: flex-end;
    background: #410000;
    text-align: right;
    margin-bottom: 0;
    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: 0;
    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.green, .flex-grid--content.red {
    cursor: pointer
}

.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 0
}

.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: 0;
        width: 720px;
        display: flex
    }

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

.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 0 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: 0 !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,.5);
    box-shadow: none !important;
    box-shadow: 0 0 0 rgba(204,204,204,.2) !important
}

.isl-app-donwload.unodredList {
    padding: 50px 0 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 .disabled:hover, .ngx-pagination li: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: 0 0 !important;
    padding: 0 !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 0 0
}

    .islamiclyAPP img {
        margin-top: 30px
    }

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

.islamiclyAPP-green-strip {
    background: url(../images/bgGreen.svg);
    background-repeat: no-repeat;
    padding: 50px 0 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 0;
    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: 700;
    margin: 0;
    letter-spacing: .4px
}

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

#myHoldingsListHeight {
    height: 60vh
}

#notificationListHeight {
    height: 64vh
}

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

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

.overAllComplaint--addHoldings {
    position: relative
}

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

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

.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: #000
}

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

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

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

.isl-portfolio__detailsGrid {
    height: 67vh
}

#divRecommended {
    height: 42vh !important
}

.islamicly-recentlyVisit .slick-arrow {
    width: 14px;
    background: #fff;
    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: 99;
    opacity: .8;
    margin-left: 45%;
    margin-top: -7px
}

    .islamicly-recentlyVisit .slick-arrow .fa-chevron-up {
        position: relative;
        top: -1px;
        left: -.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: 0;
        padding: 5px 15px !important
    }

#chartdivOne1 {
    margin-top: 7vh
}

#profilePage {
    max-height: 84vh
}

.editprofileSection {
    width: 99%;
    background: 0 0;
    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,.2);
        border-radius: 0 0 10px 10px;
        margin-top: 19px;
        max-height: 75vh;
        min-height: 73vh;
        height: 100%
    }

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

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

    .islaamicly--tabs .editprofileSection .nav-tabs .nav-item:last-child {
        border-right: 0 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: .5px;
    color: #a5bbc9;
    font-weight: 500;
    margin-bottom: 0;
    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 0 0 0
}

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

.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: 0;
    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: 0;
    background: linear-gradient(180deg,#6dc069 0,#28b5e0 100%);
    text-align: center;
    padding: 0;
    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: 0 10px 10px 10px
}

.modal-no-subscription.modal .modal-content {
    background: rgba(57,66,82,.8) !important
}

.modal-no-subscription.modal .modal-body {
    border: 0;
    padding: 11px 0 !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: #000;
    padding: 16px 0;
    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
}

    .modal-no-subscription select::-ms-expand {
        display: none
    }

.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 .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: 0 solid rgba(120,130,140,.13);
        background: #17688e;
        color: #fff
    }

.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: #fff
    }

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

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

            .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: #fff
    }

.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: 0 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
            border-radius: 50%;
            border: 2px solid #fff;
            box-shadow: 0 1px 3px 0 rgba(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: #fff
    }

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

    .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: #fff;
    border-radius: 15px;
    padding: .4px;
    min-height: 554px;
    max-height: 700px;
    height: 100%
}

.subscription-add--title {
    background: #454f63;
    border-radius: 15px 15px 0 0;
    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
}

.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 0 0 8px
}

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

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

#modal-fullscreen2 .islamicly--content__universe--table tbody tr td {
    font-size: 14px;
    letter-spacing: .4px;
    padding: 5px 9px;
    text-align: left !important
}

#divwidget-portfolio .form-control {
    border: 0 solid rgba(120,130,140,.13);
    font-family: proxima-nova,sans-serif;
    background: #0069d9;
    color: #fff;
    height: 43px !important;
    font-size: 18px;
    border-radius: 8px;
    margin-bottom: 17px
}

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

    .isl-paymentForBoth .nav-pills .nav-link {
        border-radius: 10px;
        font-size: 16px;
        margin: 0;
        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: #fff
}

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

.isl-paymentForBoth .tab-content {
    background: 0 0;
    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: 0;
            font-weight: bolder;
            align-items: center;
            display: flex
        }

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

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

.isl-checkout {
    width: 100%
}

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

        .isl-checkout .isl-paymentForBoth--plans h1 {
            color: #fff;
            margin: 0;
            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: 0;
        border-radius: 10px;
        background: 0 0;
        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 0 0 10px;
            border-top-style: none;
            font-size: 17px
        }

.search-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: 400;
    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: 0 10px 10px 0;
    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,.13);
    background: #17688e;
    color: #fff
}

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

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

.isl-paymentForBoth--plans .btn-isl-primary, .modal-no-subscription .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: 0
    }

.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: 0;
        line-height: 1.1
    }

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

.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: 0;
    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: 0;
    margin: 0
}

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

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

.panel-content--ManageStock1 {
    margin: 0;
    color: #fff;
    font-size: 17px;
    text-align: center;
    padding: 35px 0 !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 0 0
}

.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%);
    background: #2a2d42;
    font-size: 18px
}

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

.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%
}

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

#modal-fullscreen2 .modal-content {
    max-height: 533px
}

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

#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: 0 10px 10px 0
}

.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--four, .islamicly--content__portfolio .portfolio--panel .panel-content--seven, .islamicly--content__portfolio .portfolio--panel .panel-content--three {
    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--four .panel-content__SubHeading:after, .panel-content.panel-content--seven .panel-content__SubHeading:after, .panel-content.panel-content--three .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: .8vw;
    padding: 8px 13px 8px
}

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

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

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

.panel-content .panel-content--stockValue {
    font-size: .7vw;
    font-weight: 700;
    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: .8vw
}

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

.isl-portfolio--details .islamicly--content__universe--tableOption .search p {
    font-size: .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 0 7px;
    font-size: 13px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #50bb9a;
    width: 203px
}

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

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

.overAllComplaint--addHoldings p.noAfter:after, .overAllComplaint--addHoldings1 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 0 0;
    font-size: 1rem;
    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: 0 0;
    border-radius: 0 0 10px 10px;
    font-size: 1rem;
    color: #fff;
    padding: 13px 30px 15px;
    display: block;
    width: 50%;
    border: 1px solid #ccc;
    text-align: center;
    margin: 0 auto;
    z-index: 3;
    background: #000;
    width: 700px
}

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

    .universelist-stock--title span {
        background: #000;
        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: 0 solid #fff;
        height: 4rem;
        transform: translateY(90%);
        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: 0;
    margin-right: 0;
    margin-top: -30px;
    z-index: -2;
    position: relative;
    top: -53px
}

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

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

.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 0;
    position: relative;
    top: 26px
}

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

.universe-listBottom--nostock p {
    margin: 0
}

.disabledbutton {
    pointer-events: none;
    opacity: .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: 0;
    bottom: 0;
    background: #1a1e24;
    border-radius: 0 0 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: #fff
}

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

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

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

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

.scrapbook-uploadFiles {
    cursor: pointer
}

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

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

#alertDiv {
    margin: 6px 0
}

.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: 0 0 10px
}

.chatSection-left--actions .replyChatBubble, .reply-chatrightSection span {
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: .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: 0;
    cursor: pointer
}

.disscussionPopup #inoutUniverseMarketList {
    background: #24282e
}

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

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

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

.disscussionPopup .table td, .disscussionPopup .table th {
    padding: .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: 0
}

#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: 0
    }

.modelPopupMyRequest input {
    background: 0 0;
    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: 0 0;
    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: .9px
}

.modal.modelPopupMyRequest .modal-content {
    background: #24282e !important;
    box-shadow: 2px 2px 2px 2px #000;
    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: #fff;
    letter-spacing: .5px
}

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

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

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

.modelPopupSearchScreeningRequest input {
    background: 0 0;
    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: .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: #fff
}

.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: .5px solid #ccc;
    box-shadow: none !important;
    opacity: .5
}

    .dark-theme .isl-nested-tabs .nav-tabs.first-tab li a.active {
        border: .5px solid #fff !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 0 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-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
}

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

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

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

.dark-theme .navbar {
    padding: .5rem 1.5rem .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 0 !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: .6;
    letter-spacing: .4px;
    font-weight: 100 !important
}

.dark-theme .isl-customer--feedback .slick-next, .dark-theme .isl-customer--feedback .slick-prev {
    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,.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: .3
    }

.islamicly--content__universe--Grid .isl-forPremium {
    opacity: .5
}

    .islamicly--content__universe--Grid .isl-forPremium:after {
        position: absolute;
        background-color: rgba(7,7,19,.4);
        background-image: url(../images/lock.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
        content: " ";
        opacity: .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,.4);
    background-image: url(../images/lock.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: " ";
    opacity: .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
}

.dashboard--nav ul li a {
    font-size: .62vw
}

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

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

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

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

.flex--tiles__title, .footerH5, .isl-market--span .isl-market__heading {
    font-size: .6vw;
    margin-right: 10px
}

#chartdivOne1 {
    margin-top: 0 !important
}

.flex--tiles__BottomTitle, .islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title, .islamicly--content__universe--Grid .flex-grid--content .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .table-ticker, .overAllComplaint--addHoldings p, .overAllComplaint--history__badge .complaint-badge li {
    font-size: .8vw
}

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

.flex--tiles__BottomTitle {
    font-size: .8vw
}

.isl-market__viewMore {
    padding: .8vh
}

.compliance--dataRange, .flex--tiles__BottomTitle .flex-tiles--value {
    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: 0;
    margin-bottom: 2.5vh
}

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

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

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

.flex-fill--padding .flex--tiles__title {
    padding: 0;
    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: .8vw;
    margin-right: .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: .8vw;
    position: relative;
    top: 3px
}

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

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

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

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

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

    .noPurifyValue p {
        padding: 0 !important
    }

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

.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: 0;
    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: 0;
    margin-left: -23px
}

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

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

.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: .55rem 0
}

.table td:first-child, .table td:last-child, .table th:first-child, .table th:last-child {
    padding: .55rem .7rem
}

.orsidebarTextTop {
    font-size: 1vw;
    text-align: center;
    margin-bottom: 0;
    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: .7vw
}

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

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

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

.sidebar--title {
    font-size: .8vw
}

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

#myrequest p {
    font-size: .8vw
}

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

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

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

.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: .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 0;
    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%
}

.articleTop .holdingsSearch input, .islamicly--content__articles .islamicly--content__universe--Grid .form-control {
    height: 5vh
}

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

.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: 0
    }

.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: 0 0;
    border-radius: 6px;
    border: 0 solid rgba(255,255,255,.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: #fff;
    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: 100%
}

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

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: .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: .2rem 1.4rem
}

#billing .islamicly--content__universe--table .table-striped tbody tr:nth-of-type(odd), #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) {
    background-color: #24282e
}

#billing .islamicly--content__universe--table .table-striped thead tr, #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 {
    background: #070713
}

.editprofileSection .table > tbody > tr > td {
    font-size: 12px;
    padding: .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: 0 solid #6dc069
}

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

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

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

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

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

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

#divScreeningRequestflex, #divalertflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
    height: 30vh;
    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: 0;
    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 0 0
}

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

.isl-app-donwload {
    padding: 0 0 0 !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: 0 0 20px 20px
}

    .isl-appDownload--badge p {
        font-size: 14px;
        color: #fff;
        line-height: 1;
        margin-top: 0 !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: #fff !important
}

.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: 0;
    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: .96vw;
    margin: 0;
    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: .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: #fff;
        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: 0 !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: 0 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: 0 0;
            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: #000;
        width: auto;
        text-align: center;
        font-weight: 700
    }

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

.addCard-isl--webAPP .form-control {
    padding: 12px 20px !important;
    height: 41px !important;
    border-radius: 6px !important;
    background: #454f63;
    border-bottom: 0 solid #ccc;
    color: #fffc;
    margin: 5px 0 !important;
    border: 0;
    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: 0 10px !important;
    margin-right: 2px !important
}

.StripeElement {
    padding: 9px 12px;
    box-sizing: border-box;
    height: 40px;
    border: 1px solid rgba(255,255,255,.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
    }

.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: 0
}

.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 #fff;
    color: #4a4d52;
    border-radius: 6px;
    padding: 5px 15px;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 5px
}

.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 .4vw;
        padding: 0;
        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
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--status {
    border-radius: 12px 12px 0 0;
    border: 1px dashed #ccc;
    background: #191e24;
    text-align: left;
    padding: 5px;
    font-size: 13px;
    letter-spacing: .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 red;
        background: #f003;
        color: red
    }

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

    .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--price .billing-card--price__AP .value {
        color: #a4a9ab;
        font-size: .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: .72vw;
    margin-right: 15px;
    text-align: right;
    color: #a5bbc9;
    margin-bottom: 0
}

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

.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,.8);
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 0
}

.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: .7vw;
        margin: 0;
        padding: 5px 8px;
        border-radius: 0 4px 4px 0;
        height: 23px;
        color: #fff;
        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: .65vw;
        text-align: right;
        margin-right: 15px;
        margin-top: 0;
        line-height: 1.4;
        margin-bottom: 0
    }

        .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,.9);
            font-size: .7vw;
            font-weight: 500
        }

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--plans__status {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .72vw;
    text-align: center;
    border-radius: 0 0 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,.9);
        font-size: 11px;
        border-radius: 0 0 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,.9);
        font-size: .6vw;
        border-radius: 0 0 8px 8px;
        padding: 5px;
        text-transform: uppercase
    }

.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: .75vw;
        color: rgba(255,255,255,.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,.8)
        }

.billing-market--title {
    font-size: 13px;
    font-weight: 500;
    color: rgba(255,255,255,.8);
    margin: 0
}

.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,.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: 0 !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, .error, .invalid-feedback div, .register-isl-box div.red div, .table-search .color-danger, span.help-text {
    color: #fb1313;
    font-size: 12px
}

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

    #ContactUsSec .portfolioCreatPopupScrap .form-control:hover {
        box-shadow: none;
        border: 0 solid rgba(120,130,140,.13);
        background: #000;
        color: #fff;
        padding: 16px 20px;
        border: 0 solid #f0f4f6;
        font-size: 16px;
        border-radius: 6px;
        background: #000;
        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: 0;
    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:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
        -webkit-text-fill-color: #fff;
        -webkit-box-shadow: 0 0 0 1000px #454f63 inset;
        transition: background-color 5000s ease-in-out 0s
    }

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

.addNewCardModelPopup .addCard-isl--webAPP {
    padding: 0 !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: .7px;
        margin-top: 25px
    }

#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 0 0;
    padding: 7px 15px
}

.islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content .billing-card--statusUpgrade {
    border-radius: 5px;
    border: 0 dashed #ff7600;
    background: #a94f00;
    text-align: center;
    padding: 4px 8px;
    font-size: 11px;
    letter-spacing: .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
}

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

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

.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: #000;
        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: #17b90f;
    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,.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,.8)
}

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

.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: #454f63 !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
}

.paypal-button-text {
    color: rgba(255,255,255,.8)
}

.add-new-cardsISL span.material-icons {
    color: rgba(255,255,255,.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: 0 0 !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: 0;
    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: #fff;
    margin-top: 8px;
    cursor: pointer
}

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

.ngx-pagination li {
    padding: 0
}

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

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

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

.form-control:disabled, .form-control[readonly] {
    background-color: rgba(255,255,255,.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 #999 !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 {
    width: 650px;
    border-radius: 6px;
    padding: 15px
}

.isl-subscriptionRenew--title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    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: 0
}

.isl-stepper .bs-stepper .step-trigger {
    width: 105px;
    justify-content: flex-start;
    padding: 0 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,.7);
    font-weight: 100;
    text-align: left;
    letter-spacing: .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: #fff
}

.isl-stepper .bs-stepper-header .step .isl-stepper--separator {
    font-size: 26px;
    font-weight: 500;
    color: rgba(255,255,255,.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: #fff
}

.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 0 20px 20px
}

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

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

    .isl-stepper .country-market--list li.active {
        color: #fff
    }

        .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 0 0 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 0 0 10px;
    font-size: 12px;
    width: 70%;
    padding: 22px;
    color: #fff;
    text-align: right;
    letter-spacing: .3px;
    margin-left: -7px;
    z-index: 1
}

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

.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: 0
    }

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

    .multi-countrySelect--list__strip .isl-paymentForBoth .nav-pills {
        background: #33373e;
        padding: 0;
        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: 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        letter-spacing: .6px;
        font-weight: 600;
        padding: 6px
    }

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

    .multi-countrySelect--list__strip .country-select {
        margin-left: .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: 0 10px 10px 0
    }

        .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 .offerStrip {
    font-size: .75vw;
    border-radius: 10px 0 0 10px;
    padding-left: 25px;
    font-weight: 500;
    color: #fff;
    position: relative;
    letter-spacing: .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: .5px
}

.sucessMessage-subTitle {
    font-size: 12px;
    color: rgba(255,255,255,.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: #444
    }

    .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: 0 0 4px #505050;
    top: 32px
}

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

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

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

.holdings--tab .islamicly--content__universe--tableOption {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
    border: 0;
    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 0 0 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: .9vw;
        color: #d4d4d4;
        font-weight: 500;
        padding-left: 30px;
        margin: 0
    }

    .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: 0;
    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: 0
}

.holdingsSearch .input-group-btn {
    width: 36px;
    background-color: #fff;
    border-radius: 8px 0 0 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: 0 8px 8px 0;
    font-size: 13px;
    border: 0;
    color: #444
}

instamojo .holdings--seperation {
    border-bottom: 1px solid #ccc;
    padding-bottom: 11px;
    margin-top: 9px
}

.holdings--seperation:nth-child(1) {
    margin-top: 0
}

.holdings--seperation:nth-child(3) {
    border-bottom: 0 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: 700;
    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: 0 0 0 #989898;
    border: 1px dashed;
    display: flex;
    align-items: center
}

.holdings--tab .islamicly--content__universe--tableOption select {
    background: #2b3139;
    border: 0;
    color: #41a9f0;
    font-weight: 600;
    font-size: 14px
}

.holdings--tab .islamicly--content__universe--table tbody tr td .material-icons {
    font-size: .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
}

.holdings--tab .islamicly--content__universe .p-absHoldings a, .holdings--tab .islamicly--content__universe .p-absHoldings p {
    margin: 0;
    font-size: 17px;
    color: #dedede
}

#userHoldingGridList .islamicly--content__universe--Grid .flex-grid--content {
    max-height: 350px
}

.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: 0 3px 15px #0000001f;
    font-size: 14px
}

.addnewHoldings-value .addNew-widget select {
    background: #41adeb;
    color: #fff;
    border: 0;
    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 0;
    font-weight: 500
}

.addnewHoldings-value .addNew-portfolio ul {
    list-style: none;
    margin: 0;
    padding: 0;
    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;
        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 .form-control, .modalOptionsmodelPopupCountryFacbookUsercss select.form-control:not([size]):not([multiple]) {
    border: red;
    background: #333;
    font-size: 16px;
    height: 46px;
    border-radius: 10px
}

.modalOptionsmodelPopupCountryFacbookUsercss.modal .modal-footer {
    border: 0
}

.advanceModelPopupF .modal-header {
    padding: .5rem 1rem
}

    .advanceModelPopupF .modal-header .close {
        font-size: 21px;
        margin-right: 0;
        margin-top: -15px
    }

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

.advanceModelPopupF tbody tr td:last-child {
    text-align: left
}

.islamicly--content__articles--details .blog-content-strip {
    margin-top: 0
}

#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: 0 !important
    }

    #articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(2) {
        margin-top: 0 !important
    }

    #articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(3) {
        margin-top: 0 !important
    }

    #articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(4) {
        margin-top: 0 !important
    }

    #articlesFlexBox.islamicly--content__universe--Grid .flex-grid--content:nth-child(5) {
        margin-top: 0 !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:focus, .editprofileSection input:-webkit-autofill:hover, .editprofileSection select:-webkit-autofill, .editprofileSection select:-webkit-autofill:focus, .editprofileSection select:-webkit-autofill:hover, .editprofileSection textarea:-webkit-autofill, .editprofileSection textarea:-webkit-autofill:focus, .editprofileSection textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 1000px #1a1e24 inset;
    transition: background-color 5000s ease-in-out 0s
}

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

.progressBarCustom {
    height: 100px
}

.progress.progress-isl {
    background: #fb0e00;
    height: 14px;
    border-radius: 10px
}

    .progress.progress-isl .four, .progress.progress-isl .one, .progress.progress-isl .three, .progress.progress-isl .two {
        position: absolute;
        margin-top: -2px;
        z-index: 1;
        height: 16px;
        width: 16px;
        border-radius: 25px;
        background: #fff
    }

    .progress.progress-isl label {
        position: relative;
        top: -21px;
        width: max-content
    }

    .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%
    }

.isl-portfolio--stocks__data .table > thead > tr > th, .islamicly--content__universe--table .table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #000
}

.table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: 0 0
}

.islamicly--content__dashboard .carouselHome .slick-next:before, .islamicly--content__dashboard .carouselHome .slick-prev:before {
    color: #00c3ff !important;
    display: none
}

.islamicly--content__dashboard .homeMapSlide .slick-next:focus, .islamicly--content__dashboard .homeMapSlide .slick-next:hover, .islamicly--content__dashboard .homeMapSlide .slick-prev:focus, .islamicly--content__dashboard .homeMapSlide .slick-prev:hover {
    outline: 0;
    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
}

#modal-fullscreen2 .modal-header {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    border: 0;
    background: #697a6d;
    height: 40px;
    padding: 0 0 0 20px;
    border-radius: 8px 8px 0 0
}

.custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 100%
}

    .custom-dropdown select {
        background-color: #2980b9;
        color: #fff;
        font-size: 13px;
        letter-spacing: 1px;
        padding: .5em;
        padding-right: 2.5em;
        border: 0;
        margin: 0;
        border-radius: 3px;
        text-indent: .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::after, .custom-dropdown::before {
        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,.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: 0;
    margin: 0
}

.modal .modal-header {
    border: none;
    padding: 1rem 1rem .3rem
}

.modal {
    overflow: hidden;
    width: 100%
}

.holdingsSearch .input-group {
    max-width: 430px
}

.holdingsSearch input, .holdingsSearch input:active, .holdingsSearch input:focus, .holdingsSearch input:hover {
    background-color: #24282e;
    border-radius: 8px 8px 8px 8px !important;
    color: #d8d1d1;
    letter-spacing: 1px;
    border: 0;
    height: 40px !important
}

.holdingsSearch .input-group-btn {
    background: 0 0 !important;
    border-radius: 0 8px 8px 0;
    margin-left: -38px;
    z-index: 999
}

#holdingListGrid .holdingsSearch input {
    background-color: #fff;
    border-radius: 0 8px 8px 0 !important;
    font-size: 13px;
    border: 0;
    color: #444
}

#holdingListGrid .holdingsSearch .input-group-btn {
    padding: 7px;
    background: #fff !important;
    border-radius: 4px 0 0 4px
}

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

.articleTop--filter .d-flex {
    justify-content: flex-end;
    display: flex
}

.articleTop--filter ul {
    display: flex
}

    .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: .7vw
}

.chatSection .chatSection-left .chatUserName {
    font-size: .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: 7vh
    }

.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
}

#divForumDescriptionList .overAllComplaint--addDiscussion__strip.chatSection .user-image, #fourmReplyLists .overAllComplaint--addDiscussion__strip.chatSection .user-image {
    height: 75px;
    border-radius: 8px 0 8px 8px;
    margin-top: -35px;
    margin-right: 15px
}

#divForumDescriptionList .overAllComplaint--addDiscussion__strip.chatSection, #fourmReplyLists .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: 0 8px 0 0;
    margin-bottom: -1px
}

.reply-chatrightSection {
    align-items: center
}

    .reply-chatrightSection p {
        margin: 0
    }

.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: 0
}

.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: 0 0 19px 0 #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: .1vw;
            margin-left: .1vw
        }

        .discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions span {
            padding-right: 6px;
            font-size: .7vw;
            padding-left: 2px;
            display: flex;
            align-items: center
        }

            .discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions span .material-icons {
                font-size: .7vw;
                margin-right: .2vw;
                color: #a5bbc9
            }

    .discussionsDetails--right .flex-grid--content__bg .chatSection-left--actions {
        margin-left: 10px !important;
        margin-bottom: 0 !important
    }

    .discussionsDetails--right .flex-grid--content__bg .articles-bottom--actions {
        font-size: .65vw
    }

.discussionsDetails--right .islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content .flex-grid--content__bg .table-stockName {
    font-size: .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: 0 !important
    }

.overAllComplaint--addDiscussion__chat .chatSection .chatSection-left .chatUserName {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    background: 0 0;
    display: table;
    padding: 0 0;
    border-radius: 0
}

.overAllComplaint--addDiscussion__chat .overAllComplaint--addDiscussion__strip.chatSection .replyChat {
    background: 0 0;
    border-radius: 0;
    color: #fff;
    padding: 0;
    padding-right: 7px;
    font-size: 11px;
    display: flex;
    width: fit-content
}

.islamicly--content__help .discussionsDetails--right .chatSection {
    margin-top: 4vh
}

.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: .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: #ececec;
    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: 0 0 6px #0000004d;
    border-radius: 10px 0 0 10px;
    width: 30%;
    margin-bottom: 0 !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: 0 !important;
    text-align: right;
    padding-right: 20px;
    color: #fff !important;
    height: 95px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

    .islMarketPayment-selectedBox--marketDiscount p {
        font-size: 14px;
        letter-spacing: .6px;
        color: rgba(255,255,255,.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,.6);
        font-size: 14px;
        margin: 15px 0;
        padding-left: 20px;
        cursor: pointer;
        letter-spacing: .6px
    }

        .islMarketPayment .country-market--list li .material-icons {
            visibility: hidden
        }

        .islMarketPayment .country-market--list li.active {
            color: rgba(255,255,255,.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: .8vw;
        font-weight: 400
    }

        .islMarketPayment .isl-paymentForBoth .nav-pills .nav-link .material-icons {
            font-size: .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: #fff;
    border-radius: 0 10px 10px 0;
    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: red;
    right: -25px;
    cursor: pointer
}

.market-select--list__count--price.disabled {
    opacity: .5
}

.market-select--choice__count {
    background: #35393e;
    border-radius: 10px 0 0 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: .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,.6) !important
}

    .havePromoCode span {
        font-size: 13px !important;
        color: rgba(255,255,255,.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: red !important;
            cursor: pointer
        }

.searchPromoCode input, .searchPromoCode input:focus, .searchPromoCode input:hover {
    background: #454f63 0 0 no-repeat padding-box;
    box-shadow: 0 3px 15px #0000001f;
    border-radius: 12px 0 0 12px;
    opacity: 1;
    font-size: 14px;
    height: 44px;
    border: 0
}

.searchPromoCode .apply-button {
    background: #454f63 0 0 no-repeat padding-box;
    border-radius: 0 12px 12px 0;
    height: 44px;
    opacity: 1;
    margin: 0;
    margin-left: -1px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    color: #fec513
}

#offerPopUP h6 {
    letter-spacing: .5px;
    color: rgba(255,255,255,.8);
    font-size: 13px
}

.coupons-panel {
    display: flex;
    background: #191b1f;
    padding: 15px 0;
    align-items: center
}

    .coupons-panel .col:first-child {
        flex-grow: 7
    }

.apply-button {
    color: #fec513
}

.coupons-panel h5 {
    font-size: 13px;
    margin: 0;
    letter-spacing: .5px;
    line-height: 1.4
}

.coupons-panel p {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    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: -.05em;
        right: -.1em;
        top: .6em;
        bottom: .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: red;
    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: 0 !important
}

.summary-message--success {
    font-size: 20px !important;
    margin: 0 !important;
    color: #c1c1c1 !important;
    font-weight: 300
}

.summary-message--complete {
    font-size: 13px !important;
    font-weight: 100;
    color: rgba(255,255,255,.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: 0;
    margin-left: -3px;
    background: #454f63
}

.addnewHoldings-value .modal-header {
    background: #454f63;
    padding: .5rem 1rem .5rem
}

#myHoldingsListHeight .table tr {
    cursor: pointer
}

.loader3 {
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 0;
    text-align: left;
    padding: 0;
    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: #87d37c;
        -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: .8
    }

    100% {
        transform: scale(1,1);
        opacity: 0
    }
}

@-webkit-keyframes loader3 {
    0% {
        -webkit-transform: scale(0,0);
        opacity: .8
    }

    100% {
        -webkit-transform: scale(1,1);
        opacity: 0
    }
}

.userTupeCheckbox label {
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    background: #454f63;
    font-size: 13px;
    width: 90%;
    border-radius: 8px;
    box-shadow: 0 3px 3px 0 #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
}

.addnewHoldings-value .input-group-text {
    color: #fff;
    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 a:hover, .islamicly--content__universe .history p span:last-child a {
    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
}

a.datepicker-button.default:focus, a.datepicker-button.default:hover {
    background-color: transparent
}

.islamicly--content__help .nav-item:first-child .nav-link {
    border-radius: 6px 0 0 6px
}

.islamicly--content__help .nav-item:last-child .nav-link {
    border-radius: 0 6px 6px 0
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    margin: 0 0
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
    box-shadow: 2px 2px 2px rgba(204,204,204,.2);
    width: 19%
}

.islamicly--content__dashboard .allWidgetResponsove .d-flex .placeholder {
    -webkit-box-shadow: 0 0 2px 3px #888;
    -moz-box-shadow: 0 0 2px 3px #888;
    box-shadow: 0 0 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,.14),0 3px 1px -2px rgba(239,83,80,.2),0 1px 5px 0 rgba(239,83,80,.12);
    box-shadow: 0 2px 2px 0 rgba(239,83,80,.14),0 3px 1px -2px rgba(239,83,80,.2),0 1px 5px 0 rgba(239,83,80,.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 0 15px 10px
}

#AddStockstoPortfolio .modal-content .slimScrollDiv {
    width: 98% !important;
    margin: 0 auto
}

.btn-isl.btn-danger, .btn-isl.btn-danger:focus, .btn-isl.btn-danger:hover {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 15px;
    color: #fff;
    display: flex;
    align-items: center;
    border: 0;
    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: #2980b9 !important;
    border: 0 !important
}

.searchTop .select2-container {
    max-width: 100% !important;
    margin-left: 0;
    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: 0;
    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: 0;
        width: 100%;
        box-shadow: 0 0 0 #989898;
        border: 1px dashed;
        display: flex;
        align-items: center
    }

.overAllComplaint--add .overAllComplaint--addHoldings__TitleHeading {
    font-size: 0.86vw !important;
    padding: 0;
    margin: 0;
    background: linear-gradient(180deg,#7669c1 0,#3068dd 100%);
    color: #fff !important;
    padding: 9px 20px !important;
    border-radius: 10px 10px 0 0
}

.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: 700;
    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.active {
    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: 0;
    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: 0;
    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: 0 0 !important;
        color: #fff;
        font-size: 12px;
        border: 0 !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: 0 10px 0 0
    }

        .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: 0 0 !important;
                justify-content: flex-start;
                font-size: 10px;
                text-decoration: underline;
                border: 0 !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 td, #mymodalNonMapped .scarp-table.table tr th {
    padding: .3rem .5rem
}

#exampleNonMappped {
    height: 500px;
    overflow-y: scroll
}

.tablerowSelected span .material-icons {
    font-size: 11px;
    color: #44960d
}

    .tablerowSelected span .material-icons.red {
        color: red
    }

#mymodalNonMapped .tablerowSelected:not(:first-child) {
    margin-top: 15px
}

#mymodalNonMapped .table > thead > tr > th {
    position: relative;
    top: 0;
    z-index: 9;
    background: 0 0
}

.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 0;
    position: relative;
    top: 98px;
    background: 0 0
}

.universelist-stock--titlem {
    text-align: center;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 15px
}

    .universelist-stock--titlem span {
        background: #000;
        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: 0 solid #fff;
        height: 4rem;
        transform: translateY(90%);
        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: 0
}

.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 0;
    position: relative;
    top: 0;
    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
}

.islamicly-recentlyVisit--verticalScroll .slick-slide {
    opacity: .8;
    width: 100% !important
}

.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,.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: 0;
    float: left;
    background: #000;
    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: 0;
    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
    }

.compliance--dataRange {
    margin-top: 1.4rem
}

.topSLider {
    background: #1A1E24;
    padding: .8vh 0 0 0;
    height: 5vh;
    overflow: hidden
}

#divtopfiveflex a:not(:last-child) .isl-market--span, #divtopthreeflex a .isl-market--span {
    border-bottom: 1px dashed #fff;
    padding-bottom: .3vh;
    margin-bottom: .7vh
}

.isl-market--span__progress {
    color: #fff;
    margin-bottom: 4px
}

.billings-information .isl-market--span {
    padding-bottom: 4px
}

.billings-information .flex--tiles__title, .footerH5, .isl-market--span .isl-market__heading {
    line-height: .9
}

#divstockDiscussionflex a:not(:first-child) {
    display: block;
    margin-top: 4px
}

#newwidgetPopup .custom-dropdown select {
    font-size: 13px;
    letter-spacing: 0
}

#newwidgetPopup .isl-market--span {
    border-bottom: 1px dashed #fff;
    margin-top: 6px;
    margin: 4px 0;
    padding: 2px 0 5px 0
}

#newwidgetPopup .fa-sort-asc {
    top: 6px !important
}

#newwidgetPopup .fa-sort-desc {
    top: -5px !important
}

#newwidgetPopup .flex-fill .isl-market__Subheading .material-icons.green {
    color: #15c75c;
    position: relative;
    top: 0
}

#newwidgetPopup .flex-fill .isl-market__Subheading .material-icons.red {
    color: red;
    position: relative;
    top: 2px
}

.isl-market__heading .fa {
    top: -1px !important
}

    .isl-market__heading .fa.fa-sort-asc {
        top: 4px !important
    }

.islamicly-recentlyVisit--verticalScroll .slider--item__value .scroll-icons--position .fa {
    top: -9px !important
}

    .islamicly-recentlyVisit--verticalScroll .slider--item__value .scroll-icons--position .fa.fa-sort-asc {
        top: 0px !important
    }

.flex-fill .isl-market__heading .material-icons {
    color: #15c75c;
    font-size: .6vw
}

.homeMapSlideParaContent .isl-market--span .isl-market__Subheading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
    font-size: .7vw
}

#popup_edit_profilename .modal-body input {
    cursor: auto
}

.islamicly--content__portfolio .portfolio--panel {
    cursor: auto
}

    .islamicly--content__portfolio .portfolio--panel .panel-content {
        cursor: pointer
    }

.overAllComplaint--addHoldings .d-flex p:last-child {
    margin-right: 4px
}

.overAllComplaint--addDiscussion__strip p {
    font-size: 0.7vw !important
}

#scroll-universeGrid {
    width: 100%
}

@media (min-width:3000px) {
    #universe #scroll-universe.islamicly--content__universe--table, #universe #scroll-universeGrid.islamicly--content__universe--Grid {
        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: .6vw;
            color: red
        }

    .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
        min-height: 270px;
        max-height: 300px
    }

    #divScreeningRequestflex, #divalertflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 33vh
    }
}

@media (min-width:2200px) and (max-width:2999px) {
    .islamicly--content__universe--Grid .flex-grid--content {
        max-height: 100%
    }

    #universe #scroll-universe.islamicly--content__universe--table, #universe #scroll-universeGrid.islamicly--content__universe--Grid {
        height: 81vh !important
    }

    .islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons.red {
        font-size: .6vw;
        color: red
    }

    .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
        min-height: 270px;
        max-height: 300px
    }

    #divScreeningRequestflex, #divalertflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 31.7vh
    }

        #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
            bottom: -10px !important;
            border-radius: 0 0 6px 12px
        }

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

@media (min-width:1700px) {
    #divGeneral, #divStockRelated, #universe .islamicly--content__universe--Grid, #universe .islamicly--content__universe--table, .portfolio-first-page-scroll {
        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: 0 .6vw 0 !important
    }

    .islamicly--content__universe--Grid .editprofileSection .islamicly--content__universe--Grid .flex-grid--content {
        min-height: 240px;
        max-height: 300px
    }

    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -3px !important;
        border-radius: 0 0 6px 12px
    }

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

@media (max-width:1699px) {
    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -10px !important;
        border-radius: 0 0 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
    }

    #divScreeningRequestflex, #divalertflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 29vh
    }

    .billings-information .isl-market__viewMore {
        bottom: -12px !important
    }

    .islamicly--content__dashboard .slick-slide img {
        height: 120px !important
    }
}

@media (max-width:1500px) {
    .header .top-navbar .navbar-header {
        line-height: 1
    }

    .header .top-navbar {
        min-height: 1vh;
        height: 5vh
    }

    .topSLider {
        padding: .5vh 0 0 0
    }

    .islamicly--content__dashboard .slick-slide img {
        height: 100px !important
    }

    .compliance--dataRange {
        margin-top: .8rem
    }

    #divScreeningRequestflex, #divalertflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 27.5vh
    }
}

@media (min-width:1401px) {
    .portfolio-first-page-scroll {
        height: 73vh
    }

    #divGeneral, #divStockRelated {
        height: 74vh
    }

    #universe .islamicly--content__universe--table {
        height: 63vh
    }

    #universe .islamicly--content__universe--Grid {
        height: 63vh
    }

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

    #articlesFlexBox {
        max-height: 75vh;
        height: auto;
        min-height: 34vh
    }

    #articlesContentDetails {
        height: 76vh
    }

    .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: 78vh
    }

    .isl-market__viewMore {
        padding: .6vh .8vh;
        bottom: -6px;
        border-radius: 0 0 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: 0 0 6px 12px
    }

    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -14px;
        border-radius: 0 0 6px 12px
    }
}

@media (max-width:1400px) {
    .islamicly--content__articles .islamicly--content__universe--Grid .flex-grid--content {
        width: 32%
    }

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

    .islamicly--content__dashboard .slick-slide img {
        height: 70px !important
    }

    #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: 0
    }

    .overAllComplaint--history__badge .complaint-badge--All-red li .red {
        font-size: 17px
    }

    .portfolio-first-page-scroll {
        height: 67vh
    }

    #universe .islamicly--content__universe--Grid, #universe .islamicly--content__universe--table {
        height: 59vh;
        padding-bottom: 20px
    }

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

    #divGeneral {
        height: 68vh
    }

    #divStockRelated {
        height: 67vh
    }

    #articlesContentDetails, #articlesFlexBox {
        max-height: 76vh;
        height: auto;
        min-height: 40vh
    }

    .overAllComplaint--addHoldings {
        height: 39.5vh
    }

    .history-gauge .main .col:first-child {
        flex-grow: 1;
        width: 50px
    }

    .history-gauge .main .col:last-child {
        flex-grow: 1.5
    }

    .overAllComplaint--addHoldings.islamicly--content__universe--Grid p {
        margin: 0;
        padding-top: 0
    }

    .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: 0
    }

    #divScreeningRequestflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 25.7vh
    }

    #divalertflex {
        height: 26.7vh
    }

    .isl-market__viewMore {
        position: absolute;
        width: 96%;
        bottom: 0;
        background: #1a1e24;
        border-radius: 0 0 4px 4px;
        left: 3px
    }

    .holding-cuuencyINR {
        font-size: 17px !important
    }

    .word-mapDashBoard {
        height: 14vh !important
    }

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

    .flex-tiles--bottomGraph {
        position: absolute;
        bottom: 28px
    }

    .flex-tiles--bottomGraph {
        position: absolute;
        bottom: 28px
    }

    .flex-fill--padding.amChart-Responsibve .gauge, .flex-fill--padding.amChart-Responsibve .gaugeOne {
        height: 18vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: .7rem
    }

    .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: 0 0
    }

    .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: 0
    }

    .dashboard--nav ul li a {
        font-size: .8vw
    }
}

@media (max-width:768px) {
    .responsive--forMbileMenu {
        margin-top: 0
    }
}

@media (max-width:1366px) and (max-height:768px) {
    .portfolio-summary .gauge-container {
        margin-top: 3vh
    }
}

@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
    }

    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -12px !important
    }

    .complianceStocksMarket .isl-market__viewMore, .portfolio-summary .isl-market__viewMore {
        bottom: -6px
    }

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

    .isl-market__viewMore {
        padding: .6vh .8vh;
        bottom: -5px;
        border-radius: 0 0 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: 0 0 6px 12px
    }

    .billings-information .isl-market__viewMore {
        bottom: -10px
    }

    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -6px;
        border-radius: 0 0 6px 12px
    }

    #divScreeningRequestflex {
        height: 25vh
    }

    .complianceStocksMarket .chartDiv {
        margin-top: 8vh
    }

    .complianceStocksMarket .gauge-container {
        margin-bottom: 8vh
    }

    .portfolio-summary .gauge-container {
        margin-top: 1vh
    }

    .flex--tiles__title, .footerH5, .isl-market--span .isl-market__heading {
        font-size: .8vw
    }

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

    .homeMapSlide {
        height: 35.9vh
    }

    .flexmyHoldings p {
        margin-bottom: 3px
    }

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

    .header .top-navbar {
        min-height: 34px;
        height: 6vh
    }

    .header .select-country .form-control {
        height: 26px !important;
        padding: 0 20px
    }

    .header .top-navbar .navbar-header {
        line-height: 1
    }

    .topSLider {
        background: #1A1E24;
        padding: .5vh 0 0 0;
        height: 6vh;
        overflow: hidden
    }
}

@media (max-width:1300px) {
    #divalertflex {
        height: 25vh
    }

    .billings-information .isl-market__viewMore {
        bottom: -11px
    }

    .portfolio-summary .gauge-container {
        margin-top: 1vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: 1rem
    }
}

@media screen and (max-width:1280px) and (max-height:1024px) {
    #divScreeningRequestflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 28.5vh
    }

    .isl-market--myAlerts p {
        font-size: .8vw
    }

    .flex-fill--padding p:nth-child(2) {
        margin-top: 0
    }

    #divalertflex {
        height: 28.5vh
    }

    .topSLider {
        height: 5vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: -2.5rem
    }

    .portfolio-summary .gauge-container {
        margin-top: 1vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: 1rem
    }
}

@media screen and (max-width:1280px) and (max-height:800px) {
    #divScreeningRequestflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 26.6vh
    }

    #divalertflex {
        height: 26.7vh
    }

    .isl-market--myAlerts p {
        font-size: .8vw
    }

    .flex-fill--padding p:nth-child(2) {
        margin-top: 0
    }

    .portfolio-summary .gauge-container {
        margin-top: 1vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: 1rem
    }
}

@media screen and (max-width:1280px) and (max-height:600px) {
    .header .top-navbar {
        min-height: 2vh;
        height: 5vh
    }

    .navbar-brand img {
        height: 24px !important
    }

    .header .select-country .form-control {
        height: 20px !important;
        padding: 0 20px
    }

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

    .navbar-nav .search input {
        padding: 0 0 0;
        font-size: 13px;
        background: 0 0;
        height: auto
    }

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

    .portfolio-summary .gauge-container {
        margin-top: 1vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: 1rem
    }
}

@media (min-width:1000px) and (max-width:1100px) {
    .islamicly--content__dashboard .allWidgetResponsove .d-flex .flex-fill {
        width: 19%
    }

    .register-isl-box {
        width: 90%
    }

    .login-tiles .or-label {
        left: 14px;
        margin-top: 1em
    }

    #divalertflex, #divstockDiscussionflex {
        height: 26.5vh
    }

    #divtopthreeflex {
        height: 27vh
    }

    #divtopfiveflex {
        height: 26.9999vh
    }

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

    .flex-fill--padding .gauge, .flex-fill--padding .gaugeOne {
        height: 14vh
    }

    .carousel.homeMapSlide .isl-market__viewMore {
        bottom: 9px
    }

    .isl-market__viewMore {
        padding: .6vh .8vh;
        bottom: -2px;
        border-radius: 0 0 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: 0 0 6px 12px
    }

    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -10px;
        border-radius: 0 0 6px 12px
    }

    .islamicly--content__dashboard .slick-slide img {
        height: 75px !important
    }

    #divtopfiveflex .isl-market__viewMore, #divtopthreeflex .isl-market__viewMore {
        bottom: -4px !important
    }

    .compliance--dataRange {
        font-size: 16px;
        margin-top: -2rem
    }

    .flex--tiles__title, .footerH5, .isl-market--span .isl-market__heading {
        font-size: .76vw
    }

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

    .islaamicly--tabs.vtabs .tabs-vertical {
        width: 85px;
        position: fixed
    }

        .islaamicly--tabs.vtabs .tabs-vertical li .nav-link {
            font-size: 11px
        }

    .islaamicly--tabs.vtabs.vtabs .tab-content {
        width: 91.5%;
        margin-left: 79px
    }

    .panel-content--ManageStock {
        text-align: center;
        color: #fff;
        font-size: 10px
    }

    .islamicly--content__universe--tableOption .filter {
        width: 96%;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

        .islamicly--content__universe--tableOption .filter p span {
            border-radius: 30px;
            border: 0;
            padding: 2px 2px 2px 2px;
            background: #131519;
            border: 1px dashed #707070;
            color: #fff;
            font-size: 9px;
            cursor: pointer
        }

    .isl-portfolio__detailsGrid {
        height: 63vh
    }

    .isl-portfolio--details .flex--tiles__title span {
        font-size: 14px !important
    }

    .islamicly--content__universe--tableOption .filter p {
        color: #fff;
        font-size: 7px
    }

    #portfolioDetailtockList {
        height: 52vh !important
    }

    .recommandationInBox {
        height: 40vh
    }

        .recommandationInBox.recommandationInBoxAlert {
            height: auto
        }

    #divRecommended .table {
        table-layout: fixed
    }

    .recommandationInBox .islamicly--content__universe--tableOption .search {
        width: 100%
    }

    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        width: 30.5%
    }

    #scroll-Proftfolio {
        height: 53vh
    }

    .islamicly--content__universe--tableOption .search .input-group-addon {
        right: 0
    }

    .topSLider .carousel .slick-list .slick-track .slick-slide {
        font-size: 9px
    }

    .overAllComplaint--addDiscussion__strip p {
        font-size: 9px !important
    }

    .overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
        min-height: 29vh;
        max-height: 34vh
    }

        .overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content.flex-add .flex--tiles__title {
            margin-left: 9px;
            font-weight: 700;
            font-size: 10px;
            line-height: 20px
        }

    .islamicly--content__help .col-md-4.overAllComplaint--addDiscussion__strip {
        min-height: 12.7vh
    }

    .editprofileSection .nav-tabs {
        width: 100%
    }

    .editprofileSection .nav-item a {
        font-size: 12px;
        padding: 13px 16px
    }

    .portfolio-summary .gauge-container {
        margin-top: 1vh
    }

    .compliance--dataRange {
        font-size: 18px;
        margin-top: 1rem
    }
}

@media (min-width:992px) {
    .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-dialog {
        max-width: 900px !important;
        top: 45% !important
    }
}

@media (max-width:991px) {
    .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
    }

    .dark-theme.preLaunch .isl-customer--feedback .slick-next, .isl-customer--feedback .slick-prev {
        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-next, .isl-customer--feedback.reviews-from--store .slick-prev {
        top: 70%
    }

    .isl-customer--feedback .slick-prev, .isl-customer--feedback.reviews-from--store .slick-prev {
        left: 6px
    }

    .isl-customer--feedback .slick-next, .isl-customer--feedback.reviews-from--store .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: 0 solid #ccc;
        margin-right: 0;
        margin: 5px 0
    }

    .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: 0 15px
    }

    .islamiclyAPP {
        padding: 20px 0 0
    }

    .islamicly-finance--Title {
        line-height: 1.1;
        text-align: center
    }

    .howItWorks {
        padding: 50px 0 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: 0 !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: 0;
        text-align: center !important
    }

    .dark-theme .grid-view.clients .select-country--page .islamicly--content__universe--Grid .flex-grid--content .table-stockName {
        font-size: 13px
    }

    .first-shariah--content img, .premium-strip--right img {
        width: 100% !important
    }

    .islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons, .islamicly--content__universe--Grid .flex-grid--content .table-sector, .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder, .islamicly-recentlyVisit--verticalScroll .slider--item__title, .overAllComplaint--history__badge .complaint-badge--All-green li, .overAllComplaint--history__graph p, .overAllComplaint--history__title h5 {
        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
    }
}

@media (max-height:630px) {
    .islamicly--content__dashboard .slick-slide img {
        height: 30px !important
    }

    #divtopfiveflex, #divtopthreeflex, #divScreeningRequestflex, #divgenralDiscussionflex, #divstockDiscussionflex, #divtopfiveflex, #divtopthreeflex {
        height: 22vh
    }

    #divalertflex, #divstockDiscussionflex {
        height: 23vh
    }

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

    .billings-information .isl-market__viewMore {
        bottom: -9px !important
    }

    .portfolio-summary .gauge-container {
        margin-top: 0vh
    }

    .compliance--dataRange {
        font-size: 13px;
        margin-top: 0rem
    }
}

#portfolioDetailtockList {
    height: 60vh
}

.isl-paymentForBoth .cart .badge, .isl-user-profile .price-select--iconsDelete .material-icons {
    cursor: pointer
}

.dark-theme .select-country--page .stocks-avialble {
    font-size: 14px
}

    .dark-theme .select-country--page .stocks-avialble span {
        font-size: 22px;
        font-weight: 600;
        color: #fff
    }

.select-country--page .stocks-avialble .btn-isl-success {
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 500
}

.select-country--page .isl-paymentForBoth .nav-pills {
    background: transparent !important;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #737272
}

    .select-country--page .isl-paymentForBoth .nav-pills .nav-link {
        border-radius: 5px;
        font-size: 13px;
        margin: 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 3px;
        color: #737272;
        font-weight: 500
    }

        .select-country--page .isl-paymentForBoth .nav-pills .nav-link:first-child {
            border-radius: 5px 0 0 5px
        }

        .select-country--page .isl-paymentForBoth .nav-pills .nav-link:last-child {
            border-radius: 0 5px 5px 0
        }

        .select-country--page .isl-paymentForBoth .nav-pills .nav-link.active {
            background: #fff;
            color: #000
        }

.subcriptionCountry.table > tbody > tr > td {
    border-top: 1px dashed #888181
}

.subcriptionCountry.table > tbody > tr:last-child > td {
    border-bottom: 1px dashed #888181
}

.subcriptionCountry.table > tbody > tr > td:first-child {
    border-right: 1px dashed #888181;
    font-size: 16px;
    color: #fff;
    vertical-align: middle
}

.subcriptionCountry.table > tbody > tr > td:last-child {
    text-align: right;
    vertical-align: middle
}

.subcriptionCountry.table > tbody > tr > td .bestSaverPlan {
    background: #f7f00e;
    color: #000;
    font-size: 9px;
    padding: 3px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 2px 5px;
    line-height: 1;
    border-radius: 2px
}

.subcriptionCountry.table > tbody > tr > td p {
    margin: 0;
    text-align: right !important;
    font-size: 12px !important
}

.subcriptionCountry.table > tbody > tr > td .btn-isl-success {
    margin: 0;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 6px;
    font-weight: 500
}

.bottomTermConditionSubscription {
    font-size: 10px !important;
    position: absolute;
    right: 14px;
    bottom: -3px
}

    .bottomTermConditionSubscription a {
        font-size: 10px !important;
        text-decoration: none !important
    }

.select-country--page .islamicly--content__universe {
    margin-top: 40px;
    margin-bottom: 70px
}

.islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding a {
    color: #28b5e1;
    text-decoration: none
}

    .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding a:hover {
        text-decoration: none;
        color: #abafb3
    }

.holdings--tab .islamicly--content__universe--table tbody tr td .material-icons:last-child {
    font-size: .8vw;
    color: red
}

.holdings--tab .islamicly--content__universe--table tbody tr td a:not(:last-child) .material-icons {
    font-size: .8vw;
    color: #c5c9cc
}

.holdings--tab .islamicly--content__universe--table tbody tr td a {
    position: relative
}

.After--hover {
    display: none
}

.holdings--tab .islamicly--content__universe--table tbody tr td a:hover .material-icons {
    visibility: hidden
}

.holdings--tab .islamicly--content__universe--table tbody tr td a:hover .After--hover {
    display: flex;
    position: absolute;
    font-size: 12px;
    color: #fff;
    padding: 2px 4px;
    line-height: 1;
    left: -3px;
    bottom: 6px
}

.holdings--tab .islamicly--content__universe--table tbody tr td a:last-child .After--hover {
    left: -13px;
    top: -4px
}

.nice-select .list {
    border-radius: 0;
    height: 300px;
    overflow-y: auto
}

.flex-fill--padding .isl-market--span:first-child, #divstockDiscussionflex .isl-market--span.isl-discussions--span:first-child {
    margin-top: 0
}

.islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding .isl-market__viewMore a {
    color: #fff
}

    .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding .isl-market__viewMore a:hover {
        color: #7ac943;
        text-decoration: underline
    }

.slick-list.draggable {
    padding: 0 0px !important
}

.flex-tiles--bottomGraph {
    position: relative;
    display: flex;
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0;
    bottom: 0;
    font-size: .8vw
}

    .flex-tiles--bottomGraph span:nth-child(2) {
        text-align: right
    }

.flex-tiles--bottomGraph1 span {
    font-weight: 600;
    font-size: 1vw
}

    .flex-tiles--bottomGraph1 span:nth-child(1) {
        color: #22811d
    }

    .flex-tiles--bottomGraph1 span:nth-child(2) {
        color: #ff0200
    }

#topmarque a {
    color: #fff
}

.allWidgetResponsove .flex-fill, .homeMapSlide, .islamicly-recentlyVisit--verticalScroll .slider--item, .topSLider {
    cursor: n-resize
}

.navbar-nav .search .fa-search {
    cursor: pointer
}

input.red {
    border: 1px solid red
}

.holdings--seperation p span {
    color: #c7c7c7;
    font-size: .7vw
}

.holdings--seperation p .fa {
    font-size: .9vw
}

#newwidgetPopup .modal-body #divtopfiveflex {
    overflow: hidden
}

.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #ce4233;
    letter-spacing: .2em;
    background: #000;
    width: 89.3%;
    z-index: 99;
    margin-left: 43px
}

    .loaderUniverseData::before, .loaderUniverseData::after {
        content: "";
        display: block;
        width: 15px;
        height: 7px;
        left: 46%;
        background: #ce4233;
        position: absolute;
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out
    }

    .loaderUniverseData::before {
        top: 0
    }

    .loaderUniverseData::after {
        bottom: 0
    }

@-webkit-keyframes load {
    0% {
        left: 46%;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 54%;
        height: 30px;
        width: 15px
    }
}

#advanceModelPopupF option {
    color: #fff
}

.loaderUniverseData {
    width: 250px;
    height: 49px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-family: helvetica,arial,sans-serif;
    text-transform: uppercase;
    font-weight: 900;
    color: #CE4233;
    letter-spacing: .2em;
    background: #000;
    width: 89.3%;
    z-index: 99;
    margin-left: 43px
}

    .loaderUniverseData::before, .loaderUniverseData::after {
        content: "";
        display: block;
        width: 15px;
        height: 7px;
        left: 46%;
        background: #CE4233;
        position: absolute;
        -webkit-animation: load .7s infinite alternate ease-in-out;
        animation: load .7s infinite alternate ease-in-out
    }

    .loaderUniverseData::before {
        top: 0
    }

    .loaderUniverseData::after {
        bottom: 0
    }

#nonMappedThirdLevel {
    height: 57.5vh
}

.divStockReletedTitleScrollHeight {
    height: 15vh !important
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex--tiles__title {
    padding: 0;
    background: transparent;
    margin: 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 15px
}

.newStockDesign p {
    font-size: 11px;
    color: #fff
}

.newStockDesign span.count {
    background: #0071BE;
    border-radius: 50px;
    padding: 5px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-right: 5px
}

#divStockRelated .islamicly--content__dashboard .d-flex .flex-fill .flex-fill--padding {
    border-radius: 12px 16px 16px
}

.backDiscussionspage .overAllComplaint--addDiscussion__strip {
    border-radius: 0 6px 6px 6px
}

    .backDiscussionspage .overAllComplaint--addDiscussion__strip p:last-child {
        margin-left: 16px
    }

#fourmReplyLists .backDiscussionspage .overAllComplaint--addDiscussion__strip.chatSection .user-image {
    height: 35px;
    border-radius: 4px 0 0 0;
    margin-top: -12px;
    margin-right: 0
}

#fourmReplyLists .backDiscussionspage .overAllComplaint--addDiscussion__strip.chatSection .chatSection-left .chatSection-left--UserDetails span {
    font-weight: 600;
    background: #0071BE;
    color: #fff;
    padding: 10px 7px 2px;
    margin-top: -12px;
    font-size: 14px;
    border-radius: 0 4px 4px 0
}

.islamicly--content__help .backDiscussionspage .chatSection-left--actions {
    margin-top: -15px;
    justify-content: flex-start;
    align-items: center;
    justify-content: flex-end;
    margin-right: 19px
}

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

.topHeaderAboutChatDes {
    background: #2098A2;
    color: #fff;
    padding: 8px;
    width: max-content;
    position: absolute;
    top: 11vh;
    left: 44%;
    z-index: 999;
    border-radius: 0 0 8px 8px
}

    .topHeaderAboutChatDes span:first-child, .topHeaderAboutChatDes1 span:first-child {
        font-weight: 600
    }

    .topHeaderAboutChatDes span:nth-child(3), .topHeaderAboutChatDes span:nth-child(5), .topHeaderAboutChatDes1 span:nth-child(5), .topHeaderAboutChatDes1 span:nth-child(3) {
        font-size: 12px
    }

.backtoDiscussionLink .material-icons {
    background: #0071BE;
    color: #fff;
    font-size: 18px;
    padding: 4px;
    border-radius: 20px
}

.overAllComplaint--addDiscussion__strip .newSingleStockMarket p {
    color: #fff !important;
    margin-top: 10px
}

.overAllComplaint--addDiscussion__strip .topHeaderAboutChatDes1 {
    background: #24282E;
    display: block;
    max-width: fit-content;
    text-align: center;
    position: relative;
    top: -32px;
    padding: 10px;
    font-size: 13px !important;
    border-radius: 6px;
    display: inline-flex
}

.universelist-stock--title span {
    position: relative
}

.universelist-stock--title {
    text-align: center;
    margin: 20px 0 0
}

    .universelist-stock--title:after {
        z-index: 0
    }

.dropdown-menu.megamenu .row {
    margin: 0;
    display: flex
}

.dropdown-menu.megamenu .dropdown-left {
    background: #319945;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px 0 0 8px
}

    .dropdown-menu.megamenu .dropdown-left p {
        color: #FFF;
        display: flex;
        text-align: right;
        line-height: 1.2;
        margin: 0;
        font-size: 16px;
        font-style: normal
    }

.dropdown-menu.megamenu .dropdown-right {
    margin: 30px 0
}

    .dropdown-menu.megamenu .dropdown-right .scholardetails {
        width: 90%;
        margin: 0 auto;
        float: right
    }

        .dropdown-menu.megamenu .dropdown-right .scholardetails:not(:first-child) .colmn {
            padding-top: 20px
        }

.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: 1px dashed #ccc;
    padding: 0 25px 20px 20px
}

    .dropdown-right .scholardetails .colmn p {
        letter-spacing: .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: 1px dashed #ccc;
        border-bottom: 1px dashed #ccc;
        padding: 0 25px 20px 0
    }

.dropdown-right .child {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .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
}

.screening-process .screeningDesc {
    color: #319945;
    max-width: 400px;
    font-size: 14px;
    line-height: 1.1;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -12px;
    font-style: normal
}

.screening-process p {
    font-size: 13px !important;
    font-style: normal;
    padding: 15px;
    line-height: 1.1
}

.dropdown-menu.megamenu .screening-process .dropdown-left p {
    color: #FFF;
    display: flex;
    text-align: left;
    line-height: 1.2;
    margin: 0;
    font-size: 13px !important;
    margin-left: 20px;
    font-style: normal;
    padding: 0;
    letter-spacing: .5px;
    font-weight: 100
}

    .dropdown-menu.megamenu .screening-process .dropdown-left p.screeningLink a {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        margin-top: 7px;
        font-size: 12px;
        transition: all 2s;
        color: rgba(255,255,255,.8)
    }

        .dropdown-menu.megamenu .screening-process .dropdown-left p.screeningLink a .material-icons {
            font-size: 16px;
            margin-left: 5px;
            transition: all 2s
        }

    .dropdown-menu.megamenu .screening-process .dropdown-left p.screeningLink a {
        color: rgba(255,255,255,1)
    }

        .dropdown-menu.megamenu .screening-process .dropdown-left p.screeningLink a:hover .material-icons {
            margin-left: 20px
        }

.dropdown-menu.megamenu .screening-process .dropdown-right .scholardetails .colmn {
    padding: 10px
}

.dropdown-menu.megamenu .featuresDesc .dropdown-right .scholardetails {
    width: 96%;
    margin: 0 auto;
    float: right
}

    .dropdown-menu.megamenu .featuresDesc .dropdown-right .scholardetails h5 {
        color: #319945;
        font-size: 15px;
        margin-bottom: 6px
    }

    .dropdown-menu.megamenu .featuresDesc .dropdown-right .scholardetails .colmn p {
        letter-spacing: 0;
        line-height: 1.2;
        margin-bottom: 0;
        font-size: 13px;
        transition: all 2s;
        font-weight: 200;
        font-style: normal;
        color: #2C2F33
    }

.dropdown-menu.megamenu .featuresDesc .dropdown-right {
    margin: 20px 0
}

.dropdown-menu.megamenu .dowloadApp {
    height: 360px
}

    .dropdown-menu.megamenu .dowloadApp .colmn p {
        color: #2C2F33;
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 20%
    }

    .dropdown-menu.megamenu .dowloadApp .col-md-4:nth-child(2) {
        z-index: 9
    }

    .dropdown-menu.megamenu .dowloadApp .colmn.appstoreC {
        z-index: 0;
        display: flex;
        height: 100%
    }

        .dropdown-menu.megamenu .dowloadApp .colmn.appstoreC img {
            z-index: 0;
            position: absolute;
            right: -215px;
            transition: all 2s
        }

        .dropdown-menu.megamenu .dowloadApp .colmn.appstoreC:hover {
            background: #319945;
            border-radius: 16px 0 0 16px
        }

            .dropdown-menu.megamenu .dowloadApp .colmn.appstoreC:hover img {
                position: absolute;
                z-index: 2;
                transform: rotate(-4deg);
                right: -206px
            }

            .dropdown-menu.megamenu .dowloadApp .colmn.appstoreC:hover p {
                color: #fff
            }

    .dropdown-menu.megamenu .dowloadApp .colmn.webportalC {
        z-index: 9;
        background: #fff;
        display: flex;
        height: 100%
    }

        .dropdown-menu.megamenu .dowloadApp .colmn.webportalC img {
            position: absolute;
            bottom: -86px;
            right: -151px;
            transition: all 2s
        }

        .dropdown-menu.megamenu .dowloadApp .colmn.webportalC:hover {
            background: #319945;
            border-radius: 6px 0 0 6px
        }

            .dropdown-menu.megamenu .dowloadApp .colmn.webportalC:hover img {
                position: absolute;
                bottom: -70px;
                right: -140px;
                transform: rotate(-4deg)
            }

            .dropdown-menu.megamenu .dowloadApp .colmn.webportalC:hover p {
                color: #fff
            }

    .dropdown-menu.megamenu .dowloadApp .colmn.playstoreC {
        z-index: 0;
        display: flex;
        height: 100%
    }

        .dropdown-menu.megamenu .dowloadApp .colmn.playstoreC img {
            position: absolute;
            left: -103px;
            transform: rotate(4deg);
            bottom: -18px;
            transition: all 2s
        }

        .dropdown-menu.megamenu .dowloadApp .colmn.playstoreC p {
            display: flex;
            justify-content: flex-end;
            margin-right: 0%
        }

        .dropdown-menu.megamenu .dowloadApp .colmn.playstoreC:hover {
            background: #319945;
            border-radius: 0 6px 6px 0
        }

            .dropdown-menu.megamenu .dowloadApp .colmn.playstoreC:hover p {
                color: #fff
            }

            .dropdown-menu.megamenu .dowloadApp .colmn.playstoreC:hover img {
                left: -92px;
                transform: rotate(9deg);
                bottom: -18px
            }

#fullview > div:nth-child(even) {
    background-color: #2C2F33;
    color: #fff
}

.islamiclyRetail {
    display: flex;
    align-items: center
}

    .islamiclyRetail .images {
        background: #319945;
        width: 100%;
        float: right;
        position: relative;
        padding: 10px 0
    }

        .islamiclyRetail .images img {
            transition: all 1s
        }

            .islamiclyRetail .images img:first-child {
                position: absolute;
                right: -320px;
                z-index: 0;
                top: -145px;
                transform: rotate(-7deg)
            }

            .islamiclyRetail .images img:last-child {
                position: relative;
                bottom: -143px;
                z-index: 1;
                left: -213px
            }

    .islamiclyRetail p {
        text-align: justify;
        font-size: 1.1vw;
        font-size: 25px;
        padding: 20px 0 20px 20px;
        line-height: 1.4
    }

    .islamiclyRetail .col:first-child:hover .images img:first-child {
        top: -148px;
        transform: rotate(-10deg)
    }

    .islamiclyRetail .col:first-child:hover .images img:last-child {
        transform: rotate(-3deg)
    }

#fullview > div {
    background-color: #2C2F33
}

.ourShariahScholars.scholardetails .colmn {
    border: 0px !important;
    padding: 0px !important
}

    .ourShariahScholars.scholardetails .colmn .d-flex.w-100 {
        margin-top: 5vh;
        margin-bottom: 2vh
    }

#fullview > div {
    background-color: #2C2F33;
    padding: 0
}

.dropdown-right .scholardetails.ourShariahScholars .colmn p {
    color: #fff
}

.ourShariahScholars.scholardetails {
    align-items: center
}

.scholardetails.ourShariahScholars .circle {
    width: 500px;
    height: 500px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #319945;
    display: flex;
    align-items: center
}

.scholardetails.ourShariahScholars img.isl-certificate {
    position: absolute;
    width: 280px;
    left: 18px;
    top: 27%
}

.scholardetails.ourShariahScholars p.strip {
    background: #1f6ed4;
    width: 85%;
    padding: 10px;
    float: right;
    text-align: right;
    padding-right: 43px;
    font-size: 17px;
    border-radius: 0 7px 0 0
}

.scholardetails.ourShariahScholars h5 {
    position: absolute;
    font-size: 18px;
    text-align: left;
    right: 20px;
    top: 54%
}

.scholardetails.ourShariahScholars .watchnow {
    position: absolute;
    top: 68%;
    left: 50%;
    color: #fff;
    font-size: 15px
}

    .scholardetails.ourShariahScholars .watchnow a {
        color: #fff;
        display: flex;
        align-items: center
    }

#fullview .howItWorks {
    height: 100vh;
    align-items: flex-start;
    display: flex;
    padding: 50px !important;
    margin-top: 3vh;
    background: transparent
}

    #fullview .howItWorks .nav-tabs {
        border-bottom: 0 solid #dee2e6;
        margin-bottom: 20px;
        margin-top: 10px
    }

        #fullview .howItWorks .nav-tabs li a span {
            color: #ccc;
            font-weight: 600;
            font-style: normal;
            font-size: 15px;
            padding: 8px 18px;
            border: 1px solid #ccc
        }

            #fullview .howItWorks .nav-tabs li a span.otherActive {
                display: block
            }

            #fullview .howItWorks .nav-tabs li a span.othernonActive, #fullview .howItWorks .nav-tabs li a.active span.otherActive {
                display: none
            }

        #fullview .howItWorks .nav-tabs li a.active span.othernonActive {
            display: block
        }

        #fullview .howItWorks .nav-tabs li:first-child a span {
            border-right: 0 solid #ccc;
            border-radius: 8px 0 0 8px
        }

        #fullview .howItWorks .nav-tabs li:last-child a span {
            border-left: 0 solid #ccc;
            border-radius: 0 8px 8px 0
        }

        #fullview .howItWorks .nav-tabs li a.active span {
            background: #1F6ED4;
            color: #fff;
            border: 1px solid #1F6ED4
        }

    #fullview .howItWorks .isl-nested-tabs .tab-content {
        width: 98% !important;
        margin: unset
    }

        #fullview .howItWorks .isl-nested-tabs .tab-content .col {
            padding-left: 0;
            padding-right: 25px
        }

            #fullview .howItWorks .isl-nested-tabs .tab-content .col:last-child {
                padding-left: 0;
                padding-right: 15px
            }

        #fullview .howItWorks .isl-nested-tabs .tab-content img {
            height: 34vh;
            margin-bottom: 2vh
        }

        #fullview .howItWorks .isl-nested-tabs .tab-content p {
            margin: 0;
            font-size: .7vw;
            line-height: 1.4;
            margin-bottom: .4vw;
            font-weight: 100;
            font-style: normal;
            color: rgba(255,255,255,.9);
            padding-right: 2vw
        }

.islamiclyFaqs {
    height: 90vh;
    display: flex;
    align-items: flex-start;
    margin-top: 100px
}

    .islamiclyFaqs h5 {
        font-size: 21px;
        color: #fff;
        margin-bottom: 20px;
        text-align: center
    }

    .islamiclyFaqs .panel {
        background: #484F57;
        margin: 10px 0;
        border-left: 5px solid #319945
    }

        .islamiclyFaqs .panel .panel-title a {
            border-radius: 0;
            background: #484F57;
            padding: 14px;
            width: 100%;
            cursor: pointer
        }

        .islamiclyFaqs .panel .panel-title {
            display: flex;
            margin: 0
        }

            .islamiclyFaqs .panel .panel-title a[aria-expanded="true"] {
                background-color: #319945
            }

        .islamiclyFaqs .panel .panel-body {
            padding: 10px 15px 7px
        }

            .islamiclyFaqs .panel .panel-body p {
                color: #FFF;
                font-size: .9vw;
                line-height: 1.2;
                font-weight: 200;
                margin-bottom: 3px
            }

#fullview .islamiclyAPP {
    background: transparent;
    padding: 0 0 0;
    width: 100%
}

#fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table .table thead th {
    vertical-align: middle;
    border-bottom: 0 solid #dee2e6;
    color: #2C2F33 !important;
    font-size: 14px;
    font-weight: 500 !important;
    letter-spacing: 1px;
    padding: 7px 21px;
    border: 1px solid #2C2F33 !important;
    background: #fff;
    position: sticky;
    top: 0
}

#fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
    vertical-align: middle;
    color: #fff !important;
    font-size: .8vw;
    font-weight: 200 !important;
    letter-spacing: 1px;
    padding: 6px 30px;
    border: 1px solid #2C2F33 !important;
    background: #4B5B71
}

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td.left-color {
        background: #4B5B71
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td.blue {
        background: #1F6ED4
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td.green {
        background: #319945
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td.red {
        background: #2E3946
    }

.islamiclyAPPContent h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0
}

.islamiclyAPP .islamiclyAPPContent p {
    text-align: center;
    margin: 0;
    font-size: 15px;
    margin-bottom: 15px
}

#fv-dots {
    left: 98%
}

.seamlessFeatures {
    width: 100%
}

    .seamlessFeatures h3 {
        margin: 0;
        margin-bottom: 30px;
        font-size: 27px;
        text-align: center
    }

    .seamlessFeatures .slick-slider .slick-list, .seamlessFeatures .slick-slider .slick-track {
        display: flex
    }

    .seamlessFeatures .slick-carousel {
        width: 94%;
        margin-left: 33px
    }

    .seamlessFeatures .slick-slide {
        float: left;
        margin-right: 25px;
        border-radius: 8px;
        background: #484F57;
        height: fit-content
    }

        .seamlessFeatures .slick-slide h3 {
            font-size: 20px;
            text-align: center;
            padding: 15px 25px;
            font-weight: 600;
            margin: 0
        }

        .seamlessFeatures .slick-slide img {
            width: 100%;
            border-radius: 8px 8px 0px 0px;
        }

        .seamlessFeatures .slick-slide p {
            font-size: 18px;
            color: #fff;
            line-height: 1.2;
            font-weight: 100;
            padding: 20px 25px 20px;
            letter-spacing: .5px;
            text-align: center
        }

.slick-next::before, .slick-prev::before {
    color: blue
}

.seamlessFeatures .slick-dots {
    bottom: -70px
}

    .seamlessFeatures .slick-dots li button {
        padding: 0;
        height: 0;
        width: 0
    }

    .seamlessFeatures .slick-dots li {
        width: 0;
        height: 0;
        margin: 0 9px
    }

        .seamlessFeatures .slick-dots li button:before {
            color: #f7f7f7
        }

        .seamlessFeatures .slick-dots li.slick-active button:before {
            opacity: .75;
            color: #f7f7f7
        }

.seamlessFeatures .slick-next, .seamlessFeatures .slick-prev {
    top: auto;
    width: 0;
    height: 0;
    bottom: -50px
}

.seamlessFeatures .slick-prev {
    left: 49%
}

.seamlessFeatures .slick-next {
    right: 49%
}

    .seamlessFeatures .slick-next:before {
        font-size: 21px !important;
        color: #ffffff !important
    }

.seamlessFeatures .slick-prev:before {
    font-size: 22px !important;
    color: #ffffff !important
}

.islamiclyTestimonial {
    margin: 0 !important;
    display: flex;
    height: 96vh;
    padding-top: 9vh;
    width: 96%
}

.islamiclyTestimonial-left {
    background: url(../images/diamond.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    height: 84vh;
    position: relative
}

    .islamiclyTestimonial-left h1 {
        position: absolute;
        top: 40%;
        left: 4%;
        font-size: 9vw;
        font-weight: 800
    }

    .islamiclyTestimonial-left img {
        position: absolute;
        z-index: 0;
        width: 82.5vh;
        top: -9%
    }

    .islamiclyTestimonial-left p {
        left: 36%;
        position: absolute;
        margin: 0;
        font-size: 3.1vw;
        font-weight: 600;
        text-transform: uppercase;
        color: #fff;
        line-height: .6;
        margin-top: 39px
    }

        .islamiclyTestimonial-left p small {
            font-weight: 300;
            font-size: 1.5vw;
            margin-left: 13px
        }

.islamiclyTestimonial-right .user-images {
    align-items: center;
    position: absolute;
    top: -45px;
    left: -35px;
    z-index: 9
}

    .islamiclyTestimonial-right .user-images img {
        display: block;
        border-radius: 50%;
        border: 8px solid #fff;
        width: 120px;
        height: 120px
    }

    .islamiclyTestimonial-right .user-images p {
        margin-top: 0;
        margin-bottom: 0rem;
        background: #319945;
        padding: 10px 27px 10px 50px;
        border-radius: 0 40px 40px 0;
        font-size: 17px;
        line-height: 1.2;
        height: 62px;
        margin-left: -10px;
        z-index: -1
    }

.islamiclyTestimonial-right .slick-carousel .slick-slide {
    width: 14% !important;
    padding: 25px;
    margin-top: 12vh;
    margin-left: 2.5%;
    height: 60vh;
    position: relative
}

    .islamiclyTestimonial-right .slick-carousel .slick-slide blockquote {
        margin: 0 0 0rem;
        font-size: 19px;
        line-height: 1.1;
        border: 2px dashed #319945;
        padding: 50px 30px 80px;
        text-align: justify
    }

.slick-slide img.usertestimonialCustom {
    position: absolute;
    width: 55%;
    margin-top: -61px;
    margin-left: -81px;
    border-radius: 10px
}

.testimonial .slick-prev {
    left: 82%;
    width: 0;
    top: 90%
}

.testimonial .slick-next {
    top: 90%;
    right: 15%;
    width: 0
}

    .testimonial .slick-next:before {
        font-size: 21px !important;
        color: #ffffff !important
    }

.testimonial .slick-prev:before {
    font-size: 22px !important;
    color: #ffffff !important
}

#channels > img {
    border: 5px dotted transparent;
    transition: 0.5s
}

    #channels > img:hover {
        border: 5px dotted transparent
    }

    #channels > img:first-child {
        border: 5px dotted gray
    }

.footerbottom {
    background: #373a3d;
    width: 100%;
    border-top: 1px solid #525252
}

    .footerbottom .d-flex {
        height: 38px;
        align-items: center;
        justify-content: space-between
    }

        .footerbottom .d-flex .col:last-child p {
            float: right;
            text-align: right
        }

            .footerbottom .d-flex .col:last-child p a:not(:last-child) {
                margin-right: 7px
            }

    .footerbottom p {
        font-size: 14px;
        color: #fff;
        margin: 0
    }

        .footerbottom p a {
            color: #fff
        }

    .footerbottom .d-flex .col:nth-child(2) p {
        text-align: center
    }

.homeBlogSlider {
    position: absolute;
    bottom: 0;
    width: 358px;
    z-index: 999
}

    .homeBlogSlider .row {
        align-items: center
    }

.blogTab {
    height: 140px;
    display: flex;
    align-items: center;
    width: 100%
}

.blogRead {
    background: #319945;
    padding: 30px;
    color: #fff;
    width: 100%;
    height: 100%
}

.blogTab .blogRead {
    display: flex;
    align-items: center
}

.blogRead h4 {
    font-size: 13.5px;
    line-height: 1.2
}

.blogRead p, .blogRead p a {
    color: #e4e4e4;
    margin: 0;
    font-size: 11px;
    font-weight: 100;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    transition: all 2s
}

    .blogRead p a:hover {
        color: #fff
    }

    .blogRead p .mdi-arrow-right {
        margin-left: 7px
    }

    .blogRead p a:hover .mdi-arrow-right {
        color: #fff;
        padding-left: 10px
    }

.slick-initialized.homeblogslider .slick-slide {
    display: block;
    position: relative;
    height: 140px
}

.homeBlogSlider .slick-slide img {
    height: 120px
}

.homeblogslider .blogRead {
    background: #184248;
    padding: 8px 15px;
    position: absolute;
    top: 69px
}

.homeBlogSlider .slick-slider {
    margin-bottom: 0
}

.homeblogslider .slick-next, .homeblogslider .slick-prev {
    width: 0;
    height: 0;
    top: 38%
}

.homeblogslider .slick-next {
    right: 12px
}

.homeblogslider .slick-prev {
    left: -7px;
    z-index: 9999
}

    .homeblogslider .slick-next:before, .homeblogslider .slick-prev:before {
        color: #319945 !important;
        background: #fff;
        border-radius: 50%;
        opacity: 1;
        line-height: .6
    }

.homeblogslider .slick-next:before {
    font-size: 20px
}

.newModalLayout.modal .modal-content {
    background: #2C2F33 !important;
    box-shadow: 2px 2px 2px 2px #000
}

.newModalLayout.modal .modal-header {
    border: none;
    flex-direction: row;
    padding: .5rem 1rem .3rem
}

    .newModalLayout.modal .modal-header .close {
        padding: 0;
        margin: 0;
        width: 0
    }

.newModalLayout.modal ul {
    padding-left: 1rem
}

    .newModalLayout.modal ul li {
        list-style: disc
    }

.newModalLayout.modal .modal-body {
    font-size: 15px;
    color: #fff
}

.chatPopup {
    position: absolute;
    left: 30px;
    bottom: 25px;
    z-index: 999
}

    .chatPopup .search-icon {
        font-size: 18px;
        color: #fff;
        background-color: #319945;
        border: 0;
        outline: none;
        box-shadow: none;
        border-radius: 8px;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .chatPopup .search-icon.icon-close {
            transform: rotate(45deg)
        }

    .chatPopup .search-toggle .search-icon.icon-close {
        display: none
    }

    .chatPopup .search-toggle.opened .search-icon.icon-search {
        display: none
    }

    .chatPopup .search-toggle.opened .search-icon.icon-close {
        display: block;
        display: flex
    }

        .chatPopup .search-toggle.opened .search-icon.icon-close .mdi-close {
            transform: rotate(-45deg)
        }

    .chatPopup .search-container {
        position: relative;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        max-height: 0;
        overflow: hidden;
        background-color: #eee
    }

        .chatPopup .search-container.opened {
            max-height: 400px
        }

        .chatPopup .search-container .search-icon {
            vertical-align: middle;
            font-size: 15px;
            width: 100%
        }

    .chatPopup .container {
        position: relative;
        margin-top: 50px
    }

    .chatPopup .search-container {
        position: absolute;
        left: 0;
        bottom: 47px;
        width: 280px;
        border-radius: 6px
    }

    .chatPopup form {
        padding: 15px
    }

        .chatPopup form .form-group {
            margin-bottom: 10px
        }

        .chatPopup form .form-control {
            background: #E6E6E6;
            border: 1px solid #ccc;
            border-radius: 6px;
            height: 40px !important;
            font-size: 12px;
            color: #000;
            font-weight: 600;
            letter-spacing: .2px
        }

        .chatPopup form textarea.form-control {
            height: 80px !important
        }

    .chatPopup .search-icon.icon-close:before {
        content: "\e082";
        display: none
    }

    .chatPopup form input:-webkit-autofill, .chatPopup form input:-webkit-autofill:focus, .chatPopup form input:-webkit-autofill:hover, .chatPopup form select:-webkit-autofill, .chatPopup form select:-webkit-autofill:focus, .chatPopup form select:-webkit-autofill:hover, .chatPopup form textarea:-webkit-autofill, .chatPopup form textarea:-webkit-autofill:focus, .chatPopup form textarea:-webkit-autofill:hover {
        -webkit-text-fill-color: #000;
        -webkit-box-shadow: none;
        transition: background-color 5000s ease-in-out 0s
    }

.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {
    max-width: 380px;
    min-height: calc(100vh - 0px)
}

.modal.modal-left.show .modal-dialog, .modal.modal-right.show .modal-dialog {
    transform: translate(0,0)
}

.modal.modal-left .modal-content, .modal.modal-right .modal-content {
    height: calc(100vh - 0px);
    overflow-y: auto
}

.modal.modal-left .modal-dialog {
    transform: translate(-100%,0);
    margin: 0 auto 0 0
}

.modal.modal-right .modal-dialog {
    transform: translate(100%,0);
    margin: 0 0 0 auto
}

.modal.modal-right .modal-header {
    flex-direction: row
}

.modal-header .close {
    width: 0
}

.modal.modal-right .modal-body {
    padding: 1rem 0rem;
    position: relative;
    overflow: hidden
}

#channels {
    padding: 0 1rem
}

    #channels > img:first-child {
        border: 0 dotted gray;
        margin-bottom: -50px
    }

.contentsidebarright ul {
    padding: .5rem 1rem .5rem 2rem
}

.contentsidebarright .striptop {
    background: #319945;
    color: #fff;
    padding: 30px 20px 15px
}

.contentsidebarright ul li {
    list-style: disc;
    color: #319945;
    font-size: 20px;
    margin-top: 12px;
    line-height: 1.1
}

    .contentsidebarright ul li span {
        color: #FFF;
        font-size: 14px;
        font-weight: 100
    }

.contentsidebarright .striptop span {
    font-size: 18px;
    line-height: .7
}

.sidebar {
    height: 86%;
    width: 350px;
    position: fixed;
    top: 11vh;
    right: -350px;
    background-color: #484F57;
    box-shadow: 0 1rem 5rem rgba(0,0,0,.4);
    transition: transform .7s ease-in-out;
    z-index: 99999;
    transition-delay: 1s;
    border: 0 solid #a5bbc9
}

.material-icons.isl-selected-count1 {
    color: #fff !important;
    background: linear-gradient(180deg,#6dc069 0%,#28b5e0 100%);
    display: flex !important;
    font-size: 18px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 30px
}

.islamicly--content__help .chatSection .chatSection-left .user-image {
    height: 34px;
    width: 34px;
    border-radius: 4px 0 0 0;
    margin: 0;
    margin-left: -19px;
    margin-top: -6px
}

.islamicly--content__help .chatSection .chatSection-left .chatSection-left--UserDetails span {
    background: #0071BE;
    color: #fff;
    padding: 9px 6px;
    margin-top: -6px;
    font-size: 13px;
    border-radius: 0 6px 0 0;
    width: 100%
}

.islamicly--content__help .chatSection-left--actions {
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -15px
}

.chatSection .chatSection-left .chatDateStart {
    font-size: .65vw
}

.overAllComplaint--addDiscussion__strip {
    background: #24282E
}

#fourmReplyLists .overAllComplaint--addDiscussion__strip.chatSection p {
    text-align: center
}

#fourmReplyLists .overAllComplaint--addDiscussion__strip.chatSection .user-image {
    height: 31px;
    border-radius: 6px 6px 6px 6px;
    margin-top: -47px;
    margin-right: 15px;
    width: 32px
}

#fourmReplyLists .reply-chatUserDetails {
    margin-left: 0px !important;
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    background: #fff;
    display: table;
    padding: 3px 17px;
    border-radius: 8px 8px;
    color: #000 !important;
    margin-bottom: -1px;
    text-align: center;
    display: inline-flex;
    position: relative;
    margin: 0 auto !important;
    display: block;
    width: fit-content;
    margin: 0
}

#divForumDescriptionList {
    height: 48vh;
    margin-bottom: 6vh;
}

#stockRelatedRightSidebar {
    height: 70vh
}

.islamicly--content__help .discussionsDetails--right .chatSection {
    margin-top: 5.5vh
}

.chatSection-left--actions.rplyBottomButton {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 6px;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
    z-index: 999
}

    .chatSection-left--actions.rplyBottomButton .replyChat {
        background: #0071be;
        color: #fff;
        padding: 7px;
        display: flex;
        align-items: center;
        border-radius: 7px
    }

        .chatSection-left--actions.rplyBottomButton .replyChat .fa {
            font-size: 17px;
            color: #fff;
            font-weight: 600
        }

.islamicly--content__help .discussionsDetails--right .chatSection .chatSection-left .user-image {
    margin-left: -10px;
    border-radius: 6px 0 0 0px !important
}

.islamicly--content__help .discussionsDetails--right .chatSection .chatSection-left .chatSection-left--UserDetails span {
    background: #0071BE;
    color: #fff;
    padding: 6px 6px;
    margin-top: 1px;
    font-size: 13px;
    border-radius: 0 6px 0 0;
    width: 210px;
    text-align: left
}

.overAllComplaint--addDiscussion__strip p, .reply-chatrightSection .material-icons {
    color: #e8e8e8
}

#divForumDescriptionList .overAllComplaint--addDiscussion__strip.chatSection .user-image {
    height: 35px;
    border-radius: 8px 8px 8px 8px;
    margin-top: 0;
    margin-right: 0;
    width: 34px
}

.islamicly--content__help .discussionsDetails--right #stockRelatedRightSidebar .chatSection.active {
    background: #008b96
}

.islamicly--content__help #fourmReplyLists .discussionsDetails--right .chatSection.active {
    background: #0071be
}

.recommandationInBox.maxheightPortfolio {
    height: 67vh
}

    .recommandationInBox.maxheightPortfolio #divRecommended {
        height: 61vh !important
    }

::marker {
    display: none
}

.dropdown-menu.megamenu .screening-process .dropdown-right .scholardetails p:hover .colmn {
    background: #f9f9f9
}

.dropdown-right .ourShariahScholars.scholardetails .parent {
    width: 85px;
    height: 85px
}

.dropdown-right .ourShariahScholars.scholardetails .colmn img {
    border-radius: 4px;
    width: 100%
}

.dropdown-right .ourShariahScholars.scholardetails .colmn p {
    font-size: 17px
}

.headerOutFixed {
    position: absolute;
    z-index: 9999;
    width: 100%
}

    .headerOutFixed #navbarNav {
        margin-top: 0
    }

.mobileLogin {
    display: none
}

.empty-widget.empty-widget--holdings.no-holdings {
    height: 31vh;
    padding-left: 0.3vw;
    padding-right: 0.3vw;
}



@media (min-width:1451px) and (max-width:1700px) {
    #fullview .howItWorks .isl-nested-tabs .tab-content p {
        margin: 0;
        font-size: .9vw
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
        padding: 6px 21px
    }

    .islamiclyTestimonial-left img {
        position: absolute;
        z-index: 0;
        width: 82.5vh;
        top: -17%
    }
}

@media (min-width:1370px) and (max-width:1450px) {
    .islamiclyRetail .images img:first-child {
        position: absolute;
        right: -252px;
        z-index: 0;
        top: -128px;
        transform: rotate(-7deg);
        width: 780px
    }

    #fullview .howItWorks .isl-nested-tabs .tab-content p {
        margin: 0;
        font-size: .9vw;
        line-height: 1.3;
        margin-bottom: .4vw;
        font-weight: 100;
        font-style: normal;
        color: rgba(255,255,255,.9);
        padding-right: 0vw
    }

    .islamiclyRetail .images img:last-child {
        position: relative;
        bottom: -96px;
        z-index: 1;
        left: -144px;
        width: 561px
    }

    #fullview .howItWorks .isl-nested-tabs .tab-content img {
        margin-bottom: 1vh
    }

    #fullview .howItWorks .isl-nested-tabs .tab-content p {
        margin: 0;
        font-size: 1vw;
        line-height: 1.4;
        margin-bottom: 0;
        font-weight: 100;
        font-style: normal;
        color: rgba(255,255,255,1);
        padding-right: 0vw
    }

    .islamiclyFaqs .panel {
        margin: 6px 0
    }

        .islamiclyFaqs .panel .panel-title a {
            padding: 10px 17px;
            font-size: 1.1vw
        }

        .islamiclyFaqs .panel .panel-body p {
            color: #FFF;
            font-size: 1vw
        }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
        font-size: .85vw;
        letter-spacing: .4px;
        padding: 4px 4px;
        line-height: 1.4
    }

    .islamiclyAPPContent {
        margin-top: 36px
    }

    .seamlessFeatures .slick-carousel {
        width: 95%;
        margin-left: 19px
    }

    .seamlessFeatures .slick-slide {
        margin-right: 15px;
        height: fit-content
    }

        .seamlessFeatures .slick-slide h3 {
            font-size: 1.3vw;
            padding: 15px 16px
        }

        .seamlessFeatures .slick-slide p {
            font-size: 1.2vw;
            padding: 0 18px 20px;
            letter-spacing: .3px
        }

    .seamlessFeatures h3 {
        margin-top: 50px
    }

    .seamlessFeatures .slick-next, .seamlessFeatures .slick-prev {
        bottom: -20px
    }

    .islamiclyTestimonial-left img {
        top: -8%;
        width: 81%
    }

    .islamiclyTestimonial-right .slick-carousel .slick-slide blockquote {
        font-size: 1.1vw;
        padding: 50px 15px 61px
    }

    .slick-slide img.usertestimonialCustom {
        position: absolute;
        width: 40%;
        margin-top: -54px;
        margin-left: -54px;
        border-radius: 10px
    }

    .testimonial .slick-next {
        top: 95%
    }

    .testimonial .slick-prev {
        left: 80%;
        width: 0;
        top: 95%
    }

    .islamiclyTestimonial-left img {
        width: 630px
    }

    .islamiclyFaqs .panel .panel-body p {
        font-size: 1vw
    }

    .contentsidebarright ul li {
        list-style: disc;
        color: #319945;
        font-size: 19px;
        margin-top: 8px;
        line-height: 1.1
    }
    #nonMappedThirdLevel {
        height: 46.5vh;
    }
    .empty-widget--holdings.no-holdings p {
        font-size: 11px;
        margin: 0;
    }
        .empty-widget--holdings.no-holdings p strong.count {
            font-size: 16px !important;
        }
}

@media (min-width:1291px) and (max-width:1369px) {
    .islamiclyTestimonial-left img {
        width: 534px
    }
    .empty-widget--holdings.no-holdings p {
        font-size: 11px;
        margin: 0;
    }
        .empty-widget--holdings.no-holdings p strong.count {
            font-size: 16px !important;
        }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
        font-size: .85vw;
        letter-spacing: .4px;
        padding: 4px 5px;
        line-height: 1.4
    }

    .islamiclyTestimonial-right .slick-carousel .slick-slide blockquote {
        margin: 0 0 0rem;
        font-size: 14px;
        line-height: 1.1;
        border: 2px dashed #319945;
        padding: 50px 30px 62px
    }

    #fullview .howItWorks .isl-nested-tabs .tab-content p {
        margin: 0;
        font-size: .9vw;
        line-height: 1.3;
        margin-bottom: .4vw;
        font-weight: 100;
        font-style: normal;
        color: rgba(255,255,255,.9);
        padding-right: 0vw
    }

    .islamiclyRetail .images img:first-child {
        position: absolute;
        right: -252px;
        z-index: 0;
        top: -128px;
        transform: rotate(-7deg);
        width: 780px
    }

    .islamiclyRetail .images img:last-child {
        position: relative;
        bottom: -96px;
        z-index: 1;
        left: -144px;
        width: 561px
    }

    .modal.modal-right .modal-body {
        padding: 0rem 0rem;
        position: relative;
        overflow: hidden
    }

    .contentsidebarright ul li {
        list-style: disc;
        color: #319945;
        font-size: 16px;
        margin-top: 8px;
        line-height: 1.1
    }

    .islamiclyFaqs .panel {
        background: #484F57;
        margin: 4px 0;
        border-left: 5px solid #319945
    }

        .islamiclyFaqs .panel .panel-title a {
            padding: 10px 14px
        }

    #fullview .islamiclyAPP {
        background: transparent;
        padding: 25px 0 0;
        width: 100%
    }

    .seamlessFeatures {
        width: 100%;
        margin-top: 100px
    }

        .seamlessFeatures .slick-slide p {
            font-size: 13px
        }

        .seamlessFeatures .slick-slide h3 {
            font-size: 16px
        }

    .islamiclyFaqs .panel .panel-body p {
        font-size: 1.1vw
    }
    #nonMappedThirdLevel {
        height: 46.5vh;
    }

}

@media (max-width:1290px) {
    .islamiclyTestimonial-left img {
        width: 559px
    }

    .islamiclyTestimonial-right .slick-carousel .slick-slide blockquote {
        margin: 0 0 0rem;
        font-size: 14px;
        line-height: 1.1;
        border: 2px dashed #319945;
        padding: 50px 30px 62px
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
        font-size: .85vw;
        letter-spacing: .4px;
        padding: 4px 5px;
        line-height: 1.4
    }

    #fullview .howItWorks .isl-nested-tabs .tab-content p {
        margin: 0;
        font-size: .9vw;
        line-height: 1.3;
        margin-bottom: .4vw;
        font-weight: 100;
        font-style: normal;
        color: rgba(255,255,255,.9);
        padding-right: 0vw
    }

    .islamiclyRetail .images img:first-child {
        position: absolute;
        right: -252px;
        z-index: 0;
        top: -128px;
        transform: rotate(-7deg);
        width: 780px
    }

    .islamiclyRetail .images img:last-child {
        position: relative;
        bottom: -96px;
        z-index: 1;
        left: -144px;
        width: 561px
    }

    .modal.modal-right .modal-body {
        padding: 0rem 0rem;
        position: relative;
        overflow: hidden
    }

    .contentsidebarright ul li {
        list-style: disc;
        color: #319945;
        font-size: 16px;
        margin-top: 8px;
        line-height: 1.1
    }

    #fullview .islamiclyAPP {
        background: transparent;
        padding: 25px 0 0;
        width: 100%
    }

    .seamlessFeatures {
        width: 100%;
        margin-top: 100px
    }

        .seamlessFeatures .slick-slide p {
            font-size: 13px
        }

        .seamlessFeatures .slick-slide h3 {
            font-size: 16px
        }

    .islamiclyFaqs .panel .panel-body p {
        font-size: 1.2vw
    }

    .islamiclyFaqs .panel {
        margin: 5px 0
    }

        .islamiclyFaqs .panel .panel-title a {
            padding: 9px 14px
        }
}

@media (max-width:1280px) and (max-height:960px) {
    .islamiclyTestimonial-left img {
        width: 586px
    }

    #video-bg {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        height: 100vh
    }

    .islamiclyTestimonial-left h1 {
        position: absolute;
        top: 33%;
        left: 4%;
        font-size: 10vw;
        font-weight: 800
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
        vertical-align: middle;
        color: #fff !important;
        font-size: .8vw;
        font-weight: 200 !important;
        letter-spacing: 1px;
        padding: 6px 3px;
        border: 1px solid #2C2F33 !important;
        background: #4B5B71
    }

    #fullview .islamicly--content__universe--tableHomePage.islamicly--content__universe--table tbody tr td {
        font-size: .85vw;
        letter-spacing: .4px;
        padding: 4px 5px;
        line-height: 1.4
    }

    #fullview .howItWorks .isl-nested-tabs .tab-content p {
        margin: 0;
        font-size: .9vw;
        line-height: 1.3;
        margin-bottom: .4vw;
        font-weight: 100;
        font-style: normal;
        color: rgba(255,255,255,.9);
        padding-right: 0vw
    }

    .islamiclyRetail .images img:first-child {
        position: absolute;
        right: -252px;
        z-index: 0;
        top: -128px;
        transform: rotate(-7deg);
        width: 780px
    }

    .islamiclyRetail .images img:last-child {
        position: relative;
        bottom: -96px;
        z-index: 1;
        left: -144px;
        width: 561px
    }

    .modal.modal-right .modal-body {
        padding: 0rem 0rem;
        position: relative;
        overflow: hidden
    }

    .contentsidebarright ul li {
        list-style: disc;
        color: #319945;
        font-size: 16px;
        margin-top: 8px;
        line-height: 1.1
    }

    #fullview .islamiclyAPP {
        background: transparent;
        padding: 25px 0 0;
        width: 100%
    }

    .seamlessFeatures {
        width: 100%;
        margin-top: 100px
    }

        .seamlessFeatures .slick-slide p {
            font-size: 13px
        }

        .seamlessFeatures .slick-slide h3 {
            font-size: 16px
        }
}

@media (max-width:1280px) and (max-height:1024px) {
    .islamiclyTestimonial-left img {
        width: 591px
    }

    .islamiclyRetail .images img:first-child {
        position: absolute;
        right: -252px;
        z-index: 0;
        top: -128px;
        transform: rotate(-7deg);
        width: 780px
    }

    .islamiclyRetail .images img:last-child {
        position: relative;
        bottom: -96px;
        z-index: 1;
        left: -144px;
        width: 561px
    }

    .modal.modal-right .modal-body {
        padding: 0rem 0rem;
        position: relative;
        overflow: hidden
    }

    .contentsidebarright ul li {
        list-style: disc;
        color: #319945;
        font-size: 16px;
        margin-top: 8px;
        line-height: 1.1
    }
}

@media (max-width:1280px) and (max-height:800px) {
    .islamiclyTestimonial-left img {
        width: 562px
    }
}

.clientsCount, .userPhone, .bottomTestMobile, .mobilebutton, .mobilefull, .mobileTestimonials {
    display: none
}

.mobileTestimonials {
    width: 100%
}

@media (max-width:1050px) {
    .islamiclyTestimonial-left h1 {
        font-size: 9vw
    }

    .islamiclyTestimonial-left img {
        top: -19%
    }

    .footerbottom p {
        font-size: 13px;
        color: #fff;
        margin: 0
    }

    .nav-item {
        padding: 0 5px
    }

    .navbar-nav .nav-link {
        font-size: 12px
    }
}

@media (max-width:800px) {
    .carousel.slick-slider {
        display: none
    }

    .desktopLogin {
        display: none
    }

    .mobileLogin {
        display: block
    }

        .mobileLogin .userPhone {
            display: block;
            position: absolute;
            top: 43%;
            z-index: 9999;
            width: 100%
        }

        .mobileLogin .bottomTestMobile {
            bottom: 50px
        }

    .homeBlogSlider, .caption .input-group--Styling {
        display: none !important
    }

    #video-bg {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        height: 100vh
    }

    .caption h1 {
        font-weight: 300 !important;
        font-size: 23px !important;
        padding: 0 15px !important;
        margin-top: 28%
    }

        .caption h1 small {
            font-size: 17px !important
        }

    .caption {
        align-items: flex-start !important
    }

    .navbar-toggler:not(:disabled):not(.disabled) {
        cursor: pointer;
        display: none
    }

    .chatPopup {
        position: absolute;
        right: 5px;
        bottom: 13px;
        z-index: 999
    }

    .clientsCount {
        display: block;
        position: absolute;
        top: 36%;
        width: 100%;
        text-align: center;
        z-index: 9999;
        padding: 12px 16px
    }

        .clientsCount p {
            margin: 0;
            font-size: 17px;
            text-align: center;
            background: #414347;
            border: 1px solid #ccc;
            padding: 12px 16px;
            border-radius: 6px;
            width: fit-content;
            margin: 0 auto;
            color: #fff
        }

            .clientsCount p span {
                font-size: 26px;
                font-weight: bolder;
                color: #fff
            }

    .header {
        position: relative !important;
        width: 100%
    }

    .headerOutFixed {
        position: absolute;
        z-index: 9999;
        width: 100%
    }

        .headerOutFixed #navbarNav {
            margin-top: 0
        }

    .userPhone {
        display: block;
        position: absolute;
        top: 67%;
        z-index: 9999;
        width: 100%
    }

        .userPhone p {
            color: #fff;
            margin: 0;
            font-size: 15px;
            font-weight: 100
        }

        .userPhone .d-flex {
            background: #319945;
            position: relative;
            width: 90%;
            margin: 0 auto;
            padding: 36px 30px;
            border-radius: 8px
        }

        .userPhone img {
            position: absolute;
            right: -19px;
            top: -40px;
            width: 181px
        }

    .bottomTestMobile {
        position: absolute;
        bottom: 50px;
        z-index: 9999999;
        color: #fff;
        display: block;
        text-align: center;
        width: 100%;
        line-height: 1.2;
        font-weight: 200;
        font-size: 13px;
        letter-spacing: .5px;
        margin: 0
    }

    .mobilebutton {
        display: block;
        margin: 0
    }

        .mobilebutton a {
            color: #fff;
            display: flex;
            align-items: center;
            transition: all 2s
        }

            .mobilebutton a .mdi {
                margin-left: 6px
            }

            .mobilebutton a:hover .mdi {
                padding-left: 15px
            }

    .islamiclyRetail {
        display: block;
        align-items: center
    }

        .islamiclyRetail .col {
            width: 100% !important
        }

        .islamiclyRetail .images {
            background: #319945;
            width: 85%;
            float: right;
            position: relative;
            padding: 10px 0;
            margin-top: 30px;
            margin: 0 auto;
            float: none;
            margin-top: -15px
        }

            .islamiclyRetail .images img:first-child {
                position: absolute;
                right: -138px;
                z-index: 0;
                top: -97px;
                transform: rotate(-7deg);
                width: 405px
            }

            .islamiclyRetail .images img:last-child {
                position: relative;
                bottom: -86px;
                z-index: 1;
                left: -76px;
                width: 300px
            }

        .islamiclyRetail p {
            text-align: justify;
            font-size: 15px !important;
            font-size: 25px;
            padding: 15px 15px 15px 15px;
            line-height: 1.1;
            margin-top: 8vh
        }

    .navigation {
        background: rgba(44,47,51,1) !important
    }

    .scholardetails.ourShariahScholars .circle {
        width: 180px;
        height: 180px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: right;
        color: #fff;
        font-size: 16px;
        background-color: #319945;
        display: flex;
        align-items: center;
        float: right;
        margin-right: 40px
    }

    .scholardetails.ourShariahScholars h5 {
        display: none
    }

    .scholardetails.ourShariahScholars img.isl-certificate {
        position: absolute;
        width: 140px;
        left: 15%;
        top: 18%
    }

    .scholardetails.ourShariahScholars p.strip {
        background: transparent;
        font-size: 15px;
        text-align: left;
        width: 100%;
        padding: 0 23px 0 60px
    }

    .scholardetails.ourShariahScholars .watchnow {
        position: absolute;
        top: auto;
        left: auto;
        color: #fff;
        font-size: 12px;
        margin-top: 56px;
        margin-left: 58px
    }

        .scholardetails.ourShariahScholars .watchnow .material-icons {
            font-size: 16px
        }

    .ourShariahScholars.scholardetails {
        align-items: flex-start;
        display: flex;
        flex-direction: column-reverse;
        height: 100vh;
        margin-top: 45px
    }

        .ourShariahScholars.scholardetails h3 {
            line-height: 5px;
            font-size: 19px;
            margin-top: -60px
        }

    .mobilefull {
        display: block
    }

    .mobileTestimonials {
        display: block
    }

    .howItWorks {
        display: none !important
    }

    #section5, #section6, #section7, #section8, #fv-dots {
        display: none !important
    }

    .islamiclyTestimonial-left {
        display: none
    }

    .islamiclyTestimonial-right .slick-carousel .slick-slide {
        width: 16% !important;
        padding: 1px;
        margin-top: 22vh;
        margin-left: 0%;
        height: 65vh;
        position: relative;
        margin-right: .8%
    }

    .islamiclyTestimonial-right .user-images img {
        display: block;
        border-radius: 50%;
        border: 4px solid #fff;
        width: 90px;
        height: 90px
    }

    .islamiclyTestimonial-right .user-images p {
        padding: 10px 21px 10px 20px;
        margin-left: -13px
    }

    .islamiclyTestimonial-right .slick-carousel .slick-slide blockquote {
        font-size: 12px;
        padding: 35px 10px 30px;
        width: 94%;
        margin: 0 auto
    }

    .slick-slide img.usertestimonialCustom {
        position: absolute;
        width: 40%;
        margin-top: -22px;
        margin-left: 0;
        border-radius: 5px
    }

    .islamiclyTestimonial-right .user-images {
        align-items: center;
        position: absolute;
        top: -56px;
        left: 3px;
        z-index: 9
    }

    .footerbottom {
        margin: 0
    }

        .footerbottom .d-flex {
            display: block !important;
            height: 145px;
            padding: 18px 0
        }

        .footerbottom p {
            text-align: center;
            font-size: 12px
        }

        .footerbottom .d-flex .col:last-child p {
            float: none;
            text-align: center
        }

    .testimonial.slick-initialized {
        margin-bottom: 0
    }

    .testimonial .slick-next {
        top: 90%;
        right: 8%;
        width: 0
    }

    .testimonial .slick-next, .testimonial .slick-prev {
        top: 83vh;
        bottom: 121px
    }

    .registrationSlider .slick-dotted.slick-slider {
        display: none
    }

    .registrationSlider-right .isl-form .form-group {
        margin-bottom: 1px
    }

    .registrationSlider-right .isl-form .form-control {
        height: 25px !important
    }

    .registrationSlider-right .isl-form {
        max-width: 340px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        width: 91%;
        margin-top: 67px
    }

    .registrationSlider .logo {
        position: absolute;
        top: 10px;
        left: 15px;
        z-index: 999
    }

    .registrationSlider-right .emptyLineDiv {
        padding-top: 2vh
    }

    .dropdown-right .ourShariahScholars.scholardetails .parent {
        width: 55px;
        height: 55px
    }
}

@-webkit-keyframes load {
    0% {
        left: 46%;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 54%;
        height: 30px;
        width: 15px
    }
}

@keyframes load {
    0% {
        left: 46%;
        height: 30px;
        width: 15px
    }

    50% {
        height: 8px;
        width: 40px
    }

    100% {
        left: 54%;
        height: 30px;
        width: 15px
    }
}

@-webkit-keyframes slide-fwd-center {
    0% {
        -webkit-transform: translate(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(0);
        transform: translateY(0)
    }
}

@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-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(.25,.46,.45,.94) both;
    animation: slide-fwd-center 10s cubic-bezier(.25,.46,.45,.94) 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) 1s both;
    animation: scale-up-center 1s cubic-bezier(.39,.575,.565,1) 1s both
}

.scale-up-hor-center {
    -webkit-animation: scale-up-hor-center 2s cubic-bezier(.39,.575,.565,1) .5s both;
    animation: scale-up-hor-center 2s cubic-bezier(.39,.575,.565,1) .5s both
}

.scale-up-left {
    -webkit-animation: scale-up-left 1s cubic-bezier(.39,.575,.565,1) both;
    animation: scale-up-left .4s cubic-bezier(.39,.575,.565,1) 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) both;
    animation: scale-up-right .4s cubic-bezier(.39,.575,.565,1) both
}

.customvtab.islaamicly--tabs .tab-content .modal-content .pagwwiseloaderCSSNew {
    margin: 0% !important;
    width: 100%;
    height: 82%;
    background: rgba(0, 0, 0, 0.6);
    margin: 0% !important;
}

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


.referrer-dashboard .nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

    .referrer-dashboard .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        font-size: 16px;
        color: #c1c0c0;
        padding: 0px;
        padding-bottom: 10px;
        margin-right: 30px;
        background: transparent;
    }

        .referrer-dashboard .nav-tabs .nav-link.active {
            background-color: transparent;
            border-bottom: 1px solid #0c665e !important;
            color: #fff;
        }

.referrer-dashboard label {
    margin: 0px;
    padding: 0px;
    font-size: 19px;
    width: 100%;
    max-width: 100%;
    color: #fff;
    margin-bottom: 15px;
}

.referrer-dashboard .isl-form--group.dark .form-group textarea.form-control {
    background: #515c66 0% 0% no-repeat padding-box;
    border: 1px solid #2c2f33;
    color: #fff;
    height: 112px !important;
    font-size: 14px;
}

.referrer-dashboard .isl-form--group.dark .form-group label {
    color: #ccc;
    font-size: 18px;
    margin-bottom: 16px;
}

    .referrer-dashboard .isl-form--group.dark .form-group label small {
        font-size: 12px;
    }

.referrer-dashboard .btn-isl--success {
    width: 100%;
    background: #0c665e;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.6rem 2.5rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out, -moz-box-shadow .15s ease-in-out;
    color: #fff;
    margin-top: 20px;
}

    .referrer-dashboard .btn-isl--success.dotted {
        background: rgba(12, 102, 94, 0.3) !important;
        ;
        border: 1px dashed #0c665e;
        color: #0c665e;
    }

.referrer-dashboard .socialshareDiv p {
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    text-align: center;
    position: relative;
}

.isl-promotinal--strip {
    background: #3a3e43;
    border: 1px dashed #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.6rem 0.1rem 0.6rem 0.6rem;
    margin-top: 1rem;
    font-weight: 100;
    cursor: pointer;
    color: #fff;
    font-size: 0.8rem;
    text-align: center;
}

.referrer-dashboard .socialshareDiv ul {
    display: flex;
    justify-content: center;
    list-style: none;
}

    .referrer-dashboard .socialshareDiv ul li {
        background: #0c665e;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
    }

        .referrer-dashboard .socialshareDiv ul li .fa {
            color: #fff;
            font-size: 18px;
        }

.referrer-dashboard .socialshareDiv .promotionalcode span {
    position: absolute;
    top: 24px;
    font-size: 19px;
    margin-left: 7px;
    left: auto;
}

.referrer-dashboard .socialshareDiv img {
    display: block;
    margin: 0 auto;
}

.referrer-dashboard table.table-dark td, .referrer-dashboard table.table-dark th {
    padding: 0.5rem 1rem !important;
}

.referrer-dashboard .isl-form--group.dark .form-group {
    width: 100%;
}

    .referrer-dashboard .isl-form--group.dark .form-group textarea.form-control {
        background: #515C66 0% 0% no-repeat padding-box;
        border: 1px solid #2C2F33;
        color: #fff;
        height: 112px !important;
        font-size: 14px;
    }

.islaamicly--tabs.vtabs .referrer-dashboard .tab-content {
    width: 100% !important;
    display: contents;
}

.material-icons.helpChatSupportIcons {
    color: #fff !important;
    background: linear-gradient(180deg,#6dc069 0%,#28b5e0 100%);
    display: flex !important;
    font-size: 18px;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}

.islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
    padding: 0px 0px;
    padding-top: 2vh;
    padding-bottom: 2vh;
}

    .islamicly--content__universe--Grid .flex-grid--content .divSection {
        padding: 0vh 1vw;
    }

    .islamicly--content__universe--Grid .flex-grid--content .table-price, .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 .table-price--right {
        font-size: .7vw;
    }

.isl-table-top .isl-table-top--pane {
    justify-content: center;
}

.islamicly--content__universe select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    height: 32px !important;
}

.islamicly--content__universe--Grid .flex-grid--content .divSection.border-bottom {
    border-bottom: 1px dashed #696a6a !important;
    padding-bottom: 0.6vh;
}

.islamicly--content__universe--tableOption .filter p img {
    width: 26px !important;
}

    .islamicly--content__universe--tableOption .filter p img.list-view--icons {
        width: 35px !important;
    }

.isl-table-top .isl-table-top--pane li, li .isl-table-top--before {
    height: 35px;
}

    .isl-table-top .isl-table-top--pane li .isl-table-top--pane__diff {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.2vh 0.5vw;
    }

li .isl-table-top--pane__diff .isl-table-top--pane__value {
    background: transparent;
}

.isl-table-top .isl-table-top--pane li:hover .isl-table-top--pane__value {
    background: transparent;
}

.universe-strip {
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    padding: 7px 0px;
    line-height: 1.3;
    font-size: 11px;
}

    .universe-strip.red {
        background: #8A0E0E;
    }

    .universe-strip.green {
        background: #13bd0b;
    }

.islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
    min-height: 200px;
    max-height: 280px;
    height: auto;
    min-height: 295px;
    max-height: 310px;
}

.islamicly--content__universe--Grid .flex-grid--content {
    min-height: 200px;
    max-height: 280px;
    height: auto;
    min-height: 230px;
    max-height: 230px;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
    min-height: 240px;
    max-height: 240px;
}

.followDiv {
    right: 10px;
    top: 3px;
}

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

.brokermodalTable.table > thead > tr > th {
    color: #fff;
}

.brokermodalTable.table > tbody > tr > td {
    color: #ccc;
}

.alert-danger {
    background: #f5b3b3;
    color: #a70000;
    background: #fad9d9;
}

.alert-success {
    --vz-alert-border-color: #d7eec7;
    color: #5c9532;
    background: #ebf6e3;
}

.islamicly--content__universe--Grid .flex-grid--content .table-stackHolder {
    margin-top: 0.7vh !important;
    margin-bottom: 0.7vh !important;
}

    .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder span {
        font-size: 0.72vw !important;
    }

.islamicly--content__universe--Grid .table-price--right .fa {
    vertical-align: middle !important;
    line-height: 12px !important;
    position: relative !important;
}

    .islamicly--content__universe--Grid .table-price--right .fa.fa-sort-asc {
        bottom: -2px !important;
    }

    .islamicly--content__universe--Grid .table-price--right .fa.fa-sort-desc {
        top: -4px !important;
    }

.universeMyHolding {
    height: 145px;
}

.btn.disabled, .btn:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.chatSection-left--actions span img {
    width: 15px;
    margin-right: 8px;
}

.chatSection-left--actions span.replyChat img {
    position: relative;
    top: -3px;
}

.chatSection-left--actions span {
    border-right: 0px solid #3e4750;
}

.holdings--tab .islamicly--content__universe--tableOption {
    height: 65px;
}

    .holdings--tab .islamicly--content__universe--tableOption p {
        font-size: .8vw;
        line-height: 1.3;
    }

.holdingsSearch input, .holdingsSearch input:active, .holdingsSearch input:focus, .holdingsSearch input:hover {
    height: 32px !important;
}

#holdingListGrid .holdingsSearch .input-group-btn {
    padding: 5px;
}

.tradeStepper .stepper .line {
    width: 2px;
    background-color: lightgrey !important;
    height: 50px !important;
}

.tradeStepper .stepper .lead {
    font-size: 1.1rem;
}

.tradeStepper .stepper h5 {
    margin-top: 12px;
}

.modal .modal-content {
    background: #24282e !important;
    box-shadow: none;
}

.leftColumn {
    background: linear-gradient(to top, #6db838, #3FA6F2);
    min-height: 32.125rem;
    max-height: 32.125rem;
    overflow-y: auto;
}

.type-gateway .modal-content {
    overflow-y: scroll;
    min-height: 32.125rem;
    background: #ffffff !important;
}

.type-gateway.cp-modal.type-gateway .heading-wrap {
    margin-bottom: 1rem;
}

    .type-gateway.cp-modal.type-gateway .heading-wrap .title {
        font-family: "Poppins",sans-serif;
        font-size: 1.125rem;
        color: #000;
        font-weight: 600;
        line-height: normal;
        margin-bottom: 0.75rem;
    }

.type-gateway .cp-img-title-tile-list {
    margin-bottom: 2.5rem;
}

    .type-gateway .cp-img-title-tile-list .grid-wrap {
        grid-gap: 18px;
        grid-template-columns: repeat(5, minmax(min-content, 110px));
    }

.type-gateway .grid-wrap {
    display: grid;
    display: -ms-grid;
    column-gap: 1.5%;
    width: 100%;
}

.type-gateway .cp-img-title-tile-list .grid-wrap .item {
    border-radius: 0.3125rem;
    border: 0.0625rem solid #ccc;
    padding: 0.625rem 0.3125rem;
    cursor: pointer;
}

.type-gateway .cp-img-title-tile-list .grid-wrap .img-wrap {
    width: 2.5rem;
    margin: 0 auto 0.3125rem auto;
}

.type-gateway img {
    width: 100%;
}

.type-gateway img {
    border-style: none;
}

.heading-wrap .title {
    text-align: left;
    width: 100%;
    margin-bottom: 20px !important;
    font-size: 22px !important;
}

.item .title {
    text-align: left;
    width: 100%;
}

.leftColumn .borkerBox {
    padding: 0px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.9rem;
}

.leftColumn .d-flex .col {
    width: 50%;
}

.leftColumn .borkerBox .boxPadd {
    padding: 15px 10px;
    border: 1px dashed #fff;
    width: 100%;
    border-radius: 6px;
    /*margin-bottom: 5px;*/
    margin-top: 10px;
    cursor: pointer;
    box-shadow: 0px 0px 2px #ccc;
    transition: all .3s ease;
    height: 100%;
    position: relative;
}

    .leftColumn .borkerBox .boxPadd:hover {
        border: 1px solid #4680ff;
        background: #004392;
        box-shadow: 0px 0px 4px #4680ff;
    }

    .leftColumn .borkerBox .boxPadd.active {
        background: #004392;
    }

.leftColumn .borkerBox .img-wrap {
}

    .leftColumn .borkerBox .img-wrap img {
        margin: 0 auto;
        display: block;
        max-width: 100%;
        max-height: 33px;
        margin: 0 auto;
        display: block;
        width: auto;
        background: #fff;
        border-radius: 4px;
        padding: 5px;
        box-shadow: 0px 0px 1px #cccc;
    }

.brokerDivFlex {
    display: flex;
    justify-content: flex-start;
}

.leftColumn .borkerBox .boxPadd .title {
    width: 100%;
    text-align: center;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.3;
    color: #000;
}

.leftColumn .borkerBox .boxPadd:hover .title {
    color: #fff;
}

.noHolding {
}

.leftColumn .borkerBox .boxPadd .borkerOption.brokerCon {
    background: #e4ffe4;
}

.overAllComplaint--history .overAllComplaint--addDiscussion__strip p {
    width: 33.33% !important;
    float: left;
}

    .overAllComplaint--history .overAllComplaint--addDiscussion__strip p:not(:first-child) {
        border-left: 2px solid #3e4750;
        flex-grow: 1;
        padding-left: 16px;
        border-right: 0px;
    }

.overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
    min-height: 41vh;
    max-height: 41vh;
}

.overAllComplaint--addDiscussion__chat {
    box-shadow: 0px 0px 6px #9b9b9b;
    padding: 1vh 0.5vw;
    border-radius: 6px;
    border: 1px dashed #ccc;
}

.overAllComplaint--history__canvas #PriceHistoryChart_Year, .overAllComplaint--history__canvas #PriceHistoryChart, .overAllComplaint--history__canvas .candleGraph {
    height: 50vh;
}

.overAllComplaint--history__canvas g text {
    font-size: 12px !important;
}

.overAllComplaint--addDiscussion__title:after {
    display: none !important;
}

.overAllComplaint--history {
    border: 1px dashed #ccc;
}

.overAllComplaint--history__title.complaint-badge--All-red {
    background: #410000;
    margin: 0px;
    padding: 8px 5px;
    border-radius: 10px 10px 0px 0px;
}

.overAllComplaint--history__title.complaint-badge--All-green {
    background: #22811d;
    margin: 0px;
    padding: 8px 5px;
    border-radius: 10px 10px 0px 0px;
}

.overAllComplaint--history__title.complaint-badge--All-red h5 {
    color: #fff;
    font-weight: 600;
    font-size: .8vw;
    text-align: center;
}

.overAllComplaint--history__title.complaint-badge--All-green h5 {
    color: #fff;
    font-weight: 600;
    font-size: .8vw;
    text-align: center;
}

.history-gauge.complaint-badge--All-red {
    background: #410000;
}

.history-gauge.complaint-badge--All-green {
    background: #22811d;
}

.chatSection-left--UserDetails .user-image {
    height: 32px;
    border-radius: 50%;
}

.holdingHeadingTop {
    background: #3658ff;
    padding: 0.5vh 1vw;
    height: 3.2vh;
}

.islamicly--content__universe--Grid .flex-grid--content .holdingHeadingTop .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .holdingHeadingTop p a {
    color: #fff;
}

.roundedTop {
    border-radius: 10px 10px 0px 0px;
}

.roundedBottom {
    border-radius: 0px 0px 10px 10px;
}

.purificationHeadingTop {
    background: #b236ff;
    padding: 0.7vh 1vw 0.6vh;
}

.discussionsTopHeadingStrip {
    background: #ffd400;
    margin-left: -0.5vw;
    margin-right: -0.5vw;
    /* width: 104%; */
    margin-top: -1vh;
    border-radius: 6px 6px 0px 0px;
    padding: 0.5vh 0.5vw 0.5vh;
}

    .discussionsTopHeadingStrip .overAllComplaint--addDiscussion__title {
        color: #000;
        margin: 0;
        margin-top: 18px;
        font-size: 0.8vw;
        font-weight: 600;
    }

.overAllComplaint--addDiscussion__chat .chatSection {
    margin-top: 0px;
    margin-bottom: 8px;
}

.overAllComplaint--addDiscussion__chat .chat-details__section {
    margin-top: 10px;
}

.overAllComplaint--addDiscussion__chat .overAllComplaint--addDiscussion__strip {
    padding: 1vw;
}

.overAllComplaint--addHoldings1 {
    border: 1px dashed #ccc;
}
/*.islaamicly--tabs.vtabs.vtabs .tab-content {
    width: 98%;
}
.islaamicly--tabs.vtabs.vtabs .tab-content {
    margin: 0 auto;
    margin-left: 4%;
}
*/

.overAllComplaint--addHoldings, .overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
    height: calc(100vh - 156px);
    min-height: calc(100vh - 156px);
    max-height: calc(100vh - 156px);
}

.holdings--tab .btn-isl-success.btnDonate {
    padding: 6px 10px 3px;
}

.btnDonate {
    padding: 6px 10px 3px;
    font-size: 13px !important;
    width: auto !important;
    max-width: 200px !important;
    display: flex;
    justify-content: center;
    background: #fff;
    color: #009fff;
}

.overAllComplaint--history__canvas .candleGraph {
    max-width: 99% !important;
    width: max-content !important;
    height: max-content !important;
    padding: 0 1%;
}

.islaamicly--tabs.vtabs .tabs-vertical li .nav-link {
    height: 10.2vh;
}

.btndonted-outline {
    background: transparent;
    border: 1px dashed #ccc;
    color: #fff;
}

.bg-overlay--stockDetails {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 84vh;
    width: 90.5%;
    z-index: 9;
}

.loaderUniverseData {
    background: transparent;
}

.universeMyHolding {
    height: 12vh;
}
/*#holdingListGrid .slimScrollDiv {
    height: 74vh;
}*/
.islamicly--content__universe--Grid {
    display: inherit;
    width: 100%;
}

#userHoldingGridList {
    height: 82vh;
}

.universeMyHoldingTopDiv {
    min-height: 200px;
    max-height: 200px;
    display: flex;
    /* align-items: center;*/
}

#scroll-universe .investRight .btn-investment {
    width: 4vw;
    display: flex;
    justify-content: center;
}

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

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

.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: 0;
    margin-left: -17px;
}

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

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

#myHoldingsListHeight {
    height: calc(100vh - 250px);
}


.holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
    width: 15.5%;
    min-height: 240px;
    max-height: 240px;
    position: relative;
}

    .holdings--tab .islamicly--content__universe--Grid .flex-grid--content.boxsmall {
        min-height: 215px;
        max-height: 215px;
    }

.islamicly--content__universe--Grid .flex-grid--content.boxsmall .divSection.border-bottom {
    border-bottom: 0px dashed #696a6a !important;
    padding-bottom: 0vh;
}

.isl-portfolio--details .panel-content .panel-content__heading {
    width: 100%;
}

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

.isl-portfolio--details .panel-content--ManageStock {
    display: flex;
    align-items: center;
    justify-content: center;
}

.isl-portfolio--details .panel-content--ManageStock {
    padding: 7px 12px;
}

.islamicly--content__portfolio .isl-portfolio--details .portfolio--panel {
    height: 70px;
}

.isl-portfolio__detailsGrid {
    height: 73vh;
}

#divRecommended {
    height: 47vh !important;
}

#portfolioDetailtockList {
    height: 65vh;
}

#scroll-Proftfolio {
    height: 65vh;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .universeMyHolding {
    height: 6vh;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-sector {
    font-size: 0.85vw;
}

.isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
    width: 32%;
}

.text-underline {
    text-decoration: underline !important;
}

a.text-underline span.disabled {
    opacity: 0.6 !important;
}

.holdings--tab .islamicly--content__universe--Grid .flex-grid--content .back {
    display: none;
}

.islamicly-recentlyVisit--verticalScroll .slider--item__value span.coin-value {
    margin-left: 3px !important;
}

.overAllComplaint--addHoldings.islamicly--content__universe--Grid p.valueChangeHoldingStrip {
    padding: 0px 1.5vw;
    position: absolute;
    top: 3.2vh;
    width: 100%;
    padding: 0.5vh 1vw;
}

    .overAllComplaint--addHoldings.islamicly--content__universe--Grid p.valueChangeHoldingStrip.red {
        background: #5c3232;
    }

    .overAllComplaint--addHoldings.islamicly--content__universe--Grid p.valueChangeHoldingStrip.green {
        background: #a13838;
    }

    .overAllComplaint--addHoldings.islamicly--content__universe--Grid p.valueChangeHoldingStrip span {
        color: #fff;
    }

.header .top-navbar .navbar-header {
    border-right: 0px solid #464646;
}

.islamicly--content__portfolio .isl-portfolio--details.noportfolio--list .portfolio--panel {
    height: 80px;
}

.isl-portfolio--details.noportfolio--list .panel-content--ManageStock {
    min-width: 200px;
    width: fit-content;
    height: auto;
}

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

.islaamicly--tabs .editprofileSection .nav-tabs .nav-item {
    width: 20%;
}


.articlesContentDetails--strip {
    background: #1a1e24;
    margin: 0px;
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 5px #565656;
    border-radius: 10px;
    padding: 0px 0px;
    margin-bottom: 20px;
}

    .articlesContentDetails--strip .boxImg {
        width: 150px;
        height: 100px;
        border-radius: 10px 0px 0px 10px;
        margin-right: 10px;
        margin-left: -15px;
    }

.islamicly--content__articles--details.articlesContentDetails .articlesContentDetails--strip p span.material-icons {
    font-size: 18px !important;
    top: 4px;
}

.islamicly--content__articles--details.articlesContentDetails .articlesContentDetails--strip p span {
    font-size: 15px !important;
}

    .islamicly--content__articles--details.articlesContentDetails .articlesContentDetails--strip p span strong {
        color: #b3b3b3 !important;
    }

    .islamicly--content__articles--details.articlesContentDetails .articlesContentDetails--strip p span.replyChatBubble:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #524e4e;
    }

.purification-table.table-dark {
    background: transparent;
    margin-bottom: 2vh;
}
    .purification-table.table-dark.table > thead > tr > th {
        padding: 0px 0.5vw !important;
        border: 0px;
        color: #fff;
        border-bottom: 1px dashed #ddd;
    }
    .purification-table.table-dark.table > tbody > tr > td {
        padding: 0.5vh 0.5vw 0vh !important;
        border: 0px;
        color: #bdbdbd;
        font-size: 15px !important;
    }


/*Purificatin Page Start*/
.islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom {
    cursor: pointer;
}

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom input {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom span {
        display: inline-block;
        position: relative;
        width: 13px;
        height: 13px;
        border: 1px solid var(--gray);
        border-radius: 50%;
        background-color: #fff;
        box-sizing: border-box;
        transition: border-color 200ms ease;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon span,
    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon-side span {
        width: 20px;
        height: 20px;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom input:disabled + span {
        opacity: .35;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom input:checked:disabled + span {
        opacity: .25;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom input:not(:disabled) + span:hover {
        border-color: var(--dark-gray);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom input:checked + span {
        border-color: var(--primary);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.success input:checked + span {
        border-color: var(--success);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.danger input:checked + span {
        border-color: var(--danger);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom span:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        z-index: 1;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: var(--primary);
        opacity: 0;
        transition: opacity 200ms ease;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon span:before,
    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon-side span:before {
        top: 1px;
        left: 1px;
        width: 16px;
        height: 16px;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.success span:before {
        background-color: var(--success);
    }
    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.default span:before {
        background-color: #666;
    }
    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.danger span:before {
        background-color: var(--danger);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom input:checked + span:before {
        opacity: 1;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon i,
    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon-side i {
        position: absolute;
        top: 4px;
        left: 5px;
        z-index: 2;
        color: #fff;
        font-size: 9px;
        opacity: 0;
        transition: opacity 200ms ease;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon-side i {
        top: 2px;
        left: 26px;
        color: var(--primary);
        font-size: 14px;
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.danger.with-icon-side i {
        color: var(--danger);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.success.with-icon-side i {
        color: var(--success);
    }

    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon input:checked + span i,
    .islamicly--content__universe--Grid.purificationDiv .purificationDiv--table .form-check-custom.with-icon-side input:checked + span i {
        opacity: 1;
    }

.islamicly--content__universe--Grid.purificationDiv .purificationDiv--table.table > tbody > tr > th {
    line-height: 1;
    vertical-align: middle;
}
/*Purificatin Page End*/
.btn-isl-donated {
    padding: 8px 20px;
    font-size: 12px;
    letter-spacing: .6px;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    margin-right: 13px;
    border: 1px dashed #ccc;
    background: transparent;
    color: #029bcb;
    min-width: 110px;
}
.alert.alert-sm {
    padding: 0.25rem 1rem;
}

.portfolioAddStockBoxLayout {
    background: #24282e !important;
    box-shadow: none;
    max-width: 1200px;
    width: 100vw;
    margin: 0 auto !important;
    padding: 10px 20px;
    border-radius: 8px;
}


#myrequest {
    width: 1200px;
    background: #24282e;
    box-shadow: 0px 5px 7px #101010;
    border-radius: 6px;
    padding: 1.4vh 0vw 1vh 1vw;
}

    #myrequest .islamicly--content__myRequest {
        width: 100%;
        margin: 0 auto;
    }

.islamicly--content__myRequest--top, #myRequestList .islamicly--content__universe--Grid, #myrequest p.scrapBook-viewFile--title.pendingRequests {
    width: 100%;
    margin: 0 auto;
}
.islamicly--content__myRequest--top {
    padding-right: 1vw;
}


@media (max-width: 1700px) {
    .overAllComplaint--addHoldings, .overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
        height: calc(100vh - 156px);
        min-height: calc(100vh - 156px);
        max-height: calc(100vh - 156px);
    }

    #divFormDiscusion {
        height: 78vh;
    }
    #userHoldingGridList {
        height: 81vh;
    }

    .islamicly--content__universe--Grid .flex-grid--content, .holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
        width: 18.85%;
    }

    .holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
        min-height: 230px;
        max-height: 230px;
    }

    .flex--tiles__BottomTitle, .islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title, .islamicly--content__universe--Grid .flex-grid--content .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .table-ticker, .overAllComplaint--addHoldings p, .overAllComplaint--history__badge .complaint-badge li {
        font-size: .9vw;
    }

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

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

    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .universeMyHolding {
        height: 7vh;
    }

    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-sector {
        font-size: 1vw;
    }

    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-stockName {
        font-size: 1.1vw;
    }

    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-compliant,
    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-price,
    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-price .table-price--right {
        font-size: 0.9vw;
    }
    .islamicly-recentlyVisit--verticalScroll .slick-slide {
        opacity: .8;
        width: 75% !important
    }
}

@media (min-widtrh: 1500px) and (max-width: 1599px) {
    .islamicly--content__universe--tableOption .filter {
        width: 80%;
    }

    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        height: auto;
        min-height: 34vh;
        max-height: 34vh;
    }

    .universeMyHolding {
        height: 12vh;
    }

    .investRight .btn-investment {
        font-size: 10px;
        display: flex;
        padding: 2px 4px 0px 1px;
    }

        .investRight .btn-investment img {
            height: 15px !important;
            margin-top: -1px;
        }

        .investRight .btn-investment.btn-lg {
            padding: 3px 2px 2px !important;
            font-size: 10px !important;
        }

    .islamicly--content__universe--Grid .flex-grid--content .investRight .table-compliant {
        font-size: 10px !important;
        margin-top: 4px;
    }

    .universe-strip .investRight .col {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .history-gauge h5.footerH5 {
        font-size: 11px !important;
        margin-top: 2px !important;
    }

    .overAllComplaint--history__canvas #PriceHistoryChart_Year, .overAllComplaint--history__canvas #PriceHistoryChart, .overAllComplaint--history__canvas .candleGraph {
        height: 37vh;
    }

    .overAllComplaint--add .overAllComplaint--addHoldings .investRight {
        margin-top: -7px !important;
    }

        .overAllComplaint--add .overAllComplaint--addHoldings .investRight .brokerList {
            font-size: 10px !important;
            margin-bottom: 0px !important;
            margin-top: -5px !important;
        }

    .holdingHeadingTop {
        margin-top: -3px;
    }

    #divFormDiscusion {
        height: 74vh;
    }
}

@media (min-width: 1401px) and (max-width: 1499px) {
    #divFormDiscusion {
        height: 77.5vh;
    }

    .overAllComplaint--addHoldings {
        height: 40.8vh;
    }

        .overAllComplaint--addHoldings, .overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
            height: calc(100vh - 125px);
            min-height: calc(100vh - 125px);
            max-height: calc(100vh - 125px);
        }

    .islamicly--content__universe--Grid .flex-grid--content .divSection {
        padding: 1vh 1vw 2vh !important;
    }

    .investRight .btn-investment {
        padding: 3px 7px 0px !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content .newPurifyBox .middleBox .pt-4 {
        padding-top: 0.4rem !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content .newPurifyBox .middleBox .mt-3 {
        margin-top: 0.3rem !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content .newPurifyBox .middleBox .mb-3 {
        margin-bottom: 0.6rem !important;
    }

    .holdings--tab .btn-isl-success.btnDonate {
        padding: 4px 10px 2px;
    }

    .btnDonate {
        padding: 4px 10px 2px;
        font-size: 11px !important;
        width: auto !important;
        max-width: 200px !important;
    }
    /* #divFormDiscusion {
        height: 59vh
    }*/
    .islamicly--content__universe--Grid .flex-grid--content .table-compliant .material-icons, .islamicly--content__universe--Grid .flex-grid--content .table-sector, .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder, .islamicly-recentlyVisit--verticalScroll .slider--item__title, .overAllComplaint--history__badge .complaint-badge--All-green li, .overAllComplaint--history__graph p, .overAllComplaint--history__title h5 {
        font-size: 0.9vw;
    }

    .holdings--seperation p span {
        font-size: 0.9vw;
    }
    /*.flex--tiles__BottomTitle, .islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title, .islamicly--content__universe--Grid .flex-grid--content .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .table-ticker, .overAllComplaint--addHoldings p, .overAllComplaint--history__badge .complaint-badge li {
        font-size: 1.1vw;
    }*/
    .flex--tiles__BottomTitle, .islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title, .islamicly--content__universe--Grid .flex-grid--content .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .table-ticker, .overAllComplaint--addHoldings p, .overAllComplaint--history__badge .complaint-badge li {
        font-size: 1vw;
    }

    .nav-item .user-details {
        font-size: 12px;
    }

    .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder span {
        font-size: 1vw !important;
    }

    #scroll-universe .investRight .btn-investment {
        width: 4.4vw;
    }

    .universeMyHoldingTopDiv {
        min-height: 190px;
        max-height: 195px;
    }

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

@media (max-width: 1400px) {
    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        padding: 0px !important;
        padding-top: 1.5vh !important;
        padding-bottom: 1.5vh !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        padding: 0px !important;
        padding-top: 0.6vh !important;
        padding-bottom: 0.9vh !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        height: auto;
        min-height: 36.3vh;
        max-height: 36.3vh;
    }

    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        height: auto;
        min-height: 32.3vh;
        max-height: 32.3vh;
    }

    .history-gauge h5.footerH5 {
        font-size: 11px !important;
        margin-top: 2px !important;
    }

    .overAllComplaint--history__canvas #PriceHistoryChart_Year, .overAllComplaint--history__canvas #PriceHistoryChart, .overAllComplaint--history__canvas .candleGraph {
        height: 39vh;
    }

    .overAllComplaint--add .overAllComplaint--addHoldings .investRight {
        margin-top: -7px !important;
    }

        .overAllComplaint--add .overAllComplaint--addHoldings .investRight .brokerList {
            font-size: 10px !important;
            margin-bottom: 0px !important;
            margin-top: -5px !important;
        }

    .holdingHeadingTop {
        margin-top: -3px;
    }

    #divFormDiscusion {
        height: 74vh;
    }

    #chartDivPurify {
        height: 13vh;
        margin-top: -3vh;
    }

    #chartDivNoPurifyRatio p {
        padding: 6px !important;
    }

    .overAllComplaint--addHoldings .purifyValue p {
        font-size: 0.9vw;
    }

    .puriValDiv {
    }

    .overAllComplaint--addHoldings, .overAllComplaint--addHoldings.islamicly--content__universe--Grid .flex-grid--content {
        height: calc(100vh - 121px);
        min-height: calc(100vh - 121px);
        max-height: calc(100vh - 120px);
    }

    .islamicly--content__universe--Grid .flex-grid--content .divSection {
        padding: 0.3vh 0vw 2vh !important;
    }

    .investRight .btn-investment {
        padding: 3px 10px 0px !important;
    }
    .investRight .btn-investment {
        padding: 2px 3px 0px !important;
        font-size: 9px !important;
    }
    .homeMapSlideParaContent .isl-market--span .isl-market__Subheading {
        max-width: 58%;
    }
    .islamicly--content__universe--Grid .flex-grid--content .newPurifyBox .middleBox .pt-4 {
        padding-top: 0.4rem !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content .newPurifyBox .middleBox .mt-3 {
        margin-top: 0.3rem !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content .newPurifyBox .middleBox .mb-3 {
        margin-bottom: 0.6rem !important;
    }

    .btnDonate {
        padding: 4px 10px 2px;
        font-size: 11px;
        width: auto !important;
        max-width: 200px !important;
    }

    .holdings--tab .btn-isl-success.btnDonate {
        padding: 4px 10px 2px;
        font-size: 11px !important;
    }

    .overAllComplaint--history__canvas .candleGraph {
        max-width: 100% !important;
        width: max-content !important;
        height: 37vh !important;
        padding: 0 1%;
        width: 100%;
    }

    #divFormDiscusion {
        height: 74vh
    }

    .islaamicly--tabs.vtabs .tabs-vertical li .nav-link {
        height: 9.85vh;
    }

    .islamicly--content__universe--Grid .flex-grid--content .divSection.universeMyHoldingTopDiv {
        padding: 1vh 0.7vw 2vh !important;
    }

    .universeMyHoldingTopDiv .universe-strip .investRight .d-flex .col {
        max-width: 50%;
    }

    .universeMyHoldingTopDiv .universe-strip .investRight .btn-investment,
    #myHoldingsListHeight .investRight .btn-investment,
    .islamicly--content__universe--Grid.scroll-universeGrid .investRight .btn-investment {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 22px;
        padding: 3px 1px 0px !important;
    }

    #myHoldingsListHeight .investRight .d-flex .col {
        max-width: 50%;
        padding: 0%;
    }

    #myHoldingsListHeight .investRight {
        margin-right: 10%;
    }

        .universeMyHoldingTopDiv .universe-strip .investRight .btn-investment.days,
        #myHoldingsListHeight .investRight .btn-investment.days,
        .islamicly--content__universe--Grid.scroll-universeGrid .investRight .btn-investment.days {
            max-width: 123px;
            padding: 3px 3px 0px !important;
        }

    .universeMyHoldingTopDiv {
        min-height: 170px;
        max-height: 170px;
        display: flex;
        /* align-items: center; */
    }

    .islamicly--content__universe--Grid .flex-grid--content .divSection.mobileResDown {
        padding: 1.3vh 1vw 2vh !important;
    }

    .holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
        min-height: 203px !important;
        max-height: 203px !important;
    }

        .holdings--tab .islamicly--content__universe--Grid .flex-grid--content.boxsmall {
            min-height: 180px !important;
            max-height: 180px !important;
        }

    .islamicly--content__universe--Grid.scroll-universeGrid .flex-grid--content .divSection {
        padding: 0.3vh 1vw 2vh !important;
    }

    .islamicly--content__universe--Grid.scroll-universeGrid .investRight .d-flex .col {
        max-width: 50%;
        padding: 0px 25px;
    }

        .islamicly--content__universe--Grid.scroll-universeGrid .investRight .d-flex .col:last-child {
            float: right;
        }

    .islamicly--content__universe--Grid .flex-grid--content .table-compliant.posClear {
        font-size: 10px !important;
    }

    #scroll-universe .investRight .btn-investment {
        width: 4.4vw;
        font-size: 0.6vw !important;
    }

        #scroll-universe .investRight .btn-investment img {
            height: 14px !important;
        }

    #scroll-universe .investRight .d-flex .col {
        padding: 0px 0.3vw;
    }

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

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

    .f-s-18, .f-s-20 {
        font-size: 1vw !important;
    }

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

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

    .islamicly--content__universe--tableOption .filter p img {
        width: 20px !important;
    }

        .islamicly--content__universe--tableOption .filter p img.list-view--icons {
            width: 27px !important;
        }

    .islamicly--content__universe--tableOption .filter .d-flex.justify-content-end.align-items-center {
        width: 35% !important;
    }

    .isl-table-top .isl-table-top--pane li .isl-table-top--pane__diff {
        padding: 0.5vh 0.5vw;
    }

    .material-icons.isl-selected-count1, .material-icons.helpChatSupportIcons {
        font-size: 13px;
        width: 28px;
        height: 28px;
    }

    .nav-item .user-details {
        margin-right: -8px;
        font-size: 12px;
    }

    .holdings--tab .btn-isl-success--proceedPlan, .holdings--tab .btn-isl-success--proceedPlan:focus, .holdings--tab .btn-isl-success--proceedPlan:hover {
        padding: 0.6vh 0.5vw;
        font-weight: 500;
    }

        .holdings--tab .btn-isl-success--proceedPlan .f-s-15 {
            font-size: 12px !important;
        }

    .holdingsSearch .input-group-btn .material-icons {
        font-size: 17px;
    }

    #holdingListGrid .holdingsSearch .input-group-btn {
        padding: 1px;
    }

    .holdingsSearch input, .holdingsSearch input:active, .holdingsSearch input:focus, .holdingsSearch input:hover {
        height: 28px !important;
    }

    .nav-item .country-location--icons {
        height: 18px;
    }

    #myHoldingsListHeight .investRight .btn-investment {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 22px;
        padding: 3px 1px 0px !important;
        justify-content: flex-start !important;
        width: 22px !important;
    }

    .universeMyHoldingTopDiv .universe-strip .investRight .btn-investment {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        padding: 3px 3px 0px 0px !important;
        font-size: 0.68vw !important;
        width: 100% !important;
    }

        .universeMyHoldingTopDiv .universe-strip .investRight .btn-investment img {
            height: 15px !important;
            margin-top: -1px;
        }

    #myHoldingsListHeight .investRight .btn-investment img {
        height: 13px !important;
        margin-top: -1px;
    }

    #myHoldingsListHeight .investRight {
        margin-right: 0%;
    }

        #myHoldingsListHeight .investRight .btn-investment {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100%;
            padding: 3px 2px 0px 0px !important;
            font-size: 0.6vw !important;
            width: 90% !important;
            margin-left: 1%;
        }

        #myHoldingsListHeight .investRight .f-s-18 {
            font-size: 0.75vw !important;
        }

        #myHoldingsListHeight .investRight .fa {
            margin-left: -3px;
        }

    .islamicly--content__universe--Grid .flex-grid--content, .holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
        width: 23.77%;
    }

    .islamicly--content__universe--Grid.scroll-universeGrid .flex-grid--content .divSection {
        padding: 0.5vh 1vw 1vh !important;
    }

    .flex--tiles__BottomTitle, .islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title, .islamicly--content__universe--Grid .flex-grid--content .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .table-ticker, .overAllComplaint--addHoldings p, .overAllComplaint--history__badge .complaint-badge li {
        font-size: 1vw;
    }

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

    .islamicly--content__universe--Grid .flex-grid--content .table-compliant, .holdings--seperation p span {
        font-size: 0.9vw;
    }

    .universeMyHoldingTopDiv .universe-strip .investRight .btn-investment, #myHoldingsListHeight .investRight .btn-investment, .islamicly--content__universe--Grid.scroll-universeGrid .investRight .btn-investment {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        padding: 3px 4px 0px !important;
        width: fit-content;
        display: flex;
        justify-content: center;
    }

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

    .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder span {
        font-size: 1vw !important;
    }

    .islamicly--content__universe--Grid .flex-grid--content .table-stockName {
        margin-bottom: 3px;
    }

    .holdings--tab .islamicly--content__universe--table table tr td, .holdings--tab .islamicly--content__universe--table table tr th {
        padding: 5px 10px;
    }

    .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        min-height: 230px;
        max-height: 235px;
        width: 48%;
        margin-right: 1.5%;
    }



    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        padding-top: 1vh;
        padding-bottom: 2vh;
    }

        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .divSection {
            padding: 0.3vh 1vw 2vh !important;
        }

        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-stockName {
            font-size: 1.2vw
        }

        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-compliant,
        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-sector,
        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-price,
        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-price .table-price--right,
        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-stackHolder {
            font-size: 1vw;
        }

        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .universeMyHolding {
            height: 8vh;
        }

        .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content .table-sector {
            font-size: 1vw;
        }

    #scroll-Proftfolio {
        height: 57vh !important;
        padding-bottom: 0px;
    }

    .overAllComplaint--addHoldings.islamicly--content__universe--Grid p.valueChangeHoldingStrip {
        padding: 0px 0.5vw;
    }

        .overAllComplaint--addHoldings.islamicly--content__universe--Grid p.valueChangeHoldingStrip span {
            font-size: 0.8vw;
            top: 1vh;
        }
}

@media (max-width: 1200px) {
    .islamicly--content__universe--Grid .flex-grid--content, .isl-portfolio--details .islamicly--content__universe--Grid#scroll-Proftfolio .flex-grid--content {
        height: auto;
        min-height: 34vh;
        max-height: 34vh;
    }

    .overAllComplaint--history__canvas #PriceHistoryChart_Year, .overAllComplaint--history__canvas #PriceHistoryChart, .overAllComplaint--history__canvas .candleGraph {
        height: 37vh;
    }

    .islamicly--content__universe--Grid .flex-grid--content, .holdings--tab .islamicly--content__universe--Grid .flex-grid--content {
        width: 31.77%;
    }

        .flex--tiles__BottomTitle, .islamicly--content__dashboard .d-flex .flex-add .flex--tiles__title, .islamicly--content__universe--Grid .flex-grid--content .table-stockName, .islamicly--content__universe--Grid .flex-grid--content .table-ticker, .overAllComplaint--addHoldings p, .overAllComplaint--history__badge .complaint-badge li {
            font-size: 1.5vw;
        }

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

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

                .islamicly--content__universe--Grid .flex-grid--content .table-stackHolder span {
                    font-size: 1.3vw !important;
                }

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

    .holdings--tab .islamicly--content__universe--table table tr td, .holdings--tab .islamicly--content__universe--table table tr th {
        padding: 5px 8px;
    }
}


@keyframes animateIn {
    0% {
        opacity: 0;
        transform: scale(0.6) translateY(-8px);
    }

    100% {
        opacity: 1;
    }
}


.md-stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

    .md-stepper-horizontal .md-step {
        display: table-cell;
        position: relative;
    }

       /* .md-stepper-horizontal .md-step:hover,
        .md-stepper-horizontal .md-step:active {
            background-color: rgba(0,0,0,0.04);
        }*/

        .md-stepper-horizontal .md-step:active {
            border-radius: 15% / 75%;
        }

        .md-stepper-horizontal .md-step:first-child:active {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .md-stepper-horizontal .md-step:last-child:active {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .md-stepper-horizontal .md-step:hover .md-step-circle {
            background-color: #757575;
        }

        .md-stepper-horizontal .md-step:first-child .md-step-bar-left,
        .md-stepper-horizontal .md-step:last-child .md-step-bar-right {
            display: none;
        }

        .md-stepper-horizontal .md-step .md-step-circle {
            width: 30px;
            height: 30px;
            margin: 0 auto;
            background-color: #999999;
            border-radius: 50%;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            font-weight: 600;
            color: #FFFFFF;
        }

    .md-stepper-horizontal.green .md-step.active .md-step-circle {
        background-color: #00AE4D;
    }

    .md-stepper-horizontal.orange .md-step.active .md-step-circle {
        background-color: #F96302;
    }

    .md-stepper-horizontal .md-step.active .md-step-circle {
        background-color: rgb(33,150,243);
    }

    .md-stepper-horizontal .md-step.done .md-step-circle:before {
        font-family: 'FontAwesome';
        font-weight: 100;
        content: "\f00c";
    }

    .md-stepper-horizontal .md-step.done .md-step-circle *,
    .md-stepper-horizontal .md-step.editable .md-step-circle * {
        display: none;
    }

    .md-stepper-horizontal .md-step.editable .md-step-circle {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

        .md-stepper-horizontal .md-step.editable .md-step-circle:before {
            font-family: 'FontAwesome';
            font-weight: 100;
            content: "\f040";
        }

    .md-stepper-horizontal .md-step .md-step-title {
        margin-top: 5px;
        font-size: 16px;
        font-weight: 400;
    }

    .md-stepper-horizontal .md-step .md-step-title,
    .md-stepper-horizontal .md-step .md-step-optional {
        text-align: center;
        color: rgba(0,0,0,.26);
    }

    .md-stepper-horizontal .md-step.active .md-step-title {
        color: rgba(0,0,0,.87);
    }

    .md-stepper-horizontal .md-step.active.done .md-step-title,
    .md-stepper-horizontal .md-step.active.editable .md-step-title {
        font-weight: 400;
    }

    .md-stepper-horizontal .md-step .md-step-optional {
        font-size: 12px;
    }

    .md-stepper-horizontal .md-step.active .md-step-optional {
        color: rgba(0,0,0,.54);
    }

    .md-stepper-horizontal .md-step .md-step-bar-left,
    .md-stepper-horizontal .md-step .md-step-bar-right {
        position: absolute;
        top: 15px;
        height: 1px;
        border-top: 1px solid #DDDDDD;
    }

    .md-stepper-horizontal .md-step .md-step-bar-right {
        right: 0;
        left: 50%;
        margin-left: 20px;
    }

    .md-stepper-horizontal .md-step .md-step-bar-left {
        left: 0;
        right: 50%;
        margin-right: 20px;
    }