test {color: rgba(18, 213, 68, 0.98);color: rgba(255, 0, 0, 0.99);color: lightgoldenrodyellow;}
.cell {/*background: linear-gradient(to right, ghostwhite, white, ghostwhite);*/background: rgba(255, 255, 255, 0.67);}
test {color: rgba(225, 7, 7, 0.99);}
.bold {font-weight: bolder !important;}
.text-black {color: black !important;}
.border-black-1 {border: 1px solid black !important;}
.margin-right-none {margin-right: 0 !important;}
.margin-left-none {margin-left: 0 !important;}
.padding-right-none {padding-right: 0 !important;}
.border-bottom-5 {border-bottom: 5px solid darkcyan;}
.unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.equationView {word-spacing: 3px;text-align: justify;font-weight: bolder;}
.bg-lightcyan {background-color: lightcyan;}
figure {position: relative;width: fit-content;}
figure figcaption {position: absolute;bottom: 0;background: rgba(0,0,0,0.7);text-align: center;color: #fff;padding: 5px;width: 100%;height: 30%;}
a .thumbnailDate {text-align: center;}
/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {display: none;}
}

.LightThinBorder {border: .5px solid lightblue;/*border-left: none;border-top: none;*/}
.bg-Highlight:hover,.bg-Highlight:focus {background-color: rgba(218, 218, 222, 0.10);}
.padding-lr-none {padding-left: 0;padding-right: 0;}
.text-left-important {text-align: left !important;}
.padding-lr-15 {padding-left: 15px;padding-right: 15px;}
#LBLogin > .form-group {margin-bottom: 5px;}
#LBLogin > .form-group > input {margin-bottom: 5px;max-width: 400px;margin-left: auto;margin-right: auto;border-top: none;border-left: none;border-right: none;box-shadow: none;border-radius: 0;padding-left: 0;font-weight: 100;background-color: transparent;color: black;}
#LBLogin > .form-group > input:hover,#LBLogin > .form-group > input:focus {border-color: darkblue;}
#SignUpForm > .form-group {margin-bottom: 5px;}
#SignUpForm > .form-group > input {margin-bottom: 5px;max-width: 400px;margin-left: auto;margin-right: auto;border-top: none;border-left: none;border-right: none;box-shadow: none;border-radius: 0;padding-left: 0;font-weight: 100;background-color: transparent;color: black;}
#SignUpForm > .form-group > input:hover,#SignUpForm > .form-group > input:focus {border-color: darkblue;}
.column {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-grow {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.column.-middle {justify-content: center;-webkit-box-pack: center;-ms-flex-pack: center;}
.column.-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.viewport-height-100 {position: relative;/*height: 100vh;*/min-height: 100vh;}
.viewport-height-90 {position: relative;/*height: 90vh;*/min-height: 90vh;}
.viewport-height-80 {position: relative;/*height: 80vh;*/min-height: 80vh;}
.display-flex {display: flex;}
.display-block {display: block !important;}
.display-grid {display: grid;}
.panel-side-menu {background-color: #222;color: white;border-radius: 0;}
.panel-group .panel-side-menu {margin-bottom: 0;border-radius: 0;}
.fullWidth {width: 100%;}
.float-left {float: left;}
.float-left-important {float: left !important;}
.float-right {float: right;}
.float-right-important {float: right !important;}
#tv_chart_container > iframe {height: 450px !important;}
.VolValTrdSymSummary, .VolValTrdSymSummaryr1, .VolValTrdSymSummaryr2 {border: none !important;background-color: transparent !important;font-weight: bolder;color: black;border-radius: 0 !important;}
#ExcTraded, #ExcValue, #ExcVol {color: #1c1846;font-weight: bold;font-size: unset;}
#ExcTraded:before {content: 'Trades: ';font-size: small;color: black;font-weight: normal;}
#ExcValue:before {content: 'Turnover: ';font-size: small;color: black;font-weight: normal;}
#ExcVol:before {content: 'Volume: ';font-size: small;color: black;font-weight: normal;}
.VolTraded {display: inline-block;background-color: transparent !important;font-weight: bolder;border-radius: 0 !important;border-left: 0 !important;}
.ValTraded {display: inline-block;background-color: transparent !important;/*color: darkblue;*/font-weight: bolder;border-radius: 0 !important;border-left: 0 !important;}
.TrnsTraded {display: inline-block;background-color: transparent !important;/*color: green;*/font-weight: bolder;border-radius: 0 !important;border-left: 0 !important;}
.SymTraded {display: inline-block;background-color: ghostwhite !important;/*color: red;*/font-weight: bolder;border-radius: 0 !important;border-left: 0 !important;border-right: 0 !important;}
.SymTradedDetails {display: inline-block;border-radius: 0 !important;border-left: 0 !important;}
#CompanyUp, #CompanyDown, #CompanyFlat {font-weight: bolder;}
#ComTotal, #CompanyUp, #CompanyDown, #CompanyFlat {font-weight: bold;}
#ComTotal {color: #1c1846;}
#ComTotal:before {content: 'Total Traded Symbols: ';font-size: xx-small;color: black;font-weight: normal;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-lr-15 {margin-left: 15px;margin-right: 15px;}
.border-radius-15 {border-radius: 15px !important;}
.border-radius-none {border-radius: 0 !important;}
.bg-transparent {background-color: transparent !important;}
.border-left-none {border-left: none !important;}
.border-rignt-none {border-right: none !important;}
.border-top-none {border-top: none !important;}
.border-bottom-none {border-bottom: none !important;}
.border-none {border: none !important;}
.bg-gradiant-one {background: linear-gradient(white,deepskyblue);}
.bg-gradiant-two {background: linear-gradient(white,dodgerblue);}
.bg-gradiant-three {background: linear-gradient(white,limegreen);}
.bg-gradiant-four {background: linear-gradient(white,lightseagreen);}
.bg-gradient-five {background: linear-gradient(white,rgba(57, 251, 1, 0.77) 30%,white);}
.bg-gradient-six {background: linear-gradient(white,rgba(30, 144, 255, 0.56) 80%,white);}
.bg-gradient-seven {background: linear-gradient(white,rgba(250, 0, 19, 0.69) 80%,white);}
.bg-one {background-color: #f2f0f0 !important;}
.bg-two {background-color: forestgreen !important;color: white;}
.bg-three {background-color: ghostwhite !important;}
.bg-four {background-color: crimson !important;color: white;}
.bg-five {background: rgba(57, 251, 1, 0.77);}
.bg-six {background: rgba(30, 144, 255, 0.56);}
.bg-seven {background: rgba(250, 0, 19, 0.69);}
.bg-lightgray {background-color: #e5e4e4;}
.bg-customgray {background-color: #f8f8f8;}
.text-shadow-1 {color: darkgreen;font-weight: lighter;}
.text-shadow-2 {color: darkblue;font-weight: lighter;}
.text-shadow-3 {color: darkred;font-weight: lighter;}
#StockFeed {position: relative;overflow-x: hidden;overflow-y: hidden;height: 45px;padding-left: 15px;padding-right: 15px;}
.LivefeedItem {display: inline-block;margin-right: 7px;display: block;/*padding: 1em;*/padding-left: .5em;padding-right: 1em;background-color: lightgray;margin-bottom: 1em;
    height: 45px;width: 150px;float: left;}
.font-size-1rem {font-size: 1rem !important;}
.SymbolText {text-align: left !important;font-size: small;font-weight: lighter !important;}
/*CSS form ifty*/
.status-up {background-color: transparent !important;color: darkgreen !important;}
.status-down {background-color: transparent !important;color: red !important;}
.topbar {height: 40px;background-color: #1c1846;}
.topbar .container .icon_white {color: white;}
.txt_white {color: white;}
.margintop8 {position: relative;margin-top: 8px;}
.float_right {position: relative;float: right;}
.margintop20 {position: relative;margin-top: 20px;}
.margintop40 {position: relative;margin-top: 40px;}
.text_bold {font-weight: bold;}
.margintop20 .col-md-3 .container-fluid .row .col-md-6 h3 {margin-top: 5px;margin-bottom: 0;}
.color_green {color: #77C539;}
.color_red {color: rgba(255, 6, 6, 0.85);}
.bg-red {background-color: rgba(255, 6, 6, 0.85);}
.round_zero {border-radius: 0;}
.mostactives_container {position: relative;border-top: 5px solid black;background: #D1D8DF linear-gradient(to bottom, #D1D8DF 0%, #D1D8DF 100%) !important;
    -webkit-background-image: linear-gradient(to bottom, #D1D8DF 0%, #D1D8DF 100%) !important;-moz-background-image: linear-gradient(to bottom, #D1D8DF 0%, #D1D8DF 100%) !important;width: auto;}
.margintop40 .round_zero .panel-heading {color: #201C49;font-size: 18px;font-weight: bold;background: transparent;}
.rising_box,.losing_box,.flat_box {position: relative;height: auto;background-color: #D1D8DF;}
.rising_box {color: #77C539;}
.losing_box {color: #F52333;}
.flat_box {color: #337ab7;}
.rising_box h4,.losing_box h4,.flat_box h4 {position: relative;padding-bottom: 8px;padding-top: 8px;font-weight: bold;}
.datelist,.datelist:hover, .datelist:focus {position: relative;width: 100%;background-color: #337ab7;color: white;}
.datelist_menu {width: 100%;background-color: #337ab7;color: white;}
.datelist_menu > li > a {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857143;color: #fff;white-space: nowrap;}
.padding_fix {padding-left: 1px;padding-right: 1px;}

.background_gray {background-color: #ECEEF0;color: #00B3C1;}
.item h2 {padding-top: 20px;padding-right: 6px;padding-left: 6px;}
.my_controls {clear: both;margin-top: -150px;margin-right: 15px;}
.width-100-pct {width: 100% !important;}
.index_moverBox,.exchange_tradingBox,.stock_meterBox,.Money_MarketBox,.CurrencyBox,.Economic_IndicatorBox {position: relative;width: 60%;padding: 10px;color: white;background-color: #00B3C1;font-weight: bold;}
.exchange_tradingBox {background-color: #8C7FC7;}
.stock_meterBox {background-color: #00A1C2;}
.Money_MarketBox {background-color: #00A1BD;}
.CurrencyBox {background-color: #6a6dbf;}
.Economic_IndicatorBox {background-color: #596492;}
.FontSize_XSmall {font-size: x-small !important;}
.FontSize_XXSmall {font-size: xx-small;}
.td_Width_5pct {width: 5%;}
.td_Width_10pct {width: 10%;}
.text-decoration-none {text-decoration: none;}
.text-align-center-imp {text-align: center !important;}
.text-align-left-imp {text-align: left !important;}
.text-align-right-imp {text-align: right !important;}
.td-vertical-align-middle {vertical-align: middle !important;}
.admin-block {min-height: 100px;overflow-y: auto;}
.width-auto {width: auto;}
.max-height-100pct {max-height: 100%;}
.max-height-50pct {max-height: 50%;}
.max-width-100pct {max-width: 100%;}
.max-width-50pct {max-width: 50%;}
.max-width-50pxl {max-width: 50px;}

.hoverable:hover {box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.hoverable {-webkit-transition: all 0.55s ease-in-out;transition: all 0.55s ease-in-out;}
.hoverable:hover {-webkit-transition: all 0.55s ease-in-out;transition: all 0.55s ease-in-out;}
.padding-tb-half {padding-top: .5em !important;padding-bottom: .5em !important;}
/* The side navigation menu */
.sidenav {height: 100%; /* 100% Full-height */width: 80px; /* 0 width - change this with JavaScript */position: fixed; /* Stay in place */z-index: 1; /* Stay on top */
    top: 0;left: 0;overflow-x: hidden; /* Disable horizontal scroll */padding-top: 60px; /* Place content 60px from the top */transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-right: 1px solid darkblue;}
/* The navigation menu links */
.sidenav a {padding: 1px 1px 1px 32px;text-decoration: none;/*font-size: 25px;*/color: #818181;display: block;transition: 0.3s;}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {color: #424242;}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.sidenav .openbtn {position: absolute;top: 0;right: 25px;font-size: 1.5em;margin-left: 50px;}

#mySidenav > ul > li > a > i {min-width: 30px;width: 30px;font-size: medium;}
#mySidenav > ul > li > a > span {display: none;font-size: small;}
#mySidenav > h4 {display: none;}
#OpenLink {display: block;}
#CloseLink {display: none;}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {transition: margin-left .5s;/*padding: 20px;*/margin-left: 80px;}

#HomeTabs > .nav-pills > li.active > a {color: darkblue !important;background-color: transparent !important;border-bottom: 1px solid darkblue;border-radius: 0 0;}
#HomeTabs > .nav-pills > li.active > a:hover,#HomeTabs > .nav-pills > li.active > a:focus {color: darkblue !important;background-color: transparent !important;border-bottom: 1px solid darkblue;}

#NPF1 .nav-pills .nav-link .active,#NPF1 .nav-pills .show > .nav-link {color: black;padding: .25rem;}
#NPF1 .nav-pills .nav-link.active,#NPF1 .nav-pills .show > .nav-link {color: black;background-color: rgba(18, 204, 204, 0.57);border-bottom-left-radius: 0;border-top-left-radius: 0;border-right: 3px solid black;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
#NPF1 .nav-pills li a:hover,#NPF1 .nav-pills li a:focus {color: black;background-color: rgba(18, 204, 204, 0.12);border-bottom-left-radius: 0;border-top-left-radius: 0;border-right: 2px solid lightgray;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

#myNavbar .nav-link {color: white;}
.scrollspy-example {position: relative;height: 250px;overflow: auto;}
.scrollspy-container {position: relative;height: 100vh;overflow-y: auto;}

/* Company Tabs*/
#company.nav-tabs .nav-link {border-top-left-radius: 0rem;border-top-right-radius: 0rem;/*background-image: linear-gradient(#ACD143, #ACD145);*/color: white !important;margin-right: .05rem;text-shadow: 1px 0px 0px #aaa;}
#company.nav-tabs li:first-child a {border-top-left-radius: .5rem;}
#company.nav-tabs li:last-child a {border-top-right-radius: .5rem;}
#company.nav-tabs {border-bottom: 2px solid #205772;font-size: 14px;}
/*#company .nav-item .active {background-image: linear-gradient(black, black) !important;color: black;}*/

/* PAGE BASIC: minute historical */
.company #basic { margin-top: 50px;}
.company #basic #minute_historical.nav-tabs {border-bottom: 2px solid #255E7B;}
.company #basic #minute_historical.nav-tabs .nav-link {  background-image: linear-gradient(#4CB2BD, #43B7C0); color:#ffffff;}
/*.company #basic #minute_historical.nav-tabs .nav-link.active {  background-image: linear-gradient(#1C607F, #176187); color:#ffffff;}*/
.company #basic #minute_historical.nav-tabs .nav-link.fullwidth {  background-image: linear-gradient(#1D6681, #4DA0AD); color:#ffffff; border-bottom: 1px solid #4DA0AD;}

.week-bar {background-image: linear-gradient(to right, #FF0000, #00FF00);padding: 10px 0px 0px 0px;margin-top: 5px;}
.week-bar:after {content: "";display: block;width:1px;height: 20px;position: relative;margin-top: -15px;border-left: 1px solid #717171;}
.day-bar {background-image: linear-gradient(to right, #FF0000, #00FF00);padding: 10px 0px 0px 0px;margin-top: 5px;}
.day-bar:after {content: "";display: block;width:1px;height: 20px;position: relative;margin-top: -15px;border-left: 1px solid #717171;}

/* PAGE BASIC: market-announcement */
.company .market-announcement a.list-group-item {height: auto;min-height: 100px;}
.company .market-announcement a.list-group-item.active small {color: #fff;}
.company .market-announcement .table tr {border-radius: 1rem;background-color: #ECEDE8;}
.company .market-announcement .table tr td:first-child {width: 15% !important;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}

.flex-container .pointer {width: 160px;height: 70px;text-align: center;position: absolute;color: #ffffff;font-weight: bold;font-size: 18px;line-height: 70px;border-top-left-radius: 0px;border-bottom-left-radius: 10px;border-top-right-radius: 2px;
border-bottom-right-radius: 0px;background-image: linear-gradient( to bottom right, #46ADB5, #46ADB5);/*margin-top: 4%;*/ display: table-cell;}
.flex-container .pointer:before {content: "";position: absolute;width: 0;height: 70px;border-top: 70px solid transparent;border-left: 27px solid #46ADB5;margin: 0px 0 0 -25px;left: 185px;}
.flex-container .pointer {vertical-align: middle;}

.market-announcement .flex-container {min-height: 350px;_height: 350px;padding: 5px;}
.market-announcement .flex-container.fixed-height {height: 350px;min-height: 0;_height: 0;}
.market-announcement .flex-item {padding: 5px 0px 1px 0px;-webkit-border-radius: 7px;border-radius: 7px;background: #ECEDE8;bottom: 0px;}
.market-announcement .flex-container .flex-item {margin-top: 5px;margin-bottom: 5px;}
.market-announcement .flex-item .right-item {left: 12%;position: relative;}

.reports .table {padding-left: 10px;padding-right: 10px;color: #828281;/*margin-top: 10px;*/}
.reports .table th {color: #61615f;}
.reports .table th, .reports .table td {border-bottom: 1px solid #ffffff;padding: .30rem;vertical-align: middle;}
.reports .table thead tr th:first-child, .reports .table tbody tr td:first-child {width: 30%;padding-left: 25px;padding-right: 25px;}
.reports .table thead th {background-color: #A3DADF;color: #545453;}

.directorbuysell .table {padding-left: 10px;padding-right: 10px;color: #828281;/*margin-top: 10px;*/}
.directorbuysell .table th {color: #61615f;}
.directorbuysell .table th, .directorbuysell .table td {border-bottom: 1px solid #ffffff;padding: .30rem;vertical-align: middle;}
.directorbuysell .table thead tr th:first-child, .directorbuysell .table tbody tr td:first-child {width: 30%;padding-left: 25px;padding-right: 25px;}
.directorbuysell .table thead th {background-color: #A3DADF;color: #545453;}

.dividentHis .table {padding-left: 10px;padding-right: 10px;color: #828281;/*margin-top: 10px;*/}
.dividentHis .table th {color: #61615f;}
.dividentHis .table th, .dividentHis .table td {border-bottom: 1px solid #ffffff;padding: .30rem;vertical-align: middle;}
.dividentHis .table thead tr th:first-child, .dividentHis .table tbody tr td:first-child {width: 30%;padding-left: 25px;padding-right: 25px;}
.dividentHis .table thead th {background-color: #A3DADF;color: #545453;}

.intirmfinreport .table {padding-left: 10px;padding-right: 10px;color: #828281;/*margin-top: 10px;*/}
.intirmfinreport .table th {color: #61615f;}
.intirmfinreport .table th, .intirmfinreport .table td {border-bottom: 1px solid #ffffff;padding: .30rem;vertical-align: middle;}
.intirmfinreport .table thead tr th:first-child, .intirmfinreport .table tbody tr td:first-child {width: 30%;padding-left: 25px;padding-right: 25px;}
.intirmfinreport .table thead th {background-color: #A3DADF;color: #545453;}

.technicalindicator .table {padding-left: 10px;padding-right: 10px;color: #828281;/*margin-top: 10px;*/}
.technicalindicator .table th {color: #61615f;}
.technicalindicator .table th, .technicalindicator .table td {border-bottom: 1px solid #ffffff;padding: .30rem;vertical-align: middle;}
.technicalindicator .table thead tr th:first-child, .technicalindicator .table tbody tr td:first-child {width: 30%;padding-left: 25px;padding-right: 25px;}
.technicalindicator .table thead th {background-color: #A3DADF;color: #545453;}

.stockrightissue .table {padding-left: 10px;padding-right: 10px;color: #828281;/*margin-top: 10px;*/}
.stockrightissue .table th {color: #61615f;}
.stockrightissue .table th, .stockrightissue .table td {border-bottom: 1px solid #ffffff;padding: .30rem;vertical-align: middle;}
.stockrightissue .table thead tr th:first-child, .stockrightissue .table tbody tr td:first-child {width: 30%;padding-left: 25px;padding-right: 25px;}
.stockrightissue .table thead th {background-color: #A3DADF;color: #545453;}
.text-green {color: #4cc105;}
.color_green {color: #77C539;}
.color_red {color: rgba(255, 6, 6, 0.85);}
.btn.btn-sm {padding: 0.3rem 0.6rem !important;font-size: 0.60rem !important;}

.freeze-table {border-collapse: collapse;width: 100%;}
.freeze-table td, .freeze-table th {border: 1px solid #dddddd;text-align: left;padding: 8px;}
/*.freeze-table th {background-color: black;color: white;}*/
.freeze-table th:nth-child(1), .freeze-table td:nth-child(1) {position: sticky;left: 0px;}
.freeze-table th:nth-child(2), .freeze-table td:nth-child(2) {position: sticky;left: calc(300px - 100px);}
/*.freeze-table th[data-value="MJLBD"] {position: sticky;left: 0px;}*/
.freeze-table td:nth-child(1) {background-color: white;}
.freeze-table td:nth-child(2) {background-color: #000;color: #fff;}
.freeze-table tr {line-height: 5px;min-height: 5px;height: 5px;}

.company .table th, .company .table td {	font-size: 0.90rem;}
.latest-price{ font-size: 3.5em;}
#C_MDS_MESSAGE .msgTitle {font-size: 1.5rem;}
#C_MDS_MESSAGE .msgBody {font-size: 1.2rem;text-align: justify;}
@media screen and (max-width: 767px){
	#company.nav-tabs {display: block;border-bottom: 3px solid transparent !important;}		
	.mktanouncement .text-white.font-weight-bold.h6.p-3{font-size: 0.75rem !important;min-width: 100px !important;}
	#trdstatistics.table th, #trdstatistics.table td {	font-size: 0.75rem;}
	stocklatesttradestatistics span.font-weight-bold.pr-2.text-green { font-size: 1.9rem !important; }
}