* {
  box-sizing: border-box;
}
.row::after {
  content: "";
  clear: both;
  display: block;
}
[class*="col-"] {
  float: left;
  padding: 8px;
}

[class*="col-"] {
  width: 100%;
}

body
{
	margin: 0;
	font-family: Helvetica, sans-serif;
}

@media only screen and (max-width: 600px) {
  .col-s-0 {width: 0%;}
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .left_tab {margin-left: 4%;}
  .left_2tab {margin-left: 8%;}
  .hleft_tab {margin-left: 4%;}
  .hleft_2tab {margin-left: 8%;}
  .right_tab {margin-right: 4%;}
  .ti_topbar {display: none;}
  .ti_logo
  {
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 0px;
  }
  .ti_fline_s {display: none;}
  .ti_fline_dex {height: 150px !important;}
  .ti_fline_trex {display: block;}
  .ti_fline_m {display: none;}
  .ti_fline_2m {display: none;}
  .ti_canvas_B {display: none;}
  .ti_canvas_S {display: block;}
  .ti_forder_l {display: none;}
  .ti_forder_s {display: inline;}
  .ti_br {display: inline;}
  .modalLogin-content {
	margin: 5% auto 15% auto;
	width: 90%;
  }
  .snavlogin {
	font-size: 18px;
	text-decoration: none;
	color: #54575A;
	margin-right: 20px;
	text-align: right;
  }
  .calcDivPad {padding-right: 0px;}
  .modalSetPar-content { margin: 0% auto 90% auto; width: 90%; }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
  .col-s-0 {width: 0%;}
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
  .left_tab {margin-left: 4%;}
  .left_2tab {margin-left: 8%;}
  .hleft_tab {margin-left: 4%;}
  .hleft_2tab {margin-left: 8%;}
  .right_tab {margin-right: 4%;}
  .ti_topbar {
    display: none;
  }
  .ti_logo
  {
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 0px;
  }
  .ti_fline_trex {display: none;}
  .ti_fline_m {display: none;}
  .ti_fline_2m {display: none;}
  .ti_canvas_B {display: none;}
  .ti_canvas_S {display: block;}
  .ti_forder_l {display: none;}
  .ti_forder_s {display: inline;}
  .ti_br {display: inline;}
  .modalLogin-content {
	margin: 5% auto 15% auto;
	width: 90%;
  }
  .snavlogin {
	font-size: 18px;
	text-decoration: none;
	color: #54575A;
	margin-right: 20px;
  }
  .calcDivPad {padding-right: 0px;}
  .modalSetPar-content { margin: 0% auto 90% auto; width: 90%; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-m-0 {width: 0%;}
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
  .left_tab {margin-left: 4%;}
  .left_2tab {margin-left: 8%;}
  .hleft_tab {margin-left: 4%;}
  .hleft_2tab {margin-left: 8%;}
  .right_tab {margin-right: 4%;}
  .ti_fline_trex {display: none;}
  .ti_topnav {
    display: none;
  }
  .ti_topbar {
	display: flex;
  }  
  .ti_logo
  {
	margin-left: 20px;
	margin-top: 10px;
  }
  .ti_fline_m {display: none;}
  .ti_canvas_S {display: none;}
  .ti_canvas_B {display: block;}
  .ti_forder_l {display: inline;}
  .ti_forder_s {display: none;}
  .ti_br {display: none;}
  .modalLogin-content {
	margin: 5% auto 15% auto;
	width: 60%;
  }
  .snavlogin {
	display: none;
  }
  .calcDivPad {padding-right: 50px;}
  .modalSetPar-content { margin: 0% auto 90% auto; width: 40%; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-m-0 {width: 0%;}
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
  .left_tab {margin-left: 4%;}
  .left_2tab {margin-left: 8%;}
  .hleft_tab {margin-left: 4%;}
  .hleft_2tab {margin-left: 8%;}
  .right_tab {margin-right: 4%;}
  .ti_fline_trex {display: none;}
  .ti_topnav {
    display: none;
  }
  .ti_topbar {
	display: flex;
  }
  .ti_logo
  {
	margin-left: 20px;
	margin-top: 10px;
  }
  .ti_canvas_S {display: none;}
  .ti_canvas_B {display: block;}
  .ti_forder_l {display: inline;}
  .ti_forder_s {display: none;}
  .ps_block2 {float: right; margin-right: 15px;}
  .ti_br {display: none;}
  .modalLogin-content {
	margin: 5% auto 15% auto;
	width: 40%;
  }
  .snavlogin {
	display: none;
  }
  .calcDivPad {padding-right: 100px;}
  .modalSetPar-content { margin: 0% auto 90% auto; width: 40%; }
}
@media only screen and (min-width: 1200px) and (max-width: 1823px) {
  .col-0 {width: 0%;}
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .left_tab {margin-left: 4%;}
  .left_2tab {margin-left: 8%;}
  .hleft_tab {margin-left: 4%;}
  .hleft_2tab {margin-left: 8%;}
  .right_tab {margin-right: 4%;}
  .ti_fline_trex {display: none;}
  .ti_topnav {
    display: none;
  }
  .ti_topbar {
	display: flex;
  }
  .ti_logo
  {
	margin-left: 20px;
	margin-top: 10px;
  }
  .ti_canvas_S {display: none;}
  .ti_canvas_B {display: block;}
  .ti_forder_l {display: inline;}
  .ti_forder_s {display: none;}
  .ps_block2 {float: right; margin-right: 15px;}
  .ti_br {display: none;}
  .modalLogin-content {
	margin: 5% auto 15% auto;
	width: 40%;
  }
  .snavlogin {
	display: none;
  }
  .calcDivPad {padding-right: 150px;}
  .modalSetPar-content { margin: 0% auto 90% auto; width: 40%; }
}
@media only screen and (min-width: 1824px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .left_tab {margin-left: 8.33%;}
  .left_2tab {margin-left: 16.66%;}
  .hleft_tab {margin-left: 16.66%;}
  .hleft_2tab {margin-left: 25%;}
  .right_tab {margin-right: 8.33%;}
  .ti_fline_trex {display: none;}
  .ti_topnav {
    display: none;
  }
  .ti_topbar {
	display: flex;
  }
  .ti_logo
  {
	margin-left: 20px;
	margin-top: 10px;
  }
  .ti_canvas_S {display: none;}
  .ti_canvas_B {display: block;}
  .ti_forder_l {display: inline;}
  .ti_forder_s {display: none;}
  .ps_block2 {float: right; margin-right: 15px;}
  .ti_br {display: none;}
  .modalLogin-content {
	margin: 5% auto 15% auto;
	width: 40%;
  }
  .snavlogin {
	display: none;
  }
  .calcDivPad {padding-right: 150px;}
  .modalSetPar-content { margin: 0% auto 90% auto; width: 40%; }
}

/* Style the navigation menu */
.ti_topnav {
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.ti_topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.ti_topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.ti_topnav a.icon {
  background: #ffffff;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.ti_topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #04AA6D;
  color: white;
} 

.ti_topbar {
  overflow: hidden;
  background-color:#ffffff;
  height: 85px;
}

.ti_logo
{
  font-family: 'Henny Penny';font-size: 40px;
  color: #54575A;
}
.png_text
{
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #54575A;
	font-style: italic;
	text-align: center;
}

.ti_dropdown {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #54575A;
  margin-left: 20px;
  margin-bottom: 8px;
  cursor: pointer;
}
.ti_dropdown_act {
  text-decoration: underline;
}

.ti_dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 340px;
	border-radius: 10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}

.ti_dropdown-rcontent {
	margin-top: 10px;
	position: absolute;
	right: 25px;
	display: none;
	background-color: #ffffff;
	min-width: 340px;
	border-radius: 10px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}
.ti_bellstr {
	margin-left: 5px;
	margin-bottom: 0px;
	color: #ffffff;
	background-color: #e50000;
	
    display:inline-block;
	vertical-align: top;
    font-size:14px;
	font-family: 'Cursive';
	font-weight: bold;
    text-align: left;
    text-decoration:none;
	background-clip: border-box;
	border: 2px solid #00000020;
	border-radius: 0.25rem;
	cursor: pointer;
}

.ti_fsearch
{
	background-color: #ffffff;
	display: block;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	min-width: 100px;
}
.ti_func
{
	color: white;
	font-size: 28px;
	cursor: pointer;
}
.ti_forder
{
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
	cursor: pointer;
}
.ti_forder_title
{
	font-size: 18px;
	color: #ffffff;
	margin-left: 5px;
	cursor: pointer;
}
.ti_forderch_label {
	font-size: 12px;
	color: #ffffff;
	margin-left: 0px;
}
.ti_forderch {
	font-size: 12px;
	color: #ffffff;
	margin-right: 0px;
}

.ti_forder_more
{
	font-size: 18px;
	color: #ffffff;
	margin-left: 10px;
	cursor: pointer;
}
.ti_forderdown
{
	font-size: 14px;
	color: #ffffff;
	margin-left: 3px;
	cursor: pointer;
}
.ti_forderdown22222
{
	margin-left: 8px;
	display: inline-block;
	width: 8px;
	height:8px;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	z-index: 1;
	transform: translateY(70%) rotate(225deg);
	cursor: pointer;
	transition: 0.5s;
}
.ti_fordertitle {
	font-size: 18px;
	color: #54575A;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}
.ti_topnavitem {
	font-size: 14px;
	color: #54575A;
	cursor: pointer;
	text-decoration: none;
}
.ti_forderitem {
	margin-top: 20px;
	font-size: 14px;
	color: #54575A;
	cursor: pointer;
	text-decoration: none;
}
.ti_forderitem:hover {
	color: red;
	text-decoration: none;
}

.ti_ffilter
{
	font-size: 12px;
	color: #ffffff;
	margin-left: 10px;
	cursor: pointer;
	text-align: right;
}
.ti_fform
{
	margin-left: 15px;	
	margin-right: 15px;	
	margin-bottom: 10px;	
	background-clip: border-box;
	border: 1px solid #fff;
	border-radius: 0.4rem;
}
.ti_flabel {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 12px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.ti_fcontainer {
	margin-left: 15px;
	display: flex;
	flex-wrap: wrap;
}
.ti_fcheckbox {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	min-width: 110px;
}
.ti_fscheckbox {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	min-width: 180px;
}
.ti_fch
{
    height: 16px;
    width: 16px;
	color: #54575A;
}
.ti_fch_label {
	font-size: 14px;
	color: #ffffff;
}


.ti_fline
{
	background-color: #ffffff;
	display: block;
	height: 100px;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	cursor: pointer;
}
.ti_mline
{
	background-color: #F0FFFF;
	display: block;
	height: 70px;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	cursor: pointer;
}
.ti_fline_t
{
  margin: 4px 0px 0px 0px;
  width: 100%; 
}
.ti_fline_2
{
  margin: 6px 0px 0px 0px;
}
.ti_fline_ticker
{
	font-size: 22px;
	margin: 0px 10px 0px 10px;
	font-weight: bold;
	color: #2e86c1;
	cursor: pointer;
}
.ti_fline_name
{
  font-size: 16px;
  font-weight: bold;
  color: #54575A;
  min-width: 25%;
}
.goodcell {
	font-size: 22px;
	color: #00A000;
	text-align: center;
}
.badcell {
	font-size: 22px;
	color: #FF2400;
	text-align: center;
}
.invcell {
	font-size: 22px;
	color: #708090;
	text-align: center;
}
.warningcell {
	font-size: 22px;
	color: #FF8C00;
	text-align: center;
}
.fllabel
{
	font-size: 12px;
	color: #54575A;
	margin: 0;
}
.pfllabel
{
	font-size: 12px;
	color: #54575A;
	margin: 0;
	cursor: pointer;
}
.flgold
{
	font-size: 14px;
	color: #FEBD14;
	margin-left: 10px;
	font-weight: bold;
	background-color:#000000;
}
.flsilver
{
	font-size: 14px;
	color: #C0C0C0;
	margin-left: 10px;
	font-weight: bold;
	background-color:#000000;
}
.flcompare
{
	margin-left: 20px;
	margin-bottom: 5px;
    height: 20px;
    width: 20px;
	color: #54575A;
}

.lang-list2
{
	display: none;
	margin-left: 150px;
	position: absolute;
	background-color: #ffffff;
	min-width: 250px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	z-index: 1;
}
.lang-def
{
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.lang-list
{
	display: none;
	padding: 0;
	margin: 0px 0px 0px 20px;
}

.lang-list-li
{
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
	color: #54575A;
	cursor: pointer;
	text-decoration: none;
}
.lang-list li a
{
	margin-left: 10px;
	cursor: pointer;
}

.selected-langi
{
	content: '';
	display: inline-block;
	cursor: pointer;
	float: right;
	vertical-align: center;
	margin-top: 5px;
}
.selected-lang
{
	content: '';
	display: inline-block;
	cursor: pointer;
	float: right;
	vertical-align: center;
}
.selected-lang2
{
	content: '';
	display: inline-block;
	cursor: pointer;
	float: right;
	margin-right: 25px;
	vertical-align: center;
}
.ti_modal_logo
{
	position: absolute;
	left: 10px;
	top: 0;	
	font-family: 'Henny Penny';
	font-size: 40px;
	color: #54575A;
	transform: translateY(-30%);
}

.ti_datacontainer {
	display: flex;
	flex-wrap: wrap;
}
.nullDiv {
	margin: 0;
	padding: 0;
}
.nullMarg {
	margin: 0;
}
.nullMarg2 {
	margin: 0;
	padding: 0;
}
.lfield_help {
	margin-left: 5px;
	cursor: pointer;
}
.field_help {
    color:#000;
	//background-color:#feb22a;
	background-color: #F8F8F8;
    width:18px;
    height:18px;
    display:inline-block;
    border-radius:100%;
    font-size:14px;
	font-family: 'Cursive';
	font-weight: bold;
    text-align:center;
    text-decoration:none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
	transform: translateY(-70%) translateX(15%);
	cursor: pointer;
	font-weight: normal;
}
.ti_help_box {
	display: none;
	position: absolute;
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	color: #54575A;
	padding: 10px;
	border-radius: 10px;	
	background-color:#F8F8F8;
	min-width: 250px;
	max-width: 400px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.ti_help_box_wide {
	display: none;
	position: absolute;
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	color: #54575A;
	padding: 10px;
	border-radius: 10px;	
	background-color:#F8F8F8;
	min-width: 250px;
	width: 90%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.help-canvas {
	background:#F8F8F8;
}
.help_stock {
	color: #1984c5; 
}
.help_bond {
	color: #54bebe; 
}
.help_etf {
	color: #ffb400; 
}
.help_deposit {
	color: #e27c7c; 
}
.help_cash {
	color: #AA336A; 
}
.help_dicon {
	font-size: 18px; 
	margin-right: 3px;
}	
.ti_help_title {
	margin-left: 15px;
	margin-right: 30px;
	font-weight: bold;
}
.ti_help_text {
	margin-left: 15px;
	margin-right: 30px;
}
.ti_help_info {
	margin-left: 15px;
	margin-right: 30px;
	text-align: center;
	font-weight: bold;
}
.ti_help_bold {
	font-weight: bold;
}
.ti_help_more {
	color: #2e86c1;
	cursor: pointer;
	font-weight: bold;
}
.ti_help_func {
	margin-left: 15px;
	margin-right: 30px;
	margin-top: 20px;
	font-size: 14px;
	color: #2e86c1;
	cursor: pointer;
	font-weight: bold;
	font-decoration: none;
}
.ti_help_func:hover {
	color: red;
	font-decoration: none;
}

#Corporate_name {
	margin-top: 30px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 24px;
	color: #54575A;
}
.quantity {
	margin-top: 0px;
	margin-left: 18px;
	font-size: 18px;
	color: #54575A;
}
#sector {
	margin-top: 0px;
	margin-left: 18px;
	font-size: 14px;
	color: #54575A;
}
#price {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 32px;
	color: #54575A;
}
.bondPrice {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 28px;
}
.bondcurrency
{
	margin: 0px 10px 0px 0px;
	font-size: 14px;
	color: #54575A;
}
#mydate {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 14px;
	color: #54575A;
}
#dyield {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 32px;
	color: #2e86c1;
}
.bondYield {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 28px;
	color: #2e86c1;
}
.bondInfo {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 28px;
	color: #54575A;
}
#years {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 32px;
	color: #2e86c1;
}
#pressurl {
	margin-left: 15px;
	font-size: 14px;
	color: #2e86c1;
}
#abouturl {
	font-size: 14px;
	color: #2e86c1;
}
.d_commtext {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 14px;
	color: #54575A;
}
.d_div {
	margin-left: 15px;
	margin-right: 15px;
}
.d_label {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #54575A;
}
.infodata {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 32px;
	color: #2e86c1;
}
.ti_data_subtitle {
	margin-top: 40px;
	margin-bottom: 2px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 24px;
	color: #54575A;
}
.ti_data_text {
	margin-top: 7px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
	color: #54575A;
}
.ti_data_details {
	margin-left: 5px;
	font-size: 14px;
	color: #2e86c1;
	cursor: pointer;
}
.ti_data_details2 {
	margin-left: 20px;
	font-size: 16px;
	color: #2e86c1;
	cursor: pointer;
}
.separator_line {
	color: #98B4D4;
	margin-left: 15px;
	margin-right: 15px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.goto_top {
	position: absolute;
	right: 25px;
	color: #BF40BF;
	font-size: 32px;
}
.goto_back {
	position: absolute;
	right: 80px;
	color: #BF40BF;
	font-size: 32px;
	padding-bottom: 32px;
}
.modal_back {
	color: #BF40BF;
	cursor: pointer;
}

.ti_fline_t
{
  margin: 4px 0px 0px 0px;
  width: 100%; 
}
.ti_accountitem {
	font-size: 14px;
	color: #54575A;
	cursor: pointer;
	margin: 10px 0px 15px 0px;
	padding: 0px;
}
.ti_account_name
{
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #2e86c1;
	cursor: pointer;
}
.ti_account_code
{
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: bold;
	color: #54575A;
}
.ti_list_percent {
	font-size: 18px;
	font-weight: bold;
	color: #54575A;
}
.ti_list_amount {
	font-size: 14px;
	margin-left: 20px;
	color: #54575A;
}
.ti_list_sep {
	color: #98B4D4;
	margin: 3px 0px 3px 0px;
}
.ti_list_ch {
	color: #00A000;
	font-size: 24px;
	cursor: copy;
}
.tid_help
{
	font-size: 12px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color:#F8F8F8;
	color: #54575A;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.tidf_help
{
	display: none;
	margin: 15px;
	font-size: 12px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	background-color:#F8F8F8;
	color: #54575A;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.tid_info
{
	font-size: 12px;
	padding: 10px;
	background-color:#F8F8F8;
	color: #54575A;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.tid_info_text
{
	margin-top: 0px;
	margin-bottom: 8px;
}
.ti_close_box {
	height: 15px;
	color: #000;
	font-size: 25px;
	cursor: pointer;
	display: inline-block;
}
.ti_close_box:hover,
.ti_close_box:focus {
  color: red;
  cursor: pointer;
}

.tid_info_link
{
	color: #0E4C92;
	font-weight: bold;
	cursor: pointer;
}
.tid_noshow
{
	display: none;
	float: right; 
	font-size: 18px; 
	cursor: pointer;
}
.tid_loginok
{
	font-size: 18px;
	margin-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-color: #2e86c1;
	color: #ffffff;
	cursor: pointer;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.tid_lineok
{
	font-size: 18px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-color: #2e86c1;
	color: #ffffff;
	cursor: pointer;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.tid_ok
{
	font-size: 18px;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	background-color: #2e86c1;
	color: #ffffff;
	cursor: pointer;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.tid_cancel
{
	font-size: 18px;
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #2e86c1;
	background-color: #ffffff;
	cursor: pointer;
	background-clip: border-box;
	border: 1px solid #2e86c1;
	border-radius: 0.4rem;
}


.ti_pheader
{
	background-color: #ffffff;
	display: block;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
}
.ti_pblock
{
	background-color: #f9f8f7;
	display: block;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding-top: 10px;
}
.ti_pblock_header
{
	cursor: pointer;
}

.ti_pfilter
{
	display: inline-block;
	background-color: #F0F8FF;
	background-clip: border-box;
	border: 2px solid #00000020;
	border-radius: 0.4rem;
	padding: 3px;
	margin: 5px;
}
.ti_pfilter_text 
{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #54575A;
	margin-left: 8px;
	margin-right: 8px;
}
.close_filter {
	color: #54575A;
	font-size: 22px;
	margin-right: 5px;
}
.close_filter:hover,
.close_filter:focus {
  color: red;
  cursor: pointer;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.ti_ptitle
{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #54575A;
	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.ti_pbtitle
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #0E4C92;
	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.ti_pbtitleof
{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #54575A;
	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 10px;
}
.currcell
{
	font-size: 14px;
	margin-left: 5px;
	color: #54575A;
}
.ti_morecell
{
	font-size: 26px;
	font-weight: bold;
	color: #54575A;
	text-align: right;
	cursor: pointer;
	margin-right: 10px;
}
.ti_morecell_hide
{
	display: none;
	font-size: 26px;
	font-weight: bold;
	color: #54575A;
	text-align: right;
	cursor: pointer;
	margin-right: 10px;
}
.ti_lesscell
{
	font-size: 22px;
	font-weight: bold;
	color: #54575A;
	text-align: left;
	cursor: pointer;
}
.add_icon {
	margin-left: 15px;
	color: #00A000;
	font-size: 30px;
	cursor: pointer;
}
#headerTotal {
	margin: 0;
	font-size: 22px;
	color: #54575A;
}
#headerTotalCash {
	margin: 0;
	font-size: 22px;
	color: #54575A;
}
#headerTotalInvested {
	margin: 0;
	font-size: 22px;
	color: #54575A;
}

.ti_stline
{
	background-color: #ffffff;
	display: block;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.ti_stdiv
{
	background-color: #F0FFFF;
}
.ti_stbuy
{
	background-color: #C1E1C1;
}
.ti_stsale
{
	background-color: #FAA0A0;
}
.ti_stline_td
{
	text-align: right;
	padding-right: 5px;
}
.ti_stline_date
{
	font-size: 14px;
	font-weight: bold;
	color: #54575A;
}
.ti_stline_tr
{
	height: 25px;
}
.ti_stline_acc
{
	font-size: 14px;
	font-weight: bold;
	color: #54575A;
}
.ti_stline_curr
{
	font-size: 10px;
	color: #54575A;
}
.ti_stline_label
{
	font-size: 12px;
	color: #54575A;
}
.ti_stline_more
{
	font-size: 22px;
	font-weight: bold;
	color: #54575A;
	text-align: right;
	cursor: pointer;
	margin-right: 10px;
	text-align: right;
}
.ti_stline_sup
{
	font-size: 20px;
	color: #54575A;
	cursor: pointer;
}













.logo
{
    font-family: 'Henny Penny';font-size: 40px;
	color: #54575A;
	margin-left: 30px;
	margin-top: 8px;
}
.tlogo
{
    font-family: 'Henny Penny';font-size: 40px;
	color: #54575A;
	margin-left: 20px;
	margin-top: 10px;
}
.wlogo
{
    font-family: 'Henny Penny';font-size: 40px;
	color: #ffffff;
	margin-left: 30px;
	margin-top: 8px;
}
.logo_small
{
    font-family: 'Henny Penny';font-size: 40px;
	color: #f9f8f7;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 0px;
}

.navmenu
{
	position: absolute;
	right: 20px;
	margin-top: 10px;
}
.navmenu-li
{
	display: inline;
}
.navlogin
{
	font-size: 18px;
	text-decoration: none;
	color: #54575A;
	margin-right: 20px;
}

.header-bar
{
	background-color:#f9f8f7;
	padding-top: 25px;
	padding-bottom: 30px;
}
.header_info_t
{
	margin-bottom: 60px;
}
.trybutton
{
	position: relative;
	left: 50%;
	transform: translate(-50%);
	display: inline-block;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	margin: 0 1rem 1rem 0;
	font-size: .9rem;
	font-weight: bold;
	background: #2199e8;
	color: #fff;
	min-width: 100px;
}
.trybutton2_p
{
	text-align: center;
	margin-left: 20px;
}
.trybutton2
{
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	margin: 0 1rem 1rem 0;
	font-size: .9rem;
	font-weight: bold;
	background: #2199e8;
	color: #fff;
	min-width: 100px;
}
.calcbutton
{
	display: inline-block;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	margin: 0 1rem 1rem 0;
	font-size: .9rem;
	background: #2199e8;
	color: #fff;
}
hr.sepline {
	border-top: 5px solid;
	border-radius: 3px;
	border-color: #2199e8;
	width: 100px;
	margin-bottom: 25px;
}
.nr_stock
{
	font-size: 24px;
	color: #2199e8;
	font-weight: bold;
	cursor: pointer;
}
.bar_title
{
	text-align: center;
	font-size: 32px;
	color: #54575A;
	margin-top: 15px;
	margin-bottom: 20px;
}
.wbar_title
{
	text-align: center;
	font-size: 32px;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 20px;
}
.bar_subtitle
{
	text-align: center;
	font-size: 20px;
	color: #54575A;
	margin-top: 35px;
	margin-bottom: 15px;
}
.tickerlink {
	color: #2199e8;
	font-weight: bold;
	cursor: pointer;
}
.white-bar
{
	background-color:#ffffff;
	padding-top: 25px;
	padding-bottom: 25;
}
.gray-bar
{
	background-color:#54575A;
	padding-top: 25px;
	padding-bottom: 25px;
}
.white-canvas
{
	background:#ffffff;
}
.gray-canvas
{
	background:#54575A;
}


.normal_text
{
	text-align: justify;
	font-size: 18px;
	color: #54575A;
	margin-top: 15px;
	margin-bottom: 15px;
}
.wnormal_text
{
	text-align: justify;
	font-size: 18px;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.right_text
{
	text-align: right;
	font-size: 18px;
	color: #54575A;
	margin-top: 15px;
	margin-bottom: 15px;
}
.wright_text
{
	text-align: right;
	font-size: 18px;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.left_text
{
	text-align: left;
	font-size: 18px;
	color: #54575A;
	margin-top: 15px;
	margin-bottom: 15px;
}
.wleft_text
{
	text-align: left;
	font-size: 18px;
	color: #ffffff;
	margin-top: 15px;
	margin-bottom: 15px;
}
.last_text
{
	margin-bottom: 30px;
}
.comment_text
{
	font-size: 14px;
	color: #ffffff;
}


.button_margin
{
	margin-top: 20px;
}
.editbox 
{
	height: 35px;
	font-size: 16px;
	margin-bottom: 10px;
}

.p-box
{
	border: 1px solid #d9d8d7;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
}
.price-box
{
	text-align: center;
	border: 1px solid #d9d8d7;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 460px;
	width: 300px;
	position: relative;
}
.pannual-act
{
	font-size: 32px;
	color: #2199e8;
	margin-left: 10px;
	margin-top: 10px;
	font-weight: bold;
	cursor: pointer;
}
.pannual-dis
{
	font-size: 32px;
	color: #54575A;
	margin-left: 10px;
	margin-top: 10px;
	cursor: pointer;
}


.price-free-box
{
	text-align: center;
	border: 1px solid #d9d8d7;
	margin-top: 30px;
	margin-bottom: 30px;
	min-height: 450px;
	width: 300px;
}

.center-box
{
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

.card_title
{
	text-align: center;
	font-size: 20px;
	color: #54575A;
	margin-top: 15px;
	margin-bottom: 20px;
}
.card_fee
{
	text-align: center;
	font-size: 32px;
	color: #2199e8;
	margin-top: 15px;
	margin-bottom: 8px;
	font-weight: bold;
}
.card_fee_y
{
	text-align: center;
	font-size: 14px;
	margin-left: 10px;
	color: #54575A;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
.card_fee_s
{
	text-align: center;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #54575A;
	font-weight: bold;
}
.card_comment
{
	text-align: center;
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 25px;
	color: #54575A;
}

.card_upgrade
{
	position: absolute;
	margin-left: 0px;
	bottom: 115px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	display: none;
}
.card_upg
{
	position: absolute;
	bottom: 85px;
	width: 100%;
	text-align: center;
	display: none;
}

.card_flist
{
	font-size: 14px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: left;
	color: #54575A;
}
.card_vat
{
	font-size: 14px;
	color: #2199e8;
	margin-left: 10px;
	color: #54575A;
}
.card_button
{
	text-align: center;
	cursor: pointer;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	font-size: .9rem;
	background: #2199e8;
	color: #fff;
	font-weight: bold;
	min-width: 100px;
}
.card_button_r
{
	text-align: center;
	cursor: pointer;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	font-size: .9rem;
	background: #ff6242;
	color: #fff;
	font-weight: bold;
	min-width: 100px;
	display: none;
}
.card_button_p
{
	position: absolute;
	left: 100px;
	bottom: 35px;
}
.card_bc
{
	display: none;
	position: absolute;
	bottom: 20px;
}
.tlink
{
	cursor: pointer;
	color: #2199e8;
}


.number_field
{
	width: 50px;
}

.main_title
{
	text-align: center;
	font-size: 54px;
	color: #54575A;
	margin-top: 25px;
	margin-bottom: 45px;
}
.main_title_text
{
	text-align: center;
	font-size: 24px;
	color: #54575A;
	margin-top: 135px;
	margin-bottom: 45px;
}
.error_text
{
	text-align: center;
	font-size: 24px;
	color: #54575A;
	margin-top: 35px;
	margin-bottom: 45px;
}
.main_title_text3
{
	text-align: center;
	font-size: 14px;
	color: #54575A;
	margin-top: 15px;
	margin-bottom: 45px;
}
.sub_title
{
	font-size: 32px;
	color: #54575A;
	margin-top: 125px;
	margin-bottom: 5px;
}
.subsub_title
{
	font-size: 32px;
	color: #FFFFFF;
}
.turtle
{
	margin-left: 25px;
	width: 90%;
	height: auto;
}
.header-info
{
	margin-top: 15px;
}

.header-more
{
	text-decoration: none;
	color: #54575A;
	margin-left: 5px;
}
a:hover {
  text-decoration: underline;
}


.regbutton
{
	display: inline-block;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 0;
	padding: .85em 1em;
	margin: 0 1rem 1rem 0;
	font-size: .9rem;
	background: #2199e8;
	color: #fff;
}

.subsbutton
{
	display: inline-block;
	text-align: center;
	cursor: pointer;
	font-family: Helvetica, sans-serif;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 40px;
	padding: .85em .85em;
	margin: 0 1rem 1rem 25px;
	font-size: .9rem;
	background: #C70039 ;
	color: #FFC300;
}
.delayed
{
	display: none;
	float: right;
	margin-right: 15px;
	font-size: 20px;
	color: red;
	font-weight: bold;
	cursor: pointer;
}
.demodb
{
	text-align: center;
	cursor: pointer;
	font-family: Helvetica, sans-serif;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 40px;
	padding: 0px .15em 0px .15em;
	font-size: .9rem;
	background: #C70039 ;
	color: #FFC300;
}
.demodbB
{
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-family: Helvetica, sans-serif;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid transparent;
	border-radius: 40px;
	padding: .85em .85em;
	font-size: .9rem;
	background: #C70039 ;
	color: #FFC300;
	margin-left: 25px;
}


.nr_container
{
	position: relative;
	width: 140px;
	height: 50px;
	border-radius: 40px;
	border: 2px solid rgba(0,0,0,.2);
	transition: 0.5s;
	margin-left: 10px;	
}
.nr_container .nr_next
{
	position: absolute;
	top: 50%;
	display: block;
	width: 12px;
	height:12px;
	border-top: 2px solid #54575A;
	border-left: 2px solid #54575A;
	z-index: 1;
	transform: translateY(-50%) rotate(135deg);
	cursor: pointer;
	transition: 0.5s;
	opacity: 1;
	right: 20px;
}
.nr_container .nr_prev
{
	position: absolute;
	top: 50%;
	display: block;
	width: 12px;
	height:12px;
	border-top: 2px solid #54575A;
	border-left: 2px solid #54575A;
	z-index: 1;
	transform: translateY(-50%) rotate(315deg);
	cursor: pointer;
	transition: 0.5s;
	opacity: 1;
	left: 20px;
}
#nr_box span
{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 46px;
	color: #00A000;
	font-size: 24px;
	font-weight: 700;
	user-select: none;
}
.nr_tr 
{
	padding: 4px;
}
.nr_tr2 
{
	font-weight: 700;
	font-size: 24px;
	text-align: right;
}

.showlist
{
	margin-left: 35px;
	right: 20px;
	display: inline-block;
	width: 12px;
	height:12px;
	border-top: 3px solid #54575A;
	border-left: 3px solid #54575A;
	z-index: 1;
	transform: translateY(-50%) rotate(225deg);
	cursor: pointer;
	transition: 0.5s;
}

.hidelist
{
	margin-left: 35px;
	right: 20px;
	display: inline-block;
	width: 12px;
	height:12px;
	border-top: 3px solid #54575A;
	border-left: 3px solid #54575A;
	z-index: 1;
	transform: translateY(0%) rotate(45deg);
	cursor: pointer;
	transition: 0.5s;
}
.stockList 
{
	margin-left: 15px;
}
.advList 
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.highlighting
{
	font-weight: bold;
}
.warning2 
{
	margin-left: 10px;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.warning1
{
	margin-left: 10px;
	font-size: 12px;
	color: #1984c5;
	font-weight: bold;
}
.warning
{
	margin-left: 10px;
	font-size: 12px;
	color: #ffffff;
}
.icons8
{
	font-size: 12px;
	color: #ffffff;
}

input[type=filter] {
	width: 30%;
	padding: 2px 25px;
	margin: 0px 10px 0px 15px;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 14px;
	color: #bbb;
	background: #fff;
}

.input-icons i {
	position: absolute;
}
  
.input-icons {
	width: 100%;
	margin-bottom: 10px;
}
  
.icon {
	padding: 10px;
	min-width: 40px;
}


input[type=text], input[type=password], input[type=number], input[type=date], input[type=email] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 18px;
}
input[type=checkbox] {
  padding: 12px 20px;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 18px;
}
.tpAccountList {
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #f9f8f7;
	color: #54575A;
}

select[multiple] {
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  height: 7rem;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Set a style for all buttons */
button {
  background-color: #2199e8;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}


.container {
	margin: 12px;
	display: flex;
	flex-wrap: wrap;
}
.nullcontainer {
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
}
.ti_dloper 
{
	margin-left: 7px;
	color: #2e86c1;
	font-size: 20px;
}
.ti_dloperh 
{
	margin-left: 7px;
	margin-right: 7px;
	color: #2e86c1;
	font-size: 20px;
}
.ti_stockoper 
{
	margin-left: 25px;
	margin-bottom: 0px;
	color: #2e86c1;
	font-size: 32px;
}
.ti_stockoper2
{
	margin-left: 15px;
	margin-bottom: 0px;
	color: #ffffff;
	background-color: #2e86c1;
	
    width:28px;
    height:28px;
    display:inline-block;
    font-size:22px;
	font-family: 'Cursive';
	font-weight: normal;
    text-align:center;
    text-decoration:none;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.25rem;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
	cursor: pointer;
	transform: translateY(-12%);
}
.ti_stockclosed
{
	margin-left: 35px;
	margin-bottom: 0px;
	color: #ffffff;
	background-color: #e50000;
	font-size: 32px;
	
    width:75px;
    height:28px;
    display:inline-block;
    font-size:22px;
	font-family: 'Cursive';
	font-weight: normal;
    text-align:center;
    text-decoration:none;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.25rem;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
	cursor: pointer;
	transform: translateY(-12%);
}

span.psw {
  float: right;
  padding-top: 16px;
}


.modalInfo {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffffff;
  padding-top: 30px;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 30px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
}

.close {
  position: absolute;
  right: 15px;
  top: 0;
  color: #000;
  font-size: 32px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}

.close_help {
  position: absolute;
  right: 15px;
  top: 0;
  color: #000;
  font-size: 25px;
  cursor: pointer;
}
.close_help:hover,
.close_help:focus {
  color: red;
  cursor: pointer;
}
.close_box {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  color: #000;
  font-size: 25px;
  cursor: pointer;
}
.close_box:hover,
.close_box:focus {
  color: red;
  cursor: pointer;
}
.info_icon {
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  color: #2e86c1;
  font-size: 28px;
  cursor: pointer;
}
.info_icon2 {
	margin-left: 15px;
	margin-bottom: 0px;
	color: #2e86c1;
	font-size: 28px;
	cursor: pointer;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

.avatar
{
	vertical-align: middle;
	cursor: pointer;
}
.user
{
	font-size: 18px;
	text-decoration: none;
	color: #54575A;
	margin-left: 10px;
	cursor: pointer;
}

.tmain
{
	width: 100%;
	background-color:#2e86c1;
	border: 0;
	margin: 0px;
	border-collapse: collapse;
}

.tmaintd
{
	border: 0px;
	padding: 0px;
	vertical-align: top;
	background-color:#2e86c1;
}

.ticon-bar
{
	width: 100px;
	//background-color:#98B4D4;
	background-color:#2e86c1;
	border: 0px;
	margin-top: 10px;
	margin-left: 2px;
}
.ticon-item:hover
{
	background-color:#285474;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.8rem;
}
.ticon-activeitem
{
	background-color:#487494;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.8rem;
}
.ticon-text
{
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}


.tftable
{
	margin-left: 5px;
	margin-right: 15px;
	background-color:#98B4D4;
	display: none;
}
.tftable tbody
{
	background-color:#fff;
}
.tf_table_th {
	background-color: #98B4D4;
	font-size: 14px;
	color: #54575A;
	text-align: center;
}
#tftable td
{
	padding-top: 5px;
	padding-left: 10px;
}
.tf_table_th_button {
	border: none;
	font-size: 14px;
	color: #54575A;
	background-color: #f9f8f7;
	text-align: left;
	height: 45px;
}
.tf_sort
{
    display: none;
}

/* Portfolio header */
.tpheader
{
	background-color:#98B4D4;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 3px;
	display: flex;
	flex-wrap: wrap;
}
.tpbody
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.stocklistbase
{
	margin-left: 3px;
	margin-right: 5px;
}

.tpheaderblock
{
	background-color: #f9f8f7;
	//border: 1px solid #d9d8d7;
	display: inline-block;
	height: 82px;
	max-height: 82px;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.8rem;
}


@media screen and (max-width: 599px) {
.tpnameblock
{
	width:100%;
	min-width: 300px;
}
.tpsumblock
{
	width:100%;
	min-width: 200px;
}
.tpsumblock2
{
	width:100%;
	min-width: 200px;
}
}
@media screen and (min-width: 600px) and (max-width: 999px) {
.tpnameblock
{
	width:100%;
	min-width: 300px;
}
.tpsumblock
{
	width:50%;
	min-width: 200px;
}
.tpsumblock2
{
	width:50%;
	min-width: 200px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1399px) {
.tpnameblock
{
	width:100%;
	min-width: 300px;
}
.tpsumblock
{
	width:20%;
	min-width: 200px;
}
.tpsumblock2
{
	width:20%;
	min-width: 200px;
}
}

@media screen and (min-width: 1399px) {
.tpnameblock
{
	width:24%;
	min-width: 300px;
}
.tpsumblock
{
	width:14%;
	min-width: 207px;
}
.tpsumblock2
{
	width:16%;
	min-width: 200px;
}
}


.tptitle
{
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	color: #54575A;
	margin-top: 12px;
	margin-left: 15px;
	margin-bottom: 20px;
}

.tplabel
{
	font-size: 14px;
	color: #54575A;
	margin: 0;
}
.tplabel_rt
{
	margin: 10px 10px 10px 0px;
	text-align: right;
}

.tphvalue
{
	margin: 0px;
	text-align: right;
}
.tphnvalue
{
	margin: 8px 0px 0px 0px;
	text-align: right;
}
.tphn2value
{
	margin: 35px 0px 0px 0px;
	text-align: right;
}
.tpnumber
{
	margin: 0px 0px 0px 0px;
	font-size: 22px;
	color: #54575A;
}
.tppnumber
{
	color: #00A000;
	font-size: 22px;
	text-align: left;
}
.tpmnumber
{
	text-align: left;
	font-size: 22px;
	color: #FF0000;
}
.tpcurrency
{
	margin: 0px 10px 0px 0px;
	font-size: 14px;
	color: #54575A;
}
.tpvalue
{
	margin: 0;
	font-size: 14px;
	color: #54575A;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding: 3px;
}
.tppvalue
{
	margin: 0;
	font-size: 14px;
	color: #00A000;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding: 3px;
}
.tpmvalue
{
	margin: 0;
	font-size: 14px;
	color: #FF0000;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding: 3px;
}



.tpstockcard
{
	display: inline-block;
	border: 1px solid #d9d8d7;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	vertical-align: top;
	background-color:#fff;
	margin-left: 20px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	min-height: 100px;
	min-width: 330px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.8rem;
	cursor: pointer;
}
.tpstock
{
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #54575A;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
}
.tpticker
{
	font-size: 14px;
	color: #54575A;
	margin-top: 0px;
	margin-left: 10px;
}
.tpshares
{
	font-size: 14px;
	color: #54575A;
	margin-top: 0px;
	margin-left: 10px;
}
.tpprofit 
{
	margin-bottom: 10px;
	margin-right: 5px;
	text-align: right;
}
.tpblock
{
	margin-left: 15px;
	margin-bottom: 5px;
	display: block;
	font-size: 14px;
	color: #54575A;
}
.tpeqcard
{
	background-color: #fff;
}
.tpetfcard
{
	background-color: #fff5d7;
}
.tpbondcard
{
	background-color: #FFFDD0;
}
.tpdepositcard
{
	background-color: #ADD8E6;
}
.tpcashcard
{
	background-color: #ffaaab;
}
.tpclosedcard
{
	background-color: #E5E4E2;
}
.modalStock-content
{
	margin: 0% auto 15% auto;
	width: 85%;
}
.modalAddStock-content
{
	margin: 0% auto 90% auto;
	width: 90%;
}
.modalStock_container
{
		margin-top: 30px;
		margin-bottom: 15px;
		margin-left: 2%;
		margin-right: 1%;
}
.modalStock-stockname
{
	font-size: 24px;
	font-weight: bold;
	color: #54575A;
}
.modalStock-block
{
	background-color: #f9f8f7;
	border: 1px solid #d9d8d7;
	display: inline-block;
	height: 120px;
	max-height: 120px;
	vertical-align: top;
	margin: 3px 1px 1px 1px;
}

.tplist 
{
	margin-top: 10px;
	border-collapse: collapse;
}
.tprow
{
	vertical-align: bottom;	
}
.tpcol
{
	border: 1px solid #d9d8d7;
	background-color: #F5F5DC
}
.tpbcol
{
	border: 1px solid #d9d8d7;
	background-color:#ace1af;
}
.tpscol
{
	border: 1px solid #d9d8d7;
	background-color:#D3D3D3;
}

.sortup
{
	margin-left: 8px;
	display: none;
	width: 8px;
	height:8px;
	border-top: 3px solid #54575A;
	border-left: 3px solid #54575A;
	z-index: 1;
	transform: translateY(0%) rotate(45deg);
	cursor: pointer;
	transition: 0.5s;
}

.sortdown
{
	margin-left: 8px;
	display: none;
	width: 8px;
	height:8px;
	border-top: 3px solid #54575A;
	border-left: 3px solid #54575A;
	z-index: 1;
	transform: translateY(-30%) rotate(225deg);
	cursor: pointer;
	transition: 0.5s;
}
.fieldError
{
	font-size: 12px;
	color: red;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 2px;
	display: none;
}
.modalStockKind-content
{
	margin: 10% auto 85% auto;
	width: 15%;
}
.modalStockKind-kind
{
	font-size: 24px;
	font-weight: bold;
	color: #54575A;
	cursor: pointer;
}



.ps_number {
	margin: 0;
	font-size: 20px;
	color: #54575A;
}
.ps_bignumber {
	margin: 0;
	font-size: 28px;
	color: #54575A;
}
.ps_pnumber {
	margin: 0;
	font-size: 20px;
	color: #00A000;
}
.ps_mnumber {
	margin: 0;
	font-size: 20px;
	color: #FF0000;
}
.ps_currcell
{
	font-size: 12px;
	margin-left: 5px;
	color: #54575A;
}
.ps_basenumber {
	margin: 0;
	font-size: 14px;
	color: #54575A;
}
.ps_closedblock {
	display: none; 
	float: right;
	margin-right: 15px;
}
._ps_block {
	border: 1px solid #d9d8d7;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	vertical-align: top;
	background-color:#fff;
	margin-left: 20px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	min-height: 100px;
	min-width: 330px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.8rem;
	cursor: pointer;
}
.addcomment {
	resize: none; 
	margin-left: 10px;
	margin-right: 10px;
	font-size: 14px;
	width: 100%;
}
.addcomment2 {
	resize: none; 
	font-size: 14px;
	width: 100%;
	margin-bottom: 10px;
}
.addfilelabel {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px;
}
.addfilebutton {
	margin-left: 20px;
	margin-right: 10px;
	font-size: 18px;
	display: inline;
	cursor: pointer;
}
.addfilelist {
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 10px;
	width: 100%;
}
.checkaddcomment {
	font-size: 26px;
	cursor: pointer;
	color: #7393B3;
}
.checkaddcommentlabel {
	font-size: 18px;
	margin-left: 10px;
}

.ti_evline
{
	background-color: #F0FFFF;
	display: block;
	vertical-align: top;
	margin: 3px 3px 1px 3px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.ti_evline_exp1
{
	color: #FF0000;
	font-size: 16px; 
	margin: 0px;
}
.ti_evline_exp2
{
	color: #00A000;
	font-size: 16px; 
	margin: 0px;
}
.ti_evline_exp3
{
	color: #54575A;
	font-size: 16px; 
	margin: 0px;
}
.ti_evline_info
{
	margin-top: 5px;
	font-size: 12px;
	color: #54575A;
}
@keyframes ti_evline {
  0%   {color:#AFE1AF;}
  50%  {color:#00A36C;}
  100% {color:00A000;}
}
.ti_evline_anim
{
	color: #00A000;
	animation-name: ti_evline;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}


.checklabel {
	font-size: 16px;
	cursor: pointer;
	color: #7393B3;
}
.checklabel_yes {
	cursor: pointer;
}
.checklabel_no {
	cursor: pointer;
	color: #7393B3;
}
.label_disabled {
	color: #7393B3;
}
.bhcCheck {
	font-size: 18px;
	cursor: pointer;
	color: #7393B3;
}
.bhcChecklabel {
	font-size: 16px;
	color: #7393B3;
	margin-left: 10px;
}
.bhcSort {
	font-size: 14px;
	color: #7393B3;
	margin: 0px 0px 0px 20px;
}
.statTitle {
	margin-top: 30px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 24px;
	color: #54575A;
}
.ti_wstr {
	margin-left: 5px;
	color: #ffffff;
	background-color: #e50000;
	vertical-align: top;
    font-size:12px;
    text-align: left;
    text-decoration:none;
	background-clip: border-box;
	border: 2px solid #00000020;
	border-radius: 0.25rem;
	display: none;
}

.sh_pwd_icon {
	float: right;
	margin-left: -30px;
	margin-top: 20px;
	position: relative;
	cursor: pointer;
	z-index: 2;
}
.addIcon
{
	font-size: 48px;
	color: #2199e8;
	margin-right: 20px;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 5px;
}
.tpblockcard
{
	display: inline-block;
	border: 1px solid #d9d8d7;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	vertical-align: top;
	background-color:#fff;
	margin-bottom: 10px;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.8rem;
}
.sh_accept_icon {
	float: right;
	margin-left: -150px;
	margin-right: 10px;
	margin-top: 18px;
	position: relative;
	cursor: pointer;
	z-index: 2;
	font-weight: bold;
	background-color: #2e86c1;
	color: #ffffff;
	cursor: pointer;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.commline
{
	margin-left: 15px;
	margin-right: 15px;
}
.commfile
{
	margin-right: 15px;
	background-color: #2e86c1;
	color: #ffffff;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.4rem;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.legalpar
{
	margin-left: 25px;
	margin-right: 15px;
}

.shcommand {
	position: fixed;
	right: 20px;
	width: 40px;
	height: 40px;
	border: 1px solid #F0FFFF;
	border-radius: 0.4rem;
	background-color: #F0FFFF;
	padding-left: 20px;
}
.shcomp {
	position: fixed;
	right: 10px;
	width: 55px;
	height: 40px;
	border: 1px solid #F0FFFF;
	border-radius: 0.4rem;
	background-color: #F0FFFF;
	padding-left: 20px;
}
.sh_top {
	position: absolute;
	right: 5px;
	color: #BF40BF;
	font-size: 32px;
	cursor: pointer;
}
.sh_back {
  position: absolute;
  right: 10px;
  top: 0;
  color: #000;
  font-size: 32px;
  font-weight: bold;
}

.sh_back:hover,
.sh_back:focus {
  color: red;
  cursor: pointer;
}
.flgr {
	height: 15px;
}
.compsubtitle {
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 24px;
	color: #54575A;
}
.BETA {
	display: none;
	margin: 0;
	font-family: Helvetica, sans-serif;
	font-size: 24px;
	color: #2199e8;
	font-weight: bold;
}
.cookiebar {
	display: none;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	line-height: 1.4em;
	background-color:#ffffff;
	padding: 15px 0px;
	border-top: 7px solid #83bce6;
	z-index: 99999999999;
	box-sizing: border-box;	
}
.rejectbutton
{
	position: relative;
	left: 50%;
	transform: translate(-50%);
	display: inline-block;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all .25s ease-out;
	border: 1px solid #2199e8;
	border-radius: 0;
	padding: .85em 1em;
	margin: 0 1rem 1rem 0;
	font-size: .9rem;
	font-weight: bold;
	color: #2199e8;
	min-width: 100px;
}