@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700,900');
/*font-family: 'Heebo', sans-serif;*/


body{
	font-family: 'Heebo', sans-serif;
}
a{
	color:#387dff;
}

a:hover{
	color:#ef1923;
}

 select::-ms-expand {
    display: none;
  }
  
   select {

	-moz-appearance: none;       
    -webkit-appearance:none;
	-o-appearance:none;
    appearance: none;

  }



.full-brdr{
	border-radius: 30px;
    border: 1px solid #e5e5e5;
	padding:0 !important;
	margin-top:110px;
}
.c-title{
	font-size:64px;
	font-weight:bold;
	color:#377dff;

}
.c-title span{
	display:block;
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
}
.lpi-button{
	background:#377dff;
	border-radius:50px;
	color:#fff;
	font-size:20px;
	font-weight:500;
	padding:30px 36px;
	display:block;
	text-align:center;
}
.lpi-button:after{
	content: "\f105";
    font-family: FontAwesome;
	padding-left:10px;
}


.full-sec-top{
	border-bottom:1px solid #e5e5e5;
	padding:20px 25px;
	
}

.full-sec{
	border-bottom:1px solid #e5e5e5;
	
}

.full-sec-last{

	border-bottom:none;
}


.stock-price{
	font-size:120px;
	font-weight:900;
	color:#464646;
}

.Change{
	padding:57px 0;
}

.chgprice{
	font-size:32px;
	font-weight:500;
	color:#464646;
	float:left;
}
.standard{
	color:#464646;
	margin-right:15px;
}
.priceUp{
	color:#39b54a;
}

.priceUp:after{
	content:'\f0aa';
	font-family: FontAwesome;
	color:#39b54a;
	font-size:30px;
	padding:0 20px
}
.priceDown{
	color:#e82c2e;
}
.priceDown:after{
	content:'\f0ab';
	font-family: FontAwesome;
	color:#e82c2e;
	font-size:30px;
	padding:0 20px
}

.chgprice-perc{
	font-size:32px;
	font-weight:500;
	color:#464646;
	float:left;
}
.eod{
	font-size:22px;
	font-weight:normal;
	color:#adadad;
	text-transform:uppercase;
}
.price-opn{
	font-size:32px;
	font-weight:500;
	color:#464646;
	padding:15px 25px;
}

.price-opn span{
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-dayr{
	font-size:32px;
	font-weight:500;
	color:#464646;
	padding:15px 25px 15px 40px;
}
.price-dayr span{
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-val{
	font-size:32px;
	font-weight:500;
	color:#464646;
	padding:15px 25px;
}

.price-val span{
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.prv-close{
	font-size:32px;
	font-weight:500;
	color:#464646;
	padding:15px 25px 15px 40px;
}

.prv-close span{
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.yr-rng{
	font-size:32px;
	font-weight:500;
	color:#464646;
	padding:15px 25px;
}

.yr-rng span{
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}
.yr-return{
	font-size:32px;
	font-weight:500;
	color:#464646;
	padding:15px 25px 15px 40px;
}
.yr-return span{
	font-size:22px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

/*colboxes right border/middle border*/

.price-opn:after, .price-val:after, .yr-rng:after{
	content: '';
    border-right: 1px solid #e5e5e5;
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 11px;
    top: 0;
}

/*===========================================================================
Inner page search data section css starts here
=============================================================================*/


.std-title{
	width: 50%;
    float: left;
 }
 h3{
	 font-size:24px;
	 font-weight:bold;
 }

.std-title h3{
	font-size:24px;
	color:#474747;
	font-weight:bold;
}

span.fix-icon{
	position:relative;
}
span.fix-icon:after{
	 font-family: FontAwesome;
    content: "\f01e";
    font-size: 16px;
    position: absolute;
    right: -131px;
    top: 17px;
	top: 33px\0/;
    pointer-events: none;
	color:#fff;
}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */
	span.fix-icon:after{
	 font-family: FontAwesome;
    content: "\f01e";
    font-size: 16px;
    position: absolute;
    right: -131px;
    top: 33px;
	pointer-events: none;
	color:#fff;
}
}



#ctl00_cphContent_ibRefresh{
	padding-right: 50px;
	margin-top:10px;
}

#ctl00_cphContent_myiframe{
	margin-top:40px;
}

/*tabs section css*/

.nav-tabs{
	
	border-bottom: none !important;
    float: right;
    background: #ebebeb;
    margin-left:10px;
	border-radius: 50px;
	
}
.nav-tabs > li > a {
   margin-right:0;
    line-height: 1.42857143;
     border: 0; 
    border-radius: 4px 4px 0 0;
	color:#b7b7b7;
	font-weight:bold;
	padding:10px 22px;
}

.nav-tabs > li.daily:hover > a{
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background:#387dff;
}


.nav-tabs > li:first-child:hover > a{
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background:#387dff;
}


.nav-tabs > li.daily.active > a, .nav-tabs > li.daily.active > a:hover, .nav-tabs > li.daily.active > a:focus {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background:#387dff;


}


.nav-tabs > li:first-child.active > a, .nav-tabs > li:first-child.active > a:hover, .nav-tabs > li:first-child.active > a:focus {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
background:#387dff;


}




.nav-tabs > li.monthly:hover > a {
    color: #fff;
    cursor: default;
    border:none; 
    background:#387dff;
	border-radius:0;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	

}

.nav-tabs > li:hover > a {
    color: #fff;
    cursor: default;
    border:none; 
    background:#387dff;
	border-radius:0;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	

}

.nav-tabs > li.monthly > a{
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
}


.nav-tabs > li.monthly.active > a, .nav-tabs > li.monthly.active > a:hover, .nav-tabs > li.monthly.active > a:focus {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	border-radius:0;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	border-radius:0;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	

}



.nav-tabs > li.hi-lo:hover > a {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background:#387dff;
}

.nav-tabs > li:last-child:hover > a {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background:#387dff;
}

.nav-tabs > li.hi-lo.active > a, .nav-tabs > li.hi-lo.active > a:hover, .nav-tabs > li.hi-lo.active > a:focus {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background:#387dff;


}




.nav-tabs > li:last-child.active > a, .nav-tabs > li:last-child.active > a:hover, .nav-tabs > li:last-child.active > a:focus {
    color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background:#387dff;


}

.interactiveChartIcon .durationChart .nav-tabs > li .durationLabel{
	color: #fff;
    cursor: default;
     background-color:transparent; 
     border:none; 
    border-bottom-color: transparent;
	background:#387dff;
	-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 50px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
background:#387dff;
padding:10px 10px;
margin-bottom:0;

}









.blu-brdr{
	border:2px solid #387dff;
	border-radius: 15px;
	text-align:center;
	padding:40px 40px 20px 40px;
	margin-bottom:15px;
}



.cal-container{
	float:left;
	width:100%;
	display: flex;
  justify-content: center;
  align-items: center;
}
.cal-cntnr{
	padding:5px 10px;
	/*border:1px solid #ebebeb;
	border-radius: 50px;*/
	display: inline-block;
	
}



.btn-sec{
	margin-top:20px;
	position:relative;
	z-index:2;
}

.btn-primary{
	color: #fff;
    background-color: #387dff;
    border-color: #387dff;
}
.btn-primary:hover {
    color: #fff;
    background-color: #387dff;
    border-color: #387dff;
}
.btn {
    display: inline-block;
    padding: 8px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    
    touch-action: manipulation;
    
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px;
	margin-right:10px;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #387dff;
    border-color: #387dff;
	outline:none;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
   background-color: #387dff;
    border-color: #387dff;
	outline:none;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #387dff;
    border-color: #387dff;
}

.weeks-sec{
	float:left;
	width:100%;
	margin-top:30px;
	border-top:1px solid #ebebeb;
	position:relative;
	z-index:2;
}
ul.weeks-list{
	margin:0;
	padding:0;
}
ul.weeks-list li{
	display:inline-block;
	text-align:center;
	padding:20px 15px 0 15px;
	

}


ul.weeks-list li a{
	color:#454545;
	
}
ul.weeks-list li a:hover{
	color:#387dff;
	text-decoration:none;
	
}





#ctl00_cphContent_fvStkInfo h4{
	color:#357efe;
	font-size:32px;
}
#ctl00_cphContent_fvStkInfo p{
	color:#c2c2c2;
}


.stockprice{
	margin-top:20px;
}
.stk-chg{
	margin-top:36px;
}

.stockprice span{
	font-weight:bold;
	color:#464646;
	font-size:38px;
}
.qludtd{
	font-size:15px;
	color:#464646;
}
.Red{
	float:left;
	font-size:22px;
	font-weight:600;
	line-height:24px;
}

.Green{
	float:left;
	font-size:22px;
	font-weight:600;
	line-height:24px;
}

.stkstandard{
	color: #464646;
    margin-right: 15px;
    float: left;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
}

.stkUp{
	color:#39b54a;
}

.stkUp:after{
	content:'\f0aa';
	font-family: FontAwesome;
	color:#39b54a;
	font-size:22px;
	padding:0 20px
}
.stkDown{
	color:#e82c2e;
}
.stkDown:after{
	content:'\f0ab';
	font-family: FontAwesome;
	color:#e82c2e;
	font-size:22px;
	padding:0 20px
}







.stockPer{
	float:left;
	font-size:22px;
	font-weight:600;
	line-height:24px;

}

.chgUp{
	color:#3ab34a;
}


.chgDown{
	color:#ec1d25;
}


.sdtopPrice{
	float:left;
	width:100%;
}

.topbrdr-tbl{
	border-top:2px solid #e0e0e0;
	padding-top:15px;
}



.stkborder{
	border:2px solid #e0e0e0;
	border-radius:20px;
	padding:15px;
	margin-bottom:15px;
}

/*Interactive stocchart line images */


.iconLine{
	background:url(../../cmn/images/interactive-stock-chart/line-chart.png) no-repeat center center;
	padding:14px;
}

.iconLine:hover{
	background:url(../../cmn/images/interactive-stock-chart/line-chart-hover.png) no-repeat center center;
	padding:14px;
}

li.active .iconLine{
	background:url(../../cmn/images/interactive-stock-chart/line-chart-hover.png) no-repeat center center;
	padding:14px;
}


.iconCandleStick{
	background:url(../../cmn/images/interactive-stock-chart/candle-chart.png) no-repeat center center;
	padding:14px;
}

.iconCandleStick:hover{
	background:url(../../cmn/images/interactive-stock-chart/candle-chart-hover.png) no-repeat center center;
	padding:14px;
}

li.active .iconCandleStick{
	background:url(../../cmn/images/interactive-stock-chart/candle-chart-hover.png) no-repeat center center;
	padding:14px;
}

.iconOHLC{
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart.png) no-repeat center center;
	padding:14px;
}

.iconOHLC:hover{
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart-hover.png) no-repeat center center;
	padding:14px;
}

li.active .iconOHLC{
	background:url(../../cmn/images/interactive-stock-chart/ohlc-chart-hover.png) no-repeat center center;
	padding:14px;
}







/*Removed table border*/
#ctl00_cphContent_fvStkInfo table tr td, #ctl00_cphContent_fvStkInfo table tr th{
	border-top:none;
}
.sdtopsec{
	padding:25px;
}

/* Date picker*/


.ui-datepicker .ui-datepicker-prev
{
left:5px;
background: url(../img/glyphicons-217-circle-arrow-left.png) no-repeat left center;
height:40px;
width:35px;
}

.ui-datepicker .ui-datepicker-prev:hover
{
background: url(../img/glyphicons-217-circle-arrow-left-hover.png) no-repeat left center;
height:40px;
width:35px;
left:5px;
}


.ui-datepicker .ui-datepicker-next {
background: url(../img/glyphicons-218-circle-arrow-right.png) no-repeat right center;
height:40px;
width:35px;
right:5px;
}

.ui-datepicker .ui-datepicker-next:hover
{
background: url(../img/glyphicons-218-circle-arrow-right-hover.png) no-repeat right center;
height:40px;
width:35px;
right:5px;
	}


/*====================
datepicker calendar 
=========================*/
.ui-datepicker th{
	color:#2b3991;	
}

.ui-datepicker th:first-child{
	color:#ff0000;	
}

.ui-datepicker td:first-child a{
	color:#ff0000;	
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	background:#387dff  !important;
	color:#ffffff!important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{

	min-width:0px;
	border: 0px solid #eee;
	
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:#fff;
	color:#333;
	border-radius:0px;
	border:none;
	color:#666666;
	font-size: 14px;
	font-weight:normal;
}

.ui-datepicker-title select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    font-size: 14px !important;
    padding: 5px 7px;
    color: #333;
}

.icon-circle-arrow-left:before, .icon-circle-arrow-left:after{
	content:""!important;
}

.icon-circle-arrow-right:before, .icon-circle-arrow-right:after{
	content:""!important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year 
{
	-moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.ui-datepicker-title select::-ms-expand {
    display: none;
  }




/*=========================================================
Calender fixing border radius and alignments
===========================================================*/

.form-control{
	height:45px;
	
}

#ctl00_cphContent_txtDateFrom{
	border-radius:50px;
	/*padding:20px;*/
	padding:13px 20px;
}
#ctl00_cphContent_txtDateTo{
	border-radius:50px;
	padding:13px 20px;
}
#datepickerFrom{
	float:right;
}
#datepickerTo{
	float:left;
}
#ctl00_cphContent_divTabContent select{
	/*padding:6px;*/
	padding:7px 10px;
	border-radius:50px;
	margin-left:5px;
}

.dropDownArrow{
	background-image:url(../images/dropdownArrow.png);
	background-repeat: no-repeat;
	/*background-position: center right; */
	background-position:105px 12px;
	background-color:#fefefe;
	min-width:128px;
	border:1px solid #ccc;	
}



label.ssdLeft{
	float:right;
	}
label.ssdRight{
	float:left;
	}
	
	
span.dp-l{
	position:relative;
}
span.dp-l:after{
	 font-family: FontAwesome;
    content:url(../images/date-icon.jpg);
    font-size: 16px;
    position: absolute;
    right: 22px;
    top: 13px;
	top: 26px\0/;
	pointer-events: none;
	color:#fff;
	z-index:999;
}
::-ms-clear {
    display: none;
}
_:-ms-lang(x), span.dp-l:after{
	 font-family: FontAwesome;
    content:url(../images/date-icon.jpg);
    font-size: 16px;
    position: absolute;
    right: 22px;
   top:26px;
	pointer-events: none;
	color:#fff;
	z-index:999;
}




span.dp-r{
	position:relative;
}
span.dp-r:after{
	 font-family: FontAwesome;
    content:url(../images/date-icon.jpg);
    font-size: 16px;
    position: absolute;
    right: 22px;
    top: 13px;
	top: 26px\0/;
    pointer-events: none;
	color:#fff;
	z-index:999;
}



_:-ms-lang(x), span.dp-r:after{
	 font-family: FontAwesome;
    content:url(../images/date-icon.jpg);
    font-size: 16px;
    position: absolute;
    right: 22px;
   top:26px;
	pointer-events: none;
	color:#fff;
	z-index:999;
}

#ctl00_cphContent_txtDailyLabel, #ctl00_cphContent_txtMonthlyLabel, #ctl00_cphContent_txtHiLoLabel{
	width: 100%;
    text-align: center;
    display: block;
	position:relative;
	top:10px;
	z-index:1;
}





/*Table rounded corners*/	

.tablesaw thead tr.tableHeader th:first-child   {
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
border-top-left-radius: 30px;
}


.tablesaw thead tr.tableHeader th:last-child   {
-webkit-border-top-right-radius: 30px;
-moz-border-radius-topright: 30px;
border-top-right-radius: 30px;
border-right:0;
}




 

.tablesaw > tbody > tr:last-child > td:first-child{
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-bottomleft: 30px;
border-bottom-left-radius: 30px;
/*background-color:#ececec;*/
border-left:0;
}

.tablesaw > tbody > tr:last-child > td:last-child{
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-bottomright: 30px;
border-bottom-right-radius: 30px;
/*background-color:#ececec;*/
border-right:0;
}
.tablesaw > tbody > tr:last-child{
	border-bottom:0;
	background-color:#ececec;
}




.tablesaw  > thead > tr > th, .tablesaw > tbody > tr > th, .tablesaw > tfoot > tr > th, .tablesaw > thead > tr > td, .tablesaw > tbody > tr > td, .tablesaw > tfoot > tr > td{
	border-right:1px solid #ddd;
	text-align:center;
}
.tablesaw > tbody > tr > td:first-child{
	border-left:1px solid #ddd;
	
}

#ctl00_cphContent_myiframe2{
	width:1px;
	min-width:100%;
}






/*=====================================================
Media queries starts here
========================================================*/




/* Large desktops and laptops */
@media (min-width: 1200px){
	
 }



/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	
	.c-title {
    font-size: 48px;
    font-weight: bold;
    color: #377dff;
}

.lpi-button {
    background: #377dff;
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 24px 36px;
    display: block;
    text-align: center;
}

.stock-price {
    font-size: 85px;
    font-weight: 900;
    color: #464646;
}
.Change {
    padding: 37px 0;
}

.eod {
    font-size: 18px;
    font-weight: normal;
    color: #adadad;
    text-transform: uppercase;
}

/*======================================
INTERAACTIVE STOCK CHARTS
=======================================*/













	
}


/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px){
	
.c-title {
    font-size: 34px;
    font-weight: bold;
    color: #377dff;
}

.lpi-button {
    background: #377dff;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 36px;
    display: block;
    text-align: center;
}

.c-title span {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #c2c2c2;
}
.stock-price {
    font-size: 60px;
    font-weight: 900;
    color: #464646;
}
.Change {
    padding: 18px 0;
}
.eod {
    font-size: 16px;
    font-weight: normal;
    color: #adadad;
    text-transform: uppercase;
}

.price-opn{
	font-size:26px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
}



.price-opn span{
	font-size:16px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-dayr{
	font-size:26px;
	font-weight:500;
	color:#464646;
	padding:20px 25px 20px 40px;
}
.price-dayr span{
	font-size:16px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-val{
	font-size:26px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
}

.price-val span{
	font-size:16px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.prv-close{
	font-size:26px;
	font-weight:500;
	color:#464646;
	padding:20px 25px 20px 40px;
}

.prv-close span{
	font-size:16px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.yr-rng{
	font-size:26px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
}

.yr-rng span{
	font-size:16px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}
.yr-return{
	font-size:26px;
	font-weight:500;
	color:#464646;
	padding:20px 25px 20px 40px;
}
.yr-return span{
	font-size:16px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

/*======================================
INTERAACTIVE STOCK CHARTS
=======================================*/
#ctl00_cphContent_ibRefresh{
	margin-top:-45px;
}

#ctl00_cphContent_fvStkInfo h4 {
    color: #357efe;
    font-size: 24px;
}
.stockprice span {
    font-weight: bold;
    color: #464646;
    font-size: 36px;
	width:100%;
}

.stk-chg{
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
}

.blu-brdr{
	float: left; /*added for mobile only*/
	border: 2px solid #387dff;
    border-radius: 15px;
    text-align: center;
    padding: 40px 29px 20px 29px;
    margin-bottom: 10px;
}
.std-title h3 {
    font-size: 24px;

    color: #474747;
    margin-top: 10px;
}




}

/* Landscape phones and portrait tablets */
@media (max-width: 767px){
	
	.c-title {
    font-size: 26px;
    font-weight: bold;
    color: #377dff;
}

.lpi-button {
    background: #377dff;
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 16px 10px;
    display: block;
    text-align: center;
}

.stock-price {
    font-size: 43px;
    font-weight: 900;
    color: #464646;
}
.Change {
    padding: 8px 0;
}

.eod {
    font-size: 14px;
    font-weight: normal;
    color: #adadad;
    text-transform: uppercase;
}

.price-opn{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
	text-align:left;
	width:50%;
}



.price-opn span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-dayr{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
	text-align:left;
	width:50%;
}
.price-dayr span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-val{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
	text-align:left;
	width:50%;
}

.price-val span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.prv-close{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
	text-align:left;
	width:50%;
}

.prv-close span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.yr-rng{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
	text-align:left;
	width:50%;
}

.yr-rng span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}
.yr-return{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:20px 25px;
	text-align:left;
	width:50%;
}
.yr-return span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-opn:after, .price-val:after, .yr-rng:after {
    content: '';
    border-right:none;
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 11px;
    top: 0;
}

/*colboxes right border/middle border*/

/*.price-opn:after, .price-val:after, .yr-rng:after{
	content: '';
    border-right: 1px solid #e5e5e5;
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    right: 11px;
    top: 0;
}*/

/*======================================
INTERAACTIVE STOCK CHARTS
=======================================*/
#ctl00_cphContent_ibRefresh{
	margin-top:-45px;
}

.nav-tabs{
	margin-top:20px;
	float:left;
	position:relative;
	z-index:999;
}
.std-title {
    width: 100%;
    float: none;
}

.std-title{
	margin-left:15px;
}
.sdt-mob-pl0{
	padding-left:0;
	padding-top:0;
}

#ctl00_cphContent_myiframe{
	margin-bottom:50px;
}

.cal-container {
    float: left;
    width: 100%;
     display: block; 
    justify-content: center;
    align-items: center;
}


.blu-brdr{
	float: left; /*added for mobile only*/
	border: 2px solid #387dff;
    border-radius: 15px;
    text-align: center;
    padding: 40px 29px 20px 29px;
    margin-bottom: 15px;
	margin-top:20px;
    
}


}

/* Portrait phones and smaller */
@media (max-width: 480px){
	
#ctl00_cphContent_txtDailyLabel, #ctl00_cphContent_txtMonthlyLabel, #ctl00_cphContent_txtHiLoLabel{
	width: 100%;
    text-align: center;
    display: block;
	position:relative;
	top:10px;
	z-index:1;
}

	.c-title {
    font-size: 20px;
    font-weight: bold;
    color: #377dff;
}
.c-title span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #c2c2c2;
}
.lpi-button {
    background: #377dff;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 10px;
    display: block;
    text-align: center;
}
.stock-price {
    font-size: 25px;
    font-weight: 900;
    color: #464646;
}
.chgprice {
    font-size: 22px;
    font-weight: 500;
    color: #464646;
    float: left;
	 line-height: 51px;
}
.chgprice-perc {
    font-size: 22px;
    font-weight: 500;
    color: #464646;
    float: left;
    line-height: 51px;
}
.Change {
    padding: 0px 0;
	margin-top:-8px;
}

.price-opn{
	font-size:20px;
	font-weight:500;
	color:#464646;
	/*padding:15px 25px;*/
	padding:15px 25px 0 25px;
	text-align:center;
	width:100%;
}



.price-opn span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-dayr{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:15px 25px;
	text-align:center;
	width:100%;
}
.price-dayr span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.price-val{
	font-size:20px;
	font-weight:500;
	color:#464646;
	/*padding:15px 25px;*/
	padding:15px 25px 0 25px;
	text-align:center;
	width:100%;
}

.price-val span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.prv-close{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:15px 25px;

	text-align:center;
	width:100%;
}

.prv-close span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}

.yr-rng{
	font-size:20px;
	font-weight:500;
	color:#464646;
	/*padding:15px 25px;*/
	padding:15px 25px 0 25px;
	text-align:center;
	width:100%;
}

.yr-rng span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}
.yr-return{
	font-size:20px;
	font-weight:500;
	color:#464646;
	padding:15px 25px;
	text-align:center;
	width:100%;
}
.yr-return span{
	font-size:12px;
	font-weight:500;
	color:#c2c2c2;
	display:block;
	text-transform:uppercase;
}


/*===========================================
INTERACTIVE STOCK CHART
=============================================*/

div#ctl00_cphContent_uPnlPrcTicker .col-xs-4 {
    margin-top: 10px;
    width: 100%; 
}

.qludtd{
	margin-top: 40px;
    width: 100%; 
}



label.ssdLeft{
	float:none;
	}
label.ssdRight{
	float:none;
	}
	
#ctl00_cphContent_myiframe2{
	overflow:hidden;
}

.more-button{
	float:left;
	width:100%;
}


}



@media(max-width:414px){
	#ctl00_cphContent_divTabContent{
		width:100% !important;
	}
	
	#ctl00_cphContent_txtDailyLabel, #ctl00_cphContent_txtMonthlyLabel, #ctl00_cphContent_txtHiLoLabel{
	width: 100%;
    text-align: center;
    display: block;
	position:relative;
	top:10px;
	z-index:1;
}

	span.fix-icon:after {
    font-family: FontAwesome;
    content: "\f01e";
    font-size: 16px;
    position: absolute;
    right: -131px;
    top: -38px;
    pointer-events: none;
    color: #fff;
}

label.ssdLeft{
	float:none;
	}
label.ssdRight{
	float:none;
	}
}


/*============================
media 375px
==============================*/

@media(max-width:375px){
	
		#ctl00_cphContent_divTabContent{
		width:100% !important;
	}
	#ctl00_cphContent_txtDailyLabel, #ctl00_cphContent_txtMonthlyLabel, #ctl00_cphContent_txtHiLoLabel{
	width: 100%;
    text-align: center;
    display: block;
	position:relative;
	top:10px;
	z-index:1;
}

	
	
#ctl00_cphContent_txtDateFrom{
	width:207px !important;
}
#ctl00_cphContent_txtDateTo{
	width:207px !important;
	
	}	
	
	

/*===========================================
INTERACTIVE STOCK CHART
=============================================*/	

.nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 4px 4px 0 0;
    color: #b7b7b7;
    font-weight: bold;
    padding: 10px 16px;
}

span.fix-icon:after {
    font-family: FontAwesome;
    content: "\f01e";
    font-size: 16px;
    position: absolute;
    right: -131px;
    top: -37px;
    pointer-events: none;
    color: #fff;
}
#ctl00_cphContent_btnSearch{
	margin-bottom:0 !important;
}

	
}


@media(max-width:360px){
	
	#ctl00_cphContent_txtDailyLabel, #ctl00_cphContent_txtMonthlyLabel, #ctl00_cphContent_txtHiLoLabel{
	width: 100%;
    text-align: center;
    display: block;
	position:relative;
	top:10px;
	z-index:1;
}

	
	#ctl00_cphContent_fvStkInfo h4 {
    color: #357efe;
    font-size: 28px;
}
	
	h3{
		font-size: 20px;
    color: #474747;
	}
	
	.std-title h3 {
    font-size: 20px;
    color: #474747;
}
	
	.blu-brdr{
	float: left; /*added for mobile only*/
	border: 2px solid #387dff;
    border-radius: 15px;
    text-align: center;
    padding: 40px 10px 20px 10px;
    margin-bottom: 15px;
	margin-top:20px;
    
}

.nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 4px 4px 0 0;
    color: #b7b7b7;
    font-weight: bold;
    padding: 10px 12px;
}

span.fix-icon:after {
    font-family: FontAwesome;
    content: "\f01e";
    font-size: 16px;
    position: absolute;
    right: -131px;
    top: -38px;
    pointer-events: none;
    color: #fff;
}

#ctl00_cphContent_btnSearch{
	margin-bottom:0 !important;
}

}

@media(max-width:340px){
	#ctl00_cphContent_btnSearch{
	margin-bottom:15px !important;
}
	
}

@media(max-width:330px){
	#ctl00_cphContent_btnSearch{
	margin-bottom:15px !important;
}
	
}



@media(max-width:320px){
	
	
	#ctl00_cphContent_fvStkInfo h4 {
    color: #357efe;
    font-size: 22px;
}
	
	#ctl00_cphContent_txtDateFrom {
    width: 152px !important;
}

#ctl00_cphContent_txtDateTo {
    width: 152px !important;
}

.nav-tabs > li > a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 4px 4px 0 0;
    color: #b7b7b7;
    font-weight: bold;
    padding: 10px 5px;
}

#ctl00_cphContent_ibRefresh {
    padding-right: 27px;
    padding-left: 13px;
}

span.fix-icon:after {
    font-family: FontAwesome;
    content: "\f01e";
    font-size: 16px;
    position: absolute;
    right: -112px;
    top: -38px;
    pointer-events: none;
    color: #fff;
}

#ctl00_cphContent_btnSearch{
	margin-bottom:15px;
}


	
}