:root {
    --black: #252525;
    --white: #FFF;
    --dark-gray: #585858;
    --light-gray: #eff2f4;
    --gold: #a86527;
    --dark-gold: #75411c;
    --light-gold: #f5e8db;
    --red: #992120;
    --dark-red: #6b2728;
    --light-red: #f3ecec;
    --purple: #743d85;
    --dark-purple: #533556;
    --light-purple: #f4e9f3;
    --green: #3c824e;
    --dark-green: #2c5f39;
    --light-green: #e7f2ea;
    --blue: #267e93;
    --dark-blue: #195c6d;
    --light-blue: #e6eeef;
}


svg {
    vertical-align: text-bottom;
}

.svg-icon {
    height: 1.3em;
    width: 1.3em;
    fill: #fff;
    vertical-align: text-bottom;
}

b, strong {
    font-weight: bold;
}

@media (max-width: 575.98px) {
        .PageTitleHOne {
            font-family: Yantramanav, Helvetica, sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .hidden-xs {
            display: none !important;
        }

        .border-xs-none {
            border: none !important;
        }
    }

/* making container wider on large screens */
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    .container {
        max-width: calc(100% - 100px);
    }
}

@media (min-width: 1500.1px) {
    .container {
        max-width: 1400px;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }
}


/* narrow gutter columns */

.narrow-gutter-row {
    margin-right: -5px;
    margin-left: -5px;
}

    .narrow-gutter-row [class^="col-"], .narrow-gutter-row [class*=' col-'], .narrow-gutter-row .col {
        padding-right: 5px;
        padding-left: 5px;
    }
/* end narrow gutter */

/* fonts */

@font-face {
    font-family: 'Prata';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/Style/fonts/Prata.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/Style/fonts/Oswald.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(/Style/fonts/Yantramanav-900.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/Style/fonts/Yantramanav-700.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Yantramanav';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/Style/fonts/Yantramanav-400.woff2?2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* end fonts */

.mb-icon {
    display: inline-block;
    text-decoration: none !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    vertical-align: text-bottom;
}

/* also update the preload url in masterpage or it will preload the wrong one */
@font-face {
    font-family: 'mb-icons';
    src: url('/Style/icon-font/mb-icons.eot?20230405');
    src: url('/Style/icon-font/mb-icons.eot?20230405#iefix') format('embedded-opentype'), url('/Style/icon-font/mb-icons.ttf?20230405') format('truetype'), url('/Style/icon-font/mb-icons.woff?20230405') format('woff'), url('/Style/icon-font/mb-icons.svg?20230405#mb-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.mb-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mb-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.icon-import:before {
    content: "\e937";
}

.icon-my-newsletter-simple:before {
    content: "\e952";
}

.icon-sort-order:before {
    content: "\e953";
}

.icon-multiple:before {
    content: "\e954";
}

.icon-podcast:before {
    content: "\e951";
}

.icon-share-financialjuice:before {
    content: "\e950";
}

.icon-marketbeat-m:before {
    content: "\e94f";
}

.icon-trending-stocks:before {
    content: "\e94e";
}

.icon-btn-offer-star:before {
    content: "\e945";
}

.icon-btn-play-video:before {
    content: "\e946";
}

.icon-idea-engine:before {
    content: "\e948";
}

.icon-live-news-feed:before {
    content: "\e949";
}

.icon-proprietary-reports:before {
    content: "\e94a";
}

.icon-stock-screeners:before {
    content: "\e94b";
}

.icon-top-rated-stocks:before {
    content: "\e94c";
}

.icon-industry:before {
    content: "\e992";
}

.icon-industry-consumer-staples:before {
    content: "\e92e";
}

.icon-industry-finance:before {
    content: "\e92f";
}

.icon-industry-industrial-products:before {
    content: "\e930";
}

.icon-industry-medical:before {
    content: "\e931";
}

.icon-industry-miscellaneous:before {
    content: "\e932";
}

.icon-industry-multi-sector-conglomerates:before {
    content: "\e933";
}

.icon-industry-oils-energy:before {
    content: "\e934";
}

.icon-industry-retail-wholesale:before {
    content: "\e935";
}

.icon-industry-services:before {
    content: "\e936";
}

.icon-industry-transportation:before {
    content: "\e93b";
}

.icon-industry-utilities:before {
    content: "\e93c";
}

.icon-industry-aerospace:before {
    content: "\e93d";
}

.icon-industry-auto-tires-trucks:before {
    content: "\e93e";
}

.icon-industry-basic-materials:before {
    content: "\e93f";
}

.icon-industry-business-services:before {
    content: "\e940";
}

.icon-industry-computer-and-technology:before {
    content: "\e941";
}

.icon-industry-construction:before {
    content: "\e942";
}

.icon-industry-consumer-discretionary:before {
    content: "\e943";
}

.icon-industry-consumer-goods:before {
    content: "\e944";
}

.icon-speech-bubble:before {
    content: "\e921";
}

.icon-excel1:before {
    content: "\e922";
}

.icon-excel:before {
    content: "\e923";
}

.icon-company:before {
    content: "\e924";
}

.icon-clock:before {
    content: "\e925";
}

.icon-speech-bubble-bullets:before {
    content: "\e926";
}

.icon-megaphone:before {
    content: "\e927";
}

.icon-old-rating:before {
    content: "\e928";
}

.icon-new-rating:before {
    content: "\e929";
}

.icon-old-target:before {
    content: "\e92a";
}

.icon-new-target:before {
    content: "\e92b";
}

.icon-old-pricetoearnings:before {
    content: "\e92c";
}

.icon-quarter:before {
    content: "\e92d";
}

.icon-phone:before {
    content: "\e920";
}

.icon-instagram:before {
    content: "\e91e";
}

.icon-youtube:before {
    content: "\e91d";
}

.icon-google:before {
    content: "\e916";
}

.icon-google-circle:before {
    content: "\ea8a";
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-facebook-circle:before {
    content: "\e915";
}

.icon-tag-high-rated:before {
    content: "\e90f";
}

.icon-tag-idea:before {
    content: "\e910";
}

.icon-tag-low-rated:before {
    content: "\e911";
}

.icon-tag-trending:before {
    content: "\e912";
}

.icon-tag-upgrade:before {
    content: "\e913";
}

.icon-tag-beat-the-market .path1:before {
    content: "\e914";
    color: rgb(41, 127, 148);
}

.icon-tag-beat-the-market .path2:before {
    content: "\e915";
    margin-left: -1em;
    color: rgb(66, 144, 87);
}

.icon-tag-beat-the-market .path3:before {
    content: "\e916";
    margin-left: -1em;
    color: rgb(41, 127, 148);
}

.icon-tag-beat-the-market .path4:before {
    content: "\e917";
    margin-left: -1em;
    color: rgb(154, 35, 33);
}

.icon-tag-beat-the-market .path5:before {
    content: "\e918";
    margin-left: -1em;
    color: rgb(117, 62, 134);
}

.icon-tag-beat-the-market .path6:before {
    content: "\e919";
    margin-left: -1em;
    color: rgb(168, 102, 40);
}

.icon-tag-dividends:before {
    content: "\e91a";
}

.icon-tag-downgrade:before {
    content: "\e91b";
}

.icon-logo-nasdaq:before {
    content: "\e901";
}

.icon-logo-jcb:before {
    content: "\e902";
}

.icon-logo-mastercard:before {
    content: "\e903";
}

.icon-logo-visa:before {
    content: "\e904";
}

.icon-logo-discover:before {
    content: "\e905";
}

.icon-logo-americanexpress:before {
    content: "\e906";
}

.icon-btn-sendmessage:before {
    content: "\e907";
}

.icon-folder:before {
    content: "\e908";
}

.icon-exitoverlay-line-element:before {
    content: "\e909";
}

.icon-calculator:before {
    content: "\e90a";
}

.icon-validation-triangle:before {
    content: "\e90b";
}

.icon-unlock:before {
    content: "\e90c";
}

.icon-lock:before {
    content: "\e90d";
}

.icon-ranking-5stars:before {
    content: "\e90e";
}

.icon-notifications:before {
    content: "\e95c";
}

.icon-misc:before {
    content: "\e983";
}

.icon-pricetoearnings:before {
    content: "\e984";
}

.icon-profitability:before {
    content: "\e985";
}

.icon-ranking-star:before {
    content: "\e98b";
}

.icon-reset:before {
    content: "\e98c";
}

.icon-salesbookvalue:before {
    content: "\e98d";
}

.icon-statistics:before {
    content: "\e98e";
}

.icon-view-details:before {
    content: "\e98f";
}

.icon-apply:before {
    content: "\e990";
}

.icon-debt:before {
    content: "\e991";
}


.icon-logo-daytradingreviews:before {
    content: "\e993";
}

.icon-unchecked-box:before {
    content: "\e9ec";
}

.icon-edit:before {
    content: "\e9ed";
}

.icon-export-portfolios:before {
    content: "\e9ee";
}

.icon-read-more:before {
    content: "\e9ef";
}

.icon-trash:before {
    content: "\e9f0";
}

.icon-checked-box:before {
    content: "\e9f1";
}

.icon-featured-forbes:before {
    content: "\e91f";
}

.icon-featured-barrons:before {
    content: "\e9eb";
}

.icon-featured-aaii:before {
    content: "\e9e3";
}

.icon-featured-boston-globe:before {
    content: "\e9e4";
}

.icon-featured-cnbc:before {
    content: "\e9e5";
}

.icon-featured-marketwatch:before {
    content: "\e9e6";
}

.icon-featured-nasdaq:before {
    content: "\e9e7";
}

.icon-featured-seeking-alpha:before {
    content: "\e9e8";
}

.icon-featured-stocktwits:before {
    content: "\e9e9";
}

.icon-featured-wsj:before {
    content: "\e9ea";
}

.icon-featured-inc:before {
    content: "\e917";
}

.icon-featured-entrepreneur:before {
    content: "\e918";
}

.icon-featured-prairie-business:before {
    content: "\e919";
}

.icon-featured-investing:before {
    content: "\e91c";
}

.icon-my-newsletter:before {
    content: "\e9e2";
}

.icon-new-window:before {
    content: "\e9e1";
}

.icon-question:before {
    content: "\e9e0";
}

.icon-share-print:before {
    content: "\e96d";
}

.icon-share-reddit:before {
    content: "\e976";
}

.icon-share-facebook:before {
    content: "\e97b";
}

.icon-share-linkedin:before {
    content: "\e97c";
}

.icon-share-stocktwits:before {
    content: "\e97e";
}

.icon-share-twitter:before {
    content: "\e97f";
}

.icon-line-element-circle-icons:before {
    content: "\e986";
}

.icon-line-element-header-section:before {
    content: "\e987";
}

.icon-line-element-logo-section1:before {
    content: "\e988";
}

.icon-line-element-repeating1:before {
    content: "\e989";
}

.icon-logo-BBB:before {
    content: "\e98a";
}

.icon-btn-add-holding:before {
    content: "\e9d9";
}

.icon-btn-add-multiple-holdings:before {
    content: "\e9da";
}

.icon-btn-check:before {
    content: "\e9db";
}

.icon-btn-create-new-watchlist:before {
    content: "\e9dc";
}

.icon-btn-login:before {
    content: "\e9dd";
}

.icon-btn-plus:before {
    content: "\e9de";
}

.icon-btn-x:before {
    content: "\e9df";
}

.icon-share-email:before {
    content: "\e97d";
}

.icon-arrow:before {
    content: "\e900";
}


.icon-btn-compare:before {
    content: "\e938";
}

.icon-btn-remove:before {
    content: "\e939";
}

.icon-btn-share:before {
    content: "\e93a";
}

.icon-salesbookvalue1:before {
    content: "\e947";
}

.icon-statistics1:before {
    content: "\e94d";
}

.icon-constellation-analysts:before {
    content: "\e955";
}

.icon-constellation-community:before {
    content: "\e956";
}

.icon-constellation-dividend:before {
    content: "\e957";
}

.icon-constellation-earnings:before {
    content: "\e958";
}

.icon-constellation-insider:before {
    content: "\e959";
}

.icon-constellation-valuation:before {
    content: "\e95a";
}

.icon-filter:before {
    content: "\e95b";
}

.icon-menu-close:before {
    content: "\e965";
}

.icon-menu-login:before {
    content: "\e966";
}

.icon-menu-open:before {
    content: "\e967";
}

.icon-menu-search:before {
    content: "\e968";
}

.icon-menu-subscribe:before {
    content: "\e969";
}

.icon-my-accountsettings:before {
    content: "\e96a";
}

.icon-my-alerts:before {
    content: "\e96b";
}

.icon-my-logout:before {
    content: "\e96c";
}

.icon-my-paymentsettings:before {
    content: "\e96e";
}

.icon-my-subscriptions:before {
    content: "\e96f";
}

.icon-nav-about:before {
    content: "\e970";
}

.icon-nav-calendars:before {
    content: "\e971";
}

.icon-nav-data:before {
    content: "\e972";
}

.icon-nav-headlines:before {
    content: "\e973";
}

.icon-nav-my-marketbeat:before {
    content: "\e974";
}

.icon-nav-researchtools:before {
    content: "\e975";
}

.icon-line-element-logo-section:before {
    content: "\e978";
}

.icon-line-element-repeating:before {
    content: "\e979";
}

.icon-logo-marketbeat-white:before {
    content: "\e97a";
}


/* dynamic lock locked by default */

.icon-dynamic-ma-lock:before, .icon-dynamic-aa-lock:before, .icon-dynamic-dp-lock:before, .idl:before {
    content: "\e90d";
    font-size: .75em;
    position: relative;
    top: -1px;
}

#mega-menu .icon-dynamic-ma-lock:before, #mega-menu .icon-dynamic-aa-lock:before, #mega-menu .icon-dynamic-dp-lock:before, #mega-menu .idl:before {
    color: #267e93;
    top: 0;
}

#left-side-menu .icon-dynamic-ma-lock, #left-side-menu .icon-dynamic-aa-lock, #left-side-menu .icon-dynamic-dp-lock, #left-side-menu .idl {
    margin: 0 !important;
    vertical-align: text-bottom !important;
}

    #left-side-menu .icon-dynamic-ma-lock:before,
    #left-side-menu .icon-dynamic-aa-lock:before, #left-side-menu .icon-dynamic-dp-lock:before, #left-side-menu .idl:before {
        top: 0;
    }



html {
    font-size: 18px;
}

body {
    background-color: #fff;
    color: #252525;
    font-family: Yantramanav, sans-serif;
    position: relative;
    line-height: 1.2;
    font-size: 1rem;
}

a {
    color: #24778c;
    font-weight: 700;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: #195c6d;
}

a.no-a, a.no-a:hover, a.no-a:active, a.no-a:focus {
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
}

.body-copy a {
    text-decoration: underline;
}

    /* start color utilities */


    /* color */

.bg-light-gray .c-blue, .bg-light-gray a, button.c-blue:hover, button.c-blue:focus {
    color: #25768a;
}

    .c-white, a.c-white {
        color: #fff;
    }

        .c-white a {
            color: #fff;
        }

            .c-white a:hover, .c-white a:active, .c-white a:focus {
                color: #eff2f4;
            }

    .c-black, a.c-black {
        color: #252525;
    }

        a.c-black:hover, a.c-black:active, a.c-black:focus {
            color: #585858;
        }

.c-gray {
    color: #585858;
}

.c-light-gray {
    color: #eff2f4;
}

.c-gold, a.c-gold {
    color: #a86527;
}

    .c-dark-gold, a.c-gold:hover, a.c-gold:active, a.c-gold:focus {
        color: #75411c;
    }

.c-red, a.c-red {
    color: #992120;
}

    .c-dark-red, a.c-red:hover, a.c-red:active, a.c-red:focus {
        color: #6b2728;
    }

.c-light-red {
    color: #f4e9e9;
}

.c-purple, a.c-purple {
    color: #743d85;
}

    .c-dark-purple, a.c-purple:hover, a.c-purple:active, a.c-purple:focus {
        color: #533556;
    }

.c-light-purple {
    color: #f4e9f3;
}

.c-green, a.c-green {
    color: #3c824e;
}

    .c-dark-green, a.c-green:hover, a.c-green:active, a.c-green:focus {
        color: #2c5f39;
    }

.c-light-green {
    color: #e7f2ea;
}

.c-blue {
    color: #267e93;
}

.c-dark-blue {
    color: #195c6d;
}

.c-light-blue {
    color: #e4f0f2;
}

.c-dark-gray {
    color: var(--dark-gray);
}



/* increasing contrast on gray backgrounds */
.bg-light-gray .c-gold {
    color: #9e5f23;
}


.bg-light-gray .c-green {
    color: #387b4a;
}




/* fill (for svgs) */

.f-white {
    fill: #fff;
}

    .f-white a {
        fill: #fff;
    }

        .f-white a:hover, .f-white a:focus {
            fill: #eff2f4;
        }

.f-black {
    fill: #252525;
}

.f-light-gray {
    fill: #eff2f4;
}

.f-gold {
    fill: #a86527;
}

.f-dark-gold {
    fill: #75411c;
}

.f-red {
    fill: #992120;
}

.f-dark-red {
    fill: #6b2728;
}

.f-light-red {
    fill: #f4e9e9;
}

.f-purple {
    fill: #743d85;
}

.f-dark-purple {
    fill: #533556;
}

.f-light-purple {
    fill: #f4e9f3;
}

.f-green {
    fill: #429056;
}

.f-dark-green {
    fill: #2c5f39;
}

.f-light-green {
    fill: #e7f2ea;
}

.f-blue {
    fill: #267e93;
}

.f-dark-blue {
    fill: #195c6d;
}

.f-light-blue {
    fill: #e4f0f2;
}

/* background-color */

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #252525;
}

.bg-light-gray {
    background-color: #eff2f4;
}

.bg-gold {
    background-color: #a86527;
}

.bg-dark-gold {
    background-color: #75411c;
}

.bg-red {
    background-color: #992120;
}

.bg-dark-red {
    background-color: #6b2728;
}

.bg-light-red {
    background-color: #f4e9e9;
}

.bg-purple {
    background-color: #743d85;
}

.bg-dark-purple {
    background-color: #533556;
}

.bg-light-purple {
    background-color: #f4e9f3;
}

.bg-green {
    background-color: #429056;
}

.bg-dark-green {
    background-color: #2c5f39;
}

.bg-light-green {
    background-color: #e7f2ea;
}

.bg-blue {
    background-color: #267e93;
}

.bg-dark-blue {
    background-color: #195c6d;
}

.bg-light-blue {
    background-color: #e4f0f2;
}

.bg-dark-gray {
    background-color: var(--dark-gray);
}

/* section headings - often h3 - used to look like buttons */

.block-header, .block-header-blue, .block-header-green, .block-header-purple, .block-header-red, .block-header-gold, .block-header-black {
    color: #195c6d;
    background-color: #e4f0f2;
    border-top: solid 3px currentColor;
    padding: .25em .5em;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .02rem;
    background-color: color-mix(in srgb, currentColor 10%, #fefefe);
}

.block-header-blue {
    color: var(--dark-blue);
    background-color: var(--light-blue);
}

.block-header-green {
    color: var(--dark-green);
    background-color: var(--light-green);
}

.block-header-purple {
    color: var(--dark-purple);
    background-color: var(--light-purple);
}

.block-header-red {
    color: var(--dark-red);
    background-color: var(--light-red);
}

.block-header-gold {
    color: var(--dark-gold);
    background-color: var(--light-gold);
}

.block-header-black {
    color: var(--black);
    background-color: var(--light-gray);
}


.block-header, .block-header-blue, .block-header-green, .block-header-purple, .block-header-red, .block-header-gold {
    background-color: color-mix(in srgb, currentColor 10%, #fefefe);
}

.white-shadow {
    box-shadow: 0 -8px 10px 8px white; /* for headers in a div with a shadow and we don't want that shadow to show behind the header but we want it to show behind the rest of the div */
}

/* end section headings - often h3 - used to look like buttons */

/* this is for gray backgrounds that start partway after a white box with drop shadow */
.start-gray-bg {
    position: relative;
}

    .start-gray-bg:after {
        content: "";
        width: 1000000px;
        height: 1000000px;
        background: #eff2f4;
        position: absolute;
        z-index: -100;
        top: 50px;
        left: -50000px;
        width: 200vw;
        left: -50vw;
    }


/* this is for white backgrounds that start right where you want the gray background to end */
.start-white-bg {
    position: relative;
}

    .start-white-bg:after {
        content: "";
        width: 1000000px;
        height: 1000000px;
        background: #fff;
        position: absolute;
        z-index: -100;
        top: 0px;
        left: -50000px;
        width: 200vw;
        left: -50vw;
    }

.bg-gray-across {
    position:relative;
}
.bg-gray-across:after {
    content: "";
    width: 1000000px;
    height: 100%;
    background: #eff2f4;
    position: absolute;
    z-index: -100;
    top: 0;
    left: -50000px;
    width: 200vw;
    left: -50vw;
}


/* border color - these are !important because bootstrap's border styles are important and they need to be important in order to override input border styles */
.b-white {
    border-color: #fff !important;
}

.b-black {
    border-color: #252525 !important;
}

.b-light-gray {
    border-color: #eff2f4 !important;
}

.b-gold {
    border-color: #a86527 !important;
}

.b-dark-gold {
    border-color: #75411c !important;
}

.b-red {
    border-color: #992120 !important;
}

.b-dark-red {
    border-color: #6b2728 !important;
}

.b-light-red {
    border-color: #f4e9e9 !important;
}

.b-purple {
    border-color: #743d85 !important;
}

.b-dark-purple {
    border-color: #533556 !important;
}

.b-light-purple {
    border-color: #f4e9f3 !important;
}

.b-green {
    border-color: #429056 !important;
}

.b-dark-green {
    border-color: #2c5f39 !important;
}

.b-light-green {
    border-color: #e7f2ea !important;
}

.b-blue {
    border-color: #267e93 !important;
}

.b-dark-blue {
    border-color: #195c6d !important;
}

.b-light-blue {
    border-color: #e4f0f2 !important;
}

.b-dark-gray {
    border-color: var(--dark-gray) !important;
}

.opacity-6 {
    opacity: .6;
}

.opacity-8 {
    opacity: .8;
}

.gradient-black {
    background: rgba(37,37,37,1);
    background: linear-gradient(to bottom, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
}

.gradient-gold {
    background: rgba(117,65,28,1);
    background: linear-gradient(to bottom, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
}

.gradient-red {
    background: rgba(107,39,40,1);
    background: linear-gradient(to bottom, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
}

.gradient-purple {
    background: rgba(83,53,86,1);
    background: linear-gradient(to bottom, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
}

.gradient-green {
    background: rgba(44,95,57,1);
    background: linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
}

.gradient-blue {
    background: rgba(25,92,109,1);
    background: linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
}

.gradient-dark-blue {
    background: rgba(14,53,62,1);
    background: linear-gradient(to bottom, rgba(14,53,62,1) 0%, rgba(22,79,93,1) 100%);
}

.gradient-dark-blue-up {
    background: rgba(22,79,93,1);
    background: linear-gradient(to bottom, rgba(22,79,93,1) 0%, rgba(14,53,62,1) 100%);
}

.tri-gradient {
    background: #227387;
    background: linear-gradient(65deg, #5c9e6e, #227387, #1e6a7d, #1b6173, #463450)
}

.tri-gradient-2 {
    background: #227387;
    background: linear-gradient(245deg, #5c9e6e, #227387, #1e6a7d, #1b6173, #463450)
}


.box-shadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1), 0 2px 13px 0 rgba(0,0,0,0.1);
}


/* end color utilities */

/* dented background */
.will-background {
    background: url(/images/all-access/will-bkg.jpg), linear-gradient(#267e93, #267e93);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
}

.dent-bottom {
    position: relative;
    padding-bottom: 7vw;
}

.dent-top {
    position: relative;
    padding-top: 7vw;
}

.dent-bottom:after {
    content: "";
    display: block;
    border-bottom: solid 7vw white;
    border-left: solid 70vw transparent;
    border-right: solid 35vw transparent;
    filter: blur(.5px);
    bottom: -2px;
    position: absolute;
    width: 105vw;
    left: -5vw;
    z-index: 1;
}
.dent-bottom.reverse:after {
    border-left: solid 35vw transparent;
    border-right: solid 70vw transparent;
}									

.dent-top:before {
    content: "";
    display: block;
    border-top: solid 7vw white;
    border-left: solid 35vw transparent;
    border-right: solid 70vw transparent;
    filter: blur(.5px);
    top: -2px;
    position: absolute;
    width: 105vw;
    left: -5vw;
    z-index: 1;
}



/* side menu style mmenustyle */

.mobilesubscribe.trigger img {
    width: 46px;
    min-width: 46px;
}

#left-side-menu, #right-side-menu {
    z-index: -100;
    display: block;
    opacity: 0;
    position: fixed;
    height: 100%;
    width: 150px;
    top: 0;
    color: #fff;
    overflow: hidden;
    -webkit-transition: opacity .5s step-end, width .4s cubic-bezier(0, 0.46, 0.11, 0.64);
    transition: opacity .5s step-end, width .4s cubic-bezier(0, 0.46, 0.11, 0.64);
}

#right-side-menu {
    right: 0;
    overflow-y: auto;
}

.right-side-optin {
    overflow-y: auto;
    min-width: 200px;
}

#left-side-menu.left-showing, #right-side-menu.right-showing {
    opacity: 1;
    -webkit-transition: width .3s cubic-bezier(0, 0.46, 0.11, 0.64), opacity .4s step-start;
    transition: width .3s cubic-bezier(0, 0.46, 0.11, 0.64), opacity .4s step-start;
    z-index: 1;
    width: 80%;
}

#left-side-menu > ul {
    max-height: calc(100% - 165px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2px;
    margin: 0;
}

    #left-side-menu > ul > li:first-child {
        border-top: none;
    }

#left-side-menu a, #right-side-menu a {
    color: #fff;
    text-decoration: none;
}

.mobile-menu-icon {
    display: none;
}

#left-side-menu .mb-icon {
    display: inline-block !important;
    font-size: 1.3em;
    vertical-align: middle;
    margin: 0 4px 4px 0;
}



#left-side-menu > ul > li > a, #left-side-menu > ul > li > ul > li > a {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: .9em;
    letter-spacing: .03rem;
}

.side-menu-title {
    text-align: center;
    color: rgba(255,255,255,.4);
    padding: 13px 11px 11px;
    margin: 0;
    line-height: 1;
    border-bottom: solid 1px rgba(0,0,0,.15);
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    font-weight: 500;
}




#right-side-menu .optin-heading a {
    color: #fff !important;
    font-weight: 700;
    font-size: 22px;
}

#right-side-menu #optinform-content {
    padding: 24px 24px 6px;
}

#right-side-menu #optinform-footer {
    padding: 0 20px;
    overflow: hidden;
    background: transparent;
    border-radius: 0;
}


#right-side-menu #ntf-content {
    display: block !important;
    margin-top: -1em;
    background: transparent;
}


#right-side-menu .side-menu-title {
    margin-right: 10px;
    text-align: left;
    color: #fff;
    padding: 13px 3px 11px;
}



#right-side-menu .side-menu-list {
    list-style: none;
    font-size: .9em;
    padding: 0.4rem .6rem;
}

    #right-side-menu .side-menu-list a {
        display: inline-block;
        padding: .5em 0;
    }

/*#right-side-menu .ntf-footer {
    display: none;
}*/

#right-side-menu #ntf-area {
    position: relative;
}

#right-side-menu .icon-my-alerts {
    position: absolute;
    right: 19px;
    top: 12px;
}

#right-side-menu .ntf-number {
    position: absolute;
    right: 20px;
    top: 13px;
}



.page-wrap {
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1;
    background: #fff;
    overflow: hidden; /* this is in place for start-gray-bg, scrolling logos, and things like that. Turn it off on individual pages where you want position:sticky to work */
    width: 100%;
    margin-bottom: -23px;
}

    .page-wrap.left-showing {
        -webkit-transform: translate(80%,0);
        -ms-transform: translate(80%,0);
        transform: translate(80%,0);
        -webkit-transform: translate3d(80%,0,0);
        transform: translate3d(80%,0,0);
    }

    .page-wrap.right-showing {
        -webkit-transform: translate(-80%,0);
        -ms-transform: translate(-80%,0);
        transform: translate(-80%,0);
        -webkit-transform: translate3d(-80%,0,0);
        transform: translate3d(-80%,0,0);
    }

.menu-closer {
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}

.menu-closer {
    -webkit-transition: opacity .4s step-start;
    transition: opacity .4s step-start;
    background: #000;
}

    .menu-closer.left-showing, .menu-closer.right-showing {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1100;
    }

    .menu-closer.left-showing, .menu-closer.right-showing {
        opacity: .6;
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
    }

html, body, .page-wrap {
    -webkit-backface-visibility: hidden;
}

    html.left-showing #sticky-bar {
        top: -400px;
    }

    html.left-showing, html.right-showing, body.left-showing, body.right-showing {
        overflow: hidden;
        height: 100%;
    }

#left-side-menu.left-showing input {
    display: inline-block;
}

#left-side-menu input, .light-translucent-input, .light-translucent-input[type=text] {
    border-radius: 0;
    min-height: 38px;
    padding-left: 8px;
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8);
    width: calc(100% - 20px);
    margin: 10px;
    border: 0;
    display: none;
}

    #left-side-menu ::-ms-input-placeholder, .light-translucent-input::-ms-input-placeholder {
        color: rgba(255,255,255,.8);
    }

    #left-side-menu ::-webkit-input-placeholder, .light-translucent-input::-webkit-input-placeholder {
        color: rgba(255,255,255,.8);
    }

    #left-side-menu input:focus, .light-translucent-input:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border: 0;
    }

    #left-side-menu input::placeholder, .light-translucent-input::placeholder {
        color: rgba(255,255,255,.75);
    }

.side-menu-search {
    height: 54px;
    border-bottom: solid 1px rgba(0,0,0,.15);
}

/* marketrank area */


#carousel-div, #overall-div, #svg-div {
    width: 100%;
}

#overall-div {
    padding: 0 0 0 20px;
}

@media (min-width: 450px) {
    #svg-div {
        width: 50%;
        float: left;
    }

    #overall-div {
        width: 50%;
        float: right;
    }
}

@media (min-width: 900px) {
    #overall-div, #carousel-div {
        width: 65%;
        float: right;
    }

    #svg-div {
        width: 35%;
    }
}


.marketrank-definitions dd {
    font-size: 1.3em;
}

.pointer {
    cursor: pointer;
}

.font-9 {
    font-size: .9em;
}

.key-stat {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: .3em;
}

.key-stat-details {
    font-size: .85em;
    color: #656565;
}

@media (min-width: 1380px) {
    .marketrank-svg-area {
        max-width: 225px;
    }
}

/* end marketrank area */

/* header stats and data visualizations on company profile */

@media (min-width: 809px) {
    #priceChart {
        height: calc(100% - 63px);
    }

    .priceChartOptions {
        font-size: initial !important;
    }
}


.range-meter {
    font-size: 11px;
    font-weight: 900;
    padding-top: 9px;
    text-align: center;
    float: right;
    margin-top: -8px;
    padding-left: 10px;
}

.range {
    display: inline-block;
    background: lightblue;
    background-image: linear-gradient(to right, #eef4f7 24%, #bbcbd2 25%, #eef4f7 26%, #eef4f7 49%, #bbcbd2 50%, #eef4f7 51%, #eef4f7 74%, #bbcbd2 75%, #eef4f7 76%);
    width: 100px;
    height: 15px;
    text-align: center;
    margin: 0px 7px;
    position: relative;
    vertical-align: bottom;
}

.reduced-range {
    width: 50px;
}

.range-marker {
    position: absolute;
    top: -2px;
    left: 50%;
    line-height: .95;
    transform: translateX(-50%);
    white-space: nowrap;
}

.range-arrow {
    color: #267e93;
    display: block;
}

.range-label {
    float: left;
}

.range-marker-label {
    font-weight: normal;
}


a.read-more-link:hover, a.read-more-link:focus {
    text-decoration: none;
}

a.read-more-link:active, a.read-more-link:focus {
    cursor: progress;
    text-decoration: none;
}



@media (min-width: 750px) and (max-width: 991px) {
    .range {
        width: 80px;
    }

    .reduced-range {
        width: 50px;
    }
}

@media (min-width: 650.1px) and (max-width: 749px) {
    .range {
        width: 40px;
    }

    .reduced-range {
        width: 30px;
    }
}

@media (min-width: 650.1px) {
    .price-info .price-data:nth-child(3) {
        border-bottom: none;
        margin-bottom: -6px;
    }
}

.flat-green-button, a.flat-green-button, input.flat-green-button {
    font-size: 16px;
    margin: 4px 0 0 2px;
    background: #6cac45;
    border: none;
    box-shadow: none;
    border-radius: 2px;
    font-weight: normal;
    color: #fff;
    padding: 5px 15px 3px;
    display: inline-block;
    line-height: 1.5;
    vertical-align: top;
    cursor: pointer;
    height: 35px;
    text-shadow: none;
}


    .flat-green-button:hover, .flat-green-button:active, .flat-green-button:focus {
        color: #fff;
        text-decoration: none;
        background-color: #5ca243;
        box-shadow: none;
    }


.company-buttons {
    text-align: right;
}

@media (min-width: 1200px) {
    .company-buttons {
        text-align: left;
    }
}

.price-info {
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.gray-notice {
    padding: 8px;
    margin: 0 0 10px;
    color: #fff;
    font-size: 14px;
    background-color: #777;
}


@media (max-width: 680px) {
    .multiple-checks > div {
        display: block;
    }

    .modal-body {
        max-height: 50vh;
    }

    #cphPrimaryContent_tabCompanyProfile .price-data-col, #CompanyProfile .price-data-col, .price-data-col, .crypto-data-section .price-data-col {
        width: 100%;
        padding: 0;
    }

    .flat-green-button, a.flat-green-button, input.flat-green-button {
        height: 42px;
        padding: 8px 4px 0 14px;
    }

        .flat-green-button > span, a.flat-green-button > span, input.flat-green-button > span {
            display: none;
        }

    .reduced-range {
        width: 100px;
    }
}

@media (max-width: 550px) {
    .price strong {
        font-size: 34px;
    }
}

@media (max-width: 340px) {
    .range {
        width: 80px;
    }

    .reduced-range {
        width: 65px;
    }
}
/* end header stats and data visualizaitons on company profiles*/


.companylogo {
    padding: 0 0 10px 10px;
    float: right;
    max-width: 225px;
    max-height: 150px;
}

@media (max-width: 460px) {
    .companylogo {
        max-width: 50%;
    }
}
/*video Embeds*/
.videowrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 0;
    height: 0;
}
.videowrapper-vertical{
    padding-bottom: 177.81%;
}
    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.container-play {
    position: relative;
}

    .container-play::after {
        content: "\25B6";
        color: #ffffffe0;
        position: absolute;
        top: 50%;
        left: 50%;
        white-space: pre;
        text-align: center;
        font-size: 3em;
        transform: translate(-50%, -50%);
        text-shadow: 2px 2px 5px #21212187;
    }
.container-play .open-video-modal-button:focus-visible {
    outline: solid 2px #252525;
    border: solid 1px #eff2f4;
}
.container-play img.hide{
    z-index:0;
}
.container-video-frame{
    position:relative;
    width:100%;
    display:none;
}
    .container-video-frame.show{
        display:block;
        top:0;
        left:0;
        z-index:1;
    }
#video-description h2{
    font-size: 1.2rem;
}
#video-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    line-height: 1.3em;
    max-height: 10.4em;
}
#video-modal button.close {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    line-height: .95;
    position: absolute;
    z-index: 1;
    opacity: 1;
    background: #252525;
    top: -11px;
    right: -11px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    text-shadow: 0 1px 0 #000;
}

    #video-modal button.close:hover, #video-modal button.close:focus {
        color: #fff;
    }
    
@media (min-width: 576px) {

    #video-modal .modal-dialog {
        max-width: 75%;
        margin: 1.75rem auto;
    }
    #video-modal.video-modal-vertical .modal-dialog{
        max-width:300px;
    }
    #video-modal.video-modal-vertical-with-description .modal-dialog {
        max-width: 900px;
    }
}


/* article features */

@media (min-width:1300px) {
    .edit-content-button {
        position: relative;
        margin-bottom: -1.5em;
        left: -1.5em;
        float: left;
    }
}

.hoverDetails, .hoverDetails:active, .hoverDetails:hover, .hoverDetails:focus {
    display: inline-block;
    background: #eff2f4;
    padding: 2px 7px 3px;
    line-height: 1;
    border-radius: 15px;
    color: #24778c;
    font-weight: 600;
    font-family: yantramanav;
    letter-spacing: 0;
    font-size: 1em;
    border: none;
    cursor: pointer;
}

    .hoverDetails:after {
        content: "\e968";
        font-family: 'mb-icons';
        position: relative;
        top: 3px;
        left: 3px;
        margin-right: 3px;
    }

#floatingTooltip {
    display: none;
}

    #floatingTooltip.active, #floatingTooltip:hover {
        display: block;
    }

.keypoints {
    display: inline-block;
    font-size: 90%;
    padding: .7rem 1rem;
    width: 100%;
    position: relative;
    left: 0;
    background: #eff2f4;
}

    .keypoints ul {
        position: relative;
        left: 0;
        list-style: none;
        padding-left: 9px;
        margin-bottom: 0;
    }

        .keypoints ul li {
            font-weight: bold;
            margin-bottom: 0.3em;
            position: relative;
            padding-left: 2em;
        }

            .keypoints ul li:before {
                font-weight: normal;
                content: "\e990\00a0\00a0";
                font-family: 'mb-icons';
                color: #252525;
                position: absolute;
                top: 1px;
                left: 0;
            }


.article-page .carousel__controls, .article-page .carousel__slide, .article-page .carousel__activator {
    display: none;
}

.article-page .carousel__control {
    height: 30px;
    width: 30px;
    margin-top: -30px;
    top: 50%;
    position: absolute;
    display: block;
    cursor: pointer;
    color: #fafafa;
    opacity: 0.35;
    outline: 0;
    z-index: 3;
}

    .article-page .carousel__control:after {
        content: "\e900";
        font-family: 'mb-icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 0.82;
        font-size: 2em;
        vertical-align: text-bottom;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .article-page .carousel__control:hover {
        opacity: 1;
    }


#article-contents {
    display: inline-block;
    font-size: 90%;
    padding: 20px;
    list-style: none;
    width: 100%;
    position: relative;
    margin: 5px 0 1rem 0;
    left: 0;
}

    #article-contents a {
        text-decoration: none;
    }


@media (min-width: 819.9px) {
    #article-contents {
        width: 46%;
    }
}

/* actually left */
.carousel__control--forward {
    left: 10px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* actually right */
.carousel__control--backward {
    right: 10px;
}

.headline-image .caption {
    margin: 5px 0 0 0;
    transition: max-height .2s;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 18px;
    max-height: 36px;
    padding: 0;
    font-size: 9pt;
    font-style: italic;
    cursor: pointer;
}

    .headline-image .caption.expanded {
        max-height: initial;
        -webkit-line-clamp: unset;
    }

/* in case there is a floated image near the end of an article */
.body-copy:after {
    content: " ";
    clear: both;
    display: block;
}

.body-copy > img:first-of-type, .body-copy > p:first-of-type > img:first-of-type {
    float: none !important;
    margin: 5px 0 15px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.body-copy > img:first-of-type, .body-copy > p:first-of-type > img.companylogo:first-of-type {
    width: auto !important;
    display: block;
    margin: 5px auto 15px !important;
    max-width: 100% !important;
}

img.alignright, img.alignleft, .body-copy img.alignleft, .body-copy img.alignright {
    margin: 5px 0 15px 0;
    width: 100%;
}

div.alignright, div.alignleft, p.alignright, p.alignleft {
    margin: 0 0 25px 0;
    width: 100%;
}

.aligncenter, .body-copy img.aligncenter {
    width: auto;
    display: block;
    float: none;
    margin: 5px auto 15px;
}

figure {
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
}

figcaption {
    font-style: italic;
    font-size: .9em;
    padding: 0.5em;
    border-top: solid 1px #ddd;
}

@media (min-width: 550px) {
    img.alignright, .body-copy img.alignright {
        float: right;
        margin: 5px 0 15px 25px;
        width: 50%;
        max-width: 450px;
    }

    

    img.alignleft, .body-copy img.alignleft, .placed-article .article-image-one {
        float: left;
        margin: 5px 15px 15px 0;
        width: 50%;
        max-width: 450px;
    }

    p.alignright, div.alignright {
        float: right;
        margin: 5px 0 15px 25px;
        width: 50%;
        max-width: 450px;
        line-height: 1.1;
    }

    p.alignleft, div.alignleft {
        float: left;
        margin: 5px 15px 15px 0;
        width: 50%;
        max-width: 450px;
        line-height: 1.1;
    }

    .article-page ul, .article-page ol {
        position: relative;
        left: 22px;
        width: calc(100% - 25px);
    }

    .page-wrap.left-showing {
        -webkit-transform: translate(440px,0);
        -ms-transform: translate(440px,0);
        transform: translate(440px,0);
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0);
    }

    .page-wrap.right-showing {
        -webkit-transform: translate(-380px,0);
        -ms-transform: translate(-380px,0);
        transform: translate(-380px,0);
        -webkit-transform: translate3d(-380px,0,0);
        transform: translate3d(-380px,0,0);
    }

    #left-side-menu.left-showing {
        width: 440px;
    }

    #right-side-menu.right-showing {
        width: 380px;
    }

    .right-side-optin {
        width: 440px;
    }

   

}




/* for drop down */
#left-side-menu > ul {
    border-bottom: solid 1px rgba(0,0,0,.15);
}

#left-side-menu ul {
    list-style: none;
}

    #left-side-menu ul > li ul {
        max-height: 0;
        overflow: hidden;
        transition: all .5s cubic-bezier(0, 1.08, 0.88, 0.96);
    }

        #left-side-menu ul > li ul.open {
            max-height: 1850px;
            transition: all 1s cubic-bezier(0.47, 0.01, 0.54, 0.99);
        }

#left-side-menu li {
    border-top: solid 1px rgba(0,0,0,.15);
    position: relative;
}

    #left-side-menu li a {
        line-height: 1.5;
        padding: 11px 5px 5px 49px;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100%;
        width: 100%;
        font-weight: 400;
    }

#left-side-menu > ul > li > ul > li > ul > li a {
    padding-left: 15px;
}

.menu-dropdown {
    width: 40px;
    height: 45px;
    display: inline-block;
    position: absolute;
    cursor: pointer;
}

    .menu-dropdown .arrow:after {
        font-family: mb-icons;
        content: "\e900";
        position: absolute;
        left: 15px;
        top: 15px;
        font-size: 1.1em;
        color: rgba(255, 255, 255, 0.6);
        line-height: .8;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .menu-dropdown.down .arrow:after {
        transform: rotate(90deg);
    }

/* end side menu styles mmenustyles */





.lh-medium {
    line-height: 1.35
}

.lh-loose {
    line-height: 1.6
}


/* this one got adblocked */
.no-underline a, .no-underline, .no-underline a:hover, .no-underline a:active, .no-underline a:focus, .no-underline:hover, .no-underline:active, .no-underline:focus {
    text-decoration: none !important;
}
/* so I made this one */
.nounderline a, .nounderline, .nounderline a:hover, .nounderline a:active, .nounderline a:focus, .nounderline:hover, .nounderline:active, .nounderline:focus {
    text-decoration: none !important;
}
/* hurray */

/* specifically for company profile links so they don't risk getting ad blocked*/
.profile-link a, .profile-link, .profile-link a:hover, .profile-link a:active, .profile-link a:focus, .profile-link:hover, .profile-link:active, .profile-link:focus {
    text-decoration: none;
}

.font-8 {
    font-size: .8em;
}

.font-12 {
    font-size: 1.2em;
}

.font-15 {
    font-size: 1.5em;
}


.prata {
    font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    font-weight: normal;
}

.oswald {
    font-family: Oswald, 'Open Sans Narrow', Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.shadow {
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
}

.light-shadow {
    box-shadow: 0 .15rem .4rem rgba(0,0,0,.11) !important;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
}

h1, .h1 {
    margin: .8em 0 .3em; /*browser reset*/
    font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}

h2, .h2 {
    font-family: Prata, Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
}
	.body-copy h2, .body-copy .h2 {
        font-size: 1.4rem;
    } 

    h2 > strong {
        font-weight: 500;
    }

h3, .h3 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: .03rem;
    opacity: 1;
}
    .body-copy h3,.body-copy .h3 {
        font-size: 1.2rem;
        font-family: Prata, Helvetica, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
        letter-spacing: .03rem;
    }

h4, .h4 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.27rem;
    line-height: 1.2;
    letter-spacing: .03rem;
}
	.body-copy h4, .body-copy .h4 {
        font-family: Yantramanav, Helvetica, sans-serif;
        font-size: 1.15rem;
        font-weight: 700!important;
        letter-spacing: .03rem;
    }
    .body-copy h4 span, .body-copy .h4 span {
        font-weight: 700 !important
    }
h5, .h5 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1.22rem;
    line-height: 1.3;
    text-transform: none;
    opacity: 1;
    letter-spacing:0;
}
    .body-copy h5, .body-copy .h5 {
        font-family: Yantramanav, Helvetica, sans-serif;
        font-size: 1.1rem;
        font-weight: 700!important;
        letter-spacing: 0;
    }
    .body-copy h5 span, .body-copy .h5 span {
        font-weight: 700 !important
    }
h6, .h6 {
    font-family: Yantramanav, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 1.05rem;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0;
}
    .body-copy h6, .body-copy .h6 {
        font-family: Yantramanav, Helvetica, sans-serif;
        font-size: 1.05em;
        font-weight: 700 !important;
        letter-spacing: 0;
    }
    .body-copy h6 span, .body-copy .h6 span {
        font-weight: 700 !important
    }

@media (min-width: 800px) {
	h1, .h1, .body-copy h1, .body-copy .h1 {
        font-size: 1.9rem;
    }

    h2, .h2,.body-copy h2,.body-copy .h2 {
        font-size: 1.7rem;
    }

    h3, .h3 {
        font-size: 1.125rem;
    }
		.body-copy h3,.body-copy .h3{
            font-size:1.5rem;
        }

    h4, .h4, .body-copy h4, .body-copy .h4 {
        font-size: 1.45rem;
    }

    h5, .h5, .body-copy h5, .body-copy .h5 {
        font-size: 1.3rem;
    }

    h6, .h6, .body-copy h6, .body-copy .h6 {
        font-size: 1.2rem;
    }
}


@media (min-width: 1200px) {
    h1, .h1, .body-copy h1, .body-copy .h1 {
        font-size: 2.3rem;
    }
	h2, .h2, .body-copy h2, .body-copy .h2 {
        font-size: 1.65rem;
    }
    .body-copy h3,.body-copy .h3{
        font-size:1.35rem;
    }
    h4, .h4, .body-copy h4, .body-copy .h4{
        font-size: 1.33rem;
    }
    h5, .h5, .body-copy h5, .body-copy .h5 {
        font-size: 1.2rem;
    }
    h6, .h6, .body-copy h6, .body-copy .h6 {
        font-size: 1.1rem;
    }									
}



ul {
    padding-left: 2em;
}

label {
    font-weight: 400;
}

input {
    margin-bottom: 4px;
    border-radius: 0;
}


input[type=text],
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
input[type=tel],
input[type=password], select, .select-default {
    padding: 5px 10px 4px;
    margin-bottom: 4px;
    border: solid 1px #bbb;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    color: #555;
}

    input[type=text]:focus,
    input[type=date]:focus,
    input[type=datetime]:focus,
    input[type=number]:focus,
    input[type=search]:focus,
    input[type=time]:focus,
    input[type=url]:focus,
    input[type=email]:focus,
    input[type=tel]:focus,
    input[type=password]:focus,
    textarea:focus,
    select:focus,
    .select-default:focus,
    button:focus
    {
        -moz-box-shadow: 0 0 5px #2e9eb9;
        -webkit-box-shadow: 0 0 5px #2e9eb9;
        box-shadow: 0 0 5px #2e9eb9;
        border: 1px solid #267e93;
    }

    /* experiment */

button:focus {
    outline: none;
}

button:focus-visible {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
    /* end experiment */


.sbbutton:focus {
    -moz-box-shadow: 0 0 5px #2e9eb9;
    -webkit-box-shadow: 0 0 5px #2e9eb9;
    box-shadow: 0 0 5px #2e9eb9;
    border: solid 1px #fff;
}


    input [type=checkbox] {
    margin-right: 4px;
    border-radius: 2px;
}

input[type=radio] {
    margin-right: 4px;
    border-radius: 50%;
}

input::placeholder {
    font-family: Yantramanav;
}

input::-ms-input-placeholder {
    font-family: Yantramanav;
}

/* custom controls */
.custom-control {
    padding-left: 0;
}

    .custom-control input[type=radio], .custom-control input[type=checkbox] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .custom-control label {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        padding-left: 2em;
    }

    .custom-control.custom-radio label::before {
        border-radius: 50%;
    }

    .custom-control label::before {
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .custom-control label::before {
        position: absolute;
        top: .14rem;
        left: 0;
        display: block;
        width: .8rem;
        height: .8rem;
        pointer-events: none;
        content: "";
        background-color: #eff2f4;
        border: var(--dark-blue) solid 1px;
    }

    .custom-control label::after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: .8rem;
        height: .8rem;
        pointer-events: none;
        content: "";
    }



    .custom-control.custom-radio input:checked ~ label::before {
        color: #fff;
        border: solid var(--dark-blue) 4px;
    }

    .custom-control.custom-checkbox input:checked ~ label::before {
        color: #fff;
        border: 0;
    }

    .custom-control.custom-checkbox input:checked ~ label::after {
        content: "\e9f1";
        font-family: 'mb-icons' !important;
        color: var(--dark-blue);
        font-size: 1.15em;
    }


    .custom-control label[class^="c-"]::before {
        border: solid 1px;
    }

    .custom-control.custom-radio input:checked ~ label[class^="c-"]::before {
        border: solid 4px;
    }

    .custom-control.custom-checkbox input:checked ~ label[class^="c-"]::after {
        color: inherit;
    }


    .custom-control input:focus-visible ~ label::before {
        outline: solid 2px #252525;
    }

/* rangeslider */

.rangeslider,
.rangeslider__fill {
    display: block;
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.rangeslider {
    background: #e6e6e6;
    position: relative;
}

.rangeslider--horizontal {
    height: 4px;
    width: 100%;
}

.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%;
}

.rangeslider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeslider__fill {
    background: #267e93;
    position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%;
}

.rangeslider__handle {
    background: transparent;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 20px;
}


    .rangeslider__handle:after {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        margin: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        border: solid 5px #25798d;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .rangeslider__handle:active:after, .rangeslider--active .rangeslider__handle:after {
        border: solid 5px #195c6d;
    }

.rangeslider--horizontal .rangeslider__handle {
    top: -18px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
    -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
    box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}


button, input[type=submit], .sbbutton, .green-button, button.sbbutton, input[type=submit].sbbutton, .flat-green-button {
    text-decoration: none;
    font-size: .85rem;
    line-height: 1;
    font-weight: 700;
    padding: 8px 10px;
    display: inline-block;
    color: #fff;
    border-radius: 0;
    box-shadow: none;
    border: solid 1px #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03rem;
    cursor: pointer;
    background-repeat: no-repeat;
    background: rgba(44,95,57,1);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
    transition: background-size .15s ease-in-out;
}


    input[type=submit].black-button, .black-button {
        background: rgba(37,37,37,1);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(37,37,37,1) 0%, rgba(99,105,107,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].light-gray-button, .light-gray-button {
        background: rgba(77,77,77,1);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(77,77,77,1) 0%, rgba(133,133,133,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].gold-button, .gold-button {
        background: rgba(117,65,28,1);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(117,65,28,1) 0%, rgba(168,101,39,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }


    input[type=submit].purple-button, .purple-button {
        background: rgba(83,53,86,1);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(83,53,86,1) 0%, rgba(116,61,133,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].blue-button, .blue-button {
        background: rgba(25,92,109,1);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    input[type=submit].red-button, .red-button {
        background: rgba(107,39,40,1);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
    }

    button:hover, input[type=submit]:hover, .sbbutton:hover, button.sbbutton:hover, input[type=submit].sbbutton:hover,
    button:active, input[type=submit]:active, .sbbutton:active, button.sbbutton:active, input[type=submit].sbbutton:active,
    button:focus, input[type=submit]:focus, .sbbutton:focus, button.sbbutton:focus, input[type=submit].sbbutton:focus, .sbbutton:hover, button.sbbutton:hover, input[type=submit].sbbutton:hover, .sbbutton:focus, button.sbbutton:focus, input[type=submit].sbbutton:focus, .sbbutton:active, button.sbbutton:active, input[type=submit].sbbutton:active, a.sbbutton:hover, a.sbbutton:active, a.sbbutton:focus, .flat-green-button:hover, .flat-green-button:active, .flat-green-button:focus {
        background-size: 100% 100%;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }
        button.select-default:hover, button.select-default:focus {
            color: #555;
            font-weight: 400;
            outline: none;
        }

.clear-button {
    font-size: 1em;
    text-transform: unset;
    padding: 0;
    letter-spacing: 0;
    background: none;
    border: 0;
    text-align: unset;
    color: inherit;
}
    .clear-button:hover, .clear-button:focus, .clear-button:focus-within {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        outline: none;
        border: none;
        color: inherit;
    }
    .clear-button:focus-visible {
        outline: solid 2px #252525;
        border: solid 1px #eff2f4;
    }
.stretched-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}



textarea {
    max-width: 100%;
    border: solid 1px #bbb;
    padding: 6px;
}

.skip-link {
    font-weight: 700;
    font-size: 1em;
    left: 50%;
    position: absolute;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    transform: translateY(-100%);
}

.skip-link:hover {
    color: #fff;
}

.skip-link:focus {
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    padding: 4px;
    top: 0;
    transform: translateX(-50%) translateY(0);
    z-index: 5;
}

.widget--title {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 1.6em;
    margin-top: 10px;
}

.widget {
    margin-bottom: 12px;
}

.widget--subscribe {
    width: 300px;
}


img {
    max-width: 100%;
    height: auto;
}

.fit-cover {
    object-fit: cover;
}

.lazy-bg{
    background-image:none!important;
}

@media screen and (max-width: 400px) {
    .fnbutton {
        width: 90%;
    }
}




.trigger-left {
    text-align: left;
    cursor: pointer;
}

.trigger, .trigger:active, .trigger:visited, .trigger:focus {
    color: #fff !important;
}

.trigger-left:hover, .trigger-left:focus {
    text-shadow: #fff 0 0 1.6px;
}

.trigger > span {
    vertical-align: middle;
}



/* header area */


#mb-header {
    position: absolute;
    z-index: 1000;
    top: 0;
    transition: height .3s ease-in-out;
    transform: translateZ(0);
}

#header-holder.mega-not-showing.sticking #mb-header {
    position: fixed;
    z-index: 1000;
    top: 0;
}

#mb-header .menu-button-wrapper {
    width: 0;
    overflow: hidden;
    transition: width .3s ease-in-out;
    font-size: 1.4em
}

#header-holder.mega-not-showing.sticking .menu-button-wrapper {
    width: 60px;
}

#mb-header .header-left a {
    transition: padding .3s ease-in-out, width .3s ease-in-out;
    width: 100%;
    padding: 0 5px;
}

#header-holder.mega-not-showing.sticking .header-left a {
    padding: 0 34px;
}



#mb-header .logo-bar {
    height: 100px;
    transition: height .3s ease-in-out;
    /*overflow: hidden;*/ /* testing putting the autocomplete ul right be input */
}

#header-holder.mega-not-showing.sticking .logo-bar {
    height: 49px;
}

#header-holder {
    height: 60px;
    position: relative;
    transition: height .3s ease-in-out;
}

    #header-holder.mega-not-showing.sticking {
        height: 60px;
    }

.header-left {
    width: 260px;
}

.header-logo {
    width: 100%;
    transform: translateZ(0);
}


@media(min-width: 992px) {

    #mb-header .main-menu-bar {
        /*transition: transform .3s;*/
        transform: scaleY(1);
    }

    #header-holder.mega-not-showing.sticking .main-menu-bar {
        transform: scaleY(0);
        pointer-events: none;
    }

    #header-holder {
        height: 135px;
    }

    #mb-header {
        height: 135px;
    }

    .mega-not-showing #mb-header.sticking, #header-holder.mega-not-showing.sticking {
        height: 49px;
    }

    #mega-menu .double-long-submenu {
        width: 390px;
        height: 450px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

@media (max-width: 991.98px) {
    #mb-header .menu-button-wrapper, #header-holder.mega-not-showing.sticking .menu-button-wrapper {
        width: 70px;
    }

    #header-holder.mega-not-showing.sticking .header-left a {
        padding: 0 5px;
    }

    .header-left {
        width: 190px;
    }

}

@media (max-width: 600px) {
    .header-left {
        width: 165px;
    }
}

@media (max-width: 575.98px) {
    #header-holder.mega-not-showing.sticking #mb-header {
        overflow: hidden;
    }

        #header-holder.mega-not-showing.sticking #mb-header.ready-for-search-overflow {
            overflow: initial;
        }

        #header-holder, #mega-menu {
            height: 100px;
        }

        #header-holder.mega-not-showing.sticking, #header-holder.mega-not-showing.sticking #mega-menu {
            height: 49px;
        }

            #header-holder.mega-not-showing.sticking .scrolling-up .logo-bar {
                height: 100px;
            }

    .header-logo {
        max-height: 36px;
    }

    .header-left{
        width:calc(100% - 65px);

    }

    .header-right, #mb-header .menu-button-wrapper, #header-holder.mega-not-showing.sticking .menu-button-wrapper {
        min-width: 65px;
    }

    .header-right .purple-button,
    .header-right .red-button{
        display:none;
    }

    .featured-article img {
        height: auto;
        width: auto;
        margin: -100px auto 10px;
    }

    .featured-article-back {
        padding-top: 0;
        height: 120px;
    }

    .responsive-header-ad-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.2;
        max-height: 2.4em;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    #mb-header .logo-bar {
        height: 60px;
    }
}

@media (min-width: 576px) {

    .border-sm-left {
        border-left: solid 1px;
    }

    .min-sm-160 {
        min-width: 158px;
    }

    .font-sm-14 {
        font-size: 1.4em !important;
    }
}



/* replaces #top-menu */
.main-menu-bar {
    position: relative
}


.side-only, .mega-only {
    display: none;
}

#mega-menu .navbar-nav>li>a {
    color: #fff;
}

#mega-menu .dropdown-menu.show {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    height: calc(100vh - 139px);
    min-height: 350px;
    position: absolute;
    left: 0;
    top: 35px;
    width: 100%;
    z-index: 50;
    background: #f3f3f3;
    color: #252525;
    box-shadow: 0px 4px 3px 0 rgba(0,0,0,0.16), -1px 5px 5px 0 rgba(0, 0, 0, 0.27);
    text-align: left;
    font-size: .9rem;
    padding: 7px 1.5% 0;
    border-radius: 0;
    margin: 0 -1em;
    width: calc(100% + 2em);
    overflow: hidden;
}
#mega-menu ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#mega-menu > ul > li > a {
    color: #fff;
    padding: 8px 0;
    opacity: .7;
}


    #mega-menu .dropdown-menu.show.mediumtall-list {
        max-height: 40em;
    }

#mega-menu .dropdown-menu.show.medium-list {
    max-height: 36em;
}

    #mega-menu .dropdown-menu.show.medium-short-list {
        max-height: 34em;
    }

    #mega-menu .dropdown-menu.show.short-list {
        max-height: 31em;
    }

#mega-menu .dropdown-menu.show.shorter-list {
    max-height: 28em;
}



@media (min-width: 1300.1px) {


    #mega-menu .dropdown-menu.show.mediumtall-list {
        max-height: 35em;
    }

    #mega-menu .dropdown-menu.show.medium-list {
        max-height: 32em;
    }

    #mega-menu .dropdown-menu.show.medium-short-list {
        max-height: 31em;
    }

    #mega-menu .dropdown-menu.show.short-list {
        max-height: 30em;
    }

    #mega-menu .dropdown-menu.show.shorter-list {
        max-height: 28em;
    }

}

@media (min-width: 992px) and (max-width: 1300px) {

    #mega-menu .dropdown-menu.show {
        font-size: .78em;
    }

        #mega-menu .dropdown-menu.show a {
            line-height: 1.7;
        }
}


    #mega-menu .mega-only, #left-side-menu .side-only {
    display: inline-block;
}

/* Matt said he would rather they all be centered */
/*#mega-menu > ul > li:first-child .dropdown-menu.show {
    align-content: flex-start;
}

    #mega-menu > ul > li:last-child .dropdown-menu.show {
        align-content: flex-end;
    }*/

#mega-menu > ul > li.has-submenu.show > a {
    opacity: 1;
    border-bottom: solid 3px #fff;
}
  

#mega-menu > ul > li > ul > li, #mega-menu .deep-menu > ul > li {
    margin: .8em 1em;
}

#mega-menu .blue-menu > li > a {
    color: #267e93;
}

#mega-menu .green-menu > li > a {
    color: #3b804c;
}

#mega-menu .purple-menu > li > a {
    color: #743d85;
}

#mega-menu .red-menu > li > a {
    color: #992120;
}

#mega-menu .gold-menu > li > a {
    color: #a86527;
}

#mega-menu .gray-menu > li > a {
    color: #585858;
}

#mega-menu .limited-width-submenu {
    max-width: 32vw;
    white-space: nowrap;
    overflow: hidden;
}
#mega-menu .limited-video-submenu {
    max-width: 32vw;
}

#mega-menu .menu-ad {
    display: block;
    width: calc(100vw - 415px);
    max-width: 43%;
}

    #mega-menu .limited-width-submenu li {
        text-overflow: ellipsis;
        overflow: hidden;
    }
@media(min-width:1200px) {
    #mega-menu .limited-width-submenu {
        max-width: 28vw;
    }
    #mega-menu .limited-video-submenu {
        max-width: 420px;
    }
}
#mega-menu > ul > li > ul > li > a, #mega-menu .deep-menu > ul > li > a {
    font-family: Oswald;
    display: block;
    border-bottom: solid 1px;
    padding-top: 2px;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .95em;
    opacity: .88;
    padding-right: 1em;
    position: relative;
}

    #mega-menu > ul > li > ul > li > a:hover, #mega-menu .deep-menu > ul > li > a:hover {
        opacity: 1;
    }

    #mega-menu > ul > li > ul > li > a:after {
        font-family: 'mb-icons' !important;
        content: "\e900";
        padding-left: 0.7em;
    }

#mega-menu > ul > li > ul > li > ul a {
    font-weight: 400;
    color: #444;
    line-height: 1.5;
}


    #mega-menu > ul > li > ul > li > ul a:hover {
        text-decoration:underline;
    }
.index-inner-1, .index-inner-2, .index-inner-3, .index-inner-4 {
    display: inline;
}

/* end header area */

/* content area*/
main {
    margin-bottom: 25px;
}

@media (min-width: 1200px) {
    .sidebar .col-lg-12 {
        padding-right: 0px
    }

    .sidebar.col-lg-4 {
        width: 335px;
        padding-left: 0px;
    }

    article.col-lg-8 {
        width: calc(100% - 348px);
        padding-left: 0;
    }
}

.sidebar .col-lg-12 {
    width: 350px;
    max-width: 100%;
}

main a {
    font-weight: 700;
}

.selectgroup {
    margin: 0 5px 10px 0;
}

@media (min-width: 800px) {
    .selectgroup {
        display: inline-block;
    }
}

select, option, .select-default, .option-default {
    font-weight: 400;
    background: #fff;
    border: solid 1px #bbb;
    border-radius: 0;
    color: #555;
    padding: 3px 5px;
    font-size: .9em;
    margin-bottom: 5px;
    max-width: 100%;
    line-height: 1.15em;
}
 .option-default{
     border:0;
 }

.select-default{
    text-transform:none;
    letter-spacing:0;
}

.see-also {
    margin: 10px 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    min-width: 290px;
    max-width: 430px;
}

    .see-also > strong {
        display: block;
        color: #fff;
        padding: 0;
        color: #195c6d;
        background-color: #e4f0f2;
        border-top: solid 3px currentColor;
        padding: .25em .5em;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: .02rem;
        color: var(--dark-blue);
        background-color: var(--light-blue);
        margin: 0;
        z-index: 1;
        position: relative;
    }

    .see-also ul {
        margin-bottom: .5rem;
        padding: 0 0.6em 0.75em;
        box-shadow: 0 0.2rem 0.85rem rgba(0,0,0,.11) !important;
    }


    .see-also li {
        list-style: none;
        font-size: 1em;
        padding: 8px 0 0;
    }

/* green */
    .see-also:nth-of-type(5n-4) > strong {
        color: var(--dark-green);
        background-color: var(--light-green);
    }

    /* blue */
    div.see-also:nth-of-type(5n-3) > strong {
        color: var(--dark-blue);
        background-color: var(--light-blue);
    }


    /* purple */
div.see-also:nth-of-type(5n-2) > strong {
    color: var(--dark-purple);
    background-color: var(--light-purple);
}

    /* red */
div.see-also:nth-of-type(5n-1) > strong {
    color: var(--dark-red);
    background-color: var(--light-red);
}
  
    /* gold */
div.see-also:nth-of-type(5n) > strong {
    color: var(--dark-gold);
    background-color: var(--light-gold);
}


.see-also > strong {
    background-color: color-mix(in srgb, currentColor 10%, #fefefe) !important;
}

    
    .row > .see-also {
        margin: 10px 5px 0;
    }

.oas-ads {
    margin-top: 35px;
}

.oas {
    text-align: center;
    margin-bottom: 15px;
}
/* sidebar */
article, .sidebar {
    margin-bottom: 20px;
}

.sidebar {
    padding-right: 0;
}

.square-ad {
    margin-top: 20px;
}


/* onboarding panel */

#pnlOnboarding a {
    font-weight: normal;
}

/* mmenu */
#mmenu:not(.mm-menu), #mmsubscribe:not(.mm-menu) {
    display: none;
}

.mm-menu.mm-theme-dark {
    background: #267e93;
    color: rgba(255,255,255,.8);
}

.mm-listview > li {
    font-size: 1.3em;
}

.mm-menu.mm-theme-dark .mm-search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input::-moz-placeholder { /* Firefox 19+ */
    opacity: 1;
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input:-ms-input-placeholder { /* IE 10+ */
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
    color: #ddd;
}

.mm-menu.mm-theme-dark .mm-search input {
    border-radius: 0;
    min-height: 38px;
    padding-left: 8px;
}

#mb-header .form-control {
    height: calc(1.5em + 13px);
}

.input-group.dark-bkg input, .input-group.dark-bkg button {
    border-radius: 0;
    border: solid 1px #fff;
    padding: 8px 9px 7px;
}


.input-group.dark-bkg input {
    background: transparent;
    color: #fff;
    margin-bottom: 0;
    max-width: calc(100% - 43px);
}

.input-group.light-bkg input, .input-group.light-bkg button {
    border-radius: 0;
    padding: 8px 9px 7px;
    border: none;
}


    .input-group.light-bkg input:not([type=submit]) {
        background: initial;
        color: #444;
        margin-bottom: 0;
        margin-right: -1px;
        max-width: calc(100% - 86px);
        border: solid 1px #ddd;
        height: calc(1.5em + 11px);
    }

#txtEmailInputMobile::placeholder, .input-group.dark-bkg input::placeholder {
    color: #fff;
}

#txtEmailInputMobile:focus::placeholder, .input-group.dark-bkg input:focus::placeholder {
    opacity: .6
}

#txtEmailInputMobile::-ms-input-placeholder, .input-group.dark-bkg input::-ms-input-placeholder {
    color: #fff;
}

#txtEmailInputMobile:focus::placeholder, .input-group.dark-bkg input:focus::-ms-input-placeholder {
    opacity: .6
}

#txtEmailInputMobile {
    background: transparent;
    color: #fff;
    border-radius: 0;
    border: solid 1px #fff;
    padding: 8px 9px 7px;
}

#ShowSuggestionMM > span {
    color: #fff !important;
    font-size: 14px;
}
/* added for sidebar */
/* autocomplete */
.ui-front {
    z-index: 100
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

    .ui-menu .ui-menu-item {
        font-weight: 400;
        color: #717171;
        position: relative;
        margin: 0;
        padding: 6px 1em 8px .4em;
        cursor: pointer;
        min-height: 0;
    }

    .ui-menu .ui-menu-item .result {
        color: #252525;
        padding-right: 1.5rem;
    }

.cat-search.ui-menu .ui-menu-item {
    padding: 0;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

    .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
        color: #2b2b2b;
        text-decoration: none
    }

.cat-search .ui-state-hover a, .cat-search .ui-state-hover a:hover, .cat-search .ui-state-hover a:link, .cat-search .ui-state-hover a:visited, .cat-search .ui-state-focus a, .cat-search .ui-state-focus a:hover, .cat-search .ui-state-focus a:link, .cat-search .ui-state-focus a:visited {
    color: #267e93;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #252525;
}

.cat-search .ui-state-active, .cat-search .ui-widget-content .ui-state-active, .cat-search .ui-widget-header .ui-state-active {
    border-bottom: solid 1px #c1dce1;
    /*  margin-top: -1px;
    border-top: solid 6px #eff2f4;
    position: relative;
    z-index: 10;*/
    background: linear-gradient(#c1dce1, #c1dce1 1px, #e4f0f2 1px, #e4f0f2 100%);
}

/*.ui-state-active:after, .ui-widget-content .ui-state-active:after, .ui-widget-header .ui-state-active:after*/
.ui-autocomplete .ui-state-active:after {
    font-family: mb-icons;
    content: "\e900";
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 1.3em;
    color: #252525;
    line-height: 1;
}

.cat-search.ui-autocomplete .ui-state-active:after {
    top: calc(50% - 8px);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #195c6d;
    text-decoration: none
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    background: white;
    border: solid 1px #ddd;
    overflow: auto;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    width: 224px;
    overflow-x: hidden;
}

.ui-autocomplete-category {
    border-top: solid 6px #eff2f4;
}

    .ui-autocomplete-category:first-child {
        border-top: none;
    }


.ui-menu-item {
    padding: 2px 10px;
    font-size: .9em;
}




.nav {
    position: relative;
    z-index: 1;
}



/* nav tabs */

.nav-tabs, .nav-toggle {
    border-bottom: 1px solid #eff2f4;
}

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        border: none;
        background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #777 10px, #777 53%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 100% 2px;
        background-repeat: no-repeat;
        color: #6d6b6b;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #267c92;
        background-color: transparent;
        border: none;
        background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #24788d 10px, #24788d 53%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 100% 2px;
        background-repeat: no-repeat;
    }


    .nav-tabs .nav-link, .nav-toggle .nav-link {
        border: none;
        position: relative;
        display: inline-block;
        padding: 14px 12px;
        font-size: 13px;
        font-family: Oswald, sans-serif;
        color: #6d6b6b;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .03em;
        margin-bottom: -1px;
        cursor: progress;
        pointer-events: none;
    }
        .nav-toggle .nav-link{
            font-size:15px;
            cursor:unset;
            pointer-events:unset;
        }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus,
        .nav-toggle button:hover .nav-link, .nav-toggle button:focus .nav-link,
        .nav-toggle .nav-link:hover, .nav-toggle .nav-link:focus {
            border: none;
            background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #777 10px, #777 53%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: 100% 2px;
            background-repeat: no-repeat;
            color: #6d6b6b;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-toggle .nav-link.active, .nav-toggle button:focus .nav-link.active, .nav-toggle button:hover nav-link.active {
            color: #267c92;
            background-color: transparent;
            border: none;
            background-image: linear-gradient(to right, rgba(255,255,255,0) 10px, #24788d 10px, #24788d 53%, rgba(255,255,255,0) 0%);
            background-position: bottom;
            background-size: 100% 2px;
            background-repeat: no-repeat;
        }
        [role="tabpanel"].is-hidden {
            display: none;
        }

.nav-toggle .dropdown-menu {
    border-radius: 0;
    border-top: 2px solid #eff2f4;
    border: 1px solid rgba(0,0,0,.125);
    width: 100%;
    margin: 0;
    top: 100% !important;
    transform: none !important;
    max-height: 85vh;
}
    .nav-toggle .dropdown-menu li a {
        display: inline-block;
        font-size: 15px;
        font-family: Oswald, sans-serif;
        color: #6d6b6b;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .03em;
    }
        .nav-toggle .dropdown-menu li a span {
            display: inline-block;
            padding-left: 8px;
            border-left: 4px solid transparent;
        }

        .nav-toggle .dropdown-menu li a:focus {
            outline: 1px solid #6d6b6b;
        }

        .nav-toggle .dropdown-menu li a:hover span,
        .nav-toggle .dropdown-menu li a:focus span {
            border-color: #6d6b6b;
        }

        .nav-toggle .dropdown-menu li a.active span {
            border-color: #267c92;
        }

        .nav-toggle.show .nav-toggle-arrow:before {
            content: "\e965";
        }

        .nav-toggle .dropdown-toggle:hover {
            color: #252525;
        }

        .nav-toggle .dropdown-toggle {
            color: #6d6b6b;
            border-radius: 0;
        }

        .nav-toggle .dropdown-toggle:focus {
            color: #6d6b6b;
            outline: 1px solid #6d6b6b;
        }

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

.scroll-nav-tabs {
    width: 100%;
    overflow: hidden;
    background: #eff2f4;
    position: relative;
    z-index: 1;
    height: 44px;
}


    .scroll-nav-tabs .nav-tabs {
        white-space: nowrap;
        display: inline-block;
        transform: translateX(0);
        transition: transform .8s ease-in-out;
    }

        .scroll-nav-tabs .nav-tabs li {
            display: inline-block;
        }

    .scroll-nav-tabs .right-button, .scroll-nav-tabs .left-button {
        position: absolute;
        top: 0;
        height: 44px;
        width: 44px;
        background: rgba(0,0,0,.5);
        opacity: 0;
        pointer-events: none;
        z-index: 1;
        padding: 6px 16px;
        color: #fff;
        transition: opacity .6s ease-in-out;
        cursor: pointer;
    }

    .scroll-nav-tabs .left-button {
        transform: rotate(180deg);
        left: 0;
    }

    .scroll-nav-tabs .right-button {
        right: 0;
    }

        .scroll-nav-tabs .right-button.active:not(.dragging) {
            opacity: 1;
            pointer-events: auto;
        }

    .scroll-nav-tabs .left-button.active:not(.dragging) {
        opacity: 1;
        pointer-events: auto;
    }


.tab-content {
    border: none;
    margin-bottom: 12px;
    padding: 15px;
    box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
    background: #fff;
}

@media (max-width: 767.98px) {
    .tab-content {
        margin: 0 -15px 12px -15px;
    }

    .scroll-nav-tabs {
        margin: 0 -15px;
        width: auto;
    }
}


/* end nav tabs */

.mobile-header {
    display: none;
}

@media screen and (max-width: 1040px) {
    .mobile-header {
        display: block;
        margin: 0 0 11px 0;
    }
}


td, th {
    padding: 3px 2px;
}

.s-table, .article-page table {
    max-width: 100%;
    font-size: .9em;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.08);
    margin: 10px 0 30px;
}

    .s-table tbody tr, .article-page table tbody tr {
        margin-bottom: 9px;
        background: #fff;
        border-top: solid 6px #f1f1f1;
    }



    .s-table thead tr, .s-table tfoot tr, .article-page table thead tr, .article-page table tfoot tr {
        background-color: #e4e4e4;
        font-weight: bold;
    }

    .s-table td, .s-table th, .article-page table td, .article-page table th {
        padding: 5px 10px;
    }


.scroll-table-wrapper-wrapper {
    position: relative;
    box-shadow: 0 0.3rem 1rem rgba(0,0,0,.08);
    margin: 10px 0;
}

.scroll-table-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    position: static;
}


.scroll-table thead {
    z-index: 36;
    overflow-x: auto;
    overflow-y: hidden;
    will-change: scroll-position, top;
    width: 100%;
}

.tab-pane:not(.active) .scroll-table thead {
    z-index: -50;
    opacity: 0;
    pointer-events: none;
}

.scroll-table {
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0px 0rem 0.5rem 3px rgba(0,0,0,0.08);
    margin: 10px 0;
    width: 100%;
}



.scroll-table-wrapper > .scroll-table {
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.scroll-table tr {
    background: #fff;
}



.scroll-table th {
    color: #fff;
    background: rgba(25,92,109,1);
    background: -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,92,109,1)), color-stop(100%, rgba(38,125,147,1)));
    background: -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    border-bottom: solid 1px rgba(38,125,147,1);
    text-overflow: ellipsis;
    overflow: hidden;
}

.scroll-table.fixed-left-column td:nth-child(2), .scroll-table.fixed-left-column th:nth-child(2) {
    padding-left: 17px;
}


.scroll-table th, .scroll-table td {
    padding: 5px 10px;
}

.scroll-table td {
    min-width: 102px; /* keeps columns from getting too skinny for the corresponding th */
    border-top: solid 6px #f1f1f1;
}

.scroll-table.fixed-left-column td {
    min-width: 115px; /* if the table can scroll, there's no reason to let most cells get super skinny */
}

    .scroll-table.fixed-left-column td:first-child, .scroll-table.fixed-left-column th:first-child {
        left: 0;
        position: sticky;
        position: -webkit-sticky;
        background-color: #fff;
        box-shadow: 5px 3px 5px -3px rgba(0,0,0,.06);
        z-index: 35;
        max-width: 150px;
    }

    .scroll-table.fixed-left-column td:first-child {
        background-clip: padding-box;
        border-top: solid 6px #f1f1f1;
    }

.scroll-table-wrapper::-webkit-scrollbar, .scroll-table thead::-webkit-scrollbar, .nice-scroll::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.scroll-table-wrapper::-webkit-scrollbar-track, .scroll-table thead::-webkit-scrollbar-track, .nice-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 3px 3px 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 0;
    border-radius: 0;
}

.scroll-table thead::-webkit-scrollbar-track {
    background: #eee;
}

.scroll-table-wrapper::-webkit-scrollbar-thumb, .scroll-table thead::-webkit-scrollbar-thumb, .nice-scroll::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset -1px -1px 7px rgba(0,0,0,0.3);
    background: #eee;
    border-radius: 0;
}

.scroll-table-wrapper::-webkit-scrollbar-corner, .scroll-table thead::-webkit-scrollbar-corner, .nice-scroll::-webkit-scrollbar-corner {
    -webkit-box-shadow: inset 3px 3px 4px rgba(0,0,0,0.05);
}

.scroll-table thead.hide-scrollbar::-webkit-scrollbar {
    height: 0;
}


@media (max-width: 550px) {

    .mobile-wider {
        margin-left: -15px;
        margin-right: -15px;
    }

    .s-table {
        font-size: .8em;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }

    .tab-content .scroll-table-wrapper-wrapper, .tab-content .scroll-table {
        box-shadow: 0px 0rem 3px 1px rgba(0,0,0,.08);
        margin: 10px -15px;
        width: calc(100% + 30px);
    }

    .scroll-table.fixed-left-column td:first-child {
        min-width: 90px;
        max-width: 115px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .scroll-table {
        font-size: 0.9em;
    }
}

.scroll-table-wrapper > .scroll-table {
    box-shadow: none;
    margin: 0;
    width: 100%;
}

.fake-sticky {
    position: relative;
    transition: left 0.3s;
    max-width: 85vw;
}

/* watchlist scroll tables with bulk action checks */


.wl-check label {
    min-width: 1.5em;
    min-height: 1em;
}

.wl-check label::after {
    top: -2px;
    left: -1px;
}

.wl-check {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    padding: 7px;
    margin-left: -6px;
    height: 100%;
    pointer-events: none;
}

.wl-with-check {
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    text-align: center;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .wl-with-check img {
        max-height: 25px;
        max-width: 37px;
        width: auto;
        height: auto;
    }

.wl-check label {
    width: 1em;
    height: 1em;
    padding: 0;
    pointer-events: auto;
}

.scroll-table tfoot td, .scroll-table.fixed-left-column tfoot td:first-child {
    background: #e4e4e4;
    font-weight: bold;
}

/* end scroll-tables */

/* sort-table */
th[data-sort] {
    cursor: pointer;
}

/* end sort-table */

.hidden-cell {
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: none !important;
}



@media (max-width: 767.98px) {
    .title-area span, .title-area br {
        display: none;
    }

    .title-area {
        width: 100%;
    }

    .featured-article-back {
        padding-top: 0;
        height: 190px;
    }



    .featured-article img {
        display: block;
        height: auto;
        width: auto;
        margin: -100px auto 10px;
    }

    .featured-article-back {
        padding-top: 0;
        height: 120px;
    }
}



.company-thumbnail, .small-company-thumbnail {
    background: #fff;
    width: 28px;
    text-align: center;
    margin: 0 8px 5px 0px;
    vertical-align: middle;
    display: inline-block;
}

    .company-thumbnail img, .small-company-thumbnail img {
        max-height: 100%;
    }

.ticker-area {
    width: calc(100% - 65px);
    display: inline-block;
    vertical-align: middle;
}

.title-area {
    color: #555;
    font-weight: normal;
}


.search-company-thumbnail {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    padding-right: 15px;
}

.search-company-name {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 41px)
}

    .search-company-name .ticker-area {
        width: 100%;
    }

    .search-company-name .sparkline {
        margin-left: 5px;
        width: 53px;
    }


/* Dividend Screener Filter */

.screener-label a {
    font-weight: normal;
    color: #444;
}
/* elements */

.ui-icon.ui-icon-circle-triangle-e, .ui-icon.ui-icon-circle-triangle-w {
    font-size: 0;
    background-image: none;
    width: 0;
    text-indent: 0;
    overflow: visible;
}

    .ui-icon.ui-icon-circle-triangle-e:before {
        font-family: mb-icons;
        content: "\e900";
        position: absolute;
        right: -14px;
        top: -3px;
        font-size: 1.1rem;
        color: #257c91;
        text-indent: 0;
    }

    .ui-icon.ui-icon-circle-triangle-w:before {
        font-family: mb-icons;
        content: "\e900";
        position: absolute;
        transform: rotate(180deg);
        left: 0px;
        top: -2px;
        font-size: 1.1rem;
        color: #257c91;
        text-indent: 0;
    }


.ui-datepicker {
    width: 17em;
    font-size: .8em;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker td {
        border: solid 1px #e4f0f2;
        padding: 1px
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover,
    .ui-datepicker-rtl .ui-datepicker-prev:focus{
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:focus,
    .ui-datepicker-rtl .ui-datepicker-next:hover{
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }



.ui-datepicker .ui-datepicker-header {
    margin: -.3em -.25em;
    border-radius: 0;
}

.ui-datepicker-trigger {
    width: 23px;
    padding: 0 3px 3px 0;
}

.ui-datepicker .ui-datepicker-prev {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 1px;
}

.ui-corner-all {
    border-radius: 0px;
}



/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}


.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em;
    margin: 0 !important;
    vertical-align: middle;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-spinner.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #fff;
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.png);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.png);
}


.ui-icon-triangle-1-n {
    background-position: 0 -16px;
    opacity: .7;
}


.ui-icon-triangle-1-s {
    background-position: -65px -16px;
    opacity: .7;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}


.bigsearch {
    width: 500px;
}

/* tables and buttons on small screens */
.labelinput {
    display: inline-block;
    margin-right: 15px;
    font-size: .9em;
}

    .labelinput label {
        vertical-align: middle;
        margin-bottom: 0;
    }

.tblAdd {
    background: rgba(25,92,109,1);
    background: -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(25,92,109,1)), color-stop(100%, rgba(38,125,147,1)));
    background: -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background: -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    padding: 9px 12px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 0;
}

    .tblAdd .buttons, .tblAdd .buttons2 {
        display: inline-block;
        float: right;
        padding-top: 1px;
    }

.blackbutton {
    background-color: #222 !important;
    border-bottom: solid 3px #000 !important;
}

    .blackbutton:hover, .blackbutton:focus {
        background-color: #131313 !important;
    }

.spreadbutton, .spreadbutton2 {
    vertical-align: middle !important;
}

@media (max-width: 767px) {
    .spreadbutton {
        width: calc(50% - 6px);
        margin: 0px 1px 8px 1px;
    }

    .tblAdd .buttons {
        width: 100%;
        float: none;
    }
}

@media (max-width: 677px) {
    .tblAdd .buttons {
        float: left;
    }

    .wrappingtable3 td {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .tblAdd .buttons2 {
        float: left;
        width: 100%;
    }

    .spreadbutton2 {
        width: 100%;
        margin: 5px 0 9px;
    }
}

@media (max-width: 550px) {
    .bigsearch {
        width: 240px;
    }

    .wrappingtable2 td {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .wrappingtable2 {
        border-spacing: 0 1em;
    }

    .see-also {
        width: 100%;
    }
}

@media (max-width: 400px) {
    .smallfix {
        table-layout: fixed;
    }

        .smallfix thead {
            font-size: 10px;
        }

        .smallfix th:first-child {
            width: 100px;
        }

    .wrappingtable td {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

    .wrappingtable {
        border-spacing: 0 1em;
    }
}

@media (max-width: 525px) {
    .wrappingtable input[type=text], .wrappingtable2 input[type=text] {
        max-width: 229px;
    }

    .spreadbutton {
        width: 100%;
        margin: 5px 0 9px;
    }
}


.accordion .card-header {
    border-radius: 0;
    padding: 0;
}

    .accordion .card-header a {
        display: inline-block;
        width: 100%;
        padding: .7em;
    }

        .accordion .card-header a:hover, .accordion .card-header a:active {
            text-decoration: none;
        }

.accordion .card {
    border-radius: 0;
    margin-bottom: .5rem;
    border-bottom: solid 1px #ddd !important;
}

.accordion .card-body {
    line-height: 1.5;
}

    .accordion .card-body a {
        text-decoration: underline;
    }

.accordion h4,
.accordion .h4,
.accordion h3,
.accordion .h3{
    margin: 0;
    width: calc(100% - 20px);
    opacity: 1;
}

.accordion .icon-arrow {
    position: absolute;
    transform: rotate(90deg);
    top: 11px;
    right: 12px;
}



.agreement-check {
    background: #efefef;
    padding: 20px;
}

    .agreement-check > input {
        display: inline-block;
        vertical-align: top;
    }

    .agreement-check > label {
        display: inline-block;
        font-weight: 800;
        width: calc(100% - 18px);
        padding-left: 5px;
        margin-bottom: 0;
    }

#cphPrimaryContent_ddlInquiryType label, .livefeedfilter label {
    max-width: 90%;
    vertical-align: top;
}



@media print {
    a[href]:after {
        content: none !important;
    }

    .header-banner, .oas-ads, .square-ad, #mb-header, .ad13, #sticky-bar, .tblAdd, #oasAds, .see-also, ._dianomi_wrapper, .col-lg-12.col-sm-6 iframe, #tv-miniwidget-ffa49, ins#google_pedestal_container, #HelpersArea {
        display: none;
    }

    ins.adsbygoogle {
        display: none !important;
    }

    body {
        color: #000;
        background: #fff;
    }

    main:before {
        content: "Printed from MarketBeat.com" !important;
        margin-left: 15px;
    }


    table.breakheadlines tr td:last-child {
        border-right: none;
        word-break: break-word;
    }

    #canvaspp {
        max-width: 100% !important;
    }
}
/* index data in header */


.header-index {
    font-size: 12px;
    padding: 3px 10px 4px 12px;
    display: inline-block;
    margin-right: -5px;
    border: solid 2px rgba(14,53,62,1);
    border-width: 4px 2px;
}

    .header-index a {
        font-weight: bold;
        text-decoration: none;
    }

.header-follow > span {
    float: right;
    padding: 3px 0;
}

.header-follow img {
    margin-left: 8px;
    height: 20px;
}

.header-index a, .header-index span {
    display: inline-block;
}

.index-mover {
    cursor: e-resize;
}

.header-index .icon-arrow {
    font-size: 1.4em;
    margin-left: 8px;
}

.icon-arrow.point-up {
    transform: rotate(-90deg);
}

.icon-arrow.point-down {
    transform: rotate(90deg);
}



@media (min-width: 767.1px) {
    .menu-bar:first-child {
        min-height: 30px;
        padding: 2px 0;
    }
}


/* company details page */

.ai-pros h3 {
    color: var(--dark-green);
}

.ai-cons h3 {
    color: var(--dark-red);
}

.ai-cons h3, .ai-pros h3 {
    padding: 0 0.1em;
    margin-top: .7em;
}

.ai-pros-cons-row p {
    padding: 0 0.1em;
    font-weight: 700;
}

.ai-pros ul, .ai-cons ul {
    padding: 0 0.5em 0 2.1em;
    margin-bottom: 0;
}

    .ai-pros ul li, .ai-cons ul li {
        margin-bottom: .7em;
    }

        .ai-pros ul li::marker {
            content: "\e990\00a0\00a0";
            font-family: 'mb-icons';
            color: var(--green);
        }

.ai-cons ul {
    list-style: none;
}

    .ai-cons ul li {
        position: relative;
    }

.ai-cons li:before {
    content: url(/images/con-x.svg?v=1);
    width: 20px;
    position: absolute;
    left: -33px;
    top: -2px;
}

    .stat-summary-wrapper {
        min-height: 6.5em;
        padding: 0;
        margin: 0 15px;
        font-family: Yantramanav,Helvetica,sans-serif;
        font-weight: 900;
        font-size: 1.125rem;
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: .05rem;
        opacity: 1;
        flex-flow: row wrap;
        -ms-flex: 0 0 calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .stat-summary-title {
        font-size: 0.65em;
        font-weight: 400;
        line-height: 1em;
        width: 95%;
        padding: 0 2.5%;
    }

    .stat-summary-heading {
        font-size: 210%;
        line-height: 1em;
        display: block;
        width: 95%;
        padding: 0 2.5%;
    }

    .stat-summary-subheading {
        min-height: 1em;
        font-size: 0.4em;
        line-height: 1em;
        display: block;
        width: 95%;
        padding: 0 2.5%;
    }

    @media (min-width: 576px) {
        .stat-summary-wrapper {
            -ms-flex: 0 0 calc(50% - 30px);
            flex: 0 0 calc(50% - 30px);
            max-width: calc(50% - 30px);
        }
    }

    @media (min-width: 768px) {
        .stat-summary-wrapper {
            -ms-flex: 0 0 calc(33.333333% - 30px);
            flex: 0 0 calc(33.333333% - 30px);
            max-width: calc(33.333333% - 30px);
        }

    }

    @media (min-width: 1200px) {
        .stat-summary-wrapper {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%;
        }
    }

    .text-lower {
        text-transform: capitalize;
    }

.sticky-tabs.sticking {
    position: sticky; /* using sticky instead of fixed so that the width stays right */
    position: -webkit-sticky;
    top: 48px;
    z-index: 900;
    transition: opacity .4s;
    border-bottom: solid 1px rgb(128 128 128 / 9%);
}

.left-showing .sticky-tabs.sticking, .right-showing .sticky-tabs.sticking {
    opacity: 0;
}

/* new 2020 */

.read-more-button {
    margin: initial;
    display: block;
    width: 111px;
    top: -5px;
    position: relative;
    z-index: 100;
    font-size: .9rem;
    background-clip: padding-box;
    font-weight: 700;
    cursor: pointer;
}

.read-more-section {
    margin: 0;
    transition: max-height .2s;
    line-height: 1.3em;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    max-height: 11.7em;
}

    .read-more-section.clickable {
        cursor: pointer;
    }

    .read-more-section.expanded {
        max-height: initial;
        -webkit-line-clamp: 2000;
        width: 99.9% /* causes repaint, which is necessary to make wide letters at the ellipses point show up */
    }


.flex-social {
    display: flex;
    justify-content: left;
}

    .flex-social a {
        flex: 0 1 55px;
    }

.byline-row .share-button-wrapper{
    padding: 8px 10px;
}
.share-button {
    min-width: 200.4px;
}

.share-options, .share-title, .share-options > a {
    transition: opacity .2s;
}

.share-options {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
}

    .share-options > a {
        opacity: .8;
    }

.share-button.open .share-options {
    opacity: 1;
}

.share-button.open .share-title, .share-button:focus-within .share-title{
    opacity: 0;
}

.share-button.open .share-options, .share-button:focus-within .share-options {
    opacity: 1;
}

.share-options > a:hover, .share-options > a:focus {
    opacity: 1;
}
  @media (max-width: 230px) {
        .share-button {
            min-width: 100%;
            width: 100%;
        }

        #shareButton .share-title {
            display: none;
        }

        .share-options {
            opacity: 1;
            position: relative;
            left: auto;
            top: auto;
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-start !important;
            align-content: center;
            align-items: center;
        }

        .share-options > a {
            margin: 4px 8px;
        }
    }

@media screen and (max-width: 575.9px) {
    .company-action-btn {
        font-size: 0.9em;
    }

        .company-action-btn a, .company-action-btn button,
        .company-action-btn .share-button-wrapper {
            width: 100%;
        }

        .company-action-btn a, 
        .company-action-btn button, 
        .company-action-btn #shareButton .share-title{
            font-size: 0.75em;
            padding: 10px 10px;
        }
        .company-action-btn #shareButtonWrapper, .company-action-btn #shareButton .share-options {
            min-width: 100%;
        }
        .company-action-btn #shareButton{
            padding:10.5px 10px;
        }
        .company-action-btn #shareButton .share-options > a {
            padding: 10px 2px;
            width:auto;
        }
}

@media screen and (max-width: 340px) {
    .company-action-btn.col-4 {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .company-action-btn-title, .company-action-btn .share-inner-title {
        display: none;
    }

    .company-action-btn a, .company-action-btn button {
        font-size: 0.85rem;
        padding: 8px 10px;
    }
    .company-action-btn #shareButtonWrapper, .company-action-btn #shareButton .share-options {
        min-width: 180px;
    }
}

.byline-row{
    border-top: 3px solid var(--light-gray);
    border-bottom: 3px solid var(--light-gray);

}

.byline-text {
    position: relative;
    color: #656565;
    padding: 8px 10px;
    line-height:1.4em;
}
@media (max-width: 576px) {
    .byline-row{
        font-size:90%;
    }        
    .byline-row .web-share-button .mb-icon{
        font-size:1.2em;
    }
    .byline-sep{
        height:0;
        overflow:hidden;
    }
    .byline-text.w-share{
        padding-bottom:3px;
    }
    #shareButtonWrapper {
        width: auto;
        min-width: 180px;
        max-width: 100%;
    }
    #shareButton{
        width:100%;
        min-width:100%;
    }

}

@media (min-width: 576px) {
    .byline-row .web-share-button {
        min-width: 120px;
    }
}

    .vote-span {
        cursor: pointer;
    }


    .first-half-icon, .second-half-icon {
        position: absolute;
        top: 0;
        left: 0;
    }

    .first-half-icon {
        width: .5em;
        overflow: hidden;
        background: #fff;
        z-index: 1;
    }

    #shareButton a.opening {
        pointer-events: none;
    }

    .vote-number-1, .vote-number-0 {
        transition: transform 200ms ease-in-out;
        display: inline-block;
    }

    .scale13 {
        transform: scale(1.3);
    }

    .stock-badges a:hover, .stock-badges a:focus {
        background: #ededed;
    }

    /* end new 2020 */

    .tradingview23, .ad13 {
        width: 100%;
        vertical-align: middle;
    }

    .ad13 {
        max-width: 782px;
        margin: 0 auto 10px;
    }

    .actions {
        padding-top: 10px;
        text-align: center;
    }


    #cphPrimaryContent_tabCompanyProfile section, #CompanyProfile section {
        padding: 22px 10px 6px 0;
    }

    .question:before {
        content: "Q";
        display: inline-block;
        position: absolute;
        left: 36px;
    }

    .answer:before {
        content: "A";
        display: inline-block;
        position: absolute;
        left: 36px;
        font-weight: bold;
    }

    .answer ol, .answer ul {
        padding-left: .9em;
    }

    .icon-line-element-repeating {
        font-size: 40vw;
    }

    @media (min-width:1100px) {
        .icon-line-element-repeating {
            font-size: 600px;
        }
    }

    td.center {
        text-align: center;
    }

    @media (min-width: 1200px) {
        .tradingview23 {
            width: calc(100% - 308px);
            padding: 0 8px 0 0;
            display: inline-block;
        }

        .ad13 {
            width: 301px;
            max-height: 260px;
            display: inline-block;
        }
    }

    /* headlines page sidebar */

    .mini-calendar {
        font-size: 14px;
        margin: 0 0 15px 0;
        width: 100% !important;
        table-layout: fixed;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10),0 2px 4px 0 rgba(0,0,0,.10);
        border: none;
    }

        .mini-calendar thead {
            color: white;
            font-weight: bold;
            font-size: 13px;
            padding: 2px 6px;
        }

            .mini-calendar thead tr:nth-child(1) {
                font-family: Prata, Georgia, 'Times New Roman', Times, serif;
                text-align: center;
                font-size: 1.3em;
                height: 45px;
                font-weight: 400;
            }

            .mini-calendar thead tr:nth-child(2) {
                background: #eff2f4;
                color: #252525;
                height: 30px;
                vertical-align: bottom;
            }

                .mini-calendar thead tr:nth-child(2) td {
                    padding: 3px 6px;
                }

            .mini-calendar thead td, .mini-calendar tfoot td {
                padding: 6px;
            }

        .mini-calendar tbody tr:nth-child(even) {
            background: #eff2f4;
        }

        .mini-calendar.insider tbody tr:nth-child(4n-1), .mini-calendar.insider tbody tr:nth-child(4n) {
            background: #eff2f4;
        }

        .mini-calendar.insider tbody tr:nth-child(4n-3), .mini-calendar.insider tbody tr:nth-child(4n-2) {
            background: none;
        }

            .mini-calendar.insider tbody tr:nth-child(4n-3) td, .mini-calendar.insider tbody tr:nth-child(4n-1) td {
                padding-bottom: 0;
            }

        .mini-calendar tbody td {
            padding: 3px 6px;
            white-space: pre;
            text-overflow: ellipsis;
            overflow: hidden;
        }


    #tv-miniwidget-ffa49 {
        margin: 0 0 15px -10px;
    }

    .col-all-but-336, .col-all-but-336-sm, .col-336-sm {
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-336 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 100%;
    }

    @media (min-width: 992px) {
        .col-336 {
            float: left;
            width: 346px;
        }

        .col-all-but-336 {
            float: left;
            width: calc(100% - 346px);
            padding-right: 15px !important;
        }
    }

    @media (max-width: 991.98px) and (min-width: 768px) {
        .col-336-sm {
            float: none;
            width: 346px;
            padding-right: 15px;
        }

        .col-all-but-336-sm {
            float: right;
            width: calc(100% - 346px);
        }
    }

    .col-336 ul {
        list-style: none;
        padding: 0;
        font-size: .9rem;
        margin-bottom: 15px;
    }

        .col-336 ul a {
            text-decoration: none;
        }
		 .col-336 .see-also ul a:hover,.col-336 .see-also ul a:focus{
            text-decoration:underline;
        }															

    #shareWidget {
        display: none;
        line-height: 1;
        color: #fff;
    }

        #shareWidget a {
            color: #fff;
        }

        #shareWidget.side {
            top: 0;
            left: -60px;
            position: absolute;
            transition: top .2s;
            z-index: 20;
            display: block;
            padding-top: 50px;
        }

            #shareWidget.side.rolling {
                top: 70px;
                position: fixed;
            }

        #shareWidget .mb-icon {
            font-size: 1.3em;
            vertical-align: middle;
        }

    div#shareWidget.side > a {
        display: inline-block;
        max-width: 50px;
        height: 45px;
        overflow: hidden;
        transition: max-width .4s;
    }

        div#shareWidget.side > a:hover,
        div#shareWidget.side > a:focus {
            max-width: 250px;
        }

        div#shareWidget.side > a > .left-icon {
            display: inline-block;
            vertical-align: top;
            width: 50px;
            height: 45px;
            padding: 11px;
            border: 0;
            text-align: center;
        }

    .share-via {
        font-size: 11px;
        display: block;
    }

    .podcast-sources {
        list-style: none;
    }

        .podcast-sources li {
            display: inline-block;
        }

    .right-tag {
        height: 30px;
        transition: max-width .20s;
        display: inline-block;
        vertical-align: top;
        line-height: 1.1;
        background: rgba(204, 204, 204, 0.5);
        color: #fff;
        font-size: 14px;
        padding: 10px;
        height: 45px;
        font-weight: bold;
        max-width: 200px;
    }

    #shareWidget.top {
        display: block;
        margin-right: -15px;
        margin-left: -6px;
    }

        #shareWidget.top > a {
            display: inline-block;
            vertical-align: top;
            margin: 0 6px 10px 0;
            width: calc(14.25% - 6px);
            text-align: center;
            height: 37px;
            padding: 7px;
        }

        #shareWidget.top br {
            display: none;
        }

        #shareWidget.top .left-icon {
            display: block;
            width: 100%;
        }

        #shareWidget.top .right-tag {
            display: none;
        }

    #shareableArticle {
        position: relative;
    }
    

    .article-page li {
        margin-bottom: 0.6em;
    }

.anchor-link-target, .anchor-link-target-with-ad {
    scroll-margin-top: 70px;
}


    .author-bio h3,.author-bio h4, .author-bio h5{
        margin: 0 0 4px;
        font-size: 1em;
    }
        .placed-article .author-bio .author-title {
            font-size: 1.65rem;
            font-family: "Prata", Georgia, 'Times New Roman', Times, serif;
            font-weight: 400;
        }
    /* end headlines page sidebar styles */


    /* price data styles for company profiles */
    .price {
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
    }

    .price-updated {
        margin-left: 4px;
        font-size: 12px;
        color: #6f6f6f;
        font-weight: normal;
        margin-top: 5px;
    }

    .price strong {
        font-size: 44px;
    }

    .price span {
        font-size: 17px;
        display: inline-block;
        margin-left: 4px;
    }

    .price-data-section {
        margin-bottom: 10px;
    }

    .price-data-col {
        width: 33%;
        padding: 0 0 0 12px;
        display: inline-block;
        vertical-align: top;
    }

    .four-data-col {
        width: 24.5%;
    }

    .crypto-data-col {
        width: 32.5%;
    }




    #cphPrimaryContent_tabCompanyProfile .price-data-col, #CompanyProfile .price-data-col, .crypto-data-section .price-data-col {
        width: calc(33% - 2px);
    }

    .price-data-col.col-37 {
        width: 37%;
    }

    .price-data-col.col-31 {
        width: 31%;
    }

    .price-data-col:first-child {
        padding: 0;
    }


    @media (max-width: 650px) {
        #cphPrimaryContent_tabCompanyProfile .price-data-col, #CompanyProfile .price-data-col, .price-data-col, .crypto-data-section .price-data-col, .price-data-col.col-37, .price-data-col.col-31 {
            width: 100%;
            padding: 0;
        }
    }

    @media (max-width:750px) and (min-width:401px) {
        .four-data-col {
            width: 49%;
            padding: 0;
            padding-right: 10px !important;
        }
    }

    @media (max-width: 400px) {
        .four-data-col {
            width: 100%;
            padding: 0;
        }
    }

    .price-data {
        border-bottom: solid 1px #ddd;
        font-size: 14px;
        margin: 0 0 2px 0px;
        padding: 3px;
    }

    .price-info .price-data {
        padding: 12px 2px 3px;
        min-height: 42px;
    }

    .price-data:after {
        content: " ";
        clear: both;
        display: table;
    }

    .price-data strong {
        float: right;
    }

    .price-data a {
        color: #444;
        font-weight: normal;
    }

    .price-data strong a {
        font-weight: bold;
    }

    .price-data-section h3 {
        margin-top: 1.2rem;
        margin-bottom: .1rem;
    }

    .price-data-table {
        width: 100%;
        max-width: 335px;
        font-size: 13px;
        line-height: 1.7;
    }

        .price-data-table tr {
            border-bottom: solid 1px #ddd;
        }

        .price-data-table td {
            padding: 3px;
            vertical-align: bottom;
        }

            .price-data-table td:nth-child(2) {
                text-align: right;
                font-weight: bold;
            }

        .price-data-table strong {
            font-weight: normal;
        }


    .price-data dt {
        display: inline-block;
        font-weight: 400;
    }

    .price-data dd {
        margin: 0;
        float: right;
    }

    .price-data.w-range dd {
        margin-top: -8px;
    }

    dl.price-data-col {
        margin-bottom: 0;
    }

    /* end price data styles */

    /* radio tabs for login page */

    .div-radio-tabs {
        background-color: #f5f5f5;
        max-width: 520px;
        border: 1px solid #929292;
        border-radius: 3px;
        overflow: hidden;
        margin: 30px auto;
    }

    .radio-tabs {
        width: 100%;
    }

        .radio-tabs input[type=radio] {
            display: none;
        }

        .radio-tabs td {
            padding: 0;
            width: 50%;
        }

        .radio-tabs label {
            margin: 0;
            background-color: #ccc;
            color: #616161;
            padding: 10px;
            display: block;
            border-bottom: solid 1px #929292;
        }

            .radio-tabs label:before {
                background: #267e93;
                display: inline-block;
                height: 19px;
                width: 19px;
                border-radius: 50%;
                color: #f5f5f5;
                padding: 2.5px 0 0 1px;
                margin-right: 6px;
                text-align: center;
                font-size: 13px;
            }

        .radio-tabs td:nth-of-type(1) label {
            box-shadow: inset -2px -1px 3px rgba(0, 0, 0, 0.2);
            border-right: solid 1px #929292;
        }

        .radio-tabs td:nth-of-type(2) label {
            box-shadow: inset 2px -1px 3px rgba(0, 0, 0, 0.2);
            border-left: solid 1px #929292;
        }

        .radio-tabs .mb-icon {
            background: #1a5e6f;
            border-radius: 50%;
            padding: 4px;
            margin-top: 5px;
            margin-right: 7px;
            font-size: .6em;
            position: relative;
            top: -6px;
        }


        .radio-tabs input[type="radio"]:checked + label {
            background-color: #f5f5f5;
            box-shadow: none;
            color: #555;
            border: none;
        }

    label {
        vertical-align: top;
    }

    .radio-tabs-panel {
        background-color: #f5f5f5;
        padding: 17px 10px 10px 10px;
    }

    @media (max-width: 450px) {
        .radio-tabs label {
            font-size: 13px;
        }
    }

    /* end radio tabs for login page */

    /* start tags styles */


    .tags {
        margin: 20px 0;
        font-weight: 800;
        font-size: 18px;
        text-align: left;
        line-height: 1.75;
        padding: 5px 5px 0 0;
        position: relative;
    }

        .tags a {
            color: #267e93;
            background: #ddd;
            border-radius: 3px 0 0 3.2px;
            display: inline-block;
            height: 25px;
            line-height: 26px;
            padding: 0 9px;
            position: relative;
            margin: 0 10px 10px 7px;
            text-decoration: none;
            -webkit-transition: color 0.2s;
            box-shadow: 1px 1px 0 0 rgba(0,0,0,0.3);
        }

            .tags a::before {
                background: #fff;
                border-radius: 10px;
                box-shadow: inset 1px 1px 0 0 rgba(0,0,0,0.3);
                content: '';
                height: 6px;
                left: -3px;
                position: absolute;
                width: 6px;
                top: 9px;
                z-index: 2;
            }

            .tags a::after {
                background: #fff;
                border-bottom: 13px solid transparent;
                border-right: 13px solid #ddd;
                border-top: 13px solid transparent;
                content: '';
                position: absolute;
                left: -11px;
                top: 0;
                z-index: 1;
            }

            .tags a:hover,
            .tags a:focus {
                background-color: #e1e1e1;
                color: #00699c;
            }

                .tags a:hover::after,
                .tags a:focus::after {
                    border-right-color: #e1e1e1;
                }

    .footer-stocks {
        background: #fff;
        color: #267e93;
        text-align: center;
        font-size: 1.5em;
        font-weight: bold;
        margin: 0;
        padding: 34px 25px 5px 25px;
    }

        .footer-stocks .tags {
            max-width: 1100px;
            margin: 0 auto 27px;
        }



    /* new fall 2019 home page styles */

    .expandable {
        margin: 0;
        transition: max-height .2s;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        line-height: 1.3em;
        max-height: 3.9em;
        padding: 0;
    }

        .expandable.expanded {
            max-height: initial;
            -webkit-line-clamp: unset;
            width: 99.5% /* causes repaint, which is necessary to make wide letters at the ellipses point show up */
        }

   

    .featured-article img {
        margin: calc(-50% + 20px) auto 20px;
        max-width: calc(100% - 40px);
        z-index: 1;
        position: relative;
        background: #fff;
        border: solid 3px #fff;
        max-height: 205px;
        display: block;
    }


    .featured-article .title {
        font-family: "Prata", Georgia, 'Times New Roman', Times, serif;
        text-decoration: none;
        color: #252525;
        font-weight: 400;
        font-size: 1.1em;
        margin: .2em 0 .5em;
    }

    .featured-article a:hover, .featured-article a:focus {
        text-decoration: none;
    }

    .featured-article .description {
        font-weight: 400;
        color: #252525;
        font-size: .9em;
    }

    .featured-article .post-time, .featured-article .long-post-time {
        color: #992120;
        font-size: 0.9em;
    }

    .article-list {
        list-style: none;
    }

    .article-image-background {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .line-before:before {
        font-family: 'mb-icons' !important;
        content: "\e987";
        position: absolute;
        top: -11px;
        left: 25px;
        font-size: 2.4em;
        color: #267e93;
        font-weight: normal;
    }

    .gradient-gold.line-before:before {
        color: #a86527;
    }

    .gradient-green.line-before:before {
        color: #429056;
    }

    .gradient-purple.line-before:before {
        color: #743d85;
    }

    .gradient-red.line-before:before {
        color: #992120;
    }
    

    .featured-article-back {
        filter: grayscale(1) brightness(2);
        opacity: .2;
        mix-blend-mode: multiply;
        height: 0;
        padding-top: 50%;
        background-size: cover;
        background-position: center;
    }



    .featured-article .entry-text {
        max-height: 370px;
        overflow: hidden;
        position: relative;
        padding-bottom: 17px;
        margin-bottom: 5px;
    }

    .fade-bottom {
        position: relative;
        overflow: hidden;
    }

        .featured-article .entry-text:after, .fade-bottom:after {
            content: '';
            height: 30px;
            display: block;
            z-index: 47;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
            pointer-events: none;
        }

    .fade-bottom-gray:after {
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgb(239 242 244) 100%);
    }





    .gold-bullet-list li, .b-list li {
        list-style: none;
        position: relative;
    }

        .gold-bullet-list li:before, .b-list li:before {
            content: "";
            display: block;
            background: #fff;
            width: .7em;
            height: .7em;
            border-radius: 50%;
            border: solid .2em #a86527;
            position: absolute;
            left: -1.3em;
            top: .2em;
        }

    .blue-bullet-list li:before {
        border: solid .2em #267e93;
    }

    .green-bullet-list li:before {
        border: solid .2em #429056;
    }

    .purple-bullet-list li:before {
        border: solid .2em #743d85;
    }

    .red-bullet-list li:before {
        border: solid .2em #992120;
    }

    .black-bullet-list li:before {
        border: solid .2em #252525;
    }


    .dl-bullet {
        display: inline-block;
        width: 100%;
        position: relative;
        left: 0;
        font-size: 90%;
    }

        .dl-bullet div {
            position: relative;
            left: 0;
            width: 100%;
            padding-left: 2em;
        }

            .dl-bullet div:before {
                font-weight: normal;
                content: "\e900";
                font-family: 'mb-icons';
                color: #195c6d;
                position: absolute;
                left: 0;
                top: 1px;
                font-size: 1.25em;
            }

        .dl-bullet dt {
            display: block;
            font-size: 1.1em;
            padding: 0.15em 0;
        }

        .dl-bullet dd {
            display: block;
            margin-bottom: 1em;
        }


    .max-770 {
        max-height: 770px;
    }


    /* homepage 2021 */
    .news-column-first-article-image {
        max-width: 80%;
        max-height: 235px;
        width: auto;
        z-index: 1;
        background: #fff;
        border: solid 3px #fff;
        display: block;
        margin: 1em auto -10%;
        position: relative;
    }


    .news-column-first-article-background-image {
        filter: grayscale(1) brightness(2);
        opacity: .2;
        mix-blend-mode: multiply;
        padding-top: 0;
        background-size: cover;
        background-position: center;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .news-column-first-article-background-color {
        padding: 1px;
        margin-bottom: 13%;
        position: relative;
        z-index: 0;
    }

        .news-column-first-article-background-color .news-column-heading {
            position: relative;
            z-index: 1;
        }

    .news-column-first-article-title {
        font-family: prata,Georgia,times new roman,Times,serif;
        text-decoration: none;
        color: #252525;
        font-weight: 400;
        font-size: 1.1em;
        margin: .2em 0 1em;
    }

    .news-column-first-article .post-time, .news-column-first-article .long-post-time {
        font-size: .9em;
        font-weight: 700;
    }

    .news-column-logo-cell {
        border-right: solid 1px #eee;
        border-top: solid 1px #eee;
        padding: 10px;
    }

    #carouselHomepageControls .carousel-control-next, #carouselHomepageControls .carousel-control-prev {
        width: 1.5em;
        opacity: .3;
    }

    #carouselHomepage .image-link {
        min-height: 200px;
    }

    @media (max-width: 767.9px) {
        #carouselHomepage .description {
            min-height: 388px;
        }
    }

    @media (min-width: 768px) {
        #carouselHomepage .image-link {
            min-height: 388px;
        }
    }

    @media (min-width: 992px) {
        #carouselHomepage .image-link {
            min-height: 415px;
        }
    }

    @media (min-width: 1200px) {
        #carouselHomepage .image-link {
            min-height: 388px;
        }
    }

    /* end home page styles */

    /* icons for header and footer */

    #footer-logo {
        max-width: 95%;
    }

    @media (min-width:992px) {
        #footer-logo {
            max-width: 80%;
        }
    }

    .footer-follow .mb-icon {
        margin-right: .5em;
    }

    .featured-in .mb-icon {
        font-size: 3.5em;
        margin: 12px;
    }

    @media screen and (max-width: 991.9px) {
        .featured-in .mb-icon {
            font-size: 2.8em;
        }
    }

    /* end icons for header and footer */

    /* start modernpopup css */

    #optinform-container, #optinform-container *, #optinform-container *:before, #optinform-container *:after {
        box-sizing: border-box;
    }

    #optinform-container {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        background-color: rgba(0,0,0,0.85);
        z-index: 1500;
    }

        #optinform-container:target, #optinform-container-ext:target {
            visibility: visible;
            display: block;
        }

    .optinform {
        position: absolute;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: calc(100% - 2em);
        max-width: 550px;
        background-color: #fff;
        border: solid 6px;
        z-index: 75;
        border-radius: 0;
    }

    #optinform-content {
        font-family: Yantramanav;
        margin: 0;
    }

    .optinform .close {
        height: 23px;
        width: 23px;
        position: absolute;
        right: 0;
        top: 0;
        color: #fff;
        font-size: 2em;
        text-align: center;
        background-color: #000;
    }

        .optinform .close a:hover, .optinform .close a:visited, .optinform .close a:link, .optinform .close a:active, .optinform .close a:focus {
            text-decoration: none;
            color: #ccc;
        }

    .optinform h1, .optinform .optin-heading {
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        margin: .67em 0;
        font-family: Yantramanav, sans-serif;
        font-weight: bold;
        line-height: 1.2em;
    }

    .optinform .optinform-text-container img {
        max-width: 175px;
        position: relative;
        padding: 0 10px;
        max-height: 50px;
        width: auto;
        height: auto;
    }

    .optinform p {
        width: calc(100% - 205px);
        margin-top: 0;
        padding-left: 10px;
    }

    .optinform-text-container {
        display: block;
        width: 100%;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    #optinform-footer {
        background-color: #e9e9e9;
        width: 100%;
        padding: 15px 15px 5px;
        box-sizing: border-box;
        border-radius: 0;
    }

    .optinform #txtEmailInput {
        width: calc(100% - 245px);
        height: 40px;
        font-size: 14pt;
        box-shadow: inset 0 0 4px #888;
        border: none;
        padding-left: 10px;
        border-radius: 0;
    }

    #optinformsubmit {
        background-color: #3BB34F;
        color: #fff;
        font-family: Yantramanav, sans-serif;
        margin: 0 0 0 10px;
        padding: 5px 15px;
        border: none;
        height: 40px;
        width: 235px;
        border-radius: 0;
    }

    #optinform-modal #optinformsubmit {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        background: #267e93;
        background-color: #267e93 !important;
        text-transform: none;
        font-size: 18px;
    }

    /*#optinform-content h1 a:link, #optinform-content h1 a:active, #optinform-content h1 a:hover, #optinform-content h1 a:visited, #optinform-content .optin-heading a:link, #optinform-content .optin-heading a:active, #optinform-content .optin-heading a:hover, #optinform-content .optin-heading a:visited {
        color: #267e93;
    }*/

    .optinform #tdText {
        padding-left: 15px;
        vertical-align: top;
        border: 0;
        font-size: 13pt;
        line-height: 1.4em;
    }

    .optinform #tdLogo {
        padding-right: 10px;
        padding-left: 10px;
        border: 0;
        vertical-align: middle;
    }

    .optinform h1, .optinform .optin-heading {
        font-size: 24pt;
    }

    .optinform .close2 {
        position: absolute;
        right: -1px;
        top: -1px;
        color: #fff;
        font-size: 2em;
        text-align: center;
        width: 20px;
        height: 20px;
        display: block;
        border: 0;
        background-image: none;
    }

    .optinform .x {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0;
    }

    @media screen and (max-width: 575.98px) {

        #articles-tab-content .entry {
            margin-bottom: .4em;
        }

        #articles-tab-content .post-time {
            display: block;
            font-size: 10px;
        }

        .optinform h1, .optinform .optin-heading {
            font-size: 18pt;
        }

        .optinform.to-top-on-mobile {
            top: 1em;
            left: .5em;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
            width: calc(100% - 1em)
        }



        .optinform .optinform-flex-container, .optin-heading, #email, #submit {
            width: 100%;
            padding: 5px 0;
            margin: 5px 0;
            vertical-align: baseline;
        }

        .optinform-flex-container p {
            padding: 0;
            width: 100%;
        }

        /*.optinform img {
            width: 100%;
        }*/

        #optinform-footer {
            width: 100%;
            margin: 0;
        }

        .optinform #txtEmailInput {
            width: 100%;
            text-align: center;
        }

        .optinform #tdLogo {
            display: none;
        }

        .optinform #tdText {
            text-align: center;
            padding-left: 0;
        }

        #optinformsubmit {
            width: 100%;
            padding-left: 0;
            margin-left: 0;
            margin-top: 10px;
            -webkit-appearance: none;
        }
    }

    @media screen and (max-width: 370px) {
        .optinform {
            top: .6em;
            left: 0;
            -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
            transform: translate(0,0) scale(.9);
            /*width: calc(100% - 2em);*/
            width: 100%;
            transform-origin: top;
        }
    }

    @media (min-width: 950px) {
        .optinform .h1 {
            font-size: 2em;
        }
        /* for report popup 2022 */
        .m-md-pop-left {
            margin: -82px 0 -63px -102px;
        }
    }

    /* for popup/ banner split test */

    .optinform-banner {
        max-width: 100%;
        width: 900px;
        margin: 0 auto;
    }

        .optinform-banner.gradient-green {
            padding: 5px;
        }

        .optinform-banner #optinform-content {
            padding: 1em 1em 0;
        }

        .optinform-banner.bg-white #optinform-content {
            padding: 3px 16px;
        }

        .optinform-banner .optin-heading {
            font-size: 23px;
            text-align: left;
            font-family: Prata, Georgia, 'Times New Roman', Times, serif;
        }

        .optinform-banner.bg-white .optin-heading {
            font-size: 21px;
            font-family: inherit;
            text-align: center;
            font-weight: bold;
        }

        .optinform-banner .optin-heading a {
            color: #fff !important;
            font-weight: 300;
        }

        .optinform-banner.bg-white .optin-heading a {
            font-weight: bold;
            color: #429056 !important;
        }

        .optinform-banner .optinform-text-container {
            margin-top: 0;
            margin-bottom: 6px;
        }

        .optinform-banner #tdText {
            padding: 0 !important;
        }

            .optinform-banner #tdText a {
                color: inherit !important;
            }

        .optinform-banner #tdText {
            text-align: left;
            padding: 0 !important;
        }

        .optinform-banner.gradient-green #optinform-footer {
            background: transparent;
            max-width: 580px;
            margin: 0 auto;
            padding: 0;
        }

        .optinform-banner.bg-white #optinform-footer {
            padding: 15px 0 4px;
        }

        .optinform-banner .privacy-policy a {
            color: #fff !important;
        }

        .optinform-banner.bg-white .privacy-policy a {
            color: #6d6b6b !important;
        }

        .optinform-banner .banner-flex {
            padding: 0 15px;
            display: flex;
            flex-wrap: wrap;
        }

        .optinform-banner.gradient-green input#txtEmailInput {
            margin: 5px -1px;
            flex: 3 0 250px;
            text-align: left !important;
            border: solid 1px #fff;
        }

        .optinform-banner.bg-white input#txtEmailInput {
            box-shadow: inset 0 0 3px #d7d7d7;
            margin-bottom: 1px;
        }

        .optinform-banner .sbbutton {
            margin: 5px -1px !important;
            border: solid 1px #2f653d;
            flex: 1 2 175px;
        }

    a.zocial.facebook, a.zocial.google {
        text-decoration: none;
        font-size: .8rem;
        line-height: 2;
        font-weight: 700;
        padding: 2px;
        display: inline-block;
        border-radius: 0;
        text-align: center;
        text-transform: initial;
        letter-spacing: .03rem;
        cursor: pointer;
        background-repeat: no-repeat;
        transition: background-size .15s ease-in-out;
        font-family: Roboto, Yantramanav;
        text-shadow: none;
        flex: 1 0 200px;
        -ms-flex: 1 0 200px;
        margin: 0 2px 4px;
        background: #fff;
        border: solid 1px #c5c5c5;
        color: #575757;
        box-shadow: 0 0.1rem 0.15rem rgb(0 0 0 / 11%) !important;
    }
        /*
a.zocial.facebook {
    background: rgba(25,92,109,1);
    background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
}

a.zocial.google {
    background: rgba(107,39,40,1);
    background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(107,39,40,1) 0%, rgba(153,32,32,1) 100%);
    background-size: calc(100% + 200px) 100%;
    background-position: center;
}*/

        a.zocial.google:hover, a.zocial.facebook:hover, a.zocial.google:active, a.zocial.facebook:active,
        a.zocial.google:focus, a.zocial.facebook:focus {
            background: #fff;
            box-shadow: 0 0.05rem 0.1rem rgb(0 0 0 / 11%) !important;
            color: #252525;
            font-weight: 700;
            text-decoration: none;
        }



    /* end modernpopup css*/


    /* dividends book popup */

    @media screen and (max-width: 600px) {
        .divbookright {
            width: 100% !important;
        }

        .divbookleft {
            display: block !important;
            width: 45% !important;
            margin: 0 auto;
            padding-left: 26px;
        }
    }

    @media screen and (max-width: 600px) and (max-height: 495px) {
        .divbookright {
            font-size: 13px !important;
        }

        .sig-pic {
            display: none !important;
        }
    }


    /* end dividends book popup */

    /* automatic income dividend investing guide styles */

    .automatic-income h3:before, #table-of-contents:before {
        display: block;
        content: " ";
        margin-top: -75px;
        height: 75px;
        visibility: hidden;
        pointer-events: none;
    }

    .automatic-income h2:before {
        display: block;
        content: " ";
        margin-top: -150px;
        height: 150px;
        visibility: hidden;
        pointer-events: none;
    }

    .scrollto {
        font-size: .6em;
        margin: 20px 0 30px;
        text-transform: uppercase;
        text-align: right;
        display: block;
        border-bottom: solid #eee 1px;
        padding: 1px 4px;
        color: #757575;
        text-decoration: none;
    }

        .scrollto:hover, .scrollto:active, .scrollto:visited, .scrollto:focus {
            color: #757575;
            text-decoration: none;
        }

    #table-of-contents li {
        margin-top: 4px;
    }

    #table-of-contents > ul > li {
        list-style: none;
        background-color: #f5f5f5;
        border: 1px solid #dfdfdf;
        border-radius: 3px;
        padding: 10px 5px 15px;
        font-size: .9em;
    }

    #table-of-contents > ul {
        padding-left: 0;
        max-width: 600px;
    }

    /* end automatic income dividend investing guide styles */

    /* start notifications styles */


    .nice-blue-scroll::-webkit-scrollbar, .ntf-box ul::-webkit-scrollbar, #left-side-menu ul::-webkit-scrollbar, #right-side-menu ul::-webkit-scrollbar {
        width: 14px;
    }

    .nice-blue-scroll::-webkit-scrollbar-track, .ntf-box ul::-webkit-scrollbar-track, #left-side-menu ul::-webkit-scrollbar-track, #right-side-menu ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
        -webkit-border-radius: 14px;
        border-radius: 14px;
    }

    /*.nice-blue-scroll::-webkit-scrollbar-thumb, .ntf-box ul::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
        background: #eee;
        border-radius: 14px;
    }*/

    .nice-blue-scroll::-webkit-scrollbar-thumb, #left-side-menu ul::-webkit-scrollbar-thumb, #right-side-menu ul::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
        background: rgba(243, 243, 243, 0.5);
        border-radius: 14px;
    }


    .ntf-area {
        display: inline-block;
        position: static;
        margin: 0 5px;
    }

    #logobar .ntf-area {
        margin: 0;
    }


    .ntf-box {
        max-height: 0;
        position: absolute;
        z-index: 49;
        top: 25px;
        left: -317px;
        width: 348px;
        max-width: 95vw;
        overflow: hidden;
        transition: .3s;
        text-align: left;
    }

    .ntf-area:not(:focus) .ntf-box {
        max-height: 0;
    }

    .ntf-area.account-notifications .ntf-box {
        left: -210px;
        width: 240px;
    }

    /*.ntf-inner .glyphicon {
    padding: 0 6px 3px 2px;
    vertical-align: middle;
}*/


    .ntf-area:hover .ntf-box, .ntf-area:focus .ntf-box {
        max-height: 500px;
    }

    .ntf-box .ntf-inner {
        background: #f5f5f5;
        margin: 12px 5px 5px 5px;
        border: solid 1px #afb8bc;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        font-size: 15px;
    }

    .ntf-inner a {
        font-weight: bold;
        text-decoration: none;
    }

    .ntf-area ul {
        padding: 0;
        margin: 0;
        max-height: 380px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }


    .arrow-span {
        position: absolute;
        top: 0;
        right: 9px;
        margin-left: -5px;
        border-width: 7px;
        border-style: solid;
        border-color: transparent transparent #f5f5f5 transparent;
        z-index: 100;
    }

    .ntf-number {
        background: #992020;
        background: linear-gradient(to bottom,rgba(107,39,40,1) 0%,rgba(153,32,32,1) 50%);
        border: solid .5px #fff;
        color: #fff;
        font-size: 10px;
        height: 12px;
        width: 12px;
        position: static;
        margin: -3px -3px -8px -9px;
        top: 0;
        right: 0;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        border-radius: 50%;
        line-height: 1.1;
        padding: 0 1px;
    }

        .ntf-number.plus {
            font-size: 9px;
            height: 13px;
            width: 13px;
            padding: 1px 2px;
        }

    /*@media (min-width: 767.1px) and (max-width: 1159px) {
        .ntf-area {
            padding: 9px 0;
        }

        .ntf-number {
            top: 10px;
        }
    }*/

    .ntf-inner li {
        list-style: none;
        padding: 8px;
        border-bottom: solid 1px #ddd;
    }

    .ntf-inner .one-notification {
        font-size: 14px;
        padding: 0 6px;
        font-size: 10.5px;
        background: #fff;
        position: relative;
        overflow-x: hidden;
        border: none;
    }

    .ntf-inner .one-notification .li-inner {
        border-top: solid 1px #e6e6e6;
        padding: 12px 6px 11px;
        display: block;
    }

    .ntf-page .one-notification .li-inner {
        border: none;
        padding: 5px;
    }

    .ntf-inner li.one-notification.new-notification + li.one-notification:not(.new-notification) {
        border-top: solid 1px #e6e6e6;
    }

        .ntf-inner li.one-notification.new-notification + li.one-notification:not(.new-notification) .li-inner, .ntf-inner .one-notification:first-child .li-inner {
            border-top: none;
        }



    .ntf-inner .new-notification {
        background: #eff2f4;
    }

    .ntf-heading {
        display: inline-block;
        width: calc(100% - 38px);
        padding: 0 5px;
        vertical-align: bottom;
        border-left: solid 1px #ddd;
        margin-left: 5px;
        font-size: 12px;
    }

        .ntf-heading a {
            font-size: 14px;
            margin: 0;
            display: block;
        }

    .one-notification img {
        height: auto;
        width: 30px;
        margin: 0;
        vertical-align: bottom;
    }

    .one-notification p {
        margin: 5px 0 0;
        font-size: 14px;
    }

    .one-notification .glyphicon-new-window {
        font-size: 9px;
    }

    .ntf-header {
        padding: 5px 8px;
        border-bottom: solid 1px #bbb;
    }

    .ntf-footer {
        background: #eff2f4;
        padding: 5px;
        border-top: solid 1px #bbb;
    }

    .ntf-area h2 {
        margin: 0;
        font-size: 17px;
        padding: 5px;
    }

    .ntf-inner.add-padding {
        padding: 10px;
    }

    .ntf-mobile .mb-icon {
        font-size: 30px;
    }

    @media (max-width: 767px) {
        .ntf-mobile {
            display: table-cell !important;
            padding: 12px 20px 9px 0;
            vertical-align: middle;
            float: none;
            text-align: right;
        }

            .ntf-mobile .icon {
                transform: scale(1.4,1.4);
                display: inline-block;
                position: relative;
                left: -10px;
                cursor: pointer;
            }

        .ntf-area ul {
            max-height: 40vh;
        }
    }




    .ntf-box.ntf-page {
        max-height: initial;
        position: static;
        width: initial;
        margin: 0 -10px;
    }

        .ntf-box.ntf-page ul {
            padding: 0;
            margin: 0;
        }

    .ntf-page .one-notification {
        margin: 7px 0;
        font-size: 15px;
        padding: 10px;
        border-top: none;
        border-bottom: solid 1px #e6e6e6;
        box-shadow: 1px 0px 3px 0 rgba(0, 0, 0, 0.08), -1px 1px 2px 0 rgba(0, 0, 0, 0.08);
    }

    .ntf-page .ntf-inner {
        background: none;
        box-shadow: none;
        border: none;
        margin: 3px;
    }

    .ntf-page .ntf-heading {
        display: inline-block;
        width: calc(100% - 73px);
        padding: 8px 0 0 11px;
        vertical-align: bottom;
        border-left: solid 1px #ddd;
        margin-left: 11px;
        min-height: 60px;
    }

    .ntf-page .one-notification p {
        margin: 11px 0 2px;
        font-size: 15px;
    }

    .ntf-page .one-notification img {
        width: 60px;
    }

    .ntf-page .ntf-heading a {
        font-size: 15px;
    }

    #right-side-menu .ntf-inner {
        color: #222;
        padding: 2px 2px 10px 10px;
        max-height: 100%;
    }

        #right-side-menu .ntf-inner a {
            color: #004769;
        }

        #right-side-menu .ntf-inner ul {
            padding: 0;
            max-height: calc(100vh - 480px);
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            margin-bottom: 0;
        }


        #right-side-menu .ntf-inner h2 {
            font-size: 25px;
            margin: 0;
            padding: 7px;
        }

    #right-side-menu .ntf-footer, #mobilenotifications .ntf-footer {
    background: none;
    padding: 5px;
    border-top: none;
    color: #fff;
    font-size: 14px;
}

        #right-side-menu .ntf-footer a, #mobilenotifications .ntf-footer a{
            color: #fff;
        }

    #right-side-menu .side-menu-title {
        margin-right: 10px;
    }

    .menu-close-link {
        cursor: pointer;
    }

    #right-side-menu .ntf-inner p.side-menu-functions {
        padding: 5px 0;
        font-size: 13px;
        color: rgba(255,255,255,.4);
        line-height: 1.8;
        text-align: center;
        margin-bottom: 0;
    }

        #right-side-menu .ntf-inner p.side-menu-functions a {
            color: rgba(255,255,255,.4);
            font-weight: normal;
            cursor: pointer;
        }

    .ntf-inner a.sbbutton {
        font-weight: normal;
    }


    #notificationspage span.arrow-span {
        display: none;
    }


    @supports (-webkit-overflow-scrolling: touch) {
        .page-wrap {
            cursor: pointer;
        }
    }

    /* end notifications styles */

    /* start comments styles including some that also apply to portfolio page */

    /* modal styles from myportfolio3 */


    .modal-body {
        padding: 15px 15px 5px;
        max-height: 70vh;
        overflow-y: auto;
    }


        .modal-body::-webkit-scrollbar {
            width: 12px !important;
        }

        .modal-body::-webkit-scrollbar-track, .ntf-box ul::-webkit-scrollbar-track, #left-side-menu ul::-webkit-scrollbar-track, #right-side-menu ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
            -webkit-border-radius: 0px;
            border-radius: 0px;
        }

        .modal-body::-webkit-scrollbar-thumb, .ntf-box ul::-webkit-scrollbar-thumb {
            -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
            background: #eee;
            border-radius: 12px;
        }

    /* can take this out once they're changed to utility classes */
.modal-title {
    color: #fff;
    background-color: #267e93;
    background: linear-gradient(to bottom, rgba(25,92,109,1) 0%, rgba(38,125,147,1) 100%);
    padding: 0.3em 0.6em;
    margin: 0;
    line-height: 1.4;
    font-family: 'Prata';
    font-size: 1.4rem;
    }

    .modal-note {
        font-size: 13px;
        text-transform: none;
        letter-spacing: initial;
        font-weight: normal;
        position: relative;
        top: -1px;
        display: inline-block;
    }

    /* doing away with bootstrap's modal backdrop that usually ends up in the wrong place because we can't always put modals at the end of the body */
    .modal-backdrop {
        z-index: -1;
    }

    .modal {
        background-color: rgba(0,0,0,.8);
    }

    .modal-content, .modal-header, .modal-footer {
        border: 0;
        border-radius: 0;
        max-width: 100%;
    }

.top-label {
    font-size: 15px;
    text-transform: none;
    letter-spacing: normal;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 2px;
    margin-left: 1px;
    font-weight: 600;
    z-index: 1;
    color: #252525;
}

    .top-labeled-input, input[type=text].top-labeled-input, input[type=number].top-labeled-input, input[type=email].top-labeled-input, input[type=password].top-labeled-input {
        width: 100%;
        margin-bottom: 15px;
        border-radius: 0;
        border: solid 1px #bbb;
        line-height: 1.7em;
        padding: 0 0 0 7px;
        color: #555;
    }

        .top-labeled-input.hasDatepicker, input[type=text].top-labeled-input.hasDatepicker {
            width: calc(100% - 25px);
            display: inline-block;
        }

    select.top-labeled-input, select.top-labeled-input-with-mod, select.top-labeled-mod {
        height: 1.95em;
    }

    .top-labeled-mod, input[type=text].top-labeled-mod, input[type=number].top-labeled-mod {
        width: 50px;
        margin-bottom: 15px;
        border-radius: 0;
        border: solid 1px #bbb;
        line-height: 1.7em;
        padding: 0 0 0 7px;
    }

    .top-labeled-input-with-mod, input[type=text].top-labeled-input-with-mod, input[type=number].top-labeled-input-with-mod {
        width: calc(100% - 70px);
        margin-bottom: 15px;
        border-radius: 0;
        border: solid 1px #bbb;
        line-height: 1.7em;
        padding: 0 0 0 7px;
    }

    /*Top Labeled Inputs in Wrapper*/
    .top-label-wrapper {
        position: relative;
        width: 100%;
        display: inline-block
    }

        .top-label-wrapper .top-labeled-input {
            display: block;
            width: 100%;
            padding: 0.7rem 0.6rem 0.5rem;
            line-height: 1.25;
            font-size: 0.8rem;
            font-weight: 400;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #bbb;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border-radius: 0;
            transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            height: calc(2.2rem + 2px);
            line-height: 1.25;
            margin: 0;
            min-width: 9em;
        }

        .top-label-wrapper .top-label {
            padding: 0 0.25rem;
            font-size: 0.65rem;
            position: absolute;
            top: -0.4em;
            left: 0.5em;
            margin: 0 1.5em 0 0;
            background: #fff;
            line-height: .9;
        }

        .top-label-wrapper button.top-labeled-input {
            text-transform: none;
            text-align: left;
        }

            .top-label-wrapper button.top-labeled-input:after {
                display: none;
            }

            .top-label-wrapper button.top-labeled-input:hover,
            .top-label-wrapper button.top-labeled-input:focus {
                color: #555;
            }

            .top-label-wrapper button.top-labeled-input:focus {
                color: #555;
                -moz-box-shadow: 0 0 5px #2e9eb9;
                -webkit-box-shadow: 0 0 5px #2e9eb9;
                box-shadow: 0 0 5px #2e9eb9;
                border: 1px solid #267e93;
            }

        .top-label-wrapper select.top-labeled-input,
        .top-label-wrapper button.top-labeled-input {
            padding-right: 1.5em;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 150 110.8' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M75.1,110.8L0,0l75.1,63.8L150,0L75.1,110.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            background-position: right .5rem center;
            background-size: 6px 6px;
            outline-color: #24778c;
        }

        .top-label-wrapper .top-labeled-input .top-label-selected div {
            margin-top: -0.07rem;
        }

        .top-label-wrapper .top-labeled-input .top-label-selected .sub-label {
            font-size: 0.6rem;
        }

        /*top labeled input with a prepended information*/
        .top-label-wrapper.input-group .top-labeled-input {
            padding-left: 1.7rem;
        }

            .top-label-wrapper.input-group .top-labeled-input.w-append.w-prepend {
                width: calc(100% - 4rem);
                border-left: none;
                margin-bottom: 0;
                min-width: auto;
            }

        .top-label-wrapper .input-group-text {
            position: absolute;
            top: 53%;
            left: 0.3rem;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
            background: none;
            border-radius: 0;
            border: none;
            padding: 0;
            line-height: 1em;
            color: #555;
            z-index: 1;
        }

        .top-label-wrapper .mb-icon {
            opacity: 0.8;
            font-size: 1.2rem;
        }


        /*Link looking like a top-labeled input*/
        .top-label-wrapper a.top-labeled-input {
            color: #555;
            padding-right: 1.5em;
        }

            .top-label-wrapper a.top-labeled-input:hover,
            .top-label-wrapper a.top-labeled-input:focus {
                text-decoration: none;
            }

        /*Tooltip for top labeled input*/
        .top-label-wrapper .moreinfo {
            top: -0.5em;
            padding: 0;
            right: -5px;
            font-size: 1em;
            line-height: 1em;
            width: 1.2em;
            height: 1.05em;
            display: block;
            z-index: 52;
        }

            .top-label-wrapper .moreinfo .mb-icon {
                font-size: 1rem;
                opacity: 1;
                display: block;
                padding: 0;
            }

            .top-label-wrapper .moreinfo .tooltiptext {
                width: 200px;
                right: 0;
            }

                .top-label-wrapper .moreinfo .tooltiptext:after {
                    right: 5px;
                }

        /*Top Labeled Bootstrap drop down list*/
        .top-label-wrapper .dropdown-menu {
            border-radius: 0;
            padding: 0;
            width: 100%;
        }

            .top-label-wrapper .dropdown-menu[aria-labelledby='dropdownCountry'],
            .top-label-wrapper .dropdown-menu[aria-labelledby='ddlCountry'] {
                min-width: 12rem;
            }

            .top-label-wrapper .dropdown-menu[aria-labelledby='dropdownUSStates'],
            .top-label-wrapper .dropdown-menu[aria-labelledby='ddlUSStates'] {
                min-width: 16rem;
            }

            .top-label-wrapper .dropdown-menu[aria-labelledby='dropdownSector'], 
            .top-label-wrapper .dropdown-menu[aria-labelledby='ddlSector'] {
                min-width: 16rem;
            }

            .top-label-wrapper .dropdown-menu[aria-labelledby='dropdownMarketCaps'],
            .top-label-wrapper .dropdown-menu[aria-labelledby='ddlMarketCaps'] {
                min-width: 16rem;
            }
            
            .top-label-wrapper .dropdown-menu[aria-labelledby='dropdownTradeVolume'],
            .top-label-wrapper .dropdown-menu[aria-labelledby='ddlTradeVolume'] {
                min-width: 14rem;
            }

            .top-label-wrapper .dropdown-menu[aria-labelledby='dropdownTradeSizeUSD'],
            .top-label-wrapper .dropdown-menu[aria-labelledby='ddlTradeSizeUSD'] {
                min-width: 14rem;
            }


    .drop-down-item.custom-control:focus-within {
        -moz-box-shadow: 0 0 5px #2e9eb9;
        -webkit-box-shadow: 0 0 5px #2e9eb9;
        box-shadow: 0 0 5px #2e9eb9;
        border: 1px solid #267e93;
    }

    .top-label-wrapper .drop-down-item {
        font-size: 90%;
        padding: 0 10px;
    }

        .top-label-wrapper .drop-down-item label .sub-label {
            display: block;
            font-size: 0.7rem;
            padding-left: 1.3rem;
        }

    input.symbol-left {
        padding-left: 20px !important;
    }

    input.symbol-right {
        padding-right: 20px !important;
    }

    span.symbol-left {
        position: absolute;
        left: 7.5px;
        top: 4.5px;
        color: #757575;
    }

    span.symbol-right {
        position: absolute;
        right: 7.5px;
        top: 4.5px;
        color: #757575;
    }


    .on-this-page {
        font-size: .9em;
        text-transform: uppercase;
        font-weight: bold;
        display: inline-block;
        margin-right: 0.5em;
        color: #555;
    }

    .placed-content, .link-target {
        scroll-margin-top: 70px;
    }

    .placed-content {
        line-height: 1.35;
    }

    .bg-gray-across .custom-control label::before {
        background-color: #fff;
    }

    .content-module {
        display: inline;
        position: relative;
        z-index: 1; /* needed to be above uls it's floated near, because uls are also position:relative */
    }

    .content-module:before {
        content: " ";
        display: table;
        clear: both;
    }

    .content-module .media-mentions-image {
        width: 40px;
        margin-left: 6px !important;
    }

    /*Restricted Access Filter*/
    .filter-access {
        position: absolute;
        top: 50%;
        right: 0.5em;
        transform: translate(0,-50%);
        border-radius: 0;
    }

        .filter-access .mb-icon {
            font-size: 1em;
            line-height: 1em;
            margin-top: 0.2em;
            opacity: 1;
        }

    .dropdown-menu {
        max-height: 40vh;
        overflow-y: auto;
        padding-bottom: 3px !important;
    }
        
    .custom-file-input:lang(en) ~ .custom-file-label::after {
        content: "Browse";
        color: #fff;
        border-radius: 0;
        box-shadow: none;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .03rem;
        cursor: pointer;
        background-repeat: no-repeat;
        background: rgba(44,95,57,1);
        background-image: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
        background-image: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
        background-image: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
        background-image: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
        background-image: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%);
        background-size: calc(100% + 200px) 100%;
        background-position: center;
        transition: background-size .15s ease-in-out;
    }

    .custom-file-input:lang(en) ~ .custom-file-label:hover::after, .custom-file-input:lang(en) ~ .custom-file-label:active::after, .custom-file-input:lang(en) ~ .custom-file-label:focus::after {
        background-size: 100% 100%;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }

    .modal-footer {
        text-align: center;
        margin-top: 0;
        padding: 12px 15px 8px;
        background: #eff2f4;
    }

        .modal-footer .modal-button {
            width: calc(50% - 12px) !important;
            margin: 0px 2px 5px !important;
        }


    input.flat-blue-button, a.flat-blue-button, button.flat-blue-button {
        width: 175px;
        box-shadow: none;
        background-color: #267e93;
        background: #267e93;
        border: solid 2px #267e93;
        font-size: 17px;
        padding: 3px 5px 4px;
        text-shadow: none;
        border-radius: 0;
        text-align: center !important;
        color: #fff;
        font-weight: normal;
        display: inline-block;
        line-height: 1.5;
        vertical-align: middle;
        text-transform: none;
    }


        a.flat-blue-button:hover, a.flat-blue-button:active, a.flat-blue-button:focus, input.flat-blue-button:hover, input.flat-blue-button:active, input.flat-blue-button:focus {
            background-color: #1f6c80;
            box-shadow: none;
            border: solid 2px #1d6779;
            text-decoration: none;
            color: #fff;
            font-weight: normal;
        }

    input.flat-blue-ghost-button,
    button.flat-blue-ghost-button {
        width: 175px;
        box-shadow: none;
        background: #fff;
        color: #267e93;
        border: solid 2px #267e93;
        font-size: 17px;
        padding: 3px 5px 4px;
        line-height: 1.5;
        text-shadow: none;
        border-radius: 0;
        text-align: center !important;
        vertical-align: middle;
    }

    button.flat-blue-ghost-button {
        text-transform: none;
        font-weight: 400;
    }

        input.flat-blue-ghost-button:hover,
        input.flat-blue-ghost-button:focus,
        button.flat-blue-ghost-button:hover,
        button.flat-blue-ghost-button:focus {
            background: #eff2f4;
            box-shadow: none;
        }

    /* pending button styles */


.pending-button, .modal-button.flat-blue-button.pending {
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: pendingShimmer;
    -webkit-animation-timing-function: linear;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: pendingShimmer;
    animation-timing-function: linear;
    background: #2b799f;
    background: linear-gradient(45deg, #195c6d 0%, #217084 10%, #195c6d 20%, #195c6d 50%, #217084 60%, #195c6d 70%, #195c6d 100%);
    background-size: 20px 20px;
    position: relative;
    cursor: wait;
}

    .pending-button {
        animation-duration: 6s;
    }

    .green-button.pending-button {
        background-image: linear-gradient(-45deg, #2c5f39 0%, #4f8b5e 25%, #2c5f39 50%, #408150 75%, #2c5f39 100%) !important;
        background-size: 200% 100% !important;
    }

    .purple-button.pending-button {
        background-image: linear-gradient(-45deg, #533556 0%, #743d85 25%, #533556 50%, #743d85 75%, #533556 100%) !important;
        background-size: 200% 100% !important;
    }

    .red-button.pending-button {
        background-image: linear-gradient(-45deg, #6b2728 0%, #f4e9e9 25%, #6b2728 50%, #f4e9e9 75%, #6b2728 100%) !important;
        background-size: 200% 100% !important;
    }

    .gold-button.pending-button {
        background-image: linear-gradient(-45deg, #75411c 0%, #a86527 25%, #75411c 50%, #a86527 75%, #75411c 100%) !important;
        background-size: 200% 100% !important;
    }

    @keyframes placeHolderShimmer {
        0% {
            background-position: -200% 0
        }

        100% {
            background-position: 200% 0
        }
    }

    @-webkit-keyframes placeHolderShimmer {
        0% {
            background-position: -200% 0
        }

        100% {
            background-position: 200% 0
        }
    }

@keyframes pendingShimmer {
    0% {
        background-position: -20px 0
    }

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

@-webkit-keyframes pendingShimmer {
    0% {
        background-position: -20px 0
    }

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

    /* end pending button styles */


    /* tooltip styles */
    .moreinfo {
        display: inline-block;
        position: absolute;
        right: 13px;
        top: 6px;
        color: #fff;
        padding: 2px;
        font-size: .8em;
        line-height: .8em;
        width: 1.4em;
        height: 1.4em;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
    }

    button.moreinfo {
        background: none;
        border: none;
        letter-spacing: 0;
    }

    .compare-products .moreinfo {
        top: 0;
        right: 0;
        float: right;
        position: relative;
        margin-left: 2px;
        margin-bottom: 3px;
    }

    .comment-list .moreinfo {
        margin-right: 5px;
        color: #999;
        padding: 3px 3px 30px 100px;
        top: 6px;
        right: 24px;
    }

        .comment-list .moreinfo:hover,
        .comment-list .moreinfo:focus {
            border: none;
            color: #999;
        }

    .moreinfo .tooltiptext {
        visibility: hidden;
        width: 140px;
        background: #fff;
        color: #222;
        text-align: left;
        padding: 8px 10px;
        border-radius: 0;
        position: absolute;
        z-index: 50;
        top: calc(100% + 10px);
        right: -12px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
        line-height: 1.4;
        font-family: Yantramanav;
        font-size: 15px;
        cursor: default;
        font-weight: normal;
        text-transform: initial;
        letter-spacing: initial;
        white-space: normal;
        height: 0;
        overflow: hidden;
        padding: 0;
    }

        .moreinfo .tooltiptext::after {
            content: " ";
            position: absolute;
            bottom: 100%;
            right: 12px;
            margin-left: -5px;
            border-width: 7px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
        }

    .moreinfo:hover .tooltiptext,
    .moreinfo:focus .tooltiptext {
        visibility: visible;
        height: auto;
        overflow: visible;
        padding: 8px 10px;
        z-index: 100;
    }

    .tooltiptext.dark-mode {
        background: #333;
        color: #fff;
    }

    .tooltiptext.toptip {
        top: auto;
        bottom: calc(100% + 10px);
        right: 0;
    }

        .tooltiptext.toptip:after {
            top: 100%;
            bottom: auto;
            margin-left: auto;
            border-color: #f1f1f1 transparent transparent;
        }

    .tooltiptext.dark-mode::after {
        border-color: transparent transparent #333 transparent;
    }

    .tooltiptext.toptip.dark-mode::after {
        border-color: #333 transparent transparent;
    }

    .compare-products .moreinfo .tooltiptext {
        right: -40px;
    }

        .compare-products .moreinfo .tooltiptext::after {
            right: 40px;
        }

    /* for manage account page */



    .stripe-button-el span {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        font-size: 15px !important;
        line-height: 27px !important;
    }

        .stripe-button-el span:hover,
        .stripe-button-el span:focus {
            background: none !important;
        }

    .stripe-button-el {
        text-decoration: none !important;
        font-size: .9rem !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
        padding: 5px 10px 4px !important;
        vertical-align: top !important;
        display: inline-block !important;
        color: #fff !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border: solid 1px #fff !important;
        text-align: center !important;
        text-transform: uppercase !important;
        letter-spacing: .03rem !important;
        cursor: pointer !important;
        background-repeat: no-repeat !important;
        background: rgba(44,95,57,1) !important;
        background: -moz-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -moz-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
        background: -webkit-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -webkit-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
        background: -o-linear-gradient(60deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -o-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
        background: -ms-linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), -ms-linear-gradient(top, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
        background: linear-gradient(345deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(300deg, rgba(256,256,256,.05) 0%, rgba(256,256,256,.05) 25px, rgba(256,256,256,0) 25px, rgba(256,256,256,0) 100%), linear-gradient(to bottom, rgba(44,95,57,1) 0%, rgba(66,144,86,1) 100%) !important;
        background-size: calc(100% + 200px) 100% !important;
        background-position: left !important;
        transition: background-size .15s ease-in-out !important;
    }

        .stripe-button-el:hover,
        .stripe-button-el:focus {
            /*box-shadow: 0 2.5px 0 0 #74b05e, inset 0 2px 0 0 #518f3b !important;*/
            border: solid 1px #fff !important;
            color: #fff !important;
            text-decoration: none !important;
            background-size: 100% 100% !important;
        }

    .account-options .moreinfo {
        color: #267e93;
        border: solid 2px #267e93;
        font-weight: bold;
        top: 5px;
        right: 0;
        cursor: pointer;
        font-size: .7em;
    }

    .option-line {
        position: relative;
        padding-right: 22px;
    }

    @media (min-width:500px) {
        .account-options .moreinfo {
            position: relative;
            top: -2px;
            right: 0;
        }

        .option-line {
            padding-right: 0;
        }
    }

    /* slide down tooltip styles */

    .explanation {
        opacity: 0;
        max-height: 0;
        display: inline-block;
        transition: max-height .8s, opacity .8s, padding .8s;
        font-size: 16px;
        vertical-align: top;
        margin-bottom: 6px;
        overflow: hidden;
        padding: 0 0;
    }

        .explanation.hovered, .explanation.clicked {
            max-height: 223px;
            opacity: 1;
            padding: 8px 0;
        }

    .question-mark {
        display: inline-block;
        position: absolute;
        right: 6px;
        bottom: 0px;
        margin: 0;
        color: #444;
        border: solid 2px #444;
        font-size: .75em;
        font-family: Yantramanav;
        line-height: .9em;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        text-align: center;
        font-weight: 700;
        vertical-align: top;
        cursor: pointer;
    }

    /* end slide down tooltip styles */

    /* extend access popup */
    a.extend-access-button:hover,
    a.extend-access-button:focus {
        background: #ffc23d !important;
    }

    @media (max-width: 400px) {
        .extend-access-mockup {
            margin: -16px 11px -74px 9px !important
        }

        .extend-access-headline {
            font-size: 24px !important;
        }

        a.extend-access-button {
            font-size: 21px !important;
        }
    }
    /* end extend access popup */

    /* additional style for screeners */

    #pan5 input.flat-blue-ghost-button {
        width: calc(100% - 43px);
        margin-bottom: 10px;
        white-space: normal;
        word-wrap: break-word;
        height: 64px;
    }

        #pan5 input.flat-blue-ghost-button.active-screener {
            background-color: #eff2f4;
        }

    #pan5 .settings-button {
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
    }

        #pan5 .settings-button img {
            padding: 20px 5px;
            width: 34px;
        }

    .boldsymbol {
        font-size: 17px;
        margin-right: 5px;
    }

    .sparkline {
        width: 70px;
        vertical-align: bottom;
    }

    @media (max-width: 825px) {
        .sparkline {
            width: 52px;
        }
    }

    @media (max-width: 575px) {
        .sparkline {
            width: 39px;
        }
    }


    .headlines-footer {
        clear: both;
        padding-top: 20px;
        line-height: 1.5;
    }

        .headlines-footer a {
            margin: 2px 4px 2px 0;
            padding: 2px 10px 4px 10px;
            display: inline-block;
            background-color: #eff2f4;
            text-decoration: none;
        }

            .headlines-footer a:hover, .headlines-footer a:focus, .headlines-footer a:active, .headlines-footer a:visited {
                opacity: .8;
                text-decoration: none;
            }

            .headlines-footer a.gradient-blue:hover, .headlines-footer a.gradient-blue:focus, .headlines-footer a.gradient-blue:active, .headlines-footer a.gradient-blue:visited {
                color: #fff;
            }

    @media (min-width: 1200px) {
        .headlines-panel.col-lg-8 {
            width: calc(100% - 348px);
            padding-left: 0;
        }
    }


    /* for home page */

    /*main .row {
    margin-right: -5px;
    margin-left: -5px;
}
main [class^="col-"], main [class*=' col-'] {
    padding: 0 5px;
}*/

    /* end for this page only */




    .story-footer {
        border: solid 1px #267e93;
        border-top: none;
        padding: 6px 20px;
        margin: -3px 2px 12px 0;
        font-size: 15px;
    }

        .story-footer a {
            color: #fff;
        }



    /* 2019 entry cards - when done can probably get rid of some of the above entry styles?*/
    .entry-card {
        box-shadow: 0 .2rem .85rem rgba(0,0,0,.11) !important;
        background: #fff;
        padding: 1rem;
        margin: .4rem 0 !important;
    }

        .entry-card .image-link {
            margin: 0 15px 15px 0;
            flex: 0 0 125px;
        }

        .entry-card .description {
            flex: 1 1 250px;
        }

        .entry-card .post-time {
            font-size: 13px;
            text-transform: uppercase;
            font-weight: bold;
            margin: 3px 0;
        }

        .entry-card p {
            font-weight: normal;
            margin-bottom: 3px;
        }

        .col-336 li:hover,
        .col-336 li:focus,
        .col-336 li:focus-within {
            background: #eff2f4!important;
        }

			.col-336 .see-also li:hover,
            .col-336 .see-also li:focus,
            .col-336 .see-also li:focus-within {
                background: none!important;
            }							
        .video-sidebar .image-link, .news-sidebar .image-link {
            margin: 0;
            flex: 0 0 40%;
            max-width: 150px;
            display: inline-block;
        }
        
        .news-sidebar .image-link {
            height:95px;
            border-right: 1px solid #eff2f4;
        }
        .news-sidebar .image-link img{
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .video-sidebar .description,.news-sidebar .description{
            flex: 1 1 60%;
        }

        .video-sidebar .title,.news-sidebar .title {
            max-height: 3.6em;
            display: block;
            overflow: hidden;
            line-height: 1.2em;
        }
            .video-sidebar .title {
                font-size: 90%;
            }
        .news-sidebar:hover .title, .news-sidebar:focus .title,
        .news-sidebar:focus-within .title,.col-336 li:focus .offertitle,.col-336 li:hover .offertitle,
        .col-336 li:focus-within .offertitle{
            text-decoration: underline;
        }
        .news-sidebar .news-link{
            position:absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
        }

    /* experimental entry styles */
    .headlines .topFive .entry img {
        position: absolute;
        max-width: 300px;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        z-index: 0;
        object-fit: cover;
        filter: grayscale(1);
        opacity: .4;
        mix-blend-mode: overlay;
    }
    /* end then make eache image-link a different gradient class */

    /* end 2019 entry cards */


    /*pricing cards*/
    .pricing-card {
        font-size: 0.8em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .pricing-card.active, .pricing-card:hover,
        .pricing-card:focus-within {
            -webkit-transform: scale(1.03);
            -ms-transform: scale(1.03);
            transform: scale(1.03);
        }

    .product-icon {
        font-size: 2.5em;
        margin-top: 0.25em;
    }

    .product-flag {
        right: 0;
        top: 25px;
        font-size: 1.15em;
        line-height: 0.9em;
    }

    .product-price {
        font-size: 312.5%;
    }

        .product-price span {
            font-size: inherit !important;
            line-height: 1em;
        }

        .product-price .text-uppercase {
            font-size: 50% !important;
        }

    /*end pricing cards*/



    .colallbut300 {
        padding: 0 5px;
    }

    @media (min-width: 991.01px) {
        .col300 {
            float: left;
            width: 310px;
        }

        .colallbut300 {
            float: left;
            width: calc(100% - 310px);
            padding-right: 15px;
        }
    }

    @media (max-width: 991px) and (min-width: 767.01px) {
        .col300sm {
            float: left;
            width: 310px;
            padding-right: 15px;
        }

        .colallbut300sm {
            float: left;
            width: calc(100% - 310px);
        }
    }

    .col300 ul {
        list-style: none;
        padding: 0;
        font-size: 13px;
        border: solid 1px #eff2f4;
        margin-bottom: 15px;
    }

    .col300 li {
        padding: 5px 10px;
    }

        .col300 li:nth-child(even) {
            background: #eff2f4;
        }

    .col300 h3 {
        font-size: 18px;
        color: #fff;
        background: #267e93;
        padding: 7px 10px;
        margin: 0;
    }


    .col300sm .subscribe input {
        width: 100% !important;
    }

    /* more slideshows */


    .moreslideshows {
        border: solid 1px #267e93;
        padding-bottom: 4px;
    }

    .moreslideshowsheadline {
        color: #267e93;
        font-weight: bold;
        font-size: 12px;
        padding: 3px 6px 6px;
        border-top: 3px solid #267e93;
    }

    .moreslideshows table {
        width: 100%;
    }

    .moreslideshows tr {
        border-top: 1px solid #eff2f4
    }

        .moreslideshows tr td:first-child {
            padding: 5px 1px;
            width: 85px;
            text-align: center;
        }

        .moreslideshows tr td:last-child {
            padding: 5px 5px 5px 10px;
            text-align: left;
            height: 85px;
        }

    .moreslideshows td img {
        width: auto;
        max-height: 70px;
        max-width: 85px;
    }

    .moreslideshows td a {
        font-style: normal;
        font-size: .95em;
    }


    /* my marketbeat styles*/

    #cphPrimaryContent_rdlAdStocks {
        display: inline-block;
        margin-bottom: -.2em;
    }

    .add-label {
        position: relative;
        top: -5px;
    }

    .watch-list-forms {
        width: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

        .watch-list-forms > div {
            width: 48%;
            min-width: 405px;
            background: #efefef;
            border-top: solid 2px #ddd;
            border-bottom: solid 2px #ddd;
            padding: 12px 2% 20px 2%;
            margin: 5px;
        }

        .watch-list-forms input {
            border: solid 1px #ddd;
            border-radius: .375em;
        }

    .left-label {
        display: inline-block;
        min-width: 132px;
        text-align: right;
        font-weight: bold;
    }

    .watch-list-forms input[type=submit] {
        position: relative;
        left: 136px;
        width: 150px;
        padding: 5px;
        margin: 5px 0;
        color: white;
        font-weight: bold;
        font-size: 14px;
        background-color: #6DA0BD;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#6DA0BD), to(#123C62));
        background-image: -webkit-linear-gradient(top, #6DA0BD, #123C62);
        background-image: -moz-linear-gradient(top, #6DA0BD, #123C62);
        background-image: -ms-linear-gradient(top, #6DA0BD, #123C62);
        background-image: -o-linear-gradient(top, #6DA0BD, #123C62);
        background-image: linear-gradient(to bottom, #6DA0BD, #123C62);
        border: none;
    }

    .wl-submit:hover,
    .wl-submit:focus {
        cursor: pointer;
        background-color: #5286B3;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5286B3), to(#0a2237));
        background-image: -webkit-linear-gradient(top, #5286B3, #0a2237);
        background-image: -moz-linear-gradient(top, #5286B3, #0a2237);
        background-image: -ms-linear-gradient(top, #5286B3, #0a2237);
        background-image: -o-linear-gradient(top, #5286B3, #0a2237);
        background-image: linear-gradient(to bottom, #5286B3, #0a2237);
    }

    .watchlist-select {
        font-weight: bold;
        padding: 4.5px;
    }

    .addbuttons {
        text-align: right;
        margin: 1px 0 12px;
    }

        .addbuttons .addbutton {
            line-height: 1.5;
        }

    @media (max-width: 767px) {
        .addbuttons, .watchlist-div {
            width: 100%;
            right: 0;
            left: 0;
        }

        .addbuttons {
            text-align: left;
            margin-top: 0;
        }

        a.btn-add-holding, a.btn-add-multiple-assets, a.btn-create-watchlist {
            width: 100%;
            margin: 3px 0;
        }

        .sample-notice {
            padding: 2px 6px 22px !important;
        }
    }


    /* icons on buttons */
    a.gray-button, a.gray-button:hover, a.gray-button:focus, input.gray-button, input.gray-button:hover, input.gray-button:focus {
        background-color: #757575;
        background: #757575;
        line-height: 1.5;
        background-repeat: no-repeat;
        color: #fff;
        margin: 5px 1px 2px;
        display: inline-block;
        border-radius: 3px;
        text-decoration: none;
        cursor: default;
        pointer-events: none;
        font-size: 17px;
        padding: 3px 5px 4px;
        box-shadow: none;
        text-shadow: none;
        border: solid 2px #757575;
        border-radius: 0;
        text-transform: none;
        vertical-align: middle;
    }

    .inline-moreinfo.moreinfo, .inline-moreinfo.moreinfo:hover, .inline-moreinfo.moreinfo:focus {
        color: #267e93;
        border-color: #267e93;
        display: inline-block;
        vertical-align: top;
        position: relative;
        font-size: .7em;
        top: 0;
        right: 0; /* puts it at the right if position-absolute class is added*/
    }

        .inline-moreinfo.moreinfo .tooltiptext {
            line-height: 1.4;
        }


    @media (max-width: 450px) {
        .inline-moreinfo.moreinfo, .inline-moreinfo.moreinfo:hover, .inline-moreinfo.moreinfo:focus {
            position: absolute;
            right: -3px;
            top: 10px;
            left: initial;
        }
    }

    input[type=number] {
        padding: 3px 0 3px 6px;
    }

    /* Remove spinners - Chrome, Safari, Edge, Opera */
    input.no-spin::-webkit-outer-spin-button,
    input.no-spin::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Remove spinners - Firefox */
    input.no-spin[type=number] {
        -moz-appearance: textfield;
    }

    #selectedAsset {
        min-height: 60px;
    }


    .rfv-div-validation-triangle {
        color: #c72726;
        position: relative;
        transition: height ease-in-out 1s;
        text-align: right;
        top: -11px;
        line-height: 26px;
        font-size: 15px;
    }

        .rfv-div-validation-triangle > span:before {
            content: '';
            background: #fff;
            background-image: url(/images/validation-triangle.svg?v2);
            background-size: 22px 22px;
            top: -17px;
            right: 9px;
            position: absolute;
            height: 22px;
            width: 22px;
        }


    #cphPrimaryContent_chosenAssets label, #chosenAssets label {
        position: relative;
        background: #eff2f4;
        padding: 5px 35px 6px 11px;
        display: block;
        margin-bottom: 15px;
    }

    .removeAsset {
        position: absolute;
        right: 10px;
        top: -1px;
        cursor: pointer;
        color: #81a4b5;
        font-size: 26px;
        text-decoration: none;
    }

        .removeAsset:hover, .removeAsset:active, .removeAsset:focus {
            text-decoration: none;
        }

    #cphPrimaryContent_chosenAssets input[type="checkbox"], #chosenAssets input[type="checkbox"] {
        display: none;
    }

    .multiple-checks > div {
        display: inline-block;
        margin-bottom: 3px;
        margin-top: 2px;
    }


    /* end icons on buttons */

    .panels h2 {
        font-size: 1.5rem;
        margin: .2em 0;
    }


    .placeholder {
        display: none;
    }



    #cphPrimaryContent_btnShow4 {
        display: none;
    }

    #cphPrimaryContent_btnShow5 {
        display: none;
    }

    #pnlOnboarding > div {
        z-index: 40;
    }

    .statistics {
        max-width: 100%;
    }

        .statistics > div {
            border: solid 1px #ddd;
            border-top: none;
            margin: 0 0 15px 0;
            max-width: 100%;
        }

        .statistics h3 {
            padding: 8px 40px 8px 8px;
            text-align: left;
            font-size: 1em;
            position: relative;
            margin-bottom: 0px;
            margin-top: 0px;
        }

    @media screen and (min-width: 1000px) {
        .distribution, .myportfolio {
            display: inline-block;
            vertical-align: top;
        }

        .distribution {
            width: calc(56% - 11px);
            margin-right: 10px !important;
        }

        .myportfolio {
            width: calc(45% - 17px);
        }
    }

    .statistics canvas {
        margin-top: 15px;
    }


    .stat {
        padding: 10px 15px;
    }


    #volatilelist {
        margin: 0 0 10px 0;
        padding: 0;
    }

        #volatilelist li {
            margin-left: 30px;
            margin-bottom: 0;
        }

    .large {
        font-size: 1.7em;
    }


    .meter {
        margin: 35px 35px 60px 35px;
    }

        .meter > div {
            background: #dee5ee; /* Old browsers */
            background: -moz-linear-gradient(left, #e0edf3 0%,#7ba6b7 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #e0edf3 0%,#7ba6b7 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right,#e0edf3 0%,#7ba6b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ee', endColorstr='#7189a4',GradientType=1 ); /* IE6-9 */
            position: relative;
            height: 55px;
            width: 100%
        }


    .meter-green-red > div {
        background: #dee5ee; /* Old browsers */
        background: -moz-linear-gradient(left, #3f8852 0%, #bb7b40 50%, #812324 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #3f8852 0%, #bb7b40 50%, #812324 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,#3f8852 0%, #bb7b40 50%, #812324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5ee', endColorstr='#7189a4',GradientType=1 ); /* IE6-9 */
    }

    .meter-red-green > div {
        background: #dee5ee; /* Old browsers */
        background: -moz-linear-gradient(right, #3f8852 0%, #bb7b40 50%, #812324 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(right, #3f8852 0%, #bb7b40 50%, #812324 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to left,#3f8852 0%, #bb7b40 50%, #812324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7189a4', endColorstr='#dee5ee',GradientType=1 ); /* IE6-9 */
    }

    .meter-gold > div {
        background: -moz-linear-gradient(left, #d4a475 0%,#77421c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #d4a475 0%,#77421c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,#d4a475 0%,#77421c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .meter-green > div {
        background: -moz-linear-gradient(left, #5da56f 0%,#2c5f39 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #5da56f 0%,#2c5f39 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,#5da56f 0%,#2c5f39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .meter-red > div {
        background: -moz-linear-gradient(left, #b14949 0%,#6b2728 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #b14949 0%,#6b2728 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,#b14949 0%,#6b2728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    #mrmarker, #armarker, #mpemarker, #apemarker, #mmcmarker, #amcmarker, #mfemarker, #afemarker, .stat-slider-marker {
        padding: 0;
        text-align: center;
        font-size: 13px;
        line-height: 13px;
        width: 200px;
        margin-left: -100px;
        color: #252525;
    }

    .mn, .stat-slider-number {
        color: #fff;
        font-weight: bold;
    }

    #mpemarker, #mmcmarker {
        position: absolute;
        top: -18px;
    }

    #mrmarker, #mfemarker, .stat-slider-marker.top-stat-marker {
        position: absolute;
        top: initial;
        bottom: 16px;
    }

    #armarker, #apemarker, #amcmarker, #afemarker, .stat-slider-marker.bottom-stat-marker {
        position: absolute;
        bottom: -50px;
    }

    #mrmarker {
        left: 30%;
    }

    #armarker {
        left: 60%
    }

    #mpemarker {
        left: 40%;
    }

    #apemarker {
        left: 50%;
    }

    #mmcmarker {
        left: 40%;
    }

    #amcmarker {
        left: 50%;
    }


    .canvas-wrap, .chart-legend {
        display: inline-block !important;
        max-width: 255px;
        vertical-align: top;
        margin-left: 12px;
    }

    @media screen and (max-width: 350px) {
        .canvas-wrap {
            max-width: 100%;
            margin-left: 0px;
        }
    }

    .chart-legend ul {
        list-style: none;
        margin: 20px;
    }

    .chart-legend li {
        font-size: .8em;
        margin-bottom: 0;
    }

        .chart-legend li span {
            display: inline-block;
            width: 20px;
            height: 12px;
            margin-right: 5px;
            margin-bottom: -1px;
            margin-left: -25px;
        }

    .distribution {
        max-width: 400px;
    }

    /*.statistics tr {
        color: #1d2b3a !important;
    }

    .statistics thead tr {
        background: #fff !important;
    }

    .statistics th {
        height: 46px;
        vertical-align: bottom;
    }*/

    .wltable {
        font-size: .95em;
    }



    #dvNewsletter a {
        font-weight: normal;
    }


    /* makes full length tfoot always show. unlike other rows in datables js, tfoot uses normal colspan properties and doesnt need to have the same number of cells, and it doesn't do expanding like other rows */
    .footer-cell {
        display: table-cell !important;
    }



    span.aspNetDisabled {
        position: relative;
    }

        span.aspNetDisabled input#cphPrimaryContent_chkSMS:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkSMSAlertsEdit:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkSMSMultiple:hover:after,
        span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletterMultiple:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletter:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkNewsletterEdit:hover:after,
        span.aspNetDisabled input#cphPrimaryContent_chkSMS:focus:after, span.aspNetDisabled input#cphPrimaryContent_chkSMSAlertsEdit:focus:after, span.aspNetDisabled input#cphPrimaryContent_chkSMSMultiple:focus:after,
        span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletterMultiple:focus:after, span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletter:focus:after, span.aspNetDisabled input#cphPrimaryContent_chkNewsletterEdit:focus:after {
            content: "Enter your cell phone number in your account settings to enable SMS.";
            display: block;
            font-size: 14px;
            position: absolute;
            background: #eff2f4;
            color: #232425;
            width: 185px;
            z-index: 2;
            bottom: 28px;
            padding: 9px 12px 9px;
            border-radius: 4px;
            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        }

        span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletterMultiple:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletter:hover:after, span.aspNetDisabled input#cphPrimaryContent_chkNewsletter:hover:after,
        span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletterMultiple:focus:after, span.aspNetDisabled input#cphPrimaryContent_chkIncludeNewsletter:focus:after, span.aspNetDisabled input#cphPrimaryContent_chkNewsletter:focus:after {
            content: "Upgrade to MarketBeat All Access to further customize your newsletter.";
        }

        span.aspNetDisabled label {
            pointer-events: none;
            color: #999;
        }

    label {
        cursor: pointer;
    }

    .ui-autocomplete {
        overflow-y: auto;
        max-height: 350px;
    }

    .cat-search.ui-autocomplete {
        max-height: 35vh;
    }

    @media (min-width: 600px) {
        .cat-search.ui-autocomplete {
            max-height: 75vh;
        }
    }

    @media (max-width: 1088px) {
        .ui-autocomplete {
            max-width: 100% !important;
        }
    }

    @media (max-width: 767px) {

        .search-company-name .sparkline {
            display: none;
        }
    }

    .watchlist-title {
        font-size: 19px;
        margin: 5px 4px;
    }


    .settings-button .mb-icon {
        font-size: 1.5em;
		font-weight: 400;				 
    }

    .settings-button {
        cursor: pointer;
        padding: 0 1.65px;
    }

        .settings-button.pending {
            cursor: wait;
        }

    .latest-notifications {
        position: absolute;
        display: none;
        top: -10px;
        right: 106px;
        padding-right: 22px;
        z-index: 55;
        width: 338px;
        text-align: left;
        cursor: default;
        -webkit-transition: -webkit-transform .5s;
        transition: transform .5s;
    }

    @media (max-width: 650px) {
        .latest-notifications {
            top: 37px;
            right: -16px;
        }
    }

    .shownotifications.hovered .latest-notifications,
    .shownotifications:focus-within:not(.hovered) .latest-notifications {
        display: block;
    }

    .shownotifications:not(.hovered) .latest-notifications {
        display: none;
    }

    .shownotifications.pending {
        opacity: 0;
        transition: opacity .5s
    }


    .shownotifications {
        display: inline-block;
        opacity: 1;
        transition: opacity .5s;
        margin: 0;
    }


    .latest-notifications > div {
        box-shadow: 0px 2px 8px 0px #00000047;
        border: 1px solid #dee2e6 !important;
        background: #fff;
    }

    .latest-notifications .ntf-image-link {
        float: left;
        display: block;
        width: 60px;
        padding: 1px 14px 0 0;
    }

    .latest-notifications .ntf-header {
        color: #fff;
        margin: 0 -1px;
    }

    .latest-notifications .one-notification img {
        width: 100%;
    }

    .latest-notifications .ntf-heading, .latest-notifications .one-notification p {
        width: calc(100% - 62px);
        padding: 0;
        margin: 0 0 5px 0;
        border: none;
        float: right;
    }

    .latest-notifications .one-notification .li-inner:after {
        content: " ";
        display: table;
        clear: both;
        float: none;
        height: 2px;
        width: 100%;
    }

    .latest-notifications .ntf-heading a {
        display: none;
    }

    .latest-notifications ul {
        padding: 0;
    }

    .latest-notifications .new-notification {
        background: #eff2f4;
    }

    .latest-notifications .ntf-footer {
        text-align: center;
    }






    .latest-notifications .one-notification {
        padding: 0 6px !important;
        border-top: none;
    }

    .latest-notifications .li-inner {
        border-top: solid 1px #e6e6e6;
        padding: 11px 6px 4px;
        display: inline-block;
    }


    li.one-notification.new-notification + li.one-notification:not(.new-notification) {
        border-top: solid 1px #e6e6e6;
    }

        li.one-notification.new-notification + li.one-notification:not(.new-notification) .li-inner {
            border-top: none;
        }



    .latest-notifications ul::-webkit-scrollbar {
        width: 14px;
    }

    .latest-notifications ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.3);
        -webkit-border-radius: 14px;
        border-radius: 14px;
    }

    .latest-notifications ul::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
        background: #eee;
        border-radius: 14px;
    }

    tr.child .shownotifications {
        display: none;
    }

    .mobile-notifications {
        display: none;
    }

    .dtr-data .settings-button {
        padding: 0 5px;
    }

    .dtr-data .mobile-notifications {
        width: 39px;
        position: relative;
        display: block;
    }

    .mobile-notifications .start-bell:active:after {
        content: " loading...";
        position: absolute;
        top: 4px;
        left: 29px;
        font-family: Yantramanav;
        font-size: 12px;
    }

    .mobile-notifications ul {
        overflow-y: hidden;
    }

    /* end my marketbeat styles */


    /* end additional styles for screeners */


    /* start chart styles */

    .dv-chart, .dv-chart .axis text {
        font-size: 16px;
        font-family: Yantramanav, sans-serif;
    }

    .bold {
        font-weight: bold;
    }

    /*template styles*/
    .dv-chart-wrapper {
        max-width: 1336px;
        margin: 0 0 20px 0;
    }

    .dv-chart {
        margin: 0 5px;
    }

    #priceChart.dv-chart {
        margin: 0;
    }

    /*chart styles*/
    .dv-chart .y.axis line {
        fill: none;
        stroke: #000;
        opacity: .1;
        shape-rendering: crispEdges;
        stroke-width: 2px;
    }

    .dv-chart .x.axis line {
        fill: none;
        stroke: none;
        shape-rendering: crispEdges;
        stroke-width: 8px;
    }

    .dv-chart .tick.g-baseline line {
        stroke: #000;
        stroke-width: 2px;
        opacity: .5;
    }

    .dv-chart .axis text, .legend-top, .footnote-top {
        font-family: Yantramanav, sans-serif;
        font-weight: bold;
        pointer-events: none;
        fill: #888;
    }

    .dv-chart .axis.quarter-labels text {
        fill: #888;
    }

    .dv-chart text.year-label, .dv-chart .year-labels text {
        font-weight: normal;
    }

    .dv-chart .y.axis text {
        text-anchor: end !important;
        fill: #888;
    }

    .dv-chart .footnote {
        font-weight: normal;
        font-style: italic;
        pointer-events: none;
        fill: #888;
    }

    .dv-chart .domain {
        display: none;
    }

    .dv-chart .area {
        fill: #e4f0f2;
        opacity: 0.5;
    }

    .dv-chart .invisible-line {
        stroke: none;
        stroke-width: 0;
        fill: none;
    }

    .dv-chart .light-line {
        stroke: #75a0bb;
        stroke-width: 1.5px;
        fill: none;
        opacity: .3;
    }

    .dv-chart .medium-line {
        stroke: #75a0bb;
        stroke-width: 2px;
        fill: none;
        opacity: .7;
    }


    .dv-chart .dark-line {
        stroke-width: 3px;
        fill: none;
        stroke: #267e93;
    }

    .dv-chart .x.axis.year-lines .tick line, .dv-chart .x.axis.year-lines .tick line {
        fill: #888;
        stroke: #888;
    }

    .dv-chart .bar.past {
        fill: #267e93;
        fill: url(#pastBarGradient);
    }

    #dividendChart .bar.past {
        fill: url(#dividendChartpastBarGradient);
    }

    .dv-chart .bar.future {
        fill: #888888;
        fill: url(#futureBarGradient);
    }

    #dividendChart .bar.future {
        fill: url(#dividendChartfutureBarGradient);
    }

    .dv-chart .amount-bought {
        fill: #429056;
        fill: url(#boughtGradient);
    }

    .dv-chart .amount-sold {
        fill: #992120;
        fill: url(#soldGradient);
    }

    .dv-chart .amount-bought-bottom {
        fill: #429056;
    }

    .dv-chart .amount-sold-bottom {
        fill: #992120;
    }

    .dv-chart .x.axis text {
        text-anchor: middle;
    }

    #priceChart .x.axis text {
        text-anchor: end;
    }


    .dv-chart .axis.quarter-labels text.past, .dv-chart .axis.year-labels text.past {
        fill: #267e93;
    }

    .dv-chart .year-labels text {
        font-weight: normal;
    }

    .dv-chart .x.axis.year-lines .tick line.past, .dv-chart .x.axis.year-lines .tick line.past {
        stroke: #267e93;
    }

    .dv-chart .blue-point {
        fill: #267e93;
    }

    .dv-chart .overlay {
        fill: none;
        pointer-events: all;
    }

    /*.dv-chart .info-slider, .dv-chart .info-slider-top, .dv-chart .shadowGroup, .dv-chart .mainGroup, .dv-chart .overGroup, .dv-chart .bottomGroup, .dv-chart .clip rect, .dv-chart .fade-edges rect {
    transition: transform .15s ease;
}*/

    .dv-chart .info-slider, .dv-chart .info-slider-top {
        transition: transform .15s ease;
    }

        .dv-chart .info-slider circle, .dv-chart .info-slider-top circle {
            transition: cy .15s ease;
        }

        .dv-chart .info-slider circle, .dv-chart .info-slider-top circle {
            stroke: #fff;
            stroke-width: 2px;
        }


        .dv-chart .info-slider line {
            stroke-width: .5px;
        }

    .dv-chart .hover-line {
        stroke: #ccc;
        stroke-width: 2px;
        stroke-dasharray: 1,25,2000;
    }

    .dv-chart .info-slider-rect-shadow {
        fill: #ccc;
        opacity: .5;
    }

    .dv-chart .info-slider-rect {
        fill: #fff;
        opacity: .9;
    }

    .dv-chart .info-slider-text {
        fill: #267e93;
        font-weight: bold;
    }

    .dv-chart .info-slider-note-text {
        fill: #267e93;
        font-size: 10px;
        text-transform: uppercase;
    }

    .dv-chart .info-slider-bought-text {
        fill: #429056;
        font-weight: bold;
    }

    .dv-chart .info-slider-sold-text {
        fill: #992120;
        font-weight: bold;
    }

    .dv-chart .info-slider-bar {
        transition: all .15s ease;
    }

    .dv-chart tspan.tspan1 {
        font-size: .6em;
    }

    .dv-chart g.y.axis.top line {
        stroke: none;
    }

    .pie-text {
        font-size: .7em;
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 19%, rgba(255, 255, 255, 1) 81%, rgba(255, 255, 255, 0));
        cursor: pointer;
    }

    .pie-slice {
        stroke: #fff;
        cursor: pointer;
    }

    .pie-tip {
        margin: -7px 0 -11px 0;
        display: block;
        height: 30px;
    }

    .dv-chart .needle {
        -webkit-filter: drop-shadow( -2px -2px 1px rgba(0, 0, 0, .7));
        filter: drop-shadow( -2px -2px 1px rgba(0, 0, 0, .7));
        fill: #B4B4B4;
        transform-origin: 0 0;
    }

    .dv-chart .rating-chart-color1 {
        fill: #6b2728;
    }
    .dv-chart .rating-chart-color2 {
        fill: #992120;
    }
    .dv-chart .rating-chart-color3 {
        fill: #b92827;
}
    .dv-chart .rating-chart-color4 {
        fill: #a86527;
    }
    .dv-chart .rating-chart-color5 {
        fill: #4DA369;
    }
    .dv-chart .rating-chart-color6 {
        fill: #3c824e;
    }
    .dv-chart .rating-chart-color7 {
        fill: #2c5f39;
    }

    .dv-chart .etf-rating-chart-color1 {
        fill: #c62127;
    }

    .dv-chart .etf-rating-chart-color2 {
        fill: #af2025;
    }

    .dv-chart .etf-rating-chart-color3 {
        fill: #813636;
    }

    .dv-chart .etf-rating-chart-color4 {
        fill: #555555;
    }

    .dv-chart .etf-rating-chart-color5 {
        fill: #184d5a;
    }

    .dv-chart .etf-rating-chart-color6 {
        fill: #1c6274;
    }

    .dv-chart .etf-rating-chart-color7 {
        fill: #226d81;
    }


    .dv-chart .strong-buy-ratings {
        fill: #2c5f39;
    }

    .dv-chart .buy-ratings {
        fill: #429056;
    }

    .dv-chart .hold-ratings {
        fill: #a86527;
    }

    .dv-chart .sell-ratings {
        fill: #992120;
    }

    .dv-chart .small-rating-text {
        font-size: 90%;
    }

    .dv-chart.loading-message {
        position: relative;
    }

        .dv-chart.loading-message:before {
            content: 'Loading chart…';
            font-family: Oswald;
            text-align: center;
            background: radial-gradient(transparent, #eee);
            padding: 5px;
            color: #333;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 95%;
            opacity: .6;
            display: flex;
            vertical-align: bottom;
            align-items: center;
            justify-content: center;
        }

        .dv-chart.loading-message.unavailable-message:before {
            content: 'No chart available.';
        }

    /* default for insight points */
    .insight-point {
        fill: #a86527;
    }

        .insight-point.exdividend {
            fill: #267e93;
        }

        .insight-point.dividendpayable {
            fill: #195c6d;
        }

        .insight-point.earnings {
            fill: #743d85
        }

        .insight-point.negative {
            fill: #992120;
        }

        .insight-point.positive {
            fill: #429056;
        }



    #toggleInsights {
        top: 0;
        left: 0;
        z-index: 1;
        font-size: .9em;
        width: 275px;
        padding-top: 14px;
    }

    #toggleInsightsInner {
        max-height: 400px;
        overflow-y: auto;
    }

    @media (max-width: 748px) {
        #toggleInsights {
            top: 100% !important;
            left: 0 !important;
            width: 100% !important;
            padding-top: 0px !important;
        }

        #toggleInsightsInner {
            max-height: initial;
        }
    }




    /* end chart styles */

    /* compare products styles */
    #header-bar {
        height: 47px;
        padding-top: 7px;
        position: relative;
        margin-bottom: 20px;
        background-color: #1a1a1a;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    }
    /* table styles */

    .product-name {
        font-size: 1.2em;
        font-weight: normal;
        line-height: 1.2;
    }

    .product-price span {
        font-size: 27px;
    }

    .product-price sup {
        top: -1.1em;
        font-size: 40%;
    }

    .button {
        display: block !important;
        width: 120px;
        margin: 5px auto !important;
        font-size: 18px !important;
    }   

    /* special rows */

    .heading-row {
        background: #e4f0f2 !important;
        font-size: 1.2em;
        color: #222;
    }

        .heading-row td {
            border-top: solid 1.5px #267c92;
        }

    .subheading-row {
        color: #267c92;
        font-size: 1.05em;
        background-color: #fff !important;
        font-weight: 700;
    }
 

    /* end compare products styles */

    /* onboarding */

    #pnlHelpers.collapse:not(.show) {
        bottom: -25px !important;
    }

    /* results (search and autocomplete) */


    .result-set {
        box-shadow: 0 .2rem .85rem rgba(0,0,0,.11);
        margin-bottom: 1.5em;
    }

    .result {
        border-top: solid 6px #eff2f4;
        padding: .4em .75em;
    }


    .result-title {
        font-size: 1.3em;
        margin: .25em 0;
        display: block;
    }

    .result-number {
        color: #eff2f4;
        background: #777786;
        padding: 1px 4px 2px;
        border-radius: 2px;
    }

    .byline {
        text-transform: uppercase;
        font-weight: bold;
        font-size: .8em;
        margin-bottom: 7px;
        color: #6d6b6b;
    }


    .result .flex-section {
        margin: 0 -10px;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .result .image-link {
        margin: 5px 10px 10px;
        padding-top: 4px;
        flex: 1 0 190px;
        -ms-flex: 1 0 190px;
    }

    .result .description {
        flex: 50 1 250px;
        -ms-flex: 50 1 250px;
        margin: 5px 10px 10px;
    }


    .checkmark-list {
        padding-left: 2em;
        margin-bottom: 0;
    }

        .checkmark-list li {
            margin-bottom: .7em;
        }

            .checkmark-list li::marker {
                content: "\e990\00a0\00a0";
                font-family: 'mb-icons';
                color: #ffffff80;
            }

    .feature-list {
        list-style-type: none;
    }

        .feature-list li {
            padding-left: 2em;
            text-indent: -1.7em;
            margin-bottom: 10px;
        }

            .feature-list li::before {
                content: "\e9db";
                font-family: mb-icons !important;
                speak: none;
                font-style: normal;
                font-weight: 400;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                font-size: 1em;
                padding: 0 10px 0 0;
            }

    /* for hello bar countdown */
    .countdown-timer ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 186px;
        min-width: 186px;
    }

    .countdown-timer li {
        display: inline-block;
        font-size: 0.6em;
        list-style: none;
        padding: 0.25em 0.5em;
        text-transform: uppercase;
        font-weight: 700;
    }

        .countdown-timer li span {
            display: block;
            font-size: 1.4em;
        }


    .facebook-login-button {
        /* display: none !important;*/ /*can turn off facbook hello js buttons*/
    }

    .hpageview {
        display: none;
    }


    /* start momb more on marketbeat styles */

    .more-headline {
        font-family: Prata,'times new roman',Times,serif;
        font-size: 22px;
        border-bottom: solid 1px #195c6d;
        margin: 0;
        font-weight: 400;
    }

    .momb {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -4px;
    }

        .momb .momb-section {
            -ms-flex: 4 0 280px;
            flex: 4 0 280px;
            padding: 8px 4px 4px;
        }



    .momb-LeftPicture .momb-section {
        -ms-flex: 0 1 344px;
        flex: 0 1 344px;
    }


    .momb .linkbox {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 -4px;
    }

        /* for accessibility */
        .momb .linkbox:focus {
            -moz-box-shadow: 0 0 5px #2e9eb9;
            -webkit-box-shadow: 0 0 5px #2e9eb9;
            box-shadow: 0 0 5px #2e9eb9;
            outline: solid 1px #2e9eb9;
        }

            .momb .linkbox:hover .title-line,
            .momb .linkbox:focus .title-line {
                text-decoration: underline;
            }

    .momb .imagebox {
        width: 100%;
        padding-top: 64%;
        margin: 0 4px 8px;
        background-size: cover;
        background-position: center;
        position:relative;
    }
    .momb .imagebox img{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .momb .textbox {
        font-size: 14px;
        line-height: 1.3;
        text-decoration: none;
        flex: 1 1 125px;
        padding: 0 4px;
    }

    .momb .linktext {
        color: #267e93;
        text-decoration: none;
        font-weight: bold;
        line-height: 1;
        font-size: 18px;
    }

    .momb .from-line {
        color: #666;
        font-weight: normal;
        font-size: 11px;
        font-family: yantramanav, helvetica, sans-serif;
    }




    .momb-LeftPicture .imagebox {
        display: inline-block;
        padding-top: 100px;
        overflow: hidden;
        margin: 0 4px 6px;
        background-size: cover;
        background-position: center;
        width: 113px;
    }


    .momb-LeftPicture .linktext {
        color: #005f77;
    }

    .more-headline-LeftPicture {
        font-family: Yantramanav, Arial, Helvetica, sans-serif;
        font-size: 20px;
        border-bottom: solid 1px #333;
        margin: 0;
        font-weight: bold;
        color: #333;
        padding: 0 0 3px;
    }


    @media (max-width: 700px) {
        .momb .textbox {
            font-size: 12px;
        }

        .momb .linktext {
            font-size: 15px;
        }

        .momb-LeftPicture .imagebox {
            padding-top: 90px;
        }
    }
    /* end more on marketbeat styles */

    /* Congress Trades */
/*.scroll-table td:first-child {
    width: 250px;
    max-width: 250px;
}


@media (min-width: 992px) {
    .company-thumbnail {
        width: 40px;
        float: left;
        margin: 0px 13px 25px 0px
    }
}*/

.mb-icon .icon-state {
    stroke: currentColor;
    fill: currentColor;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: center center;
    width: 24px;
}

.member-chamber, .member-state, .member-party {
    font-size: 90%;
}

.member-image {
    margin-right: 30px !important;
    margin-bottom: 24px !important;
}

.person-thumbnail {
    aspect-ratio: .8/1;
    object-fit: cover;
    object-position: top center;
}

img.person-thumbnail {
    filter: saturate(0.8) brightness(1.05) contrast(1.05);
    transform: translateZ(0); /* forces it to use GPU? */
}

.member-image .icon-state {
    position: absolute;
    bottom: -24px;
    right: -24px;
    stroke-width: 0;
    fill: currentColor;
    aspect-ratio: 1/1;
    object-fit: cover;
    object-position: bottom right;
    width: 48px;
}

    .member-image .icon-state.icon-underneath {
        stroke-width: 5px;
        stroke: white;
    }

.trade-list-button {
    min-width: 350px;
    max-width: 100%;
    font-size: 1em;
    background: #eff2f4 !important;
    text-transform: none;
    border-radius: 0.25em;
    border: 1px solid rgba(0,0,0,.125);
}

    .trade-list-button:hover,
    .trade-list-button:focus {
        color: #24778c;
    }

    .trade-list-button .icon-arrow {
        rotate: 90deg;
    }

    .trade-list-button[aria-expanded="true"] .icon-arrow {
        rotate: -90deg;
    }

.trade-list {
    font-size: 85%;
    width: 100%;
    max-width: 350px;
}

.trade-list-item {
    padding: 0.45em;
    transition: all 0.2s ease-in-out;
    z-index: 0;
}

    .trade-list-item:hover, .trade-list-item:focus-within {
        transform: scale(1.02);
        background: #fff !important;
        box-shadow: 0 0 5px #2e9eb9;
        border: 1px solid #267e93;
        z-index: 1;
    }
    /*End Congress Trades*/

    /* this is a browser bug fix, at the end because otherwise it keeps the rest from minimizing */
    @-ms-viewport {
        width: device-width;
    }


    /* IE9 and IE10 rule sets go here */
    @media screen and (min-width:0\0) {
        .header-logo {
            max-width: 190px;
            padding: 0 15px;
        }
    }