@font-face {
    font-family: 'GESSTwoBold-Bold';
    src: url('../fonts/GESSTwo-Bold/GESSTwoBold-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GESSTwo-Bold/GESSTwoBold-Bold.otf') format('opentype'), url('../fonts/GESSTwo-Bold/GESSTwoBold-Bold.woff') format('woff'), url('../fonts/GESSTwo-Bold/GESSTwoBold-Bold.ttf') format('truetype'), url('../fonts/GESSTwo-Bold/GESSTwoBold-Bold.svg#GESSTwoBold-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GESSTwoLight-Light';
    src: url('../fonts/GESSTwo-Light/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GESSTwo-Light/GESSTwoLight-Light.otf') format('opentype'), url('../fonts/GESSTwo-Light/GESSTwoLight-Light.woff') format('woff'), url('../fonts/GESSTwo-Light/GESSTwoLight-Light.ttf') format('truetype'), url('../fonts/GESSTwo-Light/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto/Roboto-Light.eot');
    src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Light.woff') format('woff'), url('../fonts/Roboto/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto/Roboto-Light.svg#Roboto-Light') format('svg');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
}

@font-face {
    font-family: 'RobotoThin';
    src: url('../fonts/Robotothin/Roboto-Thin.eot');
    src: url('../fonts/Robotothin/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Robotothin/Roboto-Thin.woff') format('woff'), url('../fonts/Robotothin/Roboto-Thin.ttf') format('truetype'), url('../fonts/Robotothin/Roboto-Thin.svg#Roboto-Thin') format('svg');
}

@font-face {
    font-family: 'GESSTwoLight-Light';
    src: local("Arial");
    unicode-range: U+30-39;
}

 @font-face{
        font-family:"ADXFont1";
        src:url("../fonts/5174592/66b1ce2c-2f3f-4d80-a5b8-9a5bfd9b7d8b.eot?#iefix");
        src:url("../fonts/5174592/66b1ce2c-2f3f-4d80-a5b8-9a5bfd9b7d8b.eot?#iefix") format("eot"),url("../fonts/5174592/e98617f6-0175-4841-ba19-9ce012f6fca7.woff") format("woff"),url("../fonts/5174592/bfb5da18-e027-4789-904b-31c3fbc1de9b.ttf") format("truetype");
}
 
 
 @font-face{
        font-family:"ADXFont2";
        src:url("../fonts/726702/a9c47d30-0eca-434f-8082-ac141c4c97b3.eot?#iefix");
        src:url("../fonts/726702/a9c47d30-0eca-434f-8082-ac141c4c97b3.eot?#iefix") format("eot"),url("../fonts/726702/26c24286-5aab-4747-81b9-54330e77fb14.woff") format("woff"),url("../fonts/726702/9c4c7fff-85b6-442f-9726-af5f49d49e53.ttf") format("truetype");
    
 }
 

@font-face {
    font-family: 'ADXFontNumbers';
	src: local("ADXFont1");
    src: local("Helvetica Neue");
	src: local("Helvetica");
	src: local("Arial");
	src: local("sans-serif");
    
}

/* Bootstrap hack */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


* {
    font-family: ADXFont1,ADXFont2,"GE SS Two Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.title, .btn{
	
}

.body{
	
}

a {
    color: #1e448c;
    text-decoration: none;
}

a:hover {
    color: #924996;
    text-decoration: none;
}


a:visited {
    color: #1e448c;
}

a.nav  , a.nav:visited{
   color: #ffffff;
   text-decoration: none;
}

a.nav:hover{
   color: #924996;
   text-decoration: none;
}

.figure{
	direction:ltr !important;
	display:inline-block;
	text-align:right;
}

.alignGridTextCell.figure{
	direction:rtl !important;
}

.groupTitleCssClass.figure{
	direction:rtl !important;
}

.greenNumber {
    color: green;
}

.redNumber {
    color: red;
}

.zeroNumber {
}

#s4-workspace {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:  -ms-autohiding-scrollbar;
}


.select2-hidden-accessible {
    width: 1px;
}

.clear_input_div input#fromInput {
    background: #fbfbfb;
}

.from-to-outlabel {
    float: right;
}
/* Select2*/
.listedCompany .select2-search__field {
    width: auto !important;
}

#ar-SA {
    display: none;
}

.breadcrumb {
    margin: 26px 0px 12px 0px;
    list-style: none;
    background-color: transparent;
    border-bottom: 1px solid;
    border-radius: 0;
    padding: 6px 0;
    font-size: 1.1em;
    color: #666666;
}

*:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: normal;
}

*:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: normal;
}

.breadcrumb a {
    color: #333333;
    text-transform: uppercase;
}

.breadcrumb .breadcrumb-sep:before {
    content: "\f060";
    transform: scale(1.4,1.0);
    margin: 0px 13px;
    font-size: 1em;
    font-weight: normal;
    color: #565656;
}

.breadcrumb > li {
    display: inline-block;
}


#s4-bodyContainer {
    background-color: #ffffff;
	padding-bottom: 0;
	overflow:hidden;
	 
}

.Container {
    padding: 0 80px 20px 5px;
}

#twitter-widget-0 {
    width: 100% !important;
}
/*web part zones*/

/* bootstrap fix for responsive images. eg: legislation page*/
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: auto \9;
}

.ms-webpart-zone {
 display: block;
}

* [class^="col-"] .ms-webpart-zone.ms-webpart-zone, * [class^="col-"] .ms-webpart-cell-vertical, * [class^="col-"] .ms-webpart-chrome-vertical {
    display: block; /*forces zone to stay within confines of responsive zone*/
}

* [class^="col-"] .ms-WPBody > table, * [class^="col-"] .ms-WPBody > table > tbody, * [class^="col-"] .ms-WPBody > table > tbody > tr, * [class^="col-"] .ms-WPBody > table > tbody > tr > td {
    display: block;
    width: 100%;
}

    * [class^="col-"] .ms-WPBody > table img {
        width: 100%; /*reset back to bootstrap for web part images*/
    }

.ms-SPZone.ms-webpart-zone {
    padding: 5px;
}

.ms-SPZone > .s4-wpcell, .ms-SPZone > .s4-wpcell-plain, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell-plain {
    padding: 5px 5px 10px;
}

#MSOZoneCell_WebPartWPQ9{
	margin-bottom:0px;  /*fix filter control bottom issue home page , general index*/
}

/*web part properties*/

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	font-size: 2.1em;
    font-weight: 400;
}

.header-block {
    position: relative;
}

.banner-wp {
    max-height: 190px;
    overflow: hidden;
}

.PageMode .banner-wp img {
    width: 100%;
}

.header-block .containerblock {
    font-size: 14px !important;
}

.header-block .containerblock {
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 0;
	margin-right: 60px;
}

.EditMode .header-block .containerblock {
    position: relative !important;
    background-color: #747474 !important;
}


.logo {
    float: right;
    position: relative;
}

.navLogo {
    position: absolute;
    top: 11px;
    right: 80px;
}

@media only screen and (min-width:991px) {
    .logo.active {
        position: fixed;
    }

    .menufooter {
        position: absolute;
        bottom: 35px;
        left: 0;
    }
}

@media only screen and (max-width:990px) {
    .logo a img, .navLogo a img {
        display: none;
    }

    .logo a:before {
        content: url('/PublishingImages/logo-mobile.png');
        display: inline-block;
    }
}


.highlight {
    background-color:yellowgreen;
}

		.adxbtn {
			border: 1px solid #1f4188;
			border-radius: 35px;
			min-width: 150px;
			padding: 8px;
			background: transparent;
			color: #1f4188;
			text-transform:uppercase;
		}
		.adxbtn:hover {
			background: #1f4188;
			color: #fff;
		}
		.adxbtn.alt {
			color: #fff;
			background: #1f4188;
		}
		.adxbtn.alt:hover {
			background: transparent;
			color: #1f4188;
		}
		.adxbtn.btn-sm {
			padding: 5px;
			min-width:100px;
		}

#AfterHeaderBanner	{

}	

#SectionThreeColumns	{
margin-top:20px;
}

#AfterThreeColumns	{
margin-top:20px;
}	

		
/******************************************		Landing Listing Links   **********************************************/

.LandingPage_SecurityRequirements {
}

    .LandingPage_SecurityRequirements .LandingPage_Title {
        font-size: 1.3em;
        color: #333333;
        text-transform: uppercase;
    }

    .LandingPage_SecurityRequirements .LandingPage_LinksItems {
        padding: 10px 0;
    }

        .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem {
            position: relative;
            overflow: hidden;
            margin-bottom: 20px;
        }

            .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem .LandingPage_ItemIcon {
                height: 130px;
                background-position: center center;
                background-repeat: no-repeat;
                background-image: url("/_layouts/15/STYLES/ADX/Images/SecLinks.png");
                background-color: #e5e5e5;
            }

            .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem .LandingPage_ItemTitle {
                text-align: center;
                background: #1e448b;
                padding: 5px;
                height: 50px;
                display: table;
                width: 100%;
                float: left;
            }

                .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem .LandingPage_ItemTitle a {
                    display: table-cell;
                    vertical-align: middle;
                    color: white;
                }

            .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem .LandingPage_OnHoverBg {
                position: absolute;
                top: 100%;
                background: #1e448b;
                background: #1e448b;
                width: 100%;
                min-height: 180px;
                right: 0;
                display: table;
                text-align: center;
                transition: all 1s ease-in-out;
				opacity:.5;
            }

                .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem .LandingPage_OnHoverBg a {
                    display: table-cell;
                    vertical-align: middle;
                    color: white;
                }

				 .LandingPage_LinkImage  {
					width: 75px;
					height: 75px;
					background: url('../images/hover_overlay.png') right top no-repeat;
					vertical-align: middle;
					display:inline-block;
                }
@media only screen and (min-width:990px) {
    .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem:hover .LandingPage_OnHoverBg {
        top: 0;
    }
}


/******************************************		End Landing Listing Links   **********************************************/

/************Left Naviagation ********************/
.left-menu-btn:before {
    content: "\f177";
    color: white;
}

.leftsection {
    background-image: url("/_layouts/15/STYLES/ADX/Images/Menu-BG.jpg");
    width: 320px;
    z-index: 100;
    position: fixed;
    right: -260px;
    top: 0;
    bottom: 0;
    padding-top: 20px;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.menuclick {
    display: block;
    float: left;
    text-align: center;
    width: 60px;
    margin-top: -19px;
    padding-top: 19px;
    color: #fff !important;
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
}

    .menuclick span {
        height: 2px;
        background-color: #ffffff;
        margin-bottom: 3px;
        display: block;
        width: 26px;
        margin-left: auto;
        margin-right: auto;
    }

    .menuclick i {
        display: none;
    }

.leftnav {
    margin-top: 60px;
    margin-left: 0px;
    min-height: 339px;
}

#sideNavBox {
    display: none;
}

.leftsection.active {
    right: 0;
    height: auto;
    bottom: 0;
}

    .leftsection.active .menuclick {
        float: right;
        margin-left: auto;
        margin-right: 10px;
    }

        .leftsection.active .menuclick span {
            display: none;
        }

        .leftsection.active .menuclick i {
            display: inline-block;
        }

    .leftsection.active .leftnav {
        margin-right: 0px;
        margin-left: 0;
    }

    .leftsection.active #sideNavBox {
        display: block;
    }



.adxsocials span {
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 16px;
    color: #1e448b;
    display: inline-block;
}

.adxsocials li.SocialLink {
    display: block;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 10px;
}

.EnglishDisplay {
    display: none !important;
}

.uaeflag {
    text-align: left;
    padding-left: 8px;
    padding-bottom: 10px;
}

.leftsection.active .adxsocials {
    text-align: center;
}

    .leftsection.active .adxsocials li.SocialLink {
        display: inline-block;
        margin-left: 5px;
        padding: 0;
    }

.leftsection.active .uaeflag {
    text-align: center;
    padding-right: 0px;
    padding-left: 0;
}

.leftsection .uaeflag .Language a {
    color: white;
    font-weight: bold;
}

    .leftsection .uaeflag .Language a:visited {
        color: white;
        font-weight: bold;
    }

    .leftsection .uaeflag .Language a:hover {
        color: white;
        font-weight: bold;
    }

.leftsection.active .navborder-sep {
    width: 80%;
    border-bottom: 1px solid #ffffff;
    margin: 0 auto 10px auto;
}

.copyright {
    display: none;
}

.leftsection.active .copyright {
    color: #ffffff;

    text-align: center;
    display: block;
    padding: 0 10px;
}

/*
@media only screen and (max-width:1000px){
.header-block .containerblock{position:static; background-color:#515151;}
.logo{ position:absolute; top:10px;}
.toprightsection{ position:absolute; top:0; right:80px;}	
}*/



.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
    color: #ffffff;

    padding: 5px 80px 5px 5px;
    font-size: 1.3em;
    white-space: nowrap;
}

    .ms-core-listMenu-verticalBox > .ms-core-listMenu-item:hover, .ms-core-listMenu-verticalBox li.static:hover > .ms-core-listMenu-item {
        color: #ffffff;
        background-color: #426dbe;
    }

.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
    color: #ffffff;
    background-color: #426dbe;
}

.ms-core-listMenu-root, .ms-core-listMenu-root ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ms-core-listMenu-verticalBox li.static {
    position: relative;
}

    .ms-core-listMenu-verticalBox li.static ul {
        position: absolute;
        display: none;
        top: 0;
        right: 100%;
        background-color: #426dbe;
    }

        .ms-core-listMenu-verticalBox li.static ul li a {
            border-top: 1px solid #ffffff;
            padding: 5px 10px !important;
            min-width: 160px;
            font-size: 1.15em !important;
        }

            .ms-core-listMenu-verticalBox li.static ul li a:hover {
                color: #000000 !important;
            }

        .ms-core-listMenu-verticalBox li.static ul li:first-child a {
            border-top: 0;
        }

    .ms-core-listMenu-verticalBox li.static:hover ul {
        display: block;
    }

#sideNavBox {
    margin: 0;
    width: 100%;
}

/************Left Naviagation Ends ********************/



/*******Search CSS******/
.toprightsection {
    float: left;
    padding-top: 15px;
    padding-bottom: 18px;
	margin-left:60px;
}

.search-wp {
    display: inline-block;
    float: right;
    margin-top: 8px;
}

.gosearch {
    display: inline-block;
    float: left;
}

.gosearch::before {
	content: "\f002";
    color: #1f4188;
    border: 1px solid #1f4188;
    border-radius: 35px;
    width: 50px;
    padding: 6px;
    display: inline-block;
    font-size: 25px;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a.js-search.gosearch:hover{
 background:#1f4188;
 border-radius: 35px;
}

a.js-search.gosearch:hover::before{
color:#FFFFFF;
}


.search-blockin .ms-srch-sb > .ms-srch-sb-searchLink {
    background: url('../images/gosearch.png') left top no-repeat;
    width: 34px;
    height: 35px;
    border: 0;
}

.search-blockin {
    float: left;
    display: none;
}

    .search-blockin .ms-srch-sb > .ms-srch-sb-searchLink {
        display: none;
    }

    .search-blockin .ms-srch-sb > input {
        width: 150px;
        background-color: #eaeaea;
        height: 35px;
        margin: 0;
        padding: 2px 6px 2px 0px;
        color: #333333;
        box-sizing: border-box;
    }

    .search-blockin .ms-srch-sb-border {
        border: 0 !important;
    }

    .search-blockin .ms-srch-sb-searchImg {
        display: none;
    }



/*********Quote**** Melick Comment Out ****/
/**
.quote-wp {
    color: #1e448c;
    font-family: 'Tahoma';
}

.quote-up {
    background: url('../images/up-quote.png') right top no-repeat;
}

.quote-down {
    background: url('../images/down-quote.png') left bottom no-repeat;
    padding: 26px 18px 32px 26px;
    font-size: 1.8em;
    text-align: center;
    font-weight: bold;
}

.quote-wp label {
    color: #333333;
    font-size: 1.0em;
    margin-top: 5px;
    position: relative;
    padding-right: 32px;
    min-height: 88px;
    display: block;
    font-weight: normal;
    font-style:italic;
}

    .quote-wp label::before {
        position: absolute;
        width: 10px;
        height: 10px;
        right: 0;
        top: 5px;
        background-color: #ffffff;
        content: "";
    }
**/
/*********Quote**** Melick Comment Out ****/	
	
/*********Grids**********/
.girdheader {
    margin: 0;
    padding: 0 0 13px 0;
    color: #333333;
    font-weight: normal;
    font-size: 1.6em;
    text-transform: uppercase;

}

.gridtable {
    
}

    .gridtable table {
        border: 0px solid #ffffff;
        color: #ffffff;
        font-size: 1em;
    }

    .gridtable td {
        padding: 3px 10px;
    }

.lastright tr td:last-child {
    text-align: left;
}

/**************Login **********************/


.login-wp {
    float: left;
    margin-right: 10px;
    padding-top: 5px;

    position: relative;
}

    .login-wp a.js-login {
        text-transform: uppercase;
        font-size: 1.2em;
        color: #ffffff;
        display: inline-block;
		background: #1f4188;
		border: 1px solid #1f4188;
		border-radius: 35px;
		width: 100px;
		padding: 8px;
		text-align: center;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
    }

	.login-wp a.js-login:hover {
        color: #1f4188;
        display: inline-block;
		background: transparent;;
	}
	
        .login-wp a.js-login i {
            margin-left: 5px;
            font-size: 15px;
        }


.UserImage {
    display: none;
}

.loginTable .adxbtn.alt {
    min-width: 90px !important;
    padding: 5px;
} 

.login-wp a.js-login i {
    transform: rotate(0deg);
}

.login-wp input[type=text], .login-wp input[type=password] {
    background-color: #e5e5e5;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;
    font-size: .85em;
    right: -35px;
	
}

.js-login-block {
    position: absolute;
    z-index: 225;
    top: 60px;
    left: -34px;
    background-color: #ffffff;
    display: none;
	box-shadow: 0 0 14px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 20px;
	width: 300px;
}

    .js-login-block:before {
        content: "";
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #ffffff;
        position: absolute;
        left: 73%;
        margin-left: -2px;
        top: -5px;
    }

.login-wp input[type=text], .login-wp input[type=password] {
    background: transparent;
    padding: 10px;
    border: 2px solid rgba(0,0,0,0.1);
    border-radius: 5px !important;
	color:rgba(68, 68, 68, 0.51);
}	

.login-forgotpassword {
    margin: 10px 0;
}
	
.login-forgotpassword i:before {
    color: rgba(101, 101, 101, 0.93);
    font-size: 1.4em !important;
    padding-right: 10px;
    line-height: 1.4em;
}	
	
.login-forgotpassword a, .login-remember, .logintd a {
    color: #666666;
    text-decoration: underline;
	font-size: 1em;
    line-height: 1.6em;
}

.login-remember {
    padding-top: 5px;
    padding-bottom: 5px;
}

.loginBackground {
    display: inline-block;
    position: relative;
    top: -3px;
}

.login-remember input[type=checkbox] {
    margin-right: 15px;
}

.login-remember label {
    margin: 0;
    line-height: normal;
    font-weight: normal;
}

.login-remember input {
    margin-left: 5px;
}

.logintd {
    border-left: 1px solid #919191;
    padding-top: 3px;
	text-align: center;
}

    .logintd .fa {
        transform: rotate(-180deg);
    }

        .logintd .fa:before {
            font-size: 23px;
        }

.JoinUsImage {
    background-color: #4d5e82;
    padding: 3px 6px;
    color: #ffffff;
    display: inline-block;
}

    .JoinUsImage:before {
        content: "انضم إلينا";
    }

    .JoinUsImage:hover {
        text-decoration: none;
        color: #ffffff;
    }

.logintd.btn.adxbtn.alt {
    min-width: 120px !important;
}

.logintd.btn.adxbtn.alt a {
    color: #fff;
}

.logintd.btn.adxbtn.alt a:hover {
   Color:#1f4188;
}

.btn.adxbtn.alt.JoinUsImage {
    background: #924996;
    min-width: 120px !important;
    padding: 9px;
}
	
.login-lblError {
    color: #924996;
    font-size: .9em;
}

.loggedin {
    color: #1E448C;
    font-size: 1.2em;
    padding-top: 12px;
}

.marketlogin .loggedin, .marketlogin .login-wp a.js-login {
    color: #333333;
}


@media only screen and (max-width:990px) {
    .toprightsection {
        float: none;
    }

    .search-blockin .ms-srch-sb > .ms-srch-sb-searchLink {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .search-blockin {
        display: block !important;
        float: none;
    }

    .gosearch {
        display: none;
    }

    .login-wp {
        float: none;
        text-align: center;
        color: #113578;
    }

    .loggedin {
        color: #1f4188;
    }

    .search-wp {
        float: none;
        display: block;
    }

    .logo {
        float: none;
        text-align: center;
    }

    .header-block .containerblock {
        position: relative;
        padding: 0 15px;
		
    }
	
	@media only screen and (max-width:700px)
	{
		.header-block .containerblock {
			margin-left: 0;
		}
	}

    .section-content-two .TabsZone, .FooterLinks {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .banner-wp {
        display: none;
    }

    .search-wp #SearchBox {
        position: relative;
    }

    .search-blockin .ms-srch-sb > input {
        width: 100%;
        padding-right: 40px;
    }

    .search-blockin .ms-srch-sb {
        display: block;
    }

    #home .select2-container {
        width: 70% !important;
    }


	.js-login-block {
		right: 15%;
		margin-left: -70px;
		text-right: left;
		width: 275px;
	}
	.js-login-block:before {
		left: 50%;
	}
	
}


/************ Most Active  ********************/
#topGainers .r0 .GreenArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png') right top no-repeat;
}

#topGainers .r0 .RedArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png') right top no-repeat;
}

#topGainers .r0 .RedArrow {
    color: #e9344c;
    position: relative;
}

#topGainers .r0 .GreenArrow {
    color: #3fbd6c;
    position: relative;
}

#topLosers .r0 .GreenArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png') right top no-repeat;
}

#topLosers .r0 .RedArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png') right top no-repeat;
}

#topLosers .r0 .RedArrow {
    color: #e9344c;
    position: relative;
}

#topLosers .r0 .GreenArrow {
    color: #3fbd6c;
    position: relative;
}

#mostActiveVolumeGrid .r0 .GreenArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png') right top no-repeat;
}

#mostActiveVolumeGrid .r0 .RedArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png') right top no-repeat;
}

#mostActiveVolumeGrid .r0 .RedArrow {
    color: #e9344c;
    position: relative;
}

#mostActiveVolumeGrid .r0 .GreenArrow {
    color: #3fbd6c;
    position: relative;
}

#mostActivebyValue .r0 .GreenArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png') right top no-repeat;
}

#mostActivebyValue .r0 .RedArrow:after {
    content: "";
    position: relative;
    top: 0px;
    margin-right: 11px;
    width: 10px;
    height: 10px;
    background: url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png') right top no-repeat;
}

#mostActivebyValue .r3 .GreenArrow {
    color: #3fbd6c;
    position: relative;
}

#mostActivebyValue .r0 .RedArrow {
    color: #e9344c;
    position: relative;
}

#mostActivebyValue .r0 .GreenArrow {
    color: #3fbd6c;
    position: relative;
}

.mostactive table {
    font-size: 1em;
	text-align:right;
	color:#FFFFFF;
}

.mostactive .VerticalTitle {
    font-size: 1.2em;
}

.mostactive table td {
    vertical-align: middle;
}

    .mostactive table td.NumberofDivs div {
        width: 15px;
        line-height: 15px;
        background-color: #20438a;
        border-radius: 15px;
        color: #ffffff;
        text-align: center;
    }

.mostactive td {
    padding: 4px 5px;
}

.MostActiveWebpart .GreenArrow {
    color: #3fbd6c;
    position: relative;
}

    .MostActiveWebpart .GreenArrow::after { /*border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #3fbd6c ;*/
        content: "";
        position: relative;
        top: 0px;
        margin-right: 11px;
        width: 10px;
        height: 10px;
        background: url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png') right top no-repeat;
    }

.MostActiveWebpart .RedArrow {
    color: #e9344c;
    position: relative;
}

    .MostActiveWebpart .RedArrow::after { /*border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #e9344c;*/
        content: "";
        position: relative;
        top: 0px;
        margin-right: 11px;
        width: 10px;
        height: 10px;
        background: url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png') right top no-repeat;
    }

.mostactivetabs li {
    display: inline-block;
    color: #ffffff;
}

    .mostactivetabs li span {
        display: inline-block;
        padding: 0 10px;
    }

    .mostactivetabs li a {
        font-size: 1.1em;
        text-transform: capitalize;
    }

.js-tab-blockin {
    display: none;
}

.mostactivetabs li a.active {
    font-weight: bold;
	background-color: #1e448c;
    color: #FFFFFF;
}


.bordertdbottom table {
    border-bottom: 0;
}

    .bordertdbottom table tr td {
        border-bottom: 1px solid #ffffff;
    }

.MorePart {
    display: block;
    padding-top: 5px;
}

    .MorePart a {
        color: #1c4085;
		display: inline-block;
		font-size: 2em;
    }

.nodatamostactive {
    max-width: 100%;
    min-height: 187px;
}


/****** Market Watcl link******/
.js-marketwatchlink {
    position: fixed;
    background: url('../images/marketwatchar.png') right top no-repeat;
    width: 35px;
    height: 185px;
    right: 100%;
    top: 15%;
    display: inline-block;
    z-index: 250;
    margin-right: -35px;
}

    .js-marketwatchlink.active {
        background: url('../images/marketwatch-on.png') right top no-repeat;
    }

.js-marketwatchcontent {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 110%;
    background-color: #e5e3e3;
    border-left: 35px solid #cccccc;
    z-index: 240;
    padding: 15px;
}


/************ home chart   ********************/
.highcharts-axis-labels.highcharts-xaxis-labels text {
    fill: gray !important;
    font-weight: normal;
}

.highcharts-data-labels.highcharts-tracker text {
    fill: gray !important;
    font-weight: normal;
	text-shadow:none !important;
}

.LoserBody.homechart .highcharts-tooltip path {
    stroke: #E9344C !important;
    color: white;
}

.LoserBody.homechart text tspan {
    fill: #e9344c !important;
}

.chart-select-label {
    padding: 6px 0;
    margin: 5px 4px;
}

.homechart .highcharts-container rect {
    fill: transparent !important;
}

.homechart .highcharts-series rect {
    fill: #1e448c !important;
    stroke: #ffffff !important;
    opacity: .8;
}

.LoserBody .highcharts-series rect {
  
}

.homechart .highcharts-axis-labels text {
    color: #000000 !important;
    fill: #000000 !important;
}

.homechart .highcharts-data-labels text {
    fill: #1e448c  !important;
}

.homechart .highcharts-legend rect {
    display: none;
}

.Top-Gainers-Chart, .Top-Losers-Chart {
    height: 173px;
    width: 100%;
}

.homechart .ms-webpartzone-cell {
    margin-bottom: 0;
}

.chartstabs {

}

    .chartstabs .homechart {

    }

.highcharts-container .highcharts-background {
    opacity: 0.9;
}

.homechart .highcharts-axis {
display:none;
}
.homechart .highcharts-button {
	display:none;
}

.homechart .highcharts-grid {
	display:none;
}

g.highcharts-data-labels.highcharts-tracker text tspan {
    font-size: 2em;
}

/************ END home chart   ********************/


.FooterLinks {
    background-color: #d9d9d9;
    padding: 7px 80px;
    text-align: center;
}

    .FooterLinks ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .FooterLinks .SocialLink {
        float: right;
        border-right: 1px solid #666666;
        padding: 0 3%;
    }

        .FooterLinks .SocialLink a {
            color: #666666;
            display: block;
            padding: 0px;
        }

    .FooterLinks li:first-child {
        border-right: 0;
    }

    .FooterLinks li.adxValue {
        float: left;
        padding-left: 0;
    }


#ms-designer-ribbon * {
    box-sizing: content-box;
}

.starFav {
    display: none;
}

.ms-signInLink {
    display: none !important;
}

.header-block .ms-webpart-chrome-vertical {
    display: block;
}


/*--------------------
**Marquee**
--------------------*/

/*Stocks**/
.MWatch .StockTitle {
    margin-bottom: -1px;
    min-height: 33px;
}

.MWatch .ms-webpartzone-cell {
    margin-bottom: 0;
}

.StockTitle {
    margin-bottom: -26px;
    overflow: hidden !important;
    min-height: 60px;
}

.Stocks {
    padding: 3px 16px;
}

.Green {
    color: #00e972;
}

.White {
    color: white;
}

.Red {
    color: red;
}

.MarStocks .parent-span {
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #FFFFFF;
    padding-left: 0px !important;
    padding-left: 91px;
    font-size: 1.1em;
}

.closeprice , .volume , .change {
	
}

.MarStocks .parent-span .symbol a:hover {
    color: #e9344c;
}

.MarStocks .parent-span .symbol a {
    color: #FFF;
}

    .MarStocks .parent-span:first-child {
        border-color: transparent !important;
    }

.MarStocks .change {
}

.MarStocks .At {
    display: none;
}

.MarStocks .changeval {
    margin-right: 12px;
    margin-left: 12px;
}
/*End Stocks**/
/*************** Stocks***************/
/*web part zones*/
* [class^="col-"] .ms-webpart-zone, * [class^="col-"] .ms-webpart-cell-vertical, * [class^="col-"] .ms-webpart-chrome-vertical {
    display: block; /*forces zone to stay within confines of responsive zone*/
}

* [class^="col-"] .ms-WPBody > table, * [class^="col-"] .ms-WPBody > table > tbody, * [class^="col-"] .ms-WPBody > table > tbody > tr, * [class^="col-"] .ms-WPBody > table > tbody > tr > td {
    display: block;
    width: 100%;
}

    * [class^="col-"] .ms-WPBody > table img {
        width: 100%; /*reset back to bootstrap for web part images*/
    }

.ms-SPZone.ms-webpart-zone {
    padding: 5px;
}

.ms-SPZone > .s4-wpcell, .ms-SPZone > .s4-wpcell-plain, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell-plain {
    padding: 5px 5px 10px;
}
/*web part properties*/
.Stocks {
    background-color: black;
    width: 76px;
    float: left;
    padding-left: 13px;
    color: white;
    font-weight: bold;
    height: 36px;
    display: none;
}

.MarStocks { /*width:93%;*/
    background-color: #1f4286;
    padding-top: 12px;
    padding-bottom: 10px;
    overflow: hidden !important;
    height: 46px;
}

.StockTitle {
    direction: ltr;
}

.black {
    color: black;
}

.red {
    color: #cb6b7f;
}

.green {
    color: green;
}

.MarStocks .ChangeGreen {
    background-image: url('/_layouts/15/STYLES/ADX/Images/Green-Arrow.png');
    background-repeat: no-repeat;
    padding: 0px 10px;
    background-position: -1px 4px;
    color: green;
    margin-left: 6px;
}

.MarStocks .ChangeRed {
    background-image: url('/_layouts/15/STYLES/ADX/Images/Red-Arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding: 0px 10px;
    color: red;
}

.MarStocks .parent-span .ChangeGreen {
    padding: 0px 6px 0 16px;
}

.MarStocks .parent-span .symbol {
    margin-left: 6px;
}
/*************** End Stocks***************/

/*--------------------
**End Marquee**
--------------------*/

/** --- Melick --- Hover **/

.landing_hovereffect {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  width:100%;
  max-height: 17vw;
}

.landing_hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.landing_hovereffect:hover .overlay {
  background-color: rgba(170,170,170,0.4);
}

.landing_hovereffect h2, .landing_hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.landing_hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.landing_hovereffect:hover img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.landing_hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 0px 0px 30px 0px;
  background: rgba(30, 68, 140, 0.8);
}

.landing_hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;

  position: absolute;
  top: 8%;
  left: 8%;
  padding: 70px;
  width:84%;
  height:84%;
}

.landing_hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.4);
}

/*---- END Hover-----*/

/*--------------------
**LatestNews** Melick
--------------------*/

.custom-widgets {
    width: 96%;
    margin: 0 auto;
}

.news-container {
	padding: 10px 2em 10px 2em;
}

.news-container-home {
	background: url('../images/newsbg1.jpg') right top repeat;
	min-height:400px;
}

.news-widget {
    padding-right: 4em;
}

.widget-title {
	
}

    .widget-title h2.title {
        text-transform: capitalize;
        padding: 0px 0;
        margin: 9px 0 0 0;
        font-size: 2.5em;
    }

    .widget-title span.title-line {
        border-bottom: 2px solid #1e448c;
        width: 13%;
        display: block;
        margin: 11px 0 0px 0;
    }

span.title-line {
    border-bottom: 2px solid #1e448c;
    width: 13%;
    display: block;
    margin: 11px 0 0px 0;
}

.news-widget-content {
}

.news-item-row {
    padding: 11px 0;
}

    .news-item-row .news-row-title a {
        color: #333;
    }

    .news-item-row .news-item-row-img {
        /* height: 98px; */
        /* width: 100%; */
        padding: 0;
    }

    .news-item-row .DISInvest {
        float: left;
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid black;
    }

    .news-item-row .news-item-row-img:before {
        content: "";
        position: absolute;
        background-image: url(/_layouts/15/STYLES/ADX/Images/img-transparent-layer.png);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .news-item-row .news-item-row-img img {
        width: 100%;
        height: auto;
        min-height: 99px;
    }

.news-item-row-text {
}

    .news-item-row-text .news-row-title {
        border-bottom: 1px solid #c9c9c9;
        font-weight: bold;
        font-size: 1.15em;
        margin-bottom: 4px;
        padding-bottom: 4px;
    }

    .news-item-row-text .news-row-description {
        font-size: 0.9em;
    }

        .news-item-row-text .news-row-description .news-row-date {
            color: #666666;
            display: block;
            margin: 0px 0;
            padding: 2px 0;
        }

            .news-item-row-text .news-row-description .news-row-date:before {
                content: "\f073";
                color: #1E448C;
                font-size: 0.98em;
                display: inline-block;
                margin: 0 4px 0 0;
                padding: 0;
                font: normal normal normal 14px/1 FontAwesome;
            }

        .news-item-row-text .news-row-description .news-row-details {
            color: #999999;
        }

		.news-widget .seeall {
			
		}
		
.item-link {
}

    .item-link:before {
        content: " More ";
        color: #D23A58;
        margin: 0 4px;
    }

    .item-link:after {
        content: " [ \f067  ] ";
        color: #1E448C; /* font-size: 0.5em; */
        display: inline-block;
        margin: 0 4px 0 0;
        padding: 0;
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: normal;
        font-size: 10px;
        color: #d23a58;
        font-weight: normal;
    }

.view-all {
    color: #1e448c !important;
    cursor: pointer;
    text-transform: uppercase;
}

    .view-all:after {
        content: "\f178";
        color: #1E448C;
        font-size: 0.98em;
        display: inline-block;
        margin: 0 4px 0 0;
        padding: 0;
        font: normal normal normal 10px/1 FontAwesome;
        margin-left: 15px;
        -webkit-transform: scale(2.0, 1.0);
        -moz-transform: scale(2.0, 1.0);
        -ms-transform: scale(2.0, 1.0);
        -o-transform: scale(2.0, 1.0);
        transform: scale(2.0,1.0);
    }

.read-more {
    color: #1e448c !important;
    cursor: pointer;
    text-transform: uppercase;
}

    .read-more:after {
        content: "\f178";
        color: #1E448C;
        font-size: 0.98em;
        display: inline-block;
        margin: 0 4px 0 0;
        padding: 0;
        font: normal normal normal 10px/1 FontAwesome;
        margin-left: 15px;
        -webkit-transform: scale(2.0, 1.0);
        -moz-transform: scale(2.0, 1.0);
        -ms-transform: scale(2.0, 1.0);
        -o-transform: scale(2.0, 1.0);
        transform: scale(2.0,1.0);
    }

.news-item-row .news-item-row-img {
    height: 99px;
    /* width: 100%; */
    display: inline-block;
    vertical-align: top;
    position: relative;
}

    .news-item-row .news-item-row-img img {
        max-width: 100%;
        max-height: 99px;
        min-height: auto;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto !important;
    }

.viewnewsdetails .news-item-row .news-item-row-img img {
    width: 100%;
    height: auto;
    max-height: initial;
    min-height: 99px;
    position: relative;
}

		.newsTitle {
			font-size: 3em;
		}
		.newsDate .text {
			color: #1f4188 !important;
		}
		
		.newsBody {
			font-size: 1em;
			font-weight: 400;
			text-align: right;
		}
		.newsActionBar {
			text-align: left;
			margin: 5px 0;
		}

		.news-container .title { padding-left:10px !important;}
		
/*--------------------
**End LatestNews**
--------------------*/

/*--------------------
**Announcement** Meilck
--------------------*/

.announsment-widget {
	margin-top: 20px;
}

.announsment-widget-content {

}

.cycle-slideshow.announsment-widget-content {
    height: 270px !important;
}

a.announcement-item-row {
    padding: 12px 0;
    height: 84px;
    color: #999999;
}

    a.announcement-item-row:hover, a.announcement-item-row:visited {
        color: #999999;
        text-decoration: none;
    }

.announsment-description {
}

.announsment-widget-content .cycle-carousel-wrap {
    width: 100% !important;
}

		.adxAnnouncements {
			margin: 0 15px;
		}
		.announcementBody .row {
			margin: 0;
		}
		.announcementText {
			padding-right: 5px;
			text-align: right;
			font-size: 1em;
		}
		.announcementSymbol {
			text-align: center;
			background: #924996;
			color: #fff;
			padding: 5px;
			font-weight: 400;
		}
		.announcementItem {
			padding: 0px 0px 30px 0px;
		}

		.announsment-widget .seeall{
			float:left;
			margin-top:30px;
		}
		
/*--------------------
**End Announcement**
--------------------*/

/*--------------------
**Disclosures** Melick
--------------------*/

.disclosure-widget-block{
	width:100%
	margin-top: 25px;
}

.disclosure-widget {
    
}

.disclosure-widget .title {
	    padding-right: 4vw !important ;
}


.disclosure-widget .img-responsive {
	width:100%;
	height:100%;
}

		.disclosureTitle {
			position: absolute;
			top: 0;
			background: #8996a6;
			padding: 5px 15px;
			min-width:35%;
			height: 30px;
			color:#ffffff;
		}
		.disclosureTitle:before {
	content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 30px solid #8996a6;
    border-bottom: 30px solid transparent;
    border-left: 30px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 0;
    left: -30px;
		}
		
		.disclosureDate {
			padding: 10px 0px;
			
		}
		.disclosureDate .text {
			margin-right: 10px;
			color: #A0A0A0;
			font-size: 1em;
		}
		

		
		.disclosureDate .text:before {
			content: "\f017";
			position: relative;
			right: -8px;
			font-family: FontAwesome;
		}
		.disclosureBody {
			display:inline-block;
		}
		
		.disclosure-widget-block .disclosureDate {
		    padding: 5px 0px 0px 0px;
		}

		.disclosureButton {
			margin:10px 0px 0px 0px;
			text-align:center;
		}		
	
/*--------------------
**End Disclosures**
--------------------*/


/*--------------------
**Slider** Melick
--------------------*/

	#adxSlider{
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
			margin-top: 0px;
		}
		.adiStat {
			margin-top: 5%;
			margin-right:3em;
		}
		.statHeader {
			font-size: 2.5em;
			color: #556370;
		}
		.statBody {
			font-size: 3.5em;
			color: #1f4188;
			font-weight: 700;
		
		}
		.statFooter {
			font-style: italic;
			font-size: 0.9em;
		}
		.customNavigation {
			text-align: center;
			margin-top:10px;
		}
		.btn.ADXcarouselNav {
			background: transparent;
			box-shadow: none;
			font-size: 1.4em;
		}
		.active .quote-up{
		background: url('../images/up-quote.png') right top no-repeat;
		}
		.quote-up {
			
			display: inline-block;
		}
		.active .quote-down{
		background: url('../images/down-quote.png') left bottom no-repeat;
		}
		.quote-down {
			padding: 15px 25px;
			font-size: 1em;
			text-align: center;
			font-weight: bold;
		}
		.quote-blockin {
			color: #1f4188;
		}
		.carousel-inner {
			text-align: center;
		}

		@media (max-width: 990px) {
			#ADXcarousel .item { 
					display:block;
					padding-bottom:10px;
				}
			#adxSlider	{
				margin-top: 5%;
			}
		}
		
		@media (max-width: 1600px) {

			.adiStat {
				margin-top: 0px;
			}
		}
				
		@media (min-width: 1600px) and (max-width: 1900px){
			#adxSlider	{
				margin-top: 2vw;
			}
		}
		
		@media (min-width:1900px) {
			#adxSlider	{
				margin-top: 4vw;
			}
		}
/*--------------------
**ENd Slider** Melick
--------------------*/

/*--------------------
**Start ContacInfo ** Melick
--------------------*/
   .contactContainer {
        border: 2px solid #8a96a6;
        padding: 10px 5px;
        text-align: center;
		margin-top:2em;
    }

	.aboutUsSubtitle ,.Subtitle {
		font-size: 1.4em;
		font-weight: 300;
		font-style: italic;
		color: #1f4188;
    }
     .contactContainer .contactIcon {
        border-left: 2px solid #8a96a6;
		padding: .2em .2em;
		min-width: 5.5em;
    }

	.contactIcon  > .call {
       background: url('../images/icon_call.png')no-repeat;
		height: 5em;
		width: 5em;
		background-size: 5em 5em;
	   display: inline-block;
    }
	
	 .contactIcon  > .phone {
       background: url('../images/icon_phone.png')no-repeat;
		height: 5em;
		width: 5em;
		background-size: 5em 5em;
	   display: inline-block;
    }
	
	.contactIcon  > .headphone {
       background: url('../images/icon_headphone.png')no-repeat;
		height: 5em;
		width: 5em;
		background-size: 5em 5em;
	   display: inline-block;
    }
	
	.contactIcon  > .sms {
       background: url('../images/icon_sms.png')no-repeat;
		height: 5em;
		width: 5em;
		background-size: 5em 5em;
	   display: inline-block;
    }
	
	
    .contactText {
        font-size: 1.4em;
        font-weight: bold;
        color: #1f4286;
		text-align: right;
		direction:ltr;
    }

        .contactText .contactTitle {
			text-transform: uppercase;
            color: #556370;
            font-size: 0.8em;
            font-weight: normal;
        }

		.contactBody {
			
		}
/*--------------------
**ENd ContacInfo** Melick
--------------------*/

/*--------------------
**Tweets** Melick
--------------------*/
		.tweetsContainer {
			background: #1f4188;			
		}
		.tweetsContainer .row{
			padding: 10px 10px;
			text-align: center;
		}
				
		.tweetsSymbol{
			color: #fff;
			
		}
		
		.tweetsSymbol a {
			color: #fff;
		}
		
		.tweetsSymbol i:before{
			font-size: 4em;
		}
				
		.tweetsArrow {
			color: #acacac;
		}
		.tweetsArrow:hover {
			color: #fff;
		}
		.tweetsArrow i:before {
			font-size: 4em;
		}
		
		.tweetsBody {
			color: #fff;
			font-size: 1.1em;
			margin-top:15px;
		}
		
		.Tweeter-Content{
			
		}

				
		a.link.customisable {
		color: white;
		}
		
/*--------------------
**END Tweets**
--------------------*/		

/*--------------------
** MELICK Home Bottom Tabs**
--------------------*/

		.tabItem {
			text-align: center;
		}
		.tabItem  a{
			background:transparent !important;
		}

		
		.btTabs {
			margin: 30px 0;
		}
		.btTabs .nav-tabs {
			border: none;
		}
		.tabItem a {
			font-size: 1.8vh;
			border: none !important;
			text-align: right;
			color: #6f7174;
		}
		.tabItem .col-md-5.col-sm-5.col-xs-5, .tabItem .col-md-7.col-sm-7.col-xs-7 {
			padding: 0;
		}
		.tabItem {
			width: 20%;
		}
		.tabImage{
			width: 65px;
			margin-left: 10px;
			font-size: 2.6em;
			margin-bottom: 5px;
		}
		
		.tabImage i:before{
			font-size: 5vh;
		}

		.tabItem.active a {
			color: #924996 !important;
		}
		.tabItem a:hover {
			background: transparent !important;
			color: #924996;
		}
/*--------------------
** --END Home Bottom Tabs -- **
--------------------*/

/*--------------------
**Markets Ads**
--------------------*/

.SmallBanner {
    position: relative;
    margin-top: 10px;
}

    .SmallBanner .cycle-overlay {
        display: none !important;
        z-index: 110;
        color: white;
        position: absolute;
        top: 6%;
        right: 6%;
        left: 6%;
        padding: 80px;
        font-size: 1.7em;
        bottom: 6%; /*border: 1px solid white;*/
    }

        .SmallBanner .cycle-overlay span {
            display: block;
            text-transform: uppercase;
            text-align: center;
        }

            .SmallBanner .cycle-overlay span.BannerDescription {
                font-weight: bold;
            }

    .SmallBanner img {
        width: 100% !important;
        height: 100% !important;
    }

    .SmallBanner a.cycle-slide {
        display: block !important;
        width: 100%;
        height: 286px;
    }

        .SmallBanner a.cycle-slide:before {
            content: "";
            position: absolute;
            background-image: url(/_layouts/15/STYLES/ADX/Images/img-transparent-layer.png);
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .SmallBanner .center.BannerPager {
        position: absolute;
        z-index: 120;
        color: white;
        right: 0;
        left: 0;
        text-align: center;
    }

        .SmallBanner .center.BannerPager a {
            color: white !important;
            width: 10px;
            height: 10px;
            display: inline-block;
            background-color: white;
            border-radius: 10px;
            font-size: 0;
            margin: 1px;
        }

        .SmallBanner .center.BannerPager .cycle-pager-active a {
            background-color: #b4c1d9 !important;
        }

/*--------------------
**End Markets Ads**
--------------------*/


.mobilemarketwacth {
    display: none;
    text-align: center;
    padding-top: 15px;
}

.marketimg {
    position: relative;
    display: inline-block;
}

    .marketimg img {
        max-width: 100%;
    }

.mobilemarketwacth a {
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #ffffff;
    text-decoration: underline;
}

.EnglishContent {
    display: none;
}


@media only screen and (max-width:990px) {
    .mobilemarketwacth {
        display: block;
    }

    .js-marketwatchlink, .js-marketwatchcontent {
        display: none;
    }

    .header-block {
        padding-bottom: 15px;
    }

    .quote-wp, .gridtable table, .mostactivetabs li a, .mostactivetabs li, .gridtable table, .MorePart a {
        color: #333333;
    }

    .bordertdbottom table tr td, .gridtable table {
        border-color: #333333;
    }

    .mostactive table td.NumberofDivs div {
        background-color: #333333;
        color: #ffffff;
    }

    .homechart .highcharts-axis-labels text {
        color: #333333 !important;
        fill: #333333 !important;
    }
    .chartstabs .homechart {
        border-color: #333333;
    }

    .girdheader {
        background-color: #e3e3e3;
        color: #333333;
        padding: 10px 15px;
        cursor: pointer;
        margin-bottom: 2px;
    }

    .containerblock .ms-webpartzone-cell {
        margin: 0;
    }

    .chartstabs {
        padding: 0;
    }

        .chartstabs ul.js-tabs-link {
            background-color: #e3e3e3;
            padding-left: 15px;
        }

            .chartstabs ul.js-tabs-link li {
                padding: 10px 0px;
            }

    .mobiletabsblock {
        display: none;
    }

    .section-content-one .news-container .news-item-row + .news-item-row {
        display: none;
    }

    .quote-wp label::before {
        background-color: #333333;
    }

    .quote-up {
        background-image: url('../images/up-quote-mobile.png');
    }

    .quote-down {
        background-image: url('../images/down-quote-mobile.png');
    }

    .login-wp a.js-login {
        color: #113578;
    }

    .leftnav {
        min-height: 10px;
        display: none;
    }

    .leftsection {
        height: auto;
        z-index: 105;
        bottom: auto;
    }

    .uaeflag {
        display: none;
    }

    .adxsocials, .easyaccess-button {
        display: none;
    }

    .leftsection.active {
        position: fixed;
        top: 0;
        bottom: 0;
    }

        .leftsection.active .uaeflag, .leftsection.active .adxsocials, .leftsection.active .leftnav {
            display: block;
        }

    .FooterLinks li.adxValue {
        float: right;
    }

    .ms-core-listMenu-verticalBox li.static ul {
        position: static;
    }

        .ms-core-listMenu-verticalBox li.static ul li a {
            padding-right: 80px !important;
            width: 100%;
            box-sizing: border-box;
        }
}

@media only screen and (min-width:769px) {
    .mobiletabsblock {
        display: block;
    }
}

@media only screen and (min-width:400px) {
    .TabsLinksContainer li a {
        font-size: 12px;
    }
}





/**** Market Watch ***/


.ToggleButtons .ViewInput[type="radio"] + label {
    background-color: #5c81cd !important;
    color: white;
    margin-bottom: 4px;
}

#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: 0.1px;
    padding-right: 0.1px;
}

#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: 0.1px;
    padding-right: 0.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;
}

.marketTitle {
    cursor: pointer;
    font-size: 1.2em !important;
    font-weight: bold !important;
    
    text-transform: uppercase !important;
}

span[class="bgNegative"]:parent {
    background-color: red;
}

.MarketWatchFilterBlock .viewmore {
    display: none;
}

.marketWatchSummary .TableMarket {
    height: 248px;
}

.marketWatchSummary .chart {
    height: 248px !important;
}

li.select2-selection__choice[title=""] {
    display: none;
}

#anonPrice {
    display: none;
}

.TradePart table td {
    padding-bottom: 5px;
}

.MarketWatchResults {
}

.MarketWatchPage {
    width: 100%;
}

.MarketWatchResults {
    padding: 0;
    border: none;
}

.mySettings h2.ms-webpart-titleText {
    cursor: pointer;
}

.ListingLastTradedPage .BlockLastTrade li:first-child {
    color: #20438a !important;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 30px;
    background: #D0C3C3;
    text-align: center;
}

ul.BlockLastTrade {
    margin: 0px;
}

.CustomizedMarket .FilterHeader {
    cursor: pointer;
}

.ListingLastTradedPage .BlockLastTrade li {
    color: white;
    padding: 5px 15px;
    background: #1e448c;
    text-align: center;
    vertical-align: middle;
}

.FilterBlock .ClickToCol img {
    float: right;
    cursor: pointer;
}

.FilterBlock .FilterTitle {
    color: #1e448c;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 0px;
}

.MarketWatchFilterBlock .FilterTitle {
    color: #1e448c;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 6px 0px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
}

.select2-container--default .select2-selection--multiple {
    border-color: white;
}

.FilterBlock .FilterContent {
    border: 1px solid #d2d3d6;
    padding: 15px;
}

.MarketWatchFilterBlock .FilterContent {
    border: 1px solid #d2d3d6;
    padding: 15px;
}

.communications {
    margin-bottom: 15px;
    margin-top: 15px;
}

.FilterBlock .FilterHeader {
    background-color: #1e448c;
    color: white;
    font-size: 1.1em;
    text-transform: capitalize;
    padding: 10px;
    font-weight: bold;
}

.MarketWatchFilterBlock .FilterHeader {
    background-color: white;
    color: #1e448c;
    font-size: 1.4em;
    text-transform: capitalize;
    padding: 10px;
    font-weight: bold;
}

.BlockWatchList {
    height: 276px;
}

.select2-container {
    width: 100% !important;
    display: inline-block;
    background: grey;
}

.ToggleButtons .ViewInput {
    display: none;
}

    .ToggleButtons .ViewInput[type="radio"]:checked + label {
        background-color: #4b6db2 !important;
        color: white;
    }

    .ToggleButtons .ViewInput[type="checkbox"]:checked + label {
        background-color: #1e448c !important;
        color: white;
    }

.ToggleButtons .ViewLabel {
    cursor: pointer;
    padding: 7px 15px;
}

.ToggleButtons Label {
    cursor: pointer;
    padding: 7px 15px;
}

.ToggleButtons {
    padding: 20px 0px;
}

.BlockWatch {
}

.WatchHeader {
    background-color: #d7d7d7;
    padding: 6px 10px;
}

.clear {
    clear: both;
}

.TradePart table tr td {
    color: white;
}

.TradePart {
    padding: 2px 10px;
    font-size: 0.9em;
    height: 145px;
}

.LogoPart {
    margin: 6px;
    background-color: white;
}

    .LogoPart img {
        height: 40px;
        padding: 5px 2px;
    }

.BlockWatchDetailsOne table {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

    .BlockWatchDetailsOne table td {
        border-left: 1px solid #dadbdd;
        border-right: 1px solid #dadbdd;
        text-align: center;
        width: 50%;
        color: #828282;
        padding: 4px;
    }

        .BlockWatchDetailsOne table td:first-child {
            border-left: none;
        }

        .BlockWatchDetailsOne table td:last-child {
            border-right: none;
        }

.BlockWatchDetailsOne .HeaderTableWatch {
    border-bottom: 1px solid #dadbdd;
    text-transform: uppercase;
    font-weight: bold;
}

    .BlockWatchDetailsOne .HeaderTableWatch td {
        padding: 4px;
    }

.BlockWatchDetailsOne .TopHeaderWatch {
    border-bottom: 1px solid #dadbdd;
    color: #1e448c;
    text-transform: uppercase;
    font-weight: bold;
}

    .BlockWatchDetailsOne .TopHeaderWatch th {
        padding: 4px 0;
        text-align: center;
    }

.WatchHeader .HeaderTitle {
    color: #1e448c;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

.disable-link a {
    pointer-events: none;
    cursor: default;
    color: #333;
}

.form-control-div {
    min-height: 34px !important;
    height: auto !important;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control {
    min-height: 34px !important;
    border-radius: 0px;
}

.marketWatchChartBlock #marketSummaryGrid .slick-viewport {
    height: 300px !important;
}

.marketWatchChartBlock #marketSummaryGrid {
    height: 251px !important;
}

.marketWatchChartBlock .marketWatchSummary .HeaderBlockMarket {
    padding: 10px 8px;
}
/*** End Market Watch ***/

#topNavigation {
    padding: 12px 0px 0px;
    font-size: 1em;
    /* border-bottom: 1px solid #1E448C; */
    /* text-align: center; */
    background-color: #1E448C;
    margin-bottom: 14px;
}

    #topNavigation a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
    }

.sep {
    padding: 0 10px;
}

.ContentBody {
    background-color: #ffffff;
}

    .ContentBody .PageTitle {
        margin: 12px 0px;
        font-size: 1.7em;
        min-width: 320px;
        display: inline-block;
    }

.sep {
    padding: 0 8px;
}

span.title-line {
    border-bottom: 2px solid #1e448c;
    width: 13%;
    display: none;
    margin: 11px 0 0px 0;
}

.ContentBody .PageTitle:after {
    content: "";
}

.CorporateHeader {
    padding-bottom: 10px;
    font-size: 1.4em;
}

.slick-header-columns {
    background: #1e448c;
    background-image: none !important;
    padding: 8px 0px;
}

.slick-header-column {
    background: #1e448c !important;
    color: #ffffff;
}

.slick-cell {
    border-right: none !important;
}



.slick-row.odd {
    background-color: #ededed;
}

.slick-row {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333333;
}

.slick-cell {
    line-height: 37px;
}

.slick-header {
    font-size: 0.9em;
    text-transform: uppercase;
}

.MarketWatchRegular-Content .slick-cell {
    line-height: 23px;
}

.MarketWatchRegular-Content .grid-graph-icon {
    margin: 2px;
}

.MarketWatchRegular-Content .grid-symbol-icon {
    margin: 0px;
}

.MarketWatchRegular-Content .ntwslickgrid .slick-row.even {
    background: #ffffff;
}

.MarketWatchRegular-Content .ntwslickgrid .slick-row.odd { background: #dbdbdb;}

.mwcSymbol span:first-child {
    font-weight: 300;
    font-size: 0.9em;
    color: #00007c;
}
.mwcSymbol span:nth-child(2) {
    font-weight: 700;
    font-size: 0.9em;
}
.slick-row.even .mwcbidV, .slick-row.even .mwcbid {
    background: rgba(242,101,34,0.15);
}
.slick-row.odd .mwcbidV, .slick-row.odd .mwcbid {
    background: rgba(242,101,34,0.35);
}
.slick-row.even .mwcaskV, .slick-row.even .mwcask {
	background: rgba(146,73,150,0.15);
}
.slick-row.odd .mwcaskV, .slick-row.odd .mwcask {
	background: rgba(146,73,150,0.35);
   
}
.mwcPrice, .mwclast {
    color: #00007c;
	font-weight:700;
}

.MarketWatchBigBlock-Content .slick-cell {
    line-height: 23px;
}

.MarketWatchBigBlock-Content .grid-graph-icon {
    margin: 2px;
}

.MarketWatchBigBlock-Content .grid-symbol-icon {
    margin: 0px;
}

.MarketWatchETF-Content .slick-cell {
    line-height: 23px;
}

.MarketWatchETF-Content .grid-graph-icon {
    margin: 2px;
}

.MarketWatchETF-Content .grid-symbol-icon {
    margin: 0px;
}

.MarketWatchInsider-Content .slick-cell {
    line-height: 23px;
}

.HomeContent {
    margin-top: 24px;
}

/******* Top Navigation ***/
.TopNavigationStyles {
    background-color: #d2d3d6;
}

    .TopNavigationStyles #zz16_RootAspMenu li span.menu-item-text {
        color: #2a2b2b;
        font-size: 1em !important;
        font-weight: bold !important;
    }

    .TopNavigationStyles ul.ms-core-listMenu-root li ul li.selected span.menu-item-text {
        color: #6f7fa7 !important;
    }

    .TopNavigationStyles ul.ms-core-listMenu-root > li.selected > a span.menu-item-text {
        color: #6f7fa7 !important;
    }

#topNavigation .sep:last-child {
    display: none;
}

#topNavigation .listingNavSelected {
    color: white !important;
    cursor: default;
    border-bottom: 5px solid #924996;
    font-weight:bold;
}

#topNavigation a {
    cursor: pointer;
    background-position: center 17px;
    background-repeat: no-repeat;
    height: 28px;
    display: inline-block;
    padding: 0px 10px;
}
/******* End Top Navigation **/


.expandImage {
    background-image: url('../../../ADX/Images/ClicktoExpand.png') !important;
    background-repeat: no-repeat;
}

.quote-title,
.pricechart-title,
.tradehistory-title,
.keyfinancialdata-title,
.marketTitle,
.FilterHeader,
.mySettings h2.ms-webpart-titleText {
    background-color: #1E448B;
    color: #fff;
    padding: 10px 0 10px 15px;
    background-image: url('../../../ADX/Images/ClicktoCol.png');
    background-position: 99% center;
    background-repeat: no-repeat;
}

.quote-title {
    cursor: pointer;
}



/**** Messages Styles ***/
.infomsg, .successmsg, .warningmsg, .errormsg, .validationmsg {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px 15px;
}

.infomsg {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../Images/Info_Icon.png') !important;
}

.successmsg {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../Images/Success_Icon.png') !important;
}

.warningmsg {
    color: #9F6000;
    background-color: #FEEFB3;
    /*background-position: top;*/
    background-image: url('../Images/Warning_Icon.png') !important;
}

.errormsg {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../Images/Error_Icon.png') !important;
}

.validationmsg {
    color: #D63301;
    background-color: #FFCCBA;
    /* background-position: top;*/
    background-image: url('../Images/Validation_Icon.png') !important;
}

/*** End Messages Styles ***/


/******* Responsive **************/

@media only screen and (max-width: 1800px) {
    .BodyContainer {
        font-size: 11px;
    }
}



.ListingLastTradedPage {
    margin: 30px 0px;
}

    .ListingLastTradedPage .BlockLastTrade {
        list-style: none;
        float: right;
        padding: 0px;
        margin-right: 1em;
        height: 102px;
        background: #1E448C;
        font-size: 1.3em;
    }

        .ListingLastTradedPage .BlockLastTrade li:first-child {
            color: #20438a !important;
            font-weight: bold;
            padding: 10px 30px;
            background: #D0C3C3;
            text-align: center;
        }

        .ListingLastTradedPage .BlockLastTrade li {
            color: white;
            padding: 5px 15px;
            background: #1e448c;
            text-align: center;
            vertical-align: middle;
        }

.ToggleButtons .View {
    float: right;
    padding-left: 3px;
}

.ToggleButtons .CompaniesView {
    float: right;
    padding-left: 3px;
}

.ToggleButtons .SelectView {
    float: right;
}




/******************		Tabs	*************/
/** Commented Out by Melick
.section-content-two .TabsZone {
    background-color: #515151;
    padding: 40px 80px;
}

.TabsLinksContainer {
}

    .TabsLinksContainer .nav-tabs {
        border-bottom: none;
    }

    .TabsLinksContainer li {
        margin-bottom: 40px;
    }

        .TabsLinksContainer li a {
            width: 100%;
            display: block;
            margin: 0 auto;
            background-color: #747474;
            text-align: center;
            color: white;
            border-color: transparent;
            border-radius: 0px;
            padding-top: 75px;
            height: 120px;
            text-transform: uppercase;
        }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: white;
    cursor: default;
    background-color: #11294f;
    border: none;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #ADA8A8;
    border-color: transparent;
}

.TabsDataContainer {
    color: white;
}

.TabsLinksContainer li:nth-child(1) a {
    background-image: url("../Images/TB1.png");
}

.TabsLinksContainer li:nth-child(2) a {
    background-image: url("../Images/TB2.png");
}

.TabsLinksContainer li:nth-child(3) a {
    background-image: url("../Images/TB3.png");
}

.TabsLinksContainer li:nth-child(4) a {
    background-image: url("../Images/TB4.png");
}

.TabsLinksContainer li:nth-child(5) a {
    background-image: url("../Images/Report-Icon.png");
}

.TabsLinksContainer li:nth-child(6) a {
    background-image: url("../Images/SM-Icon.png");
}


.TabsLinksContainer li:nth-child(1) a,
.TabsLinksContainer li:nth-child(2) a,
.TabsLinksContainer li:nth-child(3) a,
.TabsLinksContainer li:nth-child(4) a,
.TabsLinksContainer li:nth-child(5) a,
.TabsLinksContainer li:nth-child(6) a {
    background-repeat: no-repeat;
    background-position: center 10px;
}
**/
/******************		Tabs	*************/

    .sub-main-container {
		padding:0px;
    }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .section-content-two .TabsZone {
        ;
        padding: 40px 25px;
    }

    .TabsLinksContainer .col-xs-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .TabsLinksContainer li a {
        font-size: 10px;
    }

    .sub-main-container .section-content-one .news-container .news-item-row .news-item-row-img {
        display: none;
    }

    .sub-main-container .section-content-one .news-container .news-item-row .news-item-row-text {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    .sub-main-container .section-content-one .news-container {
        padding-top: 30px;
    }
}


/******************		Market Indices	*************/
.MarketIndicesFilter {
    width: 100%;
    background: #1f4188;
}

.InputSelect select {
    background-color: #1f4188;
    height: 25px;
    width: 102px;
	padding:5px;
}

.MarketIndicesFilter .InputSelect select {
    height: 32px !important;
    width: 100% !important;
    color: white;
    outline: none;
    font-size: 16px;
}

    .MarketIndicesFilter .InputSelect select::-ms-expand {
        display: none;
    }

.MarketIndicesFilter .InputSelect {
    width: 30%;
}

.MarketIndicesFilter .InputSelect {
    float: right;
    padding: 10px 10px !important;
    position: relative;
    border-left: 1px solid white;
    margin-left: 10px;
}

.MarketIndicesFilter .SelectFilter {
    float: right;
    width: 68%;
    padding: 0;
}

.MarketIndicesFilter .InputSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.TabsZone .ms-webpartzone-cell {
    margin: 0;
}

.tab-content {
}

.MarketIndicesFilter .InputSelect:after {
    content: "\f107";
    color: white;
    font: 20px FontAwesome;
    position: absolute;
    top: 15px;
    left: 20px;
}

.MarketIndicesCompareSelect{
    width: 88%;
    display: inline-block;
}

.MarketWatchIframe {
    width: 100%;
}

/******************		Market Indices	*************/

span.resource.MarketIndicesCompare {
    display: inline-block;
    line-height: 52px;
    border-left: 1px solid white;
    padding-left: 10px;
	width:10%;
	color:white;
}

#home .select2-container {
    width: 88% !important;
    position: relative;
}

#home .SelectFilter select.form-control {
    display: inline-block;
    width: 58% !important;
    height: 53px;
    padding: 0;
}

#home .select2-container--default .select2-selection--multiple .select2-selection__choice {
    line-height: 49px;
    margin: 0;
    border-radius: 0;
    border-color: #8a8a8a;
    background-color: #8a8a8a;
    margin: 0 2px;
}

.MarketIndicesFilter .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white;
}

#home .select2-container--default .select2-selection--multiple {
    border-color: #727272 !important;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
}

@media only screen and (max-width:768px){
	.MarketIndicesFilter .SelectFilter {
		width: 67%;
	}
	.MarketIndicesFilter #ddlmarketindices {
		font-size: 1.2vh;
	}
	.MarketIndicesCompareSelect {
		width: 70%;
	}
	span.resource.MarketIndicesCompare {
		width: 27%;
		font-size: 1.3vh;
	}
}

.MarketIndicesFilter .SelectFilter:after {
    content: "\f107";
    color: white;
    font: 20px FontAwesome;
    position: absolute;
    top: 15px;
    left: 20px;
}

.select2-container--default .select2-selection--multiple {
    border-color: #727272;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #727272;
    ;
    outline: 0;
}


#home .highcharts-range-selector-buttons.highcharts-container rect {
    fill: white;
}


.MARKET-INDICES-CHART .highcharts-button rect {
    fill: #3d3d3d;
}

.MARKET-INDICES-CHART .highcharts-button text {
    fill: white !important;
}

.TabsDataContainer .ms-webpart-chrome {
    background: #515151;
}

.TabsDataContainer h2.ms-webpart-titleText {
    color: white;
    margin-top: 0;
    overflow: initial !important;
}


#home .select2-container--default .select2-selection--multiple {
    background-color: #727272 !important;
}

.highcharts-container {
    direction: ltr;
}


/*map*/
#BranchsMap {
}

    #BranchsMap .BranchFilter {
        padding: 0;
    }

        #BranchsMap .BranchFilter .select2-container {
            background-color: transparent;
        }

        #BranchsMap .BranchFilter .select2-selection--multiple {
            margin-bottom: 10px;
            background-color: #f3f2f2 !important;
            border-color: #c1c0c0;
        }

.select2-selection__choice {
    margin: 2px 2px !important;
}

.adx.clientside.control {
}

.MapView .contactus {
    margin: 0px 0px 19px 0;
}

    .MapView .contactus .contactus-bg {
        background-color: #ebebeb;
        min-height: 218px;
        padding: 8px;
    }

        .MapView .contactus .contactus-bg ul {
            list-style: none;
        }

*:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: normal;
}

*:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: normal;
}

.MapView .contactus .contactus-bg ul li:first-child {
    font-weight: bold;
    padding-bottom: 4px;
    position: relative;
    padding-right: 20px;
}

    .MapView .contactus .contactus-bg ul li:first-child:before {
        content: "";
        background-image: url("/_layouts/15/STYLES/ADX/Images/map-pin.png");
        font-size: 16px;
        width: 14px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 4px;
        margin-top: 0px;
        right: 0;
        top: 0px;
        position: absolute;
    }

.MapView .contactus .contactus-bg ul li:nth-child(2) {
    font-weight: bold;
    color: #666666;
}

.MapView .contactus .contactus-bg ul li {
    position: relative;
    font-size: 1em;
    padding: 2px 0;
    color: #666;
}
/**** RegisterForm****/
.clear_input {
    left: 20px !important;
}

.FormBlock {
    /* width:50%; */
    /* float:left */
}

    .FormBlock .clear_input {
        left: auto !important;
        right: 100%;
        margin-right: -20px;
    }

.LabelForm {
    width: 190px;
    float: left;
}

.Label Label {
    font-size: inherit;
    /* padding: 12px 0 4px 0; */
    display: block;
    margin: 0;
   
    font-weight: normal !important;
}

.LabelDots {
    float: right;
    margin-right: 20px;
}

.InputForm {
    display: inline-block;
    width: 60%;
    margin-bottom: 27px;
    float: left;
}

    .InputForm input[type="checkbox"] {
        border: 1px solid #dedede;
        background-color: #f0f0f0;
        border-radius: 3px;
        float: left;
    }

.SubmitButton {
    clear: left;
}

    .SubmitButton a:hover {
        background-color: #233A64;
        color: #fff;
    }

    .SubmitButton a {
        background-color: #1e448b;
        color: #ffffff;
        padding: 7px 19px;
        float: right;
        border-radius: 0;
        border: 1px solid rgb(171, 171, 171);
    }

    .SubmitButton input[type="submit"]:hover {
        background-color: #233A64;
        color: #fff;
    }

    .SubmitButton input[type="submit"] {
        background-color: #1e448b;
        color: #ffffff;
        padding: 7px 20px;
        float: left;
        margin: 28px 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.3em;
        border-radius: 0;
    }

.clear_input_div input[type="number"]   {
    width: 100% !important;
    background:   #fbfbfb;
}

.datePickerClosingDate div.clear_input_div {
    display: inline;
}

.Required {
    position: absolute;
    left: 0;
    top: 16px;
    color: #f5bc40;
    /* width: 150px; */
    margin-left: 30px;
}

.clear_input_div {
    display: inline-block;
    width: 100% !important;
}

    .clear_input_div input[type="text"] {
        width: 100% !important;
        background: #fbfbfb;
    }

.InputFormRegister select {
    width: 100% !important;
    border: 1px solid #ABABAB;
    background: #fbfbfb;
    border-radius: 3px;
    height: 33px;
}

.FormBlock .formblock-row {
    position: relative;
    min-height: 72px;
}

.FormBlock .ToggleButtons {
    padding: 0px 0px;
}

.InputFormRegister {
}

    .InputFormRegister .ms-dttimeinput select {
        width: 49% !important;
    }

.InputFormRegisterTextArea textarea {
    min-height: 107px;
    display: inline-block;
    width: 100% !important;
    border: 1px solid #ABABAB;
    background: #fbfbfb;
    border-radius: 3px;
}

.Label {
    font-size: 1em;
    padding: 12px 0 4px 0;
    display: block;
}

.ms-error {
    color: red;
    font-size: 0.8em;
    display: inline-block;
    text-align: inherit;
}

.SubmitButton a {
    background-color: #1e448b;
    color: #ffffff;
    padding: 7px 20px;
    float: right;
    margin: 28px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
    border-radius: 0;
}

/*broker-profile*/
.imgLogo-container {
    height: 72px;
}

    .imgLogo-container img {
        height: 100%;
        width: auto;
    }

.file-restriction {
    left: 0;
    bottom: -18px;
}

.flu-input {
    padding: 5px 4px !important;
}

.branch-list-tb {
    overflow: auto;
}

    .branch-list-tb a {
        color: #1E448B !important;
    }

    .branch-list-tb table {
        width: 100%;
        border: 1px solid #D2D3D6;
    }

        .branch-list-tb table th {
            background-color: #1E448C;
            color: #fff;
        }

    .branch-list-tb tr:nth-child(odd) {
        background: #d3d1d2;
    }

    .branch-list-tb tr:nth-child(even) {
        background: #DBDBDB;
    }

    .branch-list-tb .TableLogo img {
        width: 50px;
        height: 25px;
    }

    .branch-list-tb td {
        text-align: center;
        padding: 5px;
        font-family: inherit;
        font-size: 0.92em;
    }

    .branch-list-tb th {
        text-align: center;
        padding: 10px;
    }

    .branch-list-tb td {
        color: #8c8c8c;
    }

    .branch-list-tb tr td:last-child {
        text-align: inherit !important;
    }

.contact-list-tb {
}

    .contact-list-tb a {
        color: #1E448B !important;
    }

    .contact-list-tb table {
        width: 100%;
        border-collapse: collapse;
        border: 2px solid #F7F7F7;
    }

        .contact-list-tb table th {
            background-color: #1E448C;
            color: #fff;
            border: 1px solid #abb9d1;
        }

    .contact-list-tb tr:nth-child(odd) {
        background: #dbdbdb;
    }

    .contact-list-tb tr:nth-child(even) {
        background: #d3d2d2;
    }

    .contact-list-tb .TableLogo img {
        width: 50px;
        height: 25px;
    }

    .contact-list-tb td {
        text-align: center;
        padding: 6px;
        font-size: 0.92em;
        font-family: inherit;
    }

    .contact-list-tb th {
        text-align: center;
        padding: 10px;
    }

    .contact-list-tb td {
        color: BLACK;
        border: 1px solid #abb9d1;
    }

    .contact-list-tb tr td:last-child {
        text-align: inherit !important;
    }

.contactPerson .TableHeaderBranches th {
    width: 19%;
}

.broker-subform-title {
    display: block;
}

.toggleAspRadio {
}

    .toggleAspRadio tr {
        float: right;
    }

        .toggleAspRadio tr td input {
            display: none;
        }

        .toggleAspRadio tr td label {
            background-color: #838383;
            color: white;
            padding: 8px 14px;
            /* margin-right: 10px; */
            position: relative;
            cursor: pointer;
        }

        .toggleAspRadio tr td input[type=radio]:checked + label {
            background-color: #1e448b;
        }

            .toggleAspRadio tr td input[type=radio]:checked + label:after {
                content: "\f0dd";
                color: #1e448b;
                bottom: 2px;
                font-size: 24px;
                left: 50%;
                line-height: 0;
                margin-left: -8px;
                position: absolute;
            }

color: #ccc; font-style: italic;
}

/*brokerprofile*/
/**** End RegisterForm****/
/*FAQ Start*/

.FAQBody {
}

    .FAQBody .dfwp-column.dfwp-list {
        padding-right: 0;
        margin-right: 0;
    }

    .FAQBody .groupheader:hover:before {
        content: "click to Expand/Collapse";
        position: absolute;
        top: -22px;
        right: 0;
        text-transform: capitalize;
        background-color: white;
        border: 1px solid #333;
        color: #333;
        padding: 2px;
    }

    .FAQBody .groupheader {
		background: #1f4188;
		margin: 25px 0;
		font-size: 1.3em;
		padding: 10px 15px;
		color: #ffffff;
		font-weight: 300;
    }

        .FAQBody .groupheader:hover {
            background-color: #1e448b;
            cursor: pointer;
        }

        .FAQBody .groupheader:after {
            content: "\f065";
            position: absolute;
            right: 22px;
            top: 8px;
        }

    .FAQBody .dfwp-column.dfwp-list .dfwp-item {
        margin-bottom: 26px;
        overflow: inherit !important;
    }

        .FAQBody .dfwp-column.dfwp-list .dfwp-item ul.dfwp-list {
        }

            .FAQBody .dfwp-column.dfwp-list .dfwp-item ul.dfwp-list .faq_list_item {
               border: 1px solid #e4d8d8;
				margin-top: .5em;
				padding: .5em .5em;
            }

.FAQQuestionHeader {

}

.FAQQuestionBody {
   display: none;
    font-size:1em;
    padding: 20px 0;
    margin-right: 35px;
}

.FAQQuestionHeader .FAQQuest:hover {
    cursor: pointer;
}

.FAQQuestionHeader .FAQQuest {
   display: block;
    position: relative;
    padding:.5em 3em .5em 0em;
	color: #1f4188;
    font-weight: 400;
}

.FAQDetails .FAQQuestionHeader .FAQQuest {
    padding: .5em 4em .5em 0em;
}

.FAQQuestionHeader .FAQQuest:before {
    content: "\f067";
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 0;
    font-size: 1.7em;
    color: #1e448b;
    vertical-align: bottom;
    font-weight: normal;
	}
	
.FAQDetails .FAQQuestionHeader .FAQQuest:before {
    position: absolute;
    right: 12px;
    top: 4px;
    bottom: 0;
    font-size: 1.7em;
    color: #1e448b;
    vertical-align: bottom;
    font-weight: normal;
}	

.FAQQuestionHeader .FAQPlus {
    float: right;
}

.FullWidth {
    width: 100% !important;
}

    .FullWidth ul.dfwp-list {
        height: auto !important;
    }

.FAQActive {
}

    .FAQActive .FAQQuestionHeader .FAQQuest:before {
		width:1.2em;
		height: 1.2em;
        content: "\f068";
		color: #ffffff;
		font-weight: 300;
		margin: 0.2em 0;
		text-align: center;
		padding: 3px !important;
		background: #1f4188;
		transition: all cubic-bezier(.08,.82,.17,1) 0.3s;
    }


.FullWidth .groupheader:after {
    content: "\f066";
    top: 15px;
    left: 4px;
}

.FAQDetails {
}

    .FAQDetails .groupheader {
        border: none;
        font-size: 1.6em;
    }

        .FAQDetails .groupheader:hover {
        }

    .FAQDetails ul.dfwp-list {
        border: none !important;
        padding: 0 !important;
    }
/*FAQ End*/
/** Board Of directors **/

.BoardofDirectors {
}

    .BoardofDirectors .ListLinks {
        list-style: none;
        margin: 0 -15px 0 -15px;
    }

.board-inner {
    padding: 0;
    /* border: 19px solid transparent; */
}

.DirectorBlock {
    /* padding: 25px 24px; */
    /* border: 1px solid #d2d3d6; */
    /* float: left; */
    margin: 0 !important;
    /* width: 245px; */
    padding: 0;
    position: relative;
    border: 15px solid transparent;
    overflow: hidden;
}

    .DirectorBlock .DirectorBrief {
        background-color: #1e448b;
        text-align: right;
        color: white;
        padding: 8px 13px;
        overflow: hidden;
    }

.DirectorImage img {
    width: 100%;
    height: 100%;
}

.DirectorImage {
    text-align: center;
    height: 180px;
}

.DirectorName {
   
    font-size: 1.1em;
    font-weight: bold;
    color: white;
    min-height: 45px;
    border-bottom: 1px solid #91a3c4;
}

.DirectorTitle {
    color: white;

    font-size: 0.85em;
    font-weight: bold;
    padding-top: 2px;
    position: relative;
}

    .DirectorTitle:after {
        content: "\f104";
        position: absolute;
        left: 0;
    }

.DirectorBlock a {
    text-decoration: none;
}

.DirectorButton {
    position: absolute;
    top: 100%;
    background-color: #1E448B;
    width: 100%;
    bottom: 0;
    transition: all 1s ease-in-out;
}

    .DirectorButton .abtn {
        text-align: center;
        display: block;
        border: 1px solid white;
        top: 40%;
        padding: 10px;
        margin: 21px;
        position: absolute;
        left: 0;
        right: 0;
        width: 180px;
        color: white;
        margin: 0 auto;
    }


@media only screen and (min-width:992px) {
    .DirectorBlock:hover .DirectorButton {
        top: 0 !important;
    }

    .board-inner.col-md-3 {
        width: 20%;
        padding: 0px 15px 15px 15px;
        border: 0;
    }

        .board-inner.col-md-3 .DirectorBlock {
            border: 0;
        }

    .siteMap > .sections > .department {
        width: 100%;
    }
}



/*******Regulations and Publications ***/

.content-zone-3 .BorderBoxRegulation {
    border: 1px solid #d3d2d7;
    padding: 15px;
    width: 10%;
    float: left;
    margin: 10px;
}

.content-zone-3 .BorderBoxRegulations {
    padding: 30px 0px 70px;
    background-color: #e5e5e5;
    position: relative;
    margin-bottom: 20px;
}

.content-zone-3 .PublicationContainer li {
    float: left;
}

.content-zone-3 .ImageRegulationFloat {
    float: none;
    text-align: center;
    height: auto;
    width: 100%;
    background-color none;
    : navajowhite;
    margin-bottom: 0px;
}

    .content-zone-3 .ImageRegulationFloat a {
    }

        .content-zone-3 .ImageRegulationFloat a img {
            width: 100%;
        }

.content-zone-3 .ImageRegulation span {
    color: #666666;
    font-size: 35px;
    display: block;
    font-size: 2em !important;
}

    .content-zone-3 .ImageRegulation span:before {
        font-size: 2.5em;
    }

.content-zone-3 .RegulationDataContainer {
    margin-right: 0px !important;
    background-color: #1e448b;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: white;
}

    .content-zone-3 .RegulationDataContainer h2,
    .RegulationDataContainer .h2 {
        font-size: 1em;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0px;
        color: white;
        padding: 14px 0;
        font-weight: bold;
    }

    .content-zone-3 .RegulationDataContainer a:hover {
        text-decoration: none;
    }

#Refinement {
    border: 1px solid #d3d2d7;
    padding: 10px;
}

    #Refinement #Value #RefinementName {
        color: #1e448c;
    }

    #Refinement .ms-displayInlineBlock {
        color: #474747;
    }

#Refinement {
    border: 1px solid #acacac;
}

.content-zone-3 #Refinement #UnselectedSection {
}

#Refinement #UnselectedSection #Value a div:before {
    content: "\f177";
    color: #565656;
    position: absolute;
    right: 0;
    top: 3px;
}

#Refinement #UnselectedSection #Value a div {
    position: relative;
    padding-right: 20px;
}

#Refinement #Container a {
    /*padding: 0;
    width: auto;
    position:relative
	*/
}

#Refinement #Container .histogram_container {
    padding: 0;
}

.ms-ref-refiner {
    padding: 0;
}

.FilterBlock .ms-webpart-zone, .FilterBlock .ms-webpart-cell-vertical, .FilterBlock .ms-webpart-chrome-vertical {
    display: block;
}

.PublicationContainer cbs-picture3LinesContainer {
    clear: none;
}

.PublicationContainer .col-md-2.col-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.rowpublication {
    margin-left: -10px;
    margin-right: -10px;
}

.FilterBlock.col-md-2 {
    padding-left: 0;
}

/*******End Regulations and Publications ***/
/******** Vission And Missin***/

.ValuesBlock {
    padding-top: 14px;
}

.clear {
    clear: both;
}

.Mission {
    padding: 10px 0px;
}

.HeaderMisson {
    text-transform: uppercase;
    color: #333333;
    font-size: 1.2em;
}

.MissionContent {
    color: #666666;
    padding: 10px 0px;
}

.SecurityObjectives {
    /* border:1px solid #bdbdbd; */
    /* padding: 20px; */
    margin-top: 20px;
}

.HeaderObjectives {
    text-transform: uppercase;
    color: #1e448c;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 15px;
}

.SecurityObjectives ul {
    list-style: none;
    padding: 0px;
}

    .SecurityObjectives ul li {
        padding: 0 0px 10px;
        color: #767679;
    }

        .SecurityObjectives ul li:before {
            content: "\f177";
            color: #565656;
            padding: 4px 4px;
        }

.ValuesBlock .BoxBlock h2 {
    font-size: inherit;
    padding: 0;
    margin: 0;
    padding: 10px 32px;
    max-width: 180px;
}

.ValuesBlock .BoxBlock {
    background-color: #1e448c;
    float: right;
    color: white; /* padding: 10px 32px; */
    position: relative;
    margin-bottom: 13px;
    height: 34px;
}

    .ValuesBlock .BoxBlock:first-child:before {
        content: "";
        font-size: 66px;
        position: absolute;
        left: -3px;
        top: 18px;
        bottom: 0;
        line-height: 0;
        color: #1B0404;
    }

    .ValuesBlock .BoxBlock:after {
        content: "\f053";
        position: absolute;
        right: -24px;
        top: 21px;
        font-weight: normal;
        font-size: 65px;
        line-height: 0;
        z-index: 73;
        color: #F7F7F7;
    }

    .ValuesBlock .BoxBlock:before {
        content: "\f053";
        position: absolute;
        left: -23px;
        top: 21px;
        font-weight: normal;
        font-size: 65px;
        line-height: 0;
        z-index: 73;
        color: #F7F7F7;
    }

    .ValuesBlock .BoxBlock:first-child {
    }

    .ValuesBlock .BoxBlock:nth-child(even) {
        background-color: #3259a2;
    }

    .ValuesBlock .BoxBlock:last-child {
    }

    .ValuesBlock .BoxBlock.longtext h2 {
        padding: 3px 32px;
    }
/********End Vission And Missin***/

/*chairman*/
.ChairmanMessages ul.ListLinks {
    text-decoration: none;
    list-style: none;
}

.ChairmanMessages .ChairmanDescription {
    text-align: justify;
}

.ChairmanImage {
    float: right;
    width: 276px;
    background-color: #f3f3f3;
    margin: 6px 0px 0px 20px;
}

    .ChairmanImage img {
        width: 100%;
        height: auto;
    }

.BoardDirectorDetailedImage {
    float: right;
    margin-left: 10px;
}

.DetailsChairmanImage {
    float: right;
    width: 35%;
    background-color: #f3f3f3;
    margin: 6px 20px 0px 0px;
}

    .DetailsChairmanImage img {
        width: 100%;
        height: auto;
    }

.VendorButtons  {
    float: left;
}

.ChairmanName {
    padding: 7px 10px 0px;
    background-color: #1e448c;
    font-weight: bold;
    font-size: 1.2em;
    color: white;
}

.ChairmanTitle {
    padding: 0px 10px 6px;
    color: #9c9c9c;
    font-weight: bold;
    font-size: 0.9em;
    background-color: #1e448b;
    color: white;
}

@media only screen and (max-width:540px) {
    .ChairmanImage {
        float: auto;
        width: 100%;
        background-color: #f3f3f3;
        margin: 6px 0px 0px 20px;
    }
}
/*chairman*/
/*site map*/
div[id*="_SiteMapTreeView"] {
}

    div[id*="_SiteMapTreeView"] td a img {
        margin-right: -5px;
        margin-top: -3px;
    }

    div[id*="_SiteMapTreeView"] td a.sitemap-node {
        color: #333333;
    }

    div[id*="_SiteMapTreeView"] td a.sitemap-leaf-node {
        color: #666666;
    }

.treeviewwp td {
    padding-bottom: 5px;
}
/*site map*/
/*Tree CSS*/
.siteMap .sections { /* float:left; */
    list-style: none;
}

.siteMap > .sections > .department {
    float: right;
    margin-bottom: 25px;
    width: 32%;
    margin-right: 1%;
    font-size: 1.1em;
    font-weight: bold;
    padding-right: 30px;
    color: #333;
}

    .siteMap > .sections > .department .nodeContainer {
        border-bottom: 1px dotted gray;
        font-size: 0.9em;
        color: #333;
    }

        .siteMap > .sections > .department .nodeContainer a {
            font-size: 0.9em;
            color: #333;
        }

    .siteMap > .sections > .department > .nodeContainer {
        border-bottom: 1px solid black;
        font-weight: bold;
    }

        .siteMap > .sections > .department > .nodeContainer a {
            font-weight: bold;
            font-size: 1.1em;
            font-weight: bold;
            color: #333;
        }
/*sitemap*/

/*** Froms And Applications ***/
#departmentsList .FormsCategory { /* background-color:#1e448c; */
    width: 100%;
    color: #333333;

    font-size: 1.29em;
    padding: 7px 17px;
    box-sizing: border-box;
}

#departmentsList .FormsQuestions {
    padding: 0px 17px 0px 17px;
}

#departmentsList .FormsQuestionHeader {
    width: 100%;
    padding: 19px 0px 10px 0px;
}

#departmentsList .FormsQuest {
    color: #1e448c;
    font-size: 1.1em;
    font-weight: bold;
}

#departmentsList .FormsFolder {
    color: #7f7f7f;
    font-size: 0.8em;
    font-weight: bold;
}

#departmentsList .FormsQuestionBody {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

#departmentsList .FormsDescription {
    color: #464646;
    font-size: 0.85em;
    font-weight: bold;
}

#departmentsList .FormsBody .groupheader {
    background-color: #1e448c;
    width: 100%;
    color: white;
    font-size: 1.29em;
    padding: 7px 17px;
    box-sizing: border-box;
}
/*** End Forms and Applications ***/



/**** Department Contact Us ***/
#departmentsList {
    margin-top: 15px;
}

    #departmentsList .departmentBlock { /* border: 1px solid #d2d3d6; */
        padding: 0px 13px;
        color: #494949; /* position: relative; */
    }

    #departmentsList .contactLink a {
        color: white;
        text-decoration: none;
    }

        #departmentsList .contactLink a:hover {
            color: white;
            text-decoration: none;
        }

        #departmentsList .contactLink a:visited {
            color: white;
            text-decoration: none;
        }

    #departmentsList .departmentListing {
        padding-bottom: 15px; /* height:90px; */
        color: #666666;
        font-size: 0.93em;
    }

    #departmentsList .contactLink {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

        #departmentsList .contactLink a {
            color: white;
            font-size: 1.1em;
            text-transform: uppercase;
            background-image: url('/_layouts/15/STYLES/ADX/Images/departmentsContactus.png');
            background-repeat: no-repeat;
            background-position: 5% center;
            background-color: #1e448c;
            padding: 10px;
            padding-left: 45px;
            width: 100%;
            display: block;
        }

    #departmentsList .col-sm-6 {
        margin-bottom: 15px;
    }

    #departmentsList .department-bg {
        border: 13px solid #F7F7F7;
        background-color: #ebebeb;
        height: 244px;
        position: relative;
    }

    #departmentsList .departments-row-box {
        /* background-color: #D5D8D8; */
        padding: 0;
    }
/***End Department Contact Us ***/
/*market establishment*/
.Informative div.ms-comm-forumContainer {
    max-width: 100% !important;
}

.Informative .ms-WPBorder {
    border-color: #bfbfbf;
    padding: 10px;
}

.Informative .description-text {
    font-size: 1em;
    color: #666666;
}

.Informative .headder-two {
    color: #333333;
    font-size: 1.1em;
    padding: 9px 0;
    font-weight: bold;
}

.Informative ol {
    padding: 0 0px;
    margin: 0px 18px;
}

    .Informative ol li {
        padding: 0 0px;
        margin: 0 0px;
    }

    .Informative ol li {
        font-size: 0.98em;
        margin: 0;
        padding: 0;
    }

.Informative ul.listing-arrow {
    padding: 0 0px !important;
    color: #666666;
    list-style: none !important;
}

.Informative ol ul.listing-arrow {
    margin-right: -16px;
}

.Informative ul.listing-arrow li {
    padding: 0 0px;
    margin: 0 0px;
}

    .Informative ul.listing-arrow li:before {
        content: "\f177";
        color: #333333;
        font-size: 0.98em;
        margin-left: 12px;
        list-style: none;
        margin-right: 4px;
    }

/*INFORMATIVE STYLES*/

.ms-rteStyle-DescriptionText {
    -ms-name: "Description Text";
    font-size: 1em;
    color: #666666;
}

.ms-rteStyle-headder-two {
    -ms-name: "Headder Two";
    color: #333333;
    font-size: 1.1em;
    padding: 9px 0;
    font-weight: bold;
}


/******* News Listing**************/
.ViewAllNews .news-item-row-text .news-row-description {
    font-size: 1em;
}

.ViewAllNews .news-item-row-text .news-row-title {
    display: inline-block;
}

.ViewAllNews .news-item-row {
    border-top: 1px solid #c9c9c9;
    padding: 15px 0;
}

    .ViewAllNews .news-item-row:first-child {
        border-top: 0;
        padding-top: 0;
    }

.detailsarrow:before {
    content: "\f177";
    margin-top: 7px;
}

.viewnewsdetails .news-row-details {
    padding-top: 5px;
}

.viewnewsdetails .news-item-row-img a {
    display: block;
	margin-top: 1em;
}

.viewnewsdetails .news-item-row .news-item-row-img:before {
    background: none;
    display: none;
}

.viewnewsdetails .news-item-row .news-item-row-img a {
    position: relative;
}

.viewnewsdetails .news-item-row .AttachmentImage {
    border: 1px solid #C9C9C9;
    padding: 10px;
}

    .viewnewsdetails .news-item-row .AttachmentImage:hover .img-layer {
        position: absolute;
        background-color: rgba(1, 51, 102, 0.25);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.viewnewsdetails .ImageValue, .viewnewsdetails #attachmentNews a {
    border: 1px solid #C9C9C9;
    padding: 10px;
}

    .viewnewsdetails .ImageValue:hover .img-layer, .viewnewsdetails #attachmentNews:hover .img-layer {
        position: absolute;
        background-color: rgba(1, 51, 102, 0.25);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.viewnewsdetails.articleNews .news-item-row .news-item-row-img {
    border: 1px solid #C9C9C9;
    padding: 10px;
    height: initial;
}


@media only screen and (max-width:600px) {
    .ViewAllNews .news-item-row .news-item-row-text {
        padding-right: 0;
        padding-top: 10px;
    }
}

/*********Pagination**********/
.pager {
    text-align: right;
}

.page-prev {
    width: 24px;
    height: 24px;
    background-color: #1e448b !important;
    border: 1px solid #1e448b;
    display: inline-block;
    text-align: center;
    margin-left: 3px;
    float: right;
}

    .page-prev:before {
        content: "\f061";
        color: #ffffff;
        line-height: 22px;
        font-size: 15px;
    }

.page-next {
    width: 24px;
    height: 24px;
    background-color: #1e448b !important;
    border: 1px solid #1e448b;
    display: inline-block;
    text-align: center;
    float: right;
}

    .page-next:before {
        content: "\f060";
        color: #ffffff;
        line-height: 22px;
        font-size: 15px;
    }

.ms-promlink-button-inner {
    padding-left: 0;
    padding-right: 0;
    float: right;
}

    .ms-promlink-button-inner a {
        width: 24px;
        height: 24px;
        color: #333333;
        font-size: 15px;
        text-align: center;
        line-height: 22px;
        display: inline-block;
        border: 1px solid #1e448b;
        margin-left: 3px;
    }

        .ms-promlink-button-inner a.activeNumber {
            background-color: #1e448b;
            color: #ffffff;
        }

.pager .ms-promlink-button-disabled {
    display: none !important;
}

/******* Monthly Reports**************/
.BlockPublicationContainer {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #999999;
}

.ContainerPublicationHeader {
    color: #333333;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 5px;
}

.Reportlistitem {
    color: #666666;
    font-size: 0.95em;
}

    .Reportlistitem div {
        padding-bottom: 3px;
    }

    .Reportlistitem a {
        color: #1e448c;
    }

    .Reportlistitem div span {
        color: #333333;
        font-weight: bold;
    }


/*allservices*/
#allservices {
}


    #allservices .dfwp-column.dfwp-list {
        padding-right: 0;
        margin-right: 0;
    }

        #allservices .dfwp-column.dfwp-list .dfwp-item {
            overflow: inherit !important;
        }

    #allservices .groupheader {
        background-color: #4f4f4f;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
        margin: 0;
        color: white;
        padding: 6px 10px;
        position: relative;
        font-size: 1.3em;
        text-transform: uppercase;
    }

        #allservices .groupheader:hover {
            background-color: #1e448b;
            cursor: pointer;
        }

        #allservices .groupheader:after {
            content: "\f065";
            position: absolute;
            left: 22px;
            top: 12px;
        }

    #allservices .dfwp-column.dfwp-list .dfwp-item {
        margin-bottom: 26px;
    }

        #allservices .dfwp-column.dfwp-list .dfwp-item ul.dfwp-list {
            border: 1px solid black;
            border-top: none;
            padding: 0 10px;
            padding-left: 20px;
        }

            #allservices .dfwp-column.dfwp-list .dfwp-item ul.dfwp-list .faq_list_item {
                /* padding: 0px 10px; */
            }

    #allservices .FAQQuestionHeader {
        font-weight: bold;
        border-bottom: 1px solid;
    }

    #allservices .FAQQuestionBody {
        display: none;
        border-bottom: 1px solid;
        font-size: 0.92em;
        padding: 4px 0;
    }

    #allservices .FAQQuestionHeader .FAQQuest:hover {
        cursor: pointer;
    }

    #allservices .FAQQuestionHeader .FAQQuest {
        /* padding: 4px 24px 4px 6px; */
        display: block;
        position: relative;
        padding: 6px 0 6px 22px;
        font-size: 1em;
    }

        #allservices .FAQQuestionHeader .FAQQuest:after {
            content: "\f196";
            position: absolute;
            left: 0;
            top: 4px;
            bottom: 0;
            font-size: 1.7em;
            color: #1e448b;
            vertical-align: bottom;
            font-weight: normal;
        }

    #allservices .FAQQuestionHeader .FAQPlus {
        float: left;
    }

    #allservices .FullWidth {
        width: 100% !important;
    }

        #allservices .FullWidth ul.dfwp-list {
            height: auto !important;
        }

    #allservices .FAQActive {
    }

        #allservices .FAQActive .FAQQuestionHeader .FAQQuest:after {
            content: "\f147";
        }

    #allservices .FullWidth .groupheader:after {
        content: "\f066";
        top: 15px;
    }

    #allservices .FAQDetails {
    }

        #allservices .FAQDetails .groupheader {
            border: none;
            color: white;
            font-size: 1.6em;
        }

            #allservices .FAQDetails .groupheader:hover {
            }

        #allservices .FAQDetails .FormsQuestionHeader, #allservices .FAQDetails .FormsQuestionBody {
            padding-left: 50px;
        }

        #allservices .FAQDetails ul.dfwp-list {
            border: none !important;
            padding: 0 !important;
        }

        #allservices .FAQDetails .FormsDownload {
            position: absolute;
            top: 12px;
            left: 22px;
        }

        #allservices .FAQDetails .FormsFolder {
            position: absolute;
            bottom: 7px;
            left: 20px;
        }

    #allservices .FormsQuestions {
        border-bottom: 1px solid;
        position: relative;
        padding: 4px 0;
    }

    #allservices .FormsButtons {
        position: absolute;
        left: 0px;
        height: 100%;
        top: 0;
        width: 26px;
    }

    #allservices .FormsDownload {
        position: absolute;
        top: 6px;
        left: 1px;
    }

    #allservices .FormsFolder {
        position: absolute;
        bottom: 6px;
        left: 0;
    }

    #allservices .FormsQuestionHeader {
        font-size: 1.1em;
        font-weight: bold;
        padding-left: 30px;
        color: #333;
    }

    #allservices .FormsQuestionBody div {
        width: 94%;
        display: inline-block;
    }

    #allservices .FormsDescription {
        font-size: 0.95em;
        font-weight: bold;
        padding-left: 2px;
        color: #333;
    }


    #allservices .FormsButtons a {
        color: #999;
    }

        #allservices .FormsButtons a:hover {
            color: #1e448b;
        }

    #allservices .FormsDownload a {
        display: block;
        text-align: center;
    }

        #allservices .FormsDownload a:before {
            content: '\f019';
            font-size: 1.2em;
        }

    #allservices .FormsFolder a {
        display: block;
        text-align: center;
    }

        #allservices .FormsFolder a:before {
            content: '\f07c';
            font-size: 1.2em;
        }
/*end allservices*/

/*E Calculator*/
.calculatorResults {
    margin-top: 22px;
}

.resultTable {
    background-color: #1E448B;
    color: white;
    padding: 15px 15px;
}

    .resultTable div {
        padding: 2px 0;
        font-size: 1.2em;
    }

.right-arrow:before {
    content: "\f177";
    color: #ff;
    font-size: 0.98em;
    margin-left: 12px;
    list-style: none;
    margin-right: 0px;
}

/*End ECalculator*/
/******** Photo Albums ********/
.GalleryAlbums .gallery-list-image {
    padding: 0;
    height: 180px;
}

.gallery-list-item .inner-list-item {
    position: relative;
    overflow: hidden;
}

    .gallery-list-item .inner-list-item img {
        max-width: 100%;
        max-height: 180px;
        margin: 0 auto;
    }

.gallery-item-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 5px 0;
    color: #ffffff;
    font-size: 1.1em;
    background-color: #1e448b;
}

.gallery-item-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 100%;
    background-color: #1e448b;
    padding: 20px 0;
    text-align: center;
    color: #ffffff;
    font-size: 1.15em;
    transition: all 0.5s ease-in-out;
}

    .gallery-item-info h6 {
        font-size: 1.1em;
    }

    .gallery-item-info .gallery-item-date:before {
        content: "\f073";
        margin-left: 5px;
    }

    .gallery-item-info a {
        border: 1px solid #ffffff;
        padding: 5px 20px;
        display: inline-block;
        color: #ffffff !important;
        margin-top: 25px;
    }

.albumimagename {
    display: none;
}

.gallery-img-details {
    position: relative;
}

.album-img-listing .col-sm-4 {
    padding-bottom: 21px;
}

    .album-img-listing .col-sm-4 img {
        width: 100%;
    }

    .album-img-listing .col-sm-4 .active img {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.image-details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1e448b;
    padding: 10px 10px 10px 100px;
    color: #ffffff;
}

    .image-details h3 {
        margin: 0;
        padding: 0 0 8px 0;
        font-size: 1.1em;
        font-weight: normal;
    }

.gallery-img-details .image-date:before {
    content: "\f073";
    margin-left: 5px;
}

.image-details .albumimageprev {
    position: absolute;
    color: #ffffff;
    display: inline-block;
    bottom: 15px;
    left: 60px;
}

.imagedetails img {
    width: 100%;
}

.image-details .albumimageprev:before {
    content: "\f054";
    font-size: 25px;
}

.image-details .albumimagenext {
    position: absolute;
    color: #ffffff;
    display: inline-block;
    bottom: 15px;
    left: 10px;
}

    .image-details .albumimagenext:before {
        content: "\f053";
        font-size: 25px;
    }


@media only screen and (min-width:801px) {
    .gallery-list-image:hover .gallery-item-info {
        top: 0;
    }
}

.positive:after {
    content: "\f062";
    margin-right: 10px;
    font-size: 40px;
    color: #3fbd6c;
}

.negative:after {
    content: "\f063";
    margin-right: 10px;
    font-size: 40px;
    color: #e9344c;
}

.neutral:after {
    content: "\f068";
    margin-right: 10px;
    font-size: 22px;
    color: #1e448b;
}


/***** Media Calendar ****/

.ntwselectDate {
    font-size: .8em;
}

.selectdiv {
    padding-left: 29px;
}

.leftcalsection {
    padding-left: 30px;
}

.ETFEventCalendar .ntwselectDate {
    padding: 9px 9px 9px 50px;
}

    .ETFEventCalendar .ntwselectDate:after {
        content: "\f073";
        position: absolute;
        left: 9px;
        top: 13px;
        font-size: 22px;
    }

.EventCalendar .btn {
    text-align: right;
}

.eventTypeList > li:after {
    position: absolute;
    content: "\f0d9";
    font-size: 48px;
    left: -15px;
    top: 50%;
    margin-top: -21px;
    display: none;
}

@media screen and (max-width: 992px) {
    .siteMap > .sections > .department {
        width: 49%;
    }
}

@media screen and (max-width: 768px) {
    .eventTypeList > li:after {
        content: "\f0d7";
        left: auto;
        right: 50%;
        margin-right: -10px;
        top: 100%;
    }

    .ETFEventCalendar .eventTypeList li.DailyEvent, .ETFEventCalendar .eventTypeList li.MonthlyEvent {
        border-left: 10px solid #ffffff;
    }
    /** News Details in Responsive ***/
    .viewnewsdetails .news-item-row .news-item-row-img {
        height: auto;
        margin-bottom: 15px;
    }

    .viewnewsdetails .news-item-row-text {
        padding: 0px;
    }
    /** End News Details in Responsive ***/
    .siteMap > .sections > .department {
        width: 100%;
        float: none;
    }
}


/********IT Department *******/
.link-item.bullet {
    background: transparent none;
    position: relative;
    padding-right: 17px;
}

    .link-item.bullet:before {
        content: "\f177";
        color: #565656;
        position: absolute;
        right: 0;
        top: 8px;
    }

    .link-item.bullet a {
        color: #1e448c;
    }

.DataFilters .Financialperiod, .DataFilters .symbolSector, .DataFilters .Range, .DataFilters .Show, .DataFilters .AsOf {
    padding-bottom: 15px;
}


.logout {
    display: inline-block;
}

    .logout:before {
        content: "\f08b";
        font-size: 20px;
        color: #924996;
        transform: rotate(180deg);
    }

.marketlogin .logout:before {
    color: #333333;
}


.EditMode .leftsection {
    position: absolute;
}


/******** Broker Profile*******/

.BranchFirstTable {
    border-bottom: 1px solid #ffffff;
}

    .BranchFirstTable h3 {
        font-size: 1.2em;
        text-transform: uppercase;
    }

        .BranchFirstTable h3:before {
            content: "\f060";
            padding-left: 5px;
        }

.Mainbranchinfo {
    background-color: #e0e0e0;
    padding: 5px 0;
    color: #666;
}

.BranchFirstTable td {
    padding: 0px 10px;
    border-right: 1px solid #666;
}

.BranchFirstTable tr td:first-child {
    border-right: 0;
}



.contactPerson {
    background-color: #ebebeb;
    color: #666;
}

    .contactPerson td, .contactPerson th {
        padding: 5px 5px;
    }



.BrokerListingBlock {
    border-bottom: 1px solid #333333;
}

    .BrokerListingBlock td {
        vertical-align: top;
        padding: 5px 0px;
    }

    .BrokerListingBlock label {
        margin: 0;
        position: relative;
        top: -2px;
        font-weight: bold;
    }

    .BrokerListingBlock .table3 a {
        display: block;
        color: #565656;
        margin-bottom: 5px;
    }

        .BrokerListingBlock .table3 a:before {
            content: "\f177";
            color: #565656;
            padding-left: 5px;
        }

.BrokerProfileHeader {
    padding-bottom: 10px;
    border-bottom: 1px solid #333333;
}

.brokerHeadTitle {
    text-transform: uppercase;
    font-weight: bold;
}





/****************************************************	HK Slick grid	****************************************************/

#myGrid {
    border: none;
}

.slick-header {
    text-align: center;
}

.slick-header-columns {
    padding: 0;
}

.slick-cell {
    border-left: 1px solid white;
    text-align: center;
}

.slick-header-column.ui-state-default {
    padding-top: 12px;
    font-weight: bold;
    padding-bottom: 12px;
    border-left: 1px solid white;
    text-align: right;
}

.slick-row.even {
    background: #dbdbdb;
}

.slick-row.odd {
    background: #d3d1d2;
}

.slick-cell, .slick-headerrow-column {
    border-left: 1px solid white;
}

.slick-cell {
    border-left: none;
    border-bottom-color: white;
}

.slick-cell {
    text-align: right;
}

.slick-group,
.slick-group .slick-group-title span {
    color: white;
    font-weight: bold;
}

.slick-group {
    background: #7d7d7d;
}

.slick-row {
    color: #333333;
}

#topNavigation a.listingNav:hover {
    color: #ffffff;
    text-decoration: underline;
}

.alignGridTextCell {
    text-align:right
}

/****************************************************	HK Slick grid	****************************************************/



/******************************************		Market Watch		******************************************/



.ui-dialog-titlebar-close {
    min-width: 0;
}

.ui-dialog .ui-dialog-content {
    width: 100% !important;
    margin-bottom: 15px;
}

.ui-resizable {
    border-radius: 0;
    border: none;
    padding: 0;
}

.ui-draggable .ui-dialog-titlebar {
    background: none;
    background-color: #52668b;
    border-radius: 0;
    border: none;
}

.ui-dialog .ui-dialog-title {
    color: white;
    float: right;
}

.marketWatchDialog {
    width: 100%;
    font-size: 0.6em;
    height: 200px !important;
    min-height: 0;
}

    .marketWatchDialog .orderLink {
        float: right;
        background-color: #1e448b;
        color: white;
        padding: 6px 8px;
        margin-left: 7px;
    }

    .marketWatchDialog .chartLink,
    .marketWatchDialog .companyProfileLink {
        float: right;
        background-color: #838383;
        color: white;
        padding: 6px 8px;
        margin-left: 7px;
    }

        .marketWatchDialog .chartLink a,
        .marketWatchDialog .companyProfileLink a {
            color: white !important;
        }

    .marketWatchDialog .order-price-container {
        clear: both;
        width: 99%;
    }

.tabContainer {
    float: right;
}

.dialogTab {
    float: right;
}

.seperator {
    float: right;
}

.marketWatchDialog .table-market-by-price th {
    background-color: #CAC8C8;
    border-bottom: 1px solid white;
    padding: 10px 0px !important;
}

.marketWatchDialog .table-market-by-price tr td {
    border-left: 1px solid white; /* padding: 10px 0; */
}

.marketWatchDialog .table-market-by-price tr:first-child td {
    padding: 10px 0 !important;
    text-align: center;
}

.marketWatchDialog .table-market-by-price .TableHeaders.branch-list-tb tr:first-child {
    border: none;
}

.marketWatchDialog .TableHeaders tr td {
    background-color: #b9d2d9;
    height: 23px;
    width: 50%;
    padding: 5px 0;
}

.marketWatchDialog .table-market-by-price tfoot tr:first-child td {
    padding: 10px 0px !important;
    text-align: center;
}

    .marketWatchDialog .table-market-by-price tfoot tr:first-child td:nth-child(2) {
        padding-right: 0 !important;
    }

.marketWatchDialog .table-market-by-price tr:nth-child(2) td {
    color: #333333;
}

.marketWatchDialog .table-market-by-price .tableleft tr td {
    background-color: #e0c8c6;
}

.marketWatchDialog .table-market-by-order th {
    background-color: #CAC8C8;
    border-bottom: 1px solid white;
    padding: 10px 0px !important;
}

.marketWatchDialog .table-market-by-order tr td {
    border-left: 1px solid white;
}

.marketWatchDialog .table-market-by-order .TableHeaders.branch-list-tb tr:first-child {
    border: none;
}

.marketWatchDialog .table-market-by-order tr:first-child td {
    padding: 10px 0 !important;
    text-align: center;
}

.marketWatchDialog .table-market-by-order tr td {
    background-color: #b9d2d9;
    height: 23px;
    width: 50%;
}

.marketWatchDialog .table-market-by-order tfoot tr:first-child td {
    padding: 10px 0px !important;
    text-align: center;
}

    .marketWatchDialog .table-market-by-order tfoot tr:first-child td:nth-child(4) {
        padding-right: 0 !important;
    }

    .marketWatchDialog .table-market-by-order tfoot tr:first-child td:nth-child(2) {
        padding-right: 0 !important;
    }

.marketWatchDialog .table-market-by-order tr:nth-child(2) td {
    color: #333333;
}

.marketWatchDialog .table-market-by-order .tableleft tr td {
    background-color: #e0c8c6;
}


.marketWatchDialog .table-market-by-price tr.Titles td,
.marketWatchDialog table-market-by-order tr.Title td {
    width: 50% !important;
}

.marketWatchDialog .table-market-by-price tr.DataTable td,
.marketWatchDialog table-market-by-order tr.DataTable td {
    width: 50% !important;
}

.market-by-price-container .branch-list-tb tr:last-child td,
.market-by-order-container .branch-list-tb tr:last-child td {
    border-top: 1px solid white;
}

.marketWatchDialog .dialogTab {
    font-size: 1.2em;
    letter-spacing: 0.5px;
    cursor: pointer;
}

    .marketWatchDialog .dialogTab.selected {

    }

.marketWatchDialog .tabContainer {
    margin: 5px 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-image: url("/_layouts/15/STYLES/ADX/Images/MWCloseIcon.png");
    background-repeat: no-repeat;
    background-color: #52668B;
    border: none;
    background-position: top center;
    left: 0;
    right: 92%;
}

button.ui-dialog-titlebar-close {
}

.ui-widget-header .myDialogBtn.pin.pinClose .ui-icon {
    background: none;
    width: 16px !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    margin-left: 0px !important;
}

.ui-widget-header .myDialogBtn.pin.pinOpen .ui-icon {
    background: none;
    width: 16px !important;
    min-width: 0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    margin-left: 0px !important;
    transform: rotate(50deg);
}

.ui-widget-header a {
    float: left;
    margin-left: 7px;
}

.myDialogBtn.pin.pinClose .ui-icon:after {
    content: "\f08D";
    color: white;
}

.myDialogBtn.pin.pinOpen .ui-icon:after {
    content: "\f08D";
    color: white;
}




/******************************************		End Market Watch		******************************************/
/**** News Details Pages ***/



.viewnewsdetails .news-item-row .AttachmentImage:before {
    content: "\F08E";
    font-size: 20px;
    color: #023E70;
    position: absolute;
    left: 3%;
    z-index: 9;
    transform: rotate(268deg);
}

.viewnewsdetails #attachmentNews a:before, .viewnewsdetails .ImageValue:before {
    content: url('../Images/DLOAD.png');
    font-size: 20px;
    color: #023E70;
    position: absolute;
    left: 3%;
    z-index: 9;
}
/** End News Details Pages***/

/**** StockTicker ***/

.js-marquee .Yellow {
    color: orange !important;
}

/****End StockTicker ***/

.copyright a {
    color: white;
}

    .copyright a:hover {
        color: white;
    }

    .copyright a:visited {
        color: white;
    }

.mostactivebyvolume-content .gridtable table, .mostactivebyvalue-content .gridtable table, .mobiletabsblock .gridtable table  {
     background-color: rgba(51,51,51,.5);
}

/** ContactUsBranch Melick **/
			.contactContainer {
				border: 2px solid #8a96a6;
				padding: 10px 5px;
				text-align: center;
			}

			.contactText {
				line-height: 100%;
				font-size: 1.8em;
				font-weight: bold;
				color:#1f4286;
			}
			.contactText .contactTitle {
				color: #556370;
				font-size: 0.8em;
				font-weight: normal;				
			}
			.contactAddressTitle {
				font-size: 2.3em;
				color: #1f4188;
				margin: 20px 0;
			}
.contactAddress {
	color: #556370;
	font-size: 1em;
	margin-bottom: 3.3em;
}
.contact {
	font-size: 1em;
	color: #556370;
}
			.contactAddressIcon {
				margin-right: 10px;
			}
			.contactAddressIcon {
				margin-left: 10px;
				font-size: 1em;
				color: #1f4188;
			}
			.contactBorder {
				border-right: 1px solid #8996a6;
				padding-right:1vw;
			}
			
			.contactBorder.HQ {
				border:none;
			}
			
			.contactAddressTitle2 {
				margin: 0;
			}
			.contactAddress2 {
				color: #556370;
				font-weight: 300;
			}
			.branchAddress.border:after {
				border-bottom: 1px solid #8996a6;
				content: "";
				display: block;
				width: 75%;
				margin: 10px 0;
			}
			.contact2 {
				color: #556370;
			}
			@media (max-width: 990px) {
				.contactBorder.HQ {
					border-right: 0;
				}
			}

/** ContactUsBranch Melick **/

/** ContactForms Melick **/

			.FAQHeader {
				background: #8996a6;
				margin: 25px 0;
				font-size: 3em;
				padding: 10px 15px;
				color: #ffffff;
				font-weight: 300;
			}

			.FAQHeaderIcon img{
				text-align:center;
				max-height: 65px;
			}
			.FAQHeaderIcon {
				font-size: 3em;
				padding: 26px 0;
				color: #ffffff;
				font-weight: 300;
				margin: 0.2em 0;
				float:right;
			}

/** END ContactForms Melick **/

/** Daily Stat Melick **/

.DailyStatistics-Content {
	display:inline-block;
	width:100%;
}

.mobiletabsblock.DailyStat{
	display: inline-block;
    font-size: 1.4em;
    color: #1f4188;
    width: 100%;
    background-color: rgba(51,51,51,.5);
}

.DailyStat table tr {
	border: 1px solid #FFF;	
	color:#FFFFFF;
}

.Stattitle{ 
	float:right;
	font-weight: bold;
	padding:5px 20px 0px 0px;
}

.StatResults {
	padding:5px 0px 0px 20px;
}

#DailyStat{
    background-color: #1f4188;
    color: #FFFFFF;
    padding: 5px;
}

/** Daily Stat Melick **/

/** RulesandRegulation Melick **/

.legislationParallax {
		background: url('/SiteAssets/legislation_parallax.jpg');
		text-align: center;
		padding: 10em 0;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.legislationParallax h3 {
		color: #fff;
		text-align: center;
		font-size: 3em;
		font-weight: 400;
		border: 5px solid #f5bc40;
		display: inline-block;
		padding: 10px 35px;
	}
	.legislationRules {
    text-align: center;
    background: #dfe9ec;
    width: 100%;
    padding: 20px;
	position: relative;
	transition: all cubic-bezier(.08,.82,.17,1) 0.3s;
	}
	
	.legislationRulesContainer .default {
		display:inline;
	}
	
	.legislationRulesContainer .hover {
		display:none;
	}
	
	.legislationRulesContainer:hover  .hover {
		display:inline;
	}
	.legislationRulesContainer:hover  .default {
		display:none;
	}
	
	
	.legislationRulesContainer:hover .legislationRules {
		background: #1e448c;
		transition: all cubic-bezier(.08,.82,.17,1) 0.3s;
	}
	.legislationRulesContainer:hover .legislationRules:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ffffff;
		position: absolute;
		bottom: 0;
		left: 45%;
		transition: all cubic-bezier(.08,.82,.17,1) 0.3s;
	}
	.legislationRulesDesc {
		text-align: center;
		font-size: 1em;
	}
	.legislationRulesContainer:hover {
		text-decoration: none;
	}
	.legislationRulesRow {
		margin-top: 2em;
	}
	.legislationRulesWrapper {
		height: 12em;
	}

/** END RulesandRegulation Melick **/

/** Circulars Melick **/

.slicktableCirculars {
width:98%;
}

.slicktableCirculars .slick-header-columns {
	border: none !Important;
	padding
}

.slicktableCirculars .slick-header-column.ui-state-default {
	border-top: none !Important;
	border-left: none !Important;
	border-bottom: none !Important;
border-left: 15px solid white !important;
}


.slicktableCirculars .slick-cell {
	border-top: none !Important;
	border-left: none !Important;
	border-bottom: none !Important;
	border-left: 15px solid white !important;
}

.slicktableCirculars .figure{
    direction: rtl !important;
}


.slicktableCirculars  .ui-state-default{
border:none!important;
}

.slicktableCirculars  .slick-header.ui-state-default{
	background:none;
    margin-bottom: 15px;
}

.slicktableCirculars .slick-row.even{
	background: #dfe9ec;
}
.slicktableCirculars .slick-row.odd {
	background: #ffffff;
}
.crlDownload{
    background: #924996 !important;
}

.crlDownloadButton{
    padding: 10px;
    line-height: 1em;
	text-align: center;
	color: #1f4188;
}

.crlDownloadButton .fa-download:before{
    font-size: 1.2em;
}

.filterrowCirculars {
    margin: 10px 0px;
    background: #8996a6;
    padding: 10px 0;
    border-left: 15px solid white !important;
}
.filterrowCirculars .select2-container--default .select2-search--inline .select2-search__field {
    line-height: 35px;
}
.filterrowCirculars .select2-container .select2-selection--multiple {
    padding-right: 30px;
}
.filterrowCirculars .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #1f4188;
    color: #efefef;
    border: 1px solid #1f4188;
    border-radius: 10px;
	padding: 2px 5px;
}
/* change to adx red */
.filterrowCirculars .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #ec3737; 
}
.filterrowCirculars .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ec3737;
	margin-right: 5px;
}
.filterrowCirculars .select2-container .select2-selection--multiple {
    border-color: #8996a6 !important;
}
.filterrowCirculars .adxbtn.alt {
    padding: 12px;
}

@media (max-width: 768px){
	.filterrowCirculars .adxbtn.alt {
		margin-top:5px;
	}
}

.filterrowCirculars .searchButton {
    text-align: center;
}

/** END Circulars Melick **/

/**  BoardofDirectorsList Melick **/

.imageBorder.first {
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
    -webkit-clip-path: url("#polygon-clip-hexagon");
    clip-path: url("#polygon-clip-hexagon");
    padding: 10px;
    background: #1f4188;
    margin: 0 auto;
}
.imageBorder {
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
    -webkit-clip-path: url("#polygon-clip-hexagon");
    clip-path: url("#polygon-clip-hexagon");
    padding: 5px;
    background: url("../images/newsbg1.jpg");
    margin: 0 auto;
}

.polygon-each-img-wrap {
    background: url("../images/newsbg1.jpg");
    padding: 20px;
	clip-path:  polygon(0% 0%, 50% 0%, 100% 0%, 100% 90%,50% 100%,0% 90%);
    -webkit-clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 90%,50% 100%,0% 90%);
	margin: 0 -1px;
}
@media (max-width: 1200px) {
	.polygon-each-img-wrap {
    
	clip-path:  polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%,50% 100%,0% 100%);
    -webkit-clip-path: polygon(0% 0%, 50% 0%, 100% 0%, 100% 100%,50% 100%,0% 100%);
	margin: 0 -1px;
}
}

.managementContainer {
    padding: 0;
}

.managementContainer  .details {
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
       padding: 115px 15px 0;
    background: #8996a6;
    margin-top: -113px;
}

.bottomShape {
    width: 100%;
    height: 100px;
    background: #8996a6;
    -webkit-clip-path: polygon(0% 0%, 00% 0%, 100% 0%, 100% 35%,50% 100%,0% 35%);
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
	margin-top : -1px;
}
.details .adxbtn {
    width: 100%;
	min-width:0px;
	margin-bottom: 2px;
}

.details h3 {
    text-align: center;
    font-size: 1.6em;
	font-weight: 700;
	color:#fff;
	height: 3em;
}
.details h3 .subtitle {
    color: #1f4188;
    font-size: 0.6em;
	padding-top: 10px;
}
.aboutUsTitle.alt{
	text-align:center;
}
.managementMembers {
    padding: 25px 0px;
}
.managementSocial .fa {
    color: #1f4188;
}
.managementSocial {
    font-size: 1.4em;
    text-align: center;
    margin: 10px 0;
}

.managementSocialrow{
	margin-top:1em;
}

.biography p{
	font-size: 0.9em;
	height: 11em;
    overflow: hidden;
	color: #fff;
}
.managementMembers .readMore{
	text-align:center;
	height: 3em;    
}
.biography {
    margin: 15px 0 20px 0;
}
.clip-svg {
		width: 0;
		height: 0;
	}


.polygon-clip-hexagon {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		-webkit-clip-path: url("#polygon-clip-hexagon");
		clip-path: url("#polygon-clip-hexagon");
		transition: all cubic-bezier(.08,.82,.17,1) 1s;
	}
.polygon-each-img-wrap:hover .polygon-clip-hexagon {
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
	-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
}
.polygon-each-img-wrap:hover .imageBorder.first{
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
	background: #f5bc40
}
.polygon-each-img-wrap:hover .details {
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
	background: #f5bc40
}
.polygon-each-img-wrap:hover .bottomShape {
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
	background: #f5bc40
}

/** END BoardofDirectorsList Melick **/

/** BOD Details Melick **/

.polygon-each-img-wrap.detailed {
    background: transparent;
}
.imageBorder.white{
	background:#fff;
}
.educationDetail .introText {
    margin-top: 1em;
}
.managementSocialLinks .fa {
    font-size: 1.4em;
    color: #1f4188;
}
.educationDetail img{
	height: 48px;
    width: 23px;
}
.educationBullet{
	text-align:center;
	padding-right: 0;
}
.educationText{
	padding-left:0;
}
/** END BOD Details **/

/** -- OrgChart Melick **/
.orgchart.content {
    font-size: .5em;
    position: relative;
}

.orgchart.content * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.org-chart {
    display: block;
    clear: both;
    margin-bottom: 30px;
    position: relative;
}

.org-chart.cf:before, .org-chart.cf:after{
    content: " ";
    display: table;
}

.org-chart.cf:after{
    clear: both;
}

.org-chart.cf{
    /* *zoom: 1; */
	padding:5em;
}

.org-chart ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.org-chart ul li {
    position: relative;
}

.org-chart ul li span {
    display: block;
    border: 1px solid #1f4188;
    text-align: center;
    overflow: hidden;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.8em;
    box-shadow: 2px 2px 5px -4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
    background: #924996;
    padding: 2px;
}

.board {
    margin: 0 auto;
    display: block;
    position: relative;
}

.org-chart .board:before{
    content:"";
    display: block;
    position: absolute;
    height:260px;
    width: 0px;
    border-left: 2px solid #1f4188;
    margin-right: 49%;
    top: 20px;
}

.org-chart ul.columnOne {
    height:90px;
    position:relative;
    width:100%;
    display:block;
    clear:both;
}

.org-chart ul.columnOne li {
    width:30%;
    margin:0px auto;
    top: 20px;
}

.org-chart ul.columnTwo{
    height: 50px;
    position: relative;
    width:100%;
    display:block;
    clear:both;
}

.org-chart ul.columnTwo li:first-child{
    width: 30%;
    float: left;
}

.org-chart ul.columnTwo li {
    width: 30%;
    float: right;
}

.org-chart ul.columnTwo:before{
    content:"";
    display:block;
    position:relative;
    width:80%;
    height:10px;
    border-top: 2px solid #1f4188;
    margin: 0 auto;
    top: 40px;
}

.org-chart ul.columnThree {
    position:relative;
    width:100%;
    display:block;
    clear:both;
}

.org-chart ul.columnThree li:first-child{
    width:30%;
    float: left;
    margin-left:0;
    margin-bottom:20px;
}

.org-chart ul.columnThree li{
    width:30%;
    float: left;
    margin-left:5%;
}

.org-chart ul.columnThree li:last-child{
    width:30%;
    float: right;
    margin-left:0;
}

.org-chart ul.columnThree:before{
    content:"";
    display:block;
    position: relative;
    width:80%;
    height:10px;
    border-top: 2px solid #1f4188;
    margin: 0 auto;
    top:40px;
}

.org-chart ul.columnThree:after{
    content:"";
    display:block;
    position: relative;
    width:80%;
    height:70px;
    margin: 0 auto;
    top:40px;
}
.org-chart .departments{
    width:100%;
    float:left;
    margin:0px 4px;
    /*display:block;
    clear:both;*/
}

.org-chart .departments:before{
    content: "";
    display: block;
    width: 50%;
    height: 10px;
    border-top: 2px solid #1f4188;
    border-left: 2px solid #1f4188;
    border-right: 2px solid #1f4188;
    margin: 0px auto;
    top: 0px;
}

.org-chart .department {
    border-left: 2px solid #1f4188;
    width:47%;
    float:left;
    margin:0px 4px;
    
}

.org-chart .department:after{
    content: "";
    position: absolute;
    display: block;
    width:10px;
    height: 22px;
    border-left: 2px solid #1f4188;
    left:50%;
    top:-22px;
}

.org-chart .department:first-child:after{
    display:none;
}

.org-chart .department:last-child:after{
    display:none;
}

.org.chart .department.central {
    background:#8bc150;
}

.org-chart .department.central:after{
    display:none;
}

.org-chart .department span {
    border-left: 1px solid #1f4188;
}

.org-chart .department li {
    padding-left: 25px;
    border-bottom: 2px solid #1f4188;
    height: 67px;
}

.org-chart .department li span {
    background: #eaeaea;
    top: 38px;
    position: absolute;
    z-index: 1;
    width: 90%;
    height: auto;
    vertical-align: middle;
    right: 0px;
    line-height: 16px;
    box-shadow: 2px 2px 5px -4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all linear .1s;
    -moz-transition: all linear .1s;
    transition: all linear .1s;
    color:#444444;
	height: 4em;    
    line-height: 1em;  
    font-size: 2em;          

}

.org-chart .department .section {
    background:#8bc150;
    color:black;
}

.org-chart .department .sections {
    magin-top: -20px;
}
.org-chart .seniormgmt{
    background: #1f4188;
    color: #ffffff;
}

.org-chart .gr{
    background:#8bc150;
    color:black;
}
.org-chart .toce{
    background: #eaeaea;
    color: #444444;
}

.org-chart .committee {
    background:#f5bc40;
    color: black;
}

/** END OrgChart **/

/*--- Adx Custom Pages -MELICK-- */	
	
	.aboutUsTitle {
		font-size: 2.5em;
		font-weight: 400;
	}
	.aboutUsSubtitle {
		font-size: 1.4em;
		font-weight: 300;
		font-style: italic;
		color: #1f4188;
	}
	.faqButton {
		text-align: center;
		margin: 10px 0;
	}
	.regulatorInfo {
		margin: 3em -15px;
	}

	.regulatorInfo p {
		text-align:justify;
	}
	
	.faqHeader {
		background: #8a96a6;
		color: #fff;
		font-size: 1.6em;
		padding: 5px 15px;
		margin: 10px;
	}
	.faqAccordian .panel-heading {
		background: transparent;
		margin: 0 15px;
	}
	.faqHeaderIcon {
		font-size: 1.4em;
		text-align: center;
		color: #fff;
		padding: 3px !important;
		background: #1f4188;
		transition: all cubic-bezier(.08,.82,.17,1) 0.3s;
	}
	.collapsed .faqHeaderIcon{
		background: transparent;
		color:#1f4188;
		transition: all cubic-bezier(.08,.82,.17,1) 0.3s;
	}
	.faqRedText {
		color: #e9344c;
		font-weight: bold;
		margin-right: 5px;
	}
	.faqHeaderText {
		color: #1f4188;
		font-weight: 400;
	}
	.faqAccordian .panel {
		border-radius: 0 !important;
		border-color: #dfe9ec;
		box-shadow: none;
	}
	.faqAccordian .panel-body {
		margin: 0 15px;
	}
	.faqHeaderIcon:after {
		content: "\f068";
		font-family: FontAwesome;
	}
	.collapsed  .faqHeaderIcon:after {
		content: "\f067";
		font-family: FontAwesome;
	}
	.faqButtons {
		text-align: center;
		margin: 10px 0;
	}
	
	.imageCaption {
    text-align: center;
    font-size: 1.5em;
    font-weight: 300;
    color: #556370;
    margin-top: 5px;
	}
	
	span.subtitle {
    display: block;
    line-height: 1;
    font-size: 0.8em;
	}

.arrowBullet li:after {
    content: '\f054';
    font-family: 'FontAwesome';
    float: right;
    margin-right: -1.5em;
    color: #1f4188;
	margin-top: 5px;
	transform: rotate(180deg);
}
.arrowBullet li {
	color: #333c43;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 10px;
}
.arrowBullet, .arrowBullet li {
    padding: 0;
    list-style: none;
}
	
/** -- Our management -- **/

.contactCeo{
    padding-right: 7em;
    padding-left: 7em;
}
.contactCeo .Label {

}

.contactCeo  .keyboard.form-control {
    display: inline-block;
    height: 106px;
    width: 100% !important;
    background: #ffffff;
    border: 1px solid #cfcfcf!important;
    border-radius: 5px!important;
    margin-bottom: 5px;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.1);
}

.contactCeo .InputFormRegister select {
    width: 100% !important;
    background: #ffffff;
    border: 1px solid #cfcfcf!important;
    border-radius: 5px!important;
    height: 2.5em;
    margin-bottom: 5px;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.1);
}

.contactCeo .InputFormRegisterTextArea textarea {
    height: 9em !important;
}

.contactCeo .SubmitButton input[type="submit"] {
	background-color: #924996;
    color: #fff;
	float:left;
}

.contactBoxTitle {
    color: #1f4188;
    padding-bottom: 2em;
}

.contactBoxTitle .fa::before{
    font-size: 5em;
}

.contactBoxTitle .firstLine {
   font-size: 1.5em;
    font-weight: 300;
}

.contactBoxTitle .secondLine {
    font-size: 1.2em;
    line-height: 1.5em;
    display: block;

}
/** -- Our management -- **/

/** -- MarketInfo -- **/

.dataPackage {
    border: 1px solid #c9d1db;
	height:30em;
	position: relative;
	padding: 10px;
}
.dataPackage h1 {
    text-align: center;
    font-weight: 700;
    font-size: 2em;
	margin-bottom: 0;
}
.dataPackage .category {
    color: #1f4188;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
	margin-bottom: 15px;
}
.dataPackage .category .subtitle {
    display: inline-block;
    color: #556370;
    font-size: 0.5em;
    font-weight: 300;
}
.features {
    list-style: none;
    padding: 0;
}
.features li {
    text-align: center;
    color: rgb(85, 99, 112);
	font-size: 1em;
    border-bottom: 1px solid rgba(85,99,112,0.2);
	margin: 0 0px;
    padding: 3px 0;
}
.inquireButton {
    text-align: center;
    position: absolute;
    bottom: 20px;
    margin-left: 0px;
    width: 90%;
}
.dataPackage.contact {
    background: #f5bc40;
    color: #fff;
    font-size: 2em;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
	height:15em;
}

.dataPackage  .contactus
{
    color: #fff;
}

@media (min-width: 768px){
	.marketInfo h3 {
	font-size: 2em;
	}
	.col-sm-6 {
	margin-bottom: 10px;
	}
}
@media (min-width: 992px){
	.col-md-3 {
		padding: 5px;
	}
}
.dataPackage:hover {
	background: #1f4188;
	color: #fff;
}
.dataPackage:hover .category {
	color: #fff;
}

.dataPackage:hover .subtitle {
	color: #fff;
}	


.dataPackage:hover .features li {
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.dataPackage:hover .adxbtn {
	background: #fff;
	border-color: #fff;
	color: #0a81bb;
}

.marketInfoParallax{
	background: url(/SiteAssets/ADX_017.jpg);
    text-align: center;
    padding: 10em 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 450px){
	.marketInfoParallax {
		padding: 2em;
	}
	.legislationParallax h3 {
		font-size: 2em;
	}
}


/** -- End MarketInfo -- **/


/*--- Adx About Us Overview Pages --- */	
.aboutusBucketHeader {
	color: #0a81bb;
	font-size: 1.5em;
	margin-bottom: 15px;
	text-transform: capitalize;
	line-height: 2.85em;
}
.aboutusBucketText p {
	color: #333c43;
	font-size: 1.1em;
	font-weight: 400;
					text-align:justify;
}

.aboutusBucketText .img-wrp {
		border: 1px solid;
}
.bucket {
	padding: 15px 30px 15px 15px;
}

.aboutusBucketText {
	line-height: 2.4em;
}

.aboutusBucketText li {
	color: #333c43;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.aboutusBucketText li:after {
    content: '\f054';
    font-family: 'FontAwesome';
    float: right;
    margin-right: -1.5em;
    color: #1f4188;
	margin-top: 5px;
	transform: rotate(180deg);
}

.aboutusBucketText ul, .aboutusBucketText li {
    padding: 0;
    list-style: none;
}
.abboutUsInfo .aboutusStrategic li:before {
    content: '\f054';
    font-family: 'FontAwesome';
    float: right;
    margin-right: -1.5em;
    color: #FFF;
	margin-top: 5px;
	transform: rotate(180deg);
}
.abboutUsInfo .aboutusStrategic li {
    margin: 1em;
    margin-right: 3em;
}
.abboutUsInfo .aboutusStrategic ul, .abboutUsInfo .aboutusStrategic li {
    padding: 0;
    list-style: none;
}

.partners img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
}
.partners img:hover {
	-webkit-filter: grayscale(10%);
	filter: grayscale(10%);
	transition: all cubic-bezier(.08,.82,.17,1) 1s;
}
.partners .aboutusBucketText img{
	padding: 10px;
					display:inline-block; 
}
.partners .aboutusBucketText {
	padding: 5px;
				   text-align:center;
}

.aboutusStrategic {
	background: #1f4188;
}
.aboutusStrategic {
	background: #1f4188;
	padding: 50px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 300;
}
.aboutusStrategic ol {
	margin-left: 3em;
}
.aboutusStrategic .title {
	font-weight: 300;
	margin-bottom: 20px;
	font-size: 1.7em;
}
.aboutusEnablers {
	padding: 50px;
	color: #556370;
	font-size: 1.2em;
	font-weight: 300;
}
.aboutusEnablers .title {
	font-weight: 300;
	margin-bottom: 20px;
	font-size: 1.7em;
}
.abboutUsInfo {
	margin-top: 45px;
}



/*--- END About Us Overview  --- */	

/*--- END Adx Custom Pages --- */		

.menuWord {
    display: none;
}

    .menuWord.active {
        position: fixed;
        right: 14px;
        top: 0px;
        z-index: 101;
        color: white;
        display: block;
    }

.toprightsection .mobilemarketwacth .marketimg {
    display: block;
}

    .toprightsection .mobilemarketwacth .marketimg img {
        width: 100%;
    }

@media (max-width: 991px) {
    .chart-container-header .col-md-4.hcol2, .chart-container-header .col-md-4.hcol3 {
        width: 100% !important;
    }
}

/*** Mobile View News Image ***/
/** Commented by Melick
@media (max-width: 768px) {
    .section-content-one .news-item-row .news-item-row-img img {
        max-width: inherit;
    }

    .section-content-one .news-item-row-text {
        padding: 0;
    }
}
 ***/

/**ChairmanMessage **/
.ChairmanMessage p {
    margin: 0px;
}

/**Broker Profile **/
.CorporateBlock .CompanyLogo img {
    max-height: 185px;
    max-width: 100%;
}

/*** Most Active HomePage Separator ***/
.MostActiveWebpart .mostactivetabs .js-tabs-link li span, .chartstabs.mostactivetabs .js-tabs-link li span {
    color: #333333;
}

/**** Quotes HomePage***/
/** Commented by Melick
@media (max-width:1640px) {
    .quote-up .quote-down {
        background-color: rgba(255,255,255,.5);
        border: 1px solid #ffffff;
    }

    .quote-wp .quote-infotxt {
        background-color: rgba(51,51,51,.5);
        padding: 5px 10px;
        margin-top: 10px;
        border: 1px solid #ffffff;
    }

    .quote-wp label {
        color: #ffffff;
    }
}
 ***/

/** Changes For Mobile View blocks Colors*/
@media only screen and (max-width: 990px) {
    .homechart .highcharts-axis-labels text {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    .gridtable table {
        color: white;
    }

    .mostactive table td.NumberofDivs div {
        background-color: #ffffff;
        color: #20438a;
    }

    .quote-wp {
        color: #1e448c;
    }

    .GainerBody.homechart text tspan {
        fill: white !important;
    }
}

/** Change Arrow LeftNav **/
.left-menu-btn:before {
    content: "\f178";
    color: white;
}

.GainerBody.homechart .highcharts-xaxis-labels tspan, .LoserBody.homechart .highcharts-xaxis-labels tspan,
.GainerBody.homechart .highcharts-xaxis-labels text, .LoserBody.homechart .highcharts-xaxis-labels text,
.gridtable .VerticalTitle, .js-marquee .symbol {
   
}
@media only screen and (max-width: 990px){
	.GainerBody.homechart text tspan {
		fill: #333333 !important;
	}
}
.homechart .highcharts-series rect {
    fill: #1e448c !important;
    stroke: transparent;
    opacity: .8;
}
/** Sector **/
.slick-group .slick-cell {
    text-align: right !important;
}




.ProfileInformation .col-sm-6.table1 tr td:first-child {
    padding-left: 12px;
}

.ProfileInformation .col-sm-6.table1 table {
    width: auto !important;
}

.breakword {
    word-break: break-all;
}

#twitter-widget-0 {
    height: 440px !important;
}

.instagram-image {
    padding-bottom: 15px;
}

@media (min-width:1640px) {
    .col-lg-4.StockScreener-block {
        width: 25%;
    }

    #stockContent .visible-lg {
        display: none !important;
    }

    .col-lg-4.instagram-image {
        width: 25%;
    }

    .screenerContainer .content {
        height: 220px;
    }
}


.instawp {
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 10px;
}

.timeline-Header {
    padding: 10px;
}

.timeline-Header-title {
    font-size: 1.45em;
    font-weight: 300;
    line-height: 1.14;
    color: rgb(41, 47, 51);
    margin: 0;
    padding: 0;
}

.timeline-Header-byline {
    font-size: 0.65em;
    font-weight: 400;
    line-height: 1.3;
    color: rgb(136, 153, 166);
}

    .timeline-Header-byline a {
        color: rgb(59, 148, 217);
        text-decoration: none;
        outline: 0px;
    }

.timeline-Footer {
    font-size: 12px;
    padding: 15px;
}

.instabody {
    border-top: 1px solid rgba(15, 70, 100, 0.117647);
    border-bottom: 1px solid rgba(15, 70, 100, 0.117647);
    padding: 10px 25px;
    max-height: 352px;
    overflow: auto;
}

.SocialMediaLinks {
    margin: 0;
}

.ms-siteicon-img {
    height: 75px;
    max-height: 80px;
}


.homelogo {
	height: 90px;
	max-height: 200px;
	max-width: 300px;
	margin-right: 3em;
}

.ms-dlgTitleBtns {
    margin-left: 0;
}


/****************************************** Search Styles **************************************************/
#PageLinkNext, #PageLinkPrev {
    border: none;
    padding: 0;
}
.ms-srchnav .ms-srchnav-list a {
    font-size: 0.65em;
}
.searchlayout .ms-srch-item   {position:relative; overflow: visible;display:table;}
.searchlayout .ms-srch-hover-outerContainer {top:-100% !important; right:100% !important}
.searchlayout .ms-srch-video-results{position:relative; }
.searchlayout .ms-srch-video-results .ms-srch-hover-outerContainer {top:-100% !important;left: 100% !important}
/****  Adv Search  *****/

.srch-advancedtable {margin:0;}
.srch-advancedtable td{ padding: 5px 10px;text-align: right;}
.srch-advancedtable td.ms-advsrchHeadingText{}
.srch-advancedtable td .ms-advsrchText-v2box ,.srch-advancedtable td .ms-advsrchPropValue{height: 30px;}
.srch-advancedtable td.ms-advsrchText-v2 select {height: 30px;}
.srch-advancedtable input[type="submit"] {background-color: #1e448b;color: #ffffff;padding: 7px 20px;float: right;
margin: 28px 0;text-transform: uppercase;font-weight: bold;font-size: 1.3em;border-radius: 0;}

.srch-advancedtable td.ms-advsrchText-v2 input[type="checkbox"] {margin: 2px 0 0 0;}
.srch-advancedtable td.ms-advsrchText-v2 label {margin:0px 10px;}

/*******   End Adv Search  ******/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     .ms-srch-hover-siteViewer-rtl{transform-origin:0% 0%!important}
}
/******************************** End Search Styles *******************************************/

.FinancialData-Content-ADI #SectorIndices .DataFilters {
    background: #f4f4f4;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px;
}
.FinancialData-Content-ADI .Financialperiod {
    background: #ededed;
    margin: 10px 30px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
}
.FinancialData-Content-ADI .Financialperiod {
    background: #ededed;
    margin: 10px 30px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
}

.FinancialData-Content-ADI .Financialperiod .Title {
    text-align: left;
}
.FinancialData-Content-ADI .DataFilters .adi-date-range .Title.resource {
    text-align: left;
}
.FinancialData-Content-ADI .DataFilters .adi-date-range {
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
}

/*FINANCIAL DATA*/
.FinancialperiodContainer {
    background: #f4f4f4;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px;
    margin: 0;
}
.FinancialperiodContainer .Financialperiod {
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
    margin: 0 5px;
}
.FinancialperiodContainer .symbolSector {
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
    margin: 0 5px;
}
.FinancialperiodContainer .AsOf {
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
    margin: 0 5px;
    min-height: 115px;
}
.FinancialperiodContainer .Show {
    background: #ededed;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
    margin: 0 5px;
    min-height: 115px;
}
.Financialperiod .Title, .symbolSector .Title, .AsOf .Title, .Show .Title, .Range .Title, .ViewBlockPart .TypeTitle {
    color: #666666;
    font-size: 1.2em;
    text-transform: uppercase;
    padding-bottom: 5px;
    text-align: right;
}

.FinancialperiodContainer span#AsOn {
    top: 55px;
}

/*market History*/
#MarketHistory .DataFilters {
    background: #f4f4f4;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px;
	padding: 10px 25px;
}
#MarketHistory .DataFilters .Financialperiod,#MarketHistory .DataFilters .symbolSector,#MarketHistory .DataFilters .Range,#MarketHistory .DataFilters .Show,#MarketHistory .DataFilters .AsOf {
    padding-bottom: 15px;
    background: #ededed;
    margin: 0px 5px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
}
#MarketHistory .Financialperiod .Title, #MarketHistory .symbolSector .Title, #MarketHistory .AsOf .Title, #MarketHistory .Show .Title, #MarketHistory .Range .Title, #MarketHistory .ViewBlockPart .TypeTitle {
    text-align: right;
    color: #666666;
    font-size: 1.2em;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.FinancialData-Content .slicktable {
    margin-top: 20px;
}

/*FOR SECTOR History*/
#SectorIndices .sectorIndicesContainer {
    background: #f4f4f4;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 10px 25px;
    margin: 0;
}
#SectorIndices.siwp .DataFilters {
    background: #ededed;
    margin: 0px 5px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
	min-height: 130px;
}
#SectorIndices.siwp .SectorIndicesContainer .symbolSector {
    padding-bottom: 15px;
    background: #ededed;
    margin: 0px 5px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
    min-height: 130px;
}
#SectorIndices .adi-date-range {
    background: #ededed;
    font-weight: normal;
    margin: 0px 5px;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    padding: 15px;
    padding-bottom: 25px !important;
    min-height: 130px;
}
#SectorIndices .Financialperiod .Title, #SectorIndices .symbolSector .Title, #SectorIndices .AsOf .Title, #SectorIndices .Show .Title, #SectorIndices .Range .Title, #SectorIndices .ViewBlockPart .TypeTitle {
    color: #666666;
    font-size: 1.2em;
    text-transform: uppercase;
    padding-bottom: 5px;
    text-align: right;
}

/*** Trading Infomation **/
.tradingInformation {
    color: #556370;
}
.tradingInformation .marketMembershipItem .header {
    background: #1f4188;
    color: #fff;
    text-align: center;
    padding: 15px;
    margin: 0 0;
    font-weight: 700;
}
.tradingInformation .marketMembershipItem .body {
	background: #eaeaea;
    color: #000;
    padding: 15px;
    margin-bottom: 0px;
}
.tradingInformation .tradeInfoFooter {
    margin: 25px 0;
}
.marketMembershipItem {
    display: inline-flex;
    margin-bottom: 20px;
}

.tradingInformation li {
    list-style:none;
}
.tradingInformation ul {
    margin-left: 4em;
}
.tradingInformation li:before {
    content: "\f054 ";
    font: normal normal normal 14px/1 FontAwesome;
    color: #1f4188;
    padding-right: 5px;
    transform: rotate(180deg);
    margin-bottom: 5px;
}
.tradingInformation .tradeInfoFooter ol {
    text-indent: 1em;
}

/*** END Trading Infomation **/

/*** END Trading Infomation **/


/* ARABIC quotes */
.lastprice-state:after {
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #1e448b;
    content: "";
    margin: -10px 0px -10px -10px;
    transform: rotate(180deg);
    padding-left: 13px;
    padding-right: 0;
    left: -12px;
}
.lastprice-state span {
    padding: 10px 0px 10px 10px;
    display: inline-block;
}
.lastprice-state {
    position: absolute;
    top: -95px;
    font-size: 1em;
    font-weight: 300;
    display: block;
    left: -17px;
    background: #924a96;
    line-height: 1;
    direction: ltr;
}
.QuotePage .lastprice-description {
    padding-bottom: 10px;
    padding-right: 0;
    width: 100%;
}
/* END ARABIC quotes */

/* FOR COMPANY PROFILE*/
.profileBox img {
    background: #fff;
}
.profileBox {
    background: #924996;
    padding: 25px 0;
}
.profileBoxDetails {
    margin: 20px;
    font-size: 1.1em;
}
.itemHeader {
    color: #acacac;
	font-size: 1em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 5px;
}
.itemText {
    color: #ffffff;
    font-size: 0.9em;
	word-wrap: break-word;
}
.itemText a {
    color: #fff;
}
.profileItem {
    margin-bottom: 10px;
}

.profileTopBarInfo {
    margin: 15px 0;
}
.profileTopBarItem {
    border-right: 1px solid rgba(0,0,0,0.3);
    padding: 5px 5px 5px 10px;
}
.profileTopBarItem .header {
    color: #1f4188;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1;
}
.profileTopBarItem .subtitle {
    color: #111111;
    font-size: 1.3em;
    font-weight: 300;
}
.profileDetailsTitle {
    font-size: 2.3em;
    color: #1f4188;
    margin: 20px 0;
}
.profileDetailsItem {
    padding-right: 30px;
}
.proprietorshipDetails .title {
    background: #e4e4e4;
    padding: 3px 15px 3px 3px;
    border-radius: 0px 5px 5px 0px;
    font-size: 0.8em;
	height: 45px;
}
.proprietorshipDetails .subtitle {
    background: #f26522;
    color: #fff;
    text-align: center;
    padding: 3px;
	border-radius: 0 5px 5px 0;
	height: 45px;
}
.proprietorshipDetailsItem {
    margin-bottom: 5px;
}
.boardDirector {
    background: #1f4188;
    padding: 15px;
    margin-bottom: 10px;
}

.boardDirector img.img-responsive {
    background-color: white;
}

.boardDirector h2 {
    text-align: center;
    color: #fff;
    font-weight: 300;
	height: 3.2em;
}
.boardDirector h4 {
    text-align: center;
    color: #fff;
    font-weight: 300;
}
.profileBoxDetails a:hover .itemText {
    color: #1f4188;
}
/* END COMPANY PROFILE*/

/** major Shareholder **/

.majorShareholders .disclaimer ol {
    padding-left: 4em;
}

.majorShareholders .strongHeader {
    color: #1e448b;
    font-size: 1.5em;
    font-weight: bold;
}
.majorShareholders .disclaimer {
    color: #929292;
}


/* END major Shareholder*/

/*FOR ASSEMBLY MEETING*/
.ui-rangeSlider-bar {
    background: rgba(30, 68, 140, 0.5);
    border-left: 5px solid #1e448c;
    border-right: 5px solid #1e448c;
}
.ui-rangeSlider-container {
    background: #585858 !important;
    box-shadow: none !important;
}
.FromQuarter, .ToQuarter {
    width: 100%;
    margin-bottom: 5px;
    background-color: #585858;
    padding: 10px;
    color: white;
}
.AllMeetings .MeetingContainer:hover {
    background: #924996;
}
.AllMeetings .MeetingTitle {
    color: white;
    background-color: transparent;
    border-bottom: 1px solid white;
    font-size: 1.7em;
    padding-bottom: 12px;
}
.AllMeetings .MeetingAttachement .Data {
	color: #fff !important;
    border: 2px solid #1e448c !important;
    background: #924996 !important;
}
.AllMeetings .MeetingAttachement .Data a {
    color: #fff;
}

/*END ASSEMBLY MEETING*/
/* FOR SERVICES PAGE */
.services .servicesBoxes .box .boxHeader .text {

    font-size: 1.5em;

    line-height: 60px;

}

.services .servicesBoxes .box .boxHeader .icon {

    padding-right: 0;

}

.services .servicesBoxes .box .boxHeader .text .firstWord {

    font-weight: 700;

    border-bottom: 4px solid #924996;

    padding-bottom: 10px;

}

.boxHeader, .listItems {

    margin: 0;

}

.services .servicesBoxes .box .listItems {

    border: 2px solid #1f4188;

    border-radius: 5px;

    padding: 15px;

}

.services .servicesBoxes .box .listItems .item {

    border-bottom: 1px solid rgba(0,0,0,0.1);

    padding: 5px;

}

.services .servicesBoxes .box .listItems .item:last-child {

    border-bottom: 0;

}

.services .mobileStoreLinks{
	background: url("/SiteAssets/mobilebanner-small.jpg") !important;
}

.services .mobileStoreLinks .row {
    padding-top: 47% !important;
}

.services .serviceFeaturesBoxes .box .innerbox {
    background: #1f4188;
    padding: 20px;
    color: #fff;

	min-height: 354px;

}

.services .serviceFeaturesBoxes .box .innerbox .row {

    margin: 0;

    font-size: 1em;

}

.services .serviceFeaturesBoxes .box .innerbox .row.buttons {
    text-align: right;
}

.adxbtn.grey {
    background: #b9b9b9;
    color: #000;
}

.adxbtn.square{
	border-radius: 5px;
}
.adxbtn.purple {
    background: #924996;
    color: #fff;
}
.services .serviceFeaturesBoxes .box .innerbox .boxInfo {
    background: #dfe9ec;
    color: #000;
    margin-top: 15px !important;
    padding: 10px;
}
.services .serviceFeaturesBoxes .box .innerbox .boxInfo .total{
	color: #f26522;
    font-weight: 700;
    margin-top: 15px;
}
.services .serviceFeaturesBoxes .box .innerbox .store {
    margin: 25px 0;
}
.services .serviceFeaturesBoxes .box .innerbox.sahmi {
    padding: 0;
}
.services .serviceFeaturesBoxes .box .innerbox.sahmi img {
    width:92%;
}
.services .serviceFeaturesBoxes .box .innerbox.sahmi .store {
    font-size: 3em;
    font-weight: 300;
    margin-top: 25%;
}

#allservices .dfwp-column.dfwp-list .dfwp-item {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#allservices .dfwp-column.dfwp-list .dfwp-item ul.dfwp-list {
    border: 1px solid #1e448c;
    padding: 0 20px;
    padding-right: 20px;
}
#allservices .groupheader {
    background-color: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
    margin-bottom: 30px;
	color: #000;
    padding: 6px 10px;
    position: relative;
    font-size: 1.3em;
    text-transform: uppercase;
}
#allservices .groupheader:before {
    border-bottom: 5px solid #924996;
    content: "";
    position: absolute;
    width: 8em;
    bottom: -10px;
}
#allservices .groupheader:hover {
    background-color: transparent;
    cursor: pointer;
}
#allservices .dfwp-column.dfwp-list {
    padding-left: 0;
    margin: 0px 25px 0px 15px;
}
#allservices .dfwp-column.dfwp-list .dfwp-item ul.dfwp-list {
    border: 2px solid #1e448c;
    padding: 0 10px;
    padding-right: 20px;
}
#allservices .dfwp-column.dfwp-list .dfwp-item {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
}
#allservices .FormsQuestions {
    border-bottom: 1px solid rgba(0,0,0,0.3);
    position: relative;
    padding: 10px 0;
}

#allservices .FAQDetails .FullWidth .groupheader {
    color: black;
}

.InputFormRegister .form-control.keyboard {
    width: 100% !important;
    background: #ffffff;
    border: 1px solid #cfcfcf!important;
    border-radius: 5px!important;
    height: 2em;
    margin-bottom: 5px;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.1);
}

.InputFormRegister select {
    width: 100% !important;
    background: #ffffff;
    border: 1px solid #cfcfcf!important;
    border-radius: 5px!important;
    height: 2.5em;
    margin-bottom: 5px;
    box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.1);
	color:#000;
}
.row.total .form-control {
    background: transparent;
    box-shadow: none;
    border: 0;
    color: #f26522;
    padding: 0;
}
/* END SERVICES PAGE */

/* EQUITIES */
#ListedCompanies .HoverElement:hover .BrokerList .BrokerTable div {
    text-decoration: none;
    vertical-align: top;
    line-height: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 5px 0;
    font-weight: 300;
}
#ListedCompanies .HoverElement:hover .BrokerList .BrokerTable div span {
    padding: 0px;
}
#ListedCompanies .HoverElement:hover .BrokerList .BrokerTable div span:first-child {
    width: 35%;
    display: inline-block;
	padding: 0px;
}
#ListedCompanies .HoverElement:hover .BrokerList .BrokerTable div span:last-child {
    display: inline-block;
    width: 59%;
    color: #cdad43;
    text-transform: capitalize;
	padding: 0px;
}

.BrokerTable .figure {
    text-align: right;
}

/* END EQUITIES */
/* ETF */
#ETFInstruments .HoverElement:hover .BrokerList .BrokerTable div {
    text-decoration: none;
    vertical-align: top;
    line-height: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 5px 0;
    font-weight: 300;
}
#ETFInstruments .HoverElement:hover .BrokerList .BrokerTable div span {
    padding: 0px;
}
#ETFInstruments .HoverElement:hover .BrokerList .BrokerTable div span:first-child {
    width: 35%;
    display: inline-block;
	padding: 0px;
}
#ETFInstruments .HoverElement:hover .BrokerList .BrokerTable div span:last-child {
    display: inline-block;
    width: 59%;
    color: #cdad43;
    text-transform: capitalize;
	padding: 0px;
}
#ETFInstruments .HoverElement:hover div {
    text-decoration: none;
    vertical-align: top;
    line-height: 14px;
    font-weight: 300;
}
/* END OF ETF */

/* BONDS*/
#ListedBonds .HoverElement:hover .BrokerList .BrokerTable div {
    text-decoration: none;
    vertical-align: top;
    line-height: 14px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 5px 0;
    font-weight: 300;
}
#ListedBonds .HoverElement:hover .BrokerList .BrokerTable div span {
    padding: 0px;
}
#ListedBonds .HoverElement:hover .BrokerList .BrokerTable div span:first-child {
    width: 35%;
    display: inline-block;
	padding: 0px;
}
#ListedBonds .HoverElement:hover .BrokerList .BrokerTable div span:last-child {
    display: inline-block;
    width: 59%;
    color: #cdad43;
    text-transform: capitalize;
	padding: 0px;
}
#ListedBonds .HoverElement:hover div {
    text-decoration: none;
    vertical-align: top;
    line-height: 14px;
    font-weight: 300;
}
/*END OF BONDS */
/* CSD PAGE */
.csd .csdTopFeature {
    margin: 3em 0;
}
.csd .csdRightBox {
    border: 1px solid #1f4188;
    border-radius: 5px;
    padding: 15px;
	color: #556370;
}
.csd .csdRightBox .boxTitle {
    color: #924996;
    margin-top: 5px;
}
.csdRightBox .boxDetails {
    margin: 10px 15px;
}
.csdRightBox .boxDetails .icon {
    color: #1f4188;
    font-size: 1.3em;
}
.csdRightBox .boxDetails .text {
    font-size: 1em;
}
.csdTopFeature p {
    margin-bottom: 25px;
}
.csd .servicesBoxes .box .boxHeader .text .firstWord {
    font-weight: 700;
    border-bottom: 4px solid #924996;
    padding-bottom: 10px;
}
.csd .servicesBoxes .box .boxHeader .text {
    font-size: 1.5em;
    line-height: 100px;
}
.csd .listItems {
    color: #556370;
    border: 2px solid #1f4188;
    padding: 15px;
    border-radius: 5px;
	min-height: 440px;
}
.csd .listItems h4 {
    color: #f26522;
    margin-top: 20px;
}
.csd .csdbanner {
    margin: 25px 0px;
}
.csd .tipBox {
    border: 2px dashed #1f4188;
    padding: 30px;
    font-size: 1.7em;
    color: #484848;
	margin: 30px 0;
	min-height: 225px;
}
.csd .tipBox h3 {
    color: #1f4188;
    font-size: 2em;
}
.csd .quicklinks {
    background: #1f4188;
    padding: 30px;
    font-size: 1.7em;
    color: #feffff;
    margin: 30px 0;
    min-height: 225px;
}
.csd .quicklinks ul {
    list-style: none;
    font-size: 0.8em;
    font-weight: 300;
}
@media (max-width: 990px){
	.csd .csdRightBox {
		margin-top:10px;
	}
}
.csd .servicesBoxes .listItems ul,.csd .servicesBoxes .listItems ul {
	padding: 0;
    list-style: none;
}
.csd .servicesBoxes .listItems ul li {
	margin: 1em;
    margin-left: 3em;
    line-height: 1em;
}
.csd .servicesBoxes .listItems ul li:before {
	content: '\f054';
    font-family: 'FontAwesome';
    float: left;
    margin-left: -1.5em;
    color: #1f4188;
}
.csd .quicklinks a {
    color: #fff;
    font-weight: 300;
}
/* END CSD PAGE */

/*DATA VENDORS*/
#ListedCompanies.DataVendorsContent .DataVendorItem .phone {
    display: inline-block;
    width: 60%;
}
#ListedCompanies.DataVendorsContent .HoverElement:hover .BrokerList .BrokerTable div .phone span {
    width: 100%;
}
#ListedCompanies.DataVendorsContent .BrokerTable span:first-child:before {
    content: "";
    margin-left: 10px;
}

#suiteBarLeft {
background-color:#f2f2f2 !important;
}