@font-face {
    font-family: 'grammaranormal';
    src: url('../plugin/webfontkit-grammara/grammara-webfont.woff2') format('woff2'),
         url('../plugin/webfontkit-grammara/grammara-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    background: #E2E2E2;
    font-family: Helvetica, Arial, sans-serif;
    height: 100%;
    font-size: 14px;
}

body {
  margin: 0;
  overscroll-behavior: none;
}

.clear{
	clear:both;
}
#header {
    padding: 0 !important;
    /* height: 50px; */
    background-color: white;
    box-shadow: 0 0 1px #828282;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

#header .header-container {
    /* width: 100%; */
    height: 100%;
    padding: 0 0px;
    display: table;
    color: white;
    font-size: 15px;
}

#header .header-container,
.body-container {
    max-width: 1300px;
    /* min-width: 1000px; */
    margin: auto;
    padding: 0px 0px !important;
}

.body-container {
    position: relative;
    width: 100%;
}

.logo-container{
	padding:10px 0px;
	font-family: 'grammaranormal';
	font-size: 18px;
}
.logo-container img{
	height:30px;
}

.logo-tbl{
	display:table;
}

.logo-container .hello{
	color:black;
	margin-left:10px;
	vertical-align: bottom;
}

.logo-container a{
	text-decoration:none;
}

.logo-container .traders{
	color:#09A3D8;
	vertical-align: bottom;
}

.search-container{
	padding:0px 10px;
	padding-right: 15px;	
}

.horizontalmenu .btn-container{
	padding:0px 0px;
}

.horizontalmenu .btn-container button{
	background: none;
    color:#646464;
    border: 0px;
    border-left:0px solid #46707A;
    outline:none;
    padding-left: 12px;
    padding-right: 12px;
}

.horizontalmenu .btn-container .mainMenu.active button{
	color:#29ABE2;
}

.fa-diva{
	background-image: url(../img/diva.png);
    background-size: 30px;
    width: 30px;
    height: 12px;
    background-repeat: no-repeat;
}

.body-container{
    padding: 50px 0 0 0 !important;
    min-height: 500px;
}
    

#header .header-container #row  {
    display: table-row;
}

#header .header-container #left,
#header .header-container #right, 
#header .header-container #middle {
    display: table-cell;
    vertical-align: top;
    vertical-align: middle;
}
    
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

#header .header-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
   display: table;
    table-layout: fixed;
}
#header .header-container ul.horizontalmenu > li{
	display: table-cell;
	white-space: nowrap;
	vertical-align:middle;
}

#header .header-container #left li {
}


#header .header-container #right .horizontalmenu{
	margin-left: auto;
}

#header .header-container #right li {
	
}


#header .header-container #right li.login,
#header .header-container #right li.signup,
#header .header-container #right li.lang{
	padding:9px 3px;
}

#header .header-container #right li.login button,
#header .header-container #right li.signup button,
#header .header-container #right li.lang button,
#header .header-container #right li.hotToken button,
#header .header-container .mybtnLogout{
	padding:5px 10px;
	color:white;
	border:0px;
	border-radius:3px;
	outline:none;
}

#header .header-container #right li.login button{
	background:#E57200;
	padding: 5px 25px;
}

#header .header-container #right li.signup button{
	background:#E57200;
}

#header .header-container #right li.lang button{
	background:#526D77;
}

#header .header-container #left li.btn-container a {
  display: block;
  color: white;
  text-align: center;
  padding: 13px 0px;
  text-decoration: none;
  margin-right:5px;
}

#header .header-container #left li.btn-container a:hover  {
  border-bottom:4px solid #29ABE2;
  padding-bottom: 8px;
}

#header .header-container #left li.btn-container a:hover button {
	color:#29ABE2;
}

#header .header-container #left li.btn-container a.active  {
  border-bottom:4px solid #29ABE2;
  padding-bottom: 8px;
}

#header .search{
	min-width:150px;
	border: 1px solid #DFDFDF;
	border-radius: 3px;
}

#header .search .dark-red{
	background-color:#29ABE2;
	background-color:var(--main-bg-color);
	color:white;
	border:0px;
}

.noneLink{
	color:black;
}
.noneLink:hover{
	color:black;
	text-decoration:none;
}

#header .search .border-none{
	border:0px;
	background:#F2F2F2;
}

.marketLogoContainer{
	min-width: 40px;
    text-align: right;
}

.marketLogoContainer img{
	height: 30px;
    border: 2px solid white;
    border-radius: 30px;
    background:white;
}

.marketLogoContainer .dropdown-content .active.marketBtn img{
	border:2px solid #1DADDE !important;
	background:#1DADDE !important;
}

.marketLogoContainer img:not(:first-child),
.marketLogoContainer i:not(:first-child)
{
    margin-left: -12px;
}

.btnLogin {
    background-color: DodgerBlue;
    border: none;
    color: white;
    text-align: center;
    font-size: 23px;
    cursor: pointer;
    width:45px;
    height:45px;
   	margin: 3px 8px;
   	border-radius:0px;
   	box-shadow: 0 0 1px #828282;
}

.btnLogin.fb{
	background-color:#3b5998;
	background-image:url(../img/social/facebook.png);
	background-repeat:no-repeat;
	background-position: center;
    background-size: 20px auto;
}

.btnLogin.google{
	background-color:white;
	background-image:url(../img/social/google.png);
	background-repeat:no-repeat;
	background-position: center;
    background-size: 30px auto;
}

.btnLogin.twitter{
	background-color: rgb(29, 161, 242);
	background-image:url(../img/social/twitter.png);
	background-repeat:no-repeat;
	background-position: center;
    background-size: 40px auto;
}

.btnLogin.instagram{
	background-color: #E14262;
	background:url(../img/social/instagram.png);
	background-repeat:no-repeat;
	background-size:110% auto;
	background-position:center;
}

.btnLogin.wechat{
	background-color: #60BA36;
	background-image:url(../img/social/wechat.png);
	background-repeat:no-repeat;
	background-position: center;
    background-size: 30px auto;
}

#loginSigupModal .modal-content{
	border-radius:0px;
}

#loginSigupModal .modal-body{
	padding:0px;
}

#loginSigupModal .modal-body .titleContainer{
	background:#29ABE2;
	color:white;
	text-align:center;
	text-transform: uppercase;
}

#loginSigupModal .modal-body .descContainer{
	padding:20px 35px;
	text-align:center;
}

#loginSigupModal .descContainer .separator{
	margin-top: 25px;
	margin-bottom: 25px;
}

#loginSigupModal .descContainer .separator .line{
	border-bottom:1px solid #DFDFDF;
	line-height:1px;
}

#loginSigupModal .descContainer .separator .text{
	position: relative;
    background: white;
    padding:10px 15px;
    color: #B3B3B3;
}

.btnLoginWithChartNexus{
	border:2px solid #E45E29;
	width:100%;
	background:transparent;
	padding:5px;
	border-radius:5px;
	color:#E45E29;
	font-weight:bold;
	margin-top: 10px;
	cursor:pointer;
}
.remember_me_tbl{
	width:100%;
}
.remember_me_tbl tr td{
	padding: 5px 0px;
}

.loginWithChartNexus{
	text-align:left;
}


.loginWithChartNexus .note{
	font-weight:bold;
}
.usernameContainer,
.passwordContainer{
	padding:5px 0px;
}

.usernameContainer input,
.passwordContainer input{
	padding: 5px 10px;
    width: 100%;
}

.usernameContainer .label,
.passwordContainer .label{
	padding: 3px 0px;
}
.user-profile{
	margin-right: 5px;
    height: 47px;
    display: inline-table;
    vertical-align: middle;
}

.user-profile .profile-picture{
	width:27px;
	height:27px;
	border-radius:27px;
	background-image: url(../img/default-profile.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    box-shadow: 0 0 1px #828282;
}

.user-profile .username{
	color:white;
}
.user-profile-tbl{
	height: 47px;
}
.user-profile-tbl tr td{
	padding: 0px 0px;
}
.user-profile .dropdown-content:before{
	right:5px !important;
}

.dropbtn {
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  cursor:pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;
  color:black;
}

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

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
}

.dropdown:hover .dropdown-content,
.dropdown.hover .dropdown-content  {
	display: block;
}

.dropdown:hover .dropbtn {
	
}

.dropdown-content:before {
    content: "";
    width: 0px;
    border-width: 12px;
    border-color: transparent transparent #F2F2F2 transparent;
    border-style: solid;
    position: absolute;
    top: -21px;
    right: 18px;
}

.dropdown-menu {
   display: block;
    box-shadow: 0 0 1px #828282;
    border: none !important;
}

.user-profile ul.dropdown-menu .user-container {
    display: flex;
    font-size: 13px;
}

.user-profile ul.dropdown-menu .user-container i {
    margin-left: 20px;
}


.user-profile ul.dropdown-menu .user-container span.profile-attr {
    padding-left: 17px;
}

.dropdown-menu  i {
    text-align: center;
    margin: 2px;
    margin-top: 3px;
}

.user-profile  ul.dropdown-menu .user-container .user-avatar {
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.user-profile ul.dropdown-menu .user-container .user-identity {
    margin-left: 8px;
}

.user-profile ul.dropdown-menu .user-container .user-identity .name-dark {
    color: #29303b;
    font-size: 13px;
}

.user-profile ul.dropdown-menu .user-container .user-identity .username {
    width: 180px;
    display: block !important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px;
    max-height: 42px;
}

.user-profile ul.dropdown-menu .user-container .user-identity .name-light {
    color: #686f7a;
    font-size: 13px;
}
.user-profile ul.dropdown-menu {
    width: 300px;
}

.dropdown-menu li:hover{
	background:#F5F5F5;
}

#notifications-dropdown a{
	display:block;
	padding:15px 8px;
	color:#29ABE2;
	margin:auto 5px;
	margin-left:3px;
}

#notifications-dropdown .dropdown-menu-right{
	right: -14px;
}

#header .header-container #right li.hotToken button {
    background:none;
    color:#09A3D8;
    font-weight:bold;
    font-size:large;
}

#header .header-container #right li.hotToken button img{
	height:25px;
	margin-top: -3px;
}

#header .header-container #right li.buyToken button {
    color:white;
    border-radius:3px;
    background: #E57200;
    padding: 5px 10px;
    background:url(../img/icon-buy-token.png);
    background-size: 101%;
    background-repeat:no-repeat;
    border:0px;
    background-position:center;
    font-size:small;
}

#left-panel,
#center-panel,
#right-panel{
}


#left-panel,
#right-panel{
	width:310px;
}


.marketLogoContainer .actionContainer{
	width:100%;
}

.marketLogoContainer .actionContainer .btnSave{
	width:100%;
	background: #29ABE2;
    color: white;
    padding:10px 0px;
    border: 3px solid #f1f1f1;
    outline:none;
}


/* #center-panel {
	margin-left:320px;
	margin-right:320px;
}

#left-panel {
	padding-right:0px;
 	position:relative;
 	float:left;
}

#right-panel {
	position:absolute;
	right:0;
	top:50px;
} */


#left-panel {
 	float:left;
 	width:310px;
 	padding-right:0px;
 	padding-bottom: 10px;
}

#center-panel {
	width:calc(100% - 620px);
	float:left;
}

#center-panel .center-panel-inner{
	padding:0px 10px;
}

#center-panel .theiaStickySidebar{
}

#center-panel .theiaStickySidebar{
}

#right-panel {
	float:right;
 	width:310px;
 	padding-left:0px;
}

#left-panel .smallContainer.socialconsensus{
	margin-top:15px;
}

#left-panel .smallContainer.socialconsensus .note{
	font-size:11px;
	color:gray;
	font-style:italic;
	padding: 10px 15px;
}

#left-main-panel{
}

.right-panel-inner{
	padding-left:0px;
}

.hide{
	display:none;
}

button .spinner-border,
a .spinner-border{
	display:none;
}

button:disabled .spinner-border,
a:disabled .spinner-border{
	display:inline-block;
}

.smallContainer{
	background:white;
	border-radius:3px;
	box-shadow: 0 0 1px #828282;
}

.smallContainer .title{
	padding: 15px 15px;
	color: black;
    font-weight: bold;
    padding-bottom:0px;
}

#left-panel .smallContainer .title{
    margin-top:10px;
}

.smallContainer .title a{
	color: black;
}

.smallContainer .title a:hover{
	opacity:0.9;
}

.smallContainer .title span{
	font-size:18px;
	color:#29ABE2;
	color:var(--main-bg-color);
	vertical-align:middle;
}

.smallContainer .content{
	min-height:350px;
}

.smallContainer .content.comingsoon{
	background:url(../img/comingsoon.png);
}

.cnxalertcontainer{
	position: fixed;
	display:table;
	text-align:center;
	width:100%;
	top:200px;
	z-index:99999;
}

.cnxalertcontainer .title{
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
}

.fa-consensus {
    background-image: url(../img/consensus.png);
    background-size: auto 100%;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.fa-premium {
    background-image: url(../img/premium.png);
    background-size: auto 100%;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.fa-tophero {
    background-image: url(../img/hero.png);
    background-size: auto 100%;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.fa-topportfolio {
    background-image: url(../img/top_portfolio.png);
    background-size: auto 100%;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.fa-earnhottokens {
    background-image: url(../img/earnhottoken.png);
    background-size: auto 100%;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    margin-bottom: 2px;
}

.fa-share-an-idea {
    background-image: url(../img/share-an-idea.png);
}

.fa-forecast {
    background-image: url(../img/forecast.png);
}

.fa-delete {
    background-image: url(../img/delete.png);
}

.fa-share-an-idea,
.fa-delete,
.fa-forecast {
	background-size: auto 100%;
    width: 16px;
    height: 13px;
    background-repeat: no-repeat;
    background-position:center;
    vertical-align:middle;
    margin-right: 5px;
    margin-bottom: 5px;
}

.btn-cancel{
	color: #333;
    background-color: #e6e6e6;
    border: 1px solid #adadad;
}

.modal-header.cnx{
	color:white;
	background:#29ABE2;
	text-align:center;
}

.modal-header.cnx .close{
    color: white;
    opacity: 1;
}

.cnxbadge{
	width:25px;
	height:20px;
	background-size:90% auto;
	background-repeat:no-repeat;
	background-position:center;
}

.cnxbadgeImg{
	height:25px;
	margin-right:5px;
}

.hero{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/H.png);
}

.myBadge{
	width:25px;
	height:25px;
	background-size:90% auto;
	background-repeat:no-repeat;
	background-position:center;
	display:table;
}

.myBadge.B{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/B.png);
}

.myBadge.F1{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/F1.png);
}

.myBadge.F2{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/F2.png);
}

.myBadge.F3{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/F3.png);
}

.myBadge.H{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/H.png);
}

.myBadge.L1{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/L1.png);
}

.myBadge.L2{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/L2.png);
}

.myBadge.L3{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/L3.png);
}

.myBadge.P{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/P.png);
}

.myBadge.R1{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/R1.png);
}

.myBadge.R2{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/R2.png);
}

.myBadge.R3{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/R3.png);
}

.myBadge.R4{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/R4.png);
}

.myBadge.R5{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/R5.png);
}

.myBadge.T1{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/T1.png);
}

.myBadge.T2{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/T2.png);
}

.myBadge.T3{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/T3.png);
}

.myBadge.W1{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/W1.png);
}

.myBadge.W2{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/W2.png);
}

.myBadge.W3{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/W3.png);
}

.myBadge.W4{
	background-image:url(https://libfiles.oss-ap-southeast-1.aliyuncs.com/web1/img/badge/W4.png);
}

 .nologin{
	width:100% !important;
	text-align:center;
	padding: 10px 0px;
	background: white;
}

.consensusTbl .nologin .label{
	width:97px;
}

.nologin .label{
	margin:auto;
	padding: 10px 0px;
}

.nologin .login{
	width:97px;
	border: 2px solid #E45E29;
    color: #E45E29;
	border-radius:3px;
	font-weight:bold;
	padding:5px;
	outline:none;
	background:white;
}

.communityContainer .nologin .label{
	width: auto;
}

.totalSearchResults{
}

.fa-facebook-f:before {
    content: "\f39e";
}

.marketLogoContainer{
	
}

.dropdown-content.active{
	display:block !important;
}
.marketLogoContainer .dropdown-content{
	margin-top:0px;
	width:250px;
}
.marketLogoContainer .dropdown-content:before{
	right:0px !important;
	margin-top:10px;
}

.marketLogoContainer .dropdown-content{
	background:transparent;
	box-shadow:none;
}

.marketLogoContainer .dropdown-content-inner{
	margin-top:10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
background-color: #f1f1f1;
}
.marketLogoContainer .dropdown-content .marketBtn{
	width:50%;
	float:left;
	border:1px solid #F2F2F2;
	background:white;
}

.marketLogoContainer .dropdown-content .marketBtn.active{
	background:#E7FAFE;
	cursor:pointer;
}

.marketLogoContainer .dropdown-content .marketBtn:hover{
	opacity:0.9;
}

.marketLogoContainer .dropdown-content .marketBtn .marketBtnInner {
	display:table;
	padding: 10px;
	margin:5px;
}

.marketLogoContainer .dropdown-content .marketBtn .marketBtnInner > div{
	display:table-cell;
	vertical-align:middle;
}


.marketLogoContainer .dropdown-content .marketBtn .marketBtnInner .label{
	padding-left:5px;
}

.marketLogoContainer .settingIcon{
	background-color: #29ABE2;
    color: white;
    line-height: 30px;
    vertical-align:middle;
    text-align: center;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    border: 2px solid white;
}

#loginSigupModal .titleContainer{
	display:table;
	height: 50px;
}


#loginSigupModal .titleContainer .modal-title{
	display:table-cell;
	width:100%;
    vertical-align: middle;
	padding-left:50px;
}

#loginSigupModal .titleContainer .close{
	display:table-cell;
	background: transparent;
    border: 0px;
    font-size: 30px;
    color:white;
    height:100%;
    width:50px;
    outline:none;
    font-weight: normal; 
    opacity: 1;
}

#notifications-dropdown .dropdown-content{
	padding:10px;
}

.cnxToggle{
	
}
.cnxToggle .toggle-handle{
	display:none;
}

.cnxToggle .toggle-off.btn,
.cnxToggle .toggle-on.btn{
	padding: 5px;
}


.cnxToggle .btn-off,
.cnxToggle .btn-on{
	border-radius:3px;
	cursor:pointer;
}
.cnxToggle .btn-off{
	border: 1px solid #E45E29;
    background: white;
    color:#E45E29;
}

.cnxToggle .btn-on{
	background:#E45E29;
	color:white;
}
.header-container .mybtnLogout{
	background: red;
    padding: 5px 25px;
    margin-right:5px;
}

.defaultModal .modal-header{
	color: white;
    background: #29ABE2;
    border-radius:0px;
    padding:0px;
}

.defaultModal .modal-header .modal-title{
	width: 100%;
    padding-left: 40px;
    font-size: medium;
    text-align: center;
    line-height: 40px;
}

.defaultModal .modal-content{
	border-radius:0px;
	border:0px;
}

.defaultModal .modal-header .close{
	color: white;
    opacity: 1;
    padding: 0px;
    font-size: xx-large;
    margin: 0;
    line-height: 40px;
    width: 40px;
    font-weight: normal;
}

.msgCreateWatchlist a{
	text-decoration: underline;
}

.watchlistInner{
	padding:5px;
}
.abc-checkbox label{
	padding:3px 10px;
	padding-left: 10px !important;
}

.error_msg_container{
	background:red;
}

.error_msg_container .error_msg_inner{
	color:white;
	font-size: 13px;
}

.error_msg_container .arrow:after,
.error_msg_container .arrow:before{
	border-top-color:red !important;
}

.trialPeriodEndIn{
	background: url(../img/countdown-background.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding:30px 20px;
  margin-top:10px;
}

.periodEndInContainer .timerCountDownTbl tr td{
	vertical-align:top;
	text-align:center;
	 color:white;
}

.periodEndInContainer .countdownPeriodEndIn{
	padding:10px 20px;
	border:1px solid white;
	display:table;
	margin:auto;
	margin-top:20px;
	padding-top: 20px;
	 color:white;
}

.periodEndInContainer .mainlabel{
	text-align:center;
	font-size:15px;
	font-family: 'grammaranormal';
	 color:white;
}

.periodEndInContainer .sublabelVerifyPhone{
	text-align:center;
	padding:20px;
	font-size:x-small;
	 color:white;
}
.periodEndInContainer .form{
	text-align:center;
}
.periodEndInContainer .timerCountDownTbl tr td {
	padding:0px 5px;
}

.periodEndInContainer .timerCountDownTbl tr td .label{
	font-size:x-small;
	font-style: italic;
}

.periodEndInContainer .timerCountDownTbl .colon{
	font-size:x-large;
	font-family: 'grammaranormal';
	line-height: 10px;
}
.periodEndInContainer .timerCountDownTbl tr td .value{
	font-size:x-large;
	font-family: 'grammaranormal';
	line-height: 10px;
	 color:white;
}

.trialPeriodEndIn .submitPhoneNo{
	background:#F7941F;
	color:white;
	margin-left:10px;
	padding:5px 20px;
	border-radius:3px;
	 color:white;
	 border: 0px;
}

.periodEndInContainer  .form input{
	padding-top: 3px;
    padding-bottom: 3px;
}

.periodEndInContainer  .form input::-webkit-input-placeholder {
  color: #3D83BD;
}

.share-with-container{
	white-space:nowrap;
}

.share-with-container .inputTokens{
	width:80px;
}

.share-with-container .lbPayu{
	padding-left:0px !important;
	display:none;
	margin-left: 4px;
}

#promptNotLoggedIn .btn.btn-login{
	border: 2px solid #DDB4A7;
    color: #EB9140;
    border-radius: 3px;
    font-weight: bold;
    padding: 5px;
    outline: none;
    background: white;
    width:100%;
    margin:auto;
    outline:none;
}

#promptNotLoggedIn .modal-body{
	text-align:center;
	padding: 20px 30px;
}

#promptNotLoggedIn .modal-dialog{
	max-width:400px;
}

.swiper-pagination-bullet {
    background: #fff  !important;
    opacity: 0.5 !important;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff  !important;
     opacity: 1 !important;
}

.datePickerContainerForModal{
	position:relative;
}

.datePickerContainerForModal .ui-datepicker{
	position:absolute !important;
	top:0 !important;
	left:0 !important;
}

.compInfoContainer{
	padding:10px;
}

.default-profile-picture {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: url(../img/default-profile.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    box-shadow: 0 0 1px #828282;
}
.loading{
	
}

#forecastNote i{
	color:#29ABE2;
}

#forecastNote .actionTbl{
	width:100%;
}

#notifications-dropdown .dropdown-content{
	padding:0px;
	background:white;
	width:400px;
}

#notifications-dropdown .dropdown-content span.before{
    display: table;
    width: 28px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: -20px;
}

#notifications-dropdown .dropdown-content .notificationTitle{
	padding: 8px 12px 6px;
	box-shadow: 0 0 1px #828282;
	font-size:small;
	background: #F2F2F2;
}

#notifications-dropdown .dropdown-content .loadingContainer{
	text-align:center;
	line-height:100px;
}

#notifications-dropdown .dropdown-content .notificationSeeAll{
	font-weight: bold;
    padding: 5px 10px;
    color: #337ab7;
    display: block;
    text-decoration: none;
    text-align:center;
    font-size:small;
    box-shadow: 0 0 1px #828282;
    cursor:pointer;
    margin: 0px;
}

#notifications-dropdown .dropdown-content .notificationSeeAll:hover{
	background: #F2F2F2;
}

#notifications-dropdown .dropdown-content .notificationContent {
	margin-top:1px;
}

#notifications-dropdown .dropdown-content .notificationContentOuter {
	overflow-y: auto;
    max-height: 330px;
}
#notifications-dropdown .dropdown-content .notificationContent .notificationInner
{
	display:table;
	width:100%;
}

#notifications-dropdown .dropdown-content .notificationContent .notificationInner:hover
{
	background:#F2F2F2;
}


.notificationInner.unread{
	background:#edf2fa;
}



#notifications-dropdown .dropdown-content .notificationContent .notificationInner .left,
#notifications-dropdown .dropdown-content .notificationContent .notificationInner .right
{
	display:table-cell;
	vertical-align:middle;
	font-size:small;
}
#notifications-dropdown .dropdown-content .notificationContent .notificationInner .right .desc
{
	white-space: normal;
}

#notifications-dropdown .dropdown-content .notificationContent .notificationInner .left .profile-picture{
	width: 45px;
    height: 45px;
    border-radius: 45px;
    background: url(../img/default-profile.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    box-shadow: 0 0 1px #828282;
}

#notifications-dropdown .dropdown-content .notificationContent .notificationInner .left{
	padding:10px;
	width:50px;
}


#notifications-dropdown .dropdown-content .notificationContent .notificationInner:not(:first-child)
{
	border-top:1px solid lightgray;
}

#notifications-dropdown .dropdown-content .notificationContent .comingSoon{
	text-align:center;
	padding:10px;
}

#reportThisPostModal{
	
}

#reportThisPostModal .reasonContainer{
	margin-top:10px;
}

#reportThisPostModal .reasonContainer input[type='radio']{
	margin-right:10px;
}

#reportThisPostModal  .remark{
	width:100%;
	min-height:50px;
}



.premiumViewMore,
.premiumViewLess{
    padding: 5px 0px;
    display: inline-block;
    color: #006EB2;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    cursor:pointer;
}

.premiumViewMore:hover,
.premiumViewLess:hover{
	/* background:#FBFCFC; */
	text-decoration:underline;
	opacity:0.7;
}

._2iwq {
   /*  background: #f5f6f7; */
    height: 104px;
    overflow: hidden;
    position: relative;
}

._2iwq>div {
    background: #fff;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
}

._2iwq ._1enb {
    background-color: transparent;
    border: 10px solid #fff;
    border-radius: 50%;
    height: 58px;
    left: -8px;
    top: -8px;
    width: 58px;
}

._6b5s::before {
    /* background-color: #f5f6f7; */
    background-image: url(../img/cnxPostLoadingBg.gif);
    background-repeat: repeat-y;
    background-size: 100% 1px;
    content: ' ';
    display: block;
    height: 100%;
}

._605a ._1enb._1enb {
    background-color: transparent;
    border: 8px solid #fff;
    border-radius: 50%;
    height: 40px;
    left: -8px;
    top: -8px;
    width: 40px;
}

._2iwq>div {
    background: #fff;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
}

div._2iwr {
    height: 40px;
    left: 40px;
    right: auto;
    top: 0;
    width: 8px;
}

div._2iws {
    height: 8px;
    left: 48px;
    top: 0;
}

div._2iwt {
    left: 136px;
    top: 8px;
}

div._2iwu {
    height: 12px;
    left: 48px;
    top: 14px;
}

div._2iwv {
    left: 100px;
    top: 26px;
}

div._2iww {
    height: 10px;
    left: 48px;
    top: 32px;
}

div._2iwx {
    height: 20px;
    top: 40px;
}
div._2iwy {
    left: 410px;
    top: 60px;
}

div._2iwz {
    height: 13px;
    top: 66px;
}

div._2iw- {
    left: 440px;
    top: 79px;
}

div._2iw_ {
    height: 13px;
    top: 85px;
}

div._2ix0 {
    left: 178px;
    top: 98px;
}

.postLoadingOuter{
	padding:15px;
	background:white;
	min-height:300px;
	margin-bottom:10px;
}

.loadmore .postLoadingOuter{
	 margin-top:10px;
}

.socialPostLoadingOuter{
	padding:15px;
	/* background:white; */
}

#notifications-dropdown .badge{
	position:absolute;
	background:red;
	color:white;
	min-width:16px;
	height:16px;
	border-radius:16px;
	right:5px;
	top:5px;
	display:none;
	font-size: x-small;
}

#notifications-dropdown .dropdown-content .notificationContent .errorMsgContainer{
	padding:10px;
	font-size:small;
}

.notificationInner .mainUsn{
	font-weight:bold;
}

.notificationInner .time{
	color:#90949c;
	font-size:12px;
}

.cnxLoading{
	min-height:50px;
	background:url(../img/ajax-loading.gif);
	background-repeat:no-repeat;
	background-size:30px;
	background-position:center;
}

.notificationContent .loadMoreContainer{
	    text-align: center;
	    padding:10px;
}

.notificationContent .loadMoreContainer .loadMore{
	background-color: #29ABE2;
    color: white;
    padding:5px 0px;
    font-size:small;
    min-width:100px;
}

.linkBadge{
}

#promptForgotPassword .modal-body .note{
	text-align:center;
}

#promptForgotPassword .modal-dialog{
	max-width: 450px;
}

#promptForgotPassword .modal-body{
	padding:25px;
	padding-top:15px;
}

#promptForgotPassword .modal-body .email{
	width:100%;
	margin-top: 15px;
	padding: 5px 10px;
}

#promptForgotPassword .modal-body .submit{
	margin-top: 15px;
    border: 2px solid #DA8026;
    width: 100%;
    background: transparent;
    padding: 5px;
    border-radius: 5px;
    color: #DA8026;
    font-weight: bold;
    cursor: pointer;
    outline:none;
}
.profile-attr-container{
	padding: 7px 25px 7px;
	padding-left:0px;
	padding-bottom:0px;
}
.user-container-a{
	padding: 7px 25px 7px !important;
}

.other-container{
	padding: 7px 25px 7px !important;
}

#right-panel .smallContainer.premiumchannels{
	margin-top:15px;
}


.commonloadingContainer
{
	background:url(../img/page-loader.gif);
	min-height:50px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:30px 30px;
}

.common-profile-picture{
	width: 45px;
    height: 45px;
    border-radius: 45px;
    background: url(../img/default-profile.png) center center / auto 100% no-repeat;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 0 1px #828282;
}

.react_container{
	width:90%;
	margin:auto;
}

.react_container .left{
	width:55px;
}	
.react_container .left,
.react_container .right{
	padding: 15px 0px;
}	
.react_container .right{
	padding-left:20px;
}	

#modalPostReaction .react_container:not(:last-child){
	border-bottom: 1px solid lightgray;
}

.react_container .name.user{
	color:orange;
	font-weight:bold;
}

#modalPostReaction .btnLoadMoreContainer{
	text-align:center;
	padding:10px;
}

#modalPostReaction .btnLoadMoreContainer .btnLoadMore{
    color: white;
    background: #29ABE2;
    padding: 5px 20px;
}

#modalPostReaction  .noMoreResult{
	padding: 5px 20px;
	text-align:center;
}

.reactionContainer .reactImg{
	width: 22px;
    height: 22px;
    background-size: 65px;
    border-radius: 20px;
}

.reactionContainer{
	float: right;
    margin-top: -20px;
}

.smallContainer.earnhottokens{
	margin-top:10px;
}

.defaultPageContainer{
	background: white;
    margin-top: 15px;
    margin-bottom:15px;
    box-shadow: 0 0 1px #828282;
    border-radius: 3px;
    padding: 20px;
    min-height: 600px;
}

.logo-container-large{
	font-size:27px;
}
.logo-container-large img{
	height: 50px;
}

.hotToken button{
	cursor:default;
}


.subscribeBtn.active{
	color: #fff !important;
    background-color: #E45E29 !important;
    border:1px solid #E45E29 !important;
}

.subscribeBtn{
	color: #E45E29;
    background-color: #fff;
    outline:none !important;
    border-radius: 3px;
    padding: 4px 10px;
    border: 1px solid #E45E29;
}

#forecastNote .bullet{
	margin-top:20px;
	margin-bottom:20px;
}

.btn-primary{
	background-color: #396AAE;
    border:1px solid #396AAE;
}

.btn-danger{
	background-color: #DF4132;
	border:1px solid #DF4132;
}

.defaultModal .modal-footer .btn{
	min-width:100px;
}

.cnx-profile-img{
	width:45px;
	height:45px;
	border-radius:100%;
	background-image: url(../img/default-profile.png);
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: 0 0 1px #828282;
   	background-size: auto 100%;
}

.page-item.active .page-link{
	background-color: #396AAE;
    border:1px solid #396AAE;
}
.optionTbl label{
	line-height:16px;
	margin-bottom:0px;
}

.optionTbl .radio{
	padding-left:14px;
}
.autoCloseDate{
	white-space:nowrap;
}

.linkStockForecast{
	color:#29ABE2;
	color:var(--main-bg-color);
}

.image-container-cnx{
	
}

.image-container-cnx .linkContainer{
	margin-top:10px;
}

.image-container-cnx .linkContainer,
.image-container-cnx .linkContainer a{
	color:#29ABE2;
	color:var(--main-bg-color);
}

.image-container-cnx .input-buttons-container{
	padding:10px 0px;
}

.image-container-cnx .input-buttons-container  .image-inner{
	float: left;
    margin-right: 5px;
}

.image-container-cnx .input-buttons-container .add-image-inner{
	width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    border: 2px dashed #dddfe2;
    cursor: pointer;
    color: lightgray;
}

.image-container-cnx .input-buttons-container .add-image-inner .plusImage {
    margin-top: 13px;
    font-size: 50px;
}

.image-container-cnx .input-buttons-container .add-image-inner:hover{
	color:gray;
	border: 2px dashed gray;
}

.image-container-cnx .input-buttons-container .image-inner .imageDiv
{
	width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    border: 2px solid #dddfe2;
    position: relative;
}

.image-container-cnx .input-buttons-container .image-inner .image-loading-inner{
	width: 100px;
    height: 100px;
    vertical-align: middle;
    text-align: center;
    border: 0px solid #dddfe2;
    background: lightgray;
    color: white;
    margin-right: 5px;
    display: table-cell;
}


.image-container-cnx .input-buttons-container .image-inner .others .doc_name {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 5px;
    overflow: hidden;
    font-size: x-small;
    text-overflow: ellipsis;
    word-break: break-all;
}

.image-container-cnx .input-buttons-container .image-inner .imageDivOverlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    text-align: center;
    position: absolute;
}

.image-container-cnx .input-buttons-container .image-inner .imageDivOverlay .delete {
    margin-top: 30px;
    font-size: 30px;
    color: lightgray;
}

.image-container-cnx .input-buttons-container .image-inner .imageDivOverlay .delete:hover{
    color: white;
    cursor:pointer;
}

.image-container-cnx .input-buttons-container .image-inner:hover .imageDivOverlay{
	display:block;
}

.premiumContainer > .premium > span:first-child {
    float: left;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

#notifications-dropdown .dropdown-content:before{
	right: 24px;
}

#splashModal .modal-dialog .modal-content{
	border: 0px solid orange;
}

#splashModal .HoTLogoContainer{
	text-align:left;
}

#splashModal ul{
    padding-left: 25px;
    margin-top:10px;
}

#splashModal ul li{
}

#splashModal .mainTitle{
	color: #29ABE2;
}

#splashModal .advertisingContainer{
	margin-top:10px;
}

#splashModal .welcomeContainer{
	margin:10px 0px;
}
#splashModal .modal-body{
	padding:25px;
}

#splashModal .btnContinueToHelloTraders{
	background:#29ABE2;
	background:var(--main-bg-color);
	border:1px solid #29ABE2;
	border:1px solid var(--main-bg-color);
}

#pleaseSubscribeModal .desc{
	font-size: small;
    font-style: italic;
}
#pleaseSubscribeModal .desc .mids{
    padding: 5px 0px;
}

.adsenseContainer{
	background:white;
	margin-top:10px;
	 box-shadow: 0 0 1px #828282;
}

.feedAdsense{
	margin-top:10px;
	width: 100%;
	background: white;
    box-shadow: 0 0 1px #828282;
    overflow:hidden;
}
.adsenseContainerLeft{
	margin-top:10px;
	background:white;
    box-shadow: 0 0 1px #828282;
}
.modal-dialog.modal-lg{
	max-width:800px;
	width:98%;
}
.white-bg
{
	background-color: white;	
}