body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:9pt;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #000000;
	color:#939291;
	overflow: hidden;
}


.tdFLeft{
	width: 279px !important;
	padding-left: 3px;
	text-align: left;
}

.tdFRight{
	width: 279px !important;
	padding-right: 3px;
	text-align: right;
}

#divHeader{
	background: #232223;
}
#divSub{
	background: #232223;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
    font-size: 8pt;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000000;
   opacity:  1;
   font-size: 8pt;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000000;
   opacity:  1;
   font-size: 8pt;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000000;
   font-size: 8pt;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000000;
   font-size: 8pt;
}

A{
	text-decoration: none;
}

.btn-default
{	
	background:#c2c2c2;
	color:#7c7676;
	height:22px;
	
	text-align:center;
	font-size:11px; 
	font-weight: normal;
}

.btn-active
{	
	background:#00a651;
	color:#fff;
	height:20px;
	text-align:center;
	font-size:11px; 
	font-weight: normal; 
	width: 75px;
}


table.putInfo {
  	width: 100%;
  	border-color: #ffffff;
}

table.putInfo td{
  	text-align: right;
	color:#ffffff;
	font-size: 9pt;
	height: 23px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	border-color: #424040;
}

table.putInfo th{
  	text-align: center;
	border-color: #424040;
	color:#ffffff;
	font-size: 9.5pt;
	height: 25px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

table.priceboard {
 	table-layout: fixed;
 	width: 99.99%;
 	background-color: #000000;
}

table.priceboard td{
  	text-align: right;
	color:#ffffff;
	font-size: 9pt;
	height: 23px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	border-color: #424040;
	margin-right: 1px;
}

table.priceboard th{
  	text-align: center;
	border-color: #424040;
	color:#ffffff;
	font-size: 9pt;
	height: 25px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

.text{font-size:9pt;color:#ffffff;font-family: Arial, Tahoma, Helvetica, sans-serif;}

.text A{text-decoration: none;color:#ffffff;}

.tblConfig td{color:#000000;font-size: 9.5pt;height: 25px;font-family: Arial, Tahoma, Helvetica, sans-serif;}

.textMarket{font-size:9pt;font-family: Arial, Tahoma, Helvetica, sans-serif;color:#ffffff;}

.textMainMenu A{font-size:12pt;font-family: Arial, Tahoma, Helvetica, sans-serif;color:#ffffff;font-weight: bolder}

.highlight{ background-color:#292829;}

#divFreeze { position: relative;}

table.data {
 	width: 99.99%;
 	background-color: #000000;
 	border-collapse: collapse;
}

table.data th{
  	text-align: center;
	border-color: #424040;
	color:#ffffff;
	font-size: 9pt;
	height: 23px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

table.data td{
	text-align:right;
	color:#ffffff;
	font-size: 9pt;
	height: 23px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	border-color: #424040;
}

.tdLeft{
	text-align:left;
}

.data a{
	text-decoration: none;
	color:#ffffff;
}

.colorForBgline{
	background-color: #363535;
}

table.dropdowntable td{
	text-align: center;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 9pt;
	color:#000000;
}

table.dropdowntable td a{
	color:#000000;
	font-size: 9pt;
	font-weight: normal;
}

.dropdownIdx {
    display: none;
    position: absolute;
    background-color: #353334;
    max-height: 599px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 79; 
    color: #000;
    padding: 3px;
}

.dropdownContent {
    display: none;
    position: absolute;
    background-color: #C2C2C2;
    min-width: 139px;
    max-width: 399px;
    max-height: 339px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
    text-align: left;
    color: #000;
    padding: 10px;
}

div.dropdownContent a{
	font-size:9pt;
	color: #000;
	font-weight: normal;
	white-space: nowrap;
}

div.dropdownContent a:hover{
	color: #FF0000;
	font-weight: normal;
	white-space: nowrap;
}

/*khu vuc css idragon*/

.box{
     float:right;
     overflow: hidden;
     background: #d2d2d2;
     /*min-height: 93vh;*/
     z-index: 100;
     position: absolute;
     right:0;
     margin-top: 25px;     
 }
 .box-inner{
     width: 480px;	
     border: 0px solid #a29415;
 } 
 
 .box-inner table{
 	font-size: 11px;
 	text-align: center;
 	color: #fff;
 }
 
 .bgContent{
 	background: #d2d2d2;
    overflow-x: hidden;
 }
 
 #tblOrder table input#chkGtd{
 	width: 10px;
 }
 #tblOrder table input#chkkl{
 	width: 10px;
 }
 #tblOrder table input#txtRatio{
 	width: 30px;
 }
 #tblOrder table select#cboFee{
 	width: 70px;
 }
 #tblOrder table input#txtOrder1{
 	width: 30px;
 }
 #tblOrder table input#txtOrder2{
 	width: 30px;
 }
 #divContentOrder table input{
 	width: 93px;
 	font-size: 11px;
 	height: 20px;
 }
 
 #divContentOrder table input.page{
 	width: 89px;
 	font-size: 11px;
 	height: 20px;
 }
 
 #divContentOrder table select{
 	width: 93px;
 	font-size: 11px;
 	height: 20px;
 }
 #tblOrder table{
 	text-align: left;
 	color: #000;
 }
 
 #tblLogin{
 	color: #000;
 	font-size:11px;
 	text-align: left; 
 }
 
 .btnSubmit{
 	color: #fff; 	
 	border: none;
 	font-size: 11px;
 	padding-top: 5px;
 	padding-bottom: 20px;
 }
 
 .btnSubmitFrm{
 	color: #fff; 	
 	border: none;
 	font-size: 11px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	padding-left: 20px;
 	padding-right: 20px;
 }
 
 .numberRight{
 	text-align: right;
 }
 .green{
 	color:#00E339;
 }
 .red{
 	color:#FF0000;
 }
 .yellow{
 	color:#EFFB00;
 }
 .chan{
 	background:#d2d2d2;
 	height: 25px;
 }
 .le{
 	background:#c2c2c2;
 	height: 25px;
 }
 
 div#contentStock table td{
 	border-style: solid; 
    border-color: #d2d2d2;
 }
 
 div#divContentPorfolio table td{
 	border-style: solid; 
    border-color: #d2d2d2;
 }
 
 div#contentIntraday table td{
 	border-style: solid; 
    border-color: #d2d2d2;
    font-size: 10px;
 }
 
 div#contentIntraday table input{
 	width: 10px;
 }
 
 table #bodyScrollTblRecommend td {
    font-family: Arial,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    height: 23px;
    text-align: center;
}

 table #bodyScrollTblRecommend td.numberRight {
    font-family: Arial,Tahoma,Helvetica,sans-serif;
    font-size: 12px;
    height: 23px;
    padding-right: 2px;
    text-align: right;
}

/*format menu chart*/
.select-style {
    padding: 0;
    margin: 0;
    border: 0px solid #ccc;
    width: 140px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #2c2c2e;
    color:#fff;
    background: #2c2c2e  no-repeat 90% 50%;
}

.select-style select {
	font-size:12px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

/*fortmat text 3D*/
.neon-text {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  font: normal normal bold 72px/normal "Atomic Age", Helvetica, sans-serif;
  color: #000;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 1px 1px 0 #fff , -1px -1px 0 #fff , 1px -1px 0 #fff , -1px 1px 0 #fff , 4px 4px 8px #fff , -4px 4px 8px #fff , 4px -4px 8px #fff , -4px -4px 8px rgb(44,88,137) ;
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
}

.neon-text:hover {
  text-shadow: 1px 1px 0 rgb(77,162,252) , -1px -1px 0 rgb(77,162,252) , 1px -1px 0 rgb(77,162,252) , -1px 1px 0 rgb(77,162,252) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
 
.enjoy-css1 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transform:    skewX(-20deg);
  transform:    skewX(-20deg);
}

.bgNgang{
  	background: linear-gradient(to right,#f45b5b 10%,  #FFB21E 50%, #94e97d 76%);
  }
.radius{
 	 border-radius: 100px;
	 width:100%;
	 padding:15px 17px 15px 17px;
 }
.radiusKhop{
 	border-radius: 100px;
 	width:100%;
 }