/**** Market Indices ***/
.highcharts-container tspan {text-shadow: none;}
.MarketWatchFilterBlock  .TradedItems {padding: 8px 10px;background-color: #838383;}
.MarketWatchFilterBlock  .TradedItems .input{margin: 0;margin-bottom: 4px;margin-left: 5px;}
.MarketWatchRegular-Content.HKMarketWatch #SecuritySelectCon {padding-right:0}
.MarketWatchFilterBlock  .TradedItems .Title{padding: 0;}
.MarketWatchFilterBlock  .TradedItems .Title span{color: white;}
.MarketWatchFilterBlock  .SecuritySelect {}
.MarketWatchFilterBlock .SecuritySelect select{height: 38px;  width: 100%;background-image: url("/_layouts/15/STYLES/ADX/Images/SelectBackground.png");
 background-repeat: no-repeat;background-position: left center;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.MarketWatchFilterBlock .SecuritySelect select::-ms-expand { display: none;}
.MarketWatchFilterBlock  .ToggleButtons .CompaniesView.Nofloat{float:none;}
.MarketWatchFilterBlock  .ToggleButtons .CompaniesView .ToggleButtons-Title{  margin-right: 15px;}
.MarketWatchRegular-Content.HKMarketWatch {}
.MarketWatchRegular-Content.HKMarketWatch .ToggleButtons .View{width: 50%;margin-left: 0;padding-left: 5px;}
.MarketWatchRegular-Content.HKMarketWatch .ToggleButtons .SelectView{width: 50%;  margin-left: 0;padding-right: 5px;}
.MarketWatchRegular-Content.HKMarketWatch .ToggleButtons .ViewInput[type="radio"]:checked+label{width: 49%;}
.MarketWatchRegular-Content.HKMarketWatch  .ToggleButtons .ViewInput[type="radio"]+label{width: 49%; text-align: center;}
.MarketWatchRegular-Content.HKMarketWatch #saveSettings{  padding-right: 0;}

/**** Market Indices - Listed Companies ***/
#CompanyTitle{ display:none}
.ToggleButtons .ViewInput[type="radio"]+label {background-color:#838383 !important;color:white;}
.ToggleButtons .ViewInput[type="radio"]:checked+label {background-color:#1e448b !important;color:white;position: relative;}
.ToggleButtons .ViewInput[type="radio"]:checked+label:after{content:"\f0dd";position:absolute;bottom: -19px;color: #1E448B;font-size: 4em; right: 50%; margin-right:-17px;}
.ToggleButtons .ViewLabel{cursor: pointer;padding: 10px 25px; font-weight: 100;}
.symbol .Title{ display:none}
.FloatL{ float:right}
.alphabetContainer { padding:20px 0px }
.Alpha {display: none;}
.alphabetContainer > input[type="radio"]:first-child:checked+label{ background-color:#1e448c !important; color:white!important }
.alphabetContainer input[checked=""]+label{ background-color:#1e448c !important; color:white!important }
.alphabetContainer .hasBroker{color:#1e448c !important }
.alphabetContainer label{margin-right:0.5em;cursor:pointer; color:#828282;font-size:1em;font-weight: bold;text-transform: uppercase;  padding: 0px 3px;}
.listedCompany.filterContainer .symbol{width: 60%;padding: 20px 0px !important;}
.listedCompany.filterContainer .select2-container--default .select2-selection--multiple {min-height:40px}
.ToggleButtons .View{margin-left: 20px;}
.listedCompany.filterContainer .selectInput{ width:100% !important}
.advancedSearch{ float:left; padding:28px 0px;    padding-top: 60px;}
.alphabetContainer label { font-weight:100}
#ListedCompanies .BrokerBlock{padding-bottom: 40px;}
.ShowOnHover{ display:none}
.hideOnHover{height:274px}
#ListedCompanies .HoverElement:hover .ShowOnHover{ display:block; text-decoration:none}
#ListedCompanies .HoverElement:hover div{ text-decoration:none}
#ListedCompanies .HoverElement:hover .BrokerHeader{ display:none}
#ListedCompanies .HoverElement:hover .hideOnHover{ height:auto;background-color:#1e448b}
#ListedCompanies .HoverElement:hover .CompanyName{color:white; border-color:white}
#ListedCompanies .CompanyName{height: 52px;border-bottom: 1px solid #666666;color: #333333;font-size: 1.2em;width: 90%;margin: 0 auto; text-align:center;padding: 5px 0;}
.heightBlock{ height:272px;    position: relative;}
#ListedCompanies .CompanyFooter{position: absolute;bottom:-27px;background-color: white;right: 0;left: 0;width:150px;margin: 0 auto;border: 1px solid #707070;color: #666666; font-size:1.2em}
.HoverElement{ /*height:249px; */display:block; text-decoration:none}
.HoverElement:hover{ text-decoration:none}
.HoverElement:hover .ShowOnHover{ display:block}
#ListedCompanies .HoverElement:hover .BrokerList{background-color:#1e448b;color: white;padding: 20px}
#ListedCompanies .BrokerTable span{ padding:7px 0;}
#ListedCompanies .BrokerTable span:first-child:before{ content:"\f060"; margin-left:10px}
#ListedCompanies .CompanyFooter a.OrderBook{padding: 15px 20px;display: block;text-align: center; color:#666666}
#ListedCompanies .CompanyFooter a.OrderBook:hover{ color:white; background-color:#1e448b; text-decoration:none}
#ListedCompanies .HoverElement .BrokerHeader{display: block;vertical-align: middle;height: 241px;text-align: center;margin:0}
.HoverElement .BrokerHeader:before {content:"";display: inline-block;height: 196px;vertical-align: middle;}
#ListedCompanies .HoverElement .BrokerHeader img{ max-height:185px; max-width:100%;padding:1em;}
.ShowOnHover .BrokerList{ height:222px}
.advancedSearch a{ text-decoration:underline}
.BrokerList .BrokerTable > div span:first-child,.BrokerList .BrokerTable > div span:nth-child(2) { font-weight:bold; text-transform:capitalize}
.BrokerList .BrokerTable div{ padding:5px 0px}
.profileInfo{position: absolute;top: 35px;left: 0px;width: 25px;margin: 0 auto;    color: #5AA6E8;font-size: 2.2em;text-align: center;}
.profileInfo:before{content:url("/Style Library/ADXHelpers/Images/Go-ToAR.png"); font-size:1.2em;  color: #5AA6E8}
#ListedCompanies .profileInfo{ top:10px; left:14px}
.select2-search.select2-search--inline input{font-weight: normal;}
/*** Responsive ***/
@media only screen and (max-width: 1370px)
{
	.listedCompany.filterContainer .symbol {width: 55%;}
}
@media only screen and (max-width: 1340px)
{
 .listedCompany.filterContainer .symbol {width: 45%;}
}

@media only screen and (max-width: 1282px)
{
	#ListedCompanies .CompanyFooter{ font-size:1em}
	.listedCompany.filterContainer .symbol {width: 40%;}
}
@media only screen and (max-width: 1107px)
{
 .listedCompany .ToggleButtons{ float:none }
 .listedCompany .ToggleButtons .View{ float:none }
 .listedCompany.filterContainer .symbol{width: 80%;}
}

@media only screen and (max-width: 768px)
{
 .Container{ padding:0px 15px}
 #ListedCompanies .BrokerBlock{padding-bottom: 40px;}
 /**** Change Request For hover on Mobile****/
 
 .ShowOnHover{ display:block}
 #ListedCompanies .HoverElement:hover .ShowOnHover{ display:inherit; text-decoration:none}
 #ListedCompanies .HoverElement:hover div{ text-decoration:none}
 #ListedCompanies .HoverElement:hover .BrokerHeader{ display:block}
 #ListedCompanies .HoverElement:hover .hideOnHover{background-color:#F7F7F7}
 #ListedCompanies .HoverElement:hover .CompanyName{color:#1e448b; border-color:#666666}
 #ListedCompanies .HoverElement .BrokerHeader{ height:auto}
 .hideOnHover { height: auto;}
 .HoverElement .BrokerHeader:before{    min-height: auto;}
  #ListedCompanies .HoverElement .BrokerList{padding: 20px;}
 #ListedCompanies .HoverElement:hover .BrokerList {background-color:#F7F7F7;color:#1e448b;}
 .ShowOnHover .BrokerList {height: auto;}
 .heightBlock { height:auto}

 /**** End Change Request For hover on Mobile****/

}
@media only screen and (max-width: 603px)
{
  .ToggleButtons .ViewInput[type="radio"]+label{ margin-bottom:20px }
}
@media only screen and (max-width: 580px)
{
 .listedCompany.filterContainer .symbol {width: 70%;}
}
@media only screen and (max-width: 420px)
{
.listedCompany.filterContainer .symbol { width: 100%;float: none;}
/*.heightBlock{ height:280px}
.ShowOnHover .BrokerList {height: 245px;}*/
}

/****End Market Indices - Listed Companies ***/

/****Market Indices - Select2 General Min Height ***/

.filterContainer.securities.listing .select2-container--default .select2-selection--multiple { min-height:38px;}

/****End Market Indices - Select2 General Min Height  ***/

/**** Market Indices - Selected Company - Profile***/
.CompanyProfile-Content .CorporateBlock .CorporateHeader{font-size: 1.3em; text-transform:uppercase;padding: 10px 0; font-family:"Tahoma" }
.CompanyProfile-Content .CorporateBlock .CorporateContent .border-grey{border: 1px solid #c6c6c6; padding: 20px;text-align: center;}
.CompanyProfile-Content .CorporateBlock .CorporateContent .col-md-9{ padding-right:25px; padding-left:0px}
.CompanyProfile-Content .CorporateBlock .CorporateContent .ProfileInformation{    height:205px;font-family:Tahoma;padding: 10px 15px; background-color:#1e448b; color: white;font-size: 1em;}
.CompanyProfile-Content .CorporateBlock .CorporateContent .companyTitleProfile{ border-bottom:1px solid white;padding: 0px 0px 5px 0;margin-bottom: 10px;}
.CompanyProfile-Content .CompanyLogo{display: block;vertical-align: middle;height:163px;text-align: center; margin: 0;}
.CompanyProfile-Content .CompanyLogo:before { content: "";display: inline-block;min-height:163px;vertical-align: middle;}
.mangerBlockContainer{background-color: #1E448B;color: white;padding: 10px;padding-bottom:3px; }
.CompanyProfile-Content .mangerBlockContainer .ManagerName{font-size: 1.2em;font-weight: bold; text-transform: capitalize;border-bottom: 2px solid #91a3c4;padding-bottom: 3px;margin-bottom: 3px }
.CompanyProfile-Content .mangerBlockContainer .ManagerTitle{font-family: Tahoma; }
.CompanyProfile-Content .mangerBlockContainer .ManagerTitle:after{ content:">"; float:left}
.CompanyProfile-Content .ManagerImage{background-color: #e5e5e5;text-align: center;padding: 10px 10px 0px 10px; }
.CompanyProfile-Content .CorporateBlock .CorporateContent .col-sm-4{ margin-bottom:30px}
.CompanyProfile-Content .CorporateContentInvestors .InvestmentsTitle{color: #737373;font-size: 1.2em; padding-bottom:10px}
.CompanyProfile-Content .CorporateContentInvestors .InvestmentsInfo td{ color:#737373; font-size:1em; padding-bottom:6px}
.CompanyProfile-Content .CorporateContentInvestors .InvestmentsInfo .table2 td:first-child:before{ content:"\f060";margin-left: 10px;}
.CompanyProfile-Content .CorporateContentInvestors .InvestmentsInfo{ padding-bottom:10px}
.NotesBlock .NotesDetails{border: 1px solid #c6c6c6;background-color: white;padding: 10px;border-radius: 3px;color: #737373;font-size: 1em; }
.CompanyProfile-Content .CorporateBlock .CorporateContent .col-sm-4:nth-child(4n+1){ clear:right}
.noDataFound{ background-image:url('/_layouts/15/STYLES/ADX/Images/nodata_icon.png');     background-position: 99%;background-repeat: no-repeat;padding: 15px 60px 15px 0px;color: #666666;}

@media only screen and (max-width: 1107px)
{
 .CompanyProfile-Content .ManagerImage img{ width:100%}
 .CompanyLogo img{ width:100%}
}

@media only screen and (max-width: 991px)
{
 .CompanyProfile-Content .ManagerImage img{ width:100%}
 .CompanyLogo img{ width:auto}
 .border-grey{ margin-bottom:10px;}
 .CompanyProfile-Content .CorporateBlock .CorporateContent .ProfileInformation{ height:auto}
 .CompanyProfile-Content .CorporateBlock .CorporateContent .col-sm-4:nth-child(3n+1){ clear:right}
 .CorporateContentInvestors .col-xs-12{margin-top:15px}
 #ProprietoshipRatio_Chart{ width:100% !important}
 .CompanyProfile-Content .CorporateBlock .CorporateContent .col-md-9{ padding-right:0px}
}

@media only screen and (max-width: 768px)
{
  .CompanyProfile-Content .ManagerImage img{ width:auto}
}
/****End Market Indices - Selected Company - Profile***/


/**** Market Indices - Selected Company - Quotes***/
.QuotePage .pricechart-contant{ position:relative}
.QuotePage .tradehistory-content{ position:relative}

.highcharts-range-selector-buttons text{ font-weight:bold}
#ExcelButton a{display:block; background-image:url('/_layouts/15/STYLES/ADX/Images/excelIcon.png'); background-repeat:no-repeat;    background-position:5%;height: 50px;background-color: #1e448b;color: white;padding: 10px;font-size: 1.1em;width: 159px;vertical-align: middle;text-decoration: none;padding-top: 15px;}
#ExcelButton a:hover{ text-decoration:none}
.quote-right-view .table th{ vertical-align:top}
.quote-title, .pricechart-title, .tradehistory-title, .keyfinancialdata-title{ background-color:transparent; color:#333333; font-size:1.2em; border-bottom:1px solid #999999;background-image:none;padding-right: 0px;
 padding-bottom: 5px; text-transform:uppercase; padding-left:0px}
.quote-title:after, .pricechart-title:after, .tradehistory-title:after, .keyfinancialdata-title:after
{ 	content: "\f146";
    float: left;
    font-size: 1.3em;
    padding: 2px 6px;
    color: #924a96;
}
.expandImage{ 

}
.expandImage:after{
		content: "\f0fe";
    float: left;
    padding: 2px 4.5px;
    color: #924a96;
    font-size: 1.3em;
}
.QuotePage .quote-view{padding: 15px 0px; }
.QuotePage .quote-lastprice{ background-color: #1e448b; color:white;min-height: 165px; }
.QuotePage #Quote .lastprice-value{border-bottom: 1px solid;padding-bottom: 8px;margin-bottom: 10px; font-size:1.5em }
.boldFont{font-size: 1.2em;text-transform: capitalize;}
.QuotePage .lastprice-description{ padding-bottom:10px;padding-right: 0;}
.quote-changepercentage.bgchangecolorNeutral {background-color: #1E448B;}
.quote-change.bgchangecolorNeutral {background-color: #1E448B;}
.quote-change.bgchangecolor { background-color: #E9344C}
.quote-changepercentage.bgchangecolor {background-color: #E9344C;}
.quote-change {background-color: #59c5a5;margin-left: 0;color: #fff;padding: 10px 15px 10px 0;border-bottom: 3px solid #f7f7f7;}
.quote-changepercentage {background-color: #59c5a5;color: #fff;padding: 10px 15px 10px 0;border-top: 3px solid #f7f7f7;}
.quote-change h3{margin: 0;padding-bottom: 5px;}
.quote-change span{font-size: 1.5em;}
.quote-changepercentage h3{margin: 0;padding-bottom: 5px;}
.quote-changepercentage span{font-size: 1.5em;}
.quote-change span:after{content:"\F062"; color:white;float: left;padding-left: 13px;font-size: 1.4em;}
.quote-changepercentage span:after{content:"\F062"; color:white;float: left;padding-left: 13px;font-size: 1.4em;}
.bgchangecolorNeutral span:after{content:"-"; color:white;float: right;padding-right: 13px;font-size: 1.4em;}
.bgchangecolor span:after{content:"\F063"; color:white;float: left;padding-left: 13px;font-size: 1.4em;}
.quote-right-view table{ table-layout:fixed}
.quote-right-view table thead > tr{ background-color:#1e448b ; color:white; text-transform:uppercase}
.quote-right-view table tbody > tr{ background-color:#d3d2d2 ; color:#333333;}
.quote-right-view table td,.quote-right-view table th{padding: 8px 0px !important;word-break: break-word;border-left: 1px solid #abb9d1; text-align:center; border-bottom:none !important;border-top: none !important;}
.quote-right-view table td:last-child,.quote-right-view table th:last-child{border-right:none;}
.pricechart-contant{ padding:15px 0px}
#ddlChartType,#numberLines{color:#999999; width:100%; height:46px ;border-color:#c6c6c6;background: url("/_layouts/15/STYLES/ADX/Images/SelectBackground.png");background-repeat: no-repeat;background-size: 30px 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none;} 
.QuotePage .ToggleButtons .ViewLabel{ padding:14px 7px; min-width: 80px;text-align: center;}
.QuotePage .sub-title,.QuotePage .trade-subtitle {color: #666666;text-transform: uppercase;margin-bottom: 10px;}
.QuotePage .ToggleButtons{ padding:0px;color: white;text-transform: uppercase;}
.QuotePage .ToggleButtons .ViewInput[type="checkbox"]+label {background-color: #838383 !important;color: white;}
.QuotePage .ToggleButtons .ViewInput[type="checkbox"]:checked+label {background-color: #1e448b !important;color: white;}
.QuotePage .pricechart-markers,.QuotePage .pricechart-indicators{ margin-top:20px;margin-bottom: 20px;}
.QuotePage .ToggleButtons .ViewInput[type="radio"]:checked+label:after{right: 50%; }
/*.QuotePage .select2-container--default .select2-selection--multiple .select2-selection__rendered{ height:40px}*/
.select2-container .select2-selection--multiple {min-height: 46px; width: 100%;border-color: #d2d2d2 !important;border-radius:0;}
.QuotePage .tradehistory-content{padding: 15px 0;}
.QuotePage #fromDate,.QuotePage #fromDatePrice{position: absolute;left: 15px;top: 15px;}
.QuotePage #toDate,.QuotePage #toDatePrice{position: absolute;left: 30px;top: 15px;}
.QuotePage #toInput img,
.QuotePage #fromDate img,
.QuotePage #toDate img,
.QuotePage #toInputPrice img,
.QuotePage #fromDatePrice img,
.QuotePage #toDatePrice img
{width: 20px;height: 20px;}
.QuotePage .range-choice-container-price.ToggleButtons.adi-date-range.col-md-12 .row,.QuotePage .range-choice-container.ToggleButtons.adi-date-range.col-md-3 .row{ position:relative}
.QuotePage .dateRangeStatus{ display:none; position:absolute; right:15px; left:15px; bottom:0; top:0; z-index:10;background-color: rgba(131, 131, 131, 0.48); }
.disableDatePicker{display: none;position: absolute;right: 15px;left: 15px;bottom: 0;top: 0; z-index: 100;background-color: rgba(131, 131, 131, 0.48);}
.disableDatePicker.disabled{ display:block}
.QuotePage .dateRangeStatus.disabled{ display:block}
.QuotePage input[type=text]#fromInput,.QuotePage input[type=text]#toInput,.QuotePage input[type=text]#fromInputPrice,.QuotePage input[type=text]#toInput{height: 46px;color: #666666;width: 98%!important;}
#Market{ padding-right:0px}
.trade-button-container input[type="button"]{ margin-top:30px;height: 46px;margin-right: 0;    margin-left: 0;text-transform: uppercase;padding: 9px;background-color: #1E448C;color: white;}
.tradehistory-top-div{ margin-bottom:20px}
.QuotePage #Market .ToggleButtons .ViewLabel,.QuotePage #Interval .ToggleButtons .ViewLabel{padding: 14px 0px}
.QuotePage .ExcellIcon{ margin-top:20px; display:inline-block}
.QuotePage .inner-left-lable,.inner-right-lable{ float:right; padding:5px 0px; padding-left:10px}
.QuotePage .inner-left-value,.inner-right-value{padding:5px}
.QuotePage .keyfinancialdata-left-view{ padding-top:15px}
.QuotePage .keyfinancialdata-title,.tradehistory-title,.pricechart-title{ cursor:pointer}
.QuotePage .range-from{ padding-left:0px}
.QuotePage .range-to{ padding-right:0px}
.QuotePage .keyfinancialdata-left-view .inner-left-lable{font-weight:bold;}
.QuotePage .keyfinancialdata-left-view .inner-right-lable{font-weight:bold;}

.disableToggleBtn{ color:#c1c1c1 !important}
.QuotePage .pricechart-interval{padding-right: 0; }
.QuotePage .pricechart-interval .ViewLabel{min-width: 92px;text-align: center;box-sizing: border-box;width: 49%;}
.QuotePage .pricechart-type{padding-left: 5px; }
.QuotePage .pricechart-filters .range-to{ padding-right:10px;}
.QuotePage .pricechart-markers .ToggleButtons .ViewLabel:nth-child(2){width:25%;text-align:center;min-width:94px; }
.QuotePage .pricechart-markers .ToggleButtons .ViewLabel:nth-child(4){width:20%;text-align:center;min-width:75px; }
.QuotePage .pricechart-markers .ToggleButtons .ViewLabel:nth-child(6){width:20%;text-align:center;min-width:75px; }
.QuotePage .pricechart-markers .ToggleButtons .ViewLabel:nth-child(8){width:32.4%;text-align:center;min-width:122px; }
.QuotePage #CompanyPrice_Chart .highcharts-container{height: 453px !important; }
.QuotePage .pricechart-filters .DataInput{ height:46px }


.QuotePage .dateRangeStatus.nextDate{ right:0px}
.QuotePage .dateRangeStatus.prvDate{ left:4px}
.QuotePage #tradeDateSecondContainer{left: 19px; }
 .QuotePage #toInputPrice{ height:46px}
 #priceDateSecondContainer{ right:10px}
@media only screen and (max-width:1230px)
{
 .QuotePage .ToggleButtons .ViewInput[type="radio"]+label{ margin-bottom:20px}
}
@media only screen and (max-width: 991px)
{
	.QuotePage .changePercentage{ padding-left:0px}
	.QuotePage .quote-left-view{ margin-bottom:20px}
	.QuotePage #Interval{ padding:0px}
	.QuotePage .range-to{ padding-right:15px; margin-bottom:20px}
	.QuotePage .range-from{ padding-left:15px; margin-bottom:20px}
	.QuotePage .trade-button-container{ padding:0px}
	.QuotePage #fromDate{left: 60px;}
    .QuotePage #toDate{left:60px;}
    .QuotePage input[type=text]#fromInput, .QuotePage input[type=text]#toInput, .QuotePage input[type=text]#fromInputPrice, .QuotePage input[type=text]#toInputPrice{ width:100% !important}
    .QuotePage .pricechart-filters .range-to { padding-left:15px}
     .pricechart-filters #fromDatePrice{ left:28px}
     .QuotePage .dateRangeStatus.prvDate{ left:15px}
     .QuotePage .dateRangeStatus.nextDate{ right:15px}
     .QuotePage #tradeDateSecondContainer {left: 15px;}
     .QuotePage .pricechart-filters .range-to {padding-right: 15px}
     #priceDateSecondContainer { right: 15px;}
    
}
@media only screen and (max-width: 768px)
{
 .QuotePage .changePercentage{ padding:0px; margin-top:10px}
 .QuotePage .lastprice-value{ margin: 0;padding-top: 10px; }
 .QuotePage .pricechart-interval{padding: 0 15px;margin-top: 15px; }
}

@media only screen and (max-width: 400px)
{
  .QuotePage .quote-right-view table{ font-size:0.7em}
}

/** Melick -- **/
.tradehistory-content .tradehistory-top-div {
    margin-bottom: 20px;
    background: #f4f4f4;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 12px;
}
.tradehistory-content #Market {
    padding-left: 0px;
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.1);
    margin: 0 10px;
}

.tradehistory-content #Interval {
    padding-left: 0px;
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 10px 20px 10px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.1);
    margin: 0 10px;
}
.tradehistory-content .range-choice-container {
    padding-left: 0px;
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 10px 20px 10px !important;
    border-radius: 5px;
    text-align: center;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.1);
    margin: 0 10px;
    min-height: 110px;
}
.tradehistory-content .trade-drop-down {
    padding-left: 0px;
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px 10px 20px 10px !important;
    border-radius: 5px;
    text-align: center;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.1);
    margin: 0 5px;
    min-height: 110px;
}
.tradehistory-content .QuotePage .sub-title, .QuotePage .trade-subtitle {
    color: #666666;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: right;
}
.tradehistory-content .trade-button-container input[type="button"] {
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    text-transform: uppercase;
    padding: 10px 25px;
    background-color: #924a96;
    color: white;
    border-radius: 5px !important;
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
}

/****End Market Indices - Selected Company - Quotes***/


/*** Market Indices - Selected Company - Order Book ***/

.orderbook-container .TableHeaders td{ height:37px}
.symbol{ font-weight:bold}
.symbolSector{ font-weight:bold}
.BrokerTable tr td:first-child ,.BrokerTable tr td:nth-child(2){ font-weight:bold}
.table-market-by-price tr {vertical-align: top;}
.market-by-order-container tr {vertical-align:top;}
.scrollOverMarket{ height:100px; overflow:auto}
.orderBookChart{ margin-bottom:15px}
.secondOrderBookChart{ margin-bottom:15px}
.market-by-price-container .branch-list-tb tr td:last-child{ text-align:center !important}
.market-by-order-container .branch-list-tb tr td:last-child{ text-align:center !important}
.market-by-order-container tr td:first-child .TableHeaders:first-child{border-left: 1px solid white;}
.orderbook-container .last-trade-price-container{ padding:0px}
.TableHeaders{width: 100%;}
.TableHeaders th{ background-color:#ededed; color:#434348 !important;font-weight: bold;}
.orderbook-form .branch-list-tb th {text-align: right;padding: 10px 20px;}
.orderbook-form .branch-list-tb td {text-align: right;padding: 10px 20px;height: 40px;}
.orderbook-form .market-by-price-container .branch-list-tb tr td:last-child{text-align: right !important;padding: 10px 20px !important;}
.orderbook-form .market-by-order-container .branch-list-tb tr td:last-child{text-align: right !important;padding: 10px 20px !important;}

.orderbook-container .market-by-price-container{ padding-right:0px}
.orderbook-container .market-by-order-container{ padding-left:0px}
.orderbook-container{}
.orderbook-title{color: #1E448B;padding: 15px 0px;font-size: 1.4em;}
.orderbook-title{color: #1E448B;padding: 20px 11px;font-size: 1.4em;}


.orderbook-container-border{/* padding:20px; */ margin-top:10px}

.last-trade-price-container{margin-bottom: 30px;}
.order-price-container{/*margin-bottom: 42px;*/}
.market-by-price-container{}
.table-last-trade-price{border: 1px solid #D6D5DA;}
.table-market-by-price{border: 1px solid #D6D5DA;}
.table-market-by-order{border: 1px solid #D6D5DA;}
@media (max-width:625px){
    
.orderbook-form .RightFormBlock{
float:none !important;
    width:100%;
}
 .orderbook-form .FormBlock {
  width:100%;
        float:none !important;
}

.orderbook-container .logobtn{  float: right;
  margin-right: 14px;  margin-bottom: 17px;}
}
.table-market-by-price th{
  background-color: #1E448B;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 10px 18px 10px 0px;
  }

.table-market-by-price td{width:25%;}
.table-market-by-price tr{}
.table-market-by-price > tfoot > tr td{color:black !important;}
.table-market-by-price tr:first-child{font-weight:bold;}
.table-market-by-price tr:first-child td{padding: 10px 20px 10px 0px !important;color: #333333;font-size: 1em; background-color: #cac8c8;    border-bottom: 1px solid #f7f7f7;}
.table-market-by-price tr:nth-child(2) td{font-weight:bold ; font-size:1em; color: #969696;}
.table-market-by-price tr td{/*padding: 10px 0px 10px 0px;*/color: #828282;font-size: 1em;}
.table-market-by-price tfoot tr:first-child td:nth-child(2){padding-right: 23px !important;}
.table-market-by-price tfoot tr:first-child td:nth-child(4){padding-right: 14px !important;}
.table-market-by-order tfoot tr:first-child td:nth-child(2){padding-right: 23px !important;}
.table-market-by-order tfoot tr:first-child td:nth-child(4){padding-right: 25px !important;}

.table-market-by-order td{width:25%;}
.table-market-by-order > tfoot > tr td{color:black !important;font-size: 1em;}
.table-market-by-order tr{padding:0 0 0 0;}
.table-market-by-order tr:nth-child(2) td{font-weight:bold ; font-size: 1em; color: #969696;}
.table-market-by-order tr:first-child{font-weight:bold}
.table-market-by-order tr:first-child td{padding: 10px 20px 10px 0px !important;color: #333333;    font-size: 1em; background-color: #cac8c8;    border-bottom: 1px solid #f7f7f7;}
.table-market-by-order tr td{/*padding: 10px 0px 10px 0px;*/}
.table-market-by-order tr:nth-child(even){/*background-color:#f0f0f0*/}
.table-market-by-order th{ 
  background-color: #1E448B;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  padding: 10px 18px 10px 0px;}

.table-last-trade-price th{width:20%;text-align: center !important;background-color: #1E448B;color:#fff;font-size: 1em;font-weight: bold;padding: 10px 0 10px 0;border-left: 1px solid #ededed;}
.table-last-trade-price td{text-align: center;background-color: #dbdbdb;padding: 10px 0 10px 0;color: #6f6f6f;border-left: 1px solid #ededed;}
.table-last-trade-price td:last-child{border-left:none}
.table-last-trade-price th:last-child{border-right:none}
.orderbook-form .TableHeaders.branch-list-tb th{ background-color:#CAC8C8; color:#333333}
.secondOrderBookChart{ margin-left:-15px}

.orderBookChart .highcharts-container{ border:1px solid #b3b3b3}
.secondOrderBookChart .highcharts-container{ border:1px solid #b3b3b3}
.orderBookChart .highcharts-background,.secondOrderBookChart .highcharts-background{fill:#f7f7f7}
.orderBookChart .highcharts-contextmenu,.secondOrderBookChart .highcharts-contextmenu{left: 0px !important;right: 0 !important;width: 214px;}
.table-market-by-price .TableHeaders.branch-list-tb tr:first-child,.table-market-by-order .TableHeaders.branch-list-tb tr:first-child{border-left: 1px solid #f7f7f7;}
.table-market-by-price tr:nth-child(2) td:nth-child(2) .TableHeaders.branch-list-tb tr:first-child,.table-market-by-order tr:nth-child(2) td:nth-child(2) .TableHeaders.branch-list-tb tr:first-child{ border-left:none }
.table-market-by-price tfoot td:nth-child(2),.table-market-by-order tfoot td:nth-child(2){ border-left:1px solid #f7f7f7}
@media only screen and (max-width: 991px)
{
 .market-by-price-container{ padding-left:0px; margin-bottom:15px}
 .market-by-order-container{ padding-right:0px; margin-bottom:15px}
 .orderBookChart{ margin-right:-15px; margin-left:-15px}
 .secondOrderBookChart{ margin-right:-15px;}
}

@media only screen and (max-width: 450px)
{
  .orderbook-container{ font-size:0.8em}
}

@media only screen and (max-width: 360px)
{
  .ContentBody .PageTitle{ min-width:280px}
  .orderbook-container{ font-size:0.7em}
}
/***End Market Indices - Selected Company - Order Book***/

/***Market Indices - Selected Company - ShareHolders***/
input#fromInput{width: 100%;border: 1px solid #c6c6c6;height: 40px;color: #808080;background: url("/_layouts/15/STYLES/ADX/Images/SelectBackground.png");background-repeat: no-repeat;background-position: left center;background-size: 30px 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none; background-color:#fbfbfb}
#ShareHolders_Chart .highcharts-background{ fill:#f7f7f7}
#ShareHolders_Chart { border:1px solid #b3b3b3; margin-bottom:20px}
.shareholder-datepicker{border: none;padding: 6px 15px; margin-bottom:15px; direction:ltr}
.DataInput.shareholder-date{ direction:rtl}
.shareholder-datepicker .dateTitle{text-align: right;text-transform: uppercase;color: #666666;padding-bottom: 5px;font-size: 1.1em; }
.shareholder-datepicker:active{     box-shadow: none;}
.datepicker.dropdown-menu{ right:auto}
.progressPostion {position: relative;}
.progressIndicatorStyles{position:absolute;text-align: center;height: 100%;width: 100%;top: 0;right: 0;left: 0;bottom: 0;z-index: 99;background-color: #ffffff;opacity: 0.7 }
.progressIndicatorStyles img{ position:absolute; top:50%;z-index: 9999999;}

@media only screen and (max-width: 991px)
{
  .shareholder-datepicker{ width:100%}
}
@media only screen and (max-width: 600px)
{
  .shareholder-datepicker{ width:99%}
}


/***End Market Indices - Selected Company - ShareHolders***/


/** Market Indices - Selected Company - Financial Reports***/

.DataFilters .dragTitle,.FilterFR .Title{color: #666666;font-size: 1.2em;text-transform: uppercase;padding-bottom: 5px;}
.DataFiltersFR .FilterFR{margin-top: 15px;}
.DataFiltersFR .CorporateHeader{font-size: 1.2em;color: #333333; border-bottom: 1px solid #c9c9c9;    padding-bottom: 5px;margin-bottom: 5px;}    
.DataFiltersFR .CorporateDate{ float:left}
.DataFiltersFR .FRBlock{ margin:15px 0}
.FinancialReport-Content a:hover{ text-decoration:none}
.FinancialReport-Content .CorporateContent{color: #666666; }
.FinancialReport-Content .DateFReport:before{content: "\F073";color:#1E448B;    margin-left: 5px;}
.FinancialReport-Content .DataFReport{ color:#999999;}
/***End Market Indices - Selected Company - Financial Reports***/

/** Market Indices - Market Watch***/
.MarketWatchFilterBlock .FilterHeader .MarketWatchHeaderTitle{font-size: 0.85em;}
#MarketWatchRegularGrid .slick-column-name{ margin:0 6px}
.backgroundNegative{ padding-right:5px !important}
.backgroundPositive{ padding-right:5px !important}

/*.MarketWatchRegular-Content .GreenArrow{ color:inherit;}
.MarketWatchRegular-Content .RedArrow{ color:inherit;}*/

.MarketWatchFilterBlock .ToggleButtons{ padding:20px 15px}
.MarketWatchFilterBlock{ margin-bottom:15px}
.marketStatus{ height:0}
.MarketStatus-Content{ position:absolute; top:8px;left:0}
.status .Closed{padding:9px 30px;color: white;text-transform: uppercase;font-size: 1.2em;background-color: #e9344c;}
.status .Opened{padding:9px 30px;color: white;text-transform: uppercase;font-size: 1.2em;background-color: #3dad65;}
.status .Pre-Open,.status .Pre-Close{color: white;text-transform: uppercase; font-size:1.2em; padding:9px 15px; background-color:#cec701}
.status .marketPreOpen,.status .marketPreClose{color: white;text-transform:capitalize;font-size:1em;    padding-left: 15px; background-color:#cec701; padding-top:11.5px; padding-bottom:9.5px ; margin-right:-3px}
.marketWatchChartBlock .MarketWatchFilterBlock .FilterHeader{font-family: Tahoma !important;color: #333333;background-color: transparent;border-bottom: 1px solid #999999;padding-right: 0;padding-left: 0;  background-image:none}
.marketWatchChartBlock .MarketWatchFilterBlock .FilterHeader:after{content:"-"; float:left; border: 1px solid;padding: 2px 6px;color: #183e84; }
.marketWatchChartBlock .expandImage:after{content:"+" !important; float:left; border: 1px solid;padding: 2px 4.5px !important;color: #183e84; }
.MarketWatchFilterBlock .FilterContent{ padding:0; border:none; margin-top:15px}
.MarketWatchFilterBlock .ms-webpartzone-cell {margin-bottom:0;}
.MarketWatchFilterBlock .ContainerSummary{ margin-bottom:20px}
.marketWatchChartBlock .MarketIndicesFilter .SelectFilter{ color:white}
.ContainerSummary .ms-webpart-cell-vertical,.ContainerSummary .ms-webpart-chrome-vertical,.ContainerSummary .ms-webpart-zone{ display:block;}
.MarketBlockContainer .LoserBody .ms-webpart-cell-vertical,.MarketBlockContainer .LoserBody .ms-webpart-chrome-vertical,.MarketBlockContainer .LoserBody .ms-webpart-zone{ display:block;}
.MarketBlockContainer .TopLosers .ms-webpart-cell-vertical,.MarketBlockContainer .TopLosers .ms-webpart-chrome-vertical,.MarketBlockContainer .TopLosers .ms-webpart-zone{ display:block}
.optionsSection{ border:1px solid #b4b4b4; padding:10px; position:relative; border-top:0}
.DateAndTime{ color:#333333; text-transform:uppercase; float:right;font-family:Tahoma; font-weight:bold}
.DateAndTime:before{ content:"\f073"; color:#34528f; padding-left:10px}
.helpContainer{ float:left; text-transform:uppercase; color:#333333}
.helpContainer a{ color:#333333; font-family:Tahoma; font-weight:bold}
.helpContainer a:hover{ color:#333333; text-decoration:none}
.helpOption:before{ content:"\f059"; color:#58acfb; font-size:1.5em; position:absolute; top:8px; left:76px}
.marketWatchChartBlock .StockTitle{ margin-bottom:-1px; min-height:33px}
.MarketSummaryBlock{}
.MarketSummaryBlock tr td:nth-child(2){border-left:none}
.MarketSummaryBlock tr td:nth-child(1){border-right:none}
.MarketSummaryContainer-Title{ font-family:Tahoma; text-transform:uppercase; font-weight:bold;   background-color: #005899; color: white;text-align: center;font-size: 1.2em;padding: 15px; }
.alignChangeTextCell{text-align: left !important;}
.MarketIndicesFilter .select2-container .select2-search--inline .select2-search__field{ margin-top:10px}
.MarketSummaryBlock td{ padding:10px;border: 1px solid #ffffff; width:50%}
.MarketSummaryBlock tr:nth-child(1),.MarketSummaryBlock tr:nth-child(3),.MarketSummaryBlock tr:nth-child(5){background: #dbdbdb;}
.MarketSummaryBlock tr:nth-child(2),.MarketSummaryBlock tr:nth-child(4),.MarketSummaryBlock tr:nth-child(6){background: #d3d1d2;}
.MarketSummaryBlock tr .summaryTitle,.MarketSummaryBlock tr .summaryResults{ color:#333333; text-transform:uppercase; font-family:Tahoma}
.marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container {width: 90% !important;}
.marketWatchChartBlock .ContainerCenter .highcharts-container{ height:250px!important}
.MarketWatchRegular-Content .ui-multiselect{width: 100%!important;background: #fbfbfb;height: 38px;border: 1px solid #c6c6c6;border-radius: 2px; padding-top:0px}
.MarketWatchRegular-Content .SubmitButton{ clear:none}
.MarketWatchRegular-Content .SubmitButton a{width: 100%; text-align: center; text-decoration:none;padding: 9px 0px;margin:27px 0; margin-bottom: 0; font-size:1.1em;}  
.MarketWatchRegular-Content .SubmitButton a:hover{ text-decoration:none}  
.MarketWatchRegular-Content .SubmitButton a:after{ content:"\f0c7"; color:white;font-size: 1.08em;padding-right: 14px;}
.MarketWatchRegular-Content .MarketWatchFilterBlock .FilterTitle {    padding-top: 0;color: #666666; font-weight: normal;font-size: 1.1em;}
.MarketWatchRegular-Content .ui-multiselect span{color: #333333;padding-top: 7px; display: block;}  
.MarketWatchRegular-Content .ui-state-default .ui-icon{ background-image:url("/_layouts/15/STYLES/ADX/Images/SelectBackground.png"); background-repeat:no-repeat;    width: 37px; height: 36px;    background-position: left center; }
.noteUp{     background-position: right top;height: 40px;background-image:url('/_layouts/15/STYLES/ADX/Images/cornerup.png'); background-repeat:no-repeat}
.noteDown{     background-position: left bottom;height: 40px; background-image:url('/_layouts/15/STYLES/ADX/Images/cornerDown.png'); background-repeat:no-repeat}
.noteContainer{width: 530px; text-align: center;margin: 15px 0; }
.noteDown span{padding: 10px;color: #474747;display: block;font-family: Tahoma;font-size: 1.1em;}
.noteDown span.Clickable {display: inline-block;font-size: 1em;padding: 0;font-family: inherit;text-decoration: underline;
cursor: pointer;color: #1E448B;}
.ToggleButtons-Title{font-size: 1.1em;text-transform: uppercase;padding: 6px 0px;color: #666666;font-weight: normal;}
.MarketWatchRegular-Content .ToggleButtons .SelectView{ margin-left:20px; float:right}
.MarketWatchRegular-Content .ToggleButtons .View{margin-left: 5px;float:right}
.MarketWatchRegular-Content .ToggleButtons .CompaniesView{float:right}
.HomeContent.marketWatchChartBlock{ margin-top:0px}
.MarketWatchRegular-Content .ntwslickgrid .slick-cell,.MarketWatchRegular-Content .ntwslickgrid .slick-header-column.ui-state-default {border-right: 1px solid white !important;}
.MarketWatchRegular-Content .slick-header-columns{ padding:0px}
.MarketWatchRegular-Content .slick-header-column.ui-state-default{ padding:10px 0}
.grid-graph-icon:after{ content:"\f0c9"; font-size:1.3em; color: #888888;}
.MarketWatchRegular-Content .grid-graph-icon { text-align:right}
.MarketIndicesFilter .SelectFilter:after{content:" "; }
.MarketIndicesFilter .select2-container .select2-selection--multiple{ /** background:url('/Style Library/ADXHelpers/Images/arrowdown.png') no-repeat; */    background-position: left;}
.MarketIndicesFilter .InputSelect:after{content:" ";}
.MarketIndicesFilter #ddlmarketindices{background-image:url('/Style Library/ADXHelpers/Images/arrowdown.png');    background-position: left; background-repeat:no-repeat }
#home .select2-container--default .select2-selection--multiple .select2-selection__choice {line-height: 42px;}
.removeAbsolute{ position:inherit !important}
.MarketSummaryBlock tr .summaryTitle{ font-weight:bold}
.heightAuto{ height:auto!important}
#home.MarketIndices .s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth:last-child{ direction:ltr}
#MarketWatchRegularGrid{ text-align:right}
.ms-dialog .Container{ padding:0 20px 20px 20px;}
#MarketWatchRegularGrid .slick-header-column.ui-state-default{ font-weight:normal !important}
#MarketWatchRegularGrid .slick-header-column.ui-state-default{ border-left:none}  

/*Change Colors and Icons ***/

.marketWatchChartBlock .GreenArrow{background-image:url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png'); background-repeat:no-repeat; background-position: 2% 50% !important;
    text-align: left !important;
    padding-left: 15px !important;}
.marketWatchChartBlock .RedArrow{ background-image:url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png'); background-repeat:no-repeat; background-position: 2% 50% !important;
    text-align: left !important;
    padding-left: 15px !important;}
.marketWatchChartBlock .neutralResults{ background-image:url('/_layouts/15/STYLES/ADX/Images/neutral.jpg'); background-repeat:no-repeat;background-position: 6% 50% !important;
    text-align: left !important;
    padding-left: 18px !important;}
    
#MarketWatchRegularTile .bgNeutral{ color:#1e448c }
@keyframes MarketWatchTileNegativeTransition{
          0% {
                
                color: white;
            }

            5% {

                color:red;
            }

            100% {

                color: white;
            }
        }
#MarketWatchRegularTile .bgNegative{
   animation: MarketWatchTileNegativeTransition 8s ease-in-out;
}

@keyframes MarketWatchTilePositiveTransition{
          0% {
                
                color: white;
            }

            5% {

                color: #00e972;
            }

            100% {

                color: white;
            }
        }
#MarketWatchRegularTile .bgPositive{
   animation: MarketWatchTilePositiveTransition 8s ease-in-out;
}

@keyframes MarketWatchPositiveTransition{
          0% {
                background-color: transparent;
                color: #828282;
            }

            5% {
                background-color: #59c5a5;
                color: white;
            }

            100% {
                background-color: transparent;
                color: #828282;
            }
        }
#MarketWatchRegularGrid .backgroundPositive{
   animation: MarketWatchPositiveTransition 8s ease-in-out;
}

@keyframes MarketWatchNegativeTransition{
          0% {
                background-color: transparent;
                color: #828282;
            }

            5% {
                background-color: #cb6b7f;
                color: white;
            }

            100% {
                background-color: transparent;
                color: #828282;
            }
        }
#MarketWatchRegularGrid .backgroundNegative{
   animation: MarketWatchNegativeTransition 8s ease-in-out;
}

/*** End Change Colors and Icons ***/
@media only screen and (min-width:1800px)
{
  .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 94.2% !important}
}

@media only screen and (max-width:1332px)
{
 .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 90% !important; }
}
@media only screen and (max-width:1220px)
{
 .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 80% !important; }
}

@media only screen and (max-width: 991px)
{
 .SecuritySelect{ padding-right:15px}
  .MarketWatchFilterBlock .ContainerCenter .TopLosers{ margin-bottom:15px}
}

@media only screen and (max-width: 880px)
{
 .marketStatus{ height:auto; }
 .MarketStatus-Content {position: inherit; width: 100%;}
}
@media only screen and (max-width: 550px)
{
 .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 83% !important; }
 .marketWatchChartBlock .TopLosers .MarketIndicesFilter .InputSelect{border-bottom: 1px solid white; border-left:none; width:100%; float:none}
 .marketWatchChartBlock .MarketIndicesFilter .SelectFilter{ float:none; width:100%}
 .marketWatchChartBlock span.resource.MarketIndicesCompare{ padding-right:10px}
}
@media only screen and (max-width: 540px)
{
  .noteContainer{ width:100%}
}
@media only screen and (max-width: 500px)
{
  .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 80% !important; }
  .DateAndTime{ float:none; margin-bottom:10px}
  .helpContainer{ float: none}
  .helpOption:before{ font-size: 1.3em;position: inherit;padding-left: 8px;}
}
@media only screen and (max-width: 433px)
{
  .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 75% !important; }
}
@media only screen and (max-width: 360px)
{
  .marketWatchChartBlock .TopLosers #home.MarketIndices .select2-container{width: 70% !important; }
}

/** End Market Indices - Market Watch**/

/** Market Indices - Market Watch Tile View***/
#MarketWatchRegularGrid .alignGridTextCell{ text-align:right !important}
#MarketWatchInsider .slick-group-toggle{ margin-top:7px }
#MarketWatchRegularGrid .slick-group-toggle{ margin-top:7px }
#MarketWatchBigBlockGrid .slick-group-toggle{ margin-top:7px }
#MarketWatchETFGrid .slick-group-toggle{ margin-top:7px }
#MarketWatchRegularGrid .slick-header-column.ui-state-default{ padding-left:0.1px; padding-right:0.1px}
#MarketWatchRegularGrid .ui-state-default > span{padding-left:0.1px; padding-right:0.1px }
#MarketWatchRegularGrid .slick-cell{ padding-left:4.1px; padding-right:4.1px; text-align:left}
#MarketWatchBigBlockGrid .slick-header-column.ui-state-default{ padding-left:0.1px; padding-right:0.1px}
#MarketWatchBigBlockGrid .ui-state-default > span{padding-left:0.1px; padding-right:0.1px }
#MarketWatchBigBlockGrid .slick-cell{ padding-left:4.1px; padding-right:4.1px}
#MarketWatchETFGrid .slick-header-column.ui-state-default{ padding-left:0.1px; padding-right:0.1px}
#MarketWatchETFGrid .ui-state-default > span{padding-left:0.1px; padding-right:0.1px }
#MarketWatchETFGrid .slick-cell{ padding-left:0.1px; padding-right:0.1px}
.BlockWatchDetailsOneinner img{ float:right }
.BlockWatchDetailstwoinner img{ float:right }
.ListingLastTradedPage .BlockLastTrade{ list-style:none; float:right;  padding: 0px;padding-left: 4em;}
.ListingLastTradedPage .BlockLastTrade:nth-child(1){ padding-right:0px}
.ListingLastTradedPage{ background-color:#f0f0f0; border: 1px solid #d2d3d6;padding: 2px 25px 13px 0px;margin: 25px 0px;}
.securities.listing .ToggleButtons .View{padding-left:0px !important;} 
.BlockWatchLogo{ background-color: #FFFDFD;   box-sizing: border-box !important;    border: 1px solid #a5a5a5;padding: 0 !important;}
.BlockWatchLogoinner{position: relative;}
.graph-icon{height: 17px;width: 19px;display:block;position:absolute;bottom: 8px;left: 5px;cursor: pointer;}
.grid-graph-icon{  height: 17px; width: 19px;display: inline-block; cursor: pointer; margin: 7px;}
.grid-symbol-icon{width: 75px; margin:7px 0px; height: 20px;}
.BlockWatchDetails{padding: 0 !important;background-color:#f0f0f0}
.BlockWatchDetailsOne table{}
.BlockWatchDetailsOneinner{border-right: 13px solid #F7F7F7;}
.BlockWatchDetailstwoinner{border-left: 15px solid #F7F7F7!important}
.BlockWatchDetailsOneinner, .BlockWatchDetailstwoinner{height: 290px;overflow: auto;    background-color: #dbdbdb;}
.BlockWatchDetailsOneinner{border-left: 8px solid #F7F7F7;    border-right: 17px solid #F7F7F7;text-align: center;overflow: auto;    background-color: #dbdbdb;}
.BlockWatchDetailsOne{background-color: white;  font-size: 0.9em;box-sizing: border-box; padding: 0 !important; border-left: 0px solid black;}
.BlockWatchCont{ box-sizing:border-box}
.MarketWatchResults:nth-child(odd) .BlockWatch{border-left: 10px solid #F7F7F7; }
.MarketWatchResults .BlockWatch{border-bottom: 30px solid #F7F7F7; }
.BlockWatchList{background-color: #F7F7F7;}
.BlockWatch:last-child{}
.TradePart table tr td:first-child{  padding-left: 2em;}
.TradePart table tr td:nth-child(2){  padding-left: 0.5em;}
.WatchHeader .ClickToCol img{float:left; cursor:pointer}
.companyNameTileView{color:#333333; text-align: center;padding:5px 0;border-bottom: 1px solid #666666;height: 35px;margin:0 auto; width:90%}
.companyLogoA{ display: block; text-align:center}
#MarketWatchRegularTile .TradePart{background-color: #1E448C;padding: 10px;padding-bottom: 0;    height: 160px;direction: rtl;}
.graph-icon:after{ content:"\f0c9"; font-size:20px; color:#d8dfeb}
.bidOrderHeader{     background-color: #1e448b; color:#ffffff !important}
.bidOrderHeader th{     padding: 10px 0 !important; color:#ffffff}
.PriceHeader{     background-color: #838383; }
#MarketWatchRegularTile .BlockWatchDetailstwoinner td:first-child,#MarketWatchRegularTile .BlockWatchDetailsOneinner td:first-child{border-right: 1px solid #ededed !important; }
#MarketWatchRegularTile .BlockWatchDetailstwoinner td,#MarketWatchRegularTile .BlockWatchDetailsOneinner td,#MarketWatchRegularTile .BlockWatchDetailstwoinner td a,#MarketWatchRegularTile .BlockWatchDetailsOneinner td a{color:#333333 !important; }
#MarketWatchRegularTile .PriceHeader td{color:#ffffff !important; padding: 10px 0 !important;}
#MarketWatchRegularTile .LogoPart{height: 60px}   
#MarketWatchRegularTile .LogoPart img{ max-width: 100%;}     
@media only screen and (max-width: 1120px)
{
 #MarketWatchRegularTile .TradePart{ height:175px;}
 .BlockWatchDetailsOneinner, .BlockWatchDetailstwoinner { height: 305px;}
}
@media only screen and (max-width: 991px)
{
 .BlockWatchDetailsOneinner, .BlockWatchDetailstwoinner { border:none !important}
}
/** End Market Indices - Market Watch Tile View***/


/**** Geer Change Postion ***/
.browseMode .ms-siteactions-normal{padding-top: 2px;}
.loggedin{padding-left:30px}
.browseMode .ms-siteactions-root{ top: 39px !important;left: 80px !important;background-color: white; height: 34px !important; right:auto !important}
/**** End Geer Change Postion ***/

/*** Wiki Design****/
.wiki-navigation #topNavigation { padding: 7px 12px !important;font-size: 1em !important; border-top: 1px dashed;margin-top: 10px;background-color: transparent;}
.wiki-navigation #topNavigation a.listingNav{ display:block;    margin-bottom: 5px;}
.wiki-navigation #topNavigation .sep{ display:none}

/*** End Wiki ***/

/**** Search box for FAQ and Services ***/
.searchBoxSelect{width: 100%;height: 40px;margin-bottom: 20px;border: 1px solid #b8b8b8;background-color: #f4f4f4;color: #333333;font-family: Tahoma;font-size: 1.1em;padding: 0 10px;background: url("/_layouts/15/STYLES/ADX/Images/SelectBackground.png"); background-repeat: no-repeat;background-position: left center;background-size: 30px 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
/**** End Search box for FAQ and Services ***/


/*** Chart Center ***/
#chartSelectCategory .searchBoxSelect{ height:38px;background-color: #f4f4f4;}
#ChartSearchBox{ width:93%;background-color: #fbfbfb;}
.selectCategoryResource h3{color: #333333;font-size: 1.8em;}
#ChartSearchBox{ width:100%;background-color: #fbfbfb;background-image: url('/Style Library/ADXHelpers/en-us/images/RCSearch.png');background-repeat: no-repeat;background-position: left;}

/*** End Chart Center ***/


/**** highlight Select2 Selections ****/

.select2-container--default .select2-results__option[aria-selected=true] {background-color: #A5A0A0; color:white}

/**** highlight Select2 Selections ****/

/**** SlickGrid Pager Styles****/
.slick-pager .slick-pager-settings{display:none}
.slick-pager .slick-pager-status{display:none}
.slick-pager{ width: 100%;height: auto;border:0; background:none;margin-top: 5px; }
.ui-state-default.ui-corner-all.ui-icon-container{border-color: transparent;border: none;border-radius:0;}
.ui-icon.ui-icon-seek-first{display:none; background-image:url('/_layouts/15/STYLES/ADX/Images/Next-Next.png'); background-repeat:no-repeat; background-size: 100%;width: 27px;height: 27px;background-position: inherit;}
.ui-icon.ui-icon-seek-first.ui-state-disabled{display:none; background-image:url('/_layouts/15/STYLES/ADX/Images/Next-Next-Disable.png'); background-repeat:no-repeat; background-size: 100%;width: 27px;height: 27px;background-position: inherit;}
.ui-icon.ui-icon-seek-end{ display:none;background-image:url('/_layouts/15/STYLES/ADX/Images/Previous-Previous.png'); background-repeat:no-repeat; background-size: 100%;width: 25px;height: 25px;background-position: inherit;}
.ui-icon.ui-icon-seek-end.ui-state-disabled{ display:none;background-image:url('/_layouts/15/STYLES/ADX/Images/Previous-Previous-Disable.png'); background-repeat:no-repeat; background-size: 100%;width: 24.5px;height: 24.5px;background-position: inherit;}
.ui-icon.ui-icon-seek-prev{background-image:url('/_layouts/15/STYLES/ADX/Images/Next.png'); background-repeat:no-repeat; background-size: 100%;width: 24.5px;height: 25px;background-position: 100%; }
.ui-icon.ui-icon-seek-prev.ui-state-disabled{background-image:url('/_layouts/15/STYLES/ADX/Images/Next-Disable.png'); background-repeat:no-repeat; background-size: 100%;width: 24.5px;height: 25px;background-position: 100%;}
.ui-icon.ui-icon-seek-next{background-image:url('/_layouts/15/STYLES/ADX/Images/Previous.png'); background-repeat:no-repeat; background-size: 100%;width: 24.5px;height: 24.9px;background-position: 100%;}
.ui-icon.ui-icon-seek-next.ui-state-disabled{background-image:url('/_layouts/15/STYLES/ADX/Images/Previous-Disable.png'); background-repeat:no-repeat; background-size: 100%;width: 24.5px;height: 24.9px;background-position: 100%;}
.pageNumber{cursor:pointer ;border: 1px solid #002F64;width: 24.5px;height: 24.5px;display: inline-block;text-align: center; color:#333333; margin-left:2px;padding: 3px 0;box-sizing: border-box !important; }
.pageNumber.selected{ background-color:#1D438A; color:white }
.paginationContainer{ position: relative;top: -7px;}
.slick-pager-nav .ui-state-default.ui-corner-all.ui-icon-container{ cursor:pointer}
.slick-pager-nav .ui-state-default.ui-corner-all.ui-icon-container:nth-child(2){ margin-left:4px;margin-right: 0px;}
.slick-pager-nav .ui-state-default.ui-corner-all.ui-icon-container:nth-child(1){ margin-right:0px; display:none}
.slick-pager .slick-pager-nav{ padding-right:0px; float:right; direction: rtl;}
/**** End SlickGrid Pager Styles****/


/*** Stock Screener Pagination ***/
.pagination .prev, .pagination .next{ height:24px; width:24px;background-color: #1e448b!important;border: 1px solid #1e448b;}
.pagination .prev:after{content: "\f061";color: #ffffff;font-size: 15px; }
.pagination .next:before{content: "\f060";color: #ffffff;font-size: 15px; }
.pagination .current.prev, .pagination .current.next{ background-color:#B0B0B0 !important; border-color:#B0B0B0 !important}
.pagination a, .pagination span{  float:right !important;height:24px; width:24px;border: solid 1px #1e448b !important; color:#333333 !important; text-align:center; padding: 0.2em 0em !important;font-size: 1.2em;}
.pagination .current{background: #1e448b !important;color:white !important;border: solid 1px #1e448b !important;}
/*** End Stock Screener Pagination ***/

/**** Search Content Query Styles ***/
.rowpublication  .ms-srch-hover-outerContainer{    top: 0 !important;right: 100% !important;  }
.hoverPosition .ms-srch-hover-outerContainer{right:50% !important;  }
.newsPage .ms-srch-hover-outerContainer{ width:500px !important}
.newsPage .ms-srch-hover-outerContainer > div { width:100% !important}
.newsPage .ms-srch-hover-viewerContainer.ms-srch-hover-siteViewerContainer,.newsPage .ms-srch-hover-viewerContainer.ms-srch-hover-siteViewerContainer > div {width:100% !important }
.newsPage .ms-srch-hover-viewerContainer.ms-srch-hover-siteViewerContainer{ height:324px !important}
.newsPage .ms-srch-hover-viewerContainer.ms-srch-hover-siteViewerContainer > iframe{transform: scale(0.38, 0.36) !important;}
.publicationsPagewithHover .ms-srch-hover-outerContainer{ top:-50% !important}
.publicationsPagewithHover:nth-child(4n) .ms-srch-hover-outerContainer{ right:30% !important}
.onlyForNews .ms-srch-hover-outerContainer{ top:-80% !important}

@media screen and (max-width: 860px)
{
 .ms-srch-hover-outerContainer {display:none !important;}
}

/****End Search Content Query Styles ***/

/*** Display English Or Arabic **/
.EnglishDisplay{ display:none}
.ArabicDisplay{ display:inline-block}

/*** End Display English Or Arabic **/

/*** Marquee**/
.MarStocks .ChangeGreen { padding: 0px 16px;}
/**end Marquee**/

/**** Order Popup ***/
.OrderBookMarketWatch{   margin: 0 -20px;}
.OrderBookMarketWatch,.OrderBookMarketWatch .BlockWatchDetailsOneinner{    background-color: #F7F7F7;}
.OrderBookMarketWatch .BlockWatchDetailsOneinner, .OrderBookMarketWatch .BlockWatchDetailstwoinner{ height:auto}
.OrderBookMarketWatch.BlockWatchDetailsOne .TopHeaderWatch{    text-transform: uppercase;
    font-weight: bold;
    color: #333333;
    font-size: 1em;
    background-color: #cac8c8;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;}

.OrderBookMarketWatch tr:first-child td {
    padding: 10px 0 8px 0px !important;
    color: #333333;
    font-size: 1em;
    background-color: #cac8c8;
    border-bottom: 1px solid #f7f7f7;
}
.OrderBookMarketWatch tr td {     background-color: #b9d2d9;
    height: 23px;
    width: 50%;
    padding: 5px 0; color:black}
.ms-dialog .Container{ min-height:50px !important; padding-bottom:0px}
.ms-dialog .s4-wpcell-plain.ms-webpartzone-cell.ms-webpart-cell-vertical.ms-fullWidth{ margin:0px}
.OrderBookMarketWatch .MarketWatchOrderBook-Content td:first-child{ border-left:1px solid white}
  /**end Order Popup**/
  
 /*** Market Watch Dialog ***/
.marketWatchDialog .TableHeaders tr td,
#MarketWatchRegularTile .BlockWatchDetails tr td,
.OrderBookMarketWatch .MarketWatchOrderBook-Content tr td
{ text-align:left; padding-left:10px}
.marketWatchDialog .market-by-price-container .branch-list-tb tr td:last-child{text-align:left !important}
.marketWatchDialog .market-by-price-container .branch-list-tb tr:last-child td:last-child{padding-left:10px}
.marketWatchDialog .TableHeaders tr:last-child td,.OrderBookMarketWatch .MarketWatchOrderBook-Content .HeaderTableWatch td,#MarketWatchRegularTile .HeaderTableWatch.PriceHeader td{ text-align:center; padding-left:0}
.marketWatchDialog .TableHeaders tr:last-child td:first-child{ padding-left:10px; padding-right:10px}
/*** End Market Watch Dialog ***/