html{font-size:14px !important;} /*change 1em default size*/


.header{height: 50px;}
.logo span{font-size:22px;}
.logo img {max-height: 26px;}

.sidebar{top:50px;}
.header .search-bar-show{top:50px;}

.header-nav .nav-profile img {max-height: 26px !important;}

.container-lg{padding: 0px 0px;}

#main {
  height: 100% !important;  
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px !important;
  padding:0px !important;
}

.main-content .section{background-color: #fff; margin-bottom: 10px;}
	
.sticky_footer {
  /*position: absolute;*/
 /*bottom: 0;*/
 width: 100%;
 color:#012970;
 height: 50px;
 /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}

.main-content{width: 100%;}
.main-content .pagetitle{margin: 15px 0px; }
#sidebarUc{margin: 10px 0px;}

.pagetitle{margin-top: 15px; padding: 0px 5px;}

.link_panel_body a{margin:6px 15px 6px 0px; font-size:14px; padding: 5px 10px; border:1px solid #ccc; display: inline-block;}



table.dataTable{border: 1px solid #ddd !important; border-top:none !important;}
table.dataTable thead th {white-space: nowrap; border: 1px solid #ccc !important; border-collapse: collapse !important; border-left: none !important; border-bottom: none !important;}
table.dataTable tbody td {white-space: nowrap; border: 1px solid #eee !important; border-collapse: collapse !important;}
.dataTables_scroll{margin-bottom: 5px;}
.dataTables_wrapper{display: block;width: 100%;}  
.dtfc-fixed-left{background-color: #f6f9ff !important;}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover td.warning {background-color: #ff9933;}
.paginate_button{padding:3px 7px !important;cursor: pointer;}
.paginate_button.current{color:#FF573A !important;}    


.ib_nav_bar{ padding: 7px 0px; border-bottom: 1px dotted #ccc;}

.stock_nav{display: flex;flex-direction: row; justify-content: flex-start; border-bottom: 1px dotted #ccc; padding: 6px 0px;}
.stock_nav .stock_nav_title{margin: 6px 20px 6px 0px; white-space: nowrap;}



#searchformStockRating .stock_cat a{float:left; margin-right: 10px; padding: 5px;}

.nav-main-item{font-size:16px !important; min-width: 50px;}
.nav-main-dropmenu{padding:0px !important; margin-top: 10px !important;}
.nav-item a:hover{color:#FF573A !important;}
.main, .footer {margin-left: 0px !important;}

.sidebarUc .nav-item .active{color:#FF573A !important;}
.animate-navbar .nav-item .active{color:#FF573A !important;}
.sidebar .nav-item .active{color:#FF573A !important;}


/** bottom navbar css **/
.navbar-icon-top
{
	width:100%;
	height:50px;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	background-color: #e3f2fd; 
	border-top: 1px solid #ddd;
	padding:0px;
} 

.navbar-icon-top .nav
{
	width: 100%;	
}

.navbar-icon-top .nav .nav-item
{
	width:25%;
	text-align: center;
}

.navbar-icon-top .nav-link
{
	padding: 0px;
	font-size:12px;
	color: #012970;
	font-weight: bold;
}

.navbar-icon-top i {
   display: block;
   font-size:16px;
}

.navbar-icon-top .nav .nav-item .active
{
	background-color:transparent;
	color: #FF573A ;
}
/** end of bottom navbar css **/


/* config topic list css */
#stock_topics .card-body{padding:5px;}

.card{margin-bottom: 15px !important;}

 .topic_author_icon {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	overflow: hidden;
	margin-right: 10px;
	flex: 0 0 auto;
}

.topic_vote_area{margin:0px 10px 0px 0px; text-align: center; background-color:#f9f9f9;}
.topic_vote_area a{color: #999;}
.topic_vote_area a:hover{color: #ff4500;}

.topic_action_area{padding: 5px 0px;}
.topic_action_area a{color: #999; padding: 5px 7px; font-size:13px; font-weight: bold;}
.topic_action_area i{font-size:16px;}
.topic_action_area a:hover{color: #333; font-weight:bold; text-decoration: none; background-color: #eee;}

.topicListContent_item_normal{padding: 5px; display: block;}
.topicListContent_item_redirect{background-color:#f9f9f9; padding:5px;display: block; cursor:pointer;}
.topicListContent_item_redirect:hover{background-color:#f9f9f9;}

/*** end of topic css ***/


.animate-navbar .navbar .navbar-nav .nav-link:hover {
	color: #FF573A;
}

.animate-navbar .navbar .navbar-nav .active .nav-link {
	color: #FF573A;
}

.animate-navbar .navbar .navbar-nav .nav-link {
	color: #012970;
	font-size: 1.1em;
	font-weight: bold;
	white-space: nowrap;
}

@media only screen and (min-width: 992px) {
	.animate-navbar .navbar {
		padding: 0;
	}
	.animate-navbar .navbar .navbar-brand {
		padding: 0 0.7em;
	}
	.animate-navbar .navbar .navbar-nav .nav-link {
		padding: 1em 0;
	}
	.animate-navbar .navbar .navbar-nav .nav-item {
		margin: 0 1em;
	}
}

.animate-navbar .navbar .navbar-nav .nav-item {
	position: relative;
}

.animate-navbar .navbar .navbar-nav .nav-item::after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #FF573A;
	width: 0%;
	content: "";
	height: 4px;
}

.animate-navbar .navbar .navbar-nav .nav-item:hover::after {
	width: 100%;
}

/*
.animate-navbar .navbar .navbar-nav .active::after {
	width: 100%;
}
*/

.animate-navbar .navbar .navbar-nav .nav-item::after {
	transition: all 0.5s;
}



.searchMapListbg{
	position: absolute;
	background-color: white;
	display: none;
	width: 320px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.searchMapListbox{
	max-height: 480px;
	overflow-y: scroll;
	width: 100%;
	margin: 0;
	padding: 0;
}
.searchMapListbox li{
	line-height: 30px;
	padding-left: 14px;
	cursor: pointer;
}
.timevalue_search_shares{
	width: 100%;
	height: 30px;
	padding-left: 14px;
	background-color: #ededed;
	line-height: 30px;
	display: none;
}
.searchMapListbox li a{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	text-decoration: none;
	color: #333333;
	
}
.search_result_item{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.search_result_item .item_code{width: 60px;}
.search_result_item .item_name{width: 180px;}
.search_result_item .item_exchange{width: 60px;}

.searchMapListbox li a:hover div,.searchMapListbox li.time_inputliactive a div{
	color: #FF573A;
}  

.playerImageContainer {
  position:relative;
  display:inline-block;
}
 
.playerImageContainer:after {
  content:url("/company/images/playbutton.png");
  z-index:999;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-32px;
  margin-top:-32px;
}
 
.playerImageContainer img {
  /*width: 320px;*/
}


.topic_list_item{padding: 5px 15px 10px 15px; border-bottom: 1px dotted #ccc;}