@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: 'RobotoBold';
    src: url('../fonts/Roboto-Bold/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: Roboto !important;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
}

.greenNumber {
    color: green;
}

.redNumber {
    color: red;
}

.zeroNumber {
}

#s4-workspace {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style:  -ms-autohiding-scrollbar;
}
/* Select2*/
.listedCompany .select2-search__field {
    width: auto !important;
}

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

label {
    font-family: 'RobotoBold';
}

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

.from-to-outlabel {
    float: left;
}

#twitter-widget-0, #twitter-widget-0 .timeline {
    width: 100% !important;
}

#en-US {
    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;
}

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

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

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

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

#s4-bodyContainer {
    background-color: #f7f7f7;
}

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

/*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*/



.header-block {
    position: relative;
}

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

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

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

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

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


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

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

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

    .menufooter {
        position: absolute;
        bottom: 35px;
        right: 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;
}

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

.leftsection {
    background-image: url("/_layouts/15/STYLES/ADX/Images/Menu-BG.jpg");
    width: 320px;
    z-index: 100;
    position: fixed;
    left: -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: right;
    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-right: 0px;
    min-height: 339px;
}

#sideNavBox {
    display: none;
}

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

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

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

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

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

    .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: right;
    padding-right: 20px;
    margin-bottom: 10px;
}

.ArabicDisplay {
    display: none !important;
}

.uaeflag {
    text-align: right;
    padding-right: 12px;
    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;
}


.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;
    font-family: 'Roboto';
    text-align: center;
    display: block;
}

/*
@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;
    font-family: 'Roboto';
    padding: 6px 5px 6px 80px;
    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;
        left: 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: right;
    padding-top: 15px;
    font-family: 'Roboto';
    padding-bottom: 18px;
}

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

.gosearch {
    background: url('../images/gosearch.png') left top no-repeat;
    width: 34px;
    height: 35px;
    display: inline-block;
    float: right;
}

.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: right;
    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 0 2px 6px;
        color: #333333;
        box-sizing: border-box;
    }

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

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



/*********Quote********/
.quote-wp {
    color: #1e448c;
    font-family: 'Roboto';
}

.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 26px 25px;
    font-size: 2em;
    text-align: center;
    font-weight: bold;
}

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

    .quote-wp label::before {
        position: absolute;
        width: 10px;
        height: 10px;
        left: 0;
        top: 5px;
        background-color: #ffffff;
        content: "";
    }

/*********Grids**********/
.girdheader {
    margin: 0;
    padding: 0 0 13px 0;
    color: #333333;
    font-weight: normal;
    font-size: 1.6em;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.gridtable {
    font-family: 'Roboto';
}

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

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

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

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


.login-wp {
    float: right;
    margin-left: 20px;
    padding-top: 5px;
    font-family: 'Roboto';
    position: relative;
}

    .login-wp a.js-login {
        text-transform: uppercase;
        font-size: 1.2em;
        color: #ffffff;
        display: inline-block;
        padding-top: 15px;
    }

        .login-wp a.js-login i {
            margin-right: 5px;
            font-size: 15px;
            transform: rotate(-180deg);
        }


.UserImage {
    display: none;
}

.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;
    width: 150px;
    padding: 10px;
    top: 60px;
    right: -34px;
    background-color: #ffffff;
    display: none;
}

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

.login-forgotpassword a, .login-remember, .logintd a {
    color: #666666;
    font-size: .9em;
    text-decoration: underline;
}

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

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

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

.logintd {
    border-right: 1px solid #919191;
}

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

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

    .JoinUsImage:before {
        content: "Join Us";
    }

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

.login-lblError {
    color: #e9344c;
    font-size: .9em;
}

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

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

.marketlogin {
    padding-right: 30px;
}




@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: #113578;
    }

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

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

    .header-block .containerblock {
        position: relative;
        padding: 0 15px;
    }

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

    .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: 50%;
        margin-right: -70px;
        text-align: left;
    }
}


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

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

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

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

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

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

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

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

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

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

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

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

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

#mostActivebyValue .r3 .RedArrow:after {
    content: "";
    position: relative;
    top: 2px;
    margin-left: 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 .r3 .RedArrow {
    color: #e9344c;
    position: relative;
}

.mostactive table {
    font-size: .8em;
}

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

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

    .mostactive table td.NumberofDivs div {
        width: 15px;
        line-height: 15px;
        background-color: #ffffff;
        border-radius: 15px;
        color: #20438a;
        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: 2px;
        margin-left: 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: 2px;
        margin-left: 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 {
        color: #333333;
        font-size: 1.1em;
        text-transform: uppercase;
    }

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

.mostactivetabs li a.active {
    font-weight: bold;
}


.bordertdbottom table {
    border-bottom: 0;
}

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

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

    .MorePart a {
        color: #ffffff;
        display: inline-block;
    }

        .MorePart a:after {
            content: "\f178";
            padding-left: 10px;
            font-family: "FontAwesome";
        }

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

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

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

.LoserBody.homechart text tspan {
    fill: white !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: #333333 !important;
    width: 15px !important;
}

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

.homechart .highcharts-data-labels text {
    fill: #ffffff !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 {
    padding-top: 38px;
}

    .chartstabs .homechart {
        border: 1px solid #ffffff;
        padding: 5px;
    }

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


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

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

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

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

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

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

#s4-bodyContainer {
    padding-bottom: 0;
}

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

.starFav {
    display: none;
}

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

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



/*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: #474747;
    border-left: 2px solid #474747;
    padding-left: 0px !important;
    padding-left: 91px;
    font-size: 1.1em;
}

    .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***************/



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

.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: #ececec;
    padding-top: 12px;
    padding-bottom: 10px;
    overflow: hidden !important;
    height: 46px;
}

.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;
    background-position: 2px 4px;
    padding: 0px 10px;
    color: green;
}

.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;
}
/*** Marquee**/
.MarStocks .parent-span .ChangeGreen {
    padding: 0px 6px 0 15px;
}

.MarStocks .parent-span .symbol {
    margin-left: 6px;
}

/*************** End Stocks***************/

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


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

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

.news-container {
}

.news-widget {
}

.widget-title {
}

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

    .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;
        }

.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;
}
/*--------------------
**End LatestNews**
--------------------*/


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

.announsment-widget {
}

.announsment-widget-content {
}

.cycle-slideshow.announsment-widget-content {
    height: 86px !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;
}
/*--------------------
**End Announcement**
--------------------*/


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

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

.disclosure-widget {
}

.disclosure-widget-content {
}

.cycle-slideshow.disclosure-widget-content {
    height: 86px !important;
}

.cycle-carousel-wrap a.disclosure-item-row {
    padding: 12px 0;
    height: 84px;
    color: #999999;
}

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

.disclosure-description {
}
/*--------------------
**End Disclosures**
--------------------*/


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


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

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

        .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: 297px;
    }

        .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;
        bottom: 40px;
        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 strong a {
            background-color: #b4c1d9 !important;
        }

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

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


/**** 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;
    font-family: Constantia !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: #ebebeb;
    margin-bottom: 14px;
}

    #topNavigation a {
        color: #7a7a7a;
        text-decoration: none;
        text-transform: uppercase;
        background-position: center 17px;
        height: 28px;
        display: inline-block;
        padding: 0px 10px;
    }

.sep {
    padding: 0 7px;
}

.ContentBody {
    background-color: #f7f7f7;
}

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

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

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

.slick-header-columns {
    background: #1e448c;
}

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

.EditMode .leftsection {
    position: absolute;
    bottom: auto;
}

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

.slick-row {
    font-family: arial;
    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;
}

.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: #11244c !important;
    cursor: default;
    border-bottom: 2px solid #11244c;
    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 (min-width: 1400px) {
    .chart-container-header {
        position: absolute;
        bottom: 0;
        left: 78px;
        right: 30px;
    }
}

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



.ListingLastTradedPage {
    margin: 30px 0px;
}

    .ListingLastTradedPage .BlockLastTrade {
        list-style: none;
        float: left;
        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: left;
    padding-right: 3px;
}

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

.ToggleButtons .SelectView {
    float: left;
}




/******************		Tabs	*************/
.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;
}

@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;
    }

    .sub-main-container {
        padding-left: 25px;
        padding-right: 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;
    }
}

/******************		Tabs	*************/

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

.InputSelect select {
    background-color: #727272;
    border: 1px solid #727272;
    height: 25px;
    width: 102px;
}

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

.MarketIndicesFilter .InputSelect {
    width: 30%;
}

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

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

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

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

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

.tab-content {
}

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

.MarketWatchIframe {
    width: 100%;
}

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

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

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

#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;
}

.MarketIndicesFilter .SelectFilter:after {
    content: "\f107";
    color: white;
    font: 26px FontAwesome;
    position: absolute;
    top: 50px;
    right: 44px;
}

.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;
    text-transform: uppercase;
}


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


/******************************************		Report Center	********************************************************/
#ChartSearch .chartIcon {
    display: none;
}






/******************************************		End Report Center	********************************************************/

/*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: 209px;
        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-left: 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-right: 4px;
        margin-top: 0px;
        left: 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****/
.validationMessage {
    color: red;
}

.FormBlock {
}

    .FormBlock .TextAreaBlock {
        height: 144px;
    }

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

.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 {
        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;
    }

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

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

.datePickerClosingDate div.clear_input_div {
    display: inline;
}

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

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

.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;
}

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

.fix-height {
    min-height: 33px;
}

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

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

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

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

.InputFormRegister td.ms-dtinput input {
    height: 34px;
    border-radius: 4px;
}

.policy-div {
    margin-top: 23px;
    width: 100%;
}

    .policy-div textarea {
        width: 97.6% !important;
    }

.AgreeForm {
    display: block;
    margin: 0 0 0 0;
}

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

.SubmitButton a {
    background-color: #1e448b;
    color: #ffffff;
    padding: 7px 20px;
    float: left;
    margin: 28px 0;
    text-transform: uppercase;
    font-size: 1.3em;
    border-radius: 0;
    font-family: "ROBOTOBOLD";
}
/*broker-profile*/
.imgLogo-container {
    height: 72px;
}

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

.file-restriction {
    right: 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;
        }

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

.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: left;
    }

        .toggleAspRadio tr td input {
            display: none;
        }

        .toggleAspRadio tr td label {
            background-color: #838383;
            color: white;
            padding: 8px 14px;
            text-transform: uppercase;
            position: relative;
            cursor: pointer;
            margin-bottom: 0px;
        }

        .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-left: 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-color: #4f4f4f;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 1px solid black;
        margin: 0;
        color: white;
        padding: 6px 10px;
        position: relative;
        font-size: 1.3em;
        text-transform: uppercase;
    }

        .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 {
            border: 1px solid black;
            border-top: none;
            padding: 0 10px;
            padding-right: 20px;
        }

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

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

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

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

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

.FAQDetails .FAQQuestionHeader .FAQQuest {
    padding: 6px 32px 6px 0;
}

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

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

.FAQDetails .FAQQuestionBody {
    padding-right: 32px;
}

.FAQQuestionHeader .FAQPlus {
    float: right;
}

.FullWidth {
    width: 100% !important;
}

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

.FAQActive {
}

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

.FullWidth .groupheader:after {
    content: "\f066";
    top: 15px;
    right: 14px;
}

.FAQDetails {
}

    .FAQDetails .groupheader {
        border: none;
        /* background-color: transparent; */
        /* color: black; */
        /* padding: 8px 0; */
        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: left;
        color: white;
        padding: 8px 13px;
    }

.DirectorImage {
    background-color: #e5e5e5;
}

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

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

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

.DirectorTitle {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 2px;
    position: relative;
}

    .DirectorTitle:after {
        content: "\f105";
        position: absolute;
        right: 0px;
    }

.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: 170px;
        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: 49%;
    }
}


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

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

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

.PublicationContainer .PublicationContainer li {
    float: left;
}

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

    .PublicationContainer .ImageRegulationFloat a {
    }

        .PublicationContainer .ImageRegulationFloat a img {
            width: 100%;
        }

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

    .PublicationContainer .ImageRegulation span:before {
        font-size: 2.5em;
    }

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

.RegulationDataContainer h2,
.RegulationDataContainer .h2 {
    font-size: 1em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0px;
    color: white;
    padding: 14px 0;
    font-weight: normal;
    font-family: robotobold;
}

.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;
}

    #Refinement #UnselectedSection {
    }

        #Refinement #UnselectedSection #Value a div:before {
            content: "\f178";
            color: #565656;
            position: absolute;
            left: 0;
            top: 4px;
        }

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

    #Refinement #Container a {
        padding: 0;
        width: auto;
    }

    #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-right: 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: #333333;
    font-size: 1.2em;
    font-family: robotobold;
    padding-bottom: 15px;
}

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

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

        .SecurityObjectives ul li:before {
            content: "\f178";
            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: left;
    color: white; /* padding: 10px 32px; */
    position: relative;
    margin-bottom: 13px;
    height: 34px;
}

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

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

    .ValuesBlock .BoxBlock:before {
        content: "\f054";
        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: left;
    width: 276px;
    background-color: #f3f3f3;
    margin: 6px 20px 0px 0px;
}

    .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 20px 0px 0px;
    }
}
/*chairman*/


/*site map*/
div[id*="_SiteMapTreeView"] {
}

    div[id*="_SiteMapTreeView"] td a img {
        margin-left: -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: left;
    margin-bottom: 25px;
    width: 32%;
    margin-left: 1%;
    font-size: 1.1em;
    font-weight: bold;
    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-family: Constantia;
    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-family: Arial, Helvetica, sans-serif;
    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-family: Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    font-weight: bold;
}

#departmentsList .FormsBody .groupheader {
    background-color: #1e448c;
    width: 100%;
    color: white;
    font-family: Constantia;
    font-size: 1.29em;
    padding: 7px 17px;
    box-sizing: border-box;
}

input, select, textarea {
    border-radius: 0 !important;
}
/*** 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: 95% center;
            background-color: #1e448c;
            padding: 10px;
            padding-right: 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 {
        color: #333333;
        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-left: -16px;
}

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

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

/*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: "\f178";
    margin-top: 7px;
}

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

.viewnewsdetails .news-item-row-img a {
    display: block;
}

.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 {
    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-left: 0;
        padding-top: 10px;
    }
}


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

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

    .page-prev:before {
        content: "\f060";
        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: left;
}

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

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

    .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-right: 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-family: "RobotoBold";
    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-family: "RobotoBold";
    }


/*allservices*/
#allservices {
}

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

    #allservices .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;
    }

    #allservices .groupheader {
        background-color: #4f4f4f;
        border-top: 1px solid black;
        border-left: 1px solid black;
        border-right: 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;
            right: 22px;
            top: 8px;
        }

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

    #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-right: 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 22px 6px 0;
        font-size: 1em;
    }

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

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

    #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;
        /* right: 4px; */
    }

    #allservices .FAQDetails {
    }

        #allservices .FAQDetails .groupheader {
            border: none;
            /* background-color: transparent; */
            color: white;
            /* padding: 8px 0; */
            font-size: 1.6em;
        }

            #allservices .FAQDetails .groupheader:hover {
            }

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

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

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

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

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

    #allservices .FormsButtons {
        position: absolute;
        right: 0px;
        height: 100%;
        top: 0; /* margin: 0 20px; */
    }

    #allservices .FormsDownload {
        position: absolute;
        top: 12px;
        right: 2px;
    }

    #allservices .FormsFolder {
        position: absolute;
        bottom: 7px;
        right: 0;
    }

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

    #allservices .FormsDescription {
        font-size: 0.9em;
        font-family: RobotoBold;
        padding-right: 2px;
        color: #333;
    }

    #allservices .FormsQuestionBody div {
        padding-right: 30px;
    }

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

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

    #allservices .FormsDownload a {
        display: block;
        /* height: 20px; */
        /* width: 20px; */
        /* border: 1px solid; */
        text-align: center;
    }

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

    #allservices .FormsFolder a {
        display: block;
        /* height: 20px; */
        /* width: 20px; */
        /* border: 1px solid; */
        text-align: center;
    }

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

/*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: "\f178";
    color: #ff;
    font-size: 0.98em;
    margin-right: 12px;
    list-style: none;
    margin-left: 0px;
}
/*End E Calculater*/




/******** Photo Albums ********/


/******** 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-right: 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 100px 10px 10px;
    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-right: 5px;
}

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

.imagedetails img {
    width: 100%;
}

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

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

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


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

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

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

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


/***** Media Calendar ****/
.selectdiv {
    padding-right: 29px;
}

.leftcalsection {
    padding-right: 30px;
}

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

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

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

.eventTypeList > li:after {
    position: absolute;
    content: "\f0da";
    font-size: 48px;
    right: -16px;
    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";
        right: auto;
        left: 50%;
        margin-left: -10px;
        top: 100%;
    }

    .ETFEventCalendar .eventTypeList li.DailyEvent, .ETFEventCalendar .eventTypeList li.MonthlyEvent {
        border-right: 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-left: 17px;
}

    .link-item.bullet:before {
        content: "\f178";
        color: #565656;
        position: absolute;
        left: 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: #ffffff;
    }

.marketlogin .logout:before {
    color: #333333;
}
/******** Broker Profile*******/

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

    .BranchFirstTable h3 {
        font-size: 1.2em;
        text-transform: uppercase;
    }

        .BranchFirstTable h3:before {
            content: "\f061";
            padding-right: 5px;
        }

.Mainbranchinfo {
    background-color: #e0e0e0;
    padding: 5px 0;
    color: #666;
}

.BranchFirstTable td {
    padding: 0px 10px;
    border-left: 1px solid #666;
}

.BranchFirstTable tr td:first-child {
    border-left: 0;
}

.BranchFirstTable td span {
    font-family: 'RobotoBold';
}

.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;
    }

    .BrokerListingBlock .table3 a {
        display: block;
        color: #565656;
        margin-bottom: 5px;
    }

        .BrokerListingBlock .table3 a:before {
            content: "\f178";
            color: #565656;
            padding-right: 5px;
        }

.BrokerProfileHeader {
    padding-bottom: 10px;
    border-bottom: 1px solid #333333;
}

.brokerHeadTitle {
    ont-family: 'RobotoBold';
    text-transform: uppercase;
}









/****************************************************	HK Slick grid	****************************************************/

#myGrid {
    border: none;
}

.slick-header {
    text-align: center;
}

.slick-header-columns {
    padding: 0;
}

.slick-cell {
    border-right: 1px solid white;
    text-align: center;
}

.slick-header-column.ui-state-default {
    padding-top: 12px;
    font-weight: bold;
    padding-bottom: 12px;
    border-right: 1px solid white;
    text-align: left;
}

.slick-row.even {
    background: #dbdbdb;
}

.slick-row.odd {
    background: #d3d1d2;
}

.slick-cell, .slick-headerrow-column {
    border-right: 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: #1E448B;
}

.alignGridTextCell {
    text-align:left
}

/****************************************************	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;
}

.marketWatchDialog {
    width: 100%;
    font-size: 0.6em;
    height: 200px !important;
    min-height: 0;
}

    .marketWatchDialog .orderLink {
        float: left;
        background-color: #1e448b;
        color: white;
        padding: 6px 8px;
        margin-right: 7px;
    }

    .marketWatchDialog .chartLink,
    .marketWatchDialog .companyProfileLink {
        float: left;
        background-color: #838383;
        color: white;
        padding: 6px 8px;
        margin-right: 7px;
    }

        .marketWatchDialog .chartLink a,
        .marketWatchDialog .companyProfileLink a {
            color: white !important;
        }

    .marketWatchDialog .order-price-container {
        clear: both;
        width: 99%;
    }

.tabContainer {
    float: left;
}

.dialogTab {
    float: left;
}

.seperator {
    float: left;
}

.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-right: 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-left: 0 !important;
    }

.marketWatchDialog .table-market-by-price tr:nth-child(2) td {
    color: #333333;
}

.marketWatchDialog .table-market-by-price .tableright 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-right: 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-left: 0 !important;
    }

    .marketWatchDialog .table-market-by-order tfoot tr:first-child td:nth-child(2) {
        padding-left: 0 !important;
    }

.marketWatchDialog .table-market-by-order tr:nth-child(2) td {
    color: #333333;
}

.marketWatchDialog .table-market-by-order .tableright 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 {
        font-family: robotobold;
    }

.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;
}

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-right: 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-right: 0px !important;
    transform: rotate(50deg);
    margin-top: 3px;
}

.ui-widget-header a {
    float: right;
    margin-right: 7px;
}

.myDialogBtn.pin.pinClose .ui-icon:after {
    content: "\f08D";
    color: white;
}

.myDialogBtn.pin.pinOpen .ui-icon:after {
    content: "\f08D";
    color: white;
}



/******************************************		End Market Watch		******************************************/
/*Tree CSS*/

.tree > ul {
    /* width: 70%; */
    /* margin: auto; */
    margin-top: 30px;
}

* {
    margin: 0;
    padding: 0;
}

.tree ul {
    padding-top: 20px;
    position: relative;
    /* overflow: auto; */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    /* display: inline-block; */
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

    /*We will use ::before and ::after to draw the connectors*/

    .tree li::before, .tree li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        border-top: 1px solid #ccc;
        width: 50%;
        height: 20px;
    }

    .tree li::after {
        right: auto;
        left: 50%;
        border-left: 1px solid #ccc;
    }

    /*We need to remove left-right connectors from elements without 
any siblings*/
    .tree li:only-child::after, .tree li:only-child::before {
        display: none;
    }

    /*Remove space from the top of single children*/
    .tree li:only-child {
        padding-top: 0;
    }

    /*Remove left connector from first child and 
right connector from last child*/
    .tree li:first-child::before, .tree li:last-child::after {
        border: 0 none;
    }
    /*Adding back the vertical connector to the last nodes*/
    .tree li:last-child::before {
        border-right: 1px solid #ccc;
        border-radius: 0 5px 0 0;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
    }

    .tree li:first-child::after {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
    }

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
    height: 20px;
}

.tree li a {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    /* display: inline-block; */
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree ul ul ul li::before, .tree ul ul ul li::after {
    content: '';
    position: absolute;
    display: no;
    top: 0;
    right: 50%;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    width: 50%;
    height: 20px;
}

.tree ul ul ul li:first-child::before {
    border-top: 1px solid #CCCCCC;
}

.tree ul ul ul li {
    content: '';
    float: none;
    text-align: left;
    width: 100%;
    /* display: none; */
    padding: 15px 0px;
    /* border-bottom: 2px solid orange; */
    /* top: 0; */
    /* background: #fff url(http://dubaided.gov.ae/Style%20Library/Images/org-tree-mid.gif) no-repeat left top; */
    border-left: 2px solid #CCCCCC;
    /* right: 50%; */
    border-bottom: 2px solid #CCCCCC;
    position: relative;
    padding-left: 8px;
    border-top: 1px solid transparent;
    /* width: 50%; */
    /* height: 20px; */
}

    .tree ul ul ul li a {
        position: relative;
        width: 100%;
        background: #92D4A8;
        top: 24px;
        /* position: absolute; */
        z-index: 1;
        /* width: 95%; */
        left: 0;
        /* height: auto; */
        display: block;
        /* vertical-align: middle; */
        /* right: 0px; */
        right: 0;
        /* display: block; */
        /* line-height: 14px; */
        /* border: 3px solid orange; */
    }

    .tree ul ul ul li:last-child {
        /* border-bottom: 2px solid transparent; */
        /* background: #F7F7F7 none no-repeat left top; */
    }
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover + ul li a {
    background: #c8e4f8;
    color: #000;
    border: 1px solid #94a0b4;
}
    /*Connector styles on hover*/
    .tree li a:hover + ul li::after,
    .tree li a:hover + ul li::before,
    .tree li a:hover + ul::before,
    .tree li a:hover + ul ul::before {
        border-color: #94a0b4;
    }


/**** News Details Pages ***/

.viewnewsdetails .news-item-row .AttachmentImage:before {
    content: "\F08E";
    font-size: 20px;
    color: #023E70;
    position: absolute;
    right: 3%;
    z-index: 9;
}

.viewnewsdetails #attachmentNews:before, .viewnewsdetails .ImageValue:before {
    content: url('../Images/DLOAD.jpg');
    font-size: 20px;
    color: #023E70;
    position: absolute;
    right: 3%;
    z-index: 9;
}

/** End News Details Pages***/



/******************************************		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;
                width: 100%;
                height: 180px;
                left: 0;
                display: table;
                text-align: center;
                transition: all 1s ease-in-out;
            }

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


@media only screen and (min-width:990px) {
    .LandingPage_SecurityRequirements .LandingPage_LinksItems .LandingPage_RequirementsItem:hover .LandingPage_OnHoverBg {
        top: 0;
    }
}


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

/**** 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, .GainerBody.homechart, .LoserBody.homechart { /* Melick
	background-color: rgba(206,214,216,.5);
*/
    background-color: rgba(51,51,51,.5);
}


.menuWord {
    display: none;
}

    .menuWord.active {
        position: fixed;
        left: 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 ***/
@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;
    }
}


/**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***/
@media (max-width:1640px) {
    .quote-up .quote-down {
        background-color: rgba(51,51,51,.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;
    }
}

/** Change Arrow LeftNav **/
.left-menu-btn:before {
    content: "\f177";
    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 {
    font-family: GESSTwoLight-Light;
}

/** Sector **/
.slick-group .slick-cell {
    text-align: left !important;
}


.ProfileInformation .col-sm-6.table1 tr td:first-child {
    padding-right: 12px;
}

.ProfileInformation .col-sm-6.table1 table {
    width: auto !important;
}

.breakword {
    word-break: break-all;
}

#twitter-widget-0 {
    height: 439px !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;
}

.ms-dlgTitleBtns {
    margin-right: 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}
.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: left;}
.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: left;
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  ******/

/******************************** End Search Styles *******************************************/