/*#region Custom fonts *******************************************************/

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/google/open-sans-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/google/open-sans-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/google/open-sans-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/google/open-sans-v14-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/google/open-sans-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/google/open-sans-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/google/open-sans-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/google/open-sans-v14-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/google/open-sans-v14-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/google/open-sans-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/google/open-sans-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/google/open-sans-v14-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/google/open-sans-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/google/open-sans-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/google/open-sans-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/google/open-sans-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/google/open-sans-v14-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/*#endregion *****************************************************************/

/*region Global **************************************************************/
body {
    font-family: 'Inter Tight', sans-serif;
}

h1, .h1 {

    font-size: 2.5rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid black;
}

h2, .h2 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid black;
}

h3, .h3 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid black;
}


h4, .h4 {
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 1rem;
}

a {
    color: #0173bc;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
}

    a:hover, a:focus {
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

/*#endregion *****************************************************************/

.grey {
    color: #757575;
}

.lightgrey {
    color: lightgrey;
}

.bold {
    font-weight: 600;
}

aside p {
    margin-bottom: 1rem;
}

/*Skip links for assessibility*/
div.skip {
    position: relative;
}

a.skip {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    a.skip:focus {
        left: 0.1rem;
        /*top: -2.5rem;*/
        z-index: 1000000;
        width: auto;
        height: auto;
    }

div.overlay-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, .5);
}

div.overlay-mask > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* forms */
form[role=form] > div.form-group {
    margin-top: 10px; /* fix the validation-summary-errors has 10px margin-bottom issue */
}

form[role=form] .btn.btn-lg {
    min-width: 125px;
}

#searchTools {
    background-color: #ebf2f5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

    #searchTools a.btn-search {
        float: right;
        margin-top: -37px;
        margin-right: 1px;
        width: 50px;
        height: 36px;
        padding: 4px 10px;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        border-color: #0173bc;
        z-index: 102;
    }

div.tt-dropdown-menu, div.tt-menu {
    left: 0;
    right: auto;
}

div.tt-dropdown-menu, div[for=stockSearch] div.tt-menu {
    left: auto;
    right: 0;
}

    div.tt-dropdown-menu > div.tt-dataset > div.tt-suggestion,
    div.tt-menu > div.tt-dataset > div.tt-suggestion {
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Article pages */

.articleBox {
    background-color: #fff;
    height: auto;
}

.articleBoxSm {
    background-color: #fff;
    min-height: 310px;
}

.articleLink {
    padding-top: 4px;
    font-size: 18px;
}

.subArticleContent {
    font-size: 14px;
    line-height: 12px;
}

.articleBoxSm .subArticleContent {
    display: none;
}

.HP-Author {
    font-size: 12px;
}


/* article detail page */
div.article div.articleAuthors {
    margin-top: 15px;
    margin-bottom: 15px;
}

    div.article div.articleAuthors div.articleAuthor.row {
        padding-top: 5px;
        padding-bottom: 5px;
    }

ul.list-inline > li.articleList {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    font-family: 'Inter Tight', sans-serif;
    border-bottom: 1px solid #dddddd;
    width: 100%;
}

/* mutualfund, etf, stocks pages */


.footer-text {
    margin: 0;
    padding-top: 0;
}


/* stock global news */
div[name=globeNewsContainer] > div[name=topGlobalNews] > ul > li {
    list-style: none;
    margin: 0px;
    padding-bottom: 20px;
}

    div[name=globeNewsContainer] > div[name=topGlobalNews] > ul > li > a {
        font-size: 1.4rem;
        line-height: 22px;
    }

/* fund & stock detail page */


.selectedIndex a:not(.remove),
.selectedStock a:not(.remove),
.selectedETF a:not(.remove),
.selectedFund a:not(.remove),
.selectedProspectusRiskIndex a:not(.remove) {
    width: calc(100% - 34px);
    max-width: calc(100% - 34px);
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.selectedIndex a.remove,
.selectedStock a.remove,
.selectedETF a.remove,
.selectedFund a.remove,
.selectedProspectusRiskIndex a.remove {
    width: 34px;
    max-width: 34px;
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.selectedIndex a.toggle-off,
.selectedStock a.toggle-off,
.selectedETF a.toggle-off,
.selectedFund a.toggle-off,
.selectedProspectusRiskIndex a.toggle-off {
    color: #cccccc;
}

.selectedIndex a:hover ~ a,
.selectedStock a:hover ~ a,
.selectedETF a:hover ~ a,
.selectedFund a:hover ~ a,
.selectedProspectusRiskIndex a:hover ~ a {
    border-color: #86bbdd;
}

.selectedIndex a.remove:hover,
.selectedStock a.remove:hover,
.selectedETF a.remove:hover,
.selectedFund a.remove:hover,
.selectedProspectusRiskIndex a.remove:hover {
    border-left: 1px solid transparent;
    border-radius: 4px;
    border-color: #86bbdd;
}


div.legend-box {
    width: 300px;
}



/* footer */


footer {
    background-color: #18588b;
    color: #fff;
}

    footer a, footer a:hover {
        color: #ffffff;
    }

    footer .nav-link {
        color: #ffffff;
        padding: 0.5rem;
    }

        footer .nav-link:focus, footer .nav-link:hover {
            font-weight: bold !important;
            color: #ffffff;
        }

    footer .nav-item:first-child .nav-link {
        padding-left: 0;
    }

    footer .nav-item:last-child .nav-link {
        padding-right: 0;
    }


.articleFooter {
    background-color: #f6fbfd;
}

@media screen and (max-width: 639px) {

    /* calculator province dropdown menu */
    section#savingsCalcForm > div.row > div > form > div.form-group > div > ul[role=menu] {
        left: 0;
        width: 100%;
        top: -3px;
        position: relative;
    }

}

main:focus, aside:focus {
    outline: none;
}

.btn-info {
    color: #ffffff;
    background-color: #0173bc;
    border-color: #18588b;
    font-size: 1.8rem;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #18588b;
        border-color: #18588b;
    }


.btn-default {
    background-color: #fafafa;
    border-color: #e6e6e6;
    display: inline-block;
    font-weight: 400;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #1b3154;
        border-color: #86bbdd;
        background-color: #f6fbfd;
    }

.btn-primary {
    background-color: #0173bc;
    border-color: #4e99cb;
    display: inline-block;
    font-weight: 400;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #18588b;
    }


.btn-danger {
    color: #ffffff;
    background-color: #d53e10;
    border-color: #9b2313;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #9b2313;
        border-color: #9b2313;
    }


.btn-xs {
    font-size: 12px;
}

/*search styling*/
.no-results-container {
    padding: 4rem 0 5rem;
    color: #757575;
    width: 100%;
    margin: 1rem 0;
    text-align: center;
    font-weight: 600;
}

    .no-results-container i {
        margin-bottom: 1rem;
    }


/*form styling starts here*/
textarea.form-control {
    min-height: 10rem;
}

.form-group-radio-btn-container {
    width: 100%;
    text-align: center;
}

/*snapshot styling starts here*/


.hr-dashed {
    border-bottom: 1px dashed #bbb;
    border-top: none;
    margin: 0;
}

.risk-img, .volatility-img {
    max-width: 650px;
    width: 100%;
}

.dateContainer {
    border: 1px solid #bbb;
    float: right;
    padding: 0 1rem;
    background-color: #f6fbfd;
    font-weight: 600;
}

/*calculator styling starts here*/

.savingsCalculatorResults {
    background-color: #f6fbfd;
    border-radius: 1rem;
}

.savingsCalculatorResults .green {
    color: green;
}


.educationSavingsCalculatorData {
    border-bottom: 2px solid #bbb;
    margin-bottom: 2rem;
}

    .educationSavingsCalculatorData .savingsCalculatorData div:last-child {
        border-top: 1px solid #bbb;
    }

.calcBtnContainer .col-xs-12 {
    padding-right: 0;
}



    #educationSavingsTable table {
        background-color: #fff;
    }

    #educationSavingsTable table, #educationSavingsTable th, #educationSavingsTable tr, #educationSavingsTable td {
        border: 1px solid #bbb;
    }

        #educationSavingsTable > table, #educationSavingsTable td, #educationSavingsTable th[scope=col] {
            text-align: center;
        }

    #educationSavingsTable .text-left {
        text-align: left;
    }

    #educationSavingsTable input {
        border: none;
        margin: 0;
        padding: 0;
        width: 80%;
        text-align: center;
    }

/*what is fund library styling starts here*/

.whatIsFundLibraryRow h2 {
    margin-bottom: 2rem;
}

.whatIsFundLibraryRow ul {
    list-style-type: none;
    margin-bottom: 4rem;
    padding-left: 4rem;
}

.whatIsFundLibraryRow li {
    padding-left: 1rem;
    text-indent: -3rem;
}

    .whatIsFundLibraryRow li:before {
        content: "•";
        content: "✔";
        color: #0173bc;
        font-weight: 700;
        font-size: 2rem;
        margin-right: 0.5rem
    }

.whatIsFundLibraryRow .foot-note {
    margin-top: 4rem;
    border-top: 1px solid #bbb;
    padding-top: 1rem;
}

.whatIsFundLibraryRow h4 {
    margin-bottom: 2rem;
}

.whatIsFundLibraryRow hr {
    margin: 1rem 0;
    border-color: #bbb;
}

.CTA-box {
    background-color: #f6fbfd;
    border: 1px solid #e3edf1;
    border-radius: 1rem;
}




/*account info styling starts here*/
.accountInfoRow {
    margin-bottom: 2rem;
    padding: 0 0 2rem 0;
    border: 1px solid #ddd;
    border-radius: 1rem;
}

    .accountInfoRow .form-group {
        margin-right: 0;
        margin-left: 0;
    }

section[name=accountInfo] img {
    max-width: 175px;
    margin: 0 auto;
}

.accountInfoRowHeader {
    padding-bottom: 4rem;
    padding-top: 1rem;
    margin-bottom: 1rem;
    background-color: #f6fbfd;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

    .accountInfoRowHeader .col-xs-9 {
        padding-left: 0;
    }

    .accountInfoRowHeader > .btn {
        float: right;
    }



.success-message-container {
    background-color: #E0F1E0;
    border-radius: 0.5rem;
    padding: 1rem;
}

/*form validation message styling starts here*/

.field-validation-error {
    margin-bottom: 0.25rem;
    display: block;
}

.text-danger {
    color: #AD0000;
}

.text-success {
    color: #3D763E;
    font-weight: 600;
}

/*footer styling starts here*/
.footerContent {
    margin-bottom: 3rem;
}



/*popever styling starts here*/
.popover-content {
    font-size: 1.2rem;
}

/*Market page styling starts here*/

.indicesNav {
    padding: 0 2rem;
}

.bg-green {
    background-color: #419a48;
    color: #ffffff;
}

.bg-blue {
    background-color: #4279af;
    color: #ffffff;
}

.bg-purple {
    background-color: #92539f;
    color: #ffffff;
}

.bg-orange {
    background-color: #cd4a27;
    color: #ffffff;
}

.indicesNav .panel-default {
    border: none;
    padding: 0.75rem;
}

.indicesNav .panel-heading {
    text-align: center;
    position: relative;
    border: 1px solid #ddd;
    border-bottom: none;
}

    .indicesNav .panel-heading h2 {
        font-size: 1.8rem;
        margin-bottom: 0;
        font-weight: 400;
        color: #fff;
    }

.indicesNav .panel-body h3, .indicesNav .panel-body h4 {
    font-size: 1.2rem;
    margin-bottom: 0;
    padding-top: 0.5rem;
    margin-top: 0;
}

.card-header-TSX {
    background-color: #419a48;
}
.card-header-SP500 {
    background-color: #4279af;
}
.card-header-TSX-V {
    background-color: #92539f;
}
.card-header-TSX, .card-header-SP500, .card-header-TSX-V {
    color: #ffffff;
}

.card-header-TSX:hover, .card-header-SP500:hover, .card-header-TSX-V:hover {
    color: #ffffff;
}

.indicesNav .panel-body {
    border: 1px solid #ddd;
    border-top: none;
    padding: 0.5rem 1rem;
}

.indicesNav .panel-heading input {
    position: absolute;
    left: 1.25rem;
    top: 1rem;
}


#commoditiesCurrencyContainer {
    padding: 0 1.5rem;
}

    #commoditiesCurrencyContainer .panel-heading h3 {
        font-weight: 600;
        font-size: 1.8rem;
        margin: 0;
        padding: 0;
        color: #333;
        text-align: left;
    }

    #commoditiesCurrencyContainer .panel-heading {
        padding-left: 1rem;
    }

    #commoditiesCurrencyContainer .col-md-4 {
        margin-bottom: 1rem;
    }

div[name=globeNewsContainer] {
    padding: 1rem 0;
}

    div[name=globeNewsContainer] .list-inline > li {
        display: block;
    }



/*chart controld container styling starts here*/


div[name=chartControlsContainer] > div {
    margin-bottom: 1rem;
}

#chartControlsContainer h2 {
    font-size: 1.8rem;
    padding-left: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1.5px solid #ddd;
}

#chartControlsContainer h3 {
    font-size: 1.8rem;
    margin-left: 0.4rem;
    font-weight: 700;
}

#chartControlsContainer .col-md-4, #chartControlsContainer .col-sm-6, #chartControlsContainer .col-lg-4 {
    padding: 0 .5rem;
}

#chartControlsContainer .custom-select select {
    padding: 0.7rem;
    border: 0;
    font-size: 1.4rem;
}

#chartControlsContainer .custom-select {
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/*Market activity widget styling starts here*/

#marketActivityTable > tbody > tr.active > td {
    /*override default bootstrap styling*/
    background-color: transparent;
}

#marketActivityTable .active {
    background-color: #f6fbfd;
    font-weight: 600;
}

#marketActivityTable .focus,
.marketIndexSelectorRow:hover {
    background-color: #f6fbfd;
}

    #marketActivityTable .focus a, {
        outline: none;
    }

#marketActivityTable .active a {
    color: #0173bc;
    text-decoration: none;
    font-weight: 600;
}

/*detail highlights styling starts here*/
.highlights-container > div > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
}

.highlights-container p.text-lg {
    padding-top: .7rem;
    font-size: 1.8rem;
}

.aplus-highlight-container {
    vertical-align: top;
    padding-left: 0.5rem;
}

.detailPopOverLink img {
    vertical-align: top;
}

.aplus-highlight-container .popover-content {
    font-size: 1.4rem;
    font-weight: 500;
    top: 71px !important;
    left: 379px !important;
}

.aplus-highlight-container a:hover,
.aplus-highlight-container a:focus {
    cursor: pointer;
}

.aplus-highlight-container .popover-title {
    background-color: #fff;
    font-weight: 700;
    border-bottom: 0;
    padding: 1rem 1.3rem 0 1.3rem;
}

.popover-aplus {
    width: 40px;
    display: inline-block;
    margin-right: .5rem;
    vertical-align: top;
}

.hide {
    display: none;
}


.fundgrade-checkbox-container {
    padding: 1.5rem 0 0 2rem;
}

/*dropdown and search button group stlying starts here*/
.dropdownButtonContainer > .btn {
    margin: 0;
    min-width: 50px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.dropdownButtonContainer {
    display: flex;
}

/*ESG styling starts here*/
.ESG-footer-container {
    font-size: 12px;
    margin-top: 4rem;
    color: #757575;
}

    .ESG-footer-container ul li {
        list-style-type: none;
        display: inline-block;
        margin-left: 1rem;
        vertical-align: middle;
        margin-bottom: .5rem;
    }


/*error page styling starts here*/
.error-container {
    padding: 4rem 0 2rem 0;
}

    .error-container .btn {
        margin-bottom: 6rem;
    }

    .error-container h2 {
        margin: 5rem 0 2rem;
    }

    .error-container ul {
        list-style-type: none;
        padding-left: 0;
        font-size: 1.8rem;
    }

    .error-container li {
        margin-bottom: 0.5rem;
    }




@media only screen and (min-width: 768px) {

    .form-horizontal .control-label {
        text-align: left;
    }



    /*error links stying*/
    .error-container li {
        display: inline-block;
        margin: 0 2rem;
    }
}

@media only screen and (min-width: 992px) {
    .aplus-highlight-container .popover-content {
        min-width: 285px;
    }

}


.fa-search {
    vertical-align: -0.2em;
}

div.portfolioLoader {
    width: 100%;
    text-align: center;
    padding-top: 200px;
}

#portfolioContainer {
    min-height: 900px;
}


/* New  CSS ******************************************************************/

/*#region Width utilities******************************************************/
/*                                                                            */
/* Use these to to size an element relative to container                      */
/* Use flex (.flex-49) to tweak relative column widths                        */
/*                                                                            */
/***************s**************************************************************/
.w-1 {
    width: 1% !important;
}

.w-2 {
    width: 2% !important;
}

.w-3 {
    width: 3% !important;
}

.w-4 {
    width: 4% !important;
}

.w-5 {
    width: 5% !important;
}

.w-6 {
    width: 6% !important;
}

.w-7 {
    width: 7% !important;
}

.w-8 {
    width: 8% !important;
}

.w-9 {
    width: 9% !important;
}

.w-10 {
    width: 10% !important;
}

.w-11 {
    width: 11% !important;
}

.w-12 {
    width: 12% !important;
}

.w-13 {
    width: 13% !important;
}

.w-14 {
    width: 14% !important;
}

.w-15 {
    width: 15% !important;
}

.w-16 {
    width: 16% !important;
}

.w-17 {
    width: 17% !important;
}

.w-18 {
    width: 18% !important;
}

.w-19 {
    width: 19% !important;
}

.w-20 {
    width: 20% !important;
}

.w-21 {
    width: 21% !important;
}

.w-22 {
    width: 22% !important;
}

.w-23 {
    width: 23% !important;
}

.w-24 {
    width: 24% !important;
}

.w-25 {
    width: 25% !important;
}

.w-26 {
    width: 26% !important;
}

.w-27 {
    width: 27% !important;
}

.w-28 {
    width: 28% !important;
}

.w-29 {
    width: 29% !important;
}

.w-30 {
    width: 30% !important;
}

.w-31 {
    width: 31% !important;
}

.w-32 {
    width: 32% !important;
}

.w-33 {
    width: 33% !important;
}

.w-34 {
    width: 34% !important;
}

.w-35 {
    width: 35% !important;
}

.w-36 {
    width: 36% !important;
}

.w-37 {
    width: 37% !important;
}

.w-38 {
    width: 38% !important;
}

.w-39 {
    width: 39% !important;
}

.w-40 {
    width: 40% !important;
}

.w-41 {
    width: 41% !important;
}

.w-42 {
    width: 42% !important;
}

.w-43 {
    width: 43% !important;
}

.w-44 {
    width: 44% !important;
}

.w-45 {
    width: 45% !important;
}

.w-46 {
    width: 46% !important;
}

.w-47 {
    width: 47% !important;
}

.w-48 {
    width: 48% !important;
}

.w-49 {
    width: 49% !important;
}

.w-50 {
    width: 50% !important;
}

.w-51 {
    width: 51% !important;
}

.w-52 {
    width: 52% !important;
}

.w-53 {
    width: 53% !important;
}

.w-54 {
    width: 54% !important;
}

.w-55 {
    width: 55% !important;
}

.w-56 {
    width: 56% !important;
}

.w-57 {
    width: 57% !important;
}

.w-58 {
    width: 58% !important;
}

.w-59 {
    width: 59% !important;
}

.w-60 {
    width: 60% !important;
}

.w-61 {
    width: 61% !important;
}

.w-62 {
    width: 62% !important;
}

.w-63 {
    width: 63% !important;
}

.w-64 {
    width: 64% !important;
}

.w-65 {
    width: 65% !important;
}

.w-66 {
    width: 66% !important;
}

.w-67 {
    width: 67% !important;
}

.w-68 {
    width: 68% !important;
}

.w-69 {
    width: 69% !important;
}

.w-70 {
    width: 70% !important;
}

.w-71 {
    width: 71% !important;
}

.w-72 {
    width: 72% !important;
}

.w-73 {
    width: 73% !important;
}

.w-74 {
    width: 74% !important;
}

.w-75 {
    width: 75% !important;
}

.w-76 {
    width: 76% !important;
}

.w-77 {
    width: 77% !important;
}

.w-78 {
    width: 78% !important;
}

.w-79 {
    width: 79% !important;
}

.w-80 {
    width: 80% !important;
}

.w-81 {
    width: 81% !important;
}

.w-82 {
    width: 82% !important;
}

.w-83 {
    width: 83% !important;
}

.w-84 {
    width: 84% !important;
}

.w-85 {
    width: 85% !important;
}

.w-86 {
    width: 86% !important;
}

.w-87 {
    width: 87% !important;
}

.w-88 {
    width: 88% !important;
}

.w-89 {
    width: 89% !important;
}

.w-90 {
    width: 90% !important;
}

.w-91 {
    width: 91% !important;
}

.w-92 {
    width: 92% !important;
}

.w-93 {
    width: 93% !important;
}

.w-94 {
    width: 94% !important;
}

.w-95 {
    width: 95% !important;
}

.w-96 {
    width: 96% !important;
}

.w-97 {
    width: 97% !important;
}

.w-98 {
    width: 98% !important;
}

.w-99 {
    width: 99% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}
/*#endregion Width utilities***************************************************/


/*#region navbar *************************************************************/
.headerTopBar {
    color: #fff;
    background-color: #0173bc;
}
.headerTopBar a {
    color: #fff;
    font-weight: bold;
}

    .navbar-member a.member-link {
        color: #ffffff;
    }

.navbar-member ul {
    list-style: none;
    margin-bottom: 0;
}

.navbar-member li {
    display: inline-block;
}



.nav-container {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.navbar-item:hover, .dropdown:hover, .dropdown-item:hover {
    background-color: #0173bc;
}

    .navbar-item:hover > .nav-link, .dropdown:hover .dropdown-toggle, .dropdown-item:hover .nav-link {
        color: #ffffff;
    }

.navbar-item .nav-link {
    color: #000000;
    text-transform: uppercase;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.navbar-item.active a.nav-link, .navbar-item.dropdown.active > a.nav-link.dropdown-toggle {
    font-weight: bold;
}

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

.dropdown-menu .dropdown-item .nav-link {
    text-transform: unset;
}

.navbar-toggler {
    padding: 0.25rem 0;
    font-size: 1rem;
    text-transform: uppercase;
    border-radius: 4px;
}
    .navbar-toggler:hover, .navbar-toggler:focus {
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    }

/*#endregion navbar **********************************************************/
@media (max-width: 575px) {
    .logo {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .logo {
        height: 50px;
    }
}

/*#region nav-tabs ***********************************************************/
.nav-tabs > li > a {
    /*font-size: 1.8rem;*/
    font-family: 'Inter Tight', sans-serif;
    font-weight: 500;
}

.nav-tabs {
    border-bottom: 2px solid #ddd;
}

    .nav-tabs .nav-item .nav-link {
        color: #0173bc;
    }

        .nav-tabs .nav-item .nav-link.active {
            background-color: #0173bc;
            color: #fff;
        }

        .nav-tabs .nav-item .nav-link:hover {
            background-color: #f1f6f8;
            color: #1b3154;
        }

/*#endregion nav-tabs ********************************************************/




.c0, .c0:hover, .c0:focus {
    color: #004A7C;
}

.c1, .c1:hover, .c1:focus {
    color: #00B48D;
}

.c2, .c2:hover, .c2:focus {
    color: #F7941D;
}

.c3, .c3:hover, .c3:focus {
    color: #8DC63F;
}

.c4, .c4:hover, .c4:focus {
    color: #99C9E6;
}

table.table.table-striped > tbody > tr.seriesHidden td {
    color: lightpink;
}

table.table-correlation {
    width: unset;
    margin-top: 200px;
    margin-right: 90px;
}

    table.table-correlation td.label, table.table-correlation th.label {
        text-align: left;
        vertical-align: middle;
        padding: 0 1rem 0 1rem;
    }

    table.table-correlation td.value, table.table-correlation th.value {
        text-align: left;
        vertical-align: middle;
        width: 75px;
        height: 50px;
    }

    table.table-correlation .correlation-th > div {
        transform: rotate(-60deg);
        width: 280px;
        font-weight: normal;
    }

    table.table-correlation .correlation-th > div > div {
        width: 280px;
    }

    table.table-correlation .drop0 {
        position: absolute;
        top: -105px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop1 {
        position: absolute;
        top: -55px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop2 {
        position: absolute;
        top: -3px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop3 {
        position: absolute;
        top: 47px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop4 {
        position: absolute;
        top: 96px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop5 {
        position: absolute;
        top: 146px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop6 {
        position: absolute;
        top: 198px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop7 {
        position: absolute;
        top: 248px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop8 {
        position: absolute;
        top:298px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    table.table-correlation .drop9 {
        position: absolute;
        top: 347px;
        left: -35px;
        width: 75px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        table.table-correlation td.name {
            width: 310px;
        }

        table.table-correlation td.value {
            width: 75px;
            text-align: center;
            font-weight: bold;
            border: 1px solid #dee2e6;
        }

    table.table-correlation td.label {
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }
            table.table-correlation td.value.pos-high, .pos-high {
                background-color: #94ce9c;
            }

            table.table-correlation td.value.pos-med, .pos-med {
                background-color: #c0ddc5;
            }

            table.table-correlation td.value.pos-low, .pos-low {
                background-color: #d4e8d9;
            }

            table.table-correlation td.value.neutral, .neutral {
                background-color: ghostwhite;
            }

            table.table-correlation td.value.neg-low, .neg-low {
                background-color: #f5cccd;
            }

            table.table-correlation td.value.neg-med, .neg-med {
                background-color: #eb999a;
            }

            table.table-correlation td.value.neg-high, .neg-high {
                background-color: #df6668;
            }

            table.table-correlation td.value.filter {
                background-color: #ffffff;
                color: lightgray;
            }

.bg-highlight-1 {
    background-color: #eeeeee !important;
}

.bg-highlight-2 {
    background-color: #dddddd !important;
}

.bg-highlight-3 {
    background-color: #cccccc;
}

/*#region Asset Allocation ***************************************************/
th.assetAllocCol, th.sectorAllocCol, th.geoAllocCol {
    height: 175px;
    white-space: nowrap;
    min-width: unset;
    padding: 0 !important;
    font-weight: normal;
    text-align: right;
}

    th.assetAllocCol > div, th.sectorAllocCol > div, th.geoAllocCol > div {
        transform:
        /* Magic Numbers */
        translate(-145px, -140px) rotate(45deg);
        width: 50px;
    }

    th.assetAllocCol > div > div, th.sectorAllocCol > div > div, th.geoAllocCol > div > div {
        background-color: #F8F8F8;
        border-radius: 100px 0 100px 0;
        padding: 5px 20px 5px 5px;
        width: 250px;
    }

    th.assetAllocCol:nth-child(odd) > div > div, th.sectorAllocCol:nth-child(odd) > div > div, th.geoAllocCol:nth-child(odd) > div > div {
        background-color: #E8E8E8;
    }

    td.assetAllocCol, td.sectorAllocCol, td.geoAllocCol {
        width: 50px;
    }

    td.assetAllocCol:nth-child(odd):not(:first-child), td.sectorAllocCol:nth-child(odd):not(:first-child), td.geoAllocCol:nth-child(odd):not(:first-child) {
        background-color: #E8E8E8;
    }

    td.assetAllocCol:nth-child(even):not(:first-child), td.sectorAllocCol:nth-child(even):not(:first-child), td.geoAllocCol:nth-child(even):not(:first-child) {
        background-color: #F8F8F8;
    }

/*#endregion Asset Allocation ************************************************/

/* Rotate footer***********************************************************/
.table.table-correlation > :not(:first-child) {
    border-top: none;
}

.table-correlation tfoot > tr > th.rotate {
    height: 283px;
    white-space: nowrap;
    min-width: unset;
    padding: 0 !important;
    font-weight: normal;
}

.table-correlation th.rotate > div {
    transform:
    /* Magic Numbers */
    translate(-231px, 104px) rotate(-45deg);
    width: 75px;
}

    .table-correlation th.rotate > div > div {
        border-bottom: 1px solid #ccc;
        padding: 5px 30px 5px 5px;
        width: 400px;
    }

.correlation-legend > div {
    text-align: center;
}

.fundgrade {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 2px;
    border: 2px solid #0173bc;
    color: #0173bc;
    text-align: center;
    margin: auto;
}

.esggrade {
    border-radius: 3px;
    width: 32px;
    height: 32px;
    padding: 2px;
    border: 2px solid #257cbc;
    color: #fff;
    background-color: #257cbc;
    text-align: center;
    margin: auto;
}

h2.section {
    background-color: #f1f6f8;
    font-size: calc(1rem + .6vw) !important;
    padding: 1rem 0.5rem;
    border-bottom: 2px solid #ddd;
    margin: 1rem 0;
    border-radius: 15px 10px 0 0;
}

.centeredMsg {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
}

/*slider*/
.ui-slider-range {
    background: green;
}

.slider {
    width: 100%;
}

.percentInput, .percentInputTotal {
    min-width: 40px;
    width: 50px;
    text-align: right;
}

td.middle {
    vertical-align: middle !important;
}

tr.summaryAllocation {
    background-color: gainsboro;
    height: 50px;
}

    tr.summaryAllocation td {
        font-weight: bold;
        font-size: larger;
    }

/*.table-sortable .sorter span {
    color: #bbbbbb;
    transform: translate(5px, -2px) rotate(-45deg);
}*/

/*.table-sortable .sorter.sort-asc span {
    color: red;
}*/

/*.table-sortable .sorter.sort-desc span {
    color: forestgreen;
}*/

/*.table-sortable .sorter.sort-asc span {
    color: red;
}*/



div.volatilityBar {
    width: 100%;
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    border-radius: 0.5rem;
    height: 100%;
}

    div.volatilityBar {
        text-align: center;
    }

    div.vol-1 {
        background-color: rgb(44, 186, 0);
    }
    div.vol-2 {
        background-color: rgb(44, 186, 0);
    }
    div.vol-3 {
        background-color: rgb(163, 255, 0);
    }
    div.vol-4 {
        background-color: rgb(163, 255, 0);
    }
    div.vol-5 {
        background-color: rgb(255, 244, 0);
    }
    div.vol-6 {
        background-color: rgb(255, 244, 0);
    }
    div.vol-7 {
        background-color: rgb(255, 167, 0);
    }
    div.vol-8 {
        background-color: rgb(255, 167, 0);
    }
    div.vol-9 {
        background-color: rgb(255, 0, 0);
    }
    div.vol-10 {
        background-color: rgb(255, 0, 0);
    }

div.volatilityBar div {
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 0.5rem;
    height: 100%;
    width: 1.6rem;
}
div.vol-label-1 {
    margin-left: 0;
    margin-right: auto;
}
div.vol-label-2 {
    margin-left: 10%;
    margin-right: auto;
}
div.vol-label-3 {
    margin-left: 20%;
    margin-right: auto;
}
div.vol-label-4 {
    margin-left: 30%;
    margin-right: auto;
}
div.vol-label-5 {
    margin-left: 30%;
    margin-right: auto;
}
div.vol-label-6 {
    margin-left: auto;
    margin-right: 40%;
}
div.vol-label-7 {
    margin-left: auto;
    margin-right: 30%;
}
div.vol-label-8 {
    margin-left: auto;
    margin-right: 20%;
}
div.vol-label-9 {
    margin-left: auto;
    margin-right: 10%;
}
div.vol-label-10 {
    margin-left: auto;
    margin-right: 0;
}

.btn-checkbox {
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.btn-check:checked + .btn-checkbox {
    color: #000;
    font-weight: 800;
    background-color: transparent;
    background-image: url(../images/checkmark-32.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}
    .btn-checkbox:hover, .btn-check:checked + .btn-checkbox {
        color: #000;
        font-weight: 800;
        background-color: transparent;
    }
        .btn-check:checked + .btn-checkbox:hover {
            color: #6c757d;
            font-weight: normal;
            background-color: transparent;
        }

/*.btn-check:checked + .btn-outline-primary.fundgrade-check {
    background-color: #257cbc;
    color: #fff;
}

.fundgrade-check.btn-outline-primary:hover {
    background-color: #257cbc;*/
/*    background-image: url(../images/flags/32x32/Canada_32.png);*/
/*}

.btn-check:checked + .fundgrade-check span, .btn-check:hover + .fundgrade-check span {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    padding: 0.1rem 0.1rem 0.1rem 0.1rem;
    margin: 0;
}

.btn.fundgrade-check span {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0.25rem 0.1rem 0.1rem 0.1rem;
}

.btn.fundgrade-check {
    padding: 0.1rem;
}

.btn-esg.btn-outline-primary:hover, .btn-check:checked + .btn-esg {
    background-color: #0067b1;
}*/

.btn-group.btn-group-pager .btn-outline-primary-current {
    color: #fff;
    background-color: #0173bc;
    opacity: 1;
}
.btn-group.btn-group-pager .btn-outline-primary {
    border-color: #18588b;
}
    .btn-group.btn-group-pager .btn-outline-primary:hover {
        background-color: #18588b;
    }

.form-control.rangeInput {
    width: 80px;
    display: inline-block;
}

.adVerticalPlaceHolder {
    background-color: lightgray;
    color: #000;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 600px;
}

.h2Icon {
    height: 2rem;
}

.authorIcon {
    height: 4rem;
}

.form-select-aplus {
    display: inline;
    width: 180px;

}

a.colSortLink, a.sorter {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

a.colSortLink span, a.sorter span.above {
    position: absolute;
    top: -0.8rem;
    right: 0rem;
}
a.colSortAllocLink {
    position: relative;
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
}
/*a.colSortAllocLink span {
    position: absolute;
    top: -0rem;
    right: -1.5rem;
}*/

/*.popover {
    background-color:#eee;
}
.popover > .arrow, .popover > .arrow:after {
    border-right-color: #eee;
}
*/

.validation-summary-errors ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.watchlist-dropdown
{
    min-width: 300px;
}


.author-box {
    border: 1px solid #ccc;
    border-radius: 0.5rem;
}

.name-value {
    padding: 0.5rem 0 0.5rem 0;
    margin: 0;
}

.name-value h2, .name-value h3, .name-value h4 {
    font-weight: bold;
    font-size: 1rem;
    padding:0;
    margin: 0;
}
.name-value p {
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 0;
}

.name-value-compact {
    padding: 0.25rem 0 0.25rem 0;
    margin: 0;
}
.name-value-compact h2, .name-value-compact h3, .name-value-compact h4 {
    font-weight: bold;
    font-size: 1rem;
    padding: 0;
    margin: 0;
}

.name-value-compact p {
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 0;
}

.popoverContent h2, .popoverContent p {
    font-size: 0.75rem;
    margin-bottom: 0;
}

.award-badge {
    height: 120px;
    vertical-align: top;
}

.fundgrade-badge {
    width: 300px;
}

.snapshotSubSection {
    font-size: 1.2rem;
    margin-bottom: 0;
    background-color: #f1f6f8;
    color: #18588b;
    padding:0.5rem;
}

.pieContainer {
    width: 200px;
    height:200px;
    margin: 15px auto;
}

.loadingPlaceholder {
    display:flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}

.loadingPlaceholder img {
    width: 50px;
}

#globeNewswireFeed ul {
    list-style-type: none;
}

#globeNewswireFeed li {
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,.125);
}

.neg-val {
    color: #a50e0e;
    background-color: #fce8e6;
    padding: 0.25rem 0.25rem;
    border-radius: 8px;
    white-space: nowrap;
}

.pos-val {
    color: #137333;
    background-color: #e6f4ea;
    padding: 0.25rem 0.25rem;
    border-radius: 8px;
    white-space:nowrap;
}

.aplus-dropdown {
    max-width: 175px;
}

.aplus-result-icon {
    width: 28px;
    min-width: 28px;
    padding-right: 5px;
}

.btn-twitter {
    color: #fff;
    background-color: #0173bc;
    ;
}

    .btn-twitter:hover {
        color: #1DA1F2;
        background-color: #fff;
    }

.searchLabel {
    line-height: 35px;
    height: 35px;
}
.searchLabelImg {
    height: 15px;
    margin: 2px 0;
}

.pager input {
    color: #0d6efd;
    text-align: center;
    border-width: 0;
    border-radius: 4px;
}

.pager:focus-within .pageJump {
    color: #fff;
    background-color: #0d6efd;
}

.preFooter {
    background-color: #e3edf1;
}
.preFooter h2 {
    color: #18588b;
    font-size: 1.5rem;
}

.watchlistPopUp {
    position: absolute;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
    text-align: left;
    z-index: 9999;
    min-width: 300px;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
    font-size: 1rem;
}

#divWatchlistSelector {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0.5rem;
    position: absolute;
    z-index: 9999;
}
input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.2); /* IE */
    -moz-transform: scale(1.2); /* FF */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    padding: 7px;
    margin: 5px;
}

.fcLink {
    display: block;
    font-size: 1rem;
    color: #212529;
}
    .fcLink:hover {
        color: #212529;
        border: none;
        box-shadow: none;
    }

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

.dropdown-menu {
    min-width: 280px;
}
.dropdown-menu.compare-dropdown {
    min-width: 125px;
}

table.table.mthly {
    width: 1076px !important;
}

table.table.mthly th.mthly-rtn {
    width: 80px !important;
    padding-top: 0;
}
table.table.mthly th.mthly-desc {
    width: 116px !important;
    padding-top: 0;
}

table.table.mthly th.calendar-desc {
    width: 131px !important;
    padding-top: 0;
}

.btn-popout {
    color: #0173bc;
    border-color: #0173bc;
}

.d-none-col {
    display:none;
}

.chartLegend {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #C8C8C8;
    border-radius: 0.25rem;
    margin: 0;
}


.selectedFilter {
    display: inline-block;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
}

.tableheader {
    position: sticky;
    top: 0;

}
th.tableheader {
    background-color: #ffffff;
    border-bottom: 2px solid #000;
}

#btnWatchlistSelector {
    width: 180px;
}



.border-bottom-2 {
    border-bottom: 2px solid #dee2e6!important;
}

table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}

.th-fit, .td-fit {
    white-space: nowrap;
    width: 1%;
}

ul.nav-tabs-sm .nav-link {
    padding: 0.5rem;
}



.text-green {
    color: green;
}

.text-red {
    color: red;
}

.text-light-red {
    color: palevioletred;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #ddd;
    border-color: #ccc;
}

.neg-z-index {
    z-index: -1 !important;
}

.FAQItem {
    padding: .5rem;
    margin-bottom: 0.5rem;
}
.FAQItem > div {
    padding: 1rem 1rem 0 1rem;
}

.membership-invite {
    
}

.membership-invite-reverse {
    background-color: #3365a2;
    color: #ffffff;
    border-start-start-radius: .25rem !important;
    border-start-end-radius: .25rem !important;
}
@media (min-width: 1200px) {
    .membership-invite-reverse {
        border-start-start-radius: .25rem !important;
        border-start-end-radius: 0 !important;
        border-end-start-radius: .25rem !important;
    }
}

.ad-ul {
    columns: 2;
}
@media (min-width: 768px) {
    .ad-ul {
        columns: 3;
    }
}

    .ad-sm {
        font-size: 1.25rem;
        font-weight: 300;
    }

    .ad-lg {
        font-size: 1.5rem;
        font-weight: 300;
    }

    .ad-xlg {
        font-size: 2rem;
        font-weight: 600;
    }

    .fa-rot {
        transform: rotate(90deg);
    }

.alert-danger-icon {
    color: #842029;
}

th.alert-icon {
    width: 32px;
}