html {
    /* visibility: hidden; */
}

body {
    background-color: #f5f6fa;;
}

.row.ngutter {
    margin-left: -7px;
    margin-right: -7px;
}

.row.tgutter {
    margin-left: -2px;
    margin-right: -2px;
}

.row.ngutter > div {
    padding-right: 8px;
    padding-left: 8px;
}

.row.tgutter > div {
    padding-left: 3px;
    padding-right: 3px;
}

@media screen and (min-width: 768px) {
    #mp-pusher {
        transform: none !important;
    }
}

.right-col-press {
    padding-top: 63px;
}

@media screen and (max-width: 767.98px) {
    .border-bottom-sm {
        border-bottom: 1px solid #d2e0e0;
    }
}

.right-col-press {
    padding-top: 67px;
}

/*Top bar*/
#page-header {
    background-color: #1b2935;
    color: #fff;
    height: auto;
    padding-top: 146px;
    position: static;
}

#page-header a {
    color: #16fffb;
}

#page-header a:hover {
    color: #fff;
}

@media screen and (max-width: 991.98px) {
    #page-header {
        padding-top: 116px;
    }
}

@media screen and (max-width: 767.98px) {
    #page-header {
        width: 100%;
        height: auto;
        padding-top: 0;
    }
}

/*top links*/
#page-header .top-links {
    background-color: #1b2935;
    height: 46px;
    border-bottom: 1px solid #2c4357;
    font-size: 13px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 7999;
}

#page-header .top-links .top-flex {
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
    line-height: 13px;
}

#page-header .top-links .top-flex .site-trend {
    text-transform: uppercase;
}

#page-header .top-links .top-flex .site-trend a {
    padding-left: 0.75em;
}

#page-header .top-links .top-flex .site-user {
    margin-left: auto;
}

#page-header .top-links .top-flex .site-user a.top-lang {
    padding-right: 1.5em;
}

#page-header .top-links .top-flex .site-user a {
    position: relative;
    top: -4px;
}

#page-header .top-links .top-flex .site-user a span {
    color: #fff;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

@media screen and (max-width: 767.98px) {
    #page-header .top-links {
        display: none;
    }
}

@media screen and (max-width: 991.98px) {
    #page-header .top-links {
        font-size: 11px;
        height: 40px;
    }

    #page-header .top-links .top-flex {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #page-header .top-links .top-flex .site-trend {
        padding-top: 2px;
    }
}

/*top serch*/

.nav-ground {
    background-color: #1b2935;
    color: #fff;
    padding: 30px 0;
    font-size: 0.9em;
    height: 100px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55);
    position: fixed;
    top: 46px;
    left: 0;
    width: 100%;
    z-index: 7998;
}

.nav-ground .primary-search {
    position: relative;
    border-radius: 20px;
    width: 375px;
    height: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55);
    margin-left: auto;
}

.nav-ground .primary-search input.primary-search-input {
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    border: 0;
    background-color: #385268;
    width: 375px;
    padding-right: 40px;
    outline: none !important;
    color: #fff;
    border-radius: 19px;
}

.nav-ground .primary-search input.primary-search-input:focus {
    background-color: #3c6275;
}

.nav-ground .primary-search input.primary-search-input:hover, .nav-ground .primary-search input.primary-search-input:focus {
    outline: none !important;
}

.nav-ground .primary-search .primary-search-button {
    position: absolute;
    right: 12px;
    top: 9px;
    border: 0;
    background-color: transparent;
    font-size: 20px;
    color: #fff;
}

.nav-ground .primary-search .primary-search-button span {
    color: #fff;
}

.nav-ground .primary-search input::placeholder { /* Firefox, Chrome, Opera */
    color: #fff;
}

.nav-ground .primary-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.nav-ground .primary-search input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.market-index {
    padding-right: 40px;
    height: 40px;
    padding-left: 14px;
    font-size: 13px;
    line-height: 17px;
    position: relative;
}

.market-index .indicate-bar {
    width: 4px;
    height: 100%;
    background-color: #47c55d;
    position: absolute;
    left: 0;
    top: 0;
}

.market-index.down .indicate-bar {
    background-color: #f14747;
}

.market-index h5 {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}

.market-index .dynamic {
    color: #47c55d;
    font-size: 12px;
}

.market-index.down .dynamic {
    color: #f14747;
}

.market-index .dynamic span {
    margin-right: 4px;
}

@media screen and (max-width: 1199.98px) {
    .market-index {
        padding-right: 10px;
    }
}

@media screen and (max-width: 991.98px) {
    .nav-ground {
        padding: 15px 0;
        height: 70px;
        top: 40px;
    }

    .market-index {
        padding-right: 10px;
    }

    .bottom-index {
        font-size: 11px;
    }

    .nav-ground .primary-search, .nav-ground .primary-search input.primary-search-input {
        width: 100%;
    }
}

@media screen and (max-width: 767.98px) {
    #page-header .nav-ground {
        background: transparent;
        height: 0;
        padding: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    #page-header .nav-ground .col-md-7 {
        display: none;
    }
}

/*top nav*/
.nav-tmx-money {
    height: 120px;
    padding: 15px 0;
}

.nav-tmx-money .navbar-brand {
    padding-top: 18px;
}

.nav-tmx-money div.toggler-bar div {
    background-color: #fff;
    width: 30px;
    height: 3px;
    margin-bottom: 5px;
}

.headerlogo {
    width: 200px;
}

@media screen and (max-width: 767.98px) {
    .nav-tmx-money {
        height: 72px;
    }

    .nav-tmx-money .menu-trigger {
        position: relative;
        top: 10px;
    }

    .nav-tmx-money .navbar-brand {
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .nav-tmx-money .navbar-brand img {
        width: 144px;
    }

    .nav-tmx-money #mobile-search-trigger {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 20px;
        margin-left: auto;
        margin-right: 0;
        position: relative;
        top: 0;
        right: 7px;
        background-color: #385268;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55)
    }

    .headerlogo {
        width: auto;
    }
}

/*top menu*/
.navbar-menu-container {
    border-top: 1px solid #2a4354;
    width: 100%;
}

.navbar-menu {
    display: flex;
    flex-direction: row;
    line-height: 58px;
    /*margin-left:-1.5em;*/
    position: relative;
}

.navbar-menu .nav-item {
    z-index: 2000;
}

.navbar-menu .nav-item:hover {
    background-color: #1e3243;
}

.navbar-menu .nav-item > a {
    text-transform: uppercase;
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #fff !important;
    padding: 0 1.4em;
    position: relative;
}

.navbar-menu .nav-item a .nav-dropdown-arrow {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid #16fffb;
    left: 50%;
    bottom: -1px;
    margin-left: -2px;
    z-index: 2010;
}

.navbar-menu .nav-item:hover a .nav-dropdown-arrow {
    display: block;
}

.navbar-menu .nav-item .nav-dropdown {
    font-family: 'DinPro', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-transform: none;
    display: none;
    padding: 2em;
    background: #1b293a;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    position: absolute;
    left: 0;
    top: 59px;
    line-height: 20px;
    z-index: 2010;
    width: 100%;
    border: 1px solid #2c4357;
    border-top: 3px solid #16fffb;
    color: #aabbc4;
    border-radius: 0 0 4px 4px;
}

.navbar-menu .nav-item:hover .nav-dropdown {
    display: block;
}

.navbar-menu .nav-item .nav-dropdown .des {
    border-bottom: 1px solid #2c4357;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.navbar-menu .nav-item .nav-dropdown .des h5 {
    font-size: 18px;
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif;
}

.navbar-menu .nav-item .nav-dropdown .des h5 a {
    padding: 0;
}

.navbar-menu .nav-item .nav-dropdown h5 {
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 15px;
    margin-bottom: .45em;
}

.navbar-menu .nav-item .nav-dropdown h5 a {
    padding: 0;
}

.navbar-menu .nav-item .nav-dropdown ul {
    padding-bottom: 1.25em;
}

.navbar-menu .nav-item .nav-dropdown ul li {
    /*text-transform: capitalize;*/
    padding: 0 0 0.5em;
}

.navbar-menu .nav-item .nav-dropdown ul li.new-item {
    padding: 0 1em 0.5em 0;
    position: relative;
}

.navbar-menu .nav-item .nav-dropdown ul li.new-item:after {
    content: "new";
    color: #fff;
    background-color: #309299;
    padding: 5px;
    display: inline-block;
    position: absolute;
    right: -2em;
    top: 0;
    font-size: 0.65em;
    line-height: 1.1em;
}

.navbar-menu .nav-item .nav-dropdown ul li a {
    color: #16fffb !important;
    /*text-transform: capitalize;*/
    padding: 0;
    display: block;
}

.navbar-menu .nav-item .nav-dropdown ul li a:hover {
    color: #fff !important;
}

.navbar-menu .nav-item .nav-dropdown .matrix-information {
    background-color: #1b2935;
    color: #fff;
    padding: 1.5em;
    height: 100%;
}

.navbar-menu .nav-item .nav-dropdown .matrix-information img {
    width: 100%;
    max-width: 220px;
    margin-bottom: 10px;
}

.navbar-menu .nav-item .nav-dropdown .matrix-information .btn {
    background-color: transparent;
    border-color: #16fffb;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 0 1.5rem;
}

@media screen and (max-width: 1199.98px) {
    .navbar-menu .nav-item-fr a {
        font-size: 12px;
    }
}

@media screen and (max-width: 991.98px) {
    .navbar-menu {
        /*margin-left:-.75em;*/
    }

    .navbar-menu .nav-item a {
        padding: 0 .75em;
    }

    .navbar-menu .nav-item-fr a {
        font-size: 10px;
    }
}

@media screen and (max-width: 767.98px) {
    .navbar-menu-container {
        display: none;
    }
}

/*Mobile menu*/
.mp-menu .mp-level {
    background-image: url("/en/pics/tmx-logo-01.png");
    background-position: 30px 20px;
    padding-top: 78px;
}

.mp-menu .mp-level::before {
    height: 78px;
}

.mp-menu .menu-close {
    font-size: 36px !important;
    line-height: 78px;
    text-align: center;
}

.mp-menu .menu-close a {
    color: #fff;
}

.mp-menu .mp-level .mp-back::before {
    top: 12px;
}

.mp-menu .mp-level ul > li.has-children > a::after {
    top: 15px;
}

.mp-menu .mp-level ul > li > a {
    font-family: "FFDINProMedium", Roboto, Arial, Helvetica, Verdana, sans-serif;
}

/*page top*/
#back_pagetop, #mobil-back-top {
    display: none;
    position: fixed;
    z-index: 5100000;
    right: 30px;
    bottom: 50px;
    background-color: #16fffb;
    color: #000;
    border: 1px solid transparent;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    padding-top: 2px;
    line-height: 1;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
}

#mobil-back-top {
    position: static;
    margin: 10px auto 30px;
    box-shadow: none;
    background-color: #4bcec9;
}

#back_pagetop span, #mobil-back-top span {
    display: block;
    font-size: 30px;
    margin-bottom: -8px;
}

@media (max-width: 767.98px) {
    #back_pagetop {
        display: none !important;
        opacity: 0 !important;
    }

    #mobil-back-top {
        display: block;
    }
}

/*footer*/
#page-footer {
    background-color: #1b2935;
    color: #fff;
    height: auto;
    font-size: 14px;
    margin-top: 0;
}

#page-footer a {
    color: #16fffb;
}

#page-footer a:hover {
    color: #fff;
}

#page-footer .footer-col {
    padding-bottom: 2.5em;
}

#page-footer h5 {
    color: #fff;
    margin-bottom: 0.4em;
}

#page-footer h5 span {
    display: none;
}

#page-footer .footer-col ul {
    display: block;
}

#page-footer .footer-col ul li {
    margin-top: 8px;
}

#page-footer .footer-links {
    border-top: 1px solid #2a4354;
    padding: 1em 0;
}

#page-footer .footer-links .foot-brand img {
    max-width: 180px;
    width: 100%;
}

#page-footer .footer-links .site-footer-navigation {
    padding-top: 18px;
    text-align: right;
}

#page-footer .footer-links .site-footer-navigation .site-navigation {
    display: inline-block;
}

#page-footer .footer-links .site-footer-navigation .site-navigation li {
    display: inline-block;
    padding-left: 1em;
}

#page-footer .footer-links .site-footer-navigation .site-navigation li a {
    color: #9aa5b9;
}

#page-footer .footer-links .site-footer-navigation .site-navigation li a:hover {
    color: #fff;
}

#page-footer .footer-links .site-footer-navigation .social-links {
    display: inline-block;
    margin-left: 30px;
    margin-top: 10px;
}

#page-footer .footer-links .social-links a {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    background-color: rgba(255, 255, 255, .5);
    color: #1b2935;
    border-radius: 2px;
    margin-left: 4px;
}

#page-footer .footer-links .social-links a:hover {
    background-color: rgba(255, 255, 255, 1);
}

#page-footer .legal {
    padding-top: 1em;
}

@media (max-width: 767.98px) {
    #page-footer .footer-links .site-footer-navigation .social-links {
        margin-left: 0;
        margin-top: .25em;
    }

    #page-footer {
        padding-top: 0;
    }

    #page-footer h5 {
        color: #fff;
        margin-bottom: 0;
        padding: 15px 0;
        position: relative;
        border-top: 1px solid #2a4354;
    }

    #page-footer .footer-toggle:first-child h5 {
        border-top: 0 solid #2a4354;
    }

    #page-footer h5 span {
        display: block;
        font-size: 22px;
        position: absolute;
        right: -10px;
        top: 12px;
    }

    #page-footer .footer-col ul {
        display: none;
    }

    #page-footer .footer-col ul li {
        padding: 0;
    }

    #page-footer .footer-col ul li:first-child {
        margin: 0;
    }

    #page-footer .footer-col ul li:last-child {
        padding: 0 0 1em;
    }

    #page-footer .legal {
        padding-top: 2em;
    }


    #page-footer .footer-links {
        border-top: none;
        padding: .5em 0;
    }

    #page-footer .footer-links .site-footer-navigation .site-navigation {
        display: none;
    }
}

@media screen and (max-width: 575.98px) {
    #page-footer .footer-links .site-footer-navigation .social-links {
        margin-top: -1em;
    }
}

/*main body container*/
.main-body {
    padding: 30px 0;
}

h4.page-header {
    margin: 1em 0 20px !important;
    font-size: 24px;
}

.more-detal-link {
    text-align: right;
    padding: 0 0 40px;
}

.tmx-panel .more-detal-link {
    padding: 20px 0;
}

.tmx-panel .more-detal-link.text-left {
    padding: 20px 0 0;
}

.more-detal-link a {
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    padding-right: 20px;
    position: relative;
    text-align: right;
    display: inline-block;
}

.more-detal-link a:hover {
    color: #1d6b70;
}

.more-detal-link a span {
    font-size: 200%;
    position: absolute;
    top: -3px;
    right: -5px;
}

@media screen and (max-width: 767.98px) {
    .tmx-panel .more-detal-link.text-left {
        padding: 5px 0 0;
    }

    .main-body .mobile-white {
        background-color: #fff;
        margin-top: -15px;
        padding-top: 15px;

    }
}


/*recent news*/
.recent-news .rnews-splash, .recent-news .rnews-highlight {
    height: 325px;
}

.news-splash {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background-color: #1b2935;
    overflow: hidden;
    margin-bottom: .75em;
}

.news-splash:hover {
    background-color: #16fffb;
}

.news-splash img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
}

.recent-news h4, .recent-news h5, .rnews-cards h5 {
    margin-bottom: .2em;
}

.recent-news .rnews-splash p, .recent-news .rnews-highlight p {
    font-size: 13px;
    color: #676565;
}

.rnews-highlight .tmx-panel-body {
    height: 100%;
}

.rnews-highlight-each {
    display: block;
    height: 36%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #dde7e6;
    border-bottom: 1px solid #dde7e6;
}

.rnews-highlight-each:first-child {
    height: 32%;
    border: 0;
    padding-top: 0;
}

.rnews-highlight-each:last-child {
    height: 32%;
    border: 0;
    padding-bottom: 0;
}

.rnews-highlight-each h5 {
    display: block;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rnews-highlight-each.g h5 {
    height: auto;
}

.rnews-cards {
    display: flex;
    margin-left: 0;
    margin-right: -16px;
}

.rnews-cards .rnews-card {
    padding-right: 16px;
    width: 25%;
    max-width: 320px;
}

.rnews-cards .rnews-card .tmx-panel {
    height: 185px;
}

.rnews-cards h5 {
    line-height: 19px;
    display: block;
    height: 97px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .75em;
}

.rnews-cards p {
    font-size: 11px;
    line-height: 14px;
    color: #676565;
}

@media (max-width: 991.98px) {
    .main-body {
        padding: 15px 0;
    }
}

@media (max-width: 767.98px) {
    .main-body {
        padding: 15px 0;
    }

    .recent-news .rnews-splash, .recent-news .rnews-highlight {
        height: auto;
    }

    .rnews-highlight-each {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .rnews-highlight-each:first-child {
        height: auto;
        padding-bottom: 15px;
    }

    .rnews-highlight-each:last-child {
        height: auto;
        padding-top: 15px;
    }

    .rnews-cards .rnews-card {
        width: 58%;
    }
}

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

}

/*Home blog*/
.thunbnail-view-hor.expanded {
    margin: -10px;
}

.home-blog .thunbnail-view-hor .blog-link {
    font-family: 'FFDINProMedium', Roboto, Helvetica, Arial, sans-serif !important;
    padding-top: 12px;
    display: block;
}

@media (max-width: 1199.98px) {
    .home-blog .thunbnail-view-hor .blog-link {
        padding-top: 0;
    }
}

/*icon+label link*/
.icon-label {
    font-family: 'FFDINProMedium', Roboto, Helvetica, Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.13em;
}

.icon-label a {
    display: block;
    margin-bottom: 26px;
    margin-top: .5em;
    padding-left: 40px;
}

.icon-label span.gi {
    font-size: 30px;
    color: #8fc6c6;
    position: relative;
    top: -5px;
    margin-left: -40px;
    float: left;
}

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

/*quote*/
.quote-company-name {
    padding: 38px 0 20px;
    border-bottom: 1px solid #cdd;
    position: relative;
}

.quote-logo {
    position: absolute !important;
    float: none;
    width: 135px;
    height: 60px;
    background-color: #fff;
    right: 0;
    top: 30px;
}

.quote-logo img {
    max-width: 100%;
    width: 100%;
    object-fit: contain;
}

.quote-company-symbol {
    padding: 27px 0;
    border-bottom: 1px solid #cdd;
    font-size: 12px;
}

.quote-company-symbol strong {
    font-size: 17px;
}

.quote-company-symbol .labs-symbol {
    font-size: 30px;
    line-height: 32px;
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif !important;
    color: #454545;
}

.quote-company-symbol .labs-symbol .price {
    padding-left: 6px;
}

.quote-company-symbol .labs-symbol .price .rt {
    vertical-align: top;
}

.quote-company-symbol .symbol-index {
}

.quote-company-symbol .symbol-index .gi {
    font-size: 32px;
    margin-left: -10px;
    position: relative;
}

.quote-bar {
    padding: 24px 0;
}

.quote-bar .top-info {
    display: flex;
    font-size: 13px;
    padding-bottom: 10px;
}

.company-tool-bar {
    border-top: 1px solid #cdd;
    border-bottom: 1px solid #cdd;
    padding: 10px 0;
}

@media (max-width: 991.98px) {
    .quote-company-symbol .labs-symbol {
        font-size: 23px;
        line-height: 32px;
        padding-top: 5px;
    }

    .quote-company-symbol .symbol-index .gi {
        font-size: 28px;
        margin-left: -10px;
        top: 4px;
    }
}

@media (max-width: 767.98px) {
    .quote-logo {
        position: static !important;
        width: 250px;
    }

    .quote-company-name {
        padding: 5px 0 20px;
    }

    .quote-company-symbol {
        padding: 20px 0;
    }

    .quote-company-symbol .labs-symbol {
        font-size: 30px;
        line-height: 32px;
        padding-top: 0;
        padding-bottom: 15px;
    }

    .quote-company-symbol .symbol-index .gi {
        margin-left: -5px;
        top: 5px;
    }

    .company-tool-bar .btn {
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 11px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .company-tool-bar .btn-left, .company-tool-bar .btn-matrix-financing {
        width: 27%;
    }

    .company-tool-bar .btn-middle {
        width: 38%;
    }

    .company-tool-bar .btn-right, .company-tool-bar .btn-trade-now {
        width: 32%;
        margin-right: 0;
    }

    .company-tool-bar .dropdown {
        display: block;
    }

    .company-tool-bar .dropdown .btn {
        width: 100%;
    }
}

@media (max-width: 413.98px) {
    .quote-bar, .company-tool-bar {
    }
}

/*Quote tabs*/
#quote-tab {
    margin-top: 30px;
}

@media (max-width: 991.98px) {
    #quote-tab {
        margin-top: -1px;
    }
}

/*quote tab news*/
.q-tab-news .news-each {
    border-bottom: 1px solid #cdd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.q-tab-news .news-each h5 {
    font-family: "FFDINProMedium", Roboto, Arial, Helvetica, Verdana, sans-serif;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 15px;
}

.q-tab-news .news-each .date {
    font-size: 14px;
    color: #333;
    padding-bottom: 10px;
}

.q-tab-news .news-each .auther {
    font-size: 13px;
    color: #686868;
}

@media (max-width: 767.98px) {
    .q-tab-news .pagination {
        display: none;
    }
}

/*TMX matrix panel*/
.tmx-matrix-panel {
    border: 0;
}

.tmx-matrix-panel .tmx-panel-body {
    background-color: #1b2935 !important;
    color: #fff;
    border-radius: 3px;
}

/* TMX Matrix Button */
@media (max-width: 1199.98px) {
    #matrix-banner-button {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .tmx-matrix-panel {
        margin-left: -15px;
        margin-right: -15px;
    }

    .tmx-matrix-panel .tmx-panel-body {
        border-radius: 0;
    }
}

/*Detailed Quote*/
.dq-card {
    font-size: 12px;
    text-transform: uppercase;
    color: #726f6f;
    border-bottom: 1px solid #cdd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.dq-card strong {
    font-size: 20px;
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif !important;
    color: #000;
    padding-top: 10px;
    display: block;
}

/*News*/
.news-list-hor {
    padding: 10px 0;
    font-size: 11px;
    color: #676565;
}

.news-list-hor h5 {
    font-size: 15px;
    margin-bottom: 5px;
}

/*Quote media bottom*/
.qm-copyright {
    font-size: 12px;
    line-height: 15px;
    color: #333;
    padding: 30px 0 20px;
}

.qm-copyright .qm-logo {
    text-align: right;
}

@media (max-width: 767.98px) {
    .qm-copyright > div {
        text-align: center !important;
    }

    .qm-copyright .qm-logo {
        margin-bottom: 10px;
    }
}

/*Letter picker*/
.letters {
    font-size: 13px;
    border-bottom: 1px solid #cdd;
    padding: 25px 0;
}

.letters nav a {
    font-size: 16px;
    font-family: 'FFDINProMedium', Roboto, Helvetica, Arial, sans-serif !important;
    padding: 4px;
    display: inline-block;
}

@media (max-width: 767.98px) {
    .letters nav a {
        font-size: 14px;
        padding: 2px;
    }
}

/*tmx accordion mobil*/
.tmx-accordion {
}

.tmx-accordion .tmx-accordion-header {
    padding-right: 40px;
    position: relative;
}

.tmx-accordion .tmx-accordion-header a {
    color: #1b2935;
    display: none;
    font-size: 26px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #1b2935;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
}

.tmx-accordion.tmx-panel .tmx-accordion-header {
    padding: 15px 40px 15px 0;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 1px solid #cdd;
}

.tmx-accordion.tmx-panel .tmx-accordion-header h3 {
    margin: 0;
}

.tmx-accordion.tmx-panel .tmx-accordion-body {
    padding: 15px 15px 25px;
}

.tmx-accordion.tmx-panel .tmx-accordion-header a {
    right: 15px;
    top: 15px;
}

@media (max-width: 767.98px) {
    .tmx-accordion {
        padding-top: 1.5em;
        padding-bottom: 0;
    }

    .tmx-accordion.active {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }

    .tmx-accordion .tmx-accordion-header a {
        display: block;
    }

    .tmx-accordion-body {
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .tmx-accordion.active .tmx-accordion-body {
        height: auto;
    }

    .tmx-accordion.tmx-panel, .tmx-accordion.tmx-panel:hover {
        border-bottom: 1px solid #cdd;
        margin: 0;
    }

    .tmx-accordion.tmx-panel .tmx-accordion-header {
        padding: 0 40px 0 0;
        margin-left: 0;
        margin-right: 0;
        border-bottom: 0 solid #cdd;
    }

    .tmx-accordion.tmx-panel .tmx-accordion-header h3 {
        margin-bottom: 24px;
    }

    .tmx-accordion.tmx-panel .tmx-accordion-body {
        padding: 0;
    }

    .tmx-accordion.tmx-panel .tmx-accordion-header a {
        right: 0;
        top: 0;
    }
}

/*Quote options*/
.filter-mobil-control {
    display: none;
}

.filter-panel {
    border: 1px solid #cdd;
    border-radius: 3px;
    padding: 10px;
}

@media (min-width: 768px) {
    .filter-panel {
        display: block !important;
    }
}

@media (max-width: 767.98px) {
    .filter-mobil-control {
        display: block;
    }

    .close-filter, .filter-panel, .filter-date-picker {
        display: none;
    }
}

/*Quote research*/
.research-tabs {
    position: relative;
}

.research-tabs a.indi {
    padding: 1rem 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

.rating-scale {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

.rating-scale .table td {
    padding-top: .5em;
    padding-bottom: .5em;
}

.csquare {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

@media (max-width: 1199.98px) {
    .research-tabs a.indi {
        max-width: 200px;
        text-align: right;
    }

    .rating-scale {
        margin-top: 2rem;
    }
}

@media (max-width: 767.98px) {
    .research-tabs {
        margin-bottom: 80px !important;
    }

    .research-tabs a.indi {
        max-width: 100%;
        width: 100%;
        top: 100%;
        border-bottom: 1px solid #cdd;
        text-align: center;
    }
}

/*a-r-chart*/
.a-r-chart {
    width: 100%;
}

.a-r-chart .left-col {
    width: 40%;
    border-right: 2px solid #000;
    text-align: right;
    padding: 0;
}

.a-r-chart .left-col div {
    height: 30px;
    line-height: 30px;
    padding-right: 20px;
    position: relative;
}

.a-r-chart .left-col div i {
    width: 10px;
    height: 2px;
    background-color: #333;
    right: 0;
    top: 50%;
    position: absolute;
    display: block;
}

.a-r-chart .right-col {
    width: 60%;
    padding: 0 50px 0 0;
    margin: 0;
    overflow: visible;
}

.a-r-chart .right-col > div {
    height: 30px;
    line-height: 30px;
}

.a-r-chart .right-col .bar-container {
    width: 100%;
}

.a-r-chart .right-col .bar {
    display: inline-block;
    height: 10px;
    position: relative;
}

.a-r-chart .right-col .bar-container .number {
    width: 50px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: -55px;
    top: -11px;;
}

/*portfoio*/
.login-social {
    padding: 10px 0 20px;
}

.login-social a {
    display: inline-block;
    text-align: center;
    margin: 0 4px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 46px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

.login-social a:hover {
    background-color: #efefef;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
}

.portfolio-scrollable-container {
    width: 100%;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.portfolio-tabs {
    position: relative;
}

.portfolio-tabs .indi {
    position: absolute;
    right: 0;
    top: 0;
}

.portfolio-end-tabs {
    position: relative;
}

.portfolio-end-tabs .nav-link {
    color: #000;
}

.portfolio-end-tabs .cdate {
    position: absolute;
    padding: 1rem 0;
    right: 15px;
    top: 0;
}

@media (max-width: 991.98px) {
    .portfolio-end-tabs .cdate {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .portfolio-tabs .indi {
        position: static;
    }
}

/*Portfolio charts*/
.le-chart-section {
    position: relative;
    padding-top: 10px;
    padding-left: 220px;
    padding-bottom: 30px;
}

.le-chart {
    position: absolute;
    left: 0;
    top: 10px;
    width: 200px;
    height: 200px;
}

.le-chart-section .table.thin td {
    padding: .4em 0;
}

/*TMX PowerStream*/
.ps-splash {
    padding-left: 10em;
    margin-top: -6.5em;
}

.ps-compare {
    border-collapse: collapse;
}

.ps-compare th, .ps-compare td {
    padding: 0.75rem;
    border: 3px solid #fff !important;
    text-align: center;
    width: 25%;
}

.ps-compare thead th {
    font-family: 'DinPro', Roboto, Helvetica, Arial, sans-serif;
    background-color: #fff;
    color: #000;
    padding: 0;
}

.ps-compare thead th > div {
    padding: 0.75rem;
    border-radius: 5px 5px 0 0;
}

.ps-compare td.leader {
    background-color: #efefef;
    text-align: left;
}

.ps-compare td .gi {
    font-size: 32px;
    position: relative;
    top: 6px;
    line-height: 10px;
}

.ps-compare thead tr th:nth-child(2) > div, .ps-compare tbody tr td:nth-child(2) {
    background-color: #ffe086;
}

.ps-compare thead tr th:nth-child(3) > div, .ps-compare tbody tr td:nth-child(3) {
    background-color: #7edadd;
}

.ps-compare thead tr th:nth-child(4) > div, .ps-compare tbody tr td:nth-child(4) {
    background-color: #bffdc3;
}

.ps-compare .middle-head {
    text-align: left;
    background-color: #6c9640;
    color: #fff;
}

@media (max-width: 1199.98px) {
    .ps-splash {
        padding-left: 6em;
        margin-top: -6.5em;
    }
}

@media (max-width: 991.98px) {
    .ps-splash {
        padding-left: 2em;
        margin-top: -4em;
    }
}


/*Alerts*/
.accordian-panel {
    padding: 15px;
    display: none;
}

.accordian-panel.show {
    display: block;
}

.alerts-accordian .gi {
    border: 1px solid #444;
    border-radius: 2px;
    padding: 2px;
    margin-right: 5px;
}


/*MaryAnn's update**/
.navbar-menu .nav-item .nav-dropdown h5 {
    font-size: 16px; /* changed from 15px*/
}

.navbar-menu .nav-item .nav-dropdown {
    box-shadow: none; /* dropshadow removed */
}

.navbar-menu .nav-item .nav-dropdown .matrix-information {
    border-radius: 6px; /* added */
    border: 1px solid #16fffb; /* added */
}

@media screen and (max-width: 575.98px) {
    .rnews-cards .rnews-card .tmx-panel {
        height: 130px; /* reduced news card heights */
    }

    .rnews-cards h5 {
        font-size: 14px; /* smaller size for smaller phones */
        line-height: 17px; /* smaller size for smaller phones */
        height: 54px;
    }
}

.icon-label a {
    margin-bottom: 10px; /* reduced the space between each row */
}

.thunbnail-view-hor.expanded {
    margin: -8px; /* created more padding around the thumbnails */
}

.chart-wrapper {
    width: 100%;
    height: auto !important;
    padding: 0;
    background: #fff;
    clear: none;
    border: 0 solid #cdd;
}


.chart-wrapper {
    margin-top: -1px;
}

.qmod-legend-list-item {
    background: #1d6b70 !important;
    position: relative;
}


.qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend > li .qmod-btn-icon, .qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li .qmod-btn-icon {
    background: #1e4c4f;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > .qmod-input .qmod-dd-more > i {
    border-left: 1px solid #fff;
    padding: 4px 5px;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-f-right, .qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-f-right {
    color: #1e4c4f !important;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend > li.qmod-active .qmod-btn-text, .qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li.qmod-active {
    background-color: #1e4c4f !important;
    color: #fff;
}

/* Quote Tab */
.qmod-trades .qmod-table.qmod-trades-table.dataTable .qmod-trade-datetime {
    padding-left: 10px; /* added more padding */
}

.qmod-trades .qmod-table.qmod-trades-table.dataTable .qmod-trades-table-row {
    border-bottom: 1px solid #cdd; /* changed border color */
}

.qmod-ui-tool .dataTables_wrapper thead th {
    border-top: 7px solid #1b2935 !important; /* added fake borders to make fake padding so not to screw up sorting images */
    border-bottom: 7px solid #1b2935 !important;
}

.qmod-ui-tool .dataTables_wrapper thead th:last-child {
    border-right: 5px solid #1b2935 !important;
}

/* Charting Tab */
/* All updates here are for color changes */
.qmodii .application--wrap div.v-tabs__bar.theme--dark.primary {
    background: #1e4c4f !important;
}

.qmodii .application--wrap .v-tabs__item--active {
    background: #1d6b70 !important;
}

.qmodii .application--wrap .v-tabs__slider.accent {
    background: #1d6b70 !important;
}

.qmodii .application--wrap button.v-btn.primary {
    background: #0061af !important;
}

.qmodii .application--wrap button.v-btn.secondary {
    background: #1b2935 !important;
}

.qmodii .qmodii-advChart-chart .highcharts-scrollbar-thumb {
    fill: #1b2935 !important;
    stroke: #fff;
}


/* Financials Tab */
.qmod-financials-table thead tr th {
    font-size: 14px !important; /* changed font size*/
    font-weight: bold !important; /* increased font weight */
}

.qmod-dropdown_toggle {
    border-color: #cdd !important; /* changed border color on input */
}

.qmod-financials table td {
    border-bottom: 1px solid #cdd !important; /* changed border color */
}


/* Price History Tab */
.qmod-pricehistory-table td {
    border-bottom: 1px solid #cdd !important; /* changed border color */
}

.qmod-pricehistory-table thead tr th {
    border-top: 7px solid #1b2935 !important; /* added fake borders to make fake padding */
    border-bottom: 7px solid #1b2935 !important;
    border-right: 7px solid #1b2935 !important;
}

.qmod-modifiers input {
    border-color: #cdd !important;
}

.qmod-mod-pad-buttons .qmod-darkblue {
    background: #0061af !important;
    font-weight: bold !important;
}

.qmod-mod-pad-buttons .qmod-green {
    background: #1d6b70 !important;
    font-weight: bold !important;
}

.qmod-pricehistory .dataTables_wrapper .dataTables_paginate .paginate_button:active, .qmod-pricehistory .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #1b2935 !important;
}

.qmod-minipricehistory .qmod-symbol-button .qmod-btn {
    background: #0061af !important;
    border-color: #0061af !important;
    font-weight: bold !important;
    margin-top: 10px !important;
}

.qmod-minipricehistory .qmod-adjustment-button .qmod-btn {
    background: #1d6b70 !important;
    border-color: #1d6b70 !important;
    font-weight: bold !important;
}

.qmod-minipricehistory-calendar {
    margin-top: 10px !important;
}

.qmod-minipricehistory-calendar input {
    border-color: #cdd !important;
}

.qmod-minipricehistory .qmod-data-point {
    padding-right: 0 !important;
    float: left !important;
    padding-left: 0 !important;
    padding-bottom: 8px !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

.qmod-minipricehistory .qmod-label {
    padding-top: 8px !important;
    font-size: 12px;
    text-transform: uppercase !important;
    color: #726f6f !important;
    font-weight: normal !important;
}

.qmod-minipricehistory .qmod-line-sep {
    border-bottom: 1px solid #cdd !important;
}


/* Options Tab */
.qmod-option-wrapper .qmod-modifiers .qmod-dropdown_toggle {
    border: 1px solid #cdd !important;
}

.qmod-optioncs.qmod-ui-tool .qmod-toggle-btn.qmod-toggle-active, .qmod-optioncs.qmod-ui-tool .slick-slide.qmod-active-date {
    background: #0061af !important;
}

.qmod-optioncs.qmod-ui-tool .qmod-toggle-wrap, .options-table-wrap {
    border: 1px solid #cdd !important;
}

.qmod-optioncs.qmod-ui-tool .dataTables_wrapper {
    border-top: 1px solid #cdd !important;
}

.qmod-optioncs.qmod-ui-tool .dataTables_wrapper .qmod-options-table tr.odd td, .qmod-optioncs.qmod-ui-tool .dataTables_wrapper .qmod-options-table tr.even td {
    border-color: #cdd !important;
}


/* Research Tab */
.qmod-rechistory-table {
    margin-top: 30px !important;
}

.qmod-rechistory-table td {
    border-bottom: 1px solid #cdd !important;
}

.zacks-container {
    padding-left: 30px !important;
}


/* Earnings Calendar Page */
.qmod-earningscalendar .qmod-week .qmod-btn {
    background: #0061af !important;
}

.qmod-earningscalendar .qmod-btn {
    border-radius: 0 !important;
}

.qmod-earnings-table thead tr {
    border-top: 7px solid #1b2935 !important;
    border-bottom: 7px solid #1b2935 !important;
    border-right: 7px solid #1b2935 !important;
}

.qmod-earnings-table td {
    border-bottom: 1px solid #cdd !important;
}

.qmod-earningscalendar .qmod-calendar-control input {
    border: 1px solid #cdd !important;
}

.qmod-earnings-exchange .qmod-dropdown_toggle {
    border-color: #cdd !important;
    margin-top: 3px;
}

.qmod-table-con.earnings-table .dataTables_paginate {
    margin-top: 20px !important;
}

.qmod-earnings-date {
    display: none;
}

/*Indices page*/
.indices-m, .indices-f {
    display: inline-block;
    border-radius: 3px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-right: 8px;
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif;
}

.table .indices-m, .table .indices-f {
    width: 18px;
    height: 18px;
    line-height: 16px;
}

@media screen and (max-width: 767.98px) {
    .indices-m, .indices-f {
        width: 20px;
        height: 20px;
        line-height: 18px;
        margin-right: 4px;
        margin-bottom: 2px;
    }
}

.indices-m {
    background-color: #f9a51b;
}

.indices-m:after {
    content: "M";
}

.indices-f {
    background-color: #3fa000;
}

.indices-f:after {
    content: "F";
}

/*get quotes*/
ul.holder {
    width: 100%;
    float: left;
    background-color: transparent;
    overflow: hidden;
    padding: 4px;
    border: 1px solid #cdd;
    border-radius: 5px;
}

ul.holder li {
    float: left;
    list-style-type: none;
    margin: 0 5px 0 0;
    white-space: nowrap;
    height: 30px;
}

ul.holder li.bit-box {
    position: relative;
    z-index: 400;
    border-radius: 4px;
    background-color: #1b2935;
    color: #fff;
    padding: 5px 25px 5px 8px;
    font-family: 'DinProBold', Roboto, Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

ul.holder li.bit-box a.closebutton {
    position: absolute;
    right: 10px;
    top: 5px;
    display: block;
    width: 12px;
    height: 12px;
}

ul.holder li.bit-box a.closebutton:after {
    font-family: 'icomoon' !important;
    content: "\e937";
    font-size: 18px;
    color: #16fffb;
}

ul.holder li.bit-input input {
    width: auto;
    min-width: 2em;
    overflow: visible;
    margin: 0;
    border: 0;
    outline: 0;
    background-color: transparent;
    height: 30px;
    line-height: 20px;
    padding: 5px;
}

/*overwritten*/
.pure-g [class*="pure-u"], .pure-g [class*="pure-u"], .qmod-ui-tool, .qmod-btn {
    font-family: 'DinPro', Roboto, Helvetica, Arial, sans-serif !important;
}

.qmod-optioncs.qmod-ui-tool .qmod-btn-settings {
    color: #1d6b70 !important;
}

/* V50 French - Nav fix */
.nav-item-fr a {
    padding: 0 0.7em !important;
}

@media screen and (max-width: 991.98px) {
    .nav-item-fr a {
        padding: 0 0.3em !important;
    }
}