@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');
@import url('/FormBuilder/_Resource/_module/plugin/FontAwesome5.min.css');

body { font-family: 'Montserrat', sans-serif; font-weight: 400;margin:0;padding:0;}

/* NEWS */
.tab-group { margin: 0 0 20px 0; }
.tab-group ul { padding: 0; }
.tab-group ul li { list-style-type: none; display: inline-block; margin: 0 5px 0 0; }
.tab-group ul li a { background-color: #3778bc; color: #fff; text-decoration: none !important; line-height: 1.6; display: block; padding: 7px 15px 6px 15px; font-size: 14px;  -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: all .25s linear; transition: all .25s linear; border-radius: 5px; margin-bottom: 10px; }
.tab-group ul li a:hover, .tab-group ul li .current { background: #3778bc !important; }

.loadNext { background-color: #3778bc; color: #fff; text-decoration: none !important; line-height: 1.6; padding: 7px 15px 6px 15px; font-size: 14px;  -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: all .25s linear; transition: all .25s linear; border-radius: 5px; display: inline-block; text-transform: uppercase; }
.loadNext:hover { background: #3778bc !important; }

.announcementsTableDiv table { width: 100%; border-collapse: collapse; }
.announcementsTableDiv table th { border-bottom: #dadada 1px solid; padding: 0.5em 0; text-align: left   }
.announcementsTableDiv table td { border-bottom: #dadada 1px solid; font-size: 16px; padding: 0.5em 0; text-align: left }
.announcementsTableDiv table td a { color: #3778bc; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; }
.announcementsTableDiv table td a:hover { text-decoration: underline; }

.priceHistoryTableDiv table { width: 100%; border-collapse: collapse; }
.priceHistoryTableDiv table th { border-bottom: #dadada 1px solid; padding: 0.5em 0; text-align: left   }
.priceHistoryTableDiv table td { border-bottom: #dadada 1px solid; font-size: 16px; padding: 0.5em 0; text-align: left }
.priceHistoryTableDiv table td a { color: #3778bc; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; }
.priceHistoryTableDiv table td a:hover { text-decoration: underline; }


/*** Investment Calculator ***/
.calc-table-filter .calc-table-filter-row { padding: 20px; background: #FFFFFF; margin: 10px 0; }
.calc-table-filter .calc-table-filter-row .horizontal { margin: 0; width: 100%; }
.calc-table-filter .calc-table-filter-row .text {  font-weight: 700; color: #252d59; }
.calc-table-filter .calc-table-filter-row .horizontal li { display: inline-block; list-style: none; margin: 10px 10px 10px 0; color: #4d4d4f; }
.calc-table-filter .calc-table-filter-row li label { display: inline-block; vertical-align: middle; position: relative; width: 25%; padding: 0 5px; font-weight: 700; }
.calc-table-filter .calc-table-filter-row input { vertical-align: middle; margin: 0; }
.calc-table-filter .calc-table-filter-row input[type="text"] { width: 50%; padding: 5px; border: 1px solid #e1e1e1; }

.calc-table-row { margin: 0; clear: both; position: relative; padding: 5px 10px; border-bottom: 1px solid #e1e1e1; }
.calc-table-row label { padding: 0; font-weight: 700;width: 50%; display: inline-block; *display: inline; zoom: 1; line-height: 2em; vertical-align: top; }
.calc-table-row span { width: 45%; text-align: right; display: inline-block; *display: inline; zoom: 1; line-height: 2em;; vertical-align: top; }

.investmentCalcChart span { *float: left; /* IE6/7 */ }
.ic-instructions { margin: 20px 0 0 0; }



/***** Share Price *****/
table.priceTable, table.priceDetails { width: 50%; margin: 10px auto;}
table.priceTable td { height: auto !important;}
table.priceTable > tbody > tr:last-child > td:first-child { text-align: center; }
table.priceTable td td { padding: 5px 10px;}
table.priceTable td .price { color:#3778bc; font-size: 40px; font-weight: 700 }
table.priceTable .priceDetailsLabel { text-align: right; font-weight: 700}

table.priceTable { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-radius: 5px;}
table.priceDetails { background: #f2f2f2; border-collapse:collapse;}

.price-date { display: block; text-align:center; padding:5px 0; margin-bottom: 30px;}
.price-date span {font-size:14px;}

.priceMove { padding: 8px 0px 0 0px; display: inline-block; font-size: 16px }
/*.price-icon { position: relative; display: inline-block}
.price-icon-down:before { content: "\f0d7"; font-family: "Font Awesome 5 Pro"; font-size: 20px; top:0px; left:0px; color:#F30 }
.price-icon-up:before { content: "\f0d8"; font-family: "Font Awesome 5 Pro"; font-size: 20px; top:0px; left:0px; color: #0C0 }*/

.highcharts-input-group { display: none;}

#custom-price-table { font-size: 14px;width: 200px; background: #FFFFFF; border: 1px solid #808080;border-collapse: collapse; }
#custom-price-table td { border: 0; padding: 5px; }
#custom-price-table td:first-child{padding-right:0;}
#custom-price-table #fill_last { display:inline-block;font-weight: bold; padding: 0 0 0 5px; }
#custom-price-table #fill_move { display:block;font-weight: bold;text-align:right; }
#custom-price-table #fill_move::before {content:''; font-family: 'Font Awesome 5 Pro'; font-size: 16px;}
#custom-price-table #fill_move.price-icon-down:before { content: "\f0d7"; color:#F30 }
#custom-price-table #fill_move.price-icon-up:before { content: "\f0d8"; color: #0C0 }

/*** Share Price History ***/
.priceHistoryTable { width: 100%; border-collapse: collapse; }
.priceHistoryTable th { border-bottom: #dadada 1px solid; padding: 0.5em 0; text-align: left   }
.priceHistoryTable td { border-bottom: #dadada 1px solid; font-size: 16px; padding: 0.5em 0; text-align: left }
.priceHistoryTable td a { color: #3778bc; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; }
.priceHistoryTable td a:hover { text-decoration: underline; }


@media (max-width: 1000px) {
    /* IR */
    .priveVolumeChart { width: 100% !important;}
    .priceHistoryTable { table-layout: auto}
    .priceHistoryTableDiv {overflow-x: scroll;padding: 0 0 10px; position:relative; -webkit-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25); -moz-box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25); box-shadow: inset -3px 0px 5px -1px rgba(0,0,0,0.25);}

    .announcementsTable { table-layout: auto; }

}