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: #FFFFFF;
}
@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.5em;
	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;
	color:#333;
	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: 991.98px) and (min-width: 768px){
	
}
@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: 0px 0px 4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
}
.login-social a:hover{
	background-color:#efefef;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 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{
  font-weight:bold!important;
  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:0px!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: 0px;
    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;
}