/* Define the default first */
/******* em Text Delaration Start *******/
/* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */
body *
{
  /*font-size: 101%;*/ /* for IE bug */
 /* font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
body, form, input *{margin: 0; padding: 0;}
/* 
Reduce the font size to 68.8% or 11px size
100% = 16

11/16 x 100
*/
/*html>body, body{ font-size: 68.8%; }*/
/* Ensure forms and tables inherit the correct size */
/*table, input, select, th, td, textarea { font-size: 1em; }*/
/* Ensure nested elements inherit the correct size */
/*ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; }
table table td { font-size: 0.95em; }*/
/* child pixels / parent pixels = child ems
Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73
*/
/******* em Text Delaration End *******/

/* HEADING */
/*h1 {font-size: 1.73em; font-weight: 600; color: #919191; text-transform: uppercase;}
h2 {font-size: 1.18em; font-weight: bold; color: #be1717;}
h3 {font-size: 1.09em; color: #032258; font-weight: bold;}
h4 {font-size: 1em; font-weight: bold; margin: 0px; padding: 0px;}*/
h5 {}
h6 {}

/* LINK */
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

/* IMG */
img {border: 0;}
img.ir_left {float: left; margin: 0 10px 10px 0;}
img.ir_spacerRight {margin-right:20px;}
img.ir_spacerLeft { margin-left:20px;}

/* TABLE */
th {font-weight: normal;}
table[class*=-boder] {border: 1px solid #CCCCCC; }
table[class^=ir-table]{ padding:5px; margin: 0px; border-spacing: 3px; width:100%; }
table.ir_hover tr:hover td {background: #c3b777;}
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #c3b777;}
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #c3b777;}
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}
table[class^=ir-table] tr.ir_tableTopRow td, 
table[class^=ir-table] tr.ir_tableTopRow th {background: #555555; color: #fff; font-weight: bold;}
table[class^=ir-table] tr.ir_tableSubTopRow td, 
table[class^=ir-table] tr.ir_tableSubTopRow th {background: #eaeaea; color: #ba9f48; font-weight: bold;}
table[class^=ir-table] tr.row1 td, table[class^=ir-table] tr.row1 th {background: #e7e7e7;}
table[class^=ir-table] tr.row2 td, table[class^=ir-table] tr.row2 th {background: #f4f4f4;}
table[class^=ir-table] tr.rowHeader th {background: #414141; color: #fff;}
table[class^=ir-table] tr.rowHighlight td, 
table[class^=ir-table] tr.rowHighlight th {background: #414141; color: #fff;}
table[class^=ir-table] tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table[class^=ir-table] tr th.cellHeader {background: #414141; color: #fff;}
table[class^=ir-table] tr td.cellHighlight {background: #414141; color: #fff;}
table[class^=ir-table] tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table[class^=ir-table] tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table[class^=ir-table] tr td.cellSubTotal {border-top: 1px solid #414141;}
table[class^=ir-table] tr td.cellRed {background: #ebddd8;}
table[class^=ir-table] tr td.cellGreen {background: #d8ebdc;}

table[class^=ir-table] tr td{ padding:10px 20px; border-bottom:#ddd solid 1px;}

/* Clear */
.clear, #container, #content>article{ clear: both; }
/* Clear Flot Use This Instead <div class="clear"></div> */
#container:after,
body>header:after,
#content:after,
body>footer:after,
#content > header:after
{
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

/* COLOR */
.red{ color: #ff0000; }
.green{ color: #1bb813; }

/* ALIGNMENT */
[class^=align-left]{ text-align: left; }
[class^=align-right]{ text-align: right; }
[class^=align-center]{ text-align: center; }

/* STRUCTURE */
/*body > header { width: 847px; height: 106px; margin: 0 auto; background: url(/images/sample_header.jpg) no-repeat left center; }*/
body > [id^=container] { font-size: 1em; width: 847px; margin: 0 auto; }
body > [id^=container] > aside{ float: left; width: 170px; padding: 15px;}
body > [id^=container] > aside > nav > ul{ margin: 0px; padding: 0px; list-style: none; }
body > [id^=container] > aside > nav > ul > ul { margin: 0px; list-style: none; }
body > [id^=container] > #content { float: right; width: 617px; margin: 15px;}
body > [id^=container] > #content > header{ width: 100%; padding: 0 0 10px 0px; }
body > [id^=container] > #content > header > h1{ float: left; width: 80%; padding: 0px; margin: 0px; }
body > [id^=container] > #content > header > span{ float: right; }
/*body > footer { width: 847px; padding: 10px 0; margin: 0 auto; font-size: 0.82em; border-top: 1px solid #ccc;}*/


/* PRINT STRUCTURE */
#containerPrint {font-size: 1em; width: 462px; margin: 0 auto; clear:both;}
#ir_contentPrint {width:462px;}
#ir_footerPrint {font-size:0.82em; background: url(/images/sample_footer.gif) no-repeat #939393; width: 462px; min-height:39px; padding-top:18px; clear:both;}

.ir_textMainHighlight {color: #032258; font-weight: bold;}
.ir_textSubHighlight {color: #666666;}
.ir_textFootnote {font-size: 0.9em;}
.ir_textFootnote ol {font-size: 1em;}
.ir_textDivider {border-bottom: 1px dotted #666; margin: 1em 0;}
hr { width: 100%; clear: both; border: 0; background: #ccc; height: 1px; margin: 12px 0; }

.ir_textFooter {text-align: center;}
.ir_textFooter a:link {text-decoration: none;}
.ir_textFooter a:visited {text-decoration: none;}
.ir_textFooter a:hover {text-decoration: underline;}

.ir_textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

#side-nav { }
#side-nav > ul{ }
#side-nav > ul > li { padding: 0 0 5px 0; color: #000; }
#side-nav > ul > li > a {color: #000; }
#side-nav > ul > li.active > a{ font-weight: bold; }

#side-nav > ul > li > ul{ margin: 0px; padding: 0px 0 0 20px; }
#side-nav > ul > li > ul > li{ padding: 0px; color:#6699cc; }
#side-nav > ul > li > ul > li > a {color: #6699cc;  }
#side-nav > ul > li > ul > li.active > a{ font-weight: bold; text-decoration: underline; }


.ir_menuDivider { width: 100%; height: 15px; }

.ir_news {width:100%; padding:0px; margin:0px; clear:both;}
.ir_newsDate {width:25%; float:left; list-style-type:none;}
.ir_newsTitle {width:74%; float:right; list-style-type:none;}

[class^=news-pagination]:before,
[class^=news-pagination]:after,
[class^=news-pagination] .filter:after,
[class^=news-pagination] .filter > div:after,
.nav-justified:after{ content:""; clear:both; display:block; visibility:hidden; height:0; }
[class^=news-pagination] { width:100%; text-align:center; margin:20px auto; }
[class^=news-pagination] .filter,
[class^=news-pagination] > div { display:inline-block; position:relative; clear:both; padding:0; }
[class^=news-pagination] .filter > a{ width:30px; float:left; margin:10px 5px; display:block; text-align:center; line-height:30px; }
[class^=news-pagination] .filter > span{ width:30px; float:left; margin:10px 5px; display:block; text-align:center; line-height:30px; }
[class^=news-pagination] .filter > a:hover{  }
[class^=news-pagination] .filter > div{ float:left; display:block; font-weight: bold; margin:10px 5px; }
[class^=news-pagination] .filter > div input{ width:30px; text-align:center; font-weight:bold; line-height:30px; }
[class^=news-pagination] .filter > div span{  }
/* ==================== news pagination slider ==================== */
#biz-slider-newsroom > a.control { width:34px; height:34px; display:block; position:absolute; cursor:pointer; margin:0; padding:0; font-weight:bold; text-align:center; vertical-align:middle; line-height:34px; text-decoration:none; }
#biz-slider-newsroom > a.control:hover { color:#054d90; text-decoration:none; }
#biz-slider-newsroom > a#left_control  { top:0; left:0; }
#biz-slider-newsroom > a#right_control { top:0; right:0; }
#biz-slider-newsroom > ul { height:34px; line-height:normal; margin:0 35px; padding:0; list-style:none; }
#biz-slider-newsroom > ul li { width:44px; height:34px; float:left; padding:0; margin:0; }
#biz-slider-newsroom > ul li > a { width:32px; height:32px; display:block; margin:0 5px; text-align:center; line-height:34px; vertical-align:middle; border:1px #e8e8e8 solid; }
#biz-slider-newsroom > ul li > a:hover { background:#EEEEEE; text-decoration:none; }
#biz-slider-newsroom > ul li > a.active { background:#a5a5a5; color:#fff!important; text-decoration:none; border:1px #7f7f7f solid; }


.ir_qa {width:100%; padding:0px; margin:0px; clear:both;}
.ir_qaDate {width:25%; float:left; list-style-type:none;}
.ir_qaTitle {width:74%; float:right; list-style-type:none;}

.ir_arContainer {width:100%; height:232px; padding:0px; margin:0px; clear:both;}
.ir_arLeft {width:40%; float:left; list-style-type:none;}
.ir_arRight {width:60%; float:right; list-style-type:none;}
.ir_arHeight {width:98%; padding-top:30%;}
.ir_iconRowHeight {height:20px;}

.ir_webcastContainer {width:100%; height:113px; padding:0px; margin:0px; clear:both;}
.ir_webcastLeft {width:37%; float:left; list-style-type:none;}
.ir_webcastRight {width:63%; float:right; list-style-type:none;}
.ir_webcastHeight {width:98%; padding-top:8%;}

.ir_boxHighlight {width:97%; background:#c1a562 ; border:1px dotted #f6dfa8; padding:1%; color: #fff; }

.ir_boxCaptcha {width:98%; background:#fff; padding:1%; color: #888; }

.ir_insiderPopUp { position:absolute; z-index:200; visibility:hidden; left:100px;}
.ir_insiderPopUpContent { background:#FFFFFF; width:300px; border:1px dotted #656565; padding:5px;}

input.ir_investmentCalculator { border:0px; background: transparent;}

/* Define the rest of the classes here */

/* ================================ Interactive Chart ================================ */
#ir_chart_setting { position: relative; z-index: 1; }
#ir_chart_setting fieldset { padding: 5px 0; border: none; margin: 0; }
#ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; }
#ir_chart_setting fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px; }
.ir_chart_interactive_loading { text-align: center;  }
.ir_chart_interval { position: absolute; bottom: -31px; right: 270px; }
.ir_news_tooltip, .ir_insider_trades_tooltip { white-space: normal; display: block; width: 400px; }
.ir_corporate_actions_tooltip { white-space: normal; display: block; width: 200px; }
/* for datepicker */
.ui-widget-header { border: 1px solid #fff; background: #16569d; color: #000; font-weight: bold; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:#16569d; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #16569d; background:#B8D0EA; font-weight: bold; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #16569d; background:#16569d; color: #ffffff; }

[class^=highstocks] { display:none; }
[class*=color_chart_top] { color:#216bbd; opacity:1; } /* top high chart color and opacity */
[class*=color_chart_bottom] { color:#216bbd; opacity:0.3; } /* bottom high chart color and opacity */
[class*=color_linechart] { color:#16569d; } /* close line color */
[class*=color_graph] { color:#16569d; } /* volume chart bar color */
[class*=color_zoom] { color:#16569d; }
.highcharts-markers > path { fill:#16569d; } /* Point color */


.nav-tabs.nav-justified {
    background-color: #ba9e48;
    background-color: #ba9f48;
    padding: 0px 2px;
    margin-bottom: 30px;
}
.nav-tabs.nav-justified > li {
    vertical-align: middle;
    background-color: #ba9e48;
    border-top: 4px solid #ba9e48;
    background-color: #ba9f48;
    border-top: 4px solid #ba9f48;
}
.nav-tabs.nav-justified > li > a {
    font-size: 18px;
    color: #ffffff;
    border: none;
    background-color: transparent;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
    color: #2D2926;
    background-color: transparent;
}
.nav-tabs.nav-justified > li.active {
    border-top: 4px solid #ba9e48;
    border-top: 4px solid #ba9f48;
    background-color: #ffffff;
}
.nav-tabs.nav-justified > li.active > a,
.nav-tabs.nav-justified > li.active > a:hover,
.nav-tabs.nav-justified > li.active > a:focus {
    color: #ba9e48;
    color: #ba9f48;
    border: none;
}
.nav-tabs.nav-justified > li + li,
.nav-tabs.nav-justified > li + li:hover,
.nav-tabs.nav-justified > li + li:focus {
    border-left: 1px solid #ffffff;
}
.nav-tabs.nav-justified > li.active + li,
.nav-tabs.nav-justified > li.active + li:hover,
.nav-tabs.nav-justified > li.active + li:focus {
    border-left: 1px solid #ba9e48;
    border-left: 1px solid #ba9f48;
}
.nav-tabs.nav-justified > li + li.active,
.nav-tabs.nav-justified > li + li.active:hover,
.nav-tabs.nav-justified > li + li.active:focus {
    border-left: 1px solid #ba9e48;
    border-left: 1px solid #ba9f48;
}

.form-check-input{position: absolute; width: initial;}
.ml-5{margin-left: 3rem !important;}

input, select, textarea {
    width: 100%;
  }
  .btn.btn--primary{
    background: #61899d;
    display: inline-block;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-width: 96px;
    border: none;
    width: 100%;
  }