/* Minification failed. Returning unminified contents.
(2200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2212,17): run-time error CSS1039: Token not allowed after unary operator: '-ink'
(2218,32): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2219,29): run-time error CSS1039: Token not allowed after unary operator: '-radius'
(2220,26): run-time error CSS1039: Token not allowed after unary operator: '-card'
(2235,21): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(2266,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2269,17): run-time error CSS1039: Token not allowed after unary operator: '-ink'
(2285,17): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(2297,24): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(2310,26): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(2315,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-2'
(2340,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2346,17): run-time error CSS1039: Token not allowed after unary operator: '-ink'
(2350,26): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(2352,28): run-time error CSS1039: Token not allowed after unary operator: '-brand'
(2368,17): run-time error CSS1039: Token not allowed after unary operator: '-ink2'
(2373,32): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2389,21): run-time error CSS1039: Token not allowed after unary operator: '-ok'
(2393,21): run-time error CSS1039: Token not allowed after unary operator: '-sell'
(2397,21): run-time error CSS1039: Token not allowed after unary operator: '-hold'
(2415,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
 */
/******** FIXES ********/
.navbar-fixed-top, .navbar-fixed-bottom{
    z-index: 1;
}
.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}
.card-image-cont {
    position: relative;
}

span {
    padding: unset;
}

.landingBgColor{
    padding-top: 0px;
}

.dropdown-menu{
    z-index: 10000;
}
.flex-container-hidden{
    overflow: hidden;
}

.seo-info{
    display: none;
}

.owl-carousel {
    display: none;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel.owl-loaded {
    display: block;
}

@media screen and (max-width: 992px) {
    .half-stripe div, .half-stripe label, .half-stripe .control-label, .half-stripe h1 {
        color: white;
    }    
    
    .half-stripe select {
        background-color: white;
    }

    .half-stripe  .btn-primary {
        background-color: #23527c;
        border-color: #23527c;
    }

    .half-stripe a {
        text-decoration: underline;
        color: #366fff;
    }

    .half-stripe .container .row>div {
        padding-bottom: 0;
    }
    .half-stripe .container .row>div:not(:first-child) {
        padding-top: 0;
    }



}

    @media screen and (max-width: 1200px) {
        .landingBgColor {
            padding-top: 108px;
        }
    }

    .BFDataTable-loadmore h5 {
        color: #eb3a24;
    }

    .landingBgImg {
        background: url(/assets/images/bgs/homepage-v2.png) no-repeat top left;
        background-color: #243c52;
    }

    @media screen and (max-width: 1200px) {
        .landingBgImg {
            padding-top: 108px;
            background: url(/assets/images/bgs/tabletHomepage.png) no-repeat top left;
            background-color: black;
            background-size: contain;
        }
    }

    .rewardFooter {
        height: 500px;
    }

    @media screen and (max-width: 767px) {
        .landingBgImg {
            background: black;
        }


        .rewardFooter {
            height: 450px;
        }
    }

    .footer a, .themeProject a, .summery_hero_area a {
        color: white;
    }

    ._jq-expandable p {
        margin-bottom: 0.5em;
    }

    [data-redir] {
        cursor: pointer;
    }

    .distributorCarousel img {
        width: 250px;
        height: 150px;
        object-fit: scale-down;
    }

    [style*="--aspect-ratio"] iframe, [style*="--aspect-ratio"] img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        object-position: top;
        border: none;
    }

.headerUser-vm-container {
    display: flex;
    align-items: center;
    gap: 0.25em;
    margin-right: 1em;
}
.headerUser-vm-container-base {
    margin-top: 4px;
    margin-bottom: 4px;
}

.headerUser-vm-label {
    color: white;
}

.nav-search-text{
    border-radius: 0.33em;
    border: 0;
    padding: 0 0.5em;
    margin-top: 0.1em;
}
.nav-search-text {
    outline: none;
}

ul.ui-autocomplete {
    padding: 0 5px;
    overflow-y: auto;
    max-height: 300px;
}

.ui-autocomplete .ui-menu-item-wrapper {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px;
    overflow: hidden;
}


.ui-autocomplete li.ui-menu-item{
    list-style-type: none;
}

.news_pic {
    position: relative;
}

    .about_hero_area .about_hero_pic {
        max-width: 860px;
    }

    .audience_hero .about_hero_pic {
        max-width: 392px;
    }

    .contact_details_social li a img {
        max-height: 24px;
    }

    .summery_hero_area .ProjectTitleContainer {
        height: 300px;
    }

        .summery_hero_area .ProjectTitleContainer span {
            color: white;
            text-transform: capitalize;
        }

    .testimonial_slide img {
        border-radius: 50%;
    }

    .partners_item {
        height: 260px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
    }

    .partners_item_txt h4 {
        text-decoration: none;
    }

    .for-card a {
        color: white;
    }

        .for-card a:hover {
            text-decoration: none;
        }

    .for-card svg {
        color: white;
    }

    .rewards_tickets_box {
        position: relative;
    }

    .rewards_tickets_box_icon {
        top: 25%;
        transform: translate(25%, -30%);
    }

    .dashboardCreator .rewards_tickets_box_icon {
        margin-left: -55px;
    }

    @media only screen and (max-width: 15000px) and (min-width: 1025px) {
        .video_slider_ext li {
            width: 940px !important;
            max-width: 100vw;
        }
    }


    @media only screen and (max-width: 1025px) and (min-width: 768px) {
        .video_slider_ext li {
            width: 500px !important;
            max-width: 100vw;
        }
    }

    @media only screen and (max-width: 768px) and (min-width: 400px) {
        .video_slider_ext li {
            width: calc(100vw - 40px) !important;
        }
    }

    /***************** Project Summary *********************/
    .marketing_video_iframe {
        padding-top: 56.25%;
    }

        .marketing_video_iframe iframe {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

    /******** ADDITIONAL ********/

    .RME-inline {
        max-height: 30px;
    }

    .fa-sort-down {
        transform: translate(0,-25%);
        margin-left: 8px;
    }

    .fa-sort-up {
        transform: translate(0,25%);
        margin-left: 8px;
    }

    .fa-sort {
        margin-left: 8px;
    }

    .jcarouselLoadingContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

        .jcarouselLoadingContainer > .LoadingSpin {
            left: 50%;
            top: 50%;
            position: absolute;
            z-index: 100;
            transform: translate(-50%, -50%);
        }

    .BFDataTable img.proj-icon1 {
        position: absolute;
        left: 16px;
        width: 56px;
        height: 56px;
        top: 16px;
        z-index: 3;
    }

    .BFDataTable img.proj-icon2 {
        position: absolute;
        left: 88px;
        width: 56px;
        height: 56px;
        top: 16px;
        z-index: 3;
    }

    select.BFDataTable-filter {
        min-width: 20em;
    }

    .BFDataTable-filter-popupselect-item {
        display: none;
    }

    .BFDataTable-filter-popupselect-popup img {
        height: 1em;
    }

    .PopupSelectPopupUI label {
        display: flex;
    }

        .PopupSelectPopupUI label input {
            margin: 0 0.5em;
            transform: scale(1.5);
        }


    .BFTooltip {
        padding: 0.5em;
        position: absolute;
        z-index: 9999;
        max-width: 400px;
        -webkit-box-shadow: 0 0 5px #aaa;
        box-shadow: 0 0 5px #aaa;
        font-size: 15px;
        line-height: 1em;
        text-align: center;
        background-color: white;
    }

    .BFTooltipIcon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/Content/images/bf-tooltip.png);
        background-position: center;
        background-size: contain;
        margin-left: 5px;
        vertical-align: top;
    }

    .BF-mandatory {
        color: #a94442;
    }

    i.BF-mandatory::after {
        content: '*';
    }


    div.VideoPlayIcon {
        width: 100px;
        height: 100px;
        background-image: url(/Content/images/playicon.png);
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
    }

    div.VideoPlayIconSmall {
        width: 40px;
        height: 40px;
        background-image: url(/Content/images/playicon.png);
        background-position: center;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        cursor: pointer;
    }

    .LoadingSpin {
        max-height: 200px;
        max-width: 200px;
        display: block;
        margin: auto;
    }


    table.BFUITable {
        width: 100%;
    }

        table.BFUITable th {
            padding: 0 10px 5px 0;
            font-size: 20px;
            line-height: 1.75;
            font-weight: 600;
            color: #636466;
        }

        table.BFUITable td {
            padding: 0 10px 10px 0;
            vertical-align: top;
        }

            table.BFUITable td input {
                width: 100%;
            }

                table.BFUITable td input[type='radio'] {
                    width: auto;
                }

            table.BFUITable td label {
                display: inline;
                font-weight: normal;
            }

            table.BFUITable td.TeamMemberRole {
                min-width: 10em;
            }

            table.BFUITable td.ReceiptsColumn {
                min-width: 25em;
            }

            table.BFUITable td.DebtOfferRevShareAmount input {
                width: calc( 100% - 30px);
            }

    .BFDebtOfferRevShare table.BFUITable th {
        font-weight: 400;
        color: unset;
    }


    div.TermsDiv {
        width: 100%;
        height: 400px;
    }

        div.TermsDiv iframe {
            width: 100%;
            height: 100%;
            overflow: scroll;
        }

    .subtitle_area h6 {
        font-size: 1.25rem;
        color: #636466;
    }

    table.BFLotterySetupTable td {
        padding: 0.5em;
    }

    table.BFLotterySetupTable select {
        width: 5em;
    }

    .DonatePresetCard {
        cursor: pointer;
    }

    .lottery-card {
        position: relative;
        background-image: url(/Content/images/LotteryDonation.png);
        background-position: center;
        background-size: cover;
        padding-top: 125%;
        margin-bottom: 1em;
        width: 100%;
    }

    .lottery-card-chances {
        background-image: url(/Content/images/LotteryDonationChances.png);
    }

    .lottery-card p {
        top: 48%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        text-align: center;
        color: white;
        font-size: 25px;
        margin: 0;
    }

        .lottery-card p.MoreChancesLabel {
            top: 0.5em;
            height: 1.5em;
            line-height: 1.5em;
            left: 50%;
            font-size: 65%;
            padding: 0 1em;
            background-color: #e6096c;
            transform: translate(-50%, 0);
        }


    .lottery-card input {
        position: absolute;
        top: 75%;
        transform: translate(-50%, -50%);
        left: 50%;
        background-color: #636466;
        border-radius: 1.5em;
        padding: 8px 16px;
        font-size: 18px;
        font-weight: normal;
    }

    .FanRewardTypeSubtitle {
        margin-top: 5px;
    }

    .RewardAmountTradeRow h2 {
        margin-top: 36px;
        margin-bottom: 12px;
    }

    .RewardAmountTradeRow p {
        margin-top: 12px;
        margin-bottom: 24px;
    }

    .RewardTradeTiersTable {
        width: 100%;
    }

        .RewardTradeTiersTable td, .RewardTradeTiersTable th {
            padding: 5px 10px;
        }

    .TradeRewardTiersLabel {
        margin-right: 5px;
    }

    .title_area {
        gap: 20px;
        align-items: center;
    }

    .title_area_icon {
        top: 25%;
    }

    .radio-row {
        padding-top: 7px;
        display: flex;
    }

        .radio-row input[type='radio'] {
            margin-right: 1em;
        }


    .tour-close-container {
        cursor: pointer;
        margin-left: 1em;
    }

    .BFTalentShortBio {
        display: none;
    }

    .BFTalentOfficer {
        display: none;
    }

    .BFTalentRole {
        display: none;
    }

    .BFTalentTeamRole {
        display: none;
    }

    .BFTalentsShowShortBio .BFTalentShortBio {
        display: block;
    }

    .BFTalentsShowOfficer .BFTalentOfficer {
        display: block;
    }

    .BFTalentsShowRole .BFTalentRole {
        display: block;
    }

    .BFTalentsShowTeamRole .BFTalentTeamRole {
        display: block;
    }

    .BFPreSalesFilmLabel {
        display: none;
    }

    .BFPreSalesOtherLabel {
        display: none;
    }

    .BFPreSalesFilm .BFPreSalesFilmLabel {
        display: initial;
    }

    .BFPreSalesOther .BFPreSalesOtherLabel {
        display: initial;
    }

    svg.removeIcon {
        border-radius: 50%;
        font-size: 24px;
        width: 24px;
        height: 24px;
        padding: 4px;
        background: #eaeaea;
        opacity: .9;
        border-radius: 50%;
    }

    /*MarketQuotes*/
    .mrkt-q-detailed > div {
        display: table-row;
    }

        .mrkt-q-detailed > div > div {
            display: table-cell;
        }

            .mrkt-q-detailed > div > div:first-child {
                text-align: right;
                padding: 0 4px 0 0;
            }

            .mrkt-q-detailed > div > div:last-child {
                text-align: left;
                padding: 0 0 0 4px;
            }

    /*rme-topup*/
    .rme-topup-status {
        color: blue;
    }

    .rme-topup-enable {
        cursor: pointer;
    }

    /*private assets*/
    .crypto-header {
        margin-top: 48px;
    }

    .invest-payment-row {
        display: flex;
        height: 3em;
        margin-bottom: 1.5em;
        gap: 0.25em;
        align-items: center;
    }

        .invest-payment-row.Banxa {
            flex-wrap: wrap;
        }

    .invest-payment-row-mm {
        display: flex;
        margin-bottom: 1.5em;
        align-items: center;
    }

    .invest-payment-row > div:first-child {
        width: 1em;
        justify-content: center;
    }

    .invest-payment-row label {
        display: inline;
        font-weight: 400;
        margin: 0;
    }

    .invest-payment-row-mm label {
        display: inline-block;
        font-weight: 400;
    }

    .invest-payment-row label.long-label {
        width: 25em;
    }

    .invest-payment-row img {
        max-width: fit-content;
        height: 3em;
    }

    img.VisaMC-Inline {
        max-height: 1.5em;
    }

    .partners-color {
        color: #09d7ee;
    }

    .copy-clipboard {
        max-height: 35px;
        cursor: pointer;
    }

        .copy-clipboard.small {
            max-height: 1.2em;
            margin: 0.1em 0.2em -0.1em 0.2em;
        }

            .copy-clipboard.small.inline {
                margin: -0.2em 0.2em 0.1em 0.2em;
            }

    .form-control.copy-followed {
        max-width: 500px;
    }

    .metamask-token-add-icon {
        max-height: 1.2em;
        margin: 0 0.2em;
        cursor: pointer;
    }

    .order-ex-statusline {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .order-ex-statusline img {
            height: 0.75em;
            width: 0.75em;
            margin-right: 0.25em;
        }

    .rrr-chart-ticker-container {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        margin-bottom: 1vw;
        gap: 2em;
    }

        .rrr-chart-ticker-container input, .rrr-chart-ticker-container select {
            max-width: 10em;
        }

    .AssetAllocationTable td {
        min-width: 120px;
    }

    .AssetAllocationTable th {
        width: 150px;
    }

    .AssetAllocationTable td.AssetAllocationSymbol, .AssetAllocationTable td.AssetAllocationQuantity {
        min-width: 60px;
    }

    .AssetAllocationTable td.AssetAllocationName {
        min-width: 275px;
    }

    .AssetAllocationTable td.AssetAllocationUrl {
        min-width: 225px;
    }

    .AssetAllocationTable td.AssetAllocationFreq {
        min-width: 225px;
    }

    .col-md-6.Register-right {
        padding: 0;
    }

    .RegisterRMCPromoBanner {
        display: flex;
        flex-direction: row;
        height: 150px;
        background-color: #243b52;
        justify-content: space-evenly;
        margin-right: -50px;
    }

    .RegisterRMCPromoBanner-text {
        width: 375px;
        font-size: 32px;
        color: white;
        margin: auto 25px;
    }

    .RegisterRMCPromoBanner-image {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .RegisterRMCPromoBanner-image img {
            width: 150px;
        }

    .socialLoginList {
        display: flex;
        flex-direction: row;
        gap: 15px;
    }

        .socialLoginList button {
            background-color: transparent;
            border-radius: 5px;
            border: 1px solid black;
            padding: 5px 15px;
            width: 195px;
            height: 50px;
        }

            .socialLoginList button img {
                max-height: 100%;
            }

    .socialLoginsSeparator {
        margin-top: 30px;
        display: flex;
        justify-content: center;
        max-width: 405px;
    }

    .socialLoginsSeparator-bar {
        border-top: 1px solid #aaaaaa;
        width: 100%;
        margin-top: 0.65em;
    }

    .socialLoginsSeparator-label {
        margin: 0 10px;
        color: #aaaaaa;
    }

    @media screen and (max-width: 768px) {
        .form-control.copy-followed {
            max-width: calc(100vw - 80px);
        }

        .col-md-6.Register-right {
            padding: 0 10px;
        }
    }


    /*ai-chat*/

    .ai-container div, .ai-container p, .ai-container td, .ai-container th, .ai-container span {
        color: black;
        font-size: 1em;
    }

.ai-container .content {
    max-width: none;
    margin: 15px;

}


.ai-container.ai-home-sample div, .ai-container.ai-home-sample p, .ai-container.ai-home-sample span {
    color: white;
}
    .ai-container.ai-home-sample div.chat-ai-request {
        color: black;
    }


    .ai-container a {
        color: darkblue;
        font-size: 1em;
    }


    .ai-chat-container {
        display: flex;
        flex-direction: row;
        justify-content: stretch;
        gap: 2em;
        margin-top: 3em;
    }

    .ai-chat-nav-container {
        width: 20em;
        min-width: 20em;
    }

    .ai-alerts .ai-chat-nav-container {
        width: 30em;
        min-width: 30em;
    }
    .ai-trading .ai-chat-nav-container {
        width: 30em;
        min-width: 30em;
    }


    .ai-chat-nav {
        display: flex;
        flex-direction: column;
        padding: 1em;
        background-color: #ebeff8;
        border-radius: 1em;
        position: relative;
    }

        .ai-chat-nav div, .ai-chat-nav li, .ai-chat-nav span {
            font-size: 1em;
        }
.ai-chat-nav-titles-mobile{
    display: none;
}

div.ai-chat-nav-title {
    font-weight: bold;
    margin-bottom: 0.5em;
    font-size: 1.33em;
}

            div.ai-chat-nav-subtitle {
                font-size: 0.9em;
            }

                div.ai-chat-nav-title:not(:first-child) {
                    margin-top: 1em;
                }

div.ai-chat-nav-title .ai-chat-nav-title-new {
    margin-left: 2em;
    color: #00008b;
    font-size: 75%;
    cursor: pointer;
}

            .ai-chat-nav div.ai-chat-nav-section {
                display: inline-block;
                font-weight: bold;
                color: #5b7a93
            }

        
        .ai-chat-nav ul {
            margin: 0;
            padding: 0;
        }

        .ai-chat-nav li {
            margin: 0;
            padding: 0.5em 0 0.5em 1.75em;
            list-style: none;
            background-image: url(/Content/images/chat-bullet.png);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 1.25em;
            cursor: pointer;
            /*make it appear on single line with ellipsis*/
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .ai-chat-nav div.ai-chat-nav-container-chats {
            margin-top: 20px;
        }

.owl-carousel .owl-item img.ai-chat-prompt-icon {
    display: inline-block;
    height: 1.25em;
    margin-right: 0.5em;
    width: auto;
}

.ai-chat-folder-active {
    background: #f0f7ff;
    border-color: #3498db;
}
.ai-chat-folder-hover {
    background: #e1f0ff;
    border-color: #2980b9;
}

li.ai-chat-folder-chat {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ai-chat-nav-alerts-edit {
    background-image: url(/Content/images/gear-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.5em;
    cursor: pointer;
    position: absolute;
    right: 1em;
    top: 2em;
}

    .chat-ai-settings-option label {
        height: 3em;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5em;
    }

    .chat-ai-settings-option img {
        width: 2em;
    }

    .chat-ai-settings-option input {
        outline: none;
    }

.ai-container div.chat-ai-settings-option-error {
    color: red;
}

    .chat-ai-settings-all {
        margin-top: 1em;
    }

    .chat-ai-settings-field {
        margin-top: 0.2em;
        display: flex;
        flex-direction: row;
        gap: 1em;
        align-items: center;
    }

    .chat-ai-settings-instr {
        margin-top: 1em;
    }

    .chat-ai-settings-test-send-result {
        margin-top: 1em;
    }

    .ai-chat-upload-portfolio-container {
        text-align: center;
    }

    .btn.ai-chat-upload-portfolio {
        font-size: 0.9em;
        height: 2.25em;
        padding: 0 0.75em;
        border-radius: 0.75em;
        margin: 1em;
    }

.ai-chat-your-header{
    font-weight: bold;
}
.ai-chat-your-list li {
    display: none;
}
    .ai-chat-your-list li:nth-child(-n+5) {
        display: list-item; 
    }


.ai-chat-showmore, .ai-chat-your-list-loadmore {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .ai-container .fa {
        margin: 0.5em 0.65em 0.5em 0.15em;
        color: #5a5a5a;
        font-size: 1.5em;
        line-height: 0.75em;
        margin: 0.25em;
    }

    .ai-chat-main {
        width: 75%;
    }
/*
        .ai-chat-main p {
            text-align: center;
        }*/

    .ai-container .ai-main-nav-title {
        margin: 0.5em 0;
        font-size: 2em;
        color: #c4c4c4;
        font-weight: 600;
    }

        .ai-container .ai-main-nav .ai-chat-nav-tabs {
            margin: 1em 0;
            gap: 1em;
        }

            .ai-container .ai-main-nav .ai-chat-nav-tabs .container-tab {
                text-decoration: none;
                width: fit-content;
                font-size: 1.2em;
            }
            .ai-container .ai-main-nav .ai-chat-nav-tabs .container-tab.selected {
                border-bottom: 2px solid red;
            }

        .ai-container .ai-main-nav .get-started-cont {
            max-width: 90%;
        }

        .ai-container .ai-main-nav .get-started-cont .owl-container {
            height: 8em;
        }

        .ai-container .ai-main-nav .get-started-cont .chatCarousel{
            width: calc(100% - 40px);
            margin: 0 20px;
        }
            .ai-container .ai-main-nav .get-started-cont .jcarousel-control-prev,
            .ai-container .ai-main-nav .get-started-cont .jcarousel-control-next {
                margin: 0;
                width: 15px;
            }
            .ai-container .ai-main-nav .get-started-cont .jcarousel-control-prev i,
            .ai-container .ai-main-nav .get-started-cont .jcarousel-control-next i{
                font-size: 2em;
                margin: 0;
            }

            .ai-container .ai-main-nav .get-started-cont ul {
                display: flex;
                padding: 0;
                margin: 0.5em 0;
                flex-wrap: nowrap;
                height: 8em;
            }

            .ai-container .ai-main-nav .get-started-cont li {
                height: 8em;
                width: 15em;
                min-width: 15em;
                border-radius: 0.5em;
                padding: 0.5em;
                background-color: #ebeff8;
                display: -webkit-box;
                -webkit-line-clamp: 6;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                cursor: pointer;
                -webkit-user-select: none;
                -ms-user-select: none;
                user-select: none; 
            }

            .ai-container .ai-main-nav .get-started-cont .owl-nav {
                position:absolute;
                left: -20px;
                top: 50%;
                transform: translateY(-50%);
                width: calc(100% + 40px);
                display: flex;
                justify-content: space-between;
                z-index: -1;
            }
                .ai-container .ai-main-nav .get-started-cont .owl-nav button{
                    width: 20px;
                    outline: none;
                }
                    .ai-container .ai-main-nav .get-started-cont .owl-nav button span {
                        color: #aaa;
                        font-size: 3em;
                    }



                .ai-container .ai-main-nav-cont {
                    display: flex;
                    flex-direction: row;
                    gap: 1em;
                    justify-content: left;
                    /*max-width: 650px;*/
                }

    .ai-container .ai-main-nav-cell {
        font-size: 15px;
        line-height: 1.5em;
        margin-top: 2em;
        margin: 2em auto 0 auto;
        width: 9.5em;
        height: 10em;
        padding: 0.95em;
        background-color: #ebeff8;
        position: relative;
        cursor: pointer;
    }

        .ai-container .ai-main-nav-cell:hover {
            background-color: #cfd4e3;
        }

        .ai-container .ai-main-nav-cell img {
            position: absolute;
            right: 0.5em;
            bottom: 0.5em;
            max-height: 2em;
            margin: 0 auto;
        }

.ai-container .ai-chat-nav-create-strategy-row .ai-chat-showmore-your-chats {
    display: none;
}


.ai-chat-conv-container {
    width: 90%;
    padding: 1em;
    /*background-color: #eaeff9;*/
    border-radius: 1em;
    min-height: 500px;
}

    .ai-chat-conv {
        display: flex;
        flex-direction: column;
    }

        .ai-chat-conv h1{
            font-size: 22px;
        }
        .ai-chat-conv h2{
            font-size: 21px;
        }
        .ai-chat-conv h3{
            font-size: 20px;
        }
        .ai-chat-conv h4{
            font-size: 18px;
        }
        .ai-chat-conv h5{
            font-size: 17px;
        }
        .ai-chat-conv h6{
            font-size: 16px;
        }
        .ai-chat-conv .finsec-chart-tabs h5 {
            font-size: 15px;
        }


        .ai-chat-send-container {
            width: 100%;
            display: flex;
            flex-direction: row;
            gap: 1em;
            align-items: center;
            margin-top: 1em;
            justify-content: stretch;
        }

    .ai-chat-send {
        background-color: transparent;
        background-image: url(/Content/images/send-msg-button-light.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 2em;
        width: 2em;
    }

        .ai-chat-send img {
            max-height: 2em;
        }

    .ai-chat-msg {
        border: 0;
        outline: none;
        padding: 1em;
        border-radius: 1em;
        width: 100%;
        color: black;
        background-color: #ebeff8;
        height: 5em;
    }

    .ai-alert-msg::-webkit-input-placeholder {
        white-space: pre-line;
        position: relative;
        top: -0.5em;
    }

    .chat-ai-request, .chat-ai-response {
        border-radius: 1em;
        padding: 0.75em;
        max-width: 80%;
        font-size: 0.75em;
        margin-bottom: 0.5em;
    }

    .chat-ai-request {
        background-color: beige;
        align-self: flex-end;
    }

    .chat-ai-request-edit {
        background-image: url(/Content/images/pencil-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 1.5em;
        height: 1.5em;
        cursor: pointer;
        margin: 1em 0 0 1em;
        float: right;
    }

    .chat-ai-response {
        background-color: transparent /*honeydew*/;
        align-self: flex-start;
        overflow: hidden;
    }
.chat-ai-preresponse {
    background-color: transparent;
    align-self: flex-start;
    overflow: hidden;
}

        .chat-ai-response img {
            display: block;
            max-width: 80%;
            max-height: 400px;
            margin: 2em auto;
        }


        .chat-ai-response ul {
            margin: 1em 0 0 0;
        }


        .chat-ai-response table {
            display: block;
            margin: 0 auto 2em auto;
            width: 100%;
            overflow: auto;
            padding: 0 0 1em 0;
        }

    .chat-ai-response-chart {
        min-width: 90%;
    }

.ai-container .chat-ai-exp {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 1.5em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin: 0 10px;
}
.chat-ai-exp.collapsed:before {
    content: "\f107";
}
.chat-ai-exp.expanded:before {
    content: "\f106";
}

.ai-chat-main .chat-ai-buy div {
    display: inline-block;
    margin: 0.2em 0.4em 0.2em 0;
}

        .ai-chat-main .chat-ai-buy div > .chat-ai-sec-cont {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

.ai-chat-main .chat-ai-button {
    border-radius: 0.5em;
    background-color: #e8641b;
    padding: 0.33em;
    color: white;
    display: inline;
    cursor: pointer;
}

.ai-chat-main .chat-ai-fus {
    margin-bottom: 1em;
}
.ai-chat-main .chat-ai-fus-label  {
    margin: 1em 0;
}

.ai-chat-main .chat-ai-fu {
    display: inline-block;
    margin: 0.2em;
    border-radius: 0.5em;
    /*border: 1px solid #2649db;*/
    background-color: beige;
    padding: 0.75em;
    /*color: #2649db;*/
    cursor: pointer;
}

    .chat-ai-response li{
        font-size: unset;
    }

    /* Table header styles */
    .chat-ai-response th {
        background-color: #f2f2f2; 
    }

    /* Table cell styles */
    .chat-ai-response td, th {
        border: 1px solid #ddd; /* Inner row lines color */
        padding: 8px;
        text-align: left;
    }

    /* Alternating row colors for better readability */
    .chat-ai-response tr:nth-child(even) {
        background-color: #f9f9f9;
    }
    .chat-ai-response tr:nth-child(odd) {
        background-color: #ffffff;
    }

    .ai-chat-loading img {
        max-height: 3em;
    }

    .ai-chat-loading img {
        max-height: 3em;
    }

    .ai-container div.ai-coming-soon {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 500px;
        margin: 1em auto;
    }

        .ai-container div.ai-coming-soon p {
            font-size: 1.5em;
        }

    .chat-ai-response-share-container {
        margin-top: 2em;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.33em;
    }
    /*.chat-ai-response-share img{
    max-height: 1.5em;
    margin: 0 0.5em;
}*/

    .ai-chat-share-icon {
        width: 2em;
        height: 2em;
        background-image: url(/Content/images/share_icon_light.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .ai-chat-market-insight-icon {
        width: 2em;
        height: 2em;
        background-image: url(/Content/images/market_insights.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .chat-ai-response-share a:hover {
        text-decoration: none;
    }

    .chat-ai-share-content-buttons-social img {
        max-height: 2.5em;
        margin: 0 0.5em;
    }

    .chat-ai-publish-content-text {
        margin: 1em 0;
    }
button.chat-ai-share-content-pdf{
    border-radius: 0;
}

.chat-ai-dlg input[type='text'], .chat-ai-dlg textarea, .chat-ai-dlg select {
    width: 100%;
    padding: 0.5em;
    border-radius: 0.5em;
    margin: 0 0 1em 0;
    color: black;
}

    .chat-ai-dlg .BFImageUpload img {
        max-height: 100px;
        max-width: 100px;
    }

    .chat-ai-dlg-buttons {
        display: flex;
        align-content: center;
        justify-content: center;
        gap: 1em;
    }

    .chat-ai-share-content-title, .chat-ai-share-content-link {
        margin-bottom: 1em;
    }

    .chat-ai-content-comments textarea {
        height: 50px;
    }

    .chat-ai-spacer {
        height: 300px;
    }

    .chat-ai-dlg-title {
        font-weight: bold;
    }

    .ai-chat-mobile-title {
        display: none;
    }

    .ai-insight-details-image {
        max-width: 600px;
        max-height: 300px;
    }

    .ai-insight-share-buttons {
        display: flex;
    }



.ai-chat-chart-icon {
    width: 3em;
    height: 2em;
    background-image: url(/Content/images/ai-chart-icon.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .ai-chat-alert-icon {
        width: 3em;
        height: 1.5em;
        background-image: url(/Content/images/ai-alert-icon.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    .ai-chat-alert-create-icon {
        display: inline-block;
        width: 3em;
        height: 1.5em;
        background-image: url(/Content/images/ai-alert-icon.png);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .ai-chat-alert-create-icon.buy {
        background-image: url(/Content/images/ai-alert-icon-buy.png);
    }
    .ai-chat-alert-create-icon.sell {
        background-image: url(/Content/images/ai-alert-icon-sell.png);
    }

    .ai-container.ai-chat-chart-label {
        width: 3em;
        height: 2em;
    }

.chat-ai-alert-suggestion {
    display: flex;
    width: 100%;
    justify-content: start;
    margin: 0.75em 0;
    align-items: center;
    margin: 0.5em 0;
}
    .chat-ai-alert-suggestion-header{
        font-weight: bold;
        font-size  : 1.25em;
        margin: 1em 0;
    }
    .ai-container .ai-chat-chart-button {
        height: 1.5em;
    }
.ai-container .ai-chat-chart-label {
    height: 2em;
    align-content: center;
}
 .ai-container .ai-chat-alert-label {
    height: 1.5em;
    align-content: center;
}

.ai-container .ai-chat-form-field {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 1em 0;
}

    .ai-container .ai-chat-form-field input, .ai-container .ai-chat-form-field textarea, .ai-container .ai-chat-form-field select {
        border: 0;
        outline: none;
        padding: 1em;
        border-radius: 1em;
        width: 100%;
        color: black;
        background-color: #ebeff8;
    }
    .ai-container .ai-chat-form-field select {
        height: 3.2em;
    }

.ai-chat-form-field input {
    max-width: 30em;
}
.ai-chat-form-field textarea {
    max-width: 50em;
    height: 8em;
}
.ai-chat-form-field select {
    max-width: 30em;
}

.ai-chat-form-field label {
    min-width: 15em;
    margin: 0;
    color: #333333;
}

.ai-chat-form-buttons {
    margin: 1em 0;
}
.ai-container .ai-chat-form-validation {
    color: red;
}
.ai-container .ai-chat-cs-askai-error {
    color: red;
    clear: both;
}
.ai-container .ai-chat-cs-askai-loading {
    display: none;
    max-height: 3em;
}
.ai-container .ai-chat-cs-createclient {
    margin-left: 2em;
}

.ai-container .ai-clients-table .ai-clients-name-cell .ai-clients-edit {
    display: none;
}

.ai-container .ai-chat-cc-head {
    margin-bottom: 2em;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2em;
}

.ai-container .ai-chat-cc-head-title {
    font-size: 2em;
    font-weight: bold;
}
.ai-container .ai-chat-cc-head-image {
    max-height: 5em;
    max-width: 5em;
}

.ai-container .ai-chat-cc-step {
    padding-top: 2em;
    padding-bottom: 2em;
}
.ai-container .ai-chat-cc-section-header {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.33em;
    font-weight: 600;
}
.ai-container .ai-chat-cc-section-sub-header {
    margin-top: 1em;
    font-size: 1.2em;
}

.ai-container .ai-chat-cc-field-line{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
}
.ai-container .ai-chat-cc-field-pair{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1em;
}
.ai-chat-form-field  select.ai-chat-cc-field-val-area {
    max-width: 6em;
}

.ai-container .ai-chat-cc-field {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5em;
}
.ai-container .ai-chat-cc-field label{
    margin-left: 0.1em;
}
    .ai-create-icon {
    max-height: 1.5em;
    margin-left: 1em;
}

.ai-chat-cc-step{
    display: none;
}
.ai-chat-cc-step.active{
    display: block;
}

.ai-chat-cc-getclientlink-loading img{
    max-height: 3em;
}


.chat-ai-brokerfeed-header {
    margin: 1em 0 0.75em 0;
    font-size: 1.25em;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .ai-chat-form-field input {
        max-width: unset;
    }

    .ai-container .ai-chat-cc-field {
        width: 100%;
    }

    .ai-container .ai-chat-cc-field-line, .ai-container .ai-chat-cs-field {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }

    .ai-container .ai-clients-table tr > td, .ai-container .ai-clients-table tr > th {
        display: inline-block;
        width: 33.33%;
    }
    .ai-container .ai-clients-table tr>td:first-child {
        width: 100%;
    }
    .ai-container .ai-clients-table tr>th:first-child, .ai-container .ai-clients-table tr > th:nth-child(5), .ai-container .ai-clients-table tr > th:nth-child(6) {
            display: none;
        }
    .ai-container .ai-clients-table tr > td:nth-child(5), .ai-container .ai-clients-table tr > td:nth-child(6) {
            display: none;
        }
    .ai-container .ai-clients-table .ai-clients-name-cell .ai-clients-edit{
        display: inline-block;
    }

}
    .ai-chat-nav-create-strategy:hover {
        text-decoration: none;
    }

    .ai-chat-nav-strategies table {
        width: 100%;
    }

    .ai-chat-nav-strategies td {
        padding: 5px 0;
    }

    .ai-strategies-edit, .ai-clients-edit {
        background-image: url(/Content/images/pencil-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 1.5em;
        height: 1.5em;
        cursor: pointer;
    }

    .ai-container div.KYCPending {
        color: #ff7c37
    }

    .ai-container div.KYCApproved {
        color: #218e00
    }

    .ai-container div.KYCDeclined {
        color: #ff0000
    }

    .ai-chat-form-loading {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2em;
    }

        .ai-chat-form-loading img {
            max-width: 5em;
        }

        .ai-chat-form-loading .ai-chat-form-loading-text {
            font-size: 1.25em;
            color: #2d4c9e;
        }

    .ai-container .chat-ai-response-upd-portfolio-err {
        padding: 1em 0;
        color: red;
    }

    .ai-container .chat-ai-response-upd-portfolio-msg {
        padding: 1em 0;
        color: blue;
    }

    .ai-chat-nav-aiportfolios td {
        padding: 0;
    }

    .ai-strategies-link {
        cursor: pointer;
    }

    .ai-chat-nav-savedalerts td {
        padding: 5px 0;
    }

        .ai-chat-nav-savedalerts td.ai-alerts-onoff-cell {
            padding: 3px 5px 3px 0;
        }

        .ai-chat-nav-savedalerts td.ai-alerts-freetext-cell, .ai-chat-nav-aitrades td.ai-alerts-freetext-cell {
        }

            .ai-chat-nav-savedalerts td.ai-alerts-freetext-cell div, .ai-chat-nav-aitrades td.ai-alerts-freetext-cell div {
                display: block;
                width: 23.5em;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 0.95em;
            }

    .ai-alerts-savedalert-edit, .ai-aitrade-edit {
        background-image: url(/Content/images/pencil-icon.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 1.5em;
        height: 1.5em;
        cursor: pointer;
    }

    .ai-alert-confirmation-container {
        margin: 30px 10px;
    }

.ai-alert-confirmation, .ai-alert-confirmation-entity-text, .ai-alert-confirmation-descr-text {
    margin: 15px 0;
}
    .ai-alert-confirmation-name {
        margin: 15px 0;
    }
    .ai-alert-confirmation-name>input {
        color: black;
    }

    .ai-container .ai-alert-error {
        color: red;
    }

    .ai-trading-confirmation-label {
        margin-top: 0.75em;
        font-weight: bold;
    }

    .ai-trading-confirmation-buttons {
        margin-top: 1.5em;
    }

    .ai-trading-confirmation-step {
        margin-top: 2em;
    }

    .ai-trading-confirmation-value input, .ai-trading-confirmation-value select {
        color: black;
    }

    .ai-subscribe {
        width: 86vw;
        margin: 4em auto 2em auto;
        display: flex;
        flex-direction: column;
    }

    .ai-subscribe-header {
        margin-top: 20px;
        text-align: center;
    }

        .ai-subscribe-header h4 {
            font-size: 1.85em;
        }

        .ai-subscribe-header h2 {
            font-size: 1.5em;
        }

        .ai-subscribe-header p {
            margin-top: 24px;
            font-size: 1.1em;
        }

    .ai-subscribe-buttons {
        text-align: right;
        margin: 45px 0;
    }

    .ai-subscribe-popup-frame .ai-subscribe-buttons {
        margin: 15px 0;
    }

    .ai-subscribe-options {
        margin-top: 36px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .ai-subscribe-option {
        width: 24vw;
    }

    .ai-subscribe-option-header {
        text-align: center;
        color: #1b55c0;
        font-size: 1.8em;
    }

        .ai-subscribe-option-header input {
            margin-left: 20px;
        }

    .ai-subscribe-option-content {
        border: 3px solid #8face0;
        background-color: #f3f6fc;
        color: #1b55c0;
        border-radius: 15px;
        padding: 15px;
        height: 23em;
    }

        .ai-subscribe-option-content.selected {
            border-color: #0000bd;
        }

        .ai-subscribe-option-content table.ai-subscribe-option-table-main {
            margin: auto;
        }

            .ai-subscribe-option-content table.ai-subscribe-option-table-main td {
                color: #1b55c0;
                font-size: 1.25em;
                padding: 7.5px 5px;
            }

                .ai-subscribe-option-content table.ai-subscribe-option-table-main td:last-child {
                    text-align: right;
                }

        .ai-subscribe-option-content table.ai-subscribe-option-table-sub {
            margin: 1em auto 0 auto;
        }

            .ai-subscribe-option-content table.ai-subscribe-option-table-sub td {
                color: black;
                font-size: 1em;
                text-align: center;
                padding: 2px;
            }

    .ai-subscribe-confirm {
        width: 600px;
        margin: auto;
    }

    .ai-subscribe-option-label {
        font-size: 1.5em;
        margin: 0 auto 1em auto;
        background-color: #6b94d7;
        color: white;
        height: 3.25em;
        width: 18vw;
        border-radius: 0.3em;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .ai-subscribe-pm-label {
        margin-top: 48px;
        font-size: 1.25em;
    }

    .ai-subscribe-confirm .control-label {
        font-weight: bold;
    }

.ai-subscribe-h {
    text-align: center;
    padding: 2rem 1rem 1rem;
}

h1.ai-subscribe-h1 {
    margin-bottom: 0.2rem;
    font-size: 2rem;
}

p.ai-subscribe-subtitle {
    color: #666;
    margin-bottom: 2rem;
}

.ai-subscribe-plans {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    padding: 2rem;
    max-width: 1200px;
    margin: auto;
}

.ai-subscribe-plan {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    padding: 2rem;
    width: 350px;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .ai-subscribe-plan:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
    }

    .ai-subscribe-plan h2 {
        margin: 0.5rem 0;
        color: #2a4365;
        text-align: center;
    }

.ai-subscribe-toggle {
    margin-bottom: 1rem;
    text-align: center;
}

.ai-subscribe-price {
    font-size: 1.5rem;
    margin: 1rem 0;
    color: #1a202c;
    color: #1a202c;
    text-align: center;
}

.ai-subscribe-features {
    line-height: 1.6;
    flex-grow: 1;
}

.ai-subscribe-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.ai-subscribe-button {
    background: #2b6cb0;
    color: white;
    padding: 0.5rem 1.2rem;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s;
    white-space: nowrap;
}

    .ai-subscribe-button:hover {
        background: #2c5282;
    }

.ai-subscribe-footer {
    text-align: center;
    font-size: 0.9rem;
    color: #777;
    margin: 2rem;
}


    .chat-ai-dlg .chat-ai-settings-field input[type=text] {
        width: 100%;
        margin: 0;
    }

    .chat-ai-dlg .chat-ai-settings-field > div {
        white-space: nowrap;
    }

    div.chat-ai-dlg-validation {
        color: red;
    }


.chat-ai-player {
    --card: #fff;
    --bg: #f5f7fb;
    --border: #e7eef6;
    --ink: #0c1b2a;
    --muted: #6b7f93;
    --ink2: #334155;
    --brand: #3b82f6;
    --brand-2: #1d4ed8;
    --ok: #16a34a;
    --sell: #ef4444;
    --hold: #64748b;
    --radius: 14px;
    color: var(--ink);
    font: 14px/1.35 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif
}


    .chat-ai-player .card {
        border: 1px solid var(--border);
        border-radius: var(--radius);
        background: var(--card);
        padding: 16px
    }

    .chat-ai-player .hdr {
        margin-bottom: 6px
    }

    .chat-ai-player .title {
        font-weight: 800;
        font-size: 22px;
        line-height: 1.15
    }

    .chat-ai-player .sub {
        color: var(--muted);
        font-size: 12px
    }



    .chat-ai-player .grid {
        display: grid;
        grid-template-columns: 1.05fr 1fr;
        gap: 16px;
        margin-top: 8px
    }

@media (max-width:900px) {
    .chat-ai-player .grid {
        grid-template-columns: 1fr
    }
}


.chat-ai-player  .field {
    margin-top: 12px
}

.chat-ai-player .label {
    font-weight: 800;
    font-size: 13px;
    margin-bottom: 6px
}

.chat-ai-player  .input {
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 10px 12px;
    color: var(--ink);
}

.chat-ai-player  textarea {
    width: 100%;
    height: 7rem;
}


.chat-ai-player  .inline {
    display: flex;
    align-items: center;
    gap: 8px
}

.chat-ai-player  .muted {
    color: var(--muted);
    font-size: 12px
}

.chat-ai-player  .player-slider {
    display: flex;
    align-items: center;
    gap: 10px
}

.chat-ai-player  input[type="range"] {
    width: 100%;
    accent-color: var(--brand)
}

.chat-ai-player  .btn {
    margin-top: 12px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: 800
}

    .chat-ai-player  .btn.primary {
        background: var(--brand);
        color: #fff
    }

        .chat-ai-player  .btn.primary:hover {
            background: var(--brand-2)
        }

.chat-ai-player  .section-h {
    font-size: 18px;
    font-weight: 800;
    margin: 2px 0 6px
}

.chat-ai-player  .bar {
    height: 6px;
    background: #16a34a;
    border-radius: 6px;
    margin-bottom: 8px
}


.chat-ai-player  .filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 8px 0 10px
}

.chat-ai-player  .chip {
    border: 1px solid var(--border);
    background: #fff;
    border-radius: 999px;
    padding: 6px 12px;
    font-weight: 800;
    cursor: pointer;
    color: var(--ink);
}

    .chat-ai-player  .chip.active {
        background: var(--brand);
        color: #fff;
        border-color: var(--brand)
    }

.chat-ai-player  .table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-variant-numeric: tabular-nums
}

.chat-ai-player th, .chat-ai-player  td {
    padding: 8px 6px
}

.chat-ai-player  thead th {
    font-size: 12px;
    color: var(--ink2);
    text-align: left
}

.chat-ai-player  tbody tr {
    border-top: 1px solid var(--border)
}

    .chat-ai-player  tbody tr:hover {
        background: #fbfdff
    }

.chat-ai-player  .sig {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 8px;
    background: #f1f5f9;
    font-weight: 900
}

    .chat-ai-player  .sig.buy {
        color: var(--ok)
    }

    .chat-ai-player  .sig.sell {
        color: var(--sell)
    }

    .chat-ai-player  .sig.hold {
        color: var(--hold)
    }

.chat-ai-player  .right {
    text-align: right
}



.chat-ai-player  .shap {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 10px
}

.chat-ai-player  .tag2 {
    background: #f8fafc;
    border: 1px solid var(--border);
    color: #475569;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px
}

@media screen and (max-width: 768px) {
/*        .body-ai {
            background-color: #2a2a2a;
            color: white;
        }
*/
        .ui-dialog {
            max-width: 100vw;
        }

        .ai-page-content {
            margin-top: -60px;
        }

        .FinSecuritiesHeader.AITabHeader {
            margin: 0;
            padding: 0 45px 0 65px;
        }

            .FinSecuritiesHeader.AITabHeader > div {
                gap: 5px;
            }

            .FinSecuritiesHeader.AITabHeader .container-tab-wrapper {
                text-align: left;
                margin: 0.2em 0.5em;
            }

        .FinSecuritiesHeader a h5 {
            font-size: 3vw;
        }

        .FinSecuritiesHeader .container-tab.selected h5 {
        }

        .ai-container .content {
            max-width: 100vw;
        }

/*        .ai-container a {
            color: white;
        }
*/
        .ai-container .ai-chat-nav-container {
            width: 100%;
        }

        .ai-container .ai-chat-nav-create-strategy-row {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: baseline;
        }

            .ai-container .ai-chat-nav-create-strategy-row .ai-chat-showmore-your-chats {
                display: block;
            }

        .ai-container .ai-chat-nav-container-chats .ai-chat-nav-section {
            display: none;
        }


        .ai-container .ai-main-nav .get-started-cont {
            max-width: 100%;
            width: 100%;
        }

        .ai-container .ai-main-nav .ai-chat-nav-tabs {
            gap: 0.75em;
        }

            .ai-container .ai-main-nav .ai-chat-nav-tabs .container-tab {
/*                color: white;
*/                font-size: 1em;
            }

        .ai-container .ai-main-nav .get-started-cont li {
            color: black;
        }

        .ai-chat-container {
            flex-direction: column;
            gap: 1em;
        }

        .ai-chat-conv-container {
            width: calc(100vw - 10px);
            padding: 0;
            margin: 0 -10px;
        }

/*            .ai-chat-conv-container tr:nth-child(odd) td {
                background-color: #2a2a2a;
            }

            .ai-chat-conv-container tr:nth-child(even) td {
                background-color: black;
            }

            .ai-chat-conv-container tr th {
                background-color: black;
            }

        .ai-home-container .ai-chat-conv-container tr:nth-child(odd) td, .ai-home-container .ai-chat-conv-container tr th {
            color: black;
        }

*/        .ai-chat-nav-container {
            align-self: center;
        }

        .ai-chat-nav {
            width: 100%;
            margin: 0 auto;
            padding: 0;
/*            background-color: black;
*/        }
        .ai-chat-nav-panel-cc{
            padding: 1em;
        }
        .ai-chat-nav-title-cc{
            padding: 0 1em;
        }


        .ai-chat-nav div.ai-chat-nav-section {
/*            color: white;
*/            margin-bottom: 4px;
        }

        .ai-chat-nav-titles-mobile {
            display: block;
            margin-bottom: 2em;
        }


        .chat-ai-spacer {
            height: 500px;
            background-color: #2a2a2a;
        }

        .ai-chat-main {
            width: 100%;
        }


        .chat-ai-request, .chat-ai-response {
            max-width: 95%;
/*            background-color: #000000;
            color: black;
*/        }

        .ai-home-container .chat-ai-request {
            background-color: beige;
            color: black;
        }

        .ai-chat-mobile-title {
            display: block;
            text-align: center;
            padding: 1em 1em 0 1em;
        }

            .ai-chat-mobile-title h3 {
                font-size: 1.25em;
                color: white;
            }

            .ai-chat-mobile-title p {
                font-size: 1.15em;
                color: white;
            }

        .ai-chat-container {
            margin-top: 1em;
        }

        .ai-chat-share-icon {
            background-image: url(/Content/images/share_icon_dark.png);
        }

        .ai-chat-msg {
            height: 6em;
/*            color: white;
            background-color: black;
*/        }

            .ai-chat-msg::-webkit-input-placeholder {
                white-space: pre-line;
                position: relative;
                top: -0.5em;
            }

        .ai-chat-send {
            max-height: 1em;
            height: 1em;
            width: 1em;
/*            background-image: url(/Content/images/send-msg-button-dark.png);
*/        }

        .ai-chat-send-container {
            gap: 0.5em;
        }

        /*        .ai-container div, .ai-container p, .ai-container td, .ai-container th, .ai-container span, .ai-container li, .ai-container label {
            color: white;
        }

        .ai-container th {
            background-color: black;
        }
        .ai-container .ui-dialog div, .ai-container .ui-dialog p {
            color: black;
        }

        .ai-container .ai-main-nav-cell {
            color: black;
            margin: 2vw;
        }

        .ai-container div.alert-condition-and {
            color: black;
        }
*/

        .ai-container .ai-main-nav {
            margin-top: 1em;
            margin-bottom: 1em;
        }


        .ai-container div.ai-coming-soon p {
            font-size: 1.25em;
        }

        .ai-container .finsec-chart-tabs a {
            color: #b0b0b0;
        }

            .ai-container .finsec-chart-tabs a.selected {
                color: white;
            }

        .chat-ai-response th {
            background-color: transparent;
        }

        .chat-ai-response tr:nth-child(even) {
            background-color: transparent;
        }

        .ai-chat-nav-savedalerts td.ai-alerts-freetext-cell div {
            width: 60vw;
        }

        .ai-subscribe-options {
            flex-direction: column;
            gap: 36px;
        }

        .ai-subscribe-option {
            width: 86vw;
        }

        .ai-subscribe-option-table-main {
            margin: 0 auto;
        }

        .ai-subscribe-buttons {
            text-align: center;
            margin: 0;
        }

        .ai-subscribe-option-content {
            height: 23.5em;
        }

        .ai-subscribe-option-label {
            width: 60vw;
        }

        .ai-alerts .ai-chat-nav-container {
            width: 100%;
            min-width: unset;
        }

        .ai-chat-nav-alerts-edit {
            background-image: url(/Content/images/gear-icon-white.png);
        }

        .ai-alert-confirmation-buttons button.btn.smallerbtn {
            font-size: 16px;
            height: 32px;
            padding: 2.5px 12px;
        }

        .ai-subscribe-option-content.selected {
            border-color: red;
        }

        .ai-subscribe-option-header label {
            color: white;
        }

        .body-ai .menu-ai, .body-ai-home .menu-ai {
            display: none;
        }
    }

    .chat-ai-minimize:before {
        cursor: pointer;
    }

    .chat-ai-minimize:before {
        content: "▲";
    }

    .chat-ai-response-min .chat-ai-minimize:before {
        content: "▼";
    }

    .chat-ai-response-min .chat-ai-response-content {
        display: none;
    }

    .chat-ai-response-min .chat-ai-response-share-container {
        display: none;
    }

    .chat-ai-response-min .chat-ai-fus {
        display: none;
    }

    .chat-ai-response-min .chat-ai-buy {
        display: none;
    }

    .ai-home-sample {
        height: auto;
    }

    .ai-home-container {
        display: flex;
        flex-direction: row;
        background-color: black;
        align-items: start;
        justify-content: center;
    }

    .ai-home-image img {
        height: calc(100vh - 120px);
        width: calc(96.5vh - 115.8px);
    }

    .ai-home-sample {
        width: 70%;
        max-width: 1200px;
        padding-top: 50px;
    }

        .ai-home-sample .ai-chat-main {
            width: 100%;
        }

    .ai-home-info {
        width: 20%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ai-home-info-inner {
    }

    .ai-home-inner {
        width: 100%;
    }


    .ai-home-label p {
        color: white;
        font-size: 2.5em;
        text-align: center;
    }

    .ai-home-sample {
        width: 98%;
    }

    .ai-home-buttons {
        justify-content: center;
        display: flex;
        flex-direction: row;
        gap: 55px;
    }

        .ai-home-buttons .btn-ai {
            width: 7vw;
            height: 2.5vw;
            font-size: 1.25vw;
            padding: 0 1vw;
        }

    .ai-container .ai-home-usefree {
        margin-top: 1.25em;
        font-size: 1.25vw;
        text-align: center;
    }

    button.btn-ai {
        background-color: #1b55c0;
    }

    .ai-home-label-sub {
        width: 100%;
        margin: 3.5vw 0 0 0;
        text-align: center;
    }


    @media screen and (max-width: 768px) {
        .ai-home-container {
            flex-direction: column;
        }

        .ai-home-image img {
            height: 80vw;
            width: 90vw;
        }

        .ai-home-info {
            display: none;
        }

        .ai-home-boxes {
            width: 95vw;
        }
        /*set ai-home-boxes to flex div row wrapping*/
        .ai-home-boxes {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }

        .ai-home-label p {
            font-size: 1.4em;
        }


        .ai-home-buttons {
            gap: 3vw;
        }

            .ai-home-buttons .btn-ai {
                width: 18vw;
                height: 9vw;
                font-size: 4vw;
            }
    }

    /*Sliding Switch*/
    .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 28px;
        margin: 0;
    }

        .switch.smaller {
            width: 45px;
            height: 23px;
        }

        .switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 3px;
            bottom: 3px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch.smaller .slider:before {
        height: 17px;
        width: 17px;
    }

    input:checked + .slider {
        background-color: #e8641b;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #e8641b;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 28px;
    }

        .slider.round:before {
            border-radius: 50%;
        }

    /*end of Sliding Switch*/


    .PosCell, .home2.home2i .PosCell {
        color: #5ac381;
    }

    .NegCell, .home2.home2i .NegCell {
        color: #ec4f6c;
    }


    .PriceDirectionImage {
        max-height: 10px;
        display: none;
    }

        .PriceDirectionImage.large {
            max-height: 15px;
        }

    .PosCell .PriceDirectionImage-Up {
        display: inline;
    }

    .NegCell .PriceDirectionImage-Down {
        display: inline;
    }

    .vix-low {
        color: #2ECC71;
    }

    .vix-moderate {
        color: #F1C40F;
    }

    .vix-high {
        color: #E74C3C;
    }

    .fng-fear-high {
        color: #ea3323;
    }

    .fng-fear-low {
        color: #FFA500;
    }

    .fng-neutral {
        color: #FFFF00;
    }

    .fng-greed-low {
        color: #90EE90;
    }

    .fng-greed-high {
        color: #006400;
    }

    .analyst-rating-1 {
        color: #FF0000;
    }

    .analyst-rating-2 {
        color: #FFA500;
    }

    .analyst-rating-3 {
        color: #FFFF00;
    }

    .analyst-rating-4 {
        color: #90EE90;
    }

    .analyst-rating-5 {
        color: #4ba530;
    }


    .alert-condition-and {
        display: inline-block;
    }

.alert-condition-or, .ai-alert-confirmation-ptickers-text, .ai-alert-confirmation-entity-text, .ai-alert-confirmation-descr-text {
    display: inline-block;
    background-color: antiquewhite;
    border-radius: 5px;
    padding: 5px;
}