/* font definitions */
        @font-face {
                font-family: 'Geogtq-Lg';
                src: url('../fonts/geogtq-lg-webfont.eot');
                src: url('../fonts/geogtq-lg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geogtq-lg-webfont.svg') format('svg'), url('../fonts/geogtq-lg-webfont.woff') format('woff');
                font-display: swap;
        }
        @font-face {
                font-family: 'Geogtq-Rg';
                src: url('../fonts/geogtq-rg-webfont.eot');
                src: url('../fonts/geogtq-rg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geogtq-rg-webfont.svg') format('svg'), url('../fonts/geogtq-rg-webfont.woff') format('woff');
                font-display: swap;
        }
        @font-face {
                font-family: 'Geogtq-Sb';
                src: url('../fonts/geogtq-sb-webfont.eot');
                src: url('../fonts/geogtq-sb-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geogtq-sb-webfont.svg') format('svg'), url('../fonts/geogtq-sb-webfont.woff') format('woff');
                font-display: swap;
        }
        @font-face {
                font-family: 'Geogtq-Md';
                src: url('../fonts/geogtq-md-webfont.eot');
                src: url('../fonts/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geogtq-md-webfont.woff') format('woff'), url('../fonts/geogtq-md-webfont.svg#GeogrotesqueMedium') format('svg');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
        }
        @font-face {
                font-family: "Akkurat-Pro-Light";
                src:url("../fonts/lineto-akkurat-pro-light.eot");
                src:url("../fonts/lineto-akkurat-pro-light.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-akkurat-pro-light.woff") format("woff");
                font-display: swap;
        }
        @font-face {
                font-family: "Akkurat-Pro-Regular";
                src:url("../fonts/lineto-akkurat-pro-regular.eot");
                src:url("../fonts/lineto-akkurat-pro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-akkurat-pro-regular.woff") format("woff");
                font-display: swap;
        }
        @font-face {
                font-family: "Akkurat-Pro-Bold";
                src:url("../fonts/lineto-akkurat-pro-bold.eot");
                src:url("../fonts/lineto-akkurat-pro-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lineto-akkurat-pro-bold.woff") format("woff");
                font-display: swap;
        }

        /********************
        Reset style css starts
        *********************/
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {margin:0;padding:0;border:none;font-size:100%;font:inherit;vertical-align:baseline;}
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section {display:block;}
        html {-ms-overflow-style: scrollbar;overflow:hidden;height:100%;}
        body {line-height:1;font-family:Arial;font-size:12px;overflow:auto;height:100%;}
        ol, ul {list-style:none;}
        blockquote, q {quotes:none;}
        blockquote:before, blockquote:after,
        q:before, q:after {content:'';content:none;}
        table {border-collapse:collapse;border-spacing:0;width:100%;}
        p{margin:0 0 10px 0;line-height:16px;}
        strong{font-weight:bold;}
        h1{font-size:32px}
        h2{font-size:28px}
        h3{font-size:24px}
        h4{font-size:20px}
        h5{font-size:16px}
        h6{font-size:12px}
        a, a:focus, a:hover {outline:0 none!important;text-decoration:none;cursor:pointer;color:#00668c;}
        button:focus, input:focus, .btn:focus {outline:0 none!important;}
        /********************
        Reset style css ends
        *********************/
        [ng\:cloak], [ng-cloak], .ng-cloak {
                display:none!important;
        }
        /**************************
        Set as homepage button css
        **************************/
        .sethomepage{color:#4B4B4B;font-family:"Geogtq-Rg";font-size:11px;}
        .setashome i , .myhome i{font-size: 10px;}

        /*********************
        Common styles starts
        **********************/
        /*Grid sorting icon customizaion starts*/
        /*:nth-child(2)*/
        #corporate-actions-grid .ps-scrollbar-x-rail{display:none!important;}
        #dc-corporate-actions-grid .ps-scrollbar-x-rail{display:none!important;}
        body .tooltip.bottom-left{margin-top:0px;}
        body ul.dropdown-menu{margin:0;}
        /*header checkbox issue mozilla*/
        header .exclude-nav{margin-bottom:32px;padding-bottom:18px;}
        .index-content {
                min-height: 400px;
                background-color: #eee;
        }
        .home .index-content, .home header{background:#fff !important;}
        .home header{border-top: none!important;}
        .mylist-empty-message a, .grid-empty-message a {
        font-weight: bold;
        }
        #toolTipPlaceholder {
                display:none;
        }
        .no-bg-wrapper{background:#fff;}
        .rss-heading {
                margin:10px;	
        }
        .updated-text .text-green::after, .updated-text .text-red::after {
                font-family: FontAwesome;
        font-size: 26px;
        margin-left:5px;
        position: relative;
        top: -5px;
        }
        .updated-text .text-green::after {
        content: "\f0d8";    
        }
        .updated-text .text-red::after {
        content: "\f0d7";
        }
        .updated-text .text-green, .updated-text .text-red{margin-left:5px;}
        .announcements-wrapper .nav-pills > li > a,
        .documents-wrapper .nav-pills > li > a,
        .data-center > div > .nav-pills > li > a {
                font-family:"Geogtq-Rg",Arial;
        }
        .announcements-wrapper .nav-pills > li > a,
        .documents-wrapper .nav-pills > li > a,
        .data-center > div > .nav-pills > li > a {
                font-size:18px;
        }
        .page-title sup{font-size: 26px;}
        span.no-link{font-weight:bold;}
        #dc-indexFinder-grid.ag-header-row .ag-header-cell-label:first-child,
        #dc-indexFinder-grid .ag-row .ag-cell:first-child,
        #dc-mylist-grid.ag-header-row .ag-header-cell-label:first-child,
        #dc-mylist-grid .ag-row .ag-cell:first-child {
                padding:0 10px;
                text-overflow:clip;
        }
        #index-finder-module .ag-header-row .ag-header-cell:first-child .ag-header-cell-label .ag-header-cell-text,
        #dc-mylist-grid .ag-header-row .ag-header-cell:first-child .ag-header-cell-label .ag-header-cell-text {
                left: 10px;
        position: absolute;
        top: 3px;
        }
        #index-finder-module .ag-row .ag-cell:first-child .ag-cell-wrapper,
        #dc-mylist-grid .ag-row .ag-cell:first-child .ag-cell-wrapper {
                left: 0px;
        position: relative;
        top: 3px;
        }
        /*table grid background shadow apply by using background image tile*/
        /*#center .ag-root{background:url("../images/table-tile.png") repeat-x 0 0 scroll #fff;}
        .ag-fresh .ag-body{background-color:transparent;}
        .ag-fresh .ag-header-container {
        border-bottom: 0 none;
        box-shadow: 0;
        }*/
        .ag-fresh .ag-header-container {box-shadow: 0 3px 4px #ccc;}
        .ag-fresh .ag-cell-focus{border-right:0 none;}
        #index-finder-module .ag-header-row .ag-header-cell:first-child,
        #dc-mylist-grid .ag-header-row .ag-header-cell:first-child,
        #index-finder-module .ag-row .ag-cell:first-child,
        #dc-mylist-grid .ag-row .ag-cell:first-child {border-right:0 none!important;}
        #index-finder-module .lock-icon, 
        #dc-mylist-grid .lock-icon {
        left: 31px;
        position: absolute;
        top: 5px;
        }
        .dashboard-wrapper .lock-icon{
                left: 11px;
                position: absolute;
                top: 4px;
        }
        #index-finder-module .lock-space,
        #dc-mylist-grid .lock-space {
        margin-left: 0;
        }
        #mylists-module .hide-extra-border {
        background: #fff none repeat scroll 0 0;
        bottom: 0;
        height: 2px;
        position: absolute;
        width: 100%;
        z-index: 10;
        } 
        #mylists-module .pagination-container{padding-bottom:5px;}
        .lock-accordion .lock-icon{margin-left:10px;top:0;}
        .mylists-empty-message {
                border: 1px solid #ccc;
        min-height: 328px;
        background: #fff;
        text-align: center;
        padding-top: 160px;
        }
        .mylists-empty-message a{font-weight:bold;}
        .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}
        /*.ag-header-container .ag-header-row .ag-header-cell:first-child .ag-header-cell-label{display: inherit;}*/
        /*Grid sorting icon customizaion ends*/
        input[type=radio], input[type=checkbox]{margin:0 0 10px 0;}
        .text-align-left, .date-column {float: left;position:relative;}
        .text-align-right{float: right;position:relative;}
        .text-align-center{text-align:center;position:relative}
        .clear{clear: both;}
        .flr{float: right;}
        .fll{float: left;}
        .hide-elem, .hide{display: none;}
        .showme, .show{display: block;}
        .italic{font-style: italic;}
        section{clear: left;}
        .border-top{border-top: 1px solid #ccc;}
        .border-bottom{border-bottom: 1px solid #ccc;}
        .border-left{border-left: 1px solid #ccc;}
        .border-right{border-right: 1px solid #ccc;}
        .margin-right-ten{margin-right: 10px;}
        .margin-bottom-ten{margin-bottom: 10px;}
        .margin-bottom-five{margin-bottom: 5px!important;}
        .index-content .padding-none{padding:0px;}
        .borderme{border: #ccc 1px solid;}
        .message-container{width:700px;}
        .global-message-container{float:left;}
        .data-center-wrapper .page-title h2{width:240px;}
        .title-container{width:178px;float:left;}
        .advanced-search-wrapper .title-container{width:300px;}
        .landing-content {border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:inherit;}
        .export-hidden-form{display:none;}
        .intraday-alertpdf-form{display:none;}
        .ag-fresh .ag-selection-checkbox{margin-left:0;}
        .ag-fresh .ag-row-selected{background:none;}
        .fancytree-expander, .fancytree-checkbox{cursor:pointer;}
        .fancytree-focused, .fancytree-focus, .fancytree-focused:focus, .fancytree-focus:focus, a:focus, button:focus, div:focus, span:focus, table th tr:focus, table th tr td:focus, table tr td:focus, table tr:focus, ul:focus, ul li:focus{outline:0 none!important;}
        .hyperlink-color{color:#00668c;cursor:pointer;}
        /*all popup UI design*/
        .popup-wrapper{padding:10px 15px 15px;}
        .popup-wrapper .modal-header h3 {
        color: #000;
        font-family: "Geogtq-Rg",Arial;
        font-size: 22px;
        padding: 0 0 5px;
        }
        .save-search-modal.optica-modal .popup-wrapper .modal-header h3 {
        color: #000;
        font-family: "Geogtq-Rg",Arial;
        font-size: 18px;
        padding: 0 0 5px;
        }
        .popup-wrapper .modal-header{margin-bottom:15px;padding: 0;}
        /*Styles for tooltip width test starts here*/
        .tooltip-width-validator{
                width:100%;
                display:block;
        }
        .width-test{
                whiteSpace: nowrap;
                font-size: 12px;
                font-weight: normal;
                font-family: Arial;
                display: inline-block;
        }
        /*Styles for tooltip width test ends here*/
        /* Base for checkbox/label styling starts*/
        #center [type="checkbox"]:not(:checked) + label, #center [type="checkbox"]:checked + label {
        top: -13px;
        }
        .hide-checkbox [type="checkbox"]:not(:checked),
        .hide-checkbox [type="checkbox"]:checked {
        position: absolute;
        left: -9999px;
        }
        [type="checkbox"]:not(:checked) + label,
        [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 19px;
        cursor: pointer;
        padding-top: 1px;
        }

        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label:before,
        [type="checkbox"]:checked + label:before {
        content: '';
        position: absolute;
        left:0; 
        top: 0;
        width: 14px; 
        height: 14px;
        border: 0 none;
        background:url("../images/unchecked.png") scroll 0 0 transparent;
        outline:0 none;
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
        content: '';
        position: absolute;
        left:0; 
        top:0;
        width: 14px; 
        height: 14px;
        border: 0 none;
        background:url("../images/checked.png") scroll 0 0 transparent;
        outline:0 none;
        }
        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label.partial:before,
        [type="checkbox"]:checked + label.partial:before,
        [type="checkbox"]:not(:checked) + label.partial:after,
        [type="checkbox"]:checked + label.partial:after {
        content: '';
        position: absolute;
        left:0; 
        top: 0;
        width: 14px; 
        height: 14px;
        border: 0 none;
        background-image: url("../images/partial-checked.png");
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 14px 14px;
        outline:0 none;
        }

        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
        opacity: 0;
        transform: scale(0);
        }
        [type="checkbox"]:checked + label:after {
        opacity: 1;
        transform: scale(1);
        }
        /* disabled checkbox */
        [type="checkbox"]:disabled:not(:checked) + label:before,
        [type="checkbox"]:disabled:checked + label:before {
        border: o none;
        }
        [type="checkbox"]:disabled:checked + label:after {
        color: #999;
        }
        [type="checkbox"]:disabled + label {
        color: #aaa;
        }
        /* accessibility */
        [type="checkbox"]:checked:focus + label:before,
        [type="checkbox"]:not(:checked):focus + label:before {
        border: o none;
        }
        /* hover style just for information */
        label:hover:before {
        border: o none;
        }
        /* Base for checkbox/label styling ends*/

        /*Custom radio button styling*/
        .date-period-radiobox{
                position: relative;
        }
        .hide-radio input[type=radio]{
                position: absolute;
                visibility: hidden;
        }
        .hide-radio label{
                display: block;
                position: relative;
                z-index: 9;
                cursor: pointer;
        }
        .hide-radio .check{
                display: block;
                position: absolute;
                background:url("../images/radio-unselected.png") scroll 0 0 transparent;
                height: 11px;
                width: 11px;
                top: 2px;
                left: 0;
                z-index: 5;
        }
        .hide-radio .check::before {
                display: block;
                position: absolute;
                content: '';
                border-radius: 100%;
                height: 11px;
                width: 11px;
                top: 0;
                left: 0;
                margin: auto;
        }
        .hide-radio input[type=radio]:checked ~ .check {
                background:url("../images/radio-selected.png") scroll 0 0 transparent;
                
        }

        .hide-radio nput[type=radio]:checked ~ .check::before{
                background: #0DFF92;
        }
        .hide-radio .check{padding:0;}

        .wrapper{width:1200px;margin:0 auto 0;padding:0;-webkit-box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;-moz-box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;}
        header .logo {padding: 22px 0 22px 0px;float:left;width:300px;}
        header .col-md-3.top-nav{float:right;width:900px;}
        .logo img{margin:0;vertical-align:top;float:left;}
        .login-container .login-header .logo .spice-logo img{width: 184px;}
        .logo .logo-separator{margin:0 0 0 10px;height:42px;background-color:#ccc;width:1px;float:left;}
        .dropdown-menu{left:inherit;right:0;border-radius:0;padding:0;}
        .wrapper .dropdown-menu > li > a, .wrapper .dropdown-menu > li > span {
        font-size: 12px;
        line-height: 14px;
        min-height: 25px;
        padding: 5px 10px;
        }
        .content-wrapper{clear:both;margin:0 0 0;}
        .content-head h2{margin:0 0 25px 0;font-family:'Geogtq-Rg',Arial;font-size:36px;color:#E13C51;}
        .content-head {clear:both;height:107px;padding:20px 0 10px;}
        .content-wrapper.home .content-head{clear:both;height:auto;margin-bottom:42px;padding:0;}
        .login-nav{padding:0 0 0 25px;width:900px;}
        .login-nav.server-error{float:right;}
        .login-nav ul li{padding:0;text-align:center;}
        .login-nav ul{float:right;width:156px;}
        .login-nav ul li a{
                color:#fff;
                text-decoration:none;
                font-size:14px;
                font-family:'Geogtq-Rg',Arial;                   
        }
        section.login-content{background:#fff;overflow:hidden;} 
        .top-nav ul li.login-user .user-btn-right.auth-failure-logout{padding-right:14px;}
        /****Header section css starts****/
        .nav-wrapper > div {padding:0;}
        .nav-wrapper .top-search {
        margin-top: 1px;
        }
        .nav-wrapper {
        background:url("../images/menu-tile.png") repeat scroll 0 0 transparent;
        height: 31px;
        padding: 0;
        }
        .top-search input[type="text"]{display: inline !important; height:25px;background:none repeat scroll 0 0 #fff;border:1px solid #CCCCCC;margin:2px -3px 2px 2px;padding:3px 3px 3px 24px;width:348px;color:#000;font-family: "Geogtq-Rg",Arial;font-size:11px;border-bottom-left-radius:3px;border-top-left-radius:3px;}
        .top-search input.auto-suggestion-input-sib{width:250px;}
        .top-search .search-box {float:left;margin-left: -5px;}
        .top-search i.fa-search{color:#CCCCCC;left:25px;position:relative;top:0;cursor:pointer;}
        .top-search i.fa-search::before {
        color: #ccc;
        }
        /****Auto Suggestion styles starts here****/
        .search-box ul, .search-loading-indicator, .search-loading-indicator-comparision {
                z-index: 15;
                position: absolute;
                padding: 0;
                border-radius: 0;
                margin: 0;
                left: 16px;
                top: 27px;
                width: 346px;
                border-top: 0;
        background: #fff; /* For browsers that do not support gradients */
        border: 1px solid #ccc;
        border-top: 0 none;
        /*
        background: -webkit-linear-gradient(#FFFFFF, #F4F4F4);  For Safari 5.1 to 6.0 
        background: -o-linear-gradient(#FFFFFF, #F4F4F4);  For Opera 11.1 to 12.0 
        background: -moz-linear-gradient(#FFFFFF, #F4F4F4);  For Firefox 3.6 to 15 
        background: linear-gradient(#FFFFFF, #F4F4F4);  Standard syntax 
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F4F4F4');
        */
        -webkit-box-shadow: 0 2px 6px #ccc;
        -moz-box-shadow: 0 2px 6px #ccc;	
        box-shadow: 0 2px 6px #ccc;
        right: inherit;
        }
        .search-loading-indicator p,	
		.search-loading-indicator-comparision p{
                color: #000 !important;
                display: block;
                font-family: "Geogtq-Rg",Arial;
                font-size: 14px;
                font-weight: normal;
                height: 15px;
                line-height: 28px;
                padding: 0px 5px 5px 25px;
        }
        .search-box ul li .list-items{
        background: transparent none repeat scroll 0 0 !important;
        color: #000 !important;
        display: block;
        font-family: "Geogtq-Rg",Arial;
        font-size: 14px;
        font-weight: normal;
        height: 31px;
        line-height: 28px;
        overflow: hidden;
        padding: 0 10px !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        }
        .search-box ul li:hover{
                background:#F5F5F5 !important;
                color:#000;
        }
        .active-suggestion-item{
                background:#E0E0E0 !important;
                color:#000;
        }
        /****Auto Suggestion styles ends here****/
        .top-nav ul li.login-user .btn-group > a {
        line-height: 18px;  
        cursor:pointer;
        }
        .top-nav ul li.login-user .user-btn-right {
        padding-left: 10px;
        padding-right: 54px;
        white-space: nowrap;
        }
        .login-user .caret {
        position: absolute;
        right: 10px;
        top: 12px;
        z-index: 1;
        }
        .login-user .btn-group{height:27px;}
        .user-icon{z-index: 1;background:url("../images/sprite.png") no-repeat scroll -143px -26px;display:block;width:22px;height:22px;position:absolute;top:2px;right:25px;}
        .login-user a{color:#fff;}
        .login-user .dropdown-menu {right:0;margin:0;padding:0;}
        .login-user ul{width:auto;}
        .top-nav {padding:0;}
        .top-nav ul li {display: inline-block; float: right; text-align: left;position:relative; }
        .top-nav ul li a { color: #FFFFFF;font-family: 'Geogtq-Rg',Arial; font-size: 14px;}
        .top-nav ul li ul.dropdown-menu li a {color: #333333;}
        .top-nav ul li ul.dropdown-menu li{padding:0;background:#fff;float:none;width:100%;}

        .navigation ul li{float:left;border-right:1px solid #b4b4b4;font-family:'Geogtq-Rg',Arial;font-size:17px;color:#333333;}
        .navigation ul li a {
                display: inline-block;
                height: 30px;
                padding:6px 15px 8px 15px;
        }
        .navigation ul li a.home{padding: 0 10px;}
        .navigation ul li a, .navigation ul li a:hover, .navigation ul li a:focus{color:#000;text-decoration:none;}
        .navigation ul li a.active{position:relative;}
        .navigation ul li a.active, .navigation ul li a:hover, .navigation ul li a:focus{color:#D5364A;}
        .navigation ul.dropdown-menu{
                padding: 0;
                border-radius: 0;
                margin: 0;
                left: -1px;
                border-top: 0;
                top:31px;
        background: #F4F4F4; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#FFFFFF, #F4F4F4); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#FFFFFF, #F4F4F4); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#FFFFFF, #F4F4F4); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#FFFFFF, #F4F4F4); /* Standard syntax */
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F4F4F4');/*For IE7-8-9*/
        }
        .navigation ul.dropdown-menu li {border-right: 0 solid #CCCCCC;width: 100%;}
        .navigation ul.dropdown-menu li a {
        color: #000;
        display: block;
        font-family: "Geogtq-Rg",Arial;
        font-size: 16px;
        font-weight: normal;
        height: 28px;
        line-height: 16px;
        background:#fff;
        }
        .navigation ul.dropdown-menu li a:hover{background:#F5F5F5;color:#000;}
        .navigation ul li a .caret{position:relative;top:-1px;}

        .body-bg{background:#ededed;float:left;}
        .headerbg{
                background: #d2d2d2; /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(#d2d2d2, #f0efef); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#d2d2d2, #f0efef); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#d2d2d2, #f0efef); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#d2d2d2, #f0efef); /* Standard syntax */
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d2d2d2', endColorstr='#f0efef');/*For IE7-8-9*/
        }

        /****footer css starts****/
        footer{padding:37px 0 10px;margin:0;background:url('../images/spdji-footer-bg.png') repeat-x;}
        footer nav ul{margin:5px 0 18px;}
        footer nav ul li a, footer nav ul li a:hover, footer nav ul li a, footer nav ul li a:focus {
                color: #FFFFFF;
                font-family: 'Geogtq-Rg',Arial;
                font-size: 12px;
                text-decoration: none;
                text-transform: uppercase;
        }
        footer nav ul li{display:inline-block;color:#fff;padding:3px 0 0 26px;}
        footer p{color:#fff;font-size:12px;text-align:center;font-family: 'Geogtq-Rg',Arial;margin:0;}
        /****footer css ends****/
        header {
                /*min-height:119px;*/
                border-top:5px solid #737373;
                position:relative;
                background: -webkit-linear-gradient(#d1d1d1, #f0efef);  /*For Safari 5.1 to 6.0*/
                background: -o-linear-gradient(#d1d1d1, #f0efef);  /*For Opera 11.1 to 12.0*/
                background: -moz-linear-gradient(#d1d1d1, #f0efef);  /*For Firefox 3.6 to 15*/ 
                background: linear-gradient(#d1d1d1, #f0efef);  /*Standard syntax*/
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d1d1d1', endColorstr='#f0efef');
        }
        header.hide-nav{min-height:0;}
        header .top-search select {width:95px;}
        header .top-search .overflow {height:95px;}
        header .top-search .ui-selectmenu-button{float:left;border-bottom-left-radius:0;border-top-left-radius:0;margin:2px 0;}
        header .top-search .ui-selectmenu-button span.ui-selectmenu-text{padding:3px 5px;}
        header .top-search .ui-selectmenu-button span.ui-selectmenu-text{line-height:1.2;height:22px;}
        .global-search {float:left;margin:2px 0 0;}        
        .global-search .search-dropdown {
                background: none repeat scroll 0 0 #DDDDDD;
                border: 1px solid #CCCCCC;
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
                padding:5px 5px 5px;
                text-align: left;
                width: 95px;
                font-family:'Geogtq-Rg',Arial;
                font-size:14px;
                color:#333333;
                height:25px;
        }
        .global-search .dropdown-menu{min-width:95px;margin:0;padding:0;top:26px;border-top:0 none;}
        .global-search .dropdown-menu > li > a{
                padding:5px;
                font-family: "Geogtq-Rg",Arial;
        font-size: 14px;
        }
        .global-search .btn-group.open .dropdown-toggle{text-align:left;}
        .global-search .caret {
        position: absolute;
        right: 10px;
        top: 11px;
        }

        /***ag-grid css overwritten for all page***/
        #dashboard .ag-fresh .ag-cell-no-focus, body > div .ag-fresh .ag-cell-no-focus{border:0 none;border-right: 1px solid #ccc; }
        body > div .ag-header-viewport, body > div .ag-header{z-index:10;height:29px !important;}
        body > div .ag-header{box-shadow: 0 3px 8px #ccc;border-bottom: 1px solid #b4b4b4;} 
        body > div .ag-header-cell{text-align:left;position:relative;border-right: 1px solid #b4b4b4;}
        body > div .ag-fresh .ag-cell-focus{border-right: 1px solid #ccc;}
        body > div .ag-fresh .ag-cell-focus:last-child{border-right: 0 none;}
        /* body > div .ag-fresh .ag-row .ag-cell-focus:last-child{border-right: 1px solid #ccc;} */
        body > div .ag-fresh .ag-header-cell-text {padding-left: 0;}
        body > div .ag-fresh .ag-cell {line-height:25px;padding:0 15px;font-size: 12px;font-weight: normal;font-family:Arial;position:static !important;color:#1f1f1f;}
        body > div .ag-fresh .ag-cell-focus{outline-color:transparent;}
        body > div .ag-fresh .ag-header-cell-label	{
                color:#1f1f1f;
                /*text-transform: capitalize;*/
                padding:0 15px;
                font-size: 12px;
                font-weight: bold;
                font-family:Arial;
                height:100%;
                line-height:26px;
        }
        body > div .ag-scrolls{height:auto;/*min-height:331px;*/ border-bottom: none;}
        body > div .ag-paging-page-summary-panel{display: inline-block;}
        .ag-body {	margin-top:29px; padding:0 !important; overflow:visible; position:relative;	height:100%;}
        .ag-fresh .ag-header-cell:last-child, .ag-fresh .ag-cell-no-focus:last-child{border-right: 0;}
        /*overwrite bootstrap class*/
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
                padding-left: 10px;
                padding-right: 10px;
        }
        .grid-empty-message, .mylist-empty-message{text-align:center;padding:0;}
        #mylists-module .grid-empty-message{min-height:604px;}
        #index-finder-module .grid-empty-message,
        #mylists-module .grid-empty-message, 
        #ftp-files-module .grid-empty-message, 
        #announcement-files-module .grid-empty-message, 
        #document-files-module .grid-empty-message {
                border:1px solid #ccc;
                padding-top:221px;
                min-height:442px;
        }
        .message-wrapper {
        margin: 0 auto;
        height: 100%;
        position: fixed;
        width: 100%;
        background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        z-index: 1050;    
        }
        .message-wrapper .message-container {
        background: #fff;
        padding: 50px;
        vertical-align: middle;
        text-align: center;
        margin: 19% auto;
        width: 600px;
        position: relative;
        border:1px solid #ccc;
        }
        .global-messsage-container {
        position: absolute;
        top: -30px;
        z-index: 50;
        }
        .global-messsage {
        position: absolute;
        left: 313px;
        width: 700px;
        display: block;
        top: 30px; 
        }
        .alert-icon {
                background: #eee url("../images/alert.png") no-repeat scroll 3px 3px;
                border: 1px solid #ccc;
                display: inline-block;
                height: 30px;
                padding: 0;
                width: 30px;
        }
        .warn-alert-icon {
                background-position:-91px 0;
                display: inline-block;
                height: 20px;
                width: 20px;
        }
        .important-notice {
        width: 100%;
        overflow: hidden;
        margin: 0px 0px 5px 0px;
        display:table;
        }
        .important-notice span {
                display:table-cell;
                vertical-align:middle;
                word-wrap:break-word;
        }
        .ppmmessage-margin-left{
                margin-left:287px;
        }
        .constituent-ppmmessage-margin-left{
                margin-left:200px;
                width:700px;
        }
        .notice-text {
        border: 1px solid #ccc;
        border-left: 0 none;
        padding: 8px;
        margin: 0;
        background:rgba(255, 215, 0, 0.38);
        border-radius: 0;
        }	 
        .notice-msg {
        padding: 3px 8px;
        font-size: 10px;
        background:#FFFFE5;    
        height: 30px;
        border: 1px solid #ccc;
        border-left: 0 none;
        width:74%;
        }
        .global-messsage .important-notice {   
        width: 100%;
        }

        .global-messsage .notice-text.error,.important-notice .notice-text.error{background:red;color:#fff;border:1px solid red;border-left: 0 none;}
        .global-messsage .notice-text.critical,.important-notice .notice-text.critical{background:chocolate;color:#fff;border:1px solid chocolate;border-left: 0 none;}
        .global-messsage .notice-text.warning,.important-notice .notice-text.warning{background:#bb7e0a;color:#fff;border:1px solid #bb7e0a;border-left: 0 none;}
        .global-messsage .notice-text.information,.important-notice .notice-text.information{background:#FFFFD9;color:#000000;border:1px solid #ccc;border-left: 0 none;font-size:10px;}
        .global-messsage .notice-text.information{width:152px;}
        .global-messsage .notice-msg{background: #FFFFD9 none repeat scroll 0 0;width:550px;}
        .intraday-ppm-message{margin-left: 10px;width: 570px;padding:0px;}
        .filter-enabled{padding-left:10px}

        .favorites{display: flex;align-items: center;gap: 6px;margin-left: auto;}
        .favorites .global-add-to-list{position:relative;top:3px;}
        /* .favorites .sethomepage{margin:0;padding:5px 0 0 0;} */
        .index-landing-wrapper .updated-on{float:right;width:295px;}
        .shadow-bottom{box-shadow: 0 3px 8px #ccc;}
        .add-to-list, .delete-selected, .button-bg{font-family: "Geogtq-Rg",Arial;font-size:14px;}
        /*buttons*/
        .button-bg {
                background-image:url("../images/sprite.png");
                background-repeat:no-repeat;
                border:0 none;
                text-align:center;	
        }
        .user-btn-left, .user-btn-right{display:inline-block;height:27px;width:100%;line-height:20px;background-color:#6d6e6d;}
        .user-btn-left{background-position:left -174px;padding-left:3px;}
        .user-btn-right{background-position:right -174px;}

        .profile-btn-left, .profile-btn-right{display:inline-block;height:26px;width:106px;line-height:20px;background-color:transparent;}
        .profile-btn-left{background-position:left -112px;padding-left:2px;margin-right:31px;float:right;}
        .profile-btn-right{background-position:right -112px;}
        .my-profile-wrapper .form-container button.profile-btn-left, 
        .my-profile-wrapper .form-container button.profile-btn-right{
                margin-left:0px;
                margin-top:0px;
                margin-bottom:0px;
                margin-right: -2px;
                border:0 none;
                padding:0;
                font-family:Arial;
        }
        .profile-btn-left.btn-disabled button[disabled], .contact-btn-left.btn-disabled button[disabled]  {
                cursor: default;
        }
        .spice-indexbuilder-link{
                top: -10px;
                margin-right: -15px;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: flex-end;
        }
        .spice-indexbuilder-btn {
                font-family: "Geogtq-Rg", Arial;
    			font-size: 14px;
                font-weight: 600 !important;
                background: linear-gradient(180deg, #FDC36D, #D1963B);
                border: 1px solid #C5951C;
                padding: 3px 8px;
        }

        .contact-btn-left, .contact-btn-right{display:inline-block;height:26px;width:100px;line-height:20px;background-color:transparent;}
        .contact-btn-left{background-position:left -112px;padding-left:2px;margin-right:40px;float:right;}
        .contact-btn-right{background-position:right -142px;}
        .contact-wrapper .form-container button.contact-btn-left, 
        .contact-wrapper .form-container button.contact-btn-right{
                margin-left:0px;
                margin-top:0px;
                margin-bottom:0px;
                margin-right: -2px;
                border:0 none;
                padding:0;
                font-family:Arial;
        }

        .login-btn-left, .login-btn-right{display:inline-block;height:33px;width:100%;line-height:23px;}
        .login-btn-left{background-position:left -139px;padding-left:3px;position: relative;text-transform: capitalize;margin: 24px 0 32px 0;}
        .forget-password-container .login-btn-left {
        /*background-position: left -112px;
        padding-left: 2px;*/
        width: 106px;
        }
        .login-btn-right{background-position:right -139px;}
        .login-btn-left span.go-icon {
                background: url("../images/arrowicon.png") no-repeat scroll right 0 transparent;
                cursor: pointer;
                display: block;
                height: 13px;
                position: absolute;
                right: 30px;
                top: 11px;
                width: 13px;
        }

        .top-search .go-btn, .esg-constituent-btn-group .go-btn {       
                border: 0 none;
                float: left;
                margin: 2px 0 0 3px;
                height: 25px;
                width: 30px;
                text-indent: -9999px;
                background-position:-227px -23px;
        }        
        .nav-wrapper .top-search .go-btn{margin:2px 0 0 5px;}
        .setashome, .myhome{display:inline-block;height:12px;width:12px;position: relative;top: 2px;}
        .setashome{background-position:-39px -5px;}
        .myhome{background-position:-20px -5px;}

        /*Export button*/
        .export-btn-left, .export-btn-right{padding-bottom: 4px;display:inline-block;height:25px;width:100%;color:#fff;}
        .export-btn-left{background-position:left -203px;padding-left:3px;position: relative;text-transform: uppercase;float:right;width:80px;}
        .export-btn-right{background-position:right -203px;}
        .export-btn-left .caret {
        margin-top: -2px;
        }

        /*save submit cancel reset*/
        .save-btn-left, .save-btn-right,
        .cancel-btn-left, .cancel-btn-right,
        .yellow-btn-left, .yellow-btn-right{
                display:inline-block;
                height:26px;
                min-width:80px;
                font-size:12px;
                color:#fff;
                text-align:center;
                font-weight:bold;
                font-family:Arial;
                text-transform:uppercase;
        }
        .save-btn-left{background-position:left -283px;padding-left:3px;}
        .save-btn-right{background-position:right -283px;}
        .yellow-btn-left{background-position:left -112px;padding-left:3px;}
        .yellow-btn-right{background-position:right -112px;color:#000;}

        .gray-btn-left, .gray-btn-right{
                display:inline-block;
                height:27px;
                min-width:106px;
                width:100%;
                font-size:12px;
                color:#000;
                text-align:left;
                font-weight:normal;
                font-family:Arial;
                text-transform:capitalize;
        }
        .gray-btn-left{background-position:left -365px;padding-left:3px;}
        .gray-btn-right{background-position:right -365px;}

        .saved-temp-btn-left, .saved-temp-btn-right {
        color: #337ab7;
        display: inline-block;
        font-family: Arial;
        font-size: 12px;
        font-weight: normal;
        height: 27px;
        position: relative;
        text-align: left;
        text-transform: capitalize;
        min-width: 145px;
        width:100%;
        }
        .saved-temp-btn-left{background-position:left -365px;padding-left:3px;}
        .saved-temp-btn-right{background-position:right -365px;}
        /*.output-group .save-btn-left{margin-left:3px;}*/
        .output-group .gray-btn-left .exp-type {
        float: left;
        margin-left: 3px;
        font-weight: normal;
        text-transform: capitalize;
        }
        .output-group .gray-btn-left .caret{
                position: absolute;
        right: 10px;
        top: 12px;
        }
        .output-group .btn-group.open .dropdown-toggle {
        box-shadow: none;
        }
        .order-template {
        margin-right: 5px;
        }
        .output-group .output-type {
        margin-right: 8px;
        margin-top: 7px;
        }
        .output-group .order-template .dropdown-bottom > li > a{padding:5px;}

        .criteria-search .yellow-btn-left,
        .add-to-my-list .cancel-btn-left {
                margin-right: 2px;
                margin-left: 3px;
        }

        .cancel-btn-left{background-position:left -255px;padding-left:3px;}
        .cancel-btn-right{background-position:right -255px;}
        .alerts-top-container .apply-filter .apply-filter-btn{margin-right:10px;}

        .clear-btn-left, .clear-btn-right{
                display:inline-block;
                height:21px;
                width:65px;
                line-height:22px;
                font-size:12px;
                color:#fff;
                text-align:center;
                font-weight:bold;
                font-family:Arial;
                text-transform:uppercase;
        }
        .clear-btn-left{background-position:left -311px;padding-left:3px;}
        .clear-btn-right{background-position:right -311px;}

        .refresh-icon {
        background-position: -58px -5px;
        display: inline-block;
        height: 12px;
        margin-left: 5px;
        width: 10px;
        cursor: pointer; 
        }

        .comment-icon {
        background-position: left -30px;
        display: block;
        height: 18px;
        margin: 0 auto;
        position: relative;
        top: 3px;
        width: 21px;
        }
        .home-icon {
        background-position: -171px -33px;
        display: inline-block;
        height: 15px;
        width: 18px;
        margin-top: 7px;
        }
        .arrow-desc i, .arrow-asc i {
        font-size: 14px;
        }
        .add-icon {
        background-position: -190px -6px;
        display: inline-block;
        height: 13px;
        margin-left: 15px;
        position: absolute;
        right: 6px;
        width: 13px;
        margin-top: 0;
        pointer-events: none;
        cursor: pointer;
        }

        /*Pagination button*/
        .view-page {
        display: inline-block;
        }
        .view-page button.select-page {
        border-radius: 0;
        padding: 2px 5px;
        text-align: left;
        width: 50px;
        background-color: #e6e6e6;
        font-size: 12px;
        }
        .button-bg.dropdown-toggle .caret {
        position: absolute;
        right: 10px;
        top: 12px;
        }
        .view-page .dropdown-menu {
        min-width: 50px;
        }
        .wrapper .view-page .dropdown-menu a {
                padding:5px;
        }
        .calendar-button .cancel-btn-left {
        margin-left: 5px;
        }
        .output-group .save-btn-right, .output-group  .save-btn-left{width:120px;}
        .output-group .btn-bar {
        margin-right: 3px;
        }
        .advanced-btn{bottom: 10px;position: absolute;right: 16px;}
        .advanced-btn .gray-btn-left, .advanced-btn .gray-btn-right {
        text-align: center;
        text-transform: capitalize;
        width: 135px;
        }
        .advanced-btn .right-space{margin-right:5px;}
        button.button-bg.dropdown-toggle{padding-right:25px;}

        /*accordion plus and minus icons*/
        .plus-icon, .minus-icon{height:11px;width:11px;margin-top: 5px;}
        .plus-icon{background-position:-209px -56px;}
        .minus-icon{background-position:-228px -56px;}
        .lock-icon {
        background-position: -228px -4px;
        display: inline-block;
        height: 14px;
        width: 11px;
        /*top: 2px;
        position: relative;
        left:-5px;*/
        }
        #intraday-event-popup-container .lock-icon, #index-events-popup-container .lock-icon {left:0px;}
        .calendar-icon {
        background-position:-289px -23px;
        display: inline-block;
        height: 25px;
        width: 27px;
        /*    top: 2px;*/
        position: relative !important;
        left: -3px;
        }
        .close-icon{background-position:-114px -22px;width:28px;height:28px;}
        .question-icon{background-position:-285px -3px;width:15px;height:15px;display:inline-block;margin-left:5px;}
        .external-link-icon {
        background-position: -152px -2px;
        float: right;
        height: 16px;
        margin-top: -2px;
        width: 16px;
        }
        .arrow-down-icon {
        background-position: -76px -11px;
        float: right;
        height: 7px;
        margin-right: 2px;
        margin-top: 3px;
        width: 12px;
        }
        .dropdown-arrow-icon {
                float: right;
                background-position: -36px -54px;
                display: inline-block;
                height: 14px;
                width: 11px;
                top: 2px;
                position: relative;
                left:-5px;
        }

        /*Common styles ends*/

        /*Home page styles starts*/
        .home-thumb-img{height:73px;background:#ccc;width:105px;}
        .content-list{clear:both;/*margin:0 19px 5px 0;*/overflow:hidden; margin-bottom:15px;}
        .content-list .col-md-8{padding:0 0 0 10px;width:67%;}
        .content-list .col-md-8 p, .view-demo .about-content p{font-size:14px;font-family:Arial;color:#333333;}
        .content-list .col-md-8 a{font-size:14px;font-family:Arial;}
        .home-login-content {margin:0 48px 48px;overflow:hidden; background:url("../images/home-content-seperator.png") repeat scroll -403px 0 transparent;}
        .home-login-content h3, .home-login-content h3 a {color: #333333;font-family: 'Geogtq-Rg';font-size: 22px;margin:0 0 10px 0;}
        .home-login-content h2{font-size:30px;color:#E13C51;margin:0 0 31px 0;font-family:'Geogtq-Rg';}
        .home-login-content ul, .spice-feature ul {
        list-style-type: disc;
        margin-left: 15px;
        padding-left: 10px;
        }
        .home-login-content ul li, .spice-feature ul li{padding:0 10px 10px 0;}
        .about-data{border-left:1px dashed #E13C51;border-right:1px dashed #E13C51;padding:0 19px;}
        .about-data .data-bg{background:#f9f9f9;min-height:320px;padding:10px;}
        .home-login-content .content-list .col-md-4{margin:0; padding:0; float:left;}
        .home-login-content .col-1, .home-login-content .col-3{width:362px;}
        .home-login-content .col-2{width:378px;}
        .newuser-txt {color: #484848;font-family: arial;font-size: 14px;font-weight: 400;line-height: 20px;}
        .view-demo{padding:0px;}
        .home-carousel{height:auto;padding:0 15px;margin-bottom:40px;text-align:center;}
        .content-head span{font-size:22px;font-family:'Geogtq-Lg',Arial;color:#333333;}
        .carousel-indicators li{border:1px solid #FFFFFF;border-radius:10px;cursor:pointer;display:inline-block;margin:4px;text-indent:0;width:10px;}
        .carousel-indicators {bottom:-25px;}
        .carousel-indicators .active {border:1px solid #FF0000;height:10px;margin:4px;width:10px;}
        .carousel-indicators li:before {content:" . ";font-size:16px;position:relative;top:-9px;vertical-align:top;}
        .home-carousel .glyphicon-chevron-left, .home-carousel .glyphicon-chevron-right{display:none;}
        .home-carousel .carousel-control.right, .home-carousel .carousel-control.left{background:none;}
        .carousel-inner{height:300px;}
        .carousel-caption {left:60%;padding-bottom:30px;top:0;}

        .carousel-wrapper #sliderFrame {margin-top:0;}
        .carousel-wrapper #slider div.navBulletsWrapper {bottom:-35px}

        /*Home page cool carousel starts here*/
        .carousel-wrapper{margin-bottom:84px;}
        #homepage-rotating-slider{position:relative;}
        #homepage-rotating-slider #carousel{
                height:500px;
                width:100%;
                overflow:hidden;
        }
        #homepage-rotating-slider #carousel div {
                height: 320px;
                float: left;
        }
        #homepage-rotating-slider #carousel img {
                min-width: 100%;
                min-height: 100%;
        }
        #homepage-rotating-slider #pager {
                border-radius: 20px;
                background: #fff;
                text-align: center;
                width: 156px;
                height: 50px;
                padding-top: 2px;
                margin: 235px 0 0 -60px;
                position: absolute;
                top: 30%;
                left: 50%;
        }
        #homepage-rotating-slider #pager a.selected span {
                background: url('../images/active-carousel.png');
        }
        #homepage-rotating-slider #pager a {
                display: inline-block;
                padding: 5px;
        }
        #homepage-rotating-slider #pager span {
                background: url('../images/inactive-carousel.png');
                text-indent: -100px;
                line-height: 0;
                display: inline-block;
                width: 17px;
                height: 16px;
                margin:0 6px;
                overflow: hidden;
        }
        /*Home page cool carousel ends here*/
        /*Home page static content column styles starts here*/
        /*.home-login-content .col-2{
                border-left: 1px dashed #E13C51;
        border-right: 1px dashed #E13C51;
        min-height: 430px;
        }
        */
        .home-page-static-content{
                padding: 0 19px; !important;
        }

        .content-list p{
                font-size: 14px;
        font-family: Arial;
        color: #333333;
        margin-bottom: 10px;
        }

        .description-without-image{
                padding: 0px;
                font-size: 14px;
        font-family: Arial;
        color: #333333;
        }
        #homepage-rotating-slider{
                padding: 0px !important;
        }
        .contact-wrapper .contact-us-tutorial h5, .contact-wrapper .contact-us-faq h5{font-size: 14px;margin:0 0 10px 0; color:#00668c; cursor:pointer; display:inline-block;}
        .contact-wrapper .content-title{display:inline-block}
        .contact-us-tutorial p, .contact-us-faq p{
                font-size: 12px;
        color: #333;
        }

        /*Home page static content column styles ends here*/

        /*LimelightEmbeddedPlayerFlash player styles*/
        #before-limelight-player, #after-limelight-player{
                border: 0;
                clip: rect(0 0 0 0);
                display: block;
                height: 1px;
                margin: -1px;
                outline: none;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
        }

        .swfPrev-beforeswfanchor0{
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                position: absolute
        }

        /*Home page styles ends*/

        /***********************
        Login page styles starts
        ************************/
        .wrapper.login-main-wrapper {width: 100%;}
        .login-wrapper{margin:0;font-family: Akkurat-Pro-Regular !important;}
        .login-container{min-height:250px;overflow:hidden;margin-bottom: 32px;}
        .login-container .login-header header {border-top: none;}
        .login-container .login-header header .logo{padding: 15px 0 85px 10px;}
        .login-container .login-form-wrapper {width:40%;}
        .login-container .login-video-wrapper {width:60%;}
        .login-container .login-video-wrapper video{width:100%;transform: scale(1.1);display: block;margin: 0 auto;}
        .login h3, .spice-feature h3{color:#d5364a;}
        .login-wrapper h3{color: #1A1A1A;font-family: Akkurat-Pro-Bold !important;font-size: 48px;line-height: 56px;letter-spacing: -0.96px;}
        .login-wrapper .login-text{color:#000;margin-top: 10px;margin-bottom: 32px;font-family: Akkurat-Pro-Regular !important;font-size: 16px;font-weight: 400;line-height: 24px; }
        .spice-feature {
        float: left;
        padding: 0 0 0 77px;
        width: 476px;
        }
        .spice-feature p{font-family:Arial;font-size:12px;color:#464633;}
        .login {
        float: left;
        padding: 0 112px;
        width: 100%;
        }
        .login label{color: #484848;font-family: Akkurat-Pro-Regular !important;font-size: 14px;font-weight: 400;line-height: 20px; }
        .login ul {margin-top: 24px !important; display: flex;align-items: center;justify-content:space-between;gap: 16px;list-style: none;padding: 0;margin: 0;}
        .login ul li {display: flex;align-items: center;font-size: 12px;padding: 0;}
        .login .remember-me input {margin-right: 4px;}
        .login .remember-me [type="checkbox"]:not(:checked) + label:before, .login .remember-me [type="checkbox"]:checked + label:before,
        .login .remember-me [type="checkbox"]:not(:checked) + label:after, .login .remember-me [type="checkbox"]:checked + label:after {
                top: 3px;
        }
        .login input[type="button"] {
                background: #D6002A;
                font-family: Akkurat-Pro-Bold !important;
        }
        .login .remember-me label, .login .forget-password a {color: #484848;font-family: Akkurat-Pro-Regular !important;font-size: 14px;font-weight: 400;line-height: 20px;}
        .login .forget-password a {font-family: Akkurat-Pro-Bold !important;cursor: pointer;}      
        
        .login input[type='text'], .login input[type='password'], .login input[type='email']{
                display: flex;
                width: 100%;
                height: 40px;
                margin-top: 5px;
                margin-bottom: 20px;
                padding: 8px 12px;
                align-items: center;
                gap: 8px;
                align-self: stretch;
                border-radius: 0;
                border: 1px solid #CCC;
                background: #FFF;
                font-size: 16px;}
        /* .login ul li{display:inline-block;padding:0;font-size:12px;} */
        .login input[type='email']::placeholder {
                color: #767676;
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
        }
        .login .error-section {width: 100%; margin: 10px 0 15px 0;}
        .login input[type='password']{margin:0 0 6px;}
        .login input[type='password']::-ms-clear, .login input[type='password']::-ms-reveal{
        display: none;
        }
        .login input[type="submit"], .login input[type="button"], .forget-password-content input[type="button"] {
        border: 0 none;
        float: right;
        margin: 0;
        padding: 5px 43px 5px 25px;
        width: 100%;
        }
        .login input[type="submit"], .login input[type="button"] {
        text-align: center;
        color: #ffffff;
        font-family: Akkurat-Pro-Regular !important;;
        font-size: 16px;
        }
        .login input[type="radio"],.login input[type="checkbox"]{margin:0;}
        /* .login li.forget-password{padding-left:82px;} */
        .login .newuser-txt strong{font-size:18px;color:#000;}
        .subscribe{text-align:center;padding:0;margin:0;}
        .subscribe-txt{color:#484848;font-family: Akkurat-Pro-Bold !important;font-size: 14px;line-height: 20px;}
        .subscribe-txt a{color:#484848;text-decoration-line: underline;}
        /* .login .remember-me, .login li.forget-password a{font-family:Arial;font-size:12px;} */
        .spice-feature img{margin:0 10px 10px 0;}
        .spice-feature .home-thumb-img {background:none repeat scroll 0 0 #ddd;height:73px;margin:0 16px 0 0;width:100px;}
        /* .login .remember-me [type='checkbox']{position:relative;top:1px;} */
        .forget-password-content #forgot-error-on-submit a{color:#00668c;}
        .forget-password-content .login-btn-left{margin:0;float:none;}
        .forget-password-content .btn-bar{float:right;}
        .forget-password-content .login-btn-left span.go-icon{right: 20px;}
        .forget-password-content input[type="submit"] {padding-left: 20px;}
        .forget-password-content input[type="button"] {line-height: 18px;}
        .forget-password-container{position:relative;}
        body .close-modal{position:absolute;right:-10px;top:-10px;cursor: pointer;}
        .forgot-success-msg .close-modal {right: -2px;}
        .forgot-success-msg {
                margin: 0;
        font-weight: normal;
        }
        .forgot-password-alert {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        color: #BBB;
        margin-right:3px;
        }
        .login-wrapper .modal-dialog{margin-top:15%;}
        .forget-password-content, .subscription-info-content{padding:10px 15px 15px 15px;overflow:hidden;border:1px solid #ddd;}
        .forget-password-content {padding:10px;border:none;}
        .modal-dialog{margin-top:12%;width:468px;}
        .modal-content{box-shadow:none;border-radius:0;}
        .modal-open .modal {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);}
        .forget-password-content .modal-header{padding:0;margin-bottom:15px;}
        .forget-password-content .modal-header h3 {
        color: #e01834;
        font-family: "Geogtq-Rg",Arial;
        font-size: 22px;
        padding-bottom: 5px;
        }
        .forget-password-content .modal-body{padding:0;}
        .forget-password-content label{width:175px;margin-bottom:10px;float:left;font-family:'Geogtq-Rg',Arial;font-size:16px;color:#1f1f1f;}
        .forget-password-content .input-section{width:263px;margin-bottom:10px;float:right;}
        .forget-password-content .input-section input{border:1px solid #ccc;padding:3px;width:261px;height:25px;}
        .forget-password-content .error {
        color: #DF3A51;
        display: none;
        font-family: Arial;
        font-size: 13px;
        padding: 3px 0;
        }
        .forget-password-content .modal-body ul {
        list-style-type: circle;
        margin-left: 20px;
        }
        .captcha-refresh {
        color:#00668c;
        position: relative;
        top: 3px;
        }
        .forget-password-content .refresh{color:#045479;display:block;padding:0;font-size:16px;font-family:'Geogtq-Rg',Arial;position:relative;top:7px;}
        .forget-password-content .refresh img{cursor:pointer;}
        .forget-password-content .row{margin:0;}
        .error-section{margin:10px 0 15px 82px;width:78.5%;background:#ddd;border:1px solid #ccc;padding:10px;display:flex;align-items:center;}
        .error-section span{width:94%;margin-left:5px;}
        .error-section span, .error-section .fa-exclamation-triangle{display:inline-block;vertical-align:middle;font-size:12px;}
        .error-section .fa-exclamation-triangle{color:rgb(189, 189, 189);margin-right:2px;}
        .forget-password-content .error-section .fa-exclamation-triangle{margin-right:2px;}
        .login-wrapper input, .login-wrapper input:focus, .forget-password-content input, .forget-password-content input:focus{outline:0 none;}
        /**********************
        Login page styles ends
        ***********************/

        /**********************
        Dashboard page styles starts
        ***********************/
        .personalize-one .mylist-empty-message {
        height: 302px;
        padding-top: 130px;
        }
        .personalize-two .grid-empty-message{padding-top:70px;}
        .personalize-two .announcements .grid-empty-message {padding-top: 90px;}
        .personalize-one .mylist-empty-message p, .personalize-two .grid-empty-message p{margin:0;}
        .tab-content .tab-pane{width:1013px;}
        .refresh {
        background: url('../images/intraday-refresh.png') no-repeat scroll top center;
        display: inline-block;
        height: 20px;
        width: 25px;
        position: relative;
        top: 4px;
        cursor: pointer;
        margin-left: 5px;
        }
        .rss-feed{
                background: url('../images/rss-feed.png') no-repeat scroll top center;
        display: inline-block;
        height: 24px;
        width: 24px;
        position: relative;
        top: 10px;
        cursor: pointer;
        margin-left: 5px;
        }
        .rss-feed-dropdown{
                display:inline-block;
        }
        .rss-feed-dropdown ul{
        margin-top: 5px;
        margin-right: 1px;
        }
        .setashome .fa-star:before, .myhome .fa-star:before{color:#fff;}
        .dashboard-wrapper, 
        .intraday-alerts-wrapper, 
        .index-landing-wrapper,
        .advanced-search-wrapper,
        .contact-wrapper,
        .my-profile-wrapper,
        .constituents-wrapper, .my-subscription-wrapper, 
        .index-events-wrapper {
                padding:10px;
                min-height:450px;
        }
        .constituents-wrapper{margin-top:10px;}
        /*.dashboard-wrapper h2{margin:8px 0 21px;font-size:35px;font-family:'Geogtq-Rg',Arial;text-transform: uppercase;color:#333;}*/
        .personalize-one{padding:0px;margin:0 0 10px 0;border:1px solid #CCCCCC;border-top:0 none;background:#fff;}
        .personalize-one h5, .personalize-two h5, .dashboard-wrapper .content h5{border-bottom:1px solid #CCCCCC; -webkit-box-shadow:0px 1px 2px #ccc;-moz-box-shadow:0px 1px 2px #ccc;	box-shadow:0px 1px 2px #ccc;padding:5px;text-align:left;background:#ececec;font-size:13px;}
        .table-border, .table-border tr td, .table-border tr th {border:1px solid #ccc; padding:5.2px 5px;vertical-align:top;text-align:center;}
        .personalize-two .intraday-alert-update.col-md-4, .personalize-two .newly-added.col-md-4{width:388px;}
        .personalize-two .newly-added.col-md-4{height:227px;margin-bottom:0;}
        .personalize-two .index-events-new.col-md-4{width:380px;margin-right:10px;border:1px solid #CCCCCC;height:227px;float:left;margin-bottom:0;}
        .personalize-two .recent-views-new.col-md-4{width:500px;margin-right:10px;border:1px solid #CCCCCC;height:227px;float:left;margin-bottom:0;}
        .personalize-two .saved-search-new.col-md-4{width:280px;height:227px;margin-bottom:0;}
        .personalize-two .index-events-new .grid-empty-message.index-events-empty-msg a{text-decoration: underline;}
        .table-text-green, .text-green{color:#00BC00;}
        .table-text-red {color:#D5364A;}
        .text-red{color:#FF0000;}
        .text-black{color:#000;}
        .table-text-blue{color:#6ca7bd;}
        .table-lock-item{color:#808080;}
        .text-lowercase{text-transform:lowercase;}
        .view-data {font-family: Arial; font-size: 12px; margin-top:5px;text-transform: uppercase;}
        .view-data i{margin-left:3px;}
        .personalize-two{padding:0;margin:0;width:1185px;overflow:hidden;}
        .personalize-two .col-md-4{padding:0;margin:0 0 10px 0;background:#fff;width:386px;border:1px solid #CCCCCC;height:212px;float:left;}
        /*.personalize-two .col-md-4{padding:0;margin:0 0 10px 0;background:#fff;width:386px;border:1px solid #CCCCCC;height:235px;float:left;}*/
        .personalize-two .recent-views{margin:0 10px;}
        .saved-searches{padding:30px 15px;text-align:center;min-height:198px;}
        .lock-space{margin-left:16px;position:relative;}
        .ag-header-cell .lock-space{float:left;}
        #intradayalert-module .lock-space,
        #corporate-actions .lock-space {
        margin: 0;
        }
        .search-box .gray-text, .search-box .gray-text a{/*display:inline-block;*/margin-left: 2px;}
        .gray-text,.gray-text a{color:gray;}
        .dashboard-wrapper .gray-text{
                margin-left: 15px;	
        }
        .dashboard-wrapper .announcements, .dashboard-wrapper .alerts, .dashboard-wrapper .recent-views-new{padding:0;margin:0;background:#fff;}
        .dashboard-wrapper .announcements {width:782px;margin-right:10px;border:1px solid #CCCCCC;height:227px;float:left;}
        /*.dashboard-wrapper .announcements{width:782px;margin-right:10px;border:1px solid #CCCCCC;height:235px;float:left;}*/
        .dashboard-wrapper .announcements .announcement-view-all{float:right;padding-right: 15px;}
        .dashboard-wrapper .announcements .announcement-view-all i.fa{
                font-size: 15px;
        padding-left: 5px;
        }    
        /*.dashboard-wrapper .alerts{width:32%;}
        .dashboard-wrapper .announcements table{width:97.5%;}*/

        .dashboard-wrapper .personalize-one .nav-pills{float:left;/*border-bottom:1px solid #cccccc!important;*/border-left:1px solid #cccccc;height:269px;overflow:hidden;}
        .dashboard-wrapper .personalize-one .vertical-viewport .nav-tabs{border-bottom:none;}
        .dashboard-wrapper .list-name{padding:14px 0 0 0;}
        .dashboard-wrapper .personalize-one .nav-pills > li.active > a, .dashboard-wrapper .personalize-one .nav-pills > li.active > a:focus,
        .dashboard-wrapper .personalize-one .nav-pills > li.active > a:hover {
                border-left-style:none;border-right-style:none;border-bottom:#cccccc 1px solid;border-top:#cccccc 1px solid;color:#000;border-radius:0;margin:0;
                -webkit-box-shadow: inset 0 20px 20px -20px rgba(127,127,127,0.8);
                -moz-box-shadow: inset 0 20px 20px -20px rgba(127,127,127,0.8);
                box-shadow: inset 0 20px 20px -20px rgba(127,127,127,0.8);
                background:#fff;
        }
        .dashboard-wrapper .list-name .tab-content{margin-bottom:0px;}
        .my-list-scroller {
        float: left;
        width: 158px;
        }
        .dashboard-wrapper .list-name .nav-stacked > li + li{margin:0;}
        .dashboard-wrapper .personalize-one{padding:0 0 5px 14px;}
        .dashboard-wrapper .content{padding:10px 0 0 0;margin-bottom: 24px;}
        /****not able to find below css***
        .panel{margin:0 auto 20px;}
        .list-container {width:800px;height:200px;	overflow:hidden;}
        .list{width:100%;height:100%;}
        .list .item {display:inline-block;width:200px;height:200px;padding:10px;border-right:1px dashed #ccc;}
        .list .item:last-child{border-right:0;}
        .my-indices, .personalize-one{position:relative;}*/
        .personalize-one .border-bottom {
                background:none repeat scroll 0 0 #CCCCCC;
                bottom:46px;
                height:1px;
                left:10px;
                position:absolute;
                width:97.6%;
                z-index:1;
        }
        .personalize-one .border-left {
                background:none repeat scroll 0 0 #CCCCCC;
                bottom:46px;
                height:200px;
                left:160px;
                position:absolute;
                width:1px;
                z-index:0;
        }
        .personalize-one .border-right {
                background:none repeat scroll 0 0 #CCCCCC;
                bottom:46px;
                height:200px;
                right:18px;
                position:absolute;
                width:1px;
                z-index:1;
        }
        /* .my-indices .border-top{top:25px;}
        .my-indices .border-bottom {bottom:26px;} */
        /*.personalize-one table tr th{border-bottom:0 none;}*/
        /* .scrollme table{border-top:none;} */
        /* .personalize-one table tr:first-child td{border-top:0 none;}
        .personalize-one table tr:last-child td{border-bottom:0 none;} */
        .personalize-one .nav-pills > li > a{
        padding:7px 20px 7px 13px;
        border:none;
        cursor: pointer;
        position: relative;
        color:#666666;
        height:27px;
        font-family:Arial;
        font-size:12px;
        width:157px;
        }
        .personalize-one .nav-pills > li > a span{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block;
        }
        .personalize-one .list-name ul.nav li:first-child a, .personalize-one .list-name ul.nav li:first-child a:hover, .personalize-one .list-name ul.nav li:first-child a:focus {border-top:0 none;}
        .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
                border:none;
                background-color:transparent;
        }
        /* .table-header .indices-list{width:13.1%;border:0 none;border-bottom:1px solid #ccc;}
        .table-header th.indices-name{width:47.77%;}
        .table-header th.indices-level{width:13%;}
        .table-header th.indices-day{width:8.71%;}
        .table-header th.indices-mtd{width:8.7%;}
        .table-header th.indices-ytd{width:9%;} */
        /* .my-indices .indices-name{width:55%;}
        .my-indices .indices-level{width:15%;}
        .my-indices .indices-day{width:10%;}
        .my-indices .indices-mtd{width:10%;}
        .my-indices .indices-ytd{width:10%;} */
        .personalize-one .ngsb-wrap{height:200px!important;}
        .personalize-one .tab-content .tab-pane{
                width:992px;
                float:left;
        }
        /* .personalize-one table.table-header{width:98.5%} */
        .personalize-one .ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container{left:3px;}
        .personalize-one .list-name ul.nav li.active a .fa-chevron-right{
                display:inline-block;
                position: absolute;
                left: 139px;
                top: 9px;
                color:#D5364A;
        }
        .personalize-one .list-name ul.nav li.active a .fa-chevron-down{
                display:none;
        }
        .personalize-one .list-name ul.nav li a .fa-chevron-right{
                display:none;
        }
        .personalize-one .list-name ul.nav li.active a, .personalize-one .list-name ul.nav li.active a:hover {
                display:block;
                position:relative;
                width:155px;
                z-index:2;
                border:0 none;
                padding:7px 20px 7px 11px;
                height:29px;
                font-family:Arial;
                font-weight:bold;
                color:#000;
        }
        .dashboard-wrapper .last-updated {
                font-family: Arial;
                font-size: 11px;
                font-weight: normal;
                position: relative;
                top: -2px;
                color: #000000;
        }
        #vscroller{
                overflow:hidden;
        }
        .child{
                width:160px;
        }
        .dashboard-wrapper .list-name .nav-stacked > li {
                line-height: 0;
                margin: 0;
                padding: 0;
                width:157px;
        }
        .dashboard-wrapper .list-name .nav-stacked{
                background: #eee;
        }
        .dashboard-wrapper .list-name .nav-stacked > li:hover{
                background: #fff;
        }
        .dashboard-wrapper .list-name .nav-stacked > li:hover a{
                padding:6px 20px 6px 13px;
                border-bottom:1px solid #ccc;
                border-top:1px solid #ccc;
                border-radius: 0px;
                margin-right: 0px;
                color:#666666;
        }
        .dashboard-wrapper .list-name .nav-stacked > li a .fa-chevron-down{
                position: absolute;
                left: 138px;
                top: 8px;
                color: #888888;
        }
        .dashboard-wrapper .list-name .nav-stacked > li:hover a .fa-chevron-down{       
                top: 7px;       
        }
        #up{
                width: 158px;
                color: #000;
                float:left;
                padding: 4px 0px 0px 0px;
                text-align: center;
                height: 17px;
                background-color: rgba(0, 0, 0, 0.5);
                cursor:pointer;
                display:none;
                position: absolute;
                top:0;
                z-index: 5;
        }
        #down{
                width: 158px;
                color: #000;
                float:left;
                padding: 0;
                text-align: center;
                height: 17px;
                background-color: rgba(0, 0, 0, 0.5);
                cursor:pointer;
                position: absolute;
                bottom:0;
                z-index: 5;
        }
        #up .fa-sort-asc:before,#up .fa-chevron-right:before,#down .fa-sort-desc:before{
                color:white;
        }
        .mylist-sidebar{width:160px;height:50px;float:left;}
        .scrollarea table tr td:first-child{border-left:0 none;}
        .personalize-two .ngsb-wrap{margin-bottom:10px;}
        table.table-header{margin-bottom:0;}
        table.table-content{margin-top:0;}
        table.table-content tr:first-child td, table.table-content{border-top:0 none;}
        /* .recent-views .recent-name{width:50%;}
        .recent-views .recent-level{width:30%;}
        .recent-views .recent-day{width:20%;}
        .personalize-two .col-md-4 table{width:92%;}*/
        .personalize-two .ngsb-wrap .ngsb-scrollbar{right:2px;}
        /*.intraday-alert-update table tr th, .intraday-alert-update table tr td{width:33.333%;}
        .newly-added table tr th, .newly-added table tr td{width:50%;}
        .announcements  table tr td:first-child{width:85%;}
        .personalize-two .announcements table{width:96.1%;}
        .personalize-two .announcements .ng-isolate-scope ul.nav{margin:0px;}
        .personalize-two .announcements .ng-isolate-scope ul.nav li{
        width:50%;float:left;
        border-right:1px solid #ccc;
        border-left:1px solid #ccc;
        border-top:1px solid #ccc;
        border-bottom:0 none; text-align:center;top:4px;margin:0px}
        .personalize-two .announcements .ng-isolate-scope ul.nav li.active{background:none;top:0;}
        .personalize-two .announcements .tab-content .tab-pane{width:100%;}
        .announcements .nav>li>a{padding:6px 15px;}
        .announcements .nav-pills > li.active > a, .announcements .nav-pills > li.active > a:focus, .announcements .nav-pills > li.active > a:hover {
        background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-radius:0;
        color:#000000;
        text-align:center;
        display:block;
        height:30px;
        }
        .personalize-two .announcements .nav > li > a:focus, .personalize-two .announcements .nav > li > a:hover{background:none;} */
        /********************
        My List Vertical Scroller Css
        ********************/
        .vertical-scroller{width:158px;float:left;position:relative;top:1px;border-bottom:1px solid #cccccc;height:270px;}
        .vertical-viewport{float:left}
        /*.fa-sort-down:before, .fa-sort-desc:before, .fa-sort-up:before, .fa-sort-asc:before{color:#ccc;margin-left:10px;}*/
        i.fa.fa-sort-desc, i.fa-sort-desc:before{color:#D5364A;margin-left: 5px;}
        i.fa.fa-sort-asc, i.fa-sort-asc:before{color:#D5364A;margin-left: 5px;margin-top:2px;}
        .ag-fresh .ag-header-cell-label, .ps-scrollbar-y, ps-scrollbar-x, .announcements .nav > li > a{cursor:pointer;color:#000000;}
        .grid-table{
                width:92%;
                display:table;
                margin:18px 15px;
        }
        .grid-table .grid-head-gradient, .gradient-header{
                border: 1px solid #CCCCCC;
                box-shadow:0px 3px 3px #ccc;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .grid-table .grid-header .grid-cell{
                /*border: 1px solid #CCCCCC;
                border-right: 0 none;
                */
                padding: 8px 0px 8px 15px;
                font-weight:bold;
        }
        .grid-table .grid-header .grid-cell a{
                color:#000000;
        }
        .grid-table .grid-cell{
                border-right: 1px solid #CCCCCC;
                padding: 5px 0px 5px 15px;
                width:116px;
                display:table-cell;
        }
        .grid-table .grid-cell:last-child{
                border-right:none;
                border-left: 1px solid #cccccc;
                border-top: 1px solid #cccccc;
        }
        .grid-table .grid-cell-wd160{
                width:160px;
        }
        .list-name .grid-table{
                margin:0px;
                width:1152px;
                border-bottom:0 none;
        }
        .list-name .grid-table .grid-head-gradient{
                border:none;
        }
        .dash-index-events-count {
                background-color: #00668C;
                color: #FFFFFF;
                font-size: 12px;
                height: 15px;
                padding: 0 4px;
                display: inline-block;
                line-height: 15px;
                vertical-align: middle;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%; 
                text-align: center;
                position: relative;
                left: 90%;
                transform: translateX(-50%);
                cursor: pointer;
        }
        
        /********************
        Dashboard page styles ends
        *********************/
        /********************
        Index landing page styles starts
        *********************/
        /*Redesign*/
        .esg-as-of-date{margin-bottom:3px;}
        .sector-foot-note, .esg-foot-note, .historical-perf-disclimer {
        color: #bfbfbf;
        font-size: 11px;
        padding: 0 13px;
        text-align: left;
        font-family: Arial;
        }
        .esg-foot-note .esg-foot-note-info, .historical-perf-disclimer-info{line-height:16px;}
        .index-chart-header {
        float: right;
        padding: 5px;
        width: 464px;
        margin:0 14px 0 8px;
        }
        .index-chart-header span {line-height: 19px;}
        .index-chart-header h4 {
        font-size: 14px;
        font-weight: bold;
        line-height: 21px;
        }
        .index-breakdown-item {
                background: red none repeat scroll 0 0;
                border-radius: 6px;
        display: inline-block;
        height: 10px;
        margin: 0 5px 0 0;
        width: 10px;
        }
        .chart-table .tab-content .tab-pane {
        width: auto;
        }
        .chart-table ul.nav {
        float: right;
        }
        .chart-table ul.nav li:first-child{width:324px;text-align: center;}
        .chart-table ul.nav-pills > li + li{margin-left:-1px;}
        .chart-table ul.nav li a {
        border: 1px solid #ccc;
        border-bottom:0 none;
        border-radius: 0;
        color: #000;
        padding: 11px 15px;
        background:-moz-linear-gradient(#ffffff, #f5f5f5);
        background:-webkit-linear-gradient(#ffffff, #f5f5f5);
        background:-o-linear-gradient(#ffffff, #f5f5f5);
        background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
        background:linear-gradient(#ffffff, #f5f5f5);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .chart-table ul.nav li.active a {
        background: #fff none repeat scroll 0 0;	
        border: 1px solid #ccc;
        border-bottom:0 none;
        border-radius: 0;
        color:#000;
        font-weight:bold;
        height: 40px;
        margin-top: -5px;
        line-height: 20px;    
        }
        #sector-break-down-grid span.lock-space,
        #currency-break-down-grid span.lock-space, 
        #country-break-down-grid span.lock-space,
        #component-break-down-grid span.lock-space, #commodity-break-down-grid span.lock-space,         
        #sector-iboxx-break-down-grid span.lock-space,         
        #country-iboxx-break-down-grid span.lock-space, 
        #currency-iboxx-break-down-grid span.lock-space, 
        #rating-iboxx-break-down-grid span.lock-space, 
        #maturity-iboxx-break-down-grid span.lock-space{margin:0;}
        .left-panel{min-height:300px;padding:0;width:282px;float:left;}
        .right-panel {
        width: 898px;
        padding: 0;
        background:#fff;
        margin-bottom: 14px;
                float:left;
        }
        .index-landing-wrapper .export-btn {
        margin-bottom: 35px;
        }
        .index-landing-wrapper .export-btn .btn-group.dropdown{
        margin-top: 5px;
        }
        .high-chart + .export-btn {
        margin-bottom: 10px;
        }
        .highcharts-text-outline {
                display:none !important;
        }
        .div-text-grey + span {
        font-weight: normal;
        }
        .index-landing-wrapper .left-panel h4{font-size:14px;font-weight:normal;}
        .index-landing-wrapper .left-panel .criteria-accordion{margin-bottom:15px;margin-top: 0;margin-left: 0;}
        .index-landing-wrapper .left-panel .facet-accordion{display:block;}
        .index-landing-wrapper .left-panel ul li {
        text-transform: capitalize;
        text-align: left;
        margin:5px 0;	
        cursor:pointer;
        }
        .index-landing-wrapper .left-panel ul li a {
                padding: 5px 18px 5px 10px;
                display:block;	
                font-size:12px;
        }
        .index-landing-wrapper .left-panel ul.criteria-sub-nav li a {
                color:#000;
        }
        .index-landing-wrapper .left-panel .facet-accordion ul li a {
        text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
        }
        .index-landing-wrapper .left-panel ul.go-to-links{margin:10px 0;}
        .index-landing-wrapper .left-panel ul.go-to-links li{color:#000;padding: 8px 4px;border-bottom: 1px solid #EAEAEA;margin: 0 6px;}
        .index-landing-wrapper .left-panel ul.go-to-links li:hover, 
        .index-landing-wrapper .left-panel ul.go-to-links li:focus,
        .index-landing-wrapper .left-panel ul.go-to-links li:active {
                background: #eeeeee;	
        }
        .index-landing-wrapper .left-panel .criteria-accordion .accordion h3, 
        .index-landing-wrapper .left-panel h3,
        .gradient-bg,
        .index-landing-wrapper .criteria-sub-nav ul li,
        .index-landing-wrapper .left-panel .data-return {
                box-shadow: 0 3px 8px #ccc;
                background:#f5f5f5;
        background:-moz-linear-gradient(#ffffff, #f5f5f5);
        background:-webkit-linear-gradient(#ffffff, #f5f5f5);
        background:-o-linear-gradient(#ffffff, #f5f5f5);
        background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
        background:linear-gradient(#ffffff, #f5f5f5);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .index-landing-wrapper ul.criteria-sub-nav li {
                border-bottom:1px solid #CCCCCC;
                margin:0;	
        }
        .index-landing-wrapper ul.criteria-sub-nav li a{	
                padding: 7px 10px;
        }
        .index-landing-wrapper ul.criteria-sub-nav li:last-child {
                border-bottom:0 none;
        }
        .index-landing-wrapper .left-panel .data-return {
                padding: 7px 10px;
                border-bottom:1px solid #CCCCCC;
        }
        .updated-text > span {
        /*margin: 0 8px 0 0;*/
        margin: 0;
        position: relative;
        top: 8px;
        }
        .updated-text .date-picker {
                float: right;
        width: 113px;
        }
        .updated-text h5 {
                margin-bottom:10px;
                font-family: "Geogtq-Rg",Arial;
        font-size: 35px;
        margin-left:-150px;
        }
        .chart-btn-group {
                clear:both;
                padding:0 22px;	
                height: 30px;	
        }
        .bg-gradient {
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
        background:-webkit-linear-gradient(#ffffff, #f5f5f5);
        background:-o-linear-gradient(#ffffff, #f5f5f5);
        background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
        background:linear-gradient(#ffffff, #f5f5f5);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .chart-btn-group .btn-primary{background:0 none;border:0 none;border-radius:0;color:#000;position:relative;margin:0;float:left;}
        .chart-btn-group .btn-primary.active {
        background-color: #515050;
        border:0 none;
        color: #fff;
        }
        .chart-btn-group .btn-primary.active::after, .chart-btn-group .btn-primary.active::before {
        border: medium solid transparent;
        content: " ";
        height: 0;
        left: 50%;
        pointer-events: none;
        position: absolute;
        top: 100%;
        width: 0;
        }
        .chart-btn-group .btn-primary.active:after {
                border-color:rgba(136, 183, 213, 0);
                border-top-color:#515050;
                border-width:8px;
                margin-left:-8px;
        }
        .chart-btn-group .btn-primary.active::before {
        border-color: #515050 rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);
        border-width: 6px;
        margin-left: -6px;
        }
        .liner-right{display:block;width:1px;height:20px;position:absolute;right:-1px;background-color:#ccc;top:5px;} 
        .chart-btn-group .btn-primary:focus .liner-right{display:none;}

        .index-landing-wrapper .right-panel .accordion, .lock-accordion{margin-bottom:20px;clear: both;}
        #fundamentals .export-btn{width:200px;float:right;}
        #corporate-actions .export-left-container {margin-left:0;}
        .landing-content .accordion .facet-accordion{display:block;}
        .index-landing-wrapper .right-panel .accordion h3 span{position:relative;}
        .lock{position:relative;display:block;}
        .lock .tooltip{text-transform: none;}
        .index-landing-wrapper .right-panel .accordion h3{cursor:pointer;}
        .index-landing-wrapper .right-panel .accordion h3 i.fa-lock{position:absolute; right:-22px;}
        /*scroll enable starts*/
        .index-landing-wrapper .left-panel .scroll-content{height:175px;position:relative;padding:0px;width:auto;overflow: hidden;margin:5px 0;}
        #index-landing-recent-indices .scroll-content{height: 265px;}
        .left-panel .ps-container.ps-active-x > .ps-scrollbar-x-rail, .left-panel .ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
        }
        .left-panel .ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 4px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        .left-panel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        /*scroll enable ends*/

        .index-landing-wrapper .input-group{float:right;border:0 none;}
        .index-landing-wrapper .updated-text{float:right;width: 275px;}
        .index-landing-wrapper .input-group .btn.btn-default, .index-landing-wrapper .input-group .form-control{border:0 none;}
        .index-landing-wrapper #main-column{width:940px;padding:0;background:#fff;-webkit-box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;-moz-box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;float:left}
        .index-landing-wrapper #main-column h1{margin:0 0 15px -15px;}
        .index-landing #main-column{background-color:#fff;}
        #side-column{padding:0;margin-right:15px;width:225px;height:600px;float:left;}
        .intraday-accordion-section{width:100%;}
        .intraday-accordion-section .panel{width:100%;}
        .intraday-accordion-section .panel-heading{border-radius:0;}
        .intraday-accordion-section ul.snp-column li{padding:10px;font-size:12px;}
        .toggleContainer ul.snp-column li span {background-color:#FFFFFF;border:1px solid #CCCCCC;-webkit-border-radius:13px;-moz-border-radius:13px;border-radius:13px;display:inline-table;height:24px;padding:5px 0 0;text-align:center;vertical-align:middle;width:24px;margin:0 5px 0 0;position:relative;top:-2px;}
        .intraday-accordion-section .panel-body{padding:0px;}
        .intraday-accordion-section .panel-collapse h4{border-bottom:#BCBCBC 1px solid;border-top:#BCBCBC 1px solid;padding:10px;}
        #showLess, #loadMore{color:#000;cursor:pointer;font-size:14px;text-align:center;padding:10px;border-top:#BCBCBC 1px solid;}
        .panel-title a{text-decoration:none;}
        /** below css for both index landing and intraday alert**/
        .alerts-container{background:#fff;border:1px solid #ccc;-webkit-box-shadow:0px 1px 2px #ccc;-moz-box-shadow:0px 1px 2px #ccc;box-shadow:0px 1px 2px #ccc;padding:5px 15px;}
        .facet-accordion .alerts-container{border:0 none;margin:0;padding-top:15px;float:left;width:100%;background-color:transparent;}
        .facet-accordion .indexgrid-empty-message p{text-align:center;line-height: 200px;}
        .facet-accordion .historical-graph-empty-message p{text-align:center;line-height: 400px;clear:both;}
        .alert-table{padding:0;width:100%;margin:0;}
        .alert-table td, .alert-table th{padding:5px 0 5px 3px;border:1px solid #CCC;color:#565656;}
        .alert-table tr:hover{background:#DADADA !important;}
        .alert-table td{font-size:13px;}
        .alert-table td a{color:#565656;font-size:13px;}
        .alert-table th{color:#000;}
        /**need to check css is available in html**/
        .index-name{width:10%;}
        .company-name{width:15%;}
        .ticker{width:4%}
        .status{width:3%}
        .action-type{width:7%;}
        .cob{width:10%;}
        .details{width:4%;}
        .grey-arrow-up, .grey-arrow-down{color:#8F8F8F;float:right;font-size:12px;margin-right:5px;padding-top:1px;}
        .red-arrow-down{color:#A92A36;float:right;font-size:12px;margin-right:5px;padding-top:1px;}
        .week-tab{
                padding:8px;
                border:1px solid #cccccc;
                background:#ffffff; /* Old browsers */
                background:-moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
                background:-webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
                background:-o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
                background:-ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%); /* IE10+ */
                background:linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%); /* W3C */
                filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
                float:left;
        }
        /**need to check css is available in html**/
        .index-related{padding:0;}
        .related-packages, .related-resources{border:1px solid #CCC;margin:2% 2% 2% 2%;width:47%;padding:0;}
        .related-packages h3, .related-resources h3{background:#ffffff; /* Old browsers */border-bottom:1px solid #CCC;font-size:18px;padding:5px 0 5px 3px;}
        .related-resources{margin-right:1%;}
        .related-packages{margin-left:1%;}
        .panel-heading{
                border:1px solid #CCC !important;
                border-radius:0;
                border-left:0 !important;
                border-right:0 !important;
                background:#fff;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .related-desc{padding:10px;font-size:12px;}
        .related-desc p{margin:0 5px 0 0;}
        .panel-group .panel{border-radius:0;border:0;}
        .panel-body{ border-top:0 !important;background:#EEE;padding:0;}
        .index-related th{
                background:none;
                border:0;
                box-shadow:none;
        }
        .panel-body table{
                width:100%;
        }
        .index-related th.effective-date{
                width:30%;
                margin-right:2%;
        }
        .index-related th.methodology-title{
                width:68%;
        }
        .panel-body table tr{border-top:1px solid #fff;border-bottom:1px solid #fff;}
        .panel-body table tr:hover td {
                background:#FFF;
                border-top:1px solid #CCC;
                border-bottom:1px solid #CCC;
        }
        .panel-body table tr.no-hover:hover{
                background:none;
                border:0;
        }
        /**Historical Performance css**/
        .high-chart-section .return{width:15%;border-bottom:0 none;}
        .high-chart-section .empty-column {background:none repeat scroll 0 0 #FFFFFF; border-top:0 none; width:38.9%;border-bottom:0 none;}
        .high-chart-section .return-persent{width:25.8%;border-bottom:0 none;}
        .high-chart-section .anuualized-return{width:21%;border-bottom:0 none;}
        .high-chart-section table.move-top{margin-top:-1px;}
        .high-chart-section table span.index-name{display:inline-block;width:83%;word-wrap:break-word;line-break:auto;vertical-align:middle;padding-left:5px;line-height:15px;} 
        /*#historical-attributes .high-chart-section table span.index-name{width:84%;} */
        a.rounded-green-btn:hover{color:#fff;}
        .rounded-green-btn{background:#216D87; border-radius:1px; padding:5px 13px; float:right; color:#fff; font-size:14px;}
        .info-wrapper{ padding:10px 15px 0 15px;font-size:12px;margin-bottom:0;overflow:hidden;}
        .div-text-grey{padding-right:5px;}
        .left-wrapper{float:left; width:50%;}
        .table-header-gradient h3,
        .dark-header h3,
        .table-header-gradient .email-content-header, .esg-score-summary-accordion div{
                font-family:'Geogtq-Rg',Arial;
                font-size:17px;
                text-transform:uppercase;
                padding:5px 10px 8px;
                border:1px solid #b4b4b4;
        }
        .table-header-gradient h3, .table-header-gradient .email-content-header, .esg-score-summary-accordion div{        
                box-shadow: 0 3px 8px #ccc;        
                color:#000;
                background:#f5f5f5;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .dark-header h3 {
                color:#fff;
                background:#60625f;
                background:-moz-linear-gradient(#757575, #60625f);
                background:-webkit-linear-gradient(#757575, #60625f);
                background:-o-linear-gradient(#757575, #60625f);
                background:-ms-linear-gradient(#757575, #60625f);/
                background:linear-gradient(#757575, #60625f);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#757575', endColorstr='#60625f');/*For IE7-8-9*/
        }
        [data-icon]:before {font-family:icons; content:attr(data-icon); speak:none; float:right; padding-right:5px;}
        .landing-content.table-header-gradient {margin-bottom:0;}
        .yellow-highlight, .yellow-highlight:hover{background-color:#FFFFCC; border:1px solid #FFA500; padding:2px;color:#333333;}
        .alerts-container.table-header-gradient h3{padding:5px;}
        .alerts-container.table-header-gradient{margin:5px 0 0;}
        .export-btn{display:block;width:100%; margin-bottom:20px;padding:0 15px 0 0;text-align:right;}
        .export-btn-overlay .add-index{
                float:left;
                border:1px solid #cccccc;
                width:120px;
                height:25px;
                font-size: 14px;
                padding: 0px 0px 0px 10px;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .export-btn-overlay .add-index span.add-index-content{font-size: 15px;padding: 4px 0px 0px 0px;border: none;float: left;}
        .export-btn-overlay .add-index span{border-left: 2px solid #888888;font-size: 21px;margin: 0px 0px 0px 5px;padding: 0px 7px 0px 5px;color: #888888;float: right;height: 25px;}
        .export-left-container {
        float: left;
        text-align: left;
        margin: 10px 0 35px 10px;
        }
        .export-left-container p{margin:0; padding:2px 0 0; font-size:11px; color:#BFBFBF;}
        .country{width:21%;}
        .sector{width:30%;}
        .row.alerts-container.table-header-gradient{margin-bottom:30px;}
        .info-wrapper .col-md-3, .info-wrapper .col-md-4, .info-wrapper .col-md-5{padding:0;float:left;}
        .info-wrapper .col-md-3 {width:196px;}
        .info-wrapper .col-md-4 {width:285px;}
        .info-wrapper .col-md-5 {width:340px;}
        .info-wrapper .col-md-6 {padding:0;width:305px;float:left;}
        .info-wrapper .col-md-8 {padding:0;width:577px;float:left;}
        .info-wrapper .col-md-12 {padding:0;float:left;}
        .info-wrapper .index-info-left-panel{width:426px;}
        .info-wrapper .index-info-right-panel{width:426px;}
        .input-group{float:right;border:0 none;}
        .updated-text{float:left;width:175px;}
        .input-group .btn.btn-default, .input-group .form-control{border:0 none;}
        .index-landing-wrapper .page-title{min-height:72px;overflow:visible;}
        /*.index-landing-wrapper .dropdown-menu{left:-257px!important;top:28px!important;}*/
        .bubble-chart-wrapper table td, .bubble-chart-wrapper table th { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:5px;}
        .bubble-chart-wrapper table{border-top:1px solid #CCCCCC;width:96%;}
        .bubble-chart-wrapper table th, .table-border tr th{
                border-bottom:1px solid #CCCCCC;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .bubble-chart-wrapper .nav-stacked > li{float:left;}
        .bubble-chart-wrapper .nav-stacked > li.active{border-left:0 none;}
        .bubble-chart-wrapper .nav-pills > li.active > a, .bubble-chart-wrapper .nav-pills > li.active > a:focus, .bubble-chart-wrapper .nav-pills > li.active > a:hover {background-color:#515050;color:#FFFFFF;border-radius:0;outline:0 none;}
        .bubble-chart-wrapper .active{position:relative;}
        .bubble-chart-wrapper ul li.active:after, .bubble-chart-wrapper ul li.active:before {top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
        .bubble-chart-wrapper ul li.active:after{border-color:rgba(136, 183, 213, 0);border-top-color:#515050;border-width:8px;margin-left:-8px;}
        .bubble-chart-wrapper ul li.active:before{border-color:rgba(194, 225, 245, 0);border-top-color:#515050;border-width:6px;margin-left:-6px;}
        .bubble-chart-wrapper .nav-pills > li > a{border-radius:0;background-color:#EEEEEE;color:#515050;}
        .bubble-chart-wrapper .nav > li > a {display:block;padding:9px 15px;position:relative;outline:0 none;cursor: pointer}
        .bubble-chart-wrapper .nav-stacked > li + li {margin-left:0;margin-top:0;}
        .bubble-chart-wrapper .nav-stacked > li.disabled:focus {background: #EEEEEE;color: #515050;}
        .bubble-table h6{background:#f5f5f5;padding:8px 5px;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;width:98%;}
        .bubble-chart-wrapper ul.nav{margin:15px 10px;}
        .bubble-chart-wrapper  table .name{width:35%;text-align:left;}
        .bubble-chart-wrapper  table .weight{width:19%;text-align:right;}
        .bubble-chart-wrapper  table .count{width:19%;text-align:center;}
        .bubble-chart-wrapper  table .market-cap{width:27%;text-align:center;}
        .bubble-chart-wrapper .scrollarea{border-bottom:1px solid #CCCCCC;}
        .bubble-table .fa{color:#aaa;}
        .table-header-gradient .panel-heading{padding:0;}
        .table-header-gradient .panel-default > .panel-heading{border:0 none!important;}
        .table-header-gradient .panel-default > .panel-heading + .panel-collapse > .panel-body{background:none;}
        #chart {width:600px;margin:0 auto;}
        .pool {fill:transparent;stroke:#4f4f4f;}
        .bubble-chart-wrapper .ngsb-wrap{height:370px!important;}
        .bubble-chart-wrapper .tab-content .tab-pane {width:100%;}
        .chart-table{padding:0 15px 0 15px;clear: both;}
        .high-chart-section table tr td, .high-chart-section table tr th{padding:11px 5px;}
        .high-chart-section table .index-name{width:35%;text-align:left;}
        #historical-attributes .high-chart-section table th.index-name,
        /* #historical-attributes .high-chart-section table td.index-name {width:33%;} */
        .high-chart-section .switch small {height:16px;top:0;width:18px;/*box-shadow:0 -1px 8px rgba(0, 0, 0, 0.4);*/}
        .high-chart-section .switch.checked small {left:12px;}
        .high-chart-section .switch {float:right;height:18px;top:4px;width:32px;}
        .high-chart-section .switch.checked {background:none;border:1px solid #ccc;}
        .high-chart-section .fa{color:#fff;padding:3px;}
        .high-chart-section .fa.blue{background:blue;}
        .high-chart-section .fa.orange{background:orange;}
        .high-chart-section .fa.red{background:red;}
        .high-chart-section table tr td, .high-chart-section table tr th{vertical-align:middle;}
        /*.high-chart-section .high-chart{box-shadow:0px 1px 2px #888888;}*/
        #historical-attributes .facet-accordion {margin-top: 0;}
        .high-chart-section .indexgrid-empty-message{box-shadow:0px 1px 2px #888888;margin-bottom: 20px;}
        /* .full-constituent a{
                display:block;
                width:160px;
                padding:5px 7px 5px 15px;
                background: #F5F5F5; For browsers that do not support gradients
                background: -webkit-linear-gradient(#FFFFFF, #F5F5F5); For Safari 5.1 to 6.0
                background: -o-linear-gradient(#FFFFFF, #F5F5F5); For Opera 11.1 to 12.0
                background: -moz-linear-gradient(#FFFFFF, #F5F5F5); For Firefox 3.6 to 15
                background: linear-gradient(#FFFFFF, #F5F5F5); Standard syntax
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F5F5F5');For IE7-8-9
                border:1px solid #b4b4b4;
                border-radius:3px;
                color:#1f1f1f;
                position:relative;
                text-align:left;
        }
        .full-constituent a span.fa-external-link-square{float:right;}
        .full-constituent a span.liner { background: none repeat scroll 0 0 #DDDDDD; height: 25px; position: absolute; right: 22px; top: 0; width: 1px;}
        .full-constituent{float:left;}*/
        .corp-action-disclaimer {
                margin-bottom: 10px;
        }
        .corp-action-contactus-link {
                text-decoration: underline;
                font-weight: bold;
        }
        .corporate-events-filter{
                /* width:600px; */
                height:44px;
                padding:0 0 10px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-wrap: wrap;
        }
        .corporate-action-filter{
                padding:5px;
        width:75px;
        height: 32px;
        float:left;
        background:#fff;background:-moz-linear-gradient(#ffffff, #E2E2E2);
                background:-webkit-linear-gradient(#ffffff, #E2E2E2);
                background:-o-linear-gradient(#ffffff, #E2E2E2);
                background:-ms-linear-gradient(#ffffff, #E2E2E2);/*For IE10*/
                background:linear-gradient(#ffffff, #E2E2E2);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e2e2e2');/*For IE7-8-9*/
        border:1px solid #999999;
        margin-right: 5px;
        text-align: center;
                border-radius:0;
                color:#323232;
                font-weight:bold;
        }
        .popup-constituent-header .right-colum{font-weight:bold;}
        .corporate-filter-enable{background:#FFD700;border:1px solid #FFD700;filter:none;/*For IE7-8-9*/}
        #corporate-action-dropdown.dropdown-menu{left: 0;width: 700px;margin: 0px 0px 10px;padding:10px 14px;}
        #corporate-action-dropdown .filter-by-corporate-events{width:100%;overflow:hidden;padding:5px 0px}
        #corporate-action-dropdown .filter-by-corporate-events h5{font-size:14px;border-bottom:1px solid #cccccc;padding:0px 0px 3px 0px;margin-bottom:5px;}
        #corporate-action-dropdown .apply-filter{
        float: right;
        overflow: hidden;
        padding: 7px 0;
        position: relative;
        right: -6px;
        text-align: right;
        width: 204x;
        }
        #corporate-action-dropdown .apply-filter .cancel-btn-left{	margin-left:7px;}
        .include-effective-date{
                /* padding:8px 0 0 10px;    */
                display: flex;
                align-items: center;
                flex-grow: 1;
        }
        ul.high-chart-rangeSelector{   
                height: 30px;
        width: 661px;
        padding: 10px 0px 0px 0;
        margin-left:10px;
        }
        ul.high-chart-rangeSelector li {
        border-right: 1px solid #ccc;
        cursor: pointer;
        float: left;
        font-weight: normal;
        height: 22px;
        margin: 0;
        padding: 5px 5px 0 5px;
        text-align: center;
        vertical-align: middle;
        width: 65px;
        }
        ul.high-chart-rangeSelector li:last-child{border:0 none;}
        ul.high-chart-rangeSelector li.active{
                background: #737373;
                color:#fff;
        }
        ul.high-chart-rangeSelector li.disabled{
                background: #fff;
                color:#a2a2a2;
                opacity:0.5;
        }
        /*index landing page methodology dropdown starts*/
        .index-landing-wrapper .methodology-dropdown{
                padding: 7px 10px;
                cursor: pointer;
        }
        .index-landing-wrapper .methodology-dropdown .methodology-dropdown-list{
                width: 100%;
                padding: 0px;
        }
        .index-landing-wrapper .methodology-dropdown .methodology-dropdown-list li {
                padding: 10px;
                font-size: 12px;
                margin: 0px !important;
                background: #FFFFFF !important;
        }
        .index-landing-wrapper .methodology-dropdown .methodology-dropdown-list li span {
        cursor: default;
        }
        .index-landing-wrapper .methodology-dropdown .methodology-dropdown-list li span a {
                padding: 0;
        }
        /*index landing page methodology dropdown ends*/
        /********************
        Index landing page styles ends
        *********************/
        /********************
        Intraday Alerts Page styles starts
        *********************/
        .intraday-alerts-wrapper .dropdown-menu>li>span {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        }
        .intraday-event-modal .modal-dialog{width:900px;margin-top:25px;}
        .intraday-event-modal .modal-dialog .email-body .email-body-content div, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content p,
        .intraday-event-modal .modal-dialog .email-body .email-body-content a,
        .intraday-event-modal .modal-dialog .email-body .email-body-content h1, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content h2, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content h3, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content h4, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content h5, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content h6,
        .intraday-event-modal .modal-dialog .email-body .email-body-content strong,
        .intraday-event-modal .modal-dialog .email-body .email-body-content small, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content strike, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content strong, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content sub, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content sup, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content b, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content u, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content i, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content dl, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content dt, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content dd, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content ol, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content ul, 
        .intraday-event-modal .modal-dialog .email-body .email-body-content li {margin:inherit;line-height:inherit;padding:inherit;font:inherit;font-size:inherit;}
        .intraday-event-modal .modal-dialog .email-body .email-body-content ol{list-style:decimal;}
        .intraday-event-modal .modal-dialog .email-body .email-body-content ul{list-style:disc;}
        .intraday-alert-popup-wrapper {
        padding:0;
        border: 1px solid #ccc;
        margin:0;
        background-color:#ddd;
        min-height:500px;
        }
        .intraday-alert-popup-wrapper .segment-container {
        margin: 10px;
        border: 1px solid #ccc;
        border-top: 0 none;
        background-color:#fff;
        }
        .intraday-alert-popup-wrapper .segment-container.no-border,
        .intraday-alert-popup-wrapper .segment-container.no-border .row {
        border: 0 none;
        }
        .intraday-alert-popup-wrapper .segment-container .row {
                margin:0;
                display: table;
                width:100%;
                border-bottom:1px solid #ccc;
                
        }
        .intraday-alert-popup-wrapper .segment-container .row:last-child {
                border-bottom:0 none;
        }
        .intraday-alert-popup-wrapper .segment-container .col-md-4,
        .intraday-alert-popup-wrapper .segment-container .col-md-8 {
                display:table-cell;
                vertical-align:middle;
                float:none;
                padding:5px 10px;
        }
        .intraday-alert-popup-wrapper .segment-container .col-md-4 {
                width:291px;
        }
        .intraday-alert-popup-wrapper .data-dropdown {
        position: relative;
        z-index:10;
        }
        .intraday-alert-popup-wrapper .save-pdf {
        padding: 10px 20px 0;
        text-align: right;
        }
        .rss-heading h3{
        text-align: center;
        }
        .unsubscribed-index, a.unsubscribed-index{color:#bebebe;}
        #intraday-alert-search label.btn {
        height: 32px;
        padding: 6px 15px;
        text-align: center;
        width: 151.3px;
        }
        #intraday-alert-search .close-of-business label.btn{width: 120.3px;}
        .leftside-container{width:225px;float:left;margin:0px 10px 0px 0px;background: #ffffff;padding:0px;border:1px solid #cccccc;}
        .leftside-container h2{
                color:#323232;padding:7px 10px;font-size:17px;border-bottom:1px solid #CCCCCC;font-family:'Geogtq-Rg',Arial; 
                -webkit-box-shadow:0px 1px 2px #cccccc;-moz-box-shadow:0px 1px 2px #cccccc;box-shadow:0px 3px 8px #ccc;background:#ffffff;background:-moz-linear-gradient(#ffffff, #f5f5f5);background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .ai-gradient{
                background:#fff;background:-moz-linear-gradient(#ffffff, #EEEEEE);background:-webkit-linear-gradient(#ffffff, #EEEEEE);
                background:-o-linear-gradient(#ffffff, #EEEEEE);background:-ms-linear-gradient(#ffffff, #EEEEEE);/*For IE10*/background:linear-gradient(#ffffff, #EEEEEE);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');/*For IE7-8-9*/
        }
        ul.available-indices{margin:0px;padding:0px;list-style: none;}
        ul.available-indices li{
                border-bottom: 1px solid #cccccc;
        float: left;
        min-height: 50px;
        padding: 10px 0 9px 10px;
        position: relative;
        text-align: left;
        width: 100%;
        }
        ul.available-indices li .ind-label {
        color: #323232;
        display: block;
        font-family: arial;
        font-size: 14px;
        padding: 5px 63px 5px 0;
        position: relative;
        width: 100%;
        }
        ul.available-indices li .ind-latest{padding:2px;border:1px solid #cccccc;background:#f4f4f4;position:absolute;top:14px;right:35px;font-size:12px;text-align: center;width:25px;height:20px;}
        ul.available-indices li .ind-alltoday{padding:2px;border:1px solid #333333;background:#333333;color:#ffffff;text-align: center;width:25px;height:20px;position:absolute;top:14px;right:0px;margin-left:5px;margin-right:5px;font-size:12px;}
        /*active Highlight Css*/
        ul.available-indices li.ai-gradient.active{background:#555;}
        .active .triangle-right {
        border-bottom: 7px solid transparent;
        border-left: 7px solid #555;
        border-top: 7px solid transparent;
        font-size: 0;
        height: 0;
        line-height: 0;
        position: absolute;
        right: -7px;
        top: 30%;
        width: 0;
        display:block;
        } 
        ul.available-indices li.active .ind-label{color:#fff}
        ul.available-indices li.active .ind-alltoday{background:#787878;border:1px solid #777777;}
        ul.available-indices li a.unsubscribed-index{color:#999;}
        .announcement-link a.unsubscribed-index{visibility:hidden;}
        .rightside-container{width:945px;float:left;min-height:435px}
        /**not able to find below css**/
        .green-arrow{width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #175b00 transparent;float:right}
        /****need to check .alerts-container th is available***/
        .alerts-top-container .open button.alerts-filter {
        background: #555 none repeat scroll 0 0;
        text-align: left;
        padding: 5px 8px;
        }
        .alerts-container h2, .alerts-container th{
                        color:#323232;font-family:'Geogtq-Rg',Arial; 
                border-bottom:1px solid #CCCCCC;font-size:17px;padding:7px 10px;-webkit-box-shadow:0px 3px 8px #ccc;-moz-box-shadow:0px 1px 2px #ccc;box-shadow:0px 1px 2px #ccc;background:#ffffff;background:-moz-linear-gradient(#ffffff, #f5f5f5);background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .alerts-container h2 span {font-size: 12px;display: inline-block;}
        .alerts-container h2 span.alert-label {text-align: left;}
        .alerts-container h2 span.alert-date-update {
                float: right;
                font-family: arial;
                position: relative;
                text-align: right;
                top: -6px;
                color:#323232;
        }
        .alerts-container .ag-fresh{margin:10px;}
        .alerts-top-container{padding: 10px 10px 5px 10px;min-height:48px;}
        .alerts-top-container .alerts-filter{    
        padding:5px 10px;
        width:75px;
        height: 32px;
        float:left;
        background:#fff;background:-moz-linear-gradient(#ffffff, #E2E2E2);
                background:-webkit-linear-gradient(#ffffff, #E2E2E2);
                background:-o-linear-gradient(#ffffff, #E2E2E2);
                background:-ms-linear-gradient(#ffffff, #E2E2E2);/*For IE10*/
                background:linear-gradient(#ffffff, #E2E2E2);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e2e2e2');/*For IE7-8-9*/
        border:1px solid #999999;
        margin-right: 5px;
        text-align: left;
                border-radius:0;
                color:#323232;
                font-weight:bold;
                font-size: 12px;
        }
        .alerts-top-container .alerts-filter .caret {
        position: absolute;
        right: 10px;
        top: 13px;
        }
        ul.available-indices li:last-child {
        border-bottom: 0 none;
        }
        .alerts-top-container .alerts-export{
        text-align: center;
        background: #277f9c;
        padding:5px;
        width:75px;
        height: 28px;
        float: right;
        color:#ffffff;
        background:-moz-linear-gradient(#277f9c, #226277);background:-webkit-linear-gradient(#277f9c, #226277);
                background:-o-linear-gradient(#277f9c, #226277);background:-ms-linear-gradient(#277f9c, #226277);/*For IE10*/
                background:linear-gradient(#277f9c, #226277);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#277f9c', endColorstr='#226277');/*For IE7-8-9*/
        border:1px solid #CCDCE1;
        cursor: pointer;
        }
        .alerts-top-container #intraday-alert-search.dropdown-menu{left: 0;width:627px;margin: 0px 0px 10px;padding:0 10px 4px;}
        .alerts-top-container .filter-by-index{padding:10px 0px 15px;}
        .alerts-top-container .filter-by-index .filter-index-indices{top:0px;left:0px;position:relative;}
        .alerts-top-container .filter-by-index .filter-index-indices ul {
                /*width:655px;*/
                height:250px;	
                position:relative;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        }
        .alerts-top-container .filter-by-index .filter-index-indices ul li a{
                display: block;
        padding: 3px 12px;
        clear: both;
        font-size: 12px;
        line-height: 20px;
        color: #333;
        word-wrap: break-word;
        width: 585px;
        border-bottom: #eee 1px solid;
        }
        .alerts-top-container .filter-by-index .filter-index-indices ul>li>a:hover, .alerts-top-container .filter-by-index .filter-index-indices ul>li>a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
        }
        /**scroll enable starts*/
        #filterby-childindices{height:250px;position:absolute;padding:0px;width:605px;overflow: hidden;margin:0px 0;top:41px;left:10px;z-index:99999;background:#fff;border:1px solid #ccc;}
        #filterby-childindices.ps-container.ps-active-x > .ps-scrollbar-x-rail, #filterby-childindices.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
        }
        #filterby-childindices.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 4px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        #filterby-childindices.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        /*scroll enable ends*/

        /*#filterby-childindices{
                width:650px;height:250px;overflow:hidden;
                position:absolute;
        }
        #filterby-childindices .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #filterby-childindices .ps-scrollbar-y-rail {
                top: 0px;
                right: -13px !important;
        }
        */.alerts-top-container .alerts-filter-by-index{    
        padding: 5px;
        width:  100%;
        height: 32px;    
        background: #eee;
        border:1px solid #cccccc;
        margin-right: 5px;
        text-align: left;
                border-radius:0;
        }
        .alerts-top-container .alerts-filter-by-index span.caret{margin:0px 0px 0px 5px;} 
        .alerts-top-container .date-period{padding:0px 0px 15px;}
        .alerts-top-container .date-period .date-period-group{padding:0px 0px 15px; display:inline-block;}
        .alerts-top-container .date-period .date-period-group .date-period-radiobox{margin:0 0 0 10px;padding:0px; display:inline-block;}
        .alerts-top-container .date-period .date-period-group .date-period-radiobox label {
        color: #666;
        display: inline-block;
        font-size: 12px;
        padding: 0;
        }
        .alerts-top-container .date-period .date-period-group .date-period-radiobox input{padding:0px 0px 0px; display:inline-block;}


        .alerts-top-container .filter-by-action-type{width:100%;overflow:hidden;padding:0;}
        .alerts-top-container .filter-by-action-type h5{font-size:14px;border-bottom:1px solid #cccccc;padding:0px 0px 3px 0px;margin-bottom:5px;}
        .alerts-top-container .action-type-column{
                width:200px;	
                float:left;
                padding-left:10px;		
        }
        .alerts-top-container .action-type-column-status{
                float:left;
                padding-left:10px;	
        }
        #intraday-alert-search label {
        color: #1f1f1f;
        font-size: 12px;
        padding-left: 22px;
        }
        .alerts-top-container .action-type-column input,.alerts-top-container .action-type-column-status input{margin:3px 5px 0px 0px;padding:0px;float:left;}
        .alerts-top-container .action-type-column .action-type-box,.alerts-top-container .action-type-column-status .action-type-box{display:block;padding:3px 0 15px 0;font-size: 12px;}
        .alerts-top-container .action-type-column .action-type-box span,.alerts-top-container .action-type-column-status .action-type-box span{
        padding:0px;float:left;width:175px;line-height:20px;}
        .alerts-top-container .action-type-column-status .action-type-box span{width:140px;}
        .alerts-top-container .filter-by-status{width:100%;overflow:hidden;padding:5px 0px}
        .alerts-top-container .filter-by-status h5{font-size:14px;border-bottom:1px solid #cccccc;padding:0px 0px 3px 0px;margin-bottom:5px;}
        .alerts-top-container .filter-by-status .action-type-box{display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:5px 70px 5px 3px}
        .alerts-top-container .apply-filter {
        float: right;
        overflow: hidden;
        padding: 7px 0;
        position: relative;
        right: -6px;
        text-align: right;
        width: 180px;
        }
        .alerts-top-container .btn-default:hover, 
        .alerts-top-container .btn-default:focus, 
        .alerts-top-container .btn-default.focus, 
        .alerts-top-container .btn-default:active, 
        .alerts-top-container .btn-default.active{
        background-color: #fff;
        }
        .alerts-top-container #intraday-alert-search .date-period .date-period-group .date-period-radiobox label {
        padding-left: 15px;
        }
        #intraday-alert-search h5{font-size:12px;color:#1f1f1f;font-weight:bold;}
        .alerts-top-container .grouped-files h5 {padding-bottom:15px;}


        /*styles added to above same .alerts-container h2 class .alerts-container h2 {font-size:20px;padding:7px;}*/
        .alerts-container .pagination-container {margin: 5px 10px 10px 10px;}
        #corporate-actions .alerts-container .pagination-container {margin: 5px 0 0 0;}

        .intraday-alert-update .grid-empty-message p{line-height:12;}
        .intraday-alert-update .grid-empty-message{padding:15px 15px;text-align:center;border: none; min-height: 208px}
        #intradayalert-module .grid-empty-message{padding:200px 15px;text-align:center;border: none; min-height: 208px}
        #intradayalert-grid {        
                margin:0 10px 0 10px;
                position: relative;
        }
        #intradayalert-grid .ag-body-viewport-wrapper,#intradayalert-grid .ag-body-viewport,#intradayalert-grid .ag-body{
                /*overflow:hidden;*/
        }
        #intradayalert-grid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #intradayalert-grid .ps-scrollbar-y-rail {
                top: 0px;
                right: -13px !important;
        }
        #intradayalert-grid.ag-fresh .ag-paging-panel {display:none;}
        .tooltip.intraday-comments-tooltip .tooltip-inner{
                width: 450px;
                text-align: left;	
        }
        .tooltip.grouped-files-tooltip .tooltip-inner{
                width: 350px;
                text-align: left;
                margin-right: 15px;	
        }
        body > div #intradayalert-grid.ag-fresh .ag-row .ag-cell-focus:last-child,body > div #corporate-actions-grid.ag-fresh .ag-row .ag-cell-focus:last-child,body > div #dc-corporate-actions-grid.ag-fresh .ag-row .ag-cell-focus:last-child{
                border-right: none;
        }
        /********************
        Intraday Alerts Page styles Ends
        *********************/

        /********************
        Pagination container across the all pages
        *********************/
        .pagination-container{margin: 5px 0 10px 0;}
        .weekly-alerts{margin-top:15px;}
        .pagination-container .previous, .pagination-container .next, .search-btn div, .icon-group div{
                display:inline-block;
                font-size:11px;
                padding:1px 5px;
                border:1px solid #CCC;
                background:#fff;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .pagination-container .previous {
                margin-left:5px;
        }
        .view-page button .caret {
        margin-left: 4px;
        }
        .search-btn div{font-size:14px;}
        .pagination-container .previous.active, .pagination-container .next.active{background:#EEE; /* Old browsers */}
        .pagination-container p, .weekly-alerts p{margin-top:8px;}
        .weekly-alerts p{font-size:12px;margin-left:10px;float:left;}
        .weekly-alerts p span{font-weight:bold;}
        .pagination-container p{display:inline-block;margin-right:10px;}
        .pagination-container.bottom{clear:both;border-top:1px solid #CCC;}
        .pagination-container.bottom p, .pagination-container.bottom  div{float:right;}
        input[type=number]::-webkit-inner-spin-button, 
        input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none; 
        margin: 0; 
        }
        input[type=number] {-moz-appearance:textfield;}
        .pagination-container input[type="number"] {
        border: 1px solid #999999;
        padding: 5px 2px 6px;
        text-align: center;
        width: 40px;    
        }
        /***need to check below css is in html***/
        .alert-update{border-top:1px solid #CCC; margin-bottom:15px;padding-top:15px;}
        .alert-head{padding:10px 0;width:225px;}
        .alert-head p{ display:inline-block;margin:0; padding:0;}
        .alert-head p, .alert-head div{display:inline-block;}
        .alert-head p{ margin-right:10px;font-size:12px;}
        .alert-head div{font-size:12px;}
        .index-change.up{color:green;}
        .alert-update div{float:left;}
        .alert-update .last-update{margin-right:10px;}
        .alert-update p{font-size:12px;color:#444;margin:0;}
        .icon-group{margin-bottom:-8px;}
        .alert-head .ind-latest {background:#fff;border: 1px solid #787878;display: inline-block;font-size: 11px;padding: 1px 4px;text-align: center;width: 26px;height:20px;}
        .alert-head .ind-alltoday {background: none repeat scroll 0 0 #787878;border: 1px solid #777777; display: inline-block;font-size: 11px;padding: 1px 4px;text-align: center;width: 26px;height:20px;color: #fff;}
        /*******************
        Pagination container across the all pages ends
        ********************/

        /*******************
        Constituents page styles starts
        ********************/
        .content-box .south .ag-paging-panel .pageRowSummaryPanel{display:none;}
        .content-box .south .ag-fresh .ag-paging-button{margin-right:0;}
        .content-box{border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background:#fff;min-height:180px;padding:10px;overflow:hidden;margin-bottom:15px;}
        .data-column h5{border:1px solid #555555;}
        .content-box .col-md-5, .content-box .col-md-7{padding:0;}
        .page-title{padding:0;overflow:hidden;margin-right:0px;margin-left:0px;position:relative;}
        .page-title .col-md-9, .page-title .col-md-3{padding:0;}
        .page-title .col-md-3.announcement-link {margin:0;text-align: right;width:250px;position:absolute;right:0;bottom:10px;}
        .page-title .col-md-3.announcement-link a {
        font-size: 12px;
        text-transform: uppercase;
        }
        .page-title .col-md-9 {
        margin-bottom: 10px;
        float:left;
        width:885px;
        }
        .updated-on{text-align:right;}
        .updated-on h2 span{color:green;}
        .page-title h2, .page-title h3{margin-bottom:10px;font-family:'Geogtq-Rg',Arial;color:#333333;}
        .page-title h2{font-size:26px;}
        .page-title h3{font-size:35px;}
        .page-title h1{margin-bottom: 10px;}
        .page-title span.as-of-now{font-family:Arial;font-size:16px;color:#1f1f1f;}
        .page-title h2 a span {line-height:50px;}
        .page-title h3 {margin-bottom:10px;line-height:39px;margin-right:80px;}
        /*.announcements-wrapper .page-title h2, .documents-wrapper .page-title h2, 
        .announcements-wrapper .page-title h3, .documents-wrapper .page-title h3, 
        .announcements-wrapper .page-title p, .documents-wrapper .page-title p{margin-bottom:0;}
        .announcements-wrapper .page-title h3, .documents-wrapper .page-title h3{margin-top:10px;}
        .announcements-wrapper .announcements-content, .documents-wrapper .documents-content{margin-top:10px;}*/
        .constituents-wrapper .left-section{padding-right:3px;}
        .constituents-wrapper .right-section{padding-left:7px;}
        .constituents-wrapper .data-section{background-color:#fff;}
        .content-box table tr th, .content-box table tr td {border-bottom:1px solid #CCCCCC;padding:5px 10px 5px 5px;}
        .content-box table {border:1px solid #CCCCCC;}
        .content-box table th,.all-constituents-box table tr th {
                background:#f5f5f5;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
                background:-webkit-linear-gradient(#ffffff, #f5f5f5);
                background:-o-linear-gradient(#ffffff, #f5f5f5);
                background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
                background:linear-gradient(#ffffff, #f5f5f5);
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/}
        .content-box table tr th:nth-child(even), .content-box table tr td:nth-child(even){text-align:right;}
        .recent-corporate.content-box table tr th, .recent-corporate.content-box table tr td{text-align:left;width:50%;}
        .all-constituents-box{padding:0px 10px 10px 10px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;min-height:300px;clear:both;}
        .all-constituents-box table tr th, .all-constituents-box table tr td{text-align:center;}
        .all-constituents-box table tr th:nth-child(1), .all-constituents-box table tr td:nth-child(1){text-align:left;width:30%;}
        .constituents-wrapper .content-box .ag-fresh .ag-cell-no-focus, .constituents-wrapper .content-box .ag-header-cell{border-right:0 none;}
        .constituents-wrapper .content-box .ag-body-viewport{overflow:hidden;}
        .all-constituents-box .btn-group {clear: both;float: right;margin: 10px 0 5px;position: relative;}
        .all-constituents-box .grid-empty-message{padding: 90px 15px;}
        /*******************
        Constituents page styles Ends
        ********************/
        /*******************
        Data center page styles Starts
        ********************/

        #dash-mylist-grid .ag-body-viewport-wrapper, 
        #dash-mylist-grid .ag-body-viewport, 
        #dash-mylist-grid .ag-body {
                height:271px;
        }
        #dash-mylist-grid .ag-body-viewport{
                height:273px;
        }

        /*scroll enable starts*/
        .data-center .data-criteria .scroll-content{max-height:450px;/*position:relative;*/}
        .data-criteria .scroll-content.ps-container.ps-active-x > .ps-scrollbar-x-rail, 
        .data-center .data-criteria .scroll-content.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
        }
        .data-center .data-criteria .scroll-content.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 4px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        .data-center .data-criteria .scroll-content.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        /*scroll enable ends*/

        .data-center-wrapper,.documents-wrapper,.announcements-wrapper{padding:10px;}
        div.facet-accordion{display:none;margin-top:5px;}
        .index-landing-wrapper .left-panel div.facet-accordion {
        margin-top: 0;
        }
        .data-center .nav-pills > li:first-child.active > a, .data-center .nav-pills > li:first-child.active > a:focus, .data-center .nav-pills > li:first-child.active > a:hover{left: 0;}
        /***Save search modal css***/
        .save-search-wrapper label {margin-right:5px;}
        .save-search-wrapper .btn-bar, .popup-wrapper .btn-bar{margin:5px 0 0 0;text-align: right}
        .save-search-wrapper .save-search-errormessage{margin:5px 0px 0px 100px;color:#ff0000;}
        .save-search-wrapper .saved-template-list li a{white-space: normal;}
        .save-search-modal .modal-dialog {width:400px;margin-top:25px;height:auto;}
        .index-landing-modal .modal-dialog {width:422px;margin-top:25px;height:auto;}
        .add-list-bar .dropdown-menu {
                padding: 10px;
                width: 400px;
                border-radius: 0;
                right: 0;
        }
        .add-list-bar h5, .add-list-bar lable{font-size:14px;font-family:'Geogtq-Rg',Arial;font-weight:bold;padding:0 5px 8px 0;margin:0;display:block;}
        .add-list-bar h6 {
                border: 1px solid #ccc;
                padding: 5px;
                font-size: 14px;
                font-family: 'Geogtq-Rg',Arial;
                overflow: hidden;
                height: 30px;
                background:#eeeeee;
        }
        .add-list-bar .limit{font-size:10px;font-family:Arial;line-height: 28px;}
        .add-list-bar .border-top {
                margin-top: 40px;
                display: block;
                text-align: center;
                margin-bottom:30px;
        }
        .add-list-bar .border-top span {
                display: block;
                width: 30px;
                background: #fff;
                margin: -10px auto;
        }
        .add-list-bar input[type="text"] {
        padding: 5px;
        width: 100%;
        }
        .add-list-bar .tab-inner ul li {
        display: block;
        height: 24px;
        padding: 5px;
        font-size: 12px;
        font-family: Arial;
        /* margin-right: 5px; */
        word-wrap: break-word;
        overflow: hidden;
        }
        #eligible-indices-scroller, #ineligible-indices-scroller {
                max-height: 164px;
                position: relative;
                border-top: 0 none;
                width: auto;
                border-bottom: 1px solid #ccc;
        }
        /* .add-list-bar .ps-container ul li{margin-right:5px;} */
        #add-to-list, #add-to-events-list{
		min-height: 97px;
                max-height: 170px;
                position: relative;
                border: 1px solid #ccc;
                border-top: 0 none;
                width: auto;
        }
        #add-to-list.ps-container.ps-active-y > .ps-scrollbar-y-rail,
        #add-to-events-list.ps-container.ps-active-y > .ps-scrollbar-y-rail,
        #eligible-indices-scroller.ps-active-y > .ps-scrollbar-y-rail, #ineligible-indices-scroller.ps-active-y > .ps-scrollbar-y-rail {
                display: block !important;
        }
        #add-to-list.ps-container > .ps-scrollbar-y-rail,
        #add-to-events-list.ps-container > .ps-scrollbar-y-rail, 
        #eligible-indices-scroller.ps-container > .ps-scrollbar-y-rail, #ineligible-indices-scroller.ps-container > .ps-scrollbar-y-rail {
                background: none repeat scroll 0 0 #ccc;
                border-radius: 4px 4px 4px 4px;
                right:0 !important;
                position: absolute;
                transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
                width: 8px;
                display: none;
        }
        #add-to-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
        #add-to-events-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
        #eligible-indices-scroller.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, #ineligible-indices-scroller.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #AAAAAA;
                border-radius: 4px 4px 4px 4px;
                position: absolute;
                right: 0;
                transition: background-color 0.2s linear 0s;
                width: 8px;
                min-height: 15px !important;
        }
        .add-list-bar .btn-bar{padding:20px 0 10px; text-align: right;}
        .add-list-bar .tab-inner ul li span.list-name {
                width:80%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                display: block;
        }
        .add-list-bar .tab-inner ul li span.indices{width:20%;text-align: center;}
        .add-list-bar .tab-inner ul li:nth-child(odd){background:#eeeeee;}
        .add-list-bar .tab-inner ul li:nth-child(even){background: #fff;}
        .add-list-bar .tab-inner ul li:hover, .add-list-bar .tab-inner ul li.active{background: #ddd;}
        #add-to-list-module{height:auto;}
        #add-to-list-module .text-red {font-size: 12px;padding-top: 5px;}
        .error-message { margin:10px 0px; font-size:12px; color:#F00;}
        .setas-home, .setas-home a{text-align:right; color:#20828E;}
        .setas-home span i{
                background:none repeat scroll 0 0 #20828E;
                border-image:none;
                border-radius:8px;
                display:inline-block;
                font-size:10px;
                padding:2px;
        }
        .setas-home .fa-star:before{color:#fff;}
        .data-center{padding:0;}
        .data-center ul.nav-pills li , .data-center .nav-stacked > li.active{
                float:left;
                min-width:150px;
                text-align:center;
                border-left: 0 none;
        }
        .data-center .tab-content .tab-pane{width:auto;}
        .data-center .tab-content .tab-inner{min-height:350px;border:1px solid #ccc;padding:10px 10px 10px 10px;background:none repeat scroll 0 0 #FFFFFF;/*overflow: hidden;*/}
        .data-center .nav-pills > li.active > a, .data-center .nav-pills > li.active > a:focus, .data-center .nav-pills > li.active > a:hover {
                background:#fff;
                color:#000;
                /*font-weight: bold;*/
                border:1px solid #ccc;
                border-radius:0;
                border-bottom:0 none;
                position:relative;
                top:1px;
                z-index:1;
                padding:14px 15px;
                width:102%;
                left:-1px;
        }
        .data-center .nav-pills > li > a{display:block;border-top:1px solid #ccc;border-right:1px solid #ccc;border-radius:0;background:#f8f8f8;color:#000;top:8px;cursor:pointer;}
        .data-center .nav > li > a:focus, .data-center .nav > li > a:hover{background:#eee;}
        .data-center .nav-stacked > li + li{margin-top:0;}
        .data-center .nav-pills  li:nth-child(1) a{border-left:1px solid #ccc;border-top:1px solid #ccc;}
        .data-center .nav-pills  li:nth-child(2) a{border-right:1px solid #ccc;border-top:1px solid #ccc;}
        .data-center .tab-inner .tab-left{border:1px solid #ccc;min-height:300px;padding:0;background: #fff;width:282px;float:left;}
        .data-center .tab-inner .criteria-head {
                background: #727272;
                color: #fff;
                padding: 5px 10px;
                height: 33px;
                line-height: 18px;
        }
        .data-center .tab-inner .criteria-head h5{
                text-transform: uppercase;
                font-family:'Geogtq-Rg',Arial;
                font-size: 18px;
        }
        .data-center .tab-inner .criteria-head p{
                font-size: 12px;
                font-family: Arial;
                margin-top: 2px;
        }
        .data-center .tab-inner .tab-left .btn-group{float:right;}
        .data-center .tab-inner .tab-left .btn-group a {
        color: #fff;
        font-size: 14px;
        box-shadow: none;
        }
        .data-center .tab-inner .tab-left .btn-group a.criteria-selected{color:#FFD700;}
        .data-center .tab-inner .tab-left .btn-group a.criteria-empty{color:#CCCCCC;cursor:default;}
        .data-center .tab-inner .tab-left .btn-group ul li a {
        color: #000;
        margin-right: 0;
        text-transform: none;
        white-space: normal;
        width: 280px;
        word-wrap: break-word;
        }
        .data-center .tab-inner .tab-left .dropdown-menu{top:22px;}
        .search-icon{background:none repeat scroll 0 0 #f0b65f;border:0 none;padding:5px;border-radius:4px;border: 1px solid #C09116;width:35px;}
        .criteria-search, .criteria-accordion{margin:10px 10px 10px;}
        .criteria-search input[type="text"] {
                border:1px solid #CCCCCC;
                border-radius:4px;
                padding:5px;
                width:100%;
                font-size: 12px;
                height:25px;
        }
        .subscribe-section input[type="text"]{margin-top:10px;}
        .subscribe-section {
        margin-top: 0;
        }
        button.save{background:#e03145;font-size:12px;}
        button.find-indices-search{background:#f0b65f;font-size:12px;color: #000;}
        button.clear{background:#828282;font-size:12px;}
        .clear-btn{text-align:right;margin:10px 18px;}
        .check{padding:10px 0;}
        .check input[type="checkbox"]{margin-right:5px;}
        .criteria-accordion .accordion h3, .criteria-accordion h3 {
        background: #eeeeee none repeat scroll 0 0;
        cursor: pointer;
        font-family: "Geogtq-Rg",Arial;
        font-size: 17px;
        padding: 5px 10px 8px;
        text-align: left;
        text-transform: uppercase;
        }
        .criteria-accordion .accordion h3.inactive, .criteria-accordion h3.inactive{border-bottom:1px solid #ccc;}
        .criteria-accordion .accordion .slide{padding:10px;overflow: hidden;clear: both;}
        .criteria-accordion{border:1px solid #ccc;background: #fff;}
        /*not able to find class  .accordion .scroll-viewport {height: 200px;}.accordion .scroll-overview{padding:0 15px 0 0;}*/
        /* .scroll-bar {
        background-color: #D3D3D3;
        border-radius: 5px;
        height: 100%;
        position: absolute;
        right: 7px;
        top: 10px;
        transition: opacity 0.6s ease-in-out 0s;
        width: 8px;
        z-index: 100;
        } */
        /*.scroll-thumb {
        background-color: #808080;
        border-radius: 5px;
        cursor: pointer;
        height: 20px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 8px;
        }
        .criteria-accordion.data-assets .scroll-viewport{height:90px;}
        .criteria-accordion.data-region .scroll-viewport{height:400px;}
        .criteria-accordion.data-sectors .scroll-viewport{height:400px;}
        *//*.table-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
        .table-grid .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{border-right:0 none;}
        .table-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell{background:none;}
        .table-grid .ui-grid-row.ui-grid-row-selected .ui-grid-icon-ok.ui-grid-row-selected,
        .table-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-all-selected,
        .table-grid .ui-grid-selection-row-header-buttons.ui-grid-icon-ok.ui-grid-row-selected{color:#E03145;background:#E03145;height:12px;width:12px;}
        .table-grid .ui-grid-selection-row-header-buttons {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        cursor: pointer;
        opacity: 10;
        height:12px;width:12px;
        margin:0 auto;
        }
        .table-grid .ui-grid-icon-ok:before {
        content: " ";
        }
        .ui-grid-icon-ok:before {
        border:1px solid #ccc;
        bottom:1px;
        content:"";
        display:block;
        height:14px;
        left:-5px;
        position:absolute;
        right:0;
        top:-3px;
        z-index:-1;
        }
        @-moz-document url-prefix() {
        .ui-grid-icon-ok:before {
        left:-6px;
        }
        }
        .ui-grid-disable-selection{background:#fff;}
        .table-grid .ui-grid-row:nth-child(2n) .ui-grid-cell, .table-grid .ui-grid-row:nth-child(2n+1) .ui-grid-cell {
        background-color:#FFFFFF;
        border-bottom:1px solid #ccc;
        }
        */
        .quick-access{margin:0 0 5px;clear:both;text-align: right;min-height:25px;}
        .data-dropdown{		
                padding:6px 5px 6px 5px;color:#fff;border:0 none;text-align:center;min-width:80px;border-radius: 3px;font-family:Arial;font-size:12px;
                background: #277F9C; /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(#277F9C, #1E6279); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#277F9C, #1E6279); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#277F9C, #1E6279); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#277F9C, #1E6279); /* Standard syntax */
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#277F9C', endColorstr='#1E6279');/*For IE7-8-9*/
        }
        .add-to-list, .delete-selected{
                padding:5px 10px 4px 10px;
                color:#00668c;
                border:1px solid #ccc;
                text-align:center;
                border-radius:3px;
                display:inline-block;
                position:relative;
                height:25px;
                background: -moz-linear-gradient(#ffffff, #eee);
                background: -webkit-linear-gradient(#ffffff, #eee);
                background: -o-linear-gradient(#ffffff, #eee);
                background: -ms-linear-gradient(#ffffff, #eee);
                background: linear-gradient(#ffffff, #eee);
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee');
        }
        div.add-to-my-list .add-to-list{padding-right:25px;}
        .index-landing-wrapper div.add-to-my-list .add-to-list{font-size:11px;line-height:12px;}
        .index-landing-wrapper div.add-to-my-list .add-to-list .add-icon{margin-top:0;}
        .favorites .add-to-list {padding:0px;border:0 none; background:none; filter:none;}
        .quick-access .btn-group{vertical-align:top;padding: 0px;}
        .tab-right .table-grid > .ui-grid{height:2282px;}
        .search-section {word-wrap: break-word;}
        .search-section .search-label{width:90px;}
        .continuePopUp{margin:15px 0 0 10px;}
        .search-section .search-box {
        border: 1px solid #ccc;
        margin-bottom: 5px;
        padding: 1px;
        /*width: 277px;*/
        }
        .search-section .search-box input[type="text"] {
        border: 0 none;
        width: 325px;
        padding: 3px;
        line-height: 16px;
        margin-right: 5px;
        }
        .search-section .search-box .data-dropdown {
        background: #eee none repeat scroll 0 0;
        border: 1px solid #aaa;
        border-radius: 0;
        line-height: 9px;
        min-width: 0;
        position: relative;
        top: 0;
        width: 30px;
        }
        .search-section .search-box .data-dropdown .caret {
        color: #000;
        }
        .search-section .search-box .dropdown-menu {
        left: inherit;
        right: -2px;
        width: 368px;
        }
        .saveSearch-wrapper .data-section {
                overflow: inherit;
        }
        .saveSearch-wrapper button.save, .saveSearch-wrapper button.clear {
                font-size:14px;
        }


        /*Advanced Download*/
        .order-search .btn-bar {
                margin-left: 5px;
        }
        .order-search .btn-group {
        float: left;
        }
        .calendar-usage-tip {
        float: left;
        left: 15px;
        overflow-wrap: break-word;
        position: absolute;
        top: 15px;
        width: 385px;
        font-size: 11px;
        color: #777777;
        }
        .advanced-search .border-top, .advanced-search .border-bottom {
        position: absolute;
        width: 474px;
        }
        .advanced-search .border-top {
        top: 0;
        }
        .advanced-search .border-bottom {
        bottom: 0;
        }
        .advanced-search .border-left, .advanced-search .border-right {
        position: absolute;
        height: 400px;
        }
        .advanced-search .border-left {
        left: 0;
        }
        .advanced-search .border-right {
        right: 14px;
        }
        .advanced-search-wrapper .include-event {
        clear: both;
        font-size: 12px;
        position: absolute;
        top: 34px;
        }
        .advanced-search-wrapper h3{margin-bottom:10px;font-family:'Geogtq-Rg',Arial;font-size:35px;color:#333333;}
        .advanced-search-wrapper .include-event.adds-drops{top: 65px}
        /*.index-multi-drop-options, .cons-multi-drop-options, .corp-custom-drop-options {
                float: right;
        width: 860px;
        }*/
        .corporate-actions .calendar-widget {
        /*width: 100px;*/
        }
        .advanced-search-wrapper ul li {
        cursor:pointer;
        position: relative;
        font-size: 12px;
        }
        .advanced-search-wrapper ul li a.list-text {
        display: block;
        font-size: 12px;
        overflow-wrap: break-word;
        padding-right: 25px;
        white-space: normal;
        width: 100%;
        }
        .advanced-search-wrapper ul li span.icon-close {
        display: inline-block;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 14px;
        }
        .advanced-search-wrapper .my-saved-templates ul li span.icon-close {
        right: 10px;
        top: 0;
        }        
        .advanced-search-wrapper .template-selected button { color: /*#FFD700;*/#ff9b00; }
        .advanced-my-search-results {
                font-size: 20px;
                font-family: 'Geogtq-Rg',Arial;
                color: #00668c;
        }
        .link-color {
                color: #00668c;
        }
        a.selected-template-id { color: #ff9b00 !important; }
        .order-search .dropdown-menu {
        margin: 0;
        min-height: 25px;
        max-width:530px;
        }
        .data-center.advanced-search {padding:0;}
        .tab-inner.level-1 .nav-pills > li.active > a, .tab-inner.level-1 .nav-pills > li.active > a:focus, .tab-inner.level-1 .nav-pills > li.active > a:hover {
                padding:10px 15px;
                top:1px;
                background:#5A5858;
                color:#fff;
                border-bottom:1px solid #5A5858;
        }
        .tab-inner.level-1 .nav-pills > li > a {
                padding:10px 15px;
                top:1px;
        }
        .tab-inner.level-1 ul li.active{position:relative;}
        .tab-inner.level-1 ul li.active a:after, .tab-inner.level-1 ul li.active a:before {top:100%;left:50%;	border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
        .tab-inner.level-1 ul li.active a:after {border-color:rgba(136, 183, 213, 0);border-top-color:#5A5858;border-width:8px;margin-left:-8px;}
        .tab-inner.level-1 ul li.active a:before {border-color:rgba(194, 225, 245, 0);border-top-color:#5A5858;border-width:6px;margin-left:-6px;}
        .tab-inner.level-1 .tab-inner{background:#F1F1F1;}
        /*.order-search button{padding:5px 3px;width:160px;text-align:left;}*/
        .order-search .caret {
                position:absolute;
                right:10px;
                top:13px;
        }
        .tab-inner.level-2 .selection-left, .tab-inner.level-2 .selection-right{height:503px;position:relative;float:left;width:500px;margin:0 35px 0 0;}
        .tab-inner.level-2 .selection-right{margin:0;border:#CCCCCC 1px solid;background:#fff;padding-bottom: 10px;}

        .data-center  .tab-inner ul.nav-pills li, .data-center .tab-inner .nav-stacked > li.active{min-width:120px;}
        .data-center .tab-content .tab-inner.level-2{border:0 none;padding:25px 0;}
        .data-center .tab-inner.level-1 .level-2 .nav-pills > li > a {
                background: none repeat scroll 0 0 #F8F8F8;
                border-radius: 0 0 0 0;
                border-right: 1px solid #CCCCCC;
                border-top: 1px solid #CCCCCC;
                color: #000000;
                display: block;
                top: 8px;
        }
        .data-center .tab-inner.level-1 .level-2 .nav-pills > li.active:first-child > a, .data-center .tab-inner.level-1 .level-2 .nav-pills > li.active:first-child > a:focus, .data-center .tab-inner.level-1 .level-2 .nav-pills > li.active:first-child > a:hover {
                left: 0;
                width: 100%;
        }
        .data-center .tab-inner.level-1 .level-2 .nav-pills li:first-child a {
                border-left: 1px solid #CCCCCC;
                border-top: 1px solid #CCCCCC;
        }
        .tab-inner.level-1 .level-2 ul li.active a:after, .tab-inner.level-1 .level-2 ul li.active a:before{border:0 none;}
        .data-center .tab-inner.level-1 .level-2 .nav-pills > li.active > a, .data-center .tab-inner.level-1 .level-2 .nav-pills > li.active > a:focus, .data-center .tab-inner.level-1 .level-2 .nav-pills > li.active > a:hover
        {
                background:#fff;
                color:#000;
                border:1px solid #ccc;
                border-radius:0;
                border-bottom:0 none;
                position:relative;
                top:1px;
                z-index:1;
                padding:14px 15px;
                width:102%;
                left:-1%;
        }
        .level-1 .level-2 .tab-content {
                background: none repeat scroll 0 0 #FFFFFF;
                border: 1px solid #CCCCCC;
                overflow: hidden;
        }
        .tab-content .date-fld {
                border: 1px solid #CCCCCC;
                color: #CCCCCC;
                margin-left: 6px;
                padding: 7px 6px;
                width: 115px;
        }
        .order-search .order-list button, .order-search .order-template button
        {
                background: none repeat scroll 0 0 #F8F8F8;
                border: 1px solid #CCCCCC;
                border-radius:4px;
                padding: 8px;
        }
        .order-search .order-template button
        {
                color:#337AB7;
                min-width: 175px;
        }
        .tab-content .selection-right h3 {
                border-bottom: 1px solid #CCCCCC;
                font-size: 14px;
                font-weight: normal;
                padding: 13px 10px;
                background: none repeat scroll 0 0 #F8F8F8;
        }
        .tab-inner .level-2 .tab-pane, .tab-inner .level-2 .selected-list{min-height: 400px;border:1px solid #ccc;padding:0;margin:10px 14px 10px 10px;overflow:y-scroll;}
        .advanced-search .tab-inner .level-2 .tab-pane, .advanced-search .tab-inner .level-2 .selected-list{position: relative;min-height: 400px;border:0 none;padding:0;margin:10px 0 10px 10px;overflow:y-scroll;}
        .tab-inner .level-2 .tab-content {position:relative;padding-bottom:40px;}
        .selected-items{padding:7px 10px 6px 10px; border-bottom: 1px solid #CCCCCC;width: 97%;}
        /*.selected-list-container{margin:5px 0;}*/
        .advanced-tree-view{margin:10px;}
        .selected-items i.fa-times, .saved-list i.fa-times {
                color: red;
                font-size: 12px;
                font-weight: normal;
                cursor:pointer;
        }

        /*treview custom icon*/
        span.ng-isolate-scope {
                border: 1px solid #ccc;
                display: inline-block;
                height: 15px;
                line-height: 0;
                margin: 0 3px 0 0;
                padding: 0;
                position: relative;
                top: 0;
                width: 15px;
        }
        /*
        .tab-content span.ng-isolate-scope input[type="checkbox"]{margin:0;opacity:0;}
        .tab-content .icon-unchecked{display:inline-block;background: url(../images/square-empty.png) no-repeat scroll 0 0 transparent;width:12px;height:12px;cursor:pointer;}
        .tab-content .icon-minus{display:inline-block;background: url(../images/minus.png) no-repeat scroll 0 0 transparent;width:13px;height:12px;cursor:pointer;}
        .tab-content .icon-plus{display:inline-block;background: url(../images/plus.png) no-repeat scroll 0 0 transparent;width:12px;height:12px;cursor:pointer;}
        .tab-content .icon-checked{display:inline-block;background: url(../images/square-fill.png) no-repeat scroll 0 0 transparent;width:12px;height:12px;cursor:pointer;}
        .tab-content .icon-close{display:inline-block;background: url(../images/close.png) no-repeat scroll 0 0 transparent;width:14px;height:14px;cursor:pointer;}
        .tab-content  .icon-calendar{display:inline-block;background: url(../images/calendar.png) no-repeat scroll 0 0 transparent;width:16px;height:16px;cursor:pointer;}
        */
        /*UI Grid*/
        /* ul.ivh-treeview li.ivh-treeview-node-collapsed ul.ivh-treeview {
        display: none;
        }
        ul.ivh-treeview .ivh-treeview-twistie-leaf,
        ul.ivh-treeview .ivh-treeview-twistie-collapsed {
        display: none;
        }
        ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-collapsed {
        display: inline;
        }
        ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-expanded {
        display: none;
        }
        ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-leaf {
        display: inline;
        }
        ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-expanded,
        ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-collapsed {
        display: none;
        }
        ul.ivh-treeview ul.ivh-treeview{margin: 0 0 0 15px;} */
        /*tree view code ends*/

        .table-grid {
                width:100%;
                border-bottom: 1px solid #ccc;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                padding:14px;
                position:relative;
        }
        .data-center .table-grid{border:0 none;padding:0;}
        .data-center .tab-right.col-md-9{padding-right:0;width:875px;float:left;min-height:460px;}
        .table-grid .grid-pagination{width:100%;float:right;margin-top:10px;}
        .table-grid .grid-pagination .ng-binding{margin-top:6px;}
        .table-grid .grid-pagination .btn.btn-success {
                background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff));background:-ms-linear-gradient(bottom, #eeeeee, #ffffff);background:-moz-linear-gradient(center bottom, #eeeeee 0, #ffffff 100%);background:-o-linear-gradient(#ffffff, #eeeeee);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
                border:1px solid #CCCCCC;
                border-radius:0;
                color:#a9a9a9;
                font-size:14px;
                height:auto;
                line-height:10px;
                margin:0;
                padding:7px;
                vertical-align:top;
                float:left;
        }
        .table-grid .ui-grid-cell-contents .ng-binding{width:84%;display:inline-block;}
        .table-grid .grid-pagination .view-per-page{float:left;width:40%;}
        .table-grid .grid-pagination .switch-to-page{float:right;width:14.5%;}
        .table-grid .grid-pagination .paging{float:left;margin:0 5px;}
        .table-grid .grid-pagination input{width:45px;padding:3px 5px;border:1px solid #ccc;text-align:center;}
        .table-grid .grid-pagination .view-per-page input{width:60px;}
        .table-grid .grid-pagination .prev-next{float:left;}
        .table-grid .ui-grid-cell-contents{padding:7px 5px;}
        .table-grid .ui-grid-viewport.ng-isolate-scope{overflow:hidden;clear:both;height:auto!important;}
        .table-grid .ui-grid-canvas{padding-top:0;}
        .data-center .latest-order > a {
        background: #ebeaea none repeat scroll 0 0;
        color: #000;
        display: block;
        padding: 4px 8px 4px;
        font-size: 14px;
        }
        .data-center .table-grid .grid-pagination .switch-to-page{width:21%;}
        .latest-order .dropdown-menu {
                min-width: 182px;
                border-radius: 0;
                right:-1px;
                border-top: 0;
        }
        .ivh-treeview ul li span{/*display:inline-block;*/vertical-align: top;}
        .ivh-treeview ul li span.ivh-treeview-node-label{width:80%;}
        .section-clear{text-align:right;margin:8px;}
        .section-clear .clear{font-size:12px;}
        .selected-list div:last-child {border-bottom: 0 none;}
        .data-criteria ul.ivh-treeview {padding: 0 18px 8px 8px;}

        /*data criteria stroller*/
        .data-criteria .ps-container.ps-active-x > .ps-scrollbar-x-rail, 
        .data-criteria .ps-container.ps-active-y > .ps-scrollbar-y-rail,
        .advance-sections .ps-container.ps-active-y > .ps-scrollbar-y-rail {
                display: block;
        }
        .data-criteria .ps-container > .ps-scrollbar-y-rail,
        .advance-sections .ps-container > .ps-scrollbar-y-rail {
                background: none repeat scroll 0 0 #ccc;
                border-radius: 4px 4px 4px 4px;
                display: none;
                position: absolute;
                transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
                width: 8px;
        }
        .data-criteria .ps-container > .ps-scrollbar-y-rail {
                right: 4px !important;
        }
        .advance-sections .ps-container > .ps-scrollbar-y-rail {
                right: 3px !important;
        }
        .data-criteria .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
        .advance-sections .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #AAAAAA;
                border-radius: 4px 4px 4px 4px;
                position: absolute;
                right: 0;
                transition: background-color 0.2s linear 0s;
                width: 8px;
                min-height: 15px !important;
        }
        .advance-sections .ps-container {
        height: 400px;
        margin: 0;
        position: relative;
        }
        .data-criteria .dropdown-menu {
                min-width: 282px;
                max-width: 282px;
                margin: 0;
                border-radius: 0;
                left: inherit;
                top: 25px !important;
                padding: 0;
                right: -11px;
                border:1px solid #ccc;
        }
        .data-criteria .dropdown-menu>li>a {
                padding: 10px 38px 10px 10px;
                line-height: 16px;
                margin-right: 13px;
        }
        .data-criteria .dropdown-menu>.active>a {    
        background: none;
        }
        .data-criteria .dropdown-menu>li.active {
        border-left: 3px solid red;
        margin-left: 0;
        background: #fff;
        }
        .data-center .tab-inner .tab-left .btn-group ul li{position:relative;}
        .data-criteria .remove-saved-search {
                top: 10px;
                right: 18px;
                position: absolute;
                cursor: pointer;
        }
        .data-criteria .caret{margin-left: 5px;}
        #region-countries, #facet-sectors, #sizes, #themes, #currencies, #return-types, #index-families, #index-single-category, #maturities, #ratings {
                position:relative;margin:0;padding:0px;width:auto;overflow: hidden;
        }
        /* To handle fancytree-title elements text overflow with ellipsis */
        .indices-criteria .data-criteria .ps-container.ps-active-y .fancytree-title,
        .indices-criteria .data-criteria .ps-container .fancytree-title {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-width: calc(100% - 25px);
                vertical-align: middle;
        }
        /* To handle fancytree-title elements for nested tree nodes with more indentation */
        .indices-criteria .data-criteria .ps-container.ps-active-y ul .fancytree-title,
        .indices-criteria .data-criteria .ps-container ul .fancytree-title {
                max-width: calc(100% - 25px);
        }
        /* Further adjust width for deeply nested tree nodes */
        .indices-criteria .data-criteria .ps-container.ps-active-y ul ul .fancytree-title,
        .indices-criteria .data-criteria .ps-container ul ul .fancytree-title {
                max-width: calc(100% - 25px);
        }
        /*below height setting only for data center criteria tree view*/
        .data-criteria #region-countries, .data-criteria #facet-sectors, .data-criteria #sizes, .data-criteria #currencies, .data-criteria #return-types, .data-criteria #maturities, .data-criteria #ratings{
                max-height:230px;
        }
        .data-criteria #index-families{max-height:123px;}
        .data-criteria #themes{max-height:123px;}
        #index-single-category{height:400px;}
        /*pagination*/
        button.ag-paging-button {
                background: none repeat scroll 0 0 #DDD;
                border: 1px solid #999999;
                border-radius: 0 0 0 0;
                color: #999999;
                font-family: Arial;
                padding: 2px 4px;
                text-align: center;
                vertical-align: middle;
                width: 24px;
        }
        .dropdown-menu > li:hover {background-color: #f5f5f5;}
        .calendar-widget .date-section button {
        border: 0 none;
        float: left;
        height: 25px;
        padding: 0;
        width: 24px;
        background:none;
        }
        .ag-paging-page-summary-panel input.current, .pagination-container input[type="text"] {
                border: 1px solid #999999;
                padding: 3px 2px 4px;
                text-align: center;
                width:40px;
        }
        .pagination-container select {
                border: 1px solid #999999;
                padding: 3px 2px 4px;
                text-align: center;
        }
        .ag-fresh .ag-paging-panel {padding:4px 0 4px 0px;overflow:hidden}
        /*** added in intradayalert css #intradayalert-grid.ag-fresh .ag-paging-panel {display:none;}**/
        .ag-fresh .ag-paging-panel .page-per-size{float:left;}
        .ag-fresh .ag-paging-panel .alert-message   {float:left;}
        .ag-fresh .ag-paging-panel .pageRowSummaryPanel{float:right;text-align: right;padding: 8px 0px 0px 10px;}
        .ag-paging-page-summary-panel .btNext{margin-right:1px;}
        button.ag-paging-button:disabled{background:#E5E5E5;}
        .delete-selected{/*color:#000;*/}
        .data-center .tab-inner .saved-sections .criteria-head{margin:0;}
        ul.saved-list li {
                padding: 0 10px 0 0;        
                cursor:pointer;
        }
        ul.saved-list li:hover{background:#f5f5f5;}
        ul.saved-list li.active{border-left:3px solid red;margin-left:0;background:#fff;}
        ul.saved-list li.active .saved-list-name {
        padding-left: 12px;
        width: 211px;
        }
        .saved-sections{/*height:645px;*/background:#F4F4F4;}

        /* Intraday main column width change */
        #intraday-main-column{width: 100%;margin: 0 0 30px 0;padding: 0;}
        #intraday-main-column .alerts-container{padding:0px 0px 10px 0px;overflow:initial;}
        #sector-break-down-grid .ag-body-viewport-wrapper, #sector-break-down-grid .ag-body, #country-break-down-grid .ag-body-viewport-wrapper, #country-break-down-grid .ag-body,#currency-break-down-grid .ag-body-viewport-wrapper, #currency-break-down-grid .ag-body,#component-break-down-grid .ag-body-viewport-wrapper, #component-break-down-grid .ag-body,
        #commodity-break-down-grid .ag-body-viewport-wrapper, #commodity-break-down-grid .ag-body,
        #sector-iboxx-break-down-grid .ag-body-viewport-wrapper, #sector-iboxx-break-down-grid .ag-body,#country-iboxx-break-down-grid .ag-body-viewport-wrapper, #country-iboxx-break-down-grid .ag-body,
        #currency-iboxx-break-down-grid .ag-body-viewport-wrapper, #currency-iboxx-break-down-grid .ag-body,#rating-iboxx-break-down-grid .ag-body-viewport-wrapper, #rating-iboxx-break-down-grid .ag-body,
        #maturity-iboxx-break-down-grid .ag-body-viewport-wrapper, #maturity-iboxx-break-down-grid .ag-body{height: 302px;}
        .perfectscroll-enabled .ag-body-viewport, .perfectscroll-enabled .ag-body-viewport-wrapper {
                position:relative;
                overflow:hidden;
        }
        .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        .ps-scrollbar-y-rail {
                top: 0px;
                right: -10px !important;
        }
        /*Added in common style css
        .grid-empty-message p, .mylist-empty-message p{line-height:25;}
        .grid-empty-message, .mylist-empty-message{padding:15px 15px;text-align:center;border:1px solid #ccc;min-height:423px;}
        */
        .ftp-files .grid-empty-message{min-height: 415px;}
        /*Added in intra day alert  style css
        .intraday-alert-update .grid-empty-message p{line-height:12;}
        .intraday-alert-update .grid-empty-message{padding:15px 15px;text-align:center;border: none; min-height: 208px}
        #intradayalert-grid {
                width:97%;
                margin:10px 0 10px 10px;
                position: relative;
        }
        #intradayalert-grid .ag-body-viewport-wrapper,#intradayalert-grid .ag-body-viewport,#intradayalert-grid .ag-body{
        overflow:hidden;
        }
        #intradayalert-grid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #intradayalert-grid .ps-scrollbar-y-rail {
                top: 0px;
                right: -13px !important;
        }*/
        /*
        Dashboard angular grid css
        */
        .btn.btn-default{padding: 5px 12px 4px;}

        span.dash-link a{font-size:12px;font-weight:bold;text-transform:uppercase;}
        #dash-savedsearches .ag-body-container, #dash-savedsearches .ag-body-container .ag-cell {
                width: 248px !important;
        } 
        #dash-savedsearches,
        #dash-indexEvents,
        #dash-recentviewedindices,
        #dash-intradayalert,
        #dash-press-release,
        #dash-newlyAddedIndices {
                height:155px;
                margin:14px 14px 5px 14px;
                position: relative;
        }
        #dash-savedsearches .ag-body-viewport-wrapper, #dash-savedsearches .ag-body-viewport, #dash-savedsearches .ag-body,
        #dash-recentviewedindices .ag-body-viewport-wrapper, #dash-recentviewedindices .ag-body-viewport, #dash-recentviewedindices .ag-body,
        #dash-indexEvents .ag-body-viewport-wrapper, #dash-indexEvents .ag-body-viewport, #dash-indexEvents .ag-body,
        #dash-intradayalert .ag-body-viewport-wrapper, #dash-intradayalert .ag-body-viewport, #dash-intradayalert .ag-body,
        #dash-press-release .ag-body-viewport-wrapper, #dash-press-release .ag-body-viewport, #dash-press-release .ag-body,
        #dash-newlyAddedIndices .ag-body-viewport-wrapper, #dash-newlyAddedIndices .ag-body-viewport, #dash-newlyAddedIndices .ag-body {
                height:124px;
        }
        #dash-savedsearches .ps-scrollbar-x-rail,
        #dash-recentviewedindices .ps-scrollbar-x-rail,
        #dash-indexEvents .ps-scrollbar-x-rail,
        #dash-intradayalert .ps-scrollbar-x-rail,
        #dash-press-release .ps-scrollbar-x-rail,
        #dash-newlyAddedIndices .ps-scrollbar-x-rail {
                bottom: -12px !important;
        }
        #dash-savedsearches .ps-scrollbar-y-rail,
        #dash-recentviewedindices .ps-scrollbar-y-rail,
        #dash-indexEvents .ps-scrollbar-y-rail,
        #dash-intradayalert .ps-scrollbar-y-rail,
        #dash-press-release .ps-scrollbar-y-rail,
        #dash-newlyAddedIndices .ps-scrollbar-y-rail {
                top: 0px;
                right: -11px !important;
        }
        #dash-savedsearches .ag-header-cell-label,
        #dash-recentviewedindices .ag-header-cell-label,
        #dash-indexEvents .ag-header-cell-label,
        #dash-intradayalert .ag-header-cell-label,
        #dash-press-release .ag-header-cell-label,
        #dash-newlyAddedIndices .ag-header-cell-label{
        cursor:default;
        }
        #dash-mylist-grid {
                width:auto;
                height:300px;
                margin:0;
                position: relative;
        }
        #dash-mylist-grid .ag-body-viewport-wrapper, #dash-mylist-grid .ag-body{
                height:269px;
        }
        #dash-mylist-grid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #dash-mylist-grid .ps-scrollbar-y-rail {
                top: 0px;
                right: -11px !important;
        }
        .dashboard-wrapper .list-name .tab-content .grid-empty-message{
                border: 1px solid #ccc;
        padding: 150px 0px 0px;
        }

        /* For datacenter my list grid */
        #dc-mylist-grid {
                width:auto;
                /*height:575px;*/
                margin:0px;
                position: relative;
        }

        #dc-mylist-grid .ag-body-viewport{
        /*  max-height: 1350px; */
        overflow: hidden !important;
        height:100%;
        }
        #dc-mylist-grid.ag-fresh .ag-root {
                border-bottom:0px none !important;
        }
        #dc-mylist-grid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        .latest-order .caret {
                position: absolute;
                right: 10px;
                top: 9px;
        } 
        #listDataGrid{
                height:614px;
                position: relative;
        }
        #listDataGrid .ag-body-viewport-wrapper, #listDataGrid .ag-body-viewport, #listDataGrid .ag-body{
                height:585px;
        }
        #listDataGrid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #listDataGrid .ps-scrollbar-y-rail {
                top: 0px;
                right: -12px !important;
        }
        #dc-indexFinder-grid {
                width:100%;
                margin:0px;
                position: relative;
        }
        .save-search-message {
                color: #F00;
        margin-top: 5px;
        margin-right: 20px;
        display: inline-block;
        }
        .my-lists .saved-list-name {width:215px; display:inline-block;line-height:18px; padding: 8px 0 8px 15px; word-wrap: break-word;}
        .my-lists .saved-list-close {margin-top:10px}
        .my-lists .latest-order a span.latest-order-lable, .find-indices-criteria .latest-order a span.latest-order-lable{display:inline-block;width:88%;}
        span.latest-order-lable{text-transform:uppercase; font-family:Geogtq-Rg, Arial; font-size:14px}
        #dc-indexFinder-grid .ag-body-viewport-wrapper, #dc-indexFinder-grid .ag-body-viewport, #dc-indexFinder-grid .ag-body{
                /*overflow: hidden;*/
        }
        #dc-indexFinder-grid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #dc-indexFinder-grid .ps-scrollbar-y-rail {
                top: 0px;
                right: -13px !important;
        }
        .indices-criteria a.dropdown {cursor: pointer;}
        .indices-criteria a.dropdown.criteria-empty {cursor: default;}
        .data-center .latest-order { min-width: 180px;line-height: 13px;}
        .btn-disabled {opacity:0.6;}
        #dc-indexFinder-grid #centerRow,
        #dc-mylist-grid #centerRow,
        #land-corporateactions #centerRow,
        #intradayalert-grid #centerRow,
        #all-constituent-grid #centerRow, 
        #esg-all-constituent-grid #centerRow, #indexevents-grid #centerRow{height: inherit !important;}
        #all-constituent-grid, #esg-all-constituent-grid {
                width:100%;
                height:100% !important;
                margin:0;
                clear: both !important;
        }
        #esg-constituent-grid{position: relative;}
        #all-constituent-grid .ag-body-viewport-wrapper, #all-constituent-grid .ag-body-viewport, #all-constituent-grid .ag-body, 
        #esg-all-constituent-grid .ag-body-viewport-wrapper, #esg-all-constituent-grid .ag-body-viewport, #esg-all-constituent-grid .ag-body{
                /*overflow: hidden;*/
        }
        #all-constituent-grid .ps-scrollbar-x-rail, #esg-all-constituent-grid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #all-constituent-grid .ps-scrollbar-y-rail, #esg-all-constituent-grid .ps-scrollbar-y-rail {
                top: 0px;
                right: -10px !important;
        }
        #all-constituent-grid .ag-row, #esg-all-constituent-grid .ag-row {
                border-bottom: 1px solid #ccc;
        }
        #all-constituent-grid .ag-row:last-child, #esg-all-constituent-grid .ag-row:last-child {
                border-bottom: none;
        }
        #index-constituentgrid, #esg-constituentgrid, #index-ficonstituentgrid , #index-multiassetcomponentgrid, #index-commodityconstituentgrid, #index-digitalcryptoconstituentgrid, #index-iBoxxConstituentGrid {
                height:300px;
                margin:0px;
        }
        #index-constituentgrid .ag-body-viewport-wrapper, #index-constituentgrid .ag-body-viewport, #index-constituentgrid .ag-body,
        #esg-constituentgrid .ag-body-viewport-wrapper, #esg-constituentgrid .ag-body-viewport, #esg-constituentgrid .ag-body{
                /*height:254px;*/
        }
        #index-constituentgrid,#index-digitalcryptoconstituentgrid,#index-multiassetcomponentgrid .ps-scrollbar-x-rail, #esg-constituentgrid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #index-constituentgrid, #index-digitalcryptoconstituentgrid, #index-multiassetcomponentgrid .ps-scrollbar-y-rail, #esg-constituentgrid .ps-scrollbar-y-rail {
                top: 0px;
                right: -12px !important;
        }
        #index-constituentgrid .ag-row,#index-ficonstituentgrid .ag-row, #index-multiassetcomponentgrid .ag-row, #index-commodityconstituentgrid .ag-row, #intradayalert-grid .ag-row, #esg-constituentgrid .ag-row, #index-digitalcryptoconstituentgrid .ag-row, #index-iBoxxConstituentGrid .ag-row{
                border-bottom: 1px solid #ccc;
        }
        #index-constituentgrid .ag-row:last-child, #index-ficonstituentgrid .ag-row:last-child , #index-multiassetcomponentgrid .ag-row:last-child, #index-commodityconstituentgrid .ag-row:last-child, #index-digitalcryptoconstituentgrid .ag-row:last-child, #intradayalert-grid .ag-row:last-child, #esg-constituentgrid .ag-row:last-child, #indexevents-grid .ag-row:last-child, #index-iBoxxConstituentGrid  .ag-row:last-child{
                border-bottom: none;
        }
        #land-corporateactions {
                height:350px;
                margin:0px 0px 50px 0px;
        }
        #land-corporateactions .ag-body-viewport-wrapper, #land-corporateactions .ag-body-viewport, #land-corporateactions .ag-body{
                /*overflow:hidden;*/
        }
        #land-corporateactions .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        #land-corporateactions .ps-scrollbar-y-rail {
                top: 0px;
                right: -12px !important;
        }
        #land-corporateactions .ag-row {
                border-bottom: 1px solid #ccc;
        }
        #land-corporateactions .ag-row:last-child {
                border-bottom: none;
        }
        .center > #borderLayout_eGridPanel .ag-row:last-child {
                border-bottom: 0 none;
        }
        .gridBorderBottom .center > #borderLayout_eGridPanel .ag-row:last-child {
                border-bottom: 1px solid #ccc;
        }
        #constituent-data {
                width:547px;
                height:350px;
                margin:0px;
        }
        #constituent-data .ps-scrollbar-x-rail {
                bottom: -10px !important;
        }
        #constituent-data .ps-scrollbar-y-rail {
                top: 0px;
                right: -14px !important;
        }
        #sector-break-down-grid,#currency-break-down-grid,#country-break-down-grid,#component-break-down-grid,#commodity-break-down-grid,#sector-iboxx-break-down-grid,#country-iboxx-break-down-grid,#currency-iboxx-break-down-grid,#rating-iboxx-break-down-grid,#maturity-iboxx-break-down-grid {
                width: 464px;
                height: 343px;
                margin:-1px 14px 0 8px;
                float: right;
        }
        #sector-break-down-grid .ag-body-viewport-wrapper, #sector-break-down-grid .ag-body-viewport, #sector-break-down-grid .ag-body,
        #currency-break-down-grid .ag-body-viewport-wrapper, #currency-break-down-grid .ag-body-viewport, #currency-break-down-grid .ag-body,
        #country-break-down-grid .ag-body-viewport-wrapper, #country-break-down-grid .ag-body-viewport, #country-break-down-grid .ag-body,
        #component-break-down-grid .ag-body-viewport-wrapper, #component-break-down-grid .ag-body-viewport, #component-break-down-grid .ag-body.ag-body,    #commodity-break-down-grid .ag-body-viewport-wrapper, #commodity-break-down-grid .ag-body-viewport,
        #commodity-break-down-grid .ag-body.ag-body,
        #sector-iboxx-break-down-grid .ag-body-viewport-wrapper, #sector-iboxx-break-down-grid .ag-body-viewport, #sector-iboxx-break-down-grid .ag-body,
        #country-iboxx-break-down-grid .ag-body-viewport-wrapper, #country-iboxx-break-down-grid .ag-body-viewport, #country-iboxx-break-down-grid .ag-body,
        #currency-iboxx-break-down-grid .ag-body-viewport-wrapper, #currency-iboxx-break-down-grid .ag-body-viewport, #currency-iboxx-break-down-grid .ag-body,
        #rating-iboxx-break-down-grid .ag-body-viewport-wrapper, #rating-iboxx-break-down-grid .ag-body-viewport, #rating-iboxx-break-down-grid .ag-body,
        #maturity-iboxx-break-down-grid .ag-body-viewport-wrapper, #maturity-iboxx-break-down-grid .ag-body-viewport, #maturity-iboxx-break-down-grid .ag-body{
                height:302px;
        }
        #sector-break-down-grid .ps-scrollbar-x-rail, #country-break-down-grid .ps-scrollbar-x-rail, #currency-break-down-grid .ps-scrollbar-x-rail
        #component-break-down-grid .ps-scrollbar-x-rail, #commodity-break-down-grid .ps-scrollbar-x-rail,
        #sector-iboxx-break-down-grid .ps-scrollbar-x-rail, #country-iboxx-break-down-grid .ps-scrollbar-x-rail, #currency-iboxx-break-down-grid .ps-scrollbar-x-rail,
        #rating-iboxx-break-down-grid .ps-scrollbar-x-rail, #maturity-iboxx-break-down-grid .ps-scrollbar-x-rail{
                bottom: -14px !important;
        }
        #sector-break-down-grid .ps-scrollbar-y-rail, #country-break-down-grid .ps-scrollbar-y-rail, #currency-break-down-grid .ps-scrollbar-y-rail,
        #sector-iboxx-break-down-grid .ps-scrollbar-y-rail, #country-iboxx-break-down-grid .ps-scrollbar-y-rail, #currency-iboxx-break-down-grid .ps-scrollbar-y-rail,
        #rating-iboxx-break-down-grid .ps-scrollbar-y-rail, #maturity-iboxx-break-down-grid .ps-scrollbar-y-rail {
                top: 0px;
                right: -12px !important;
        }

        /*checking for border bottom in grid
        .grid-table .ag-row:last-child,#dash_todaysintradayalert .ag-row:last-child,#dash_intradayalert .ag-row:last-child {
        border-bottom: none;
        }*/

        /*****************
        Below Css covers ag-grid header and ag-body container width issue for all grids.
        If needed we need to add Grid id with header and body container classes
        ******************/

        #intradayalert-grid .ag-body-container,#intradayalert-grid .ag-header-viewport,
        #land-corporateactions .ag-body-container,#land-corporateactions .ag-header-viewport,
        #all-constituent-grid .ag-body-container,#all-constituent-grid .ag-header-viewport,
        #esg-all-constituent-grid .ag-body-container,#esg-all-constituent-grid .ag-header-viewport{
                display: block;
        }
        .criteria-search .btn-bar{margin-bottom: 0;text-align: right;}
        .page-per-size{
                margin: 0;
                padding: 8px 0px 0px 0px;
                width: 30%;
                height: 35px;
        }
        .alerts-container .page-per-size{
                float:left;
        }
        .page-per-size-dropdown{background-color: #eeeeee;padding: 2px 0px 2px 1px;box-shadow: inset 0px 0px 10px #c2c2c2;}
        .current{box-shadow: inset 0px 0px 0px #c2c2c2;padding: 2px 0px 2px 1px;}
        .search-textbox{margin: 9px 0 0 6px;height: 25px;}
        .fa-search:before{color: #261d0e;}
        #sector-scroller{
                position: relative;
                height:200px;
        }
        #dc-indexFinder-grid .ag-scrolls .ag-row:last-child {
                border-bottom: none;
        }
        #dc-indexFinder-grid .ag-row {
                border-bottom: 1px solid #ccc;
        }
        #dc-indexFinder-grid .ag-row:last-child {
                border-bottom: none;
        }
        .accordion #index-break-downgrid .ps-scrollbar-x-rail {
                bottom: -14px !important;
        }
        .accordion .ps-scrollbar-y-rail {
                top: 0px;
                right: -12px !important;
        }
        .alert-message{
                color: #a94442;
                background-color: #f2dede;
                border-color: #ebccd1;
                padding: 6px;
                width: 250px;
                border:1px solid transparent;
                border-radius: 4px;
                margin:3px;
        }
        /*Tooltip*/
        .tooltip.bottom {margin-top: -6px;z-index:9999!important;}
        .tooltip-inner {
                background-color: #FFFFD9 !important;
                border: 1px solid #FFD24E;
                border-radius: 0 0 0 0;
                box-shadow:0 0 4px gray;
                color: #000000;
                left: -50px !important;
                max-width: 100%;
                z-index: 999;
        }
        .tooltip-arrow {
                background: url("../images/tooltip-arrow.png") no-repeat scroll center top transparent;
                border: 0 none !important;
                height: 8px;
                top: -2.5px !important;
                width: 11px;
        }
        .tooltip.bottom-left .tooltip-arrow{left:10px!important;}

        /* .silly-node {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        widows:70%;
        } */
        .data-criteria ul li:last-child {
                border-bottom: 0 none !important;
        }
        .ag-body-viewport-wrapper  .need-border-btm:parent{border-bottom:1px solid #ccc!important;}
        .fa-lock.fa-1{color:#bbb;margin: 0 5px;}
        .square-chart{width:410px; height:375px;float:left;}
        .contact-wrapper .highcharts-tooltip span{top:0px !important;left:0 !important;margin-right: -6px !important;margin-top: -1px !important;width: auto;min-width: 168px;}

        #fancytree-drop-marker{background-position: 0px 0px; background-image:none;}
        .fancytree-exp-c span.fancytree-expander, .fancytree-exp-c span.fancytree-expander:hover {
        background-image: url("../images/sprite.png");
        background-position: -190px -54px;    
        height: 13px;
                width: 13px;
                margin-top: 1px;
        }
        .fancytree-exp-e span.fancytree-expander,
        .fancytree-exp-ed span.fancytree-expander,
        .fancytree-exp-e span.fancytree-expander:hover,
        .fancytree-exp-ed span.fancytree-expander:hover  {
                background-image: url("../images/sprite.png");
                        background-position: -171px -54px;
                height: 13px;
                width: 13px;
                margin-top: 1px;
        }
        span.fancytree-checkbox,
        span.fancytree-checkbox:hover {
                /* margin-left: 5px; */
                margin-left: 0;
                background-image: url("../images/sprite.png");
                background-position: -132px -55px;   		
                height: 12px;
                width: 12px;
                margin-top: 1px;
        }
        .fancytree-partsel span.fancytree-checkbox,
        .fancytree-partsel span.fancytree-checkbox:hover {
        background-image: url("../images/sprite.png");
                background-position: -113px -55px;
        }
        .fancytree-selected span.fancytree-checkbox,
        .fancytree-selected.fancytree-partsel span.fancytree-checkbox{
                background-image: url("../images/sprite.png");
                        background-position: -152px -55px;
                height: 12px;
                width: 12px;
        }
        .fancytree-selected span.fancytree-checkbox:hover, 
        .fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{
        background-position: -152px -55px;
        }
        /*
        table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover,
        .fancytree-exp-cl span.fancytree-expander:hover,
        .fancytree-exp-el span.fancytree-expander:hover,
        .fancytree-exp-edl span.fancytree-expander:hover
        */
        .fancytree-exp-cl span.fancytree-expander,
        .fancytree-exp-cl span.fancytree-expander:hover{
        background-image: url("../images/sprite.png");
        background-position: -190px -54px;    
        height: 13px;
                width: 13px;
        }
        .fancytree-exp-el span.fancytree-expander, .fancytree-exp-edl span.fancytree-expander{
                background-image: url("../images/sprite.png");
                        background-position: -171px -54px;
                height: 13px;
                width: 13px;
        }
        .fancytree-exp-el span.fancytree-expander:hover, .fancytree-exp-edl span.fancytree-expander:hover{
                background-position: -171px -54px;
        }
        span.fancytree-active .fancytree-title,
        span.fancytree-selected .fancytree-title {
                border-color: transparent;
                background: transparent;
                color: inherit;
                background: none;
        }
        span.fancytree-selected .fancytree-title {
                font-style: normal;
                filter:none;
        }
        .fancytree-treefocus span.fancytree-active .fancytree-title,
        .fancytree-treefocus span.fancytree-selected .fancytree-title {
                border-color: transparent;
                background: transparent;
                color: inherit;
                background: none;
                filter:none;
        }
        .fancytree-treefocus span.fancytree-focused span.fancytree-title {
                border: none;
        }

        .fancytree-container tbody tr td{
                max-width: 300px;
        }
        span.fancytree-title-left-spacing {
                //padding-left: 3px;
                margin-left: 6px;
        }
        .fancytree-checkbox-left-spacing {
                margin-left: 5px;s
        }
        span.fancytree-title-overlay {
                display: inline-block;
        }
        span.fancytree-title {
        display: inline-block;
        font-family: arial;
        font-size: 12px;
        overflow: hidden;
        padding-top: 2px;
        text-overflow: ellipsis;
        vertical-align: bottom;
        white-space: nowrap;
        padding-left: 0;
        margin-left: 0;
        }
        span.fancytree-node{
                padding: 2px 0;
                margin: 0;
                border-bottom: 1px solid #ccc;
                white-space: nowrap;
                /*-o-text-overflow: ellipsis;
                -ms-text-overflow: ellipsis;
                overflow: hidden;
                text-overflow: ellipsis;*/
        }
        span.fancytree-title:hover {
                border-color: transparent;
                background: transparent;
                color: inherit;
                background: none;
                position: relative;

        }
        .advanced-search-wrapper span.fancytree-title {
        width: 365px !important;
        }
        /*span.fancytree-title:hover:before{
        bottom: 0px;
        content: "";
        display: block;
        left: 10px;
        position: absolute;
        z-index: 999;
                top: 10px;
        background: url("../images/tooltip-arrow.png") no-repeat;
        width: 11px;
        height: 14px;
        overflow: hidden;
        }
        span.fancytree-title:hover:after{
                content: attr(tooltip);
                color: #000;
                float:left;
                top:17px;
                background-color: #FFFFD9 !important;
                border: 1px solid #FFD24E;
                border-radius: 0 0 0 0;
                box-shadow:0 0 4px gray;
                max-width: 105%;
                z-index: 99;
                padding:6px;
                display:table;
                left:-1000px;
                right:-1000px;
                margin:auto;
                position:absolute;
                white-space:nowrap;
                text-align:center;
        clear: both;
        }*/
        span.fancytree-active .fancytree-title:hover,
        span.fancytree-selected .fancytree-title:hover {
                border-color: transparent;
                background: transparent;
                color: inherit;
                background: none;
        }
        .fancytree-title{
                display: inline;
                cursor: pointer;
        }
        ul.fancytree-container{
                overflow: visible;
                border:none;
                padding: 5px 18px 5px 5px;
        }
        .advanced-search ul.fancytree-container {
        border: 1px solid #ccc;
        margin-right: 14px;
        min-height: 400px;
        overflow: visible;
        padding: 5px 14px 5px 10px;
        }
        .data-tooltip:before{
                bottom: 10px;
                content: "";
                display: block;
                left: 10px;
                position: absolute;
                z-index: 999;
                top: -8px;
                background: url("../images/tooltip-arrow.png") no-repeat;
                width: 15px;
                height: 40px;

        }
        .data-tooltip{
                color: #000;
                background-color: #FFFFD9 !important;
                border: 1px solid #FFD24E;
                border-radius: 0 0 0 0;
                box-shadow:0 0 4px gray;
                max-width: 100%;
                z-index: 99;
                padding:6px;
                display:block;
                /*	left:-1000px;
                        right:-1000px;*/
                margin:auto;
                position:absolute;
                white-space:nowrap;
                text-align:center;
                clear: both;
                height:30px;
        }
        .close-section{position:absolute;}
        .dark-text{font-weight:bold;}
        th, td {
                border-bottom: 1px solid #ddd;
        }
        .ellipsis {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
        }
        .constituent-modal .modal-dialog{width:1315px;margin-top:25px;height:1150px;}
        .constituent-title, .constituent-details, .constituents-popup-wrapper .modal-header{padding:10px 0;border: 0 none; overflow: hidden;}
        .modal-header .constituent-details.flr{text-align:right;}
        .constituent-title h2, .constituent-title h2 span{
                font-size: 26px;
                font-family: 'Geogtq-Rg',Arial;
                color: #333333;
                font-style: normal;
                margin-bottom: 10px;
        }
        .constituent-title span{
                font-family: arial;
                font-size: 12px;
                color: #333333;
                font-style: normal;
        }
        .constituent-details h2{
                font-size: 26px;
                font-family: 'Geogtq-Rg',Arial;
                color: #333333;
                font-style: normal;
                margin-bottom: 10px;
        }
        .constituent-details .constituents-index-value {
                padding: 0 20px 0 10px;
        }
        .constituent-details .constituents-index-weight{
                color: #333333;
        font-size: 26px;
        font-family: 'Geogtq-Rg',Arial;
        }
        .constituent-details .constituents-index-weight.text-green{color:#00BC00;}
        .constituent-details .constituents-index-weight.text-red{color:#D5364A;}
        .constituent-details .constituent-effective-date{
                font-family: arial;
        font-size: 13px;
        color: #333333;
        font-style: normal;
        }
        .identifiers-right-content{
                margin-left: 300px;
        }
        .left-section .popup-topBox div p,.right-section .popup-topBox p{font-size: 12px;color: #1f1f1f;}
        .left-table tbody tr td:last-child{text-align: right;}
        .left-section .popup-topBox div span{color: black; margin-left: 3px;}
        .left-section .popup-topBox div span.lock-icon{margin-left: 7px;}
        .right-section .popup-topBox span{margin-left: 3px;}
        .left-table thead tr,.left-table thead td{
                height: 28px !important;
        }
        .left-table tbody tr,.left-table tbody td{
                height: 32px !important;
        }
        .constituent-modal .popup-errorMsg{
                text-align: center;
                padding-top: 150px;
                color: black;
        }
        .tooltip.constituents-tooltip .tooltip-inner{
                width: 500px;
                text-align: left;
                margin-right: 10px;
                margin-top: 5px;
        }
        .tooltip.constituents-tooltip .tooltip-arrow{
                margin-top: 5px;
        }
        .constituents-popup-wrapper .table-header-gradient h3{
                text-transform: capitalize;
        }
        .tooltip.ellipsis-tooltip .tooltip-inner{
                max-width: 750px;
                word-break: break-word;
                text-align: left;
        }
        /*Loader icon*/
        .dynamic-loader {
                display: table;
                width: 100%;
                height: inherit;
                pointer-events: none;
                position:absolute;
                z-index:999;
                left:0px;
        }
        .export-loader {
                display: table;
                width: 1200px;
                margin:0px auto;
                height:100%;        
                position:absolute;
                z-index:999;
                background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
        }
        #intraday-event-popup-container .export-loader, #index-events-popup-container .export-loader {
                width: 100%;
        }
        #dash-savedsearches .dynamic-loader,
        #dash-recentviewedindices .dynamic-loader,
        #dash-indexEvents .dynamic-loader,
        #dash-intradayalert .dynamic-loader,
        #dash-press-release .dynamic-loader,
        #dash-newlyAddedIndices .dynamic-loader{top:17px;}
        .loader-overlay-wrapper {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
        }
        #mylists-module .dynamic-loader, 
        #ftp-files-module .dynamic-loader, 
        #announcement-files-module .dynamic-loader, 
        #document-files-module .dynamic-loader,
        #index-finder-module .dynamic-loader {
                height:460px;
        }
        #route-dynamic-loader .dynamic-loader,
        #historical-performance #high-performance-chart .dynamic-loader,
        #historical-attributes .dynamic-loader {
                height:400px;
        }
        #historical-performance #historical-performance-table .dynamic-loader {
                height:180px;
        }
        #index-breakdown .dynamic-loader {
                height:250px;
        }
        .loader{
                margin: 60px auto;
                font-size: 10px;
                position: relative;
                text-indent: -9999em;
                border-top: 4px solid rgba(0,0,0, 0.2);
                border-right: 4px solid rgba(0,0,0, 0.2);
                border-bottom: 4px solid rgba(0,0,0, 0.2);
                border-left: 4px solid #333333;
                -webkit-transform: translateZ(0);
                -ms-transform: translateZ(0);
                transform: translateZ(0);
                -webkit-animation: load8 1.1s infinite linear;
                animation: load8 1.1s infinite linear;
                display:block;
        }
        .loader,
        .loader:after {
                border-radius: 50%;
                width:30px;
                height:30px;
        }
        @-webkit-keyframes load8 {
                0% {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                }
                100% {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                }
        }
        @keyframes load8 {
                0% {
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                }
                100% {
                        -webkit-transform: rotate(360deg);
                        transform: rotate(360deg);
                }
        }
        .supress-grid-sort{
                height: 30px;
                width: 100%;
                position: absolute;
                top: 0px;
                z-index: 99999;
        }
        #intradayalert-module .dynamic-loader{height:500px;}
        /**All constituents popup page alignment - Start**/
        .popup-data-section{
                overflow: hidden;
                margin: 10px;
        }
        .constituent-modal .modal-dialog{
                width:1150px;
                margin-top:25px;
                height:1315px;
        }
        .constituents-popup{
                border-top: 5px solid #737373;
                height: 1231px;
        }
        .constituents-popup .content-box{
                padding:10px;
                margin-bottom:10px;
                -webkit-box-shadow: inset 0 18px 2px -17px rgba(204,204,204,0.9);
                -moz-box-shadow: inset 0 18px 2px -17px rgba(204,204,204,0.9);
                box-shadow: inset 0 18px 2px -17px rgba(204,204,204,0.9);
        }

        .fiHeight{
                height: auto !important;
        }
        
        /*.constituents-popup h5{
                border:2px solid rgba(115, 115, 115, 0.34);
                font-family: 'Geogtq-Rg',Arial;
                font-size: 17px;
                border: 1px solid #555555; 
                padding: 3px 10px 6px;
                text-transform: none;
                color: #333333;
                background: #f5f5f5;
                background: -webkit-linear-gradient(#757575, #707070); 
                background: -o-linear-gradient(#757575, #707070);
                background: -moz-linear-gradient(#757575, #707070);
                background: linear-gradient(#757575, #707070); 
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#757575', endColorstr='#707070');
                font-weight: bold;
        }
        */
        .popup-logo{
                background-color: rgba(238, 238, 238, 0.8);
                padding-bottom: 22px;
                padding-top: 22px;
        }
        .popup-logo img{
                margin:0;
                vertical-align:top;
                float:left;
        }
        .popup-logo .logo-separator{
                margin:0px 12px 0px 19px;
                height:42px;
                background-color:#ccc;
                width:1px;
                float:left;
        }
        .popup-title h2{
                font-size: 35px;
                font-family: 'Geogtq-Rg',Arial;
                color: #333333;
                font-style: normal;
                margin-bottom: 10px;
        }
        .popup-title span{
                font-family: arial;
                font-size: 13px;
                color: #333333;
                font-style: normal;
        }
        .popup-title h2 span{
                color: #008c00;
                font-size: 35px;
                font-family: 'Geogtq-Rg',Arial;
                padding-left:10px;
        }
        .constituents-popup-wrapper .left-section, 
        .constituents-popup-wrapper .right-section {
                padding: 0px;
                width:559px;
                float:left
        }
        .constituents-popup-wrapper .right-section {margin-left:10px;}
        .popup-topBox{
                height:224px;
        }
        .iboxx-popup-topBox{
                height:312px;
        }
        .popup-middleBox{
                height: 352px;
        }
        .popup-lastBox{
                height: 335px;
        }
        .constituents-popup-wrapper>.left-table tbody tr,.constituents-popup-wrapper>.left-table tbody td{
                height:30px;
        }
        #constituent-data {
                width: 544px;
                height: 350px;
                margin: 0px;
        }
        .page-per-size{
                display:none;
        }

        .left-colum, .right-colum{
                display: inline-block;        
                text-align: left;
                height: 25px;
                line-height: 16px;
                padding: 5px 10px;
        }
        .left-colum{      
                text-align: left;
                float: left;
        }
        .right-colum{
                float: right;
                text-align: right;
        }
        .right-colum span{margin-left:5px;}
        .data-column h3 span{font-size:12px;font-family:Arial;text-transform: none;}
        .fundamentals-note {
        color: #666666;
        display: block;
        font-size: 11px;
        margin-top: 10px;
        }
        .popup-constituent-header{
                padding-left: 2px;
                padding-right: 2px;
                border-bottom: 1px solid #cccccc;
                background: -moz-linear-gradient(#ffffff, #f5f5f5);
                background: -webkit-linear-gradient(#ffffff, #f5f5f5);
                background: -o-linear-gradient(#ffffff, #f5f5f5);
                background: -ms-linear-gradient(#ffffff, #f5f5f5);
                background: linear-gradient(#ffffff, #f5f5f5);
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');
        }
        .constituent-table-data{
                padding: 1px 0px 5px 0px;
                border: 1px solid #ccc;
                margin: auto;
        }
        .table-data{
                border-bottom: 1px solid #cccccc;
                padding-right: 0px;
                padding-left: 2px;
        }
        .table-data:last-child{
                border-bottom: none;
        }
        #corporate-actions-modal .ag-row{
                border-bottom:1px solid #ccc;
        }
        #other-indices .ag-row{
                border-bottom:1px solid #ccc;
        }
        #corporate-actions-modal, #other-indices{
                min-height:282px;
        }
        /*All constituents popup page alignment - End */
        .ag-overlay-panel{
                display:none !important;
        }
        /* Already existing class- updated for modal window resizing issue */
        /* unset bs3 setting */
        .modal-open {
                overflow:auto;
        }
        /* Advanced Download Starts*/
        .advanced-search-wrapper .advance-sections .tab-content{
                height:462px;
        }
        .advanced-search-wrapper .advance-sections .tab-pane{
                height:388px;
                overflow-y: visible !important;
                overflow:hidden;
        }
        .advanced-search-wrapper .order-search{
                position:relative;
        }
        .advanced-search-wrapper .search-status-dropdown-menu{
                padding: 10px;
        }
        .advanced-search-wrapper .search-status-dropdown .button-bg.dropdown-toggle{
                min-width: 138px;
        }
        .advanced-search-wrapper .search-status-dropdown .button-bg.dropdown-toggle .caret{
                right: 24px;
        }
        .advanced-search-wrapper .btn-default{
                border-color:white;
        }
        .advanced-search .tab-content .tab-inner{
                margin-bottom: 5px;
                padding:25px 35px 0;
                overflow:hidden;
                min-height:450px;
        }
        .advanced-search .tab-content .advanced-search-container{
                margin-bottom: 5px;
                padding:25px 35px 0;
                overflow:visible;
                min-height:110px;
        }
        .advanced-search .tab-content .advanced-search-adds-drops{
                margin-bottom: 5px;
                padding:25px 35px 0;
                overflow:visible;
                min-height:130px;
        }
        button.advance-calendar-btn {
                padding: 1.8px 8px;
                width: 31px;
                position: relative;
                left: -4px;
                top: 1px;
        }
        .advanced-search-wrapper .selection-right .selected-list{
                height: 400px;
                overflow: hidden;
                overflow-y: visible;
        }
        .dropdown-bottom{
                min-width: 100%;
                padding: 0;
                margin: 0;
        }
        .dropdown-bottom > li > a {
        font-family: arial;
        font-size: 12px;
        padding: 5px 15px;
        }
        .tab-view.level-1 {
        height: 725px;
        overflow: visible !important;
        }
        .tab-view.level-1.corporate-actions.has-corp-disclaimer {
                height: 760px;
        }
        .advanced-search-wrapper .my-saved-templates.dropdown .dropdown-menu {width: 282px;}
        .advanced-search-wrapper .order-search .dropdown-menu button{padding:5px 3px;width: 45px;text-align: center;}
        .advanced-search-wrapper .nav>li.disabled>a:focus {color:#000;background: #f9f9f9;}
        /* Advanced Download Ends*/
        /* Data Center Ftp Files Starts*/
        .latest-order ul.dropdown-menu li a {
        padding: 5px 10px;
        }
        .table-container, #intradayalert-module{min-height:745px;position:relative;}
        div.ftp-files .facet-accordion{display:block;}
        #dc-ftpfiles-grid #centerRow, #announcements-grid #centerRow, #documents-grid #centerRow, #corporate-actions-grid #centerRow, #dc-corporate-actions-grid #centerRow{height: inherit !important;}
        #dc-ftpfiles-grid, #announcements-grid, #documents-grid, #corporate-actions-grid, #dc-corporate-actions-grid {width:100%;height:100% !important;margin: 0;clear: both;position: relative;}
        .alerts-container .export-btn{padding:0;}
        #dc-ftpfiles-grid .ag-body-viewport-wrapper,
        #dc-ftpfiles-grid .ag-body-viewport,
        #dc-ftpfiles-grid .ag-body,
        #announcements-grid .ag-body-viewport-wrapper, 
        #announcements-grid .ag-body-viewport, 
        #announcements-grid .ag-body,
        #documents-grid .ag-body-viewport-wrapper, 
        #documents-grid .ag-body-viewport,
        #documents-grid .ag-body {
                /*overflow: hidden;*/
        }
        #dc-ftpfiles-grid .ps-scrollbar-x-rail, #announcements-grid .ps-scrollbar-x-rail, #documents-grid .ps-scrollbar-x-rail, #corporate-actions-grid .ps-scrollbar-x-rail, #dc-corporate-actions-grid .ps-scrollbar-x-rail {bottom: -14px !important;}
        #dc-ftpfiles-grid .ps-scrollbar-y-rail, #announcements-grid .ps-scrollbar-y-rail, #documents-grid .ps-scrollbar-y-rail, #corporate-actions-grid .ps-scrollbar-y-rail, #dc-corporate-actions-grid .ps-scrollbar-y-rail {top: 0px;right: -10px !important;}
        #dc-ftpfiles-grid .ag-row, #announcements-grid .ag-row, #documents-grid .ag-row, #corporate-actions-grid .ag-row, #dc-corporate-actions-grid .ag-row {border-bottom: 1px solid #ccc;}
        #dc-ftpfiles-grid .ag-row:last-child, #announcements-grid .ag-row:last-child, #documents-grid .ag-row:last-child, #corporate-actions-grid .ag-row:last-child, #dc-corporate-actions-grid .ag-row:last-child,#corporate-actions-modal .ag-row:last-child,#other-indices .ag-row:last-child {border-bottom: none;}
        /*Fix for grid last row issue*/
        #announcements-grid .ag-row:last-child .ag-cell,
        #documents-grid .ag-row:last-child .ag-cell,
        #dc-indexFinder-grid .ag-row:last-child .ag-cell,
        #dc-ftpfiles-grid .ag-row:last-child .ag-cell,
        #indexevents-grid .ag-row:last-child .ag-cell,
        #files-modal-grid .ag-row:last-child .ag-cell{
        height: 29px;
        }
        /* Data Center Ftp Files Ends*/
        /* Dashboard - footnote Starts*/
        .dashboard-info-note{
                color: #333;
                font: italic normal 13px arial;
                padding-top: 10px;
        }
        .dashboard-wrapper .content {
                margin-bottom: 0;
        }
        /* Dashboard - footnote Ends*/
        /*homePage video starts*/
        .video-wrapper {
                margin: 0 auto;
                width: 340px;
                height: 223px;
                position: relative;
                margin-bottom: 29px;
        }
        /*homePage video ends*/

        /*File not found starts*/
        .file-not-found-wrapper,.internal-server-error-wrapper {
                padding: 40px;
                overflow: hidden;
                border:1px solid #ccc;
                background: #fff none repeat scroll 0 0;
        }
        .file-not-found-wrapper.access-denied {min-height:360px;}
        .file-not-found-wrapper .file-not-found-content,
        .internal-server-error-wrapper .internal-server-error-content {
                width:500px;
                padding:30px;
                border:1px solid #ccc;
                margin:0 auto;
        }
        .file-not-found-wrapper .file-not-found-content h1,
        .internal-server-error-wrapper .internal-server-error-content h1 {
                padding:0 0 5px;
                border-bottom:1px solid #ccc;
                margin:0;
                font-family: 'Geogtq-Rg',Arial;
                font-size: 35px;
                color: #000;
        }
        .file-not-found-wrapper .file-not-found-content p, .file-not-found-wrapper .file-not-found-content ul li ,
        .internal-server-error-wrapper .internal-server-error-content p, .internal-server-error-wrapper .internal-server-error-content ul li{
                padding:0;
                margin:5px 0 5px 8px;
                font-family: 'Geogtq-Rg',Arial;
                font-size: 14px;
                color: #000;
        }
        .file-not-found-wrapper .file-not-found-content ul,
        .internal-server-error-wrapper .internal-server-error-content ul{
                margin: 0 0 0 15px;
                padding: 0;
        }
        .file-not-found-wrapper .file-not-found-content ul li,
        .internal-server-error-wrapper .internal-server-error-content ul li{
                list-style-type: disc;
                text-indent: -5px;
        }
        .file-not-found-wrapper p,.internal-server-error-wrapper p{
                line-height:20px;
        }
        .file-not-found-wrapper p.text-bold,.internal-server-error-wrapper p.text-bold {
                font-weight:bold;
                margin-top:10px;
        }
        .file-not-found-wrapper .file-not-found-content a,
        .internal-server-error-wrapper .internal-server-error-content a{
                color:#00668c;
                text-decoration:none;
        }
        /*File not found ends*/

        /*arrow asc and desc sorting*/
        .arrow-asc,
        .arrow-desc,
        #agSortAsc,
        #agSortDesc {
                display:none;
        }
        .ag-header-cell .arrow-asc,
        .ag-header-cell .arrow-desc {
        display:inline-block;
        background-image:url("../images/sprite.png");
        height:5px;
        width:8px;
        position: absolute;
        top:10px;
        right:-12px;
        }
        .ag-header-cell-sorted-asc .arrow-asc{background-position: -324px -62px;}
        .ag-header-cell-sorted-desc .arrow-desc{background-position: -305px -62px;}
        .ag-header-cell-sorted-none:hover .text-align-left .arrow-desc,
        .ag-header-cell-sorted-none:hover .text-align-right .arrow-desc,
        .ag-header-cell-sorted-none:hover .date-column .arrow-desc {
                background-position: -324px -62px;	
                top:8px;
        }
        .ag-header-cell-sorted-none:hover .text-align-left .arrow-asc,
        .ag-header-cell-sorted-none:hover .text-align-right .arrow-asc,
        .ag-header-cell-sorted-none:hover .date-column .arrow-asc {
                background-position: -305px -62px;	
                top:14px;
        }
        /*contact us starts */
        .lvp-media-player-popup {
        margin: 25px 10px 10px 10px;
        overflow: hidden;
        padding: 0;
        }
        .lvp-media-player-popup .modal-body {padding:0;}
        .lvp-media-player-popup .video-wrapper {height:250px;width:100%;margin: 0;}
        .lvp-media-player-popup h3{margin:5px 0 0 0;font-size: 14px;}
        .video-close-icon {
        position: absolute;
        right: 2px;
        top: 2px;
        cursor: pointer;    
        }
        .video-close-icon i{font-size:20px;color:#AAAAAA;}
        .contact-wrapper .video-play-icon {
        position: absolute;
        height: 73px;
        width: 105px;
        cursor: pointer;
        z-index: 10;
        background: url(../images/spice-video-play-icon.png) no-repeat center center transparent;
        vertical-align: middle;
        float: left;
        }
        .contact-wrapper .content-wrapper, .my-profile-wrapper .content-wrapper{
                border:1px solid #ccc;
                padding:15px;
                background:#fff;
        }
        .contact-wrapper .content-wrapper{
                overflow:hidden;
        }
        .contact-wrapper .form-container,.my-profile-wrapper .form-container{
                float:left;	
                width:375px;
                margin:0;
                font-family:Arial;
        }
        .my-profile-wrapper .form-container{
                float:none;
                margin:0 auto;
                width:730px
        }
        .contact-wrapper .map-container{
                background:url(../images/contact-map-bg-pattern.png) repeat 0 0 transparent;
                width:773px;
                padding:76px 0;
                float:left;	
        }
        .contact-wrapper h5, .my-profile-wrapper h5{
                font-size: 18px;
                color:#000;
                margin:15px 0;
        }
        .contact-wrapper .form-container .label-section, .my-profile-wrapper .form-container .label-section{
                text-align:right;
                width:110px;
                float:left;
                padding:0 14px 0 0;
                line-height:22px;
                font-size: 12px;
        }
        .my-profile-wrapper .form-container .label-section{width:250px; text-align:left;}
        .contact-wrapper .form-container .label-section span, .my-profile-wrapper .form-container .label-section span{
                color:red;
                font-size:10px;
        }
        .contact-wrapper .form-container .remaining, .my-profile-wrapper .form-container .remaining{
        color: #555555;
        float: right;
        font-size: 11px;
        margin: 5px 30px;
        }
        .contact-wrapper .form-container .input-section,
        .my-profile-wrapper .form-container .input-section,
        #captchaRow input{
                text-align:left;
                width:230px;
                float:left;
                border:1px solid #ccc;
                border-radius:4px;
                padding:4px;
                font-size: 12px;
                margin-bottom: 0;
                /*background: none;*/
                height:25px;
        }
        .my-profile-wrapper .form-container .input-section{
                width: 300px;
                margin-top: 0;
        }
        .contact-wrapper .form-container .help-section, .my-profile-wrapper .form-container .help-section{
        float: left;
        height: 14px;
        margin: 5px;
        width: 14px;
        }
        .contact-wrapper .form-container .help-section i, .my-profile-wrapper .form-container .help-section i  {
        color: #888888;
        }
        .contact-wrapper .form-container .row, .my-profile-wrapper .form-container .row {
        clear: both;
        margin: 0 0 10px;
        /*overflow: hidden*/;
        }
        .my-profile-wrapper .form-container .row {
                width: 360px;
                display: inline-block;
        }
        .my-profile-wrapper .form-container .row.fixed-height {
                height: 55px;
        }
        .my-profile-wrapper .form-container .row.full-width {
                width: 720px;
        }
        .contact-wrapper .form-container button, .my-profile-wrapper .form-container button {	 
                border: 1px solid #B28500;
                border-radius: 3px 3px 3px 3px;
        color: #fff;
        cursor: pointer;
        float: right;
        font-size: 12px;
        font-weight: bold;
        margin: 5px 30px;
        padding: 4px 25px;
        text-transform: uppercase;
                text-align:center;
        }
        .contact-wrapper .demo-thumb-img, .my-profile-wrapper .demo-thumb-img {
        height: 73px;
        background: #ccc;
        width: 105px;
                float:left;
                margin:0 14px 0 0;
        }
        .contact-wrapper .form-container .email-us {
        	background: none repeat scroll 0 0 #CCCCCC;
        	border: 1px solid #DDDDDD;
        	font-size: 14px;
        	padding: 10px;
        	text-align: center;
        }
        textarea.input-section {
                resize: none;
                height:90px;
        }
        #contact-wrapper textarea.input-section {
        	height: 90px;
        }
	#contact-wrapper #professional-list.dropdown-menu > li > span,
	#contact-wrapper .inquiry-search .dropdown-menu > li > span {
		display: flex;
		align-items: flex-start;			
        }
        .contact-wrapper .form-container .remaining,
        .contact-wrapper .form-container .email-us,
        .contact-wrapper .form-container button, .my-profile-wrapper .form-container .remaining,
        .my-profile-wrapper .form-container .email-us,
        .my-profile-wrapper .form-container button {
                margin-right: 35px;
        }
        .contact-wrapper .form-container .email-us p, .my-profile-wrapper .form-container .email-us p{
                margin:0;
        }
        .contact-wrapper .form-container .email-us span, .my-profile-wrapper.form-container .email-us span {
        font-weight: bold;
        }
        /*highmap tooltip*/
        /*.highcharts-tooltip span {
                height:auto;
                width:180px;
                white-space:normal !important; 
        }
        .highcharts-tooltip {
                width: auto !important;
                overflow: visible !important;
        }
        .highcharts-tooltip span {   
                font-family: Arial;
                font-size: 14px;
                display:block;
                color:#000;
        }
        */
        .highcharts-tooltip, .highcharts-tooltip span{font-family:Arial !important;font-size:12px !important;}
        .custom-tooltip-exchange {
                padding: 10px;
                width: 180px;
        }		
        .highcharts-tooltip .contact-close-btn{
                width:14px;
                height:14px;
                background:url(../images/close.png) no-repeat 0 0 transparent;
                position:absolute;
                cursor:pointer;
                right:-14px;
                top:-14px;
        }
        .highcharts-tooltip .title{
                font-size:16px;
                color:red;
                border-bottom:1px solid #ccc;
                padding:5px;
                margin-bottom:5px;
                line-height:18px;
        }
        #map-container .dynamic-loader {
                left: 200px;
                /*top: 400px;*/
        }
        .contact-wrapper .highcharts-tooltip span {min-width: auto;}
        .contact-wrapper .tooltip-outer-div {margin: 8px 8px;}
        .contact-wrapper .tooltip-title {color: red;border-bottom: 1px solid #8a8686;margin-left: 6px;font-family:Arial;}
        .contact-wrapper .tooltip-contact-type, .contact-wrapper .tooltip-contact-number {margin-left: 6px;margin-top:3px;color:#555;float: left;}
        .contact-wrapper .tooltip-contact-number .tooltip-image {
                float: left;
        background-position: -303px -2px;
        margin-right: 2px;
        width: 19px;
        height: 20px;}
        .contact-wrapper .tooltip-contact-type {clear: both;}

        /*highmap tooltip ends*/

        /*inquiry dropdown starts*/
        #contact-wrapper .countries-search button, #contact-wrapper .inquiry-search button {
        margin: 0;
        }
        .countries-search button, .inquiry-search button {
                margin-left: 0px !important;
        height: 27px;
        padding: 0px !important;
        background: none;
        }
        .countries-search button span:first-child, .inquiry-search button span:first-child {
        color: #555;
        font-weight: normal;
        width: 199px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        height: auto;
        text-align: left;
        border-right: 1px solid #ccc;
        padding: 6px 4px;
        text-transform: none;
        }
        .my-profile-wrapper .countries-search.btn-group{
                display: block;
        }
        .my-profile-wrapper .countries-search button span:first-child {
                width: 270px;
        }
        .countries-search ul, .inquiry-search ul {
        background: white none repeat scroll 0 0;
        height: 66px;
        border-radius: 0 0 4px 4px;
        left: 0;
        width: 230px;
        }
	.inquiry-search ul{height:auto;}
        .my-profile-wrapper .countries-search ul{
                top: 47px;
        }
        .contact-wrapper .countries-search ul {
                height: 243px;
        }
        .countries-search li.showme, .inquiry-search li.showme {
        border-bottom: 1px solid #e4e3e3;
        color: #555;
        padding: 5px;
        margin-right: 4px;
        cursor:pointer;
        }
	.inquiry-search li.showme{margin-right:0;}
        .countries-search ul > li.active, .inquiry-search ul > li.active {
        /*border-left: 3px solid red;
        margin-left: 0;
        background: #fff;*/
        background: #e4e3e3;
        }
        /*.countries-search ul li.active, .inquiry-search ul li.active */{background: #3DAEE1;}
        .countries-search .dropdown-arrow-icon, .inquiry-search .dropdown-arrow-icon {margin-right:5px;}
        /*inquiry dropdown ends*/

        /*custom dropdown scrollbar starts*/
        #country-list.ps-active-x > .ps-scrollbar-x-rail, #country-list.ps-container.ps-active-y > .ps-scrollbar-y-rail,
        #state-list.ps-active-x > .ps-scrollbar-x-rail, #state-list.ps-container.ps-active-y > .ps-scrollbar-y-rail,
        #professional-list.ps-active-x > .ps-scrollbar-x-rail, #professional-list.ps-container.ps-active-y > .ps-scrollbar-y-rail{
                display: block;
        }
        #country-list.ps-container > .ps-scrollbar-y-rail,
        #state-list.ps-container > .ps-scrollbar-y-rail,
        #professional-list.ps-container > .ps-scrollbar-y-rail{
                background: none repeat scroll 0 0 #ccc;
                border-radius: 4px 4px 4px 4px;
                right:3px !important;
                position: absolute;
                transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
                width: 8px;
        }
        #country-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
        #state-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
        #professional-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #AAAAAA;
                border-radius: 4px 4px 4px 4px;
                position: absolute;
                right: 0;
                transition: background-color 0.2s linear 0s;
                width: 8px;
                min-height: 15px !important;
        }
        /*custom dropdown scrollbar ends*/
        .contacts-error-messages.ng-hide{display:none;}
        .contacts-error-messages {
                float:left;
                margin-left: 110px;
                width: 231px;
                color: red;
                border: 0 none;
                padding: 5px;
        }
        .captcha-server-error {
        display: inline-block;
        color: red;
        margin-top: 5px;
        }
        .contacts-error-messages .fa-exclamation-triangle {
        color: rgb(189, 189, 189);
        }
        .contact-tabs {
                margin-top: 35px;
                padding-bottom: 13px;
        }
        .contact-tabs ul.nav-pills li, .contact-tabs .nav-stacked > li.active {
        float: left;
        min-width: 590px;
        text-align: center;
        border-left: 0 none;
        height: 47px;
        }
        .contact-tabs .nav-pills > li:first-child.active > a, .contact-tabs .nav-pills > li:first-child.active > a:focus, .contact-tabs .nav-pills > li:first-child.active > a:hover {
        left: 0;
        }
        .contact-tabs .nav-stacked > li + li {margin-top: 0;}
        .contact-tabs .nav-pills li:nth-child(1) a, .contact-tabs .nav-pills li:nth-child(2) a {
        /*border-left: 1px solid #ccc;*/
        border-top: 1px solid #ccc;
        }
        .contact-tabs .nav-pills > li.active > a, .contact-tabs .nav-pills > li.active > a:focus, .contact-tabs .nav-pills > li.active > a:hover {
        background: #fff;
        color: #000;
        border: 1px solid #ccc;
        border-radius: 0;
        border-bottom: 0 none;
        position: relative;
        top: 2px;
        z-index: 1;
        padding: 13.5px 15px;
        width: 100%;
        /*left: -1px;*/
        }
        .contact-tabs .nav-pills > li > a {
        display: block;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-radius: 0;
        background: #f8f8f8;
        color: #000;
        top: 8px;
        cursor: pointer;
        font-family: "Geogtq-Rg",Arial;
        font-size:18px; 
        }
        .contact-tabs .tab-content .tab-pane {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #ccc;
        min-height: 100px;
        /*padding: 10px;*/
        padding: 10px 5px 10px 10px;
        width: auto;
        }
        .contact-tabs .tab-content .tab-pane .row{margin: 0 0 20px 0;padding:0;}
        .contact-tabs .tab-content .tab-pane .row:first-child{margin-top: 20px;}
        .contact-tabs .contact-us-tutorial .col-md-4, .contact-tabs .contact-us-faq .col-md-4{width: 105px; padding: 0px;}
        .contact-tabs .contact-us-tutorial .col-md-8, .contact-tabs .contact-us-faq .col-md-8{width: 1045px;}
        .contact-tabs .tab-content .tab-inner {
        min-height: 350px;
        border: 1px solid #ccc;
        padding: 10px 10px 10px 10px;
        background: none repeat scroll 0 0 #FFFFFF;
        /* overflow: hidden; */
        }
        .contactus-submit-content {
        padding: 15px 20px;
        overflow: hidden;
        border: 2px solid #CCCCCC;
        }
        .info-icon {
        background-position: -267px -3px;
        display: inline-block;
        height: 14px;
        margin-right: 8px;
        width: 16px;
        top: 2px;
        position: relative;
        left: 4px;
        }
        #captchaRow h6 {margin-left:0px;}
        #captchaRow .input-section {border: none;}
        #captchaRow .captcha-refresh {margin-left: 0px;}
        #captchaRow input {margin-top: 15px;width:200px;}
        #captchaRow .captcha-hint{
                float: left;
                display: inline-block;
                width: 125px;
                margin-top: 11px;
        }
        #captchaRow .captcha-block{
                float: right;
                display: inline-block;
                height: auto;
                margin-right: 9px;
        }
        .contact-us-info .btn-bar{margin-top:10px;}
        .contact-us-modal .modal-content {
        width: 275px;
        }
        #contact-us-faq,#contact-us-tutorial{
                height:300px;
                z-index: 10;
                overflow: hidden;
                position:relative;
        }
        #contact-us-faq.ps-container.ps-active-x > .ps-scrollbar-x-rail, #contact-us-faq.ps-container.ps-active-y > .ps-scrollbar-y-rail, #contact-us-tutorial.ps-container.ps-active-x > .ps-scrollbar-x-rail, #contact-us-tutorial.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
        }
        #contact-us-faq.ps-container > .ps-scrollbar-y-rail,#contact-us-tutorial.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 0px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        #contact-us-faq.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,#contact-us-tutorial.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        /*contact us ends */

        /*Add to my List directive*/
        .add-to-my-list{
                display:inline;
        }
        .chart-custom-tooltip span.date{
                display:block;
                border-bottom:1px solid #999;
                padding-bottom:3px;
        }
        .chart-custom-tooltip, .chart-custom-tooltip table, .chart-custom-tooltip table td, .chart-custom-tooltip table td span{
                width:100%;
                border:0 none;
                padding:0;
                margin:0 auto;
        }
        .chart-custom-tooltip td.index-name {
                white-space:nowrap;
        }
        .chart-custom-tooltip span.index-color {
                width: 9px;
        height: 9px;
        display: inline-block;
        margin-right: 3px;
        }
        .high-chart-section .chart-custom-tooltip table tr td, .high-chart-section .chart-custom-tooltip table tr th{padding:3px 0;}
        /*Terms and conditions starts*/
        .terms-and-conditions-modal .modal-dialog{
                width:1000px;
                margin-top:80px;
                height:600px;
        }
        .my-profile-modal .modal-dialog{
                width:694px;
                margin-top:80px;
        }
        .my-profile-modal .modal-dialog #my-profile-wrapper{
                border: none;
                border-top: 1px solid #ccc;
        }
        .my-profile-modal .my-profile-wrapper .form-container .row {
                width: 320px;
                display: inline-block;
        }
        .my-profile-modal .my-profile-wrapper .form-container .row.full-width {
                width: 615px;
                display: inline-block;
        }
        .my-profile-modal .my-profile-wrapper .form-container .input-section {
                width: 280px;
                margin-top: 0;
        }
        .my-profile-modal .my-profile-wrapper .countries-search button span:first-child {
                width: 250px;
        }
        .my-profile-modal .my-profile-wrapper .profile-btn-left {
                margin-right: 12px;
        }

        .terms-and-conditions-modal, .my-profile-modal, .access-code-modal, .sib-access-modal {
                background-color: rgba(30, 30, 30, 0.98) !important;
        }

        .terms-and-conditions-overlay{	
        background-color:#FFF; 
        width:100%; 
        height:100%;
        z-index:1050;
        top:0; 
        left:0; 
        position:absolute;
        overflow-y:scroll;
        } 
        .terms-and-conditions-wrapper{	
                width: 100%;
        margin:0 auto;
        }
        .terms-and-conditions-overlay section{
                margin-bottom: 20px;
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
        }
        .terms-and-conditions-wrapper .terms-and-conditions-content {
        padding:15px;
        border:1px solid #ccc;  
        margin:0 auto;
        /*-webkit-box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;
        -moz-box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;
        box-shadow:-10px -8px 8px -8px #ccc, 10px -8px 8px -8px #ccc;*/
        background: #d2d2d2;
        background: -webkit-linear-gradient(#d2d2d2, #f0efef);
        background: -o-linear-gradient(#d2d2d2, #f0efef);
        background: -moz-linear-gradient(#d2d2d2, #f0efef);
        background: linear-gradient(#d2d2d2, #f0efef);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d2d2d2', endColorstr='#f0efef');
        }
        .terms-and-conditions-wrapper .terms-and-conditions-content h1 {
        padding:5px 0px;
        margin: 0px -4px;
        font-family: 'Geogtq-Rg';
        font-size: 35px;
        color: #333333;
        }
        .terms-of-use-content, #terms-conditions-popup{
                padding:10px 20px 5px 10px;
                background-color:#fff;
                border: 1px solid #ccc;
                height:350px;
                z-index: 99999;
                overflow: hidden;
                position:relative;
        }
        .terms-of-use-content p{
                padding:0;
                margin:5px 8px;
                font-family: Arial;
                font-size: 12px;
                color: #333333;
                display: block;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        }
        .terms-of-use-content ul{
        list-style: disc;
        padding: 0 0 0 15px;
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        -webkit-padding-start: 40px;
        }
        .terms-of-use-content ul li {
        display: list-item;
        text-align: -webkit-match-parent;
        padding:0;
                margin:5px 8px;
                font-family: 'Geogtq-Rg',Arial;
                font-size: 14px;
                color: #333333;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        }
        .terms-of-use-content b{
                padding:0;
                font-family: 'Geogtq-Rg',Arial;
                font-size: 14px;
                color: #333333;
                font-weight:bold;
        }
        .terms-of-use-content a{
                text-decoration:underline;
        }
        .terms-of-use-content p.change-anchor-clr a{
                color: #000000;
        }
        .terms-of-use-content .trademark {
                font-size: 9px;
                vertical-align: super;
        }
        .terms-and-conditions-buttons {
        margin-top: 15px;
        }
        .terms-btn-disabled {
                opacity:0.6;
                
        }
        .accept-terms-checkbox [type='checkbox']{
                position: relative; 
                top: 1px;
                display: none;
        }
        .accept-terms-checkbox{
                margin-top: 15px;
        }
        #terms-conditions-popup.ps-container.ps-active-x > .ps-scrollbar-x-rail, #terms-conditions-popup.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
        }
        #terms-conditions-popup.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 5px !important;
        
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        #terms-conditions-popup.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        /*Terms and conditions end*/

        /*Access Code Popup styles start*/
        .access-code-modal .modal-dialog {
                margin: 18% auto 15% auto;
        }
        .access-code-modal .modal-dialog .modal-content {
                min-height: 200px;
                padding: 20px;
                width: 460px;
        }
        .access-code-modal .page-title h2 {
                border-bottom: 1px solid #ccc;
                font-size: 18px;
                font-weight: bold;
                padding: 10px 0;
        }
        .access-code-modal .page-content p {
                /* font-size: 14px; */
                margin-top: 10px;
        }
        .access-code-modal .page-content .code-input {
                border: 1px solid #ccc;
                border-radius: 5px;
                width: 54px;
                padding: 20px 0;
                font-size: 14px;
                font-weight: bold;
                text-align: center;
                margin-right: 10px;
        }
        .access-code-modal .code-input-group {
                margin: 10px 0;
        }
        .access-code-modal .code-input-group.submitting{
                opacity: 0.5;
        }
        .access-code-modal #resendLoader {
                position: relative;
        }
        .access-code-modal #resendLoader .dynamic-loader{
                top: -54px;
        }
        .access-code-modal #resendLoader .dynamic-loader .loader{
                width: 15px;
                height: 15px;
        }
        .access-code-modal #submitLoader {
                position: relative;
        }
        .access-code-modal #submitLoader .dynamic-loader{
                top: -64px;
        }
        .access-code-modal #submitLoader .dynamic-loader .loader{
                width: 20px;
                height: 20px;
        }
        .access-code-modal .code-button-group {
                display: flex;
                margin: 15px 0;
                width: 100%;
        }
        .access-code-modal .error-text {
                color: #D5364A;
        }
        .access-code-modal .bold-info-text {
               font-weight: bold;
        }
        .access-code-modal .resend-link {
                background-color: transparent;
                border: none;
                color: #00668c;
                font-weight: bold;
                padding-left: 0px;
        }
        .access-code-modal .resend-link:disabled {
                opacity: 0.5;
                pointer-events: none;
        }
        .access-code-modal .save-btn-right {
                border-radius: 5px;
                margin-left: auto;
        }
        .access-code-modal .save-btn-right:disabled {
                opacity: 0.5;
                pointer-events: none;
        }
        .access-code-modal .code-footer {
                border-top: 1px solid #ccc;
        }
        .access-code-modal .code-footer p {
                margin: 0;
                margin-top: 10px;
                text-align: right;
        }
        /*Access Code Popup styles end*/

        /*subscription info*/
        #subscription-info-list {
        height: 250px;
        position: relative;
        border: 1px solid #ccc;
        border-top: 0 none;
        width: auto;
        overflow: hidden;
        }
        #subscription-info-list ul li span.package-name {
        width: 50%;
        }
        #subscription-info-list ul li span.from-date {
        width: 25%;
        }
        #subscription-info-list ul li span.to-date {
        width: 25%;
        }
        #subscription-info-list ul li {
        display: block;
        line-height: 25px;
        height: 25px;
        padding: 0 5px;
        font-size: 12px;
        font-family: Arial;
        /*margin-right: 5px*/;
        }
        .subscription-info h6 {
        border: 1px solid #ccc;
        padding: 5px;
        font-size: 14px;
        font-family: 'Geogtq-Rg',Arial;
        overflow: hidden;
        height: 30px;
        background: #eeeeee;
        }
        .subscription-info h6 span:first-child {
        margin-right: 262px;
        }
        .subscription-info h6 span:last-child {
        margin-right: 127px;
        }
        #subscription-info-list.ps-container.ps-active-x > .ps-scrollbar-x-rail, #add-to-list.ps-container.ps-active-y > .ps-scrollbar-y-rail {
                display: block;
        }
        #subscription-info-list.ps-container > .ps-scrollbar-y-rail {
                background: none repeat scroll 0 0 #ccc;
                border-radius: 4px 4px 4px 4px;
                right:3px !important;
                position: absolute;
                transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
                width: 8px;
        }
        #subscription-info-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #AAAAAA;
                border-radius: 4px 4px 4px 4px;
                position: absolute;
                right: 0;
                transition: background-color 0.2s linear 0s;
                width: 8px;
                min-height: 15px !important;
        }
        .subscription-info ul li:nth-child(odd) {
        background: #eeeeee;
        }
        .subscription-info-modal .modal-content{width:800px;}
        .subscription-info-modal .modal-dialog{margin-left:300px; margin-top:100px;}
        /*Login CSS for JSP page integration starts*/
        .ui-widget-overlay{
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
                opacity: 1;
        }
        .ui-widget-header {display: none;}
        .ui-dialog .ui-dialog-content {overflow: visible;}
        .forgot-error-msg {
        float: left;
        width: 261px;
        /*background: #ddd;
        border: :1px solid #ccc;*/
        padding: 5px;
        color: red;
        }
        .forgot-error-msg i .fa .fa-exclamation-triangle .fa-1 {
        color: rgb(189, 189, 189);
                margin-right: 4px;
        }
        #forget-password-container {height: auto !important; padding:10px;}
        /*#forget-password-container .lock-icon {height: 27px;width: 25px;left: 486px;position: absolute;top: -17px;background-position: -115px -22px;}*/
        #forget-password-container .forget-password-content {padding:0;}
        #forget-password-container .captcha-refresh {float:left; top:3px; cursor:pointer;}
        #forget-password-container .captcha-input {margin-top:11px;}
        /*.forgot-common-error {width: 263px;margin: 10px 0 15px 175px;display: none;}*/
        .forgot-common-error {background: none;color: red;margin: 0;display: none;width: 263px;padding: 5px 0px;}
        .forgot-success-msg {display:none;}
        #forgot-success-msg {margin-bottom: 10px;display: block;}
        /*.forgot-success-msg .btn-bar {float:right;}*/
        .displayRule {display: none !important;}
        /*Login CSS for JSP page integration ends*/
        /*my profile starts*/
        #my-profile-wrapper .title span{margin-right: 3px;}
        #my-profile-wrapper .title input {margin-top: 3px;}
        .profile-updated-modal .modal-dialog {width: 203px;}
        .change-password-modal .modal-dialog {width: 468px;}
        .change-password-modal .forget-password-content label{width: 167px;}
        .change-password-modal .forget-password-content .input-section{ margin-bottom: 10px;float: right;border: 1px solid #ccc;padding: 3px;width: 261px;height: 25px;}
        .change-password-modal .forget-password-content .text-box-right{float: right;width: 261px;}
        .change-password-modal .forget-password-content .reset-password-refresh-captcha{margin: 4px 0;}
        .change-password-modal #change-password-content.forget-password-content.change-password-success-msg{height: auto;display: flex;align-items: center;justify-content: center;padding: 25px;}
        #change-password-content{padding:10px;}
        #change-password-content .error-section {
        margin: 10px 0 15px 185px;
        width: 261px;
        }
        .requirement-info {
                margin-left: 30px;
        margin-bottom: 12px;
        }
        .helper-text li.invalid{
                color: red;
        }
        .requirement-heading {
                font-weight: bold;
        }
        #change-password-content .contacts-error-messages {margin-left: 184px; color:red;background:white;padding:0px;margin-bottom: 10px; border: 0;}
        #change-password-content .contacts-error-messages.captcha-err-msg{margin-left: 0;}
        #my-profile-wrapper .contacts-error-messages{margin-left: 0;width: 100%; padding: 2px 0;}
        /* #my-profile-wrapper .countries-search {
                float: right;
        margin-top: -28px;
        left: 5px;
        } */
        .my-profile-wrapper .countries-search ul {
                height: 185px;
                width: 300px;
        }
        .my-profile-wrapper .state-search ul {
                height: 151px;
                width: 300px;
        }
        .my-profile-wrapper .countries-search ul > li {
                font-size: 12px;
        }
        .my-profile-wrapper .state-search ul > li {
                font-size: 12px;
        }
        .my-profile-wrapper .my-profile-save-btn {
                min-width: 68px;
        }
        /*my profile ends*/
        /*tooltip for ad starts*/
        .pointer-event {
                pointer-events: auto;
        }
        /*.pointer-event a {
        background: white !important;
        color: #000 !important;
        }
        */
        .pointer-event a:hover {
        background: #f5f5f5 !important;   
        color: rgba(153, 153, 153, 0.65) !important;
        }
        .ad-tooltip {
                width:250px;
                text-align:left;
        }
        .ad-tooltip span{display:block;}
        .ad-tooltip span:before {
        content: "\2022";
        padding: 5px;
        font-size: 18px;
        position: relative;
        top: 3px;
        }
        /*tooltip for ad ends*/
        /*reset password starts*/
        .password-reset-wrapper {
        background: #fff none repeat scroll 0 0;
        }
        .password-reset-wrapper div.page-list {
                width:985px;
        }
        .password-reset-wrapper div.page-list {
                margin:auto;
                padding:30px 0;
                width:970px;
                font-size:12px;
                color:#58595b;	
        }
        .password-reset-wrapper .reset-password {
                font-family:Arial;
                padding:0;
        }
        .password-reset-wrapper .reset-password .main-column {
                width:490px;	
                margin:0;
                padding-right:20px;
        }
        .password-reset-wrapper .register-details {
                width:375px;
                float:left;
                padding:0 20px 0 0;
                font-size:14px;
                font-family:arial;
                min-height:185px;
                color:#000;
        }
        .password-reset-wrapper .register-login, .password-reset-wrapper .new-password-login {
                float:left;
                width:340px;
                padding:15px;
                font-size:12px;
                background:#b8d2cf;
        }
        .password-reset-wrapper .reset-password .register-details.main-column h4 {
                font:bold 12px Arial;
                border:0;
        }
        .password-reset-wrapper div.page-list h4 {
                font-family:arial;
                font-size:14px;
                width:97%;
                border-bottom:1px solid #ccc;
        }
        .password-reset-wrapper div.page-list h4 {
                color:#000;
                font-family:"Geogtq-Sb";
                padding:0;
                margin:0;
                padding:0;
                margin:0;
                padding:4px 0 4px 0;
        }
        .password-reset-wrapper .page-list.gradient.reset-password .side-column {
                width:453px;
                background: #fff;
                padding:0;
                border:1px solid #ccc;
        }
        .password-reset-wrapper div, .password-reset-wrapper ul {
        overflow: hidden;    
        }
        .password-reset-wrapper .reset-password .reset-form .reset-password-heading {
                margin-bottom: 10px;
        }
        .password-reset-wrapper .reset-password-heading {
                color: #000;
                height: 35px;
                text-transform: uppercase;
                box-shadow: 0 3px 4px #ccc;
                background:-moz-linear-gradient(#ffffff, #f5f5f5);
        background:-webkit-linear-gradient(#ffffff, #f5f5f5);
        background:-o-linear-gradient(#ffffff, #f5f5f5);
        background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
        background:linear-gradient(#ffffff, #f5f5f5);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        }
        .password-reset-wrapper .reset-password .reset-form .reset-password-heading h3 {
                font-family: Arial !important ;
                font-size: 14px;
                font-weight: bold;
                padding-top: 8px;
                text-transform: none;
        }
        .password-reset-wrapper .reset-password-heading h3 {
                padding:6px 0 8px 5px;
                float:left;
                font-family:"Geogtq-Rg", Arial, sans-serif !important ;
                font-size:20px;
                font-weight:normal;
                margin-top:0;
        }
        .password-reset-wrapper .reset-password .reset-form form {
                padding:0 15px;
                color:#000;
        }
        .password-reset-wrapper .register-login p, .new-password-login p {
                overflow:hidden;
                margin:0;
                }
        .password-reset-wrapper .reset-password .reset-form form#newPasswordForm input {
        border: 1px solid #ccc;
        border-radius: 4px;
        font-family: Arial;
        font-size: 12px;
        height: 25px;
        padding: 3px;
        width: 100%;
        }
        .password-reset-wrapper .reset-password .reset-form .reset-password-txtbox {
                margin-top:10px;
        }
        .password-reset-wrapper div.page-list label {
                float:left;
        }
        .password-reset-wrapper .btn-bar {
        margin: 10px 0;
        }
        .password-reset-wrapper .reset-password .reset-form label {
        float: left;
        font-size: 12px;
        margin-top: 4px;
        width: 171px;
        }
        .password-reset-wrapper div.page-list label {
                min-width:151px;
                display:inline-block;
                padding-right:10px;
        }
        .password-reset-wrapper label {
                cursor:pointer;
        }
        .password-reset-wrapper .reset-password .reset-form form#newPasswordForm .text-box-left {
                width: 210px;
                border: 1px solid grey;
                border-radius: 4px;
        }
        .password-reset-wrapper ul li {
        list-style-type: disc;
        margin-left: 20px;
        }
        .password-reset-wrapper .text-box-left {
                min-height:23px;
                width:289px;
        }
        .password-reset-wrapper div.page-list input[type="text"], 
        .password-reset-wrapper div.page-list input[type="email"], 
        .password-reset-wrapper div.page-list input[type="password"] {
                background:none;
                border:0;
                width:275px;
                outline:0;
        }
        .password-reset-wrapper div.page-list input[type="text"], 
        .password-reset-wrapper div.page-list input[type="email"], 
        .password-reset-wrapper div.page-list input[type="password"] {
                /*border:1px solid #afafad;
                */min-height:18px;
                padding:2px;
                font-size:14px;
                width:217px;
        }
        .password-reset-wrapper .reset-password .reset-form .captcha {
        border: 0 none;
        /*margin-left: 171px;*/
        padding-top: 6px;
        }
        .password-reset-wrapper div.page-list label {
                min-width:151px;
                display:inline-block;
                padding-right:10px;
        }
        .password-reset-wrapper .reset-password .reset-form .captcha .captcha-image {
                width:219px;
                margin-top:3px;
        }
        .password-reset-wrapper .captcha-image {
                border:1px solid #000;
                margin-top:10px;
        }
        .reset-password-refresh-captcha {
        display: block;
        margin: 10px 0;
        }
        .password-reset-wrapper .reset-password .reset-form .captcha #captchaText {
                margin-left:0;
        }
        .password-reset-wrapper .captcha #captchaText {
                margin-left:82px;
                width:238px;
        }
        .password-reset-wrapper .contacts-error-messages {
                margin-left: 0;
                width: 100%;
        }
        .reset-password-modal .modal-dialog {
        width: 0px;
        min-width: 240px;
        }
        #reset-overlay {
        width:100%;
        height:100%;
        background:transparent;
        position:absolute;
        }
        /*reset password ends*/

        /* The below codes taken from data-grid.css and removed unwanted codes/repeated starts*/
        .grid-empty-message{padding:90px 15px;text-align:center;min-height:222px;}
        .personalize-two{padding:0;margin:20px 0px 0;}
        /*Dashboard Page Revamp*/
        .personalize-one h3, .personalize-two h3, .dashboard-wrapper .content h3{
        border-bottom:1px solid #CCCCCC;
        -webkit-box-shadow:0px 1px 2px #ccc;
        -moz-box-shadow:0px 1px 2px #ccc;
        box-shadow:0px 1px 2px #ccc;
        padding:5px 10px 7px 15px;
        text-align:left;
        background:-moz-linear-gradient(#ffffff, #f5f5f5);
        background:-webkit-linear-gradient(#ffffff, #f5f5f5);
        background:-o-linear-gradient(#ffffff, #f5f5f5);
        background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
        background:linear-gradient(#ffffff, #f5f5f5);
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
        font-size:17px;
        font-weight: bold;
        color:#333333;    
                font-family:'Geogtq-Rg',Arial;
        }
        /*Grid Table*/
        .grid-table .scroll-viewport{
        min-height:160px;
        width:auto;
        border-bottom: 1px solid #cccccc;
        }
        .announcements .grid-table{
        width:97%;
        margin:14px;
        }
        .list-name .grid-table .scroll-viewport{
        height:190px;
        width:auto;
        border-bottom-style:none;
        }
        .list-name .grid-table .grid-row:last-child{
        border-bottom: 0px solid #cccccc;  
        }
        .nav-stacked>li.active{
        border-left:2px solid #ff0000;    
        }
        /* The below codes taken from data-grid.css end*/
        .high-chart .highcharts-button.highcharts-button-disabled{cursor:default !important;}
        
        /* START-US-6209554: SPICE: Use Benchmark Analysis Select an Index logic for "ADD INDEX" */
        .index-selection{padding:0 15px 0 15px;}
        .index-selection .corporate-action-filter{width:100%;border-top:0 none;height:auto;padding:0;}
        .index-selection .corporate-action-filter[disabled] {opacity:0.6;}
        .index-selection .add-index-label{border-right:1px solid #999;}
        .index-selection .add-index-label, .index-selection .add-index-icon{padding:7px;display:inline-block;}
        .index-selection .add-index-icon{background-position:-205px -52px;float:right;width:16px;height:16px;margin:4px 6px 0 0;}
        .index-selection .benchmark-analysis-dropdown.menu{left:15px;}
        .index-selection .benchmark-analysis-search-icon.fa.fa-search{padding: 0}
        .index-selection input[type="checkbox"] { display: none;}
        .index-selection .dropdown-checkbox-label span.gray-text, 
        .index-selection .dropdown-checkbox-label .lock-index{vertical-align:middle;}
        .index-selection .dropdown-checkbox-label .lock-index{margin-left:4px;}
        .index-selection .dropdown-checkbox-label{padding: 0 10px 0 3px;font-size: 12px;margin-top: -1px;}
        .index-selection .benchmark-analysis-dropdown.list-item.disabled{cursor: default;}
        .index-selection .benchmark-analysis-dropdown.list-item.disabled .dropdown-label:before{opacity: 0.6;pointer-events: none;}
        .index-search-results.ps-container.ps-active-x > .ps-scrollbar-x-rail, .index-search-results.ps-container.ps-active-y > .ps-scrollbar-y-rail {
                display: block;
        }
        .index-search-results.ps-container > .ps-scrollbar-y-rail {
                background: none repeat scroll 0 0 #ccc;
                border-radius: 4px 4px 4px 4px;
                right:0 !important;
                position: absolute;
                transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
                width: 8px;
        }
        .index-search-results.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
                background-color: #AAAAAA;
                border-radius: 4px 4px 4px 4px;
                position: absolute;
                right: 0;
                transition: background-color 0.2s linear 0s;
                width: 8px;
        }
        #historical-performance #high-performance-chart #compare-index-dropdown-menu .dynamic-loader{height: inherit;}
        /* End-US-6209554: SPICE: Use Benchmark Analysis Select an Index logic for "ADD INDEX" */

        .compare-index{padding:0 15px 0 15px;}
        .compare-index .compare-index-dropdown{width:100%;border-top:0 none;height:auto;padding:0;}
        .compare-index button[disabled] {opacity:0.6;}
        .compare-index .add-index-label{border-right:1px solid #999;}
        .compare-index .add-index-label, .compare-index .add-index-icon{padding:7px;display:inline-block;}
        .compare-index .add-index-icon{background-position:-205px -52px;float:right;width:16px;height:16px;margin:4px 6px 0 0;}
        #compare-index-dropdown.dropdown-menu, #attr-compare-index-dropdown.dropdown-menu{left:0;width:600px; margin:0 15px 10px;padding:0;}
        #compare-index-dropdown .search-box .compare-index-input, #attr-compare-index-dropdown .search-box .compare-index-input{border:0 none;width:565px;}
        #compare-index-dropdown .search-box i.fa.fa-search, #attr-compare-index-dropdown .search-box i.fa.fa-search{padding:8px;} 
        #compare-index-dropdown .search-box .compare-index-input, #attr-compare-index-dropdown .search-box .compare-index-input{padding:8px 0;}
        #compare-index-dropdown .search-box .comparison-suggestion-list, 
        #compare-index-dropdown .search-box .search-loading-indicator, 
        #compare-index-dropdown .search-box .search-loading-indicator-comparision,
        #attr-compare-index-dropdown .search-box .comparison-suggestion-list, 
        #attr-compare-index-dropdown .search-box .search-loading-indicator{width:600px;top:32px;left:-1px;border-top:1px solid #ccc;}
        #attr-compare-index-dropdown .search-box .clone-indices{padding:0 0 8px 8px;}
        /* #attr-compare-index-dropdown .search-box .comparison-suggestion-list.show-clone-indices, 
        #attr-compare-index-dropdown .search-box .search-loading-indicator.show-clone-indices{top:53px;} */
        .compare-index-icon{background-position:-187px -52px;float:left;width:16px;height:16px; margin:-2px 10px 0 0;}
        .compare-index ul li{background:transparent none repeat scroll 0 0 !important; color:#000 !important;display:block;font-family:"Geogtq-Rg",Arial;font-size:14px;font-weight:normal;height:31px;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;}
        .table-color-code{width:15px;height:15px;display:inline-block;margin-bottom:1px;vertical-align:middle;}
        .comparison-index-delete-btn{background-position:-319px -36px;vertical-align:middle;}
        .indexlanding-toggle.toggle.btn-xs {min-width:15px;min-height:15px;}
        .indexlanding-toggle{border-radius:20px;width:25px !important;height:15px !important;}
        .indexlanding-toggle .toggle-handle{border-radius:20px;}
        .indexlanding-toggle.btn-xs{line-height:0.9;}

        /*STYLES FOR ANNOUNCEMENT PAGE EMAIL CONTENT POPUP STARTS HERE*/
        .announcement-popup-wrapper{padding:0;margin:0 0 10px 0;background-color:#fff;min-height:230px;max-height:780px;font-family:Arial;font-size:12px;color:#333333;}
        #announcement-popup-container .export-loader{width:100%;}
        .email-content{max-height:500px;overflow:hidden;position:relative;}
        .container-without-attachment{max-height:530px;}
        .attachments-container{max-height:185px;overflow:hidden;position:relative;}   
        #announcement-email-container.ps-container.ps-active-x > .ps-scrollbar-x-rail, #announcement-email-container.ps-container.ps-active-y > .ps-scrollbar-y-rail, #announcement-attachment-container.ps-container.ps-active-x > .ps-scrollbar-x-rail, #announcement-attachment-container.ps-container.ps-active-y > .ps-scrollbar-y-rail{
        display:block;
        }
        #announcement-email-container.ps-container > .ps-scrollbar-y-rail, #announcement-attachment-container.ps-container > .ps-scrollbar-y-rail {
        background:none repeat scroll 0 0 #ccc;
        border-radius:4px 4px 4px 4px;
        display:none;
        right:-14px !important;
        position:absolute;
        transition:background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width:8px;
        }
        #announcement-email-container.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, #announcement-attachment-container.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color:#AAAAAA;
        border-radius:4px 4px 4px 4px;
        position:absolute;
        right:-20px;
        transition:background-color 0.2s linear 0s;
        width:8px;
        min-height:15px !important;
        }
        .email-content-header{margin:0 0 10px 0;}
        .email-attchment-header{margin:10px 0 10px 0;}
        /* .email-content-header span, .email-attchment-header span{padding:5px 20px 8px;} */
        .email-content div, .attachments-container div{margin:0 20px;}
        .email-content hr{margin:10px 20px;}
        .attachment-files{padding:10px 10px 15px 10px;}
        .email-content > .footer-signature-logo{height:50px;margin-top:20px;}
        .email-dispatch-time{margin:3px 10px 0 0;font-size:12px;text-align:right;}
        .email-disclaimer{color:#a9a9a9;}
        .email-body{margin-bottom:20px !important;}
        .tooltip.announcement-comments-tooltip .tooltip-inner{
                max-width: 835px;
        word-break: break-word;
                text-align: left;	
        }
        /*STYLES FOR ANNOUNCEMENT PAGE EMAIL CONTENT POPUP ENDS HERE*/
        a.privacy-policy{text-decoration:underline;font-weight:bold;}
        #reload-page-container {height:auto !important;padding:10px;}
        #reload-page-container .reload-page-content a{color:#00668c;font-weight:bold;}

        /* Core-logic related changes starts */
        #high-performance-chart .export-btn.indices-comparison{margin-bottom:5px;}
        #historical-performance .corelogic-disclaimer{padding:10px 15px 0 15px;}
        .info-wrapper.additionla-info-wrapper{padding:0;border:1px solid #ccc; margin:10px 15px 0 15px;}
        .additionla-info-wrapper .additional-info-header, .additionla-info-wrapper .additional-info-content, .additionla-info-wrapper .additional-info-footer{color:#1f1f1f;padding:0;font-size:12px;font-family:Arial;height:100%;line-height:27px;}
        .additionla-info-wrapper .additional-info-header{font-weight:bold;border-bottom:1px solid #ccc;-webkit-box-shadow:2px 2px 18px 1px #CCCCCC;-moz-box-shadow:2px 2px 18px 1px #CCCCCC;box-shadow:2px 2px 18px 1px #CCCCCC;}
        .additionla-info-wrapper .additional-info-header .col-md-2 .div-text-grey{padding-right:10px;}
        .additionla-info-wrapper .col-md-2, .additionla-info-wrapper .additional-info-footer{padding-right:10px;text-align:right;}
        .additionla-info-wrapper .additional-info-footer{border-top:1px solid #ccc;}
        .additionla-info-wrapper .additional-info-footer .double-right-arrow{font:normal 18px arial;}
        .additionla-info-wrapper .additional-info-content .scroll-content{height:270px;position:relative;padding:0px;width:auto;overflow:hidden;margin:5px 0;}
        .additionla-info-wrapper .additional-info-content .scroll-content .div-text-grey{padding-right:20px;}
        .additionla-info-wrapper .ps-container.ps-active-x > .ps-scrollbar-x-rail, 
        .additionla-info-wrapper .ps-container.ps-active-y > .ps-scrollbar-y-rail {display:block;}
        .additionla-info-wrapper .ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 4px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        .additionla-info-wrapper .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        #index-finder-module .lock-icon.core-logic, #dc-mylist-grid .lock-icon.core-logic, .dashboard-wrapper .lock-icon.core-logic{cursor:pointer;}
        #index-finder-module .lock-icon.core-logic-icon, #dc-mylist-grid .lock-icon.core-logic-icon, .dashboard-wrapper .lock-icon.core-logic-icon{position:static;}
        /* Core-logic related changes ends */

        /* ESG Constituent Details Page related changes starts */
        .esg-constituent-details-wrapper .esg-constituent-no-content{border:1px solid #ccc;}
        .esg-constituent-details-wrapper .esg-constituent-no-content .page-empty-message{background-color:#fff;padding:145px 15px;text-align:center;min-height:310px;}
        .all-constituents-box.esg-all-constituents{min-height:500px;}
        .esg-constituent-btn-group{margin-bottom:15px;}
        .esg-constituent-btn-group .go-btn {float:right;margin:0;position:relative;left:2px;}
        .esg-constituent-btn-group .esg-constituent-filter i.fa-search {color:#ccc;left:25px;position:relative;top:0;cursor:pointer;z-index:10;}
        .esg-constituent-btn-group .esg-constituent-filter i.fa-search::before {color:#ccc;}

        /* .full-constituent a{
                display:block;
                width:160px;
                padding:5px 7px 5px 15px;
                background: #F5F5F5; For browsers that do not support gradients
                background: -webkit-linear-gradient(#FFFFFF, #F5F5F5); For Safari 5.1 to 6.0
                background: -o-linear-gradient(#FFFFFF, #F5F5F5); For Opera 11.1 to 12.0
                background: -moz-linear-gradient(#FFFFFF, #F5F5F5); For Firefox 3.6 to 15
                background: linear-gradient(#FFFFFF, #F5F5F5); Standard syntax
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#F5F5F5');For IE7-8-9
                border:1px solid #b4b4b4;
                border-radius:3px;
                color:#1f1f1f;
                position:relative;
                text-align:left;
        }
        .full-constituent a span.fa-external-link-square{float:right;}
        .full-constituent a span.liner { background: none repeat scroll 0 0 #DDDDDD; height: 25px; position: absolute; right: 22px; top: 0; width: 1px;}
        .full-constituent{float:left;}*/

        .full-constituent a{
                display:block;
                width:194px;
                padding:6px 7px 6px 15px;
                background: #d3983e; /* For browsers that do not support gradients */
                background: -webkit-linear-gradient(#fbc16a, #d3983e); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#fbc16a, #d3983e); /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient(#fbc16a, #d3983e); /* For Firefox 3.6 to 15 */
                background: linear-gradient(#fbc16a, #d3983e); /* Standard syntax */
                filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbc16a', endColorstr='#d3983e');/*For IE7-8-9*/
                border:1px solid #b38601;
                color:#000;
                position:relative;
                text-align:left;
                text-transform:uppercase;
                font-family:"Geogtq-Rg",Arial;
        font-size:14px;
        }
        .full-constituent a span.fa-external-link-square{float:right;}
        .full-constituent a span.liner { background: none repeat scroll 0 0 #DDDDDD; height: 25px; position: absolute; right: 22px; top: 0; width: 1px;}
        .full-constituent{float:left;}
        #esg-constituents .full-constituent a{width:222px;}
        .full-constituent a span.external-link-icon{margin-top:-1px;}
        .esg-constituent-btn-group .filter-export{float:right;}
        .esg-all-constituents .pagination-container{margin:5px 0 0 0;}
        .esg-constituent-filter, .esg-constituent-export{float:left;}
        .esg-constituent-filter{margin:10px 20px 5px 0;position:relative;}
        .esg-constituent-filter input{position:relative;top:0;}
        .esg-constituent-filter input[type="text"] {
        display:inline !important;
        height:25px;
        background:none repeat scroll 0 0 #fff;
        border:1px solid #CCCCCC;
        margin:0;
        padding:0 0 0 30px;
        width:200px;
        color:#000;
        font-family:"Geogtq-Rg",Arial;
        font-size:11px;
        border-radius:3px;   
        }
        .esg-all-constituents.all-constituents-box .grid-empty-message{padding:180px 15px;}
        body > div #esg-constituentgrid .ag-header, 
        body > div #esg-constituentgrid .ag-header-viewport, 
        body > div #esg-constituentgrid .ag-header .ag-header-row{overflow:visible;height:55px !important;}
        #esg-constituentgrid .ag-body{margin-top:55px;}
        body > div #esg-all-constituent-grid .ag-header, body > div #esg-all-constituent-grid .ag-header-viewport{height:83px !important;}
        body > div #esg-all-constituent-grid .ag-header .ag-header-container .ag-header-row:first-child{overflow:visible;height:28px !important;}
        body > div #esg-all-constituent-grid .ag-header .ag-header-container .ag-header-row:last-child{overflow:visible;height:55px !important;}
        #esg-all-constituent-grid .ag-body{margin-top:83px;}
        #esg-all-constituent-grid .dynamic-loader{height:250px;}
          body > div #esg-constituentgrid .ag-header-row:first-child .ag-header-cell:first-child .ag-header-cell-label{
                padding-left: 0px !important;
        }
        body > div #esg-constituentgrid .ag-header-cell-label,
        body > div #esg-all-constituent-grid .ag-header-cell-label{padding:5px 15px 0 15px;line-height:18px;overflow:visible;white-space:normal;}
        body > div #esg-all-constituent-grid .ag-header-cell-text .text-align-right{text-align:right;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-group-cell{border-right:0;border-bottom:1px solid #cccccc;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-group-cell.ag-header-group-cell-no-group:nth-child(3), 
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-group-cell-with-group.sp-esg-score-group{border-right:1px solid #cccccc;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-group-cell-with-group.sp-esg-score-group, 
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(6), 
        body > div #esg-all-constituent-grid .ag-body-container .ag-cell-no-focus:nth-child(6),
        body > div #esg-all-constituent-grid .ag-body-container .ag-cell-focus:nth-child(6){border-right-color:#999;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-group-cell-with-group.classic-rsam-score-group{border-right:0;}
        #esg-all-constituent-grid .sp-esg-score-group .ag-header-group-cell-label, #esg-all-constituent-grid .classic-rsam-score-group .ag-header-group-cell-label{padding-top:6px;}
        #esg-constituentgrid .ag-header-row .ag-header-cell:nth-child(1), #esg-all-constituent-grid .ag-header-row .ag-header-cell:nth-child(1){padding-left:16px;}
        #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(1), #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(2),
        #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(3), #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(5), 
        #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(7),
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(1), #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(2),
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(3), #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(4), 
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(6), #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(7),
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(9){padding-top:14px;}
        .esg-all-constituents .esg-constituent-filter .clear-icon{background-position:-336px -31px;display:inline-block;height:25px;width:20px;position:absolute;top:0;left:195px;cursor:pointer;}
        #esg-constituentgrid .ag-header .ag-header-container .text-align-right, #esg-all-constituent-grid .ag-header .ag-header-container .text-align-right{text-align:right;}
        #esg-constituentgrid .ag-header .ag-header-container .text-align-right{padding-top:5px;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(5) .text-align-right, #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell:nth-child(8) .text-align-right{padding-top:3px;}
        #esg-constituentgrid .ag-header-row .ag-header-cell .arrow-asc, #esg-constituentgrid .ag-header-row .ag-header-cell .arrow-desc,
        #esg-all-constituent-grid .ag-header-row .ag-header-cell .arrow-asc, #esg-all-constituent-grid .ag-header-row .ag-header-cell .arrow-desc{top:7px;}
        #esg-constituentgrid .ag-header-row .ag-header-cell:nth-child(4) .arrow-desc, #esg-constituentgrid .ag-header-row .ag-header-cell:nth-child(6) .arrow-desc, 
        #esg-all-constituent-grid .ag-header-row .ag-header-cell:nth-child(5) .arrow-desc, #esg-all-constituent-grid .ag-header-row .ag-header-cell:nth-child(8) .arrow-desc, 
        #esg-constituentgrid .ag-header-row .ag-header-cell:nth-child(4) .arrow-asc, #esg-constituentgrid .ag-header-row .ag-header-cell:nth-child(6) .arrow-asc, 
        #esg-all-constituent-grid .ag-header-row .ag-header-cell:nth-child(5) .arrow-asc, #esg-all-constituent-grid .ag-header-row .ag-header-cell:nth-child(8) .arrow-asc{top:11px;}
        #esg-constituentgrid .ag-header-row .ag-header-cell-sorted-none:hover .arrow-desc, #esg-all-constituent-grid .ag-header-row .ag-header-cell-sorted-none:hover .arrow-desc{top:4px;}
        #esg-constituentgrid .ag-header-row .ag-header-cell-sorted-none:hover .arrow-asc, #esg-all-constituent-grid .ag-header-row .ag-header-cell-sorted-none:hover .arrow-asc{top:10px;}
        #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(4):hover .arrow-desc, #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(6):hover .arrow-desc{top:8px;}
        #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(4):hover .arrow-asc, #esg-constituentgrid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(6):hover .arrow-asc{top:14px;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(5):hover .arrow-desc, #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(8):hover .arrow-desc{top:8px;}
        #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(5):hover .arrow-asc, #esg-all-constituent-grid .ag-header .ag-header-row .ag-header-cell-sorted-none:nth-child(8):hover .arrow-asc{top:14px;}
        #esg-all-constituent-grid .change-up-icon{background-position:-16px -68px;display:inline-block;height:14px;width:11px;}
        #esg-all-constituent-grid .change-down-icon{background-position:-33px -68px;display:inline-block;height:14px;width:11px;}
        #esg-constituentgrid .lock-icon.core-logic, #esg-all-constituent-grid .lock-icon.core-logic{cursor:pointer;}
        .esg-constituent-details-wrapper{width:100%;background:#fff;}
        .esg-constituent-details-wrapper .landing-content{border:0;}
        .esg-constituent-details-wrapper .page-title{margin-bottom:25px;}
        .esg-constituent-details-wrapper .page-title .title-container{float:none;}
        .esg-constituent-details-wrapper .esg-constituent-content{padding:0;}
        .esg-constituent-details-wrapper .esg-constituent-content .btn-group.open .dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
        .esg-constituent-details-wrapper .esg-constituent-content .helf-info{text-align:right;margin-bottom:5px;}
        .esg-constituent-details-wrapper .esg-constituent-content .helf-info .dropdown-menu{min-width:100px;}
        .esg-constituent-details-wrapper .esg-constituent-content .helf-info .helf-link-icon{background-position:-284px -2px;display:inline-block;height:16px;margin-top:-2px;margin-right:5px;width:16px;}
        .esg-constituent-details-wrapper .esg-constituent-content .helf-info .helf-info-label{position:relative;top:-3px;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header{background-color:#fff;border:1px solid #ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info{padding: 5px 10px;border-bottom: 1px solid #ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .esg-methodology .methodology-label{display:inline-block;padding-right:5px;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .esg-methodology a{font-weight:bold;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .esg-methodology .dropdown-menu{min-width:50px;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info .esg-methodology, 
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info .esg-industry, 
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info .esg-country,.esg-methodology-year{float:left;font-family:Arial;font-size:12px;color:#333333;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info .esg-methodology{width:210px;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info .esg-industry{margin:0 20px 0 0;width:500px;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-info .esg-country{text-align:right;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-compare-label{font-family:'Geogtq-Rg',Arial;font-size:14px;padding:10px 10px 10px 0;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-tab-label span{display:block;padding:5px 10px;font-weight: bold;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-tab-label span:hover{cursor:pointer}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-tab-label span.first-item.active-esg-tab{border-left:1px solid #ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-tab-label span.disable-tab{color:#ccc;cursor:default;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget{margin-right:0;margin-left:0;padding: 0px;border:1px solid #ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget, .esg-constituent-details-wrapper .esg-constituent-content .detail-widet{margin-bottom:30px;padding-bottom:25px;background-color:#fff;border:1px solid #ccc !important;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget{
                -webkit-box-shadow:2px 2px 35px -9px #000000;
                -moz-box-shadow:2px 2px 35px -9px #000000;
                box-shadow:2px 2px 35px -9px #000000;
                color:#000;
        }
        tr.rank-row td {
                border: 0;
        }
        .esg-scode-div.col-md-12 {
                padding: 0 5px;
        }  
        .esg-scode-div.col-md-12 .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                border-top: 0;
        }
        div#esg-score-summary {
                box-shadow: none;
                border-top: 2px solid #002b5f;
        }
        .esg-scode-div.col-md-12 .score-summary.col-md-12 {
                padding: 20px;
        }

        .esg-scode-div.col-md-12 .esg-constituent-details-wrapper .summary-widget .score-summary-details td:first-child  {
                padding: 10px 0px;
        }

        .esg-scode-div.col-md-12 table {
                width: 97%;
        }
        .score-effective-date span.summary-effective-date {
                padding-left: 10px;
        }
        .view-sam-esg-score input#showhideEsgBtn {
        padding: 5px 10px;
        padding: 5px 10px;
        border-radius: 4px;
        border-left: 1px solid;
        border-color: #818181;
        }
        .view-sam-esg-score {
                float: right;
                margin: 10px 20px 10px 10px;
        }
        #esg-score-summary h3 {
                padding: 10px 10px 10px 20px;
                font-size: 26px;
        }
        div#esg-summary-score-details h4 span, #esg-score-breakdown h4 span {
        font-size: 16px !important;
        padding: 10px 0 10px 10px;
        display: inline-block;
        font: bold 16px arial;
        font-weight: bold;
        }

        div#esg-summary-score-details {
                border-right: 1px solid;
                border-right-color: lightgrey;
        }

        .score-distribution.col-md-6 span.esg-score-dist {
        font-family: 'Geogtq-Rg',Arial !important;
        }

        div#rsam-esg-score-summary h3 {
        padding: 10px 10px 10px 20px;
        font-size: 26px;
        }

        div#rsam-esg-score-summary {
        box-shadow: none;
        border-top: 0;
        box-shadow: 0px 0 2px rgba(0,0,0,0.2);
        height:auto;
        border-top: 2px solid #002b5f;
        }

        div#rsam-summary-score-details h4 span {
        font-family: 'Geogtq-Rg',Arial !important;
        font-size: 20px;
        font-weight: bold;
        }

        .show-sam-esg-score .score-summary.col-md-12 {
        padding: 20px;
        }

        .show-sam-esg-score .summary-widget .score-summary-details td:first-child{
                padding: 10px 0;
        }

        div#rsam-summary-score-details {
        border-right: 1px solid;
        border-right-color: lightgrey;
        }

        div#rsam-summary-score-details table {
        width: 97%;
        }
        .show-sam-esg-score.col-md-12 {
        padding: 0 5px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion {
                position: relative;
                border: 1px solid #ccc;
                color: #ccc;
                height: 393px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion h3 {
                box-shadow: none;
                border: 0;
                background: none;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion h3,
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion h3 span {
                font-family: 'Geogtq-Sb', Arial;

                color: #ccc;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .green {
                color: #ccc;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .red {
                color: #ccc;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .green {
                color: green;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .red {
                color: red;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget h3 span {
                color: #00668c;
                font-size: 26px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .score-effective-date {
                /*width:552px;*/
                padding: 0 10px 10px 10px;
                border-bottom: 1px solid #ccc;
                font-family: 'Geogtq-Md', Arial;
                font-size: 16px;
                color: #ccc;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .score-effective-date {
                color: #000;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .score-effective-date .summary-effective-date {
                width: 395px;
                display: inline-block;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .score-effective-date .summary-methodology-year {
                width: 135px;
                display: inline-block;
                font: normal 12px arial;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .rsam-esg-score {
                border-left: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .esg-accordion .facet-accordion {
                display: block;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet h3, .esg-score-summary-accordion div{
                border-top: 2px solid #002b5f;
                border-bottom: 1px solid #ccc;
                border-left: 0;
                border-right: 0;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion {
                width: 100%;
                padding: 20px 20px 0 20px;
        }

        /*.esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row {
                margin: 0;
        }*/

        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .widget-item, #esg-score-details .widget-item, .score-summary .widget-item, #esg-score-breakdown{
                width: 563px;
                height: 400px;
                border: 1px solid #ccc;
                margin: 0 10px 10px 0;
        }

        .esg-constituent-details-wrapper .widget-item .score-breakdown-chart .esg-chart,
        .esg-constituent-details-wrapper .widget-item .historical-score-chart .esg-chart,
        .esg-constituent-details-wrapper .widget-item .score-distribution .esg-chart {
                height: 350px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .widget-item:last-child, .scores-peer-group-qurtiles, .historical-scores-widget, .score-rainking-peer-group  {
                margin: 0 0 10px 0 !important;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row:first-child .widget-item:nth-child(1),
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row:first-child .widget-item:nth-child(2) {
                height: auto;
                border: 0;
                padding-left: 0;
                padding-right: 0;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion{position:relative;border:1px solid #ccc;color:#ccc;height:625px;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion h3{box-shadow:none;border:0;background:none;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion h3, .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion h3 span{font-family:'Geogtq-Sb',Arial;font-size:30px;color:#ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .green{color:#ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .red{color:#ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .green{color:green;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .red{color:red;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget h3{border-top:2px solid #002b5f;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget h3 span{color:#00668c;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .score-effective-date{padding:0 10px 10px 10px;border-bottom:1px solid #ccc;font-family:'Geogtq-Md',Arial;font-size:16px;color:#ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .score-effective-date{color:#000;clear:both;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .score-effective-date .summary-effective-date{width:395px;display:inline-block;}
        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .score-effective-date .summary-methodology-year{width:135px;display:inline-block;font:normal 12px arial;}
        .esg-constituent-details-wrapper .esg-constituent-content .rsam-esg-score{border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
        .esg-constituent-details-wrapper .esg-constituent-content .esg-accordion .facet-accordion{display:block;}
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet h3{border-top:2px solid #002b5f;border-bottom:1px solid #ccc;border-left:0;border-right:0;}
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion{width:100%;padding:20px 20px 0 20px;}
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row{margin:0px !important;}
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .widget-item{width:563px;height:400px;border:1px solid #ccc;margin:0 10px 10px 0;}
        .esg-constituent-details-wrapper .widget-item .score-breakdown-chart .esg-chart, .esg-constituent-details-wrapper .widget-item .historical-score-chart .esg-chart, 
        .esg-constituent-details-wrapper .widget-item .score-distribution .esg-chart{height:350px;}
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .widget-item:last-child{margin:0 0 10px 0;}
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row:first-child .widget-item:nth-child(1), 
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row:first-child .widget-item:nth-child(2), #breakdown-row-items{height:auto;border:0;padding-left:0;padding-right:0;}
        .esg-constituent-details-wrapper .esg-constituent-content .score-summary .score-distribution h4 span,
        .esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .widget-item h4 span {
                font: bold 16px arial;
                padding: 10px 0 10px 10px;
                display: inline-block;
        }

        .esg-constituent-details-wrapper table {
                overflow: hidden;
                border-collapse: collapse;
        }
        	.esg-constituent-details-wrapper th {	
			background-color: f2f2f2;	
		}

        .esg-constituent-details-wrapper table,
        .esg-constituent-details-wrapper tr {
                border: 0;
        }

        .esg-constituent-details-wrapper td,
        .esg-constituent-details-wrapper th {
                width: 110px;
                text-align: center;
                vertical-align: middle;
                padding: 10px;
                position: relative;
                outline: 0;
                font-size: 12px;
        }

        .esg-constituent-details-wrapper td:first-child,
        .esg-constituent-details-wrapper th:first-child {
                width: 125px;
        }

        .esg-constituent-details-wrapper table thead td,
        .esg-constituent-details-wrapper .constituent-weight table tr.circle-chart-row td {
                border-bottom: none;
        }

        .esg-constituent-details-wrapper .score-summary-details table thead tr td.col {
                font: normal 9px arial;
                padding-bottom: 0;
        }

/*         .esg-constituent-details-wrapper table tbody td {
                height: 58px;
        } */

        .esg-constituent-details-wrapper .esg-accordion.active-widget .score-summary-details table td.selected {
                background-color: #f5f5f5;
        }

        .esg-constituent-details-wrapper .summary-data {
                clear: both
        }

        .esg-constituent-details-wrapper .summary-data .row div {
                padding: 0
        }

        .esg-constituent-details-wrapper .summary-data .row div.data-col {
                padding: 0 0 5px 0px;
                width: 170px;
                margin-right: 25px;
        }

        .esg-constituent-details-wrapper .summary-data .row div.data-col.last {
                padding-right: 0px;
                margin-right: 0px;
        }

        .esg-constituent-details-wrapper .summary-data .row .parent {
                border: 1px solid #ccc;
                height: 70px;
                width: 171px;
                text-align: center;
                -webkit-box-shadow: 3px 3px 5px 0px rgba(217, 214, 217, 1);
                -moz-box-shadow: 3px 3px 5px 0px rgba(217, 214, 217, 1);
                box-shadow: 3px 3px 5px 0px rgba(217, 214, 217, 1);
        }

        .esg-constituent-details-wrapper .summary-data .row .child {
                padding: 18px;
        }

        .esg-constituent-details-wrapper .summary-data .row .child .numbers {
                font: bold 16px arial;
        }

        .esg-constituent-details-wrapper .summary-data .row .child .numbers sup {
                font: normal 10px arial;
        }

        .esg-constituent-details-wrapper .summary-data .row .data-col:nth-child(2) .child .numbers {
                letter-spacing: 2px;
        }

        .esg-constituent-details-wrapper .summary-data .row div.data-label {
                font: normal 12px arial;
        }

        .esg-constituent-details-wrapper .esg-summary-data-weight .circle-chart-row {
                height: 60px;
        }

        .esg-constituent-details-wrapper .esg-summary-data-weight .circle-chart-col {
                text-align: center;
        }

        .esg-constituent-details-wrapper .summary-widget .score-summary-details td:first-child {
                text-align: left;
                font: bold 12px arial;
                padding: 10px 0;
        }

        .esg-constituent-details-wrapper .summary-widget .score-summary-details td span.sub-label {
                font-weight: normal;
                padding-top: 4px;
                display: inline-block;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .score-summary-details td span.score-change-up {
                background-position: -336px -52px;
                display: inline-block;
                height: 16px;
                width: 16px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion .score-summary-details td span.score-change-down {
                background-position: 5px -67px;
                display: inline-block;
                height: 16px;
                width: 16px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .score-summary-details td span.score-change-up {
                background-position: -17px -69px;
                display: inline-block;
                height: 14px;
                width: 16px;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .score-summary-details td span.score-change-down {
                background-position: -35px -67px;
                display: inline-block;
                height: 16px;
                width: 16px;
        }

        .esg-constituent-details-wrapper .esg-summary-data-weight .circle-item,
        .esg-constituent-details-wrapper .score-summary-details .circle-item,
        .esg-constituent-details-wrapper #esg-score-details-widget .circle-item {
                vertical-align: middle;
                text-align: center;
                display: inline-block;
                color: #FFF;
                font: bold 13px arial;
        }

        .esg-constituent-details-wrapper .summary-widget .score-summary-details td.score-text-format {
                font: bold 20px arial;
        }

        .esg-constituent-details-wrapper .score-distribution .esg-chart {
                height: 400px;
        }

        .esg-constituent-details-wrapper .score-summary .score-distribution .esg-chart {
                height: 250px;
        }

        .esg-constituent-details-wrapper #esg-score-details-widget table tbody td:first-child {
                text-align: left;
                font-weight: bold;
        }

        .esg-constituent-details-wrapper #esg-score-details-widget table td,
        .esg-constituent-details-wrapper #esg-score-details-widget table th {
                padding: 0 10px;
        }

        .esg-constituent-details-wrapper .widget-item .peer-comparison-data,
        .esg-constituent-details-wrapper .widget-item .score-break-down-data {
                margin-bottom: 20px;
                padding: 0 10px;
        }

        .esg-constituent-details-wrapper .summary-widget .esg-accordion .widget-mask {
                width: 100%;
                height: 100%;
                background: transparent;
                cursor: pointer;
                position: absolute;
                z-index: 1;
        }

        .esg-constituent-details-wrapper .esg-constituent-content .summary-widget .esg-accordion.active-widget .widget-mask {
                display: none;
        }

        .esg-constituent-details-wrapper .highcharts-tooltip .custom-tooltip table th,
        .esg-constituent-details-wrapper .highcharts-tooltip .custom-tooltip table td {
                border-bottom: 0;
        }

        .esg-constituent-details-wrapper .highcharts-tooltip .custom-tooltip table td {
                width: auto;
                height: auto;
                padding: 5px;
                margin: 0;
        }

        .esg-constituent-details-wrapper .historical-score-chart .highcharts-xaxis-labels text {
                cursor: pointer;
        }

        .esg-constituent-details-wrapper .export-btn {
                margin-bottom: 0;
                padding-right: 0;
        }

        .esg-constituent-details-wrapper .export-btn .btn-group.dropdown {
                margin-top: 0;
        }

        body>div .esg-constituent-details-wrapper .score-break-down .ag-header,
        body>div .esg-constituent-details-wrapper .score-break-down .ag-header-viewport,
        body>div .esg-constituent-details-wrapper .score-break-down .ag-header .ag-header-row {
                overflow: visible;
                height: 50px !important;
        }

        .esg-constituent-details-wrapper .score-break-down .ag-body {
                margin-top: 50px;
        }

        .esg-constituent-details-wrapper .score-break-down .ag-row {
                border-bottom: 1px solid #ccc;
        }

        body>div .esg-constituent-details-wrapper .score-break-down .ag-header-cell-label {
                padding: 5px 15px 0 15px;
                line-height: 18px;
                text-overflow: clip;
                overflow: visible;
                white-space: normal;
                cursor: default;
        }

        .esg-constituent-details-wrapper .score-break-down .ag-header-row .ag-header-cell:nth-child(1),
        .esg-constituent-details-wrapper .score-break-down .ag-header-row .ag-header-cell:nth-child(2),
        .esg-constituent-details-wrapper .score-break-down .ag-header-row .ag-header-cell:nth-child(3) {
                padding-top: 11px;
        }

        .esg-constituent-details-wrapper .score-break-down .ag-header-row .ag-header-cell-label .text-align-right {
                text-align: right;
        }

        body>div .esg-constituent-details-wrapper .score-break-down.ag-fresh .ag-body {
                background-color: #fff;
        }

        body>div .esg-constituent-details-wrapper .score-break-down.ag-fresh .ag-cell {
                padding: 0 10px 0 0;
        }

        body>div .esg-constituent-details-wrapper .score-break-down.ag-fresh .ag-cell span {
                line-height: 53px;
        }

        body>div .esg-constituent-details-wrapper .score-break-down.ag-fresh .ag-cell:nth-child(1) span,
        body>div .esg-constituent-details-wrapper .score-break-down.ag-fresh .ag-cell:nth-child(3) span,
        body>div .esg-constituent-details-wrapper .score-break-down.ag-fresh .ag-cell:nth-child(4) span {
                padding: 0 2px 0 10px;
        }

        .esg-constituent-details-wrapper .score-break-down .factors-weight {
                float: left;
                width: 100px;
                margin-top: 10px
        }

        .esg-constituent-details-wrapper .score-break-down .factors-weight .progress-status {
                display: inline-block;
                background-color: #666666;
                height: 30px;
                margin-right: 8px;
        }

        .esg-constituent-details-wrapper #env-score-break-down-grid .factors-weight .progress-status {
                background-color: #A4C032;
        }
        .esg-constituent-details-wrapper #env-score-break-down-grid-ex .factors-weight .progress-status {
                background-color: #A4C032;
        }

        .esg-constituent-details-wrapper #soc-score-break-down-grid .factors-weight .progress-status {
                background-color: #08C3A5;
        }

        .esg-constituent-details-wrapper #gov-score-break-down-grid .factors-weight .progress-status {
                background-color: #007EAE;
        }

        .esg-constituent-details-wrapper .score-break-down .factors-weight .weight-percentage {
                font: normal 12px arial;
                position: relative;
                display: inline-block;
                top: -10px;
        }

        .esg-constituent-details-wrapper .score-break-down .change-up-icon {
                background-position: -16px -68px;
                display: inline-block;
                height: 14px;
                width: 11px;
        }

        .esg-constituent-details-wrapper .score-break-down .change-down-icon {
                background-position: -33px -68px;
                display: inline-block;
                height: 14px;
                width: 11px;
        }

        body>div .esg-constituent-details-wrapper .score-break-down {
                height: 350px;
                position: relative;
        }

        body>div .esg-constituent-details-wrapper .score-break-down .ag-body-viewport-wrapper,
        body>div .esg-constituent-details-wrapper .score-break-down .ag-body-viewport,
        body>div .esg-constituent-details-wrapper .score-break-down .ag-body {
                height: 290px;
        }


        /*scroll enable starts*/

        body>div .esg-constituent-details-wrapper .score-break-down .ps-container.ps-active-x>.ps-scrollbar-x-rail,
        body>div .esg-constituent-details-wrapper .score-break-down .ps-container.ps-active-y>.ps-scrollbar-y-rail {
                display: block;
        }

        body>div .esg-constituent-details-wrapper .score-break-down .ps-container>.ps-scrollbar-y-rail {
                background: none repeat scroll 0 0 #ccc;
                border-radius: 4px 4px 4px 4px;
                display: none;
                right: 4px !important;
                position: absolute;
                transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
                width: 8px;
        }

        body>div .esg-constituent-details-wrapper .score-break-down .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
                background-color: #AAAAAA;
                border-radius: 4px 4px 4px 4px;
                position: absolute;
                right: 0;
                transition: background-color 0.2s linear 0s;
                width: 8px;
                min-height: 15px !important;
        }


        /*scroll enable ends*/

        body > div .esg-constituent-details-wrapper .peer-comparison .ag-header, 
        body > div .esg-constituent-details-wrapper .peer-comparison .ag-header-viewport, 
        body > div .esg-constituent-details-wrapper .peer-comparison .ag-header .ag-header-row{overflow:visible;height:50px !important;}
        .esg-constituent-details-wrapper .peer-comparison .ag-body{margin-top:50px;}
        .esg-constituent-details-wrapper .peer-comparison .ag-row{border-bottom:1px solid #ccc;}
        .esg-constituent-details-wrapper .peer-comparison .ag-row:last-child{border-bottom:none;}
        body > div .esg-constituent-details-wrapper .peer-comparison .ag-header-cell-label{padding:5px 15px 0 15px;line-height:18px;text-overflow:clip;overflow:visible;white-space:normal;cursor:default;}
        .esg-constituent-details-wrapper .peer-comparison .ag-header-row .ag-header-cell:nth-child(1){text-align:center;}
        .esg-constituent-details-wrapper .peer-comparison .ag-header-row .ag-header-cell:nth-child(2){padding-left:14px;}
        .esg-constituent-details-wrapper .peer-comparison .ag-header-row .ag-header-cell:nth-child(2), .esg-constituent-details-wrapper .peer-comparison .ag-header-row .ag-header-cell:nth-child(3){padding-top:11px;}
        body > div .esg-constituent-details-wrapper .peer-comparison.ag-fresh .ag-body{background-color:#fff;}
        body > div .esg-constituent-details-wrapper .peer-comparison.ag-fresh .ag-cell{padding:0;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .peer-grid-row{height:37px;padding:0 15px;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .ag-cell:nth-child(1) .peer-grid-row{padding:0;text-align:center;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .peer-grid-row .peer-constutuent-name{width:290px;display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .peer-grid-row.highlight-row{background-color:gray;color:#fff;font:bold 12px arial;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .peer-grid-row.highlight-row a{color:#fff;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .peer-grid-row.highlight-row .gray-text{color:#fff;font:bold 12px arial;line-height:30px;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .peer-grid-row span{line-height:30px;}
        .esg-constituent-details-wrapper .peer-comparison.ag-fresh .ag-cell:nth-child(1) .peer-grid-row span {padding-left:10px;}
        .esg-constituent-details-wrapper .score-distribution .esg-chart .highcharts-yaxis.highcharts-distribution-yaxis .highcharts-axis-line{stroke:#CCCCCC;stroke-width:1px;}
        .esg-constituent-details-wrapper .score-breakdown-chart .highcharts-tooltip .custom-tooltip table td, 
        .esg-constituent-details-wrapper .historical-score-chart .highcharts-tooltip .custom-tooltip table td{width:auto;height:auto;padding:6px;margin:0;text-align:left;}
        .esg-constituent-details-wrapper .score-breakdown-chart .highcharts-tooltip .custom-tooltip table td sup,
        .esg-constituent-details-wrapper .historical-score-chart .highcharts-tooltip .custom-tooltip table td sup{font-size:smaller}
        .esg-constituent-details-wrapper .highcharts-tooltip .custom-tooltip table td.quartile-value{text-align:right;}
        .esg-constituent-details-wrapper .summary-widget .esg-accordion .grid-empty-message{padding:260px 0 0 0;height:550px;}
        .esg-constituent-details-wrapper .detail-widet .grid-empty-message{padding:150px 0 0 0;height:542px;}
        input[type=text]::-ms-clear{display:none;}

        /* ESG Constituent Details Page related changes ends */

        .index-name-subheader {
                font-size: 11px;
                padding-top: 5px;
                padding-left: 5px;
                color: #888888;
        }

        h3.selected-criteria-indicator {
                color: #e23146;
        }

        .date-validator {
                color: red;
                position: absolute;
                bottom: -15px;
        }

        .calendar-grid.calender-wrapper {
                height: 370px !important;
        }

        .bottom.bottom-wrapper {
                height: 70px !important;
        }

        .date-label {
                position: relative;
        }

        .lock-margin {
                margin-left: 7px;
        }
        .esg-page-header { 
        font-size: 22px !important;
        float: left !important;
        }
        #esg-page-title {
        border-left: 3px solid black;
        font-size: 22px;
        float: left;
        line-height: 22px;
        padding-left: 5px;
        }
        #esg-page-title span {
        font-weight: bold;
        padding-left: 5px;
        }
        #as-part-content { 
        clear: both;
        float: left;
        }
        .sam-esg-score {
        float: right;
        }
        .esg-page-title-brand {
        min-height: 50px !important; 
        margin-bottom: 0px !important;
        } 
        .esg-methodology-year {
        width: 175px;
        }
        .esg-tab-label .disable-tab { 
        color: #ccc;
        cursor: default;
        pointer-events: none;
        }
        .esg-peer-data {
        float: right;
        }
        .help-info-data {
        font-family: "Geogtq-Rg",Arial;
        font-size: 12px;
        }
        .sam-esg-score .view-sam-score {
        white-space: nowrap;
        display:block;
		width:215px;
		 padding:6px 7px;
		background: #d3983e; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#fbc16a, #d3983e); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#fbc16a, #d3983e); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#fbc16a, #d3983e); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#fbc16a, #d3983e); /* Standard syntax */
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbc16a', endColorstr='#d3983e');/*For IE7-8-9*/
		border:1px solid #9a7407;
		color:#000;
		text-align:center;
		text-transform:uppercase;
		font:bold 12px Arial;
        }
        .esgCompareCompanies .sam-esg-score .view-sam-score {
               width: auto !important;
        }
        .esg-methodology-year .dropdown-menu {min-width:140px;}
		.esg-peer-data .dropdown-menu {width: 205px;border: 1px solid #000;border-bottom: none; white-space: nowrap;}
        #esg-score-summary {  
        border-bottom: none !important;
        border-right: none !important;
        height: auto;
        }
        #rsam-esg-score-summary {
        border-bottom: none !important;
        box-shadow: 0px 0 0px rgba(0,0,0,0.2);
        border-right: none !important;
        }
         #esg-constituent-page-data{
                height:462px;
                z-index: 10;
                overflow: hidden;
                position:relative;
        }
        #esg-constituent-page-data.ps-container.ps-active-x > .ps-scrollbar-x-rail, #esg-constituent-page-data.ps-container.ps-active-y > .ps-scrollbar-y-rail {
                display: block;
        }
        #esg-constituent-page-data.ps-container > .ps-scrollbar-y-rail{
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        display: none;
        right: 0px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
        }
        #esg-constituent-page-data.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
        }
        #rsam-score-break-down-grid .ag-body-container .ag-row-even:first-child .ag-cell span{
		font-weight: bold;
		}
		#breakdown-row-items{
        margin:0px 10px 10px 0px;
        }
        #rsam-score-break-down-grid .ag-body-container .ag-row-even:first-child .ag-cell{
        background: #eee;
        }  
        .summary-grid-data {
        padding: 20px 20px 0 20px;
        width: 100%;
        margin-top: 5px;
        }
        .score-rainking-peer-group .ag-fresh .ag-cell{
              height: 33px !important;
        }
        .esg-tab-label {
         border-bottom: 1px solid #000;
        }
        .peer-list {
          padding: 0px 10px 5px;
          font-size: 12px;
        }
        .peer-list span {
         font-weight: normal !important;
         padding: 0px !important;
         font-weight: normal !important;
        }
        .esgdotsList {
         display: block;
        }
        .esgdotsList span{
         display: inline-block !important;
         margin-right: 2px;
        }
     
        #gov-score-break-down-grid .ag-scrolls .ps-active-y .ag-row:last-child, #soc-score-break-down-grid .ag-scrolls .ps-active-y .ag-row:last-child, #env-score-break-down-grid .ag-scrolls .ps-active-y .ag-row:last-child{
         height: 56px !important;
        }       
        .dimention-score-tooltip .tooltip-inner{
                white-space: pre-wrap !important;
                text-align: left !important;
                max-width: 416px !important;
        }
        .dimention-score-tooltip .tooltip-inner::first-line{
                font-weight: bold;
        }
        a.isDisabledButton {
                cursor: not-allowed;
                opacity: .65;
                pointer-events: none;
        }
        #rsam-score-break-down-grid .ag-body-container .ag-row-odd:nth-child(2) .ag-cell:nth-child(2) .progress-status{
                background: #A4C032;
        } 
        #rsam-score-break-down-grid .ag-body-container .ag-row-even:nth-child(3) .ag-cell:nth-child(2) .progress-status{
                background: #08C3A5;
        } 
        #rsam-score-break-down-grid .ag-body-container .ag-row-odd:nth-child(4) .ag-cell:nth-child(2) .progress-status{
                background: #007EAE;
        }
        #env-score-break-down-grid .ag-body-container div[row='0'], 
        #soc-score-break-down-grid .ag-body-container div[row='0'],
        #gov-score-break-down-grid .ag-body-container div[row='0'] {
                background: #eee;
        }
        #env-score-break-down-grid .ag-body-container div[row='0'] span, 
        #soc-score-break-down-grid .ag-body-container div[row='0'] span,
        #gov-score-break-down-grid .ag-body-container div[row='0'] span {
                font-weight: bold;
        }
        .change-up-icons-none {
                visibility: hidden !important;
        }
         #sam-esg-page {
                float: left;
                border-top: none;
        }
        #esg-pdf-link {
                float: right;
                border-top: none;
        }
        .rsam-esg-score-summary::after, .score-row-grid::after, .score-section::after {
                display: block;
                clear:both;
                content: "";
        }
        #esg-pdf-link {
        	display:none;
        }
         .pdf-right-placement {
                float: right;
        }
        .esgpdf-download-link,.helf-info {
                display: inline-block;
        }
        .esgpdf-download-link {
                margin-right: 5px;
        }
        .pdfGrid li a {
                float: right;
                font-family: "Geogtq-Rg",Arial;
                font-size: 12px;
                position: relative;
                top: 2px;
        }
        .esgpdf-download-link img {
                width: 16px;
                padding-right: 2px;
                float: left;
                height: 16px;
                pointer-events: none;
        }
        .pdfGrid .button-bg {
                display: none !important;
        }
        .pdfGrid li {
                list-style-type: none !important;
        }
        .pdfGrid .btn-group {
                margin-bottom: 5px;
        }
        .redclass {
                color:red;
        }
        .greenClass {
                color: green;
        }
        .esgMethodologyData {
        	float:left;
        }
        .singleDayEsgData .dropdown {
        	padding-left:4px;
        }
        .disable-pdf-icon li a {
                pointer-events: none !important;
                color: #333333;
        }
        .methodology-yearslist {
                text-align: right;
        }
        .methodology-yearslist li a {
                padding-right: 25px !important;
        }
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-tab-label div:hover, 
        .esg-constituent-details-wrapper .esg-constituent-content .widget-header .widget-compare-tabs .esg-tab-label:hover {
                cursor: pointer !important;
        }  

        body > div #index-commodityconstituentgrid .ag-header, 
        body > div #index-commodityconstituentgrid .ag-header-viewport, 
        body > div #index-commodityconstituentgrid .ag-header .ag-header-row{overflow:visible;height:53px !important;}
        body > div #index-commodityconstituentgrid .ag-header-cell-label{padding:5px 15px 0 15px;line-height:25px;overflow:visible;white-space:normal;}
		#index-commodityconstituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(1), #index-commodityconstituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(4),
		#index-commodityconstituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(5),#index-commodityconstituentgrid .ag-header .ag-header-row .ag-header-cell:nth-child(8){padding-top:14px;}
		#index-commodityconstituentgrid .ag-body{margin-top:55px;}
		
		.esg-score-change-header {
                background-image:url("../images/sprite.png");
                background-repeat:no-repeat;
                border:0 none;
                text-align:center;	
                position: relative;
                right: 5px;
        }

	.esg-constituent-details-wrapper .score-change-down{font-family: "Geogtq-Rg",Arial;
    font-size: 14px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -36px -67px;}
	
	.esg-constituent-details-wrapper .score-change-up{font-family: "Geogtq-Rg",Arial;
    font-size: 14px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-position: -18px -68px;}
    #index-commodityconstituentgrid .text-align-right {
		text-align: right !important;
	}
		
	
 .esg-table-container {	
     width: 100%;	
     height: auto;	
     margin: 50px auto 0 auto;	
     position: relative;	
     overflow: hidden;	
}	
 .esg-table-container .ps-container .ps-scrollbar-x-rail{	
     background:none repeat scroll 0 0 #ccc;	
     border-radius:4px;	
}	
 .esg-table-container.ps-container.ps-active-x>.ps-scrollbar-x-rail, .esg-table-container.ps-container.ps-active-y>.ps-scrollbar-y-rail {	
     display: block;	
     background-color:rgba(0, 0, 0, 0.2);	
     opacity: 0.9;	
}	
 .esg-table-container.ps-container>.ps-scrollbar-x-rail {	
     display: none;	
     position: absolute;	
     -webkit-border-radius: 4px;	
     -moz-border-radius: 4px;	
     border-radius: 4px;	
     opacity: 0;	
     -webkit-transition: background-color .2s linear, opacity .2s linear;	
     -moz-transition: background-color .2s linear, opacity .2s linear;	
     -o-transition: background-color .2s linear, opacity .2s linear;	
     transition: background-color .2s linear, opacity .2s linear;	
     bottom: 3px;	
     height: 8px;	
}	
 .esg-table-container.ps-container>.ps-scrollbar-y-rail {	
     display: none;	
     position: absolute;	
     -webkit-border-radius: 4px;	
     -moz-border-radius: 4px;	
     border-radius: 4px;	
     opacity: 0;	
     -webkit-transition: background-color .2s linear, opacity .2s linear;	
     -moz-transition: background-color .2s linear, opacity .2s linear;	
     -o-transition: background-color .2s linear, opacity .2s linear;	
     transition: background-color .2s linear, opacity .2s linear;	
     right: 3px;	
     width: 8px;	
}	
 .esg-table-container.ps-container:hover>.ps-scrollbar-x-rail, .esg-table-container.ps-container:hover>.ps-scrollbar-y-rail {	
     opacity: 0.6;	
}	
 .esg-table-container .ps-scrollbar-x-rail>.ps-scrollbar-x, .esg-table-container .slides>.ps-scrollbar-x-rail>.ps-scrollbar-x {	
     position: absolute;	
     background-color: gray;	
     -webkit-border-radius: 4px;	
     -moz-border-radius: 4px;	
     -ms-border-radius: 4px;	
     border-radius: 4px;	
     -webkit-transition: background-color .2s linear;	
     -moz-transition: background-color .2s linear;	
     -o-transition: background-color .2s linear;	
     transition: background-color .2s linear;	
     bottom: 0;	
     height: 8px;	
}	
 .esg-table-container .ps-scrollbar-x-rail{	
     bottom:0 !important;	
}	
 .esg-tab-col1-container{	
     z-index: 99;	
}	
 .esg-tab-col1{	
     margin-top:50px;	
}	
 .esg-tab-col1 td{	
     text-align: left !important;	
}	
 .esg-table-container .esg-table{	
     text-align: left;	
}	
 .esg-table-container thead tr, .esg-tab-col1-container thead tr{	
     box-shadow:0px 0px 10px #00000052;	
     font-weight: bold;	
}	
 .esg-table-container th, .esg-tab-col1-container th {	
     vertical-align: middle !important;	
     /* text-align: left !important; */
     height: 28px;	
     padding: 10px 10px !important;	
     display: table-cell;	
     color: #1F1F1F;	
     background:-moz-linear-gradient(#fff, #f5f5f5) !important;	
     background:-webkit-linear-gradient(#fff, #f5f5f5) !important;	
     background:-o-linear-gradient(#fff, #f5f5f5) !important;	
     background:-ms-linear-gradient(#fff, #f5f5f5) !important;	
    /*For IE10*/	
     background:linear-gradient(#fff, #f5f5f5) !important;	
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5') !important;	
    /*For IE7-8-9*/	
}	
 .esg-table-container td, .esg-tab-col1-container td {	
     text-align: left;	
     font-size: 12px;	
}	
 .esg-tab-col2 td:first-child {	
     border-left: 0px;	
}	
 .esg-table-container .esg-table{	
      width:auto;
     min-width: 100%;	
     height: auto;	
     margin-bottom:8px;	
     font-size: 12px;	
}	
 .esg-tabui-container{	
     border-top: 0;	
}	
 .esg-tabui-container .nav-tabs{	
     border: 1px solid #CCC;	
     border-top:none;	
     box-shadow: 0px 2px 2px #e0e0e0;	
}	
 .esg-tabui-container .nav-tabs>li>a {	
     padding: 10px 20px;	
     font-size: 14px;	
     display: inline-block;	
     text-transform: uppercase;	
     color: #333;	
     border:0;	
     border-radius:0;	
     border-bottom: 1px solid #FFF;	
     border-right: 1px solid #EFEFEF;	
     box-sizing: border-box;	
     font-family: 'Geogtq-Rg', Arial;	
    /*  border-radius: none;	
     margin-right:0; */	
}	
 .esg-tabui-container .nav-tabs>li>a:hover{	
     background-color:#EFEFEF;	
     border:0;	
     border-bottom: 2px solid #D5364A ;	
     border-right: 1px solid #EFEFEF;	
     border-radius: none;	
}	
.esg-tabui-container .nav-tabs>li.active>a,
.esg-tabui-container .nav-tabs>li.active>a:hover,
.esg-tabui-container .nav-tabs>li.active>a:focus{	
     cursor: default;	
     background-color:#EFEFEF;	
     border:0;	
     border-bottom: 2px solid #D5364A ;	
     border-right: 1px solid #EFEFEF;	
     border-radius: none;	
}	
 .esg-graph-container{	
     margin-top:18px;	
     border:1px solid #CCC;	
     padding:8px;	
}	
 .esg-chart-btns{	
     border: 1px solid #ccc;	
     padding:1px;	
     margin-right: 5px;	
}	
 .esg-chart-btns button{	
     background-color: #FFF;	
     color: #666;	
     padding: 15px 24px;	
     text-align: center;	
     text-decoration: none;	
     display: inline-block;	
     font-size: 16px;	
     margin: 0;	
     cursor: pointer;	
     border:0;	
}	
 .esg-chart-btns button:hover, .esg-chart-btns button.active{	
     background-color:#e1e1e1;	
}	
 .esg-chart-btns .btn-stackedbar{	
     background-image: url('../images/icon-bar.png');	
     background-repeat: no-repeat;	
     background-position: center;	
}	
 .esg-chart-btns .btn-bar{	
     background-image: url('../images/icon-st-bar.png');	
     background-repeat: no-repeat;	
     background-position: center;	
}	
 .compare-esg .corporate-action-filter {	
     padding: 0;	
     width: auto;	
     margin-top: -7px;	
}	
 .compare-esg .compare-esg-dropdown {	
     width: 100%;	
     border-top: 0 none;	
     height: auto;	
     padding: 0;	
}	
 .export-btn.esg-export-btn {	
     margin-top: 5px;	
}	
 .compare-esg .add-esg-label, .compare-esg .add-esg-icon {	
     padding: 7px;	
     display: inline-block;	
}	
 .compare-esg .add-esg-label {	
     border-right: 1px solid #999;	
}	
 .compare-esg .add-esg-icon {	
      background-position: -205px -52px;
        float: right;
        width: 30px;
        height: 16px;
/* margin: 4px 6px 0 5px; */
        padding: 0px !important;
        line-height: 30px;  	
}	
 .compare-esg .add-esg-label, .compare-esg .add-esg-icon {	
     padding: 7px;	
     display: inline-block;	
}	
 .esg-close{	
     width:14px;	
     height:14px;	
     border:0;	
     /* float: left; */
     text-align:center;	
     padding:4px;	
     color:#FFF;	
     font-size: 8px;	
     background:#D5364A;
     display: inline-block;	
     position: relative;
     top:2px;
}
 .esg-company-td {	
     padding: 15px 0px 0 15px !important;	
}	
 #esgCompanyCompChart .highcharts-legend {	
     pointer-events: none;	
}	
#esgCompanyCompChart .highcharts-root .highcharts-credits {
	display: none;
}
#esgCompanyCompstackChart .highcharts-root .highcharts-credits {
	display: none;
}
 #esgCompanyCompChart .highcharts-legend .highcharts-scatter-series {	
     display: none;	
}	
 #esgCompanyCompstackChart .highcharts-legend {	
     pointer-events: none;	
 font-weight: normal !important;
}
#esgCompanyCompChart .highcharts-legend .highcharts-legend-item{	
        /* font-weight: normal !important; */
        display: none;
   }
 #esgCompanyCompstackChart .highcharts-legend .highcharts-scatter-series {	
     display: none;	
}	
 .esg-table .td-value-bar{	
     height: 18px;	
     display:inline-block;	
     background-color:#6198BD;	
     /* position: absolute;	 */
     left: 0;	
     top: 7px;
     float: left;
}	
 .esg-constituent-details-wrapper table.esg-table tbody td, .esg-constituent-details-wrapper table.esg-table.esg-tab-col1 tbody td {	
     padding: 4px 10px !important;	
     vertical-align: middle;	
height:26px;
}
 .esg-constituent-details-wrapper table.esg-table.esg-tab-col2 tbody tr:first-child td {	
        padding: 4px 0px !important;	
        
   }
 .esg-constituent-details-wrapper table.esg-table tbody td .index-name.ng-binding{	
     white-space: nowrap;	
     overflow: hidden;	
     text-overflow: ellipsis;	
     width: auto;	
     display: inline-block;	
}	
 .text-right{	
     text-align: right !important;	
}	
 .text-left{	
     text-align: left !important;	
}	
 .esg-headercomp{	
     font-family: 'Geogtq-Rg', Arial;	
     text-transform: uppercase;	
     font-size: 18px;	
     padding: 3px 0px;	
     font-weight: bold;	
}	
 .esg-export-btn .export-btn-left, .export-btn-right {	
     padding-bottom: 0;	
}	
 .companyCompNavigation {	
  cursor: pointer;
        color: #00668c;	
        font-size: 14px;
    padding: 13px 0 0px 0px;
    width: 151px;
     /* display: block;	
     width: 186px;	
     padding: 6px 7px 6px 15px;	
     background: #d3983e;	
     background: -webkit-linear-gradient(#fbc16a, #d3983e);	
     background: -o-linear-gradient(#fbc16a, #d3983e);	
     background: -moz-linear-gradient(#fbc16a, #d3983e);	
     background: linear-gradient(#fbc16a, #d3983e);	
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fbc16a', endColorstr='#d3983e');	
     border: 1px solid #b38601;	
     color: #000;	
     position: relative;	
     text-align: left;	
     text-transform: uppercase;	
     font-family: "Geogtq-Rg", Arial;	
     font-size: 14px;	 */
}	
 .esg-comp-uibtab .tab-content .tab-pane{	
     width:100%;	
}	
  .companyCompNavigation .button-bg{	
   background-image: url("../images/next-blue.png");	
     width: 18px;
     background-position: center;
     height: 9px;
     margin-top: 3px;	
}
.esg-constituent-details-wrapper .esg-constituent-content .detail-widet .facet-accordion .row.widget-item-header-row{
	margin-top: 15px !important;
    margin-bottom: 10px !important;
	}

.widget-item-header-row h4{
    font: bold 16px arial;
    padding: 10px 0 0px 0px;
	}
	.widget-item-header-row .companyCompNavigation
	{
		float:right;
	}
	.score-break-down-data .ag-body 
	{
		height: 275px !important;
	}
/* .label-chart {	
     text-align:left;	
     width:60px;	
}	
 */	
/* .compare-index-esg {	
     padding: 0px 0px 0px 10px;	
}	
 */	
/* td, th {	
     padding: 5px 20px;	
     width: 100px;	
}	
 th:first-child {	
     position: fixed;	
     left: 5px 	
}	
 */
.commodity-empty-data {
        position: relative;
        bottom: 9px;
}
.scroll-contents{height:300px;position: absolute;padding:0px;width:auto;overflow: hidden;margin:5px 0;} 

.scroll-contents .ps-scrollbar-y-rail {
        display: block !important;
        height: 300px;
}
.scroll-contents .ps-scrollbar-y-rail .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 4px;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 12px !important;   
        top:0px;
}
.scroll-contents .ps-scrollbar-y-rail .ps-scrollbar-y {
        display: block !important;
}
.methodology-dropdown-list li a {
        word-break: break-all;
}
.scroll-none-contents {
         height: auto;
 }    
.commodityPopup-topBox{
                height:450px;
}
        
.constituents-Popup{
                border-top: 5px solid #737373;
                height: 720px;
}   
.esg-disable-btn {
	padding: 15px;
}
.esgcompanyName
{
	display: inline-block;
    /* width: 80%;
    margin-left: 6px; */
    width: 70%;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -1px;
}	
.compToggle
{
	/* float: right; */
    position: relative;
    left: 33px;
}
.compFilter
{
	float: right;
}
.buttonDisableCompany
{
	color: #ccc;
}
.compare-index-dropdown .buttonCompany
{
	font-size: 18px;
    padding: 0 5px;
}
.esg-tabui-container .move-top {
	width: 321px;
        height: auto;
        overflow: hidden;
}
	/* #esgCompanyCompChart .highcharts-yaxis-labels text:last-child {
	display: none !important;
} */
.Company-grid-empty-message {
	margin-top: 18px;
	border: 1px solid #CCC;
	padding: 8px;
	height: 330px;
        position: relative;
}
.companyErrorMsg {
	position: absolute;
	left: 43%;
	top: 55%;
}
.boldClass{
font-weight: bold;
}
/* #esgCompanyCompstackChart .highcharts-yaxis-labels text:last-child
{
	display: none !important;
}  */

#ot-desc-id-C0002 [type="checkbox"]:not(:checked) + label:after, #ot-desc-id-C0002 .checkbox input:focus+label::after {
        opacity: 1;
        transform: scale(1) !important;
        outline: none !important;
}
.table-ESG .esg-tab-col2  { width:100%}
/* .table-gov .esg-table{ width:1240px } */
.table-EnvironmentalDimension .esg-tab-col2 td{min-width: 130px}
.table-SocialDimension .esg-tab-col2 td{min-width: 130px}
.table-GovernanceDimension .esg-tab-col2 td{min-width: 130px}
.subscription-container .row {
margin-left: 0px;
margin-right: 0px;
}
.subscription-container .title {
	padding: 5px 0px;
}
.subscription-container .fixedincome-ratingslicense {
	padding: 20px 0px 10px 0px;
}
.subscription-container .fixedincome-ratingslicense strong {
	font-size: 14px;
}
.my-subscription-wrapper .content-wrapper{
	border:1px solid #ccc;
	padding:15px;
	background:#fff;
}
.contact-wrapper .content-wrapper, .my-subscription-wrapper .content-wrapper {
	border: 1px solid #ccc;
	padding: 15px;
	background: #fff;
}
.subscription-wrapper {
	min-height: 450px;
}
.table-EnvironmentalDimension .esg-tab-col2 td{min-width: 136px}
.table-SocialDimension .esg-tab-col2 td{min-width: 136px}
.table-GovernanceDimension .esg-tab-col2 td{min-width: 136px}

.addButtonstaticmsg
{
	color: #000000;
        height: 18px;
    padding-left: 9px;
    padding-top: 2px;
    border-top: 1px solid #ccc;
    font-size: 11px;
    z-index: 15;
    /* position: absolute; */
    /* padding: 0; */
    border-radius: 0;
    margin: 0;
    /* left: 16px; */
    /* top: 27px; */
    /* width: 346px; */
    /* border-top: 0; */
    background: #fff;
    right: inherit;
}
.LoaderCompany{
        /* position: unset !important; */
        position: static !important;
}
#esgCompanyCompChart
{
        margin-left: 100px;
}
	.table-ESG #esgCompanyCompChart
{
        margin-left: 150px;
}
.td-value-bar:first-child{background: #7b9234 !important;}
.esg-constituent-details-wrapper .table-ESG table.esg-table tbody td:nth-child(3) .td-value-bar{background: #666666 !important}
.esg-constituent-details-wrapper .table-ESG table.esg-table tbody td:nth-child(4) .td-value-bar{background: #A4C032 !important}
.esg-constituent-details-wrapper .table-ESG table.esg-table tbody td:nth-child(5) .td-value-bar{background: #08C3A5 !important}
.esg-constituent-details-wrapper .table-ESG table.esg-table tbody td:nth-child(6) .td-value-bar{background: #007EAE !important}

.esg-constituent-details-wrapper .table-EnvironmentalDimension table.esg-table tbody td .td-value-bar{background: #A4C032 !important}
.esg-constituent-details-wrapper .table-SocialDimension table.esg-table tbody td .td-value-bar{background: #08C3A5 !important}
.esg-constituent-details-wrapper .table-GovernanceDimension table.esg-table tbody td .td-value-bar{background: #007EAE !important}
/* #esgCompanyCompChart .highcharts-container
{
        width: 998px !important;
} */
.dataShow{
  margin: 0 -10px !important;
}
/* .table-ESG .esg-tabui-container .move-top {
	width: 301.5px;
        height: auto;
        overflow: hidden;
} */
.esg-tab-col1-container th,
.esg-table-container th:nth-child(2){
text-align: left !important;
}
.esg-table-container th
{
text-align: right !important;
}
.esg-tabui-container .nav-tabs>li{	
            float: left;
	    margin-bottom: 0px;
	
   }
.esgCompareCompanies {
        width: 100%;
        background: #fff;
        padding-bottom: 100px;
}
.bgColorrow{
       background: #F5f5f6;
       height: auto !important;
}
#dynamicHeight{
        margin-left :0px;
        width: 95%;
} 
.tableProgress{
        text-align: left;
        width: 130px; 
    display: inline-flex;
    float: left; 
}
.tableProgressValue
{
        margin-left: 8px;
    /* font: normal 12px arial; */
    position: relative;
    /* display: inline-block; */
    top: 3px;
    float: left;
}
.tableProgressValuePer{
        position: relative;
        /* display: inline-block; */
        top: 3px;   
}
.weightsTd{
        padding: 10px 0px !important;
}
.weightValue{
     position: relative;
     top: 3px;
     float: left;

}     
.CompareCompanydrodown{
        left: -5px !important;
}
.paddingLeftCom
{
        padding-left: 30px !important;
}
.esg-constituent-details-wrapper .esg-tab-col2 tr {
        border-right: 1px solid #ccc !important;
}
.esg-table.esg-tab-col1.table-border.move-top tr:nth-child(2) td:first-child span {
        margin-top: -4px;
    }
.esg-constituent-details-wrapper .table-ESG .esg-table-container .esg-tab-col2 td, 
.esg-constituent-details-wrapper .table-ESG .esg-table-container .esg-tab-col2 th{
        width: auto !important;
}
.table-ESG .esg-table-container .esg-tab-col2 thead tr th:nth-child(2) {
        width: 180px !important;
}
.table-EnvironmentalDimension .esg-table-container .esg-tab-col2 tbody tr:nth-child(1) td:nth-child(2),
.table-SocialDimension .esg-table-container .esg-tab-col2 tbody tr:nth-child(1) td:nth-child(2),
.table-GovernanceDimension .esg-table-container .esg-tab-col2 tbody tr:nth-child(1) td:nth-child(2)
{
        width: 180px !important;
        display: block !important; 
        border: 1px;   
}
.cusip-license-background, .sedol-license-background {
        background: #08457e;
        padding: 4px 7px;
        font-size: 9px;
}
.cusip-license-background span, .sedol-license-background  span {
        color:#fff;
}
.identifier-label-class {
        width: 118px;
}
.cusiplicence-class, .sedollicence-class {
        margin-left: 3px;
}
.no-license-background span{
        color: #fff;
        background: #e1e1e1;
        padding: 4px 7px;
        font-size: 9px;
}
.my-subscription-content-view .subscription-label {
        padding-left:0px;
}
.my-subscription-grid-header h3 {
        font-size: 16px;
        text-transform: capitalize;
        padding: 5px 10px 8px 0px;
        font-weight: bold;
        font-family: 'Geogtq-Rg',Arial;
}
#my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(1),
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(2),
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(3), 
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(4), 
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(5), 
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(6),
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(7),
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(8)
 {
        padding-top: 14px;
 }
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(3), 
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(4) {
         white-space: normal;
         padding-top: 12px !important;
 }
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(3) .text-align-left, 
 #my-subscription-grid .ag-header .ag-header-row .ag-header-cell:nth-child(4) .text-align-left {
         line-height: 16px;
 }
 body > div #my-subscription-grid .ag-header, body > div #my-subscription-grid .ag-header-viewport, body > div #my-subscription-grid .ag-header .ag-header-row {
        overflow: visible;
        height: 55px !important;
}
#my-subscription-grid .ag-body {
        margin-top: 55px;
}
body > div #dc-indexFinder-grid.intraday-limitUser .ag-header,
body > div #dc-indexFinder-grid.intraday-limitUser .ag-header-viewport,
body > div #dc-indexFinder-grid.intraday-limitUser .ag-header .ag-header-row {
	overflow: visible;
	height: 40px !important;
}

#dc-indexFinder-grid.intraday-limitUser .ag-body {
	margin-top: 40px;
}
.toggleDisableCompany .indexlanding-toggle.toggle.btn-xs{
        cursor:default;
        /* background-color: #e6e6e6 !important; */
        border-color: #d3d3d3 !important;
}
/*.toggleDisableCompany .indexlanding-toggle.toggle.btn-xs:hover {
        cursor:default;
    } */
/* .toggleDisableCompany .indexlanding-toggle .toggle-group .btn-xs{
        background-color: #1f1f1f;
} */
.company-color
{
        height: 6px;
        width: 6px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 5px;
        margin-top: 9px;
}
.toggleDisableCompany .btn-default:hover
{
        /* border-color: #e6e6e6 !important; */
}
.toggleDisableCompany .toggle-off
{
        background-color: #dcdcdc !important;
        opacity: 1 !important;
}
.toggleDisableCompany .toggle-group .toggle-handle
{
        opacity: 1 !important;
}
#my-subscription-grid #centerRow {
        height: inherit !important;
}
#my-subscription-grid {
        width:100%;
        height:100% !important;
        margin:0;
        clear: both !important;
}
.filesCountSubscription {
        float: right;
}
.subscription-score-tooltip .tooltip-inner{
        white-space: pre-wrap !important;
        text-align: left !important;
        max-width: 416px !important;
}
.constEffectiveClassSubscription {
        color: #858685;
        cursor: default;
}
.constEffectiveClassSubscription:hover {
        color: #858685;
        cursor: default;
}
.my-subscription-grid-header {
	margin-top:20px;
}
 #my-subscription-grid .ag-row:last-child {
         border-bottom: none;
 }
 #my-subscription-grid .ag-row:last-child .ag-cell {
        height: 27px;
}
#esg-constituentgrid .ps-scrollbar-x-rail, #intradayalert-grid .ps-scrollbar-x-rail {
        display: none;
}
.save-btn-right-data-package {
        color: #00668c;
        cursor: pointer;
        float: right;
        background: #fff;
        border: none;
        font-weight: bold;
    	font-family: 'Geogtq-Rg',Arial;
    	font-size: 12px;
}
.data-package-header {
        float: left;
        margin-top: 0px !important;
}
.package-details-gray-color {
        color: #00668c;
        cursor: pointer;
}
.intraday-limitUser .ag-header .ag-header-row .ag-header-cell:nth-child(5) {
        white-space: normal;
        pointer-events: none;
} 
.intraday-limitUser .ag-header .ag-header-row .ag-header-cell:nth-child(5) .text-align-left {
        line-height: 16px;
}
.intraday-limitUser .ag-header .ag-header-row .ag-header-cell:nth-child(5) #agHeaderCellLabel {
        padding: 4px;
        padding-left: 15px;
}
.grid-empty-message{
        padding:40px;text-align:center;min-height:100px;
}

#data-package-details-grid .ag-header-viewport {
        pointer-events: none;
}
.data-package-details-grid-wrapper .pagination-container {
        display: none !important;
}
#data-package-details-grid .ag-body {
        max-height: 450px !important;
}
#data-package-details-grid .ag-body-viewport, #data-package-details-grid .ag-body-viewport-wrapper {
        max-height: 450px;
}
.datapackage-search-wrapper {
        min-height: 110px;
        /* padding: 10px 15px 15px; */
}
.contact-wrapper-package {
        padding: 4px;
        min-height: 0px !important;
}
.forget-password-content {
        min-height: 0px !important;
}
.data-pacakge-details-modal .modal-content {
        min-width: 275px;
}
.data-pacakge-details-modal .modal-dialog {
        width: 460px !important;
        position: relative;
        margin: 0 auto;
        top: 19px;
}
#data-package-details-grid .ps-scrollbar-x-rail {
        display: none;
}
.datapackage-search-wrapper .loader {
        bottom: 26px !important;
}
.datapackage-scroll .ps-scrollbar-y-rail {
        min-height: 450px !important;
        display: block !important;
}

.datapackage-scroll .ps-scrollbar-y-rail .ps-scrollbar-y {
       width: 8px !important;
       min-height: 40px !important;
}
.datapackage-details-tooltip .tooltip-inner{
        white-space: pre-wrap !important;
        text-align: left !important;
        max-width: 416px !important;
}
.package-details-modal-header h3 {
        padding: 7px 10px;
        border-bottom: 1px solid #CCCCCC;
        font-size: 17px;
        text-transform: capitalize;
        font-weight: bold;
        font-family: 'Geogtq-Rg',Arial;
        box-shadow: 0 3px 8px #ccc;

}
.package-details-modal-header {
        padding: 0px !important;
}
.package-details-grid-data {
        padding: 10px 15px 15px;  
}
.thankyou-subscription {
        padding: 10px 15px 15px;         
}
.data-package-details-grid-wrapper {
        clear: both;
}
#data-package-details-grid .ag-row:last-child {
        border-bottom: none;
}
.enquiry-from-datapackage {
        pointer-events: none;
}
.data-package-details-grid-header h3, .save-btn-right-data-package {
        font-size: 14px !important;
        text-transform: capitalize;
        padding: 5px 2px 8px 0px;
        font-weight: bold;
        font-family: 'Geogtq-Rg',Arial;
}
/*.esg-constituent-details-wrapper .highcharts-boxplot-median, .esg-constituent-details-wrapper .highcharts-boxplot-stem{
	stroke: #ffffff !important;
}*/
.save-search-item {
        white-space: normal !important;
}
#esg-score-breakdown .highcharts-series-group .highcharts-series-0 .highcharts-point:nth-child(1):hover,  
#esg-score-breakdown .highcharts-series-group .highcharts-series-0 .highcharts-point:nth-child(2):hover,
#esg-score-breakdown .highcharts-series-group .highcharts-series-0 .highcharts-point:nth-child(3):hover,
#esg-score-breakdown .highcharts-series-group .highcharts-series-0 .highcharts-point:nth-child(4):hover,
#esg-score-details .highcharts-series-0 .highcharts-point:hover, 
#environmental-score-details .highcharts-series-0 .highcharts-point:hover,
#social-score-details .highcharts-series-0 .highcharts-point:hover,
#governance-score-details .highcharts-series-0 .highcharts-point:hover {
        fill:#ffffff !important;
}
#esg-score-breakdown .highcharts-series-group .highcharts-series-1 .highcharts-point:nth-child(1):hover, 
#esg-score-details .highcharts-series-1 .highcharts-point:hover {
        fill: rgb(204, 204, 204) !important;
}
#esg-score-breakdown .highcharts-series-group .highcharts-series-1 .highcharts-point:nth-child(2):hover,
#environmental-score-details .highcharts-series-1 .highcharts-point:hover {
        fill: rgb(197, 213, 130) !important;
}
#esg-score-breakdown .highcharts-series-group .highcharts-series-1 .highcharts-point:nth-child(3):hover,
#social-score-details .highcharts-series-1 .highcharts-point:hover {
        fill: rgb(153, 228, 215) !important;
}
#esg-score-breakdown .highcharts-series-group .highcharts-series-1 .highcharts-point:nth-child(4):hover,
#governance-score-details .highcharts-series-1 .highcharts-point:hover {
        fill:  rgb(161, 195, 218) !important;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
	color: #ffffff !important;
	background-color: #0000 !important;
	border: 0px solid #68b631 !important;
	font-family: 'Geogtq-Rg',Arial !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
}

@media print , screen and (min-width: 2000px) {
	#onetrust-consent-sdk #onetrust-pc-sdk {
		max-width: 575px;
		min-width: 575px;
		height: 700px;
	}
}

/* Custom Returns Graphing Enhancement Starts */
#historical-performance ul.high-chart-rangeSelector{width:876px;}
#historical-performance ul.high-chart-rangeSelector li{cursor:default;}
#historical-performance ul.high-chart-rangeSelector li.custom-return, #historical-performance .custom-return{cursor:pointer;}
#historical-performance .custom-index-return{width:50px;}
#historical-performance .custom-index-return-all{width:40px;}
#historical-performance li.date-selector-chart{border-right:0;width:420px;padding:0 0 0 5px;margin-top: -2px;}
#historical-performance li.date-selector-chart .custom-index-input-section{float:right;}
#historical-performance li.date-selector-chart .custom-index-input-section.label-to{margin-top:5px;padding:0 5px;}
#historical-performance li.date-selector-chart .custom-index-input-section.go-button{margin:0 5px;}
#historical-performance li.date-selector-chart .custom-index-input-section.go-button button{padding:4px 5px 4px 5px;cursor:pointer;}
#historical-performance li.date-selector-chart .custom-index-input-section.go-button button.disable-btn{opacity:0.5;cursor:default;}
#historical-performance li.date-selector-chart .custom-index-input-section.custom-return-value{min-width:80px;font-family:'Geogtq-Rg',Arial;font-size:22px;text-align:right;}
#historical-performance li.date-selector-chart .custom-index-input-section .mask-data{color:#fff;}
#historical-performance li.date-selector-chart .custom-index-input-section.text-green span{color:#00BC00;}
#historical-performance li.date-selector-chart .custom-index-input-section.text-red span{color:#FF0000;}
#historical-performance li.date-selector-chart .custom-index-input-section.text-no-value{min-width:45px;}
#historical-performance li.date-selector-chart .custom-index-input-section.text-green span, 
#historical-performance li.date-selector-chart .custom-index-input-section.text-red span{margin-left:5px;}
#historical-performance li.date-selector-chart .custom-index-input-section.text-green span::after{content: "\f0d8";}
#historical-performance li.date-selector-chart .custom-index-input-section.text-red span::after{content: "\f0d7";}
#historical-performance li.date-selector-chart .custom-index-input-section.text-green span::after, 
#historical-performance li.date-selector-chart .custom-index-input-section.text-red span::after{font-family:FontAwesome;margin-left:5px;position:relative;top:-1px;}
#historical-performance li.date-selector-chart .custom-index-input-section.custom-returns .info-icon{background:transparent url("../images/info-icon.png") no-repeat scroll 5px 1px;display:block;height:32px;width:32px;}
.high-chart-section .date-selector-chart .datepicker tr td, 
.high-chart-section .date-selector-chart .datepicker table tr th{padding:0;}
.disableWidget{pointer-events:none;}
/* Custom Returns Graphing Enhancement Ends */

/* Historical Performance & Historical Attributes table containers Alignment changes Starts */
.saveSearch-wrapper .search-box .dropdown-menu li a{word-break: break-word;white-space: normal;}
#historical-performance-table .table-border, #historical-attributes .table-border{border-collapse: separate; border: none; border: 1px solid #ccc; padding: 0px; border-top:none; border-right:none}
#historical-performance-table .table-border tr th, #historical-performance-table .table-border tr td, 
#historical-attributes .table-border tr th, #historical-attributes .table-border tr td{text-align:left;padding:11px 0 11px 10px; border-left:none; border-bottom:none}
#historical-performance-table .table-border tr th.align-right, #historical-performance-table .table-border tr td.align-right, 
#historical-attributes .table-border tr th.align-right, #historical-attributes .table-border tr td.align-right{text-align:right;padding:11px 10px 11px 0; border-left:none; border-bottom:none}
#historical-attributes .table-border.pr-index tr th.align-right, #historical-attributes .table-border.pr-index tr td.align-right{padding:11px 5px 11px 0;}
#historical-performance-table .table-border tr td span.index-name, #historical-performance-table .table-border tr td .index-name-subheader, 
#historical-attributes .table-border tr td span.index-name, #historical-attributes .table-border tr td .index-name-subheader{padding-left:0;}
#historical-performance-table .table-border tr td .more-index-name-subheader, #historical-attributes .table-border tr td .more-index-name-subheader{padding-left:19px;}
.tooltip.historical-risk-tab{width:272px;}
.tooltip.temp-list-index-name-tooltip{width:272px;margin-left: 20px;}
.tooltip.index-events-btn-top-tooltip{width:330px;}
.tooltip.ihsm-tooltip-tab{width:auto;}
.tooltip.historical-risk-tab .tooltip-inner, .tooltip.index-events-btn-top-tooltip .tooltip-inner, .tooltip.temp-list-index-name-tooltip .tooltip-inner, .tooltip.ihsm-tooltip-tab .tooltip-inner{text-align:left;}
.tooltip.historical-risk-tab .tooltip-arrow, .tooltip.index-events-btn-top-tooltip .tooltip-arrow, .tooltip.temp-list-index-name-tooltip .tooltip-arrow, .tooltip.ihsm-tooltip-tab .tooltip-arrow{
	background: url("../images/tooltip-arrow-top.png") no-repeat scroll center top transparent;	
	top:auto !important;
	bottom:-2px !important;
}
#historical-performance-table ul.nav li:first-child{width:130px;}
#historical-performance-table .cal-year-performance .index-name{width:33%;}
#historical-performance-table .cal-year-performance tr td span.index-name{width:80%;}
/* Historical Performance & Historical Attributes table containers Alignment changes Ends */
.saveSearch-wrapper .search-box .dropdown-menu li a{word-break: break-word;white-space: normal;}
/* Benchmark Analysis page styles*/
.esg-constituents-wrapper{width:100%;}
.no-events{pointer-events: none;}
.no-data{font-style:italic;color:#ccc;margin:220px auto;width:100px;text-align:center;}
.no-page-data{font-style:italic;color:#ccc;background-color:#fff;text-align:center;padding:250px 0;}
.benchmark-analysis-selection {
        align-items: center;
        display: flex;
        width: 100%;
        padding: 12px;
        justify-content: space-between;
}

.benchmark-analysis-index h5 {
        display: inline-block;
}

.benchmark-analysis-date>span {
        padding: 0 15px;
        top: 5px;
        position: relative;
}

.benchmark-analysis-wrapper {
        padding: 30px 15px;
        min-height: 650px;
        /* font-family: "Geogtq-Rg", Arial; */
}

.benchmark-analysis-wrapper,
.benchmark-analysis-wrapper .data-section {
        min-width: 100%;
}

.benchmark-analysis-wrapper .landing-content {
        border: none;
}

.benchmark-analysis-wrapper .table-header-gradient h3 {
        padding: 9px 10px;
        font-size: 18px;
}

.benchmark-analysis-page-title {
        font-family: "Geogtq-Rg";
}

.benchmark-analysis-page-title h2{
        font-size: 24px;
        color: #000000;
}
.benchmark-analysis-page-title h3{
        font-size: 35px;
        padding-top: 10px;
}

.benchmark-analysis-wrapper .accordion {
        margin-bottom: 20px;
        border: 1px solid #cccccc;
        border-top: none;
        background: #ffffff;
}

.export-btn.benchmark-analysis-btn-container {
        float:right;
        width:275px;
}
.benchmark-analysis-btn {
        float: left;
        padding: 5px 0 0 0;
}
.benchmark-analysis-btn a {
        display: block;
        width: 174px;
        padding: 4px 7px;
        background: #d3983e;
        /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#fbc16a, #d3983e);
        /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fbc16a, #d3983e);
        /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fbc16a, #d3983e);
        /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fbc16a, #d3983e);
        /* Standard syntax */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fbc16a', endColorstr='#d3983e');
        /*For IE7-8-9*/
        border: 1px solid #b38601;
        color: #000;
        position: relative;
        text-align: left;
        text-transform: uppercase;
        font-family: "Geogtq-Rg", Arial;
        font-size: 14px;
}
/*.benchmark-analysis-btn a.non-subscriber {opacity:0.7;}*/
.benchmark-analysis-btn a span.fa-external-link-square {
        float: right;
}

.benchmark-analysis-btn a span.liner {
        background: none repeat scroll 0 0 #DDDDDD;
        height: 25px;
        position: absolute;
        right: 22px;
        top: 0;
        width: 1px;
}

.benchmark-analysis-btn a span.external-link-icon {
        margin-top: -1px;
}

/* Benchmark Analysis page dropdown styles starts */

/* Dropdown styles start */
.benchmark-analysis-dropdown-container {
        display: inline-block;
}
.benchmark-analysis-dropdown {
        font-size: 14px;
        font-family: 'Arial';
}
.benchmark-analysis-dropdown.toggle {
        background-color: #fff;
        min-width: 240px;
        max-width: 900px;
        border: 1px solid #ccc;
        height: 36px;
        margin-inline-start: 10px;
        padding: 8px 16px;
        text-align: left;
        position: relative;
        font-size: 14px;
        display: flex;
        align-items: center;
}
.benchmark-analysis-dropdown.toggle >.caret{
        margin-left: 15px;
}
.benchmark-analysis-dropdown.toggle >.benchmark-analysis-selected-index{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-width: 200px;
        max-width: 860px;
}
.benchmark-analysis-dropdown.toggle >.benchmark-analysis-selected-index.active{
        font-weight: bold;
}
.benchmark-analysis-dropdown.menu {
        width: 440px;
        position: absolute;
        left: 99px;
        margin-top: 1px;
        padding: 20px;
        min-height: 150px;
}
.benchmark-analysis-dropdown.menu > .overlay {
        width: 100%;
        height: 100%;
        padding: 0px;
        z-index: 9;
}
.benchmark-analysis-dropdown.menu > .overlay.pop-up {
        opacity: 0.3;
        pointer-events: none;
}
.benchmark-analysis-dropdown.menu > .overlay-container {
        position: absolute;
        width: 440px;
        min-height: 135px;
        background: #F4F4F4 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 16px #00000029;
        border: 1px solid #ccc;
        bottom: -1px;
        left: -1px;
        z-index: 10;
        padding: 20px;
        display: flex;
        align-items: flex-start;
}
.benchmark-analysis-dropdown.menu > .overlay-container > .confirm-modal-icon {
        width: 18px;
        height: 18px;
        border: 2px solid #E11B31;
        opacity: 1;
        border-radius: 50%;
        line-height: 14px;
        text-align: center;
        color: #E11B31;
}
.benchmark-analysis-dropdown.menu > .overlay-container > .confirm-modal-info {
        flex: 1;
        margin-inline-start: 10px;
        font-size: 12px;
}
.overlay-container > .confirm-modal-info > .confirm-modal-info-text {
        margin-bottom: 14px;
}
.overlay-container > .confirm-modal-info > .confirm-modal-button-grp > .confirm-modal-button {
        width: 48px;
        height: 24px;
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #ccc;
        border-radius: 2px;
        margin-inline-end: 15px;
}
.benchmark-analysis-dropdown.tabs-container {
        display: flex;
        align-items: baseline;
}
.benchmark-analysis-dropdown.tab {
        font-size: 12px;
        padding: 8px;
        border: 1px solid #ccc;
        border-left: none;
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
        cursor: pointer;
}
.benchmark-analysis-dropdown.tab.disabled {
        color: #999999;
        cursor: default;
}
.benchmark-analysis-dropdown.tab.active {
        padding-top: 11px;
        font-weight: bold;
        background: #fff;
        margin-bottom: 2px;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #ccc;
        margin-left: -1px;
}
.benchmark-analysis-dropdown.tab:first-of-type {
        border-left: 1px solid #ccc;
}
.benchmark-analysis-dropdown.tab:last-of-type {
        flex: 1;
        border-right: none;
        border-top: none;
        background: #fff;
        cursor: default;
}
.benchmark-analysis-dropdown.option > ul{
        height: 360px;
        overflow-y: auto;
        font-size: 12px;
        position: relative;
}
.benchmark-analysis-dropdown.option > ul#benchmark-analysis-my-lists{
        height: 320px;
        overflow-y: auto;
        font-size: 12px;
        position: relative;
}
.benchmark-analysis-dropdown.list-item {
        width: 100%;
        padding: 8px 2px;
        border-bottom: 1px solid #ccc;
        display: flex;
        align-items: flex-start;
        font-size: 12px;
        cursor: pointer;
        line-height: 16px;
}
.benchmark-analysis-dropdown.locked-list-item {
        display: flex;
        align-items: center;
        font-size: 12px;
        cursor: default;
        width: 100%;
        height: 100%;
}
.benchmark-analysis-dropdown.dropdown-radio-label span.gray-text, 
.benchmark-analysis-dropdown.dropdown-radio-label .lock-index{vertical-align:middle;}
.benchmark-analysis-dropdown.dropdown-radio-label .lock-index{        
        margin-left:4px;
}
.benchmark-analysis-dropdown.dropdown-radio {
        margin: 2px 0 0 0;
}
.benchmark-analysis-dropdown.dropdown-radio.active {
        display: none;
}
.benchmark-analysis-dropdown.dropdown-radio.active + .benchmark-analysis-dropdown.dropdown-label:after {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        padding: 2px;
        background-clip: content-box;
        border: 1px solid #ccc;
        background-color: #D5364A;
        border-radius: 50%;
}
.benchmark-analysis-dropdown.dropdown-radio-label {
        padding: 0 10px 0 8px;
        font-size: 12px;
}
.benchmark-analysis-saved-list-dropdown {
        margin: 10px 0px 4px 0px;
        font-size: 12px;
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #ccc;
        width: 100%;
        height: 30px;
        outline: none;
        margin-bottom: 0px;
        cursor: pointer;
}
.benchmark-analysis-saved-list-dropdown.toggle {
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.benchmark-analysis-saved-list-dropdown.menu {
        height: 0px;
        margin: 0px;
        position: relative;
        z-index: 10;
        border: none;
}
.benchmark-analysis-saved-list-dropdown.toggle .list-name {
        width: 97%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        margin-bottom: 0;
 }
 .list-name-tooltip.tooltip.bottom-left .tooltip-inner {
        max-width: 400px;
        word-break: break-word;
        text-align: left;
 }
.benchmark-analysis-saved-list-dropdown.menu > ul {
        width: 398px;
        background: #fff;
        max-height: 280px;
        overflow-y: auto;
        position: relative;
        border: 1px solid #ccc;
        border-top: none;
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.benchmark-analysis-saved-list-dropdown.menu > ul > .list-items {
        width: 100%;
        padding: 8px;
        display: block;
        word-wrap: break-word;
}
.benchmark-analysis-saved-list-dropdown.menu > ul > .list-items:hover,
.benchmark-analysis-saved-list-dropdown.menu > ul > .list-items:active,
.benchmark-analysis-saved-list-dropdown.menu > ul > .list-items:focus {
        background: #F5F5F5;
}
.benchmark-analysis-search-bar {
        width: 100%;
        height: 30px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        margin: 10px 0px;
        padding: 7px 16px;
        position: relative;
}
.benchmark-analysis-search-bar > .benchmark-analysis-search-text {
        border: none;
        outline: none;
        width: 95%;
}
.benchmark-analysis-search-bar > .benchmark-analysis-search-text::placeholder {
        font-size: 13px;
        font-family: 'Arial Regular';
}
.benchmark-analysis-search-result-container {
        height: 310px;
        width: 100%;
        font-size: 12px;
        position: relative;
}
.benchmark-analysis-search-results {
        height: 310px;
        position: relative;
        overflow-y: auto;
}
.benchmark-analysis-search-icon.fa-search {
        color: #ccc;
}
.benchmark-analysis-search-icon.fa-search::before {
        color: #ccc;
}
.benchmark-analysis-cancel-icon {
        width:14px;
        height:14px;
        background:url(../images/close.png) no-repeat 0 0 transparent;
        position:absolute;
        cursor:pointer;
        right:7px;
        top:7px;
        cursor: pointer;
}
.benchmark-analysis-cancel-icon.fa-times::before {
        color: #B93F4E;
}
.benchmark-analysis-run-analysis {
        height: 28px;
        min-width: 108px;
        font-size: 14px;
        text-transform: capitalize;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 6px;
        margin-top: 10px;
}
.benchmark-analysis-run-analysis.disabled {
        opacity: 0.7;
        cursor: default;
        pointer-events: none;
}
.benchmark-analysis.overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        background: transparent;
}
#benchmark-analysis-recommended-indices.ps-container.ps-active-x > .ps-scrollbar-x-rail, #benchmark-analysis-recommended-indices.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
}
#benchmark-analysis-recommended-indices.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        right:0px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
}
#benchmark-analysis-recommended-indices.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        /* min-height: 15px !important; */
}

#benchmark-analysis-my-lists.ps-container.ps-active-x > .ps-scrollbar-x-rail, #benchmark-analysis-my-lists.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
}
#benchmark-analysis-my-lists.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        right:0px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
}
#benchmark-analysis-my-lists.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        /* min-height: 15px !important; */
}

#benchmark-analysis-search-list.ps-container.ps-active-x > .ps-scrollbar-x-rail, #benchmark-analysis-search-list.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
}
#benchmark-analysis-search-list.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        right:0px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
}
#benchmark-analysis-search-list.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        /* min-height: 15px !important; */
}

#benchmark-analysis-saved-lists.ps-container.ps-active-x > .ps-scrollbar-x-rail, #benchmark-analysis-saved-lists.ps-container.ps-active-y > .ps-scrollbar-y-rail {
        display: block;
}
#benchmark-analysis-saved-lists.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #ccc;
        border-radius: 4px 4px 4px 4px;
        right:0px !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
}
#benchmark-analysis-saved-lists.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px 4px 4px 4px;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        /* min-height: 15px !important; */
}
.benchmark-analysis-empty-list {
        font-style: italic;
        font-size: 12px;
        height: 360px;
        color: #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
}

/* Dropdown styles end */

/* Benchmark Analysis page dropdown styles End */

/* Benchmark Analysis page drawdown analysis section styles starts */

#drawdown-analysis-wrapper {
        display: flex;
        min-height: 350px;
}

#drawdown-analysis-wrapper.empty {
        align-items: center;
        justify-content: center;
}

#drawdown-analysis-wrapper.empty-base {
        justify-content: flex-end;
}

#drawdown-analysis-wrapper.empty-compare {
        margin-left: 20px;
}

.drawdown-analysis-column {
        border: 1px solid #CCCCCC;
        margin: 20px 20px 10px 20px;
        flex: 0 1 50%;
        padding: 30px;
        min-height: 450px;
        width: 540px;        
}

.drawdown-analysis-column h5 {
        font-weight: bold;
        font-size: 14px;
        line-height: 16px;
}

.drawdown-analysis-column h5, .drawdown-analysis-returns-data {
        padding-bottom: 10px;
}

.drawdown-analysis-column:last-child {
        margin-left: 0;
}

.drawdown-analysis-chart-container {
        position: relative;
        min-height: 280px;
}

.drawdown-analysis-returns-data {
        display: flex;
        gap: 12px;
        font-size: 14px;
        color: #333333;
}

.drawdown-analysis-returns-data .split {
        color: #999999;
}

.drawdown-analysis-table-container {
        margin-top: 25px;
}

.drawdown-analysis-table-container .ag-body-container .ag-row:last-child {
        border: none;
        height: 32px !important;
}

.drawdown-analysis-table-container .ag-header-container .ag-header-cell:nth-child(2),
.drawdown-analysis-table-container .ag-body-container .ag-row .ag-cell:nth-child(2) {
        border-right: none;
        width: 231px !important;
}

.drawdown-analysis-table-container .ag-body-container .ag-row .ag-cell:last-child,
.drawdown-analysis-table-container .ag-header-container .ag-header-cell:last-child {
        text-align: right;
        font-weight: bold;
        width: 100px !important;
}

.drawdown-analysis-table-container .ag-body-container .ag-row .ag-cell:first-child,
.drawdown-analysis-table-container .ag-header-container .ag-header-cell:first-child {
        width: 164px !important;
}
#drawdown-analysis .export-btn, #risk-metrics .export-btn{
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
}
#drawdown-analysis .export-btn .disclaimer, #risk-metrics .export-btn .disclaimer{
        color: #BFBFBF;
		text-align: left;
		line-height: 14px;
}
.drawdown-analysis-table-container .data-label-legend{
        /* border: 1px solid; */
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-right: 5px;
 }

.drawdown-analysis-table-container .data-label-legend-0{
        background-color: #4F9AC3;
 }
.drawdown-analysis-table-container .data-label-legend-1{
        background-color: #002B5F;
 }
.drawdown-analysis-table-container .data-label-legend-2{
        background-color: #FCB318;
 }
.drawdown-analysis-table-container .ag-fresh .ag-cell{
        padding: 5px 15px;
}
 
.drawdown-analysis-table-container .ag-fresh .ag-header-cell-label{
        padding: 2px 15px;
        cursor: default;
 }

#drawdown-analysis-high-chart1, #drawdown-analysis-high-chart2 {
        position: absolute;
        left: -20px;
        margin-top: 15px;
 }

#drawdown-analysis-high-chart2.empty-chart {
        right: -20px;
}

.drawdown-analysis-chart-container .dynamic-loader{
        min-height: 280px;
}

body > div#benchmark-grid1, body > div#benchmark-grid2 {
        width: 500px;
}

body > div #benchmark-grid1 .ag-header, body > div #benchmark-grid1 .ag-header-viewport, body > div #benchmark-grid1 .ag-header .ag-header-row,
body > div #benchmark-grid2 .ag-header, body > div #benchmark-grid2 .ag-header-viewport, body > div #benchmark-grid2 .ag-header .ag-header-row{
        height: 32px !important;
}


#benchmark-grid1 .ag-body, #benchmark-grid2 .ag-body {
        margin-top: 32px;
        overflow: hidden;
}

#benchmark-grid1 .ag-body-viewport, #benchmark-grid1 .ag-body-container{
        overflow: hidden;
}

#benchmark-grid2 .ag-body-viewport, #benchmark-grid2 .ag-body-container{
        overflow: hidden;
}

#benchmark-grid1 .ag-body-container .ag-row, #benchmark-grid2 .ag-body-container .ag-row {
        height: 32px !important;
}

#benchmark-grid1 .ag-body-container .ag-row, #benchmark-grid2 .ag-body-container .ag-row {
        height: 32px !important;
}

/* Benchmark Analysis page drawdown analysis section styles End */

/************** BenchMark Analysis - Rsik/Return Metric & Calendar Year Performance (start) ************/

#risk-metric-container{
        padding: 18px 18px 10px 18px;
        min-height: 264px;
 }
 #risk-metric-container .dynamic-loader{
        margin-top: 60px;
 }
 #risk-metric-container.empty {
        padding-top: 70px;
        padding-left: 45%;
        font-style: italic;
        color: #ccc;
 }
 .risk-metric-no-data {
        margin-top: 70px;
 }
 #risk-metric-container.loading {
        padding-top: 70px;
        padding-left: 45%;
 }
 #risk-metric-tabs-container ul.risk-metric-tabs-list{   
        min-height: 20px;
        width: 100%;
        margin-bottom:10px;
 }
 #risk-metric-tabs-container ul.risk-metric-tabs-list li {
        border-right: 1px solid #ccc;
        cursor: pointer;
        float: left;
        font-weight: normal;
        height: 22px;
        margin: 0;
        padding: 5px 5px 0 5px;
        text-align: center;
        vertical-align: middle;
        width: 65px;
 }
 #risk-metric-tabs-container ul.risk-metric-tabs-list li:last-child{
        border:0 none;
 }
 #risk-metric-tabs-container ul.risk-metric-tabs-list li.active{
        background: #737373;
        color:#fff;
 }
 #risk-metric-tabs-container ul.risk-metric-tabs-list li.disabled{
        background: #fff;
        color:#a2a2a2;
        opacity:0.5;
 }
 
 #benchmark-risk-return-metric-grid .ps-scrollbar-x-rail{
        display:none!important;
 }
 body > div #benchmark-risk-return-metric-grid.ag-fresh .ag-row .ag-cell-focus:last-child{
        border-right: none;
 }
 #benchmark-risk-return-metric-grid #centerRow{
        height: inherit !important;
 }
 #benchmark-risk-return-metric-grid {
        width:100%;
        height:100% !important;
        margin: 0;
        clear: both;
        position: relative;
 }
 #benchmark-risk-return-metric-grid .ps-scrollbar-x-rail{
        bottom: -14px !important;
 }
 #benchmark-risk-return-metric-grid .ps-scrollbar-y-rail{
        top: 0px;
        right: -10px !important;
 }
 #benchmark-risk-return-metric-grid .ag-row{
        border-bottom: 1px solid #ccc;
 }
 #benchmark-risk-return-metric-grid .ag-row:last-child{
        border-bottom: none;
        background-color: white !important;
 }
 
 #benchmark-risk-return-metric-grid .ag-body-container .ag-row:last-child .ag-cell:nth-child(4) {
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
 }

 #benchmark-calendar-year-performance-grid .ps-scrollbar-x-rail{
        display:none!important;
 }
 body > div #benchmark-calendar-year-performance-grid.ag-fresh .ag-row .ag-cell-focus:last-child{
        border-right: none;
 }
 #benchmark-calendar-year-performance-grid #centerRow{
        height: inherit !important;
 }
 #benchmark-calendar-year-performance-grid {
        width:100%;
        height:100% !important;
        margin: 0;
        clear: both;
        position: relative;
 }
 #benchmark-calendar-year-performance-grid .ps-scrollbar-x-rail{
        bottom: -14px !important;
 }
 #benchmark-calendar-year-performance-grid .ps-scrollbar-y-rail{
        top: 0px;
        right: -10px !important;
 }
 #benchmark-calendar-year-performance-grid .ag-row{
        border-bottom: 1px solid #ccc;
 }
 #benchmark-calendar-year-performance-grid .ag-row:last-child{
        border-bottom: none;
 }
 
 .benchamrk-analisys-riskmetric-tabs{
        margin-left: 10px;
 }
 .benchmark-analysis-table-negativedata-color {
        color: red;
 }
 .benchmark-analysis-table-rptb-color {
        color: green;
 }
 
 .benchmark-CYP-table-data{
        text-align: right;
 }
 .benchmark-info-icon{
        height: 13px;
        width: 13px;
	cursor: pointer;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header, 
 body > div #benchmark-risk-return-metric-grid .ag-header-viewport,
 body > div #benchmark-risk-return-metric-grid .ag-header .ag-header-row{
        /* height: 57px !important; */
        cursor: default;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.one-liner {
         height: 36px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.two-liner {
         height: 52px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.three-liner {
         height: 68px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.four-liner {
         height: 84px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.five-liner {
         height: 110px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.six-liner {
         height: 126px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.seven-liner {
         height: 146px !important;
 }
 body > div #benchmark-risk-return-metric-grid .ag-header.eight-liner {
         height: 164px !important;
 }
 #benchmark-risk-return-metric-grid .ag-body.one-liner {
        margin-top:34px;
 }
 #benchmark-risk-return-metric-grid .ag-body.two-liner {
        margin-top:52px;
 }
 #benchmark-risk-return-metric-grid .ag-body.three-liner {
        margin-top:68px;
 }
 #benchmark-risk-return-metric-grid .ag-body.four-liner {
        margin-top:84px;
 }
 #benchmark-risk-return-metric-grid .ag-body.five-liner {
        margin-top:110px;
 }
 #benchmark-risk-return-metric-grid .ag-body.six-liner {
        margin-top:126px;
 }
 #benchmark-risk-return-metric-grid .ag-body.seven-liner {
        margin-top:146px;
 }
 #benchmark-risk-return-metric-grid .ag-body.eight-liner {
        margin-top:164px;
 }
 #benchmark-risk-return-metric-grid .ag-header-cell:last-child {
        border-right: 1px solid #ccc;
 }
#benchmark-risk-return-metric-grid .ag-body{
        overflow: hidden;
}
 #benchmark-risk-return-metric-grid .ag-body-container .ag-row {
        height: 34px !important;
 }
 
 #benchmark-risk-return-metric-grid .ag-body-container .ag-cell {
        padding: 7px 15px;
        height: 34px;
 }
 
#benchmark-risk-return-metric-grid .ag-body-container .ag-row:last-child .ag-cell:nth-child(3) {
        border-right: 1px solid #ccc;
 }
 
 #benchmark-risk-return-metric-grid .ag-body-container .ag-row:last-child .ag-cell:nth-child(1), 
 #benchmark-risk-return-metric-grid .ag-body-container .ag-row:last-child .ag-cell:nth-child(2) {
        border-bottom: 1px solid #ccc;
 }
 
 #benchmark-risk-return-metric-grid.ag-fresh .ag-root {
        border-bottom: none;
        border-right: 1px solid transparent;
 }
 #benchmark-risk-return-metric-grid.ag-fresh .ag-root .ag-row:nth-last-child(2) .ag-cell:nth-child(4), 
 #benchmark-risk-return-metric-grid.ag-fresh .ag-root .ag-row:nth-last-child(3) .ag-cell:nth-child(4), 
 #benchmark-risk-return-metric-grid.ag-fresh .ag-root .ag-row:nth-last-child(4) .ag-cell:nth-child(4), 
 #benchmark-risk-return-metric-grid.ag-fresh .ag-root .ag-row:nth-last-child(5) .ag-cell:nth-child(4) {
        border-right: 1px solid #ccc;
 }
 body > div #benchmark-risk-return-metric-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-right {
        white-space: initial;
        text-align: right;
        line-height: 18px;
        margin-top: 10px;
 }
 body > div #benchmark-risk-return-metric-grid.ag-fresh .ag-header-cell-label {
        cursor: default;
 }
 #calendar-year-performance-container{
        margin: 18px;
        min-height: 130px;
        padding: 0px;
        margin-bottom: 10px;
 }
 #calendar-year-performance-container .dynamic-loader{
        margin-top: 5%;
 }
 #calendar-year-performance-container.empty {
        padding-left: 45%;
 }
 #calendar-year-performance-container.loading {
        /* padding-top: 100px; */
        min-height: 285px;
 }
 #calendar-year-performance-container.empty > .emptyCalendarYear {
        padding-top: 65px;
        font-style: italic;
        color: #ccc;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header, 
 body > div #benchmark-calendar-year-performance-grid .ag-header-viewport, 
 body > div #benchmark-calendar-year-performance-grid .ag-header .ag-header-row{
        /* height: 57px !important; */
        cursor: default;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.one-liner {
         height: 36px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.two-liner {
         height: 52px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.three-liner {
         height: 68px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.four-liner {
         height: 84px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.five-liner {
         height: 110px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.six-liner {
         height: 126px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.seven-liner {
         height: 146px !important;
 }
 body > div #benchmark-calendar-year-performance-grid .ag-header.eight-liner {
         height: 164px !important;
 }
 #benchmark-calendar-year-performance-grid .ag-body.one-liner {
        margin-top:36px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.two-liner {
        margin-top:52px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.three-liner {
        margin-top:68px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.four-liner {
        margin-top:84px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.five-liner {
        margin-top:110px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.six-liner {
        margin-top:126px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.seven-liner {
        margin-top:146px;
 }
 #benchmark-calendar-year-performance-grid .ag-body.eight-liner {
        margin-top:164px;
 }
 #benchmark-calendar-year-performance-grid .ag-body .ag-body-viewport {
        overflow-x: hidden;
 }
 #benchmark-calendar-year-performance-grid .ag-body-container .ag-row {
        height: 34px !important;
 }
 #benchmark-calendar-year-performance-grid .ag-body-container .ag-cell {
        padding: 7px 15px;
 }
 body > div #benchmark-calendar-year-performance-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-right {
        white-space: normal;
        text-align: right;
        line-height: 16px;
 }
 body > div #benchmark-calendar-year-performance-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-left {
        white-space: normal;
        text-align: left;
        line-height: 16px;
 }
 body > div #benchmark-calendar-year-performance-grid.ag-fresh .ag-header-cell-label {
        padding: 10px 15px;
        cursor: default;
 }
 .riskReturnMetric-tooltip {
        text-align: left;
 }
 .riskReturnMetric-tooltip div:nth-child(2) {
        margin-top: 10px;
 }
 .riskReturnMetric-tooltip .annualized-return{
        width: 400px;
}
.riskReturnMetric-tooltip .annualized-return-description{
        width: 400px;
        font-style: italic;
}
.riskReturnMetric-tooltip .annualized-risk{
        width: 250px;
}
.riskReturnMetric-tooltip .risk-adjusted-return{
        width: 200px;
}
.riskReturnMetric-tooltip .month-with-positve-return{
        width: 300px;
}
.riskReturnMetric-tooltip .market-beta{
        width: 300px;
}
.riskReturnMetric-tooltip .correlation-value{
        width: 300px;
}
.riskReturnMetric-tooltip .annualized-excess-return{
        width: 300px;
}
.riskReturnMetric-tooltip .annualized-tracking-error{
        width: 300px;
}
.riskReturnMetric-tooltip .information-ratio{
        width: 300px;
}
.riskReturnMetric-tooltip .outperforming-months{
        width: 300px;
}
/************** BenchMark Analysis - Rsik/Return Metric & Calendar Year Performance (end) ************/
.benchmark-analysis-wrapper .landing-content .accordion .facet-accordion {
        display: none;
}
.benchmark-analysis-inactive-accordion {
        opacity: 0.7;
        pointer-events: none;
}
.benchmark-analysis-inactive-container {
        opacity: 0.5;
        pointer-events: none;
}
/* User Story 4505232: SPICE - Integrate SPICE UI with Okta - Update*/
#login-page{min-height:300px;}
#login-main-wrapper .export-loader{width:100%;height:525px;background: none;}
/*-------------------------------------------- MultiAsset-V2 ------------------------------------------*/
/*-------------- All Assets ----------*/
#all-assets-grid{
height:300px;
margin:0px;
}
#all-assets-grid .ps-scrollbar-x-rail{
bottom: -14px !important;
}
#all-assets-grid .ps-scrollbar-y-rail{
top: 0px;
right: -12px !important;
}
#all-assets-grid .ag-row{
border-bottom: 1px solid #ccc;
}
#all-assets-grid .ag-row:last-child{
border-bottom: none;
}
.full-components-list a{
display:block;
width:194px;
padding:6px 7px 6px 15px;
background: #d3983e; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fbc16a, #d3983e); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fbc16a, #d3983e); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fbc16a, #d3983e); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fbc16a, #d3983e); /* Standard syntax */
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbc16a', endColorstr='#d3983e');/*For IE7-8-9*/
border:1px solid #b38601;
color:#000;
position:relative;
text-align:left;
text-transform:uppercase;
font-family:"Geogtq-Rg",Arial;
font-size:14px;
}
.full-components-list a span.fa-external-link-square{
float:right;
}
.full-components-list a span.liner { 
background: none repeat scroll 0 0 #DDDDDD; 
height: 25px; 
position: absolute; 
right: 22px; 
top: 0; 
width: 1px;
}
.full-components-list{
float:left;
}
#esg-constituents .full-components-list a{
width:222px;
}
.full-components-list a span.external-link-icon{
margin-top:-1px;
}
.all-assets-container{
background:#fff;
border:1px solid #ccc;
-webkit-box-shadow:0px 1px 2px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
box-shadow:0px 1px 2px #ccc;
padding:5px 15px;
}
.facet-accordion .all-assets-container{
border:0 none;
margin:0;
padding-top:15px;
float:left;
width:100%;
background-color:transparent;
}
.all-assets-container.table-header-gradient h3{
padding:5px;
}
.all-assets-container.table-header-gradient{
margin:5px 0 0;
}
.row.all-assets-container.table-header-gradient{
margin-bottom:30px;
}
.all-assets-container h2, .all-assets-container th{
color:#323232;
font-family:'Geogtq-Rg',Arial; 
border-bottom:1px solid #CCCCCC;
font-size:17px;
padding:7px 10px;
-webkit-box-shadow:0px 3px 8px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
box-shadow:0px 1px 2px #ccc;
background:#ffffff;
background:-moz-linear-gradient(#ffffff, #f5f5f5);
background:-webkit-linear-gradient(#ffffff, #f5f5f5);
background:-o-linear-gradient(#ffffff, #f5f5f5);
background:-ms-linear-gradient(#ffffff, #f5f5f5);
/*For IE10*/background:linear-gradient(#ffffff, #f5f5f5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
}
.all-assets-container h2 span {
font-size: 12px;
display: inline-block;
}
.all-assets-container .export-btn{
padding:0;
}
#all-assets .export-btn .disclaimer{
color: #BFBFBF;
float: left;
margin-top: 5px;
}
/*-------------- Cash ----------*/
#cash-multi-asset-grid{
height: 300px;
margin:0px;
}
#cash-multi-asset-grid .ps-scrollbar-x-rail{
bottom: -14px !important;
}
#cash-multi-asset-grid .ps-scrollbar-y-rail{
top: 0px;
right: -12px !important;
}
#cash-multi-asset-grid .ag-row{
border-bottom: 1px solid #ccc;
}
#cash-multi-asset-grid .ag-row:last-child{
border-bottom: none;
}
.cash-container{
background:#fff;
border:1px solid #ccc;
-webkit-box-shadow:0px 1px 2px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
box-shadow:0px 1px 2px #ccc;
padding:5px 15px;
}
.facet-accordion .cash-container{
border:0 none;
margin:0;
padding-top:15px;
float:left;
width:100%;
background-color:transparent;
}
.cash-container.table-header-gradient h3{
padding:5px;
}
.cash-container.table-header-gradient{
margin:5px 0 0;
}
.row.cash-container.table-header-gradient{
margin-bottom:30px;
}
.cash-container h2, .cash-container th{
color:#323232;
font-family:'Geogtq-Rg',Arial; 
border-bottom:1px solid #CCCCCC;
font-size:17px;
padding:7px 10px;
-webkit-box-shadow:0px 3px 8px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
box-shadow:0px 1px 2px #ccc;
background:#ffffff;
background:-moz-linear-gradient(#ffffff, #f5f5f5);
background:-webkit-linear-gradient(#ffffff, #f5f5f5);
background:-o-linear-gradient(#ffffff, #f5f5f5);
background:-ms-linear-gradient(#ffffff, #f5f5f5);
/*For IE10*/background:linear-gradient(#ffffff, #f5f5f5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
}
.cash-container h2 span {
font-size: 12px;
display: inline-block;
}
.cash-container .export-btn{
padding:0;
}
#cash .export-btn .disclaimer{
color: #BFBFBF;
float: left;
margin-top: 5px;
}
#cash-multi-asset-grid #centerRow{
height: inherit !important;
}
/*-------------- Futures Contracts List ----------*/
#future-contracts-grid{
height:300px;
margin:0px;
}
#future-contracts-grid .ps-scrollbar-x-rail{
bottom: -14px !important;
}
#future-contracts-grid .ps-scrollbar-y-rail{
top: 0px;
right: -12px !important;
}
#future-contracts-grid .ag-row{
border-bottom: 1px solid #ccc;
}
#future-contracts-grid .ag-row:last-child{
border-bottom: none;
}
.full-futures-contracts-list a{
display:block;
width:235px;
padding:6px 7px 6px 15px;
background: #d3983e; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fbc16a, #d3983e); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fbc16a, #d3983e); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fbc16a, #d3983e); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fbc16a, #d3983e); /* Standard syntax */
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbc16a', endColorstr='#d3983e');/*For IE7-8-9*/
border:1px solid #b38601;
color:#000;
position:relative;
text-align:left;
text-transform:uppercase;
font-family:"Geogtq-Rg",Arial;
font-size:14px;
}
.full-futures-contracts-list a span.fa-external-link-square{
float:right;
}
.full-futures-contracts-list a span.liner { 
background: none repeat scroll 0 0 #DDDDDD; 
height: 25px; 
position: absolute; 
right: 22px; 
top: 0; 
width: 1px;
}
.full-futures-contracts-list{
float:left;
}
#esg-constituents .full-futures-contracts-list a{
width:222px;
}
.full-futures-contracts-list a span.external-link-icon{
margin-top:-1px;
}
body > div #future-contracts-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-right {
text-align: right;
white-space: pre-wrap;
line-height: 22px;
margin-right: 3px;
}
body > div #future-contracts-grid .ag-header, 
body > div #future-contracts-grid .ag-header-viewport, 
body > div #future-contracts-grid .ag-header .ag-header-row{
height: 64px !important;
overflow: visible;
}
#future-contracts-grid .ag-body {
margin-top: 67px;
}
/* #future-contracts-grid .ag-body {
margin-top: 57px;
}
#future-contracts-grid .ag-body-container .ag-row {
height: 34px !important;
}
#future-contracts-grid .ag-body-container .ag-cell {
padding: 7px 15px;
} */
body > div #future-contracts-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-left {
white-space: normal;
text-align: left;
/* line-height: 16px; */
line-height: 22px;
margin-right: 3px;
}
body > div #future-contracts-grid.ag-fresh .ag-header-cell-label {
padding: 12px;
}
.future-contracts-container{
background:#fff;
border:1px solid #ccc;
-webkit-box-shadow:0px 1px 2px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
box-shadow:0px 1px 2px #ccc;
padding:5px 15px;
}
.facet-accordion .future-contracts-container{
border:0 none;
margin:0;
padding-top:15px;
float:left;
width:100%;
background-color:transparent;
}
.future-contracts-container.table-header-gradient h3{
padding:5px;
}
.future-contracts-container.table-header-gradient{
margin:5px 0 0;
}
.row.future-contracts-container.table-header-gradient{
margin-bottom:30px;
}
.future-contracts-container h2, .future-contracts-container th{
color:#323232;
font-family:'Geogtq-Rg',Arial; 
border-bottom:1px solid #CCCCCC;
font-size:17px;
padding:7px 10px;
-webkit-box-shadow:0px 3px 8px #ccc;
-moz-box-shadow:0px 1px 2px #ccc;
box-shadow:0px 1px 2px #ccc;
background:#ffffff;
background:-moz-linear-gradient(#ffffff, #f5f5f5);
background:-webkit-linear-gradient(#ffffff, #f5f5f5);
background:-o-linear-gradient(#ffffff, #f5f5f5);
background:-ms-linear-gradient(#ffffff, #f5f5f5);
/*For IE10*/background:linear-gradient(#ffffff, #f5f5f5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
}
.future-contracts-container h2 span {
font-size: 12px;
display: inline-block;
}
.future-contracts-container .export-btn{
padding:0;
}

/*-------------- Full Futures Contracts List ----------*/
.full-futures-contracts-ppmmessage-margin-left{
margin-left:200px;
width:700px;
}
.content-box table th,.all-futures-contracts-box table tr th {
background:#f5f5f5;
background:-moz-linear-gradient(#ffffff, #f5f5f5);
background:-webkit-linear-gradient(#ffffff, #f5f5f5);
background:-o-linear-gradient(#ffffff, #f5f5f5);
background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
background:linear-gradient(#ffffff, #f5f5f5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
}
.all-futures-contracts-box{
padding:0px 10px 10px 10px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
min-height:300px;clear:both;
}
.all-futures-contracts-box table tr th, .all-futures-contracts-box table tr td{
text-align:center;
}
.all-futures-contracts-box table tr th:nth-child(1), .all-futures-contracts-box table tr td:nth-child(1){
text-align:left;width:30%;
}
.all-futures-contracts-box .btn-group {
clear: both;
float: right;
margin: 10px 0 5px;
position: relative;
}
.all-futures-contracts-box .grid-empty-message{
padding: 90px 15px;
}
.all-futures-contracts-box.esg-all-constituents{
min-height:500px;
}
.esg-all-constituents.all-futures-contracts-box .grid-empty-message{
padding:180px 15px;
}
.full-futures-contracts-wrapper, .my-subscription-wrapper {
padding:10px;
min-height:450px;
}
.full-futures-contracts-wrapper{
margin-top:10px;
}
.full-futures-contracts-wrapper .left-section{
padding-right:3px;
}
.full-futures-contracts-wrapper .right-section{
padding-left:7px;
}
.full-futures-contracts-wrapper .data-section{
background-color:#fff;
}
.full-futures-contracts-wrapper .content-box .ag-fresh .ag-cell-no-focus, .full-futures-contracts-wrapper .content-box .ag-header-cell{
border-right:0 none;
}
.full-futures-contracts-wrapper .content-box .ag-body-viewport{
overflow:hidden;
}
#all-futures-contracts-grid #centerRow{
height: inherit !important;
}
#all-futures-contracts-grid{
width:100%;
height:100% !important;
margin:0;
clear: both !important;
}
#all-futures-contracts-grid .ps-scrollbar-x-rail{
bottom: -14px !important;
}
#all-futures-contracts-grid .ps-scrollbar-y-rail{
top: 0px;
right: -10px !important;
}
#all-futures-contracts-grid .ag-row{
border-bottom: 1px solid #ccc;
}
#all-futures-contracts-grid .ag-row:last-child{
border-bottom: none;
}
#all-futures-contracts-grid .ag-body-container,#all-futures-contracts-grid .ag-header-viewport{
display: block;
}
/*-------------- Full Components List ----------*/
.full-components-ppmmessage-margin-left{
margin-left:200px;
width:700px;
}
.content-box table th,.all-components-box table tr th {
background:#f5f5f5;
background:-moz-linear-gradient(#ffffff, #f5f5f5);
background:-webkit-linear-gradient(#ffffff, #f5f5f5);
background:-o-linear-gradient(#ffffff, #f5f5f5);
background:-ms-linear-gradient(#ffffff, #f5f5f5);/*For IE10*/
background:linear-gradient(#ffffff, #f5f5f5);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f5f5f5');/*For IE7-8-9*/
}
.all-components-box{
padding:0px 10px 10px 10px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
min-height:300px;clear:both;
}
.all-components-box table tr th, .all-components-box table tr td{
text-align:center;
}
.all-components-box table tr th:nth-child(1), .all-components-box table tr td:nth-child(1){
text-align:left;width:30%;
}
.all-components-box .btn-group {
clear: both;
float: right;
margin: 10px 0 5px;
position: relative;
}
.all-components-box .grid-empty-message{
padding: 90px 15px;
}
.all-components-box.esg-all-constituents{
min-height:500px;
}
.esg-all-constituents.all-components-box .grid-empty-message{
padding:180px 15px;
}
.full-components-wrapper, .my-subscription-wrapper {
padding:10px;
min-height:450px;
}
.full-components-wrapper{
margin-top:10px;
}
.full-components-wrapper .left-section{
padding-right:3px;
}
.full-components-wrapper .right-section{
padding-left:7px;
}
.full-components-wrapper .data-section{
background-color:#fff;
}
.full-components-wrapper .content-box .ag-fresh .ag-cell-no-focus, .full-components-wrapper .content-box .ag-header-cell{
border-right:0 none;
}
.full-components-wrapper .content-box .ag-body-viewport{
overflow:hidden;
}
#all-components-grid #centerRow{
height: inherit !important;
}
#all-components-grid{
width:100%;
height:100% !important;
margin:0;
clear: both !important;
}
#all-components-grid .ps-scrollbar-x-rail{
bottom: -14px !important;
}
#all-components-grid .ps-scrollbar-y-rail{
top: 0px;
right: -10px !important;
}
#all-components-grid .ag-row{
border-bottom: 1px solid #ccc;
}
#all-components-grid .ag-row:last-child{
border-bottom: none;
}
#all-components-grid .ag-body-container,#all-components-grid .ag-header-viewport{
display: block;
}
/*-------- Full Future Contracts DynamicLoader & All Components DynamicLoader --------------*/
body > div #all-futures-contracts-grid{
        position: relative;
}
body > div #all-components-grid{
        position: relative;
}
body > div #all-futures-contracts-grid .dynamic-loader{
        top: 90px;
}
body > div #all-components-grid .dynamic-loader{
        top: 70px;
}
/*----------------- Full Future Contracts List Header ----------------------*/
body > div #all-futures-contracts-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-right {
        text-align: right;
        white-space: pre-wrap;
        line-height: 22px;
        margin-right: 3px;
}
body > div #all-futures-contracts-grid .ag-header, 
body > div #all-futures-contracts-grid .ag-header-viewport, 
body > div #all-futures-contracts-grid .ag-header .ag-header-row{
        height: 64px !important;
        overflow: visible;
}
#all-futures-contracts-grid .ag-body {
        margin-top: 67px;
}
body > div #all-futures-contracts-grid.ag-fresh .ag-header-cell-label .ag-header-cell-text .text-align-left {
        white-space: normal;
        text-align: left;
        line-height: 22px;
        margin-right: 3px;
}
body > div #all-futures-contracts-grid.ag-fresh .ag-header-cell-label {
 padding: 12px;
}
.lead-generation-modal {height: auto}
.lg-popup{margin-left:20px;margin-right: 20px;height: auto;}
.lg-popup img{margin-left: 20px}
.lg-popup .title{margin-top :20px;font-family:'Geogtq-Md',Arial}
.lg-popup hr{margin-top:10px}
.lg-popup .btn-bar{margin-left:60%;padding-top:40px;padding-bottom: 10px}
.lg-popup .info-subscription{margin-top:-47px;margin-left:75px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;}
.lg-popup .title strong{font-size: 22px; font-weight: bold;}
.lg-popup .disabled-close{opacity: 0.6;pointer-events: none;}

.thankyou-modal{height:auto;z-index:999}

.ty-modal{height:auto}
.ty-page{height:400px}
.ty-modal .btn-bar, .ty-page .btn-bar{padding-top:23%;margin-left:78%;padding-bottom:20px}
.ty-modal p.thankyou-title, .ty-page p.thankyou-title{font-weight:bold;font-size:small;line-height:10px;font-family: arial;}
.ty-page p.thankyou-content{font-family: arial;}
.ty-modal .success-img,.ty-page .success-img{float:left;margin-left:30px;padding-top:35px}
.ty-modal .thankyou-info, .ty-page .thankyou-info{float:left;margin-top:40px;margin-left:13px;}

.lock-leadGeneration{display:inline;cursor: pointer}

.lg-btn-content{display:inline;float:right;margin-top:2em}

.pop-up{height: 200px;padding: 0px; padding-top: 10px;}
.ty-page .wrapper{padding:40px;overflow: hidden;border: 1px solid #ccc;background: #fff none repeat scroll 0 0;}
.ty-page content{width:500px;padding:30px;border: 1px solid #ccc;}
.ty-page-box{border: 1px solid #ccc;}
.ty-page-size{height: 200px;font-family: Arial, Helvetica, sans-serif;}
.file-not-found-content .info-subscription p{font-family: arial;}
.go-to-links .lock-icon{ float: right;}
#index-landing-title-container{display: flex;justify-content: space-between;}
.add-subscription{display: flex;align-items: center;cursor: pointer; color: #D6002A;font-weight: bold;}
.red-lock-icon{margin-right: 6px;background: url(../images/icon-lock-red.svg);width: 14px;height: 14px;margin-top: -5px;}

#index-multiassetcomponentgrid .ag-body, .allComponentsGrid .ag-body{ 
        margin-top:56px;
        overflow :hidden;
}

body > div #index-multiassetcomponentgrid .ag-header,
body > div #index-multiassetcomponentgrid .ag-header-viewport,
body > div .allComponentsGrid .ag-header-viewport,
body > div .allComponentsGrid .ag-header {
        height: 56px !important;
        background-color: green;
}

#index-multiassetcomponentgrid .ag-header-group-cell-label, .allComponentsGrid .ag-header-group-cell-label { 
        font-size: 12px;
        margin-top: 4px;
}

#index-multiassetcomponentgrid .ag-header-row .ag-header-cell:nth-child(2) .text-align-left{
        margin-top:-7px;
}

.allComponentsGrid .ag-header-row .ag-header-cell:nth-child(2) .text-align-left{
        margin-top:-5px;
}

#index-multiassetcomponentgrid .ag-header-row .ag-header-cell:nth-child(2) .text-align-left::after,
.allComponentsGrid .ag-header-row .ag-header-cell:nth-child(2) .text-align-left::after{ 
        content: "Value";
        display: block;
        margin-top:-15px;
        margin-left:37px;
        line-height:2.8;
}
#index-multiassetcomponentgrid .ag-header-cell-label:not(:nth-child(4n)), .allComponentsGrid .ag-header-cell-label:not(:nth-child(4n)){
        margin-top:-13px;     
}
#index-multiassetcomponentgrid .ag-header-row .ag-header-cell:nth-child(4) >div,
#index-multiassetcomponentgrid .ag-header-row .ag-header-cell:nth-child(5) >div,
#index-multiassetcomponentgrid .ag-header-row .ag-header-cell:nth-child(6) >div,
.allComponentsGrid .ag-header-row .ag-header-cell:nth-child(4) >div,
.allComponentsGrid .ag-header-row .ag-header-cell:nth-child(5) >div,
.allComponentsGrid .ag-header-row .ag-header-cell:nth-child(6) >div {
    margin-top: 0px;
}

.allComponentsGrid .ag-header-row .ag-header-cell:nth-child(2) .text-align-left{
        margin-left:35px;
}

.allComponentsGrid .ag-header .ag-header-row:nth-child(2) , #index-multiassetcomponentgrid .ag-header .ag-header-row:nth-child(2){
        height: 41px !important;
}

/* Start - INDEX EVENTS */
.index-events-wrapper .data-center .tab-inner .criteria-head{
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.index-events-wrapper .data-center .tab-inner .criteria-head .criteria-head-menu .btn{
        background: transparent;
        height: 24px;
        width: 24px;
        padding: 0;
        line-height: 0;
}
.index-events-wrapper .data-center .tab-inner .criteria-head .criteria-head-menu.disable-menu{
        pointer-events: none;
        opacity: 0.5;
}
.index-events-wrapper .data-center .tab-inner .criteria-head .criteria-head-menu .dropdown-menu{
       min-width: 115px;
}
.index-events-wrapper .data-center .tab-inner .criteria-head .criteria-head-menu .dropdown-menu li a{
        color: #000000;
 }
.index-events-wrapper .index-events-main-column{
        margin-right: 0;
        margin-left: 0;
}
.index-events-criteria-accordion {
        border: 0;
        max-height: 1452px;
        min-height: 442px;
        position: relative;
        padding: 10px 18px 10px 10px;
        margin: 0;
}
.index-events-criteria-accordion .events-accordion{
        margin-bottom: 8px;
}
.index-events-criteria-accordion .events-accordion h3{
        border: 1px solid #E2E2E2;
        background: #FFFFFF;
        padding: 14px 12px;
        text-transform: inherit;
        display: flex;
        align-items: top;
        justify-content: space-between;
}
.index-events-criteria-accordion .events-accordion h3 .event-name{
        flex: 0 0 85%;
        margin: 0;
        font-size: 14px;
        color: #000000;
        word-break: break-word;
}
.index-events-criteria-accordion .events-accordion h3 .event-name.temp-list-name{
        font-style: italic;
}
.index-events-criteria-accordion .events-accordion h3 .button-bg{
         margin-top: 2px;
}
.index-events-criteria-accordion .events-accordion.active h3, .index-events-criteria-accordion .events-accordion h3:hover{
       font-weight: bold;
       color: #000000;
       background: #EAEAEA;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion{
        border: 1px solid #ccc;
        border-top: 0;
        margin-top: 0;
        max-height: 430px;
        position: relative;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .event-details{
        border-bottom: 1px solid #F0F0F0;
        margin: 0 12px;
        padding: 16px 0;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event.index-selected,
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event:hover
{
        background: #F0F0F0;
        border-left: 4px solid #666666;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event.index-selected .event-details,
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event:hover .event-details{
        margin-left: 8px;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event.index-selected .events-count,
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event:hover .events-count{
        background-color: #00668C;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event.index-selected .events-count p,
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event:hover .events-count p{
        color: #FFFFFF
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .event-details.last-index-event{
        border-bottom: 0;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .index-details{
        flex: 0 0 80%;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .event-index-name{
        margin-bottom: 8px;
        font-size: 12px;
        color: #000000;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event.locked-index .event-index-name:after{
        content: '';
        background-image: url(../images/icon-lock-sm.svg);
        background-repeat: no-repeat;
        border: 0 none;
        text-align: center;
        display: inline-block;
        height: 11px;
        width: 11px;
        margin-left: 4px;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .event-date{
        margin: 0;
        font-size: 11px;
        color: #999999;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .event-date{
        margin: 0;
        font-size: 11px;
        color: #999999;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .events-count{
        height: 20px;
        padding: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #00668C;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .events-count p{
        margin: 0;
        font-size: 11px;
        color: #FFFFFF;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .events-count.filter-events-count{
        background-color: #DC7901;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .events-count.no-events{
        background-color: #CCCCCC;
}
.index-events-criteria-accordion .events-accordion .events-facet-accordion .index-event .events-count.no-events p{
        color: #666666;
}
.index-events-criteria-accordion.ps-container.ps-active-x > .ps-scrollbar-x-rail, 
.index-events-criteria-accordion.ps-container.ps-active-y > .ps-scrollbar-y-rail,
.events-facet-accordion.ps-container.ps-active-y > .ps-scrollbar-y-rail,
.events-facet-accordion.ps-container.ps-active-x > .ps-scrollbar-x-rail
{
        display: block;
}
.index-events-criteria-accordion.ps-container > .ps-scrollbar-y-rail,
.events-facet-accordion.ps-container > .ps-scrollbar-y-rail
{
        background: none repeat scroll 0 0 #F5F5F5;
        display: none;
        right: 0 !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 8px;
}
.index-events-criteria-accordion.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.events-facet-accordion.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y
{
        background-color: #CCCCCC;
        position: absolute;
        right: 0;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
}

/* End - INDEX EVENTS */

/* Start - Index Events - Re-Order My List & Index List Popup */
.reordermylists-modal .p-20, .index-list-modal .p-20 {
        padding: 20px;
}
.reordermylists-modal .re-order-title, .index-list-modal .modal-title {
        padding-bottom: 12px;
        border-bottom: 1px solid #ccc;
        font-size: 22px;
        font-family: 'Geogtq-Lg';
        font-weight: 600;
}
.reordermylists-modal .info-tbl, .index-list-modal .info-tbl {
        font-size: 14px;
        font-family: 'Geogtq-Rg';
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 26px;
        color: #333333;
		word-break: break-word;
}
.reordermylists-modal .reordermylists-modal>.modal-dialog, .index-list-modal .index-list-modal>.modal-dialog{
        width: 490px !important;
        margin-top: 5%;
}
.reordermylists-modal .re-order-tbl, .index-list-modal .index-list-tbl {
        border: 1px solid #ccc;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}
.reordermylists-modal .re-order-tbl>thead>tr>th, .index-list-modal .index-list-tbl>thead>tr>th {
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: space-between;
        height: 32px;
        background: #F9F9F9 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #CCCCCC;
        border: 1px solid #B4B4B4;
}
.reordermylists-modal .re-order-tbl>tbody>tr>td, .index-list-modal .index-list-tbl>tbody>tr>td {
        padding: 9px 11px;
        font-size: 12px;
        line-height: 18px;
        border: none;
        word-break: break-word;
}

.reordermylists-modal .re-order-tbl>tbody>tr:hover, .index-list-modal .index-list-tbl>tbody>tr:hover{
        background: #F5F5F5;
        color: #000;
}
.reordermylists-modal .re-order-tbl>tbody>tr, .index-list-modal .index-list-tbl>tbody>tr {
        display: block;
        border-bottom: 1px solid #B4B4B4;
}
.reordermylists-modal .btn-custom-action, .index-list-modal .btn-custom-action {
        background: transparent linear-gradient(180deg, #007F9D 0%, #005D73 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #005D72;
        border-radius: 2px;
        height: 24px;
        padding: 4.5px 8px;
        font-family: 'Geogtq-Rg';
        color: #fff;
        font-size: 14px;
}
.reordermylists-modal .selected-list,
.selected-list:has(> tr:hover) {
        background-color: #666666 !important;
        color: #fff !important;
}
.reordermylists-modal .selected-list:has(> tr) {
        color: #fff;
}
.reordermylists-modal .up-arrow-icon {
        float: right;
        border-color: transparent;
        border-top-color: #D00;
        border-style: solid;
        border-width: 0.5em 0.31em 0;
        width: 0;
        height: 0;
        position: relative;
        line-height: 0;
        margin-left: 7px;
        border-width: 2px 4px 6px 4px;
        border-top-color: transparent;
        border-bottom-color: #fff;
}
.reordermylists-modal .down-arrow-icon {
        display: block;
        float: right;
        margin-top: 0.25em;
        border-color: transparent;
        border-top-color: #fff;
        border-style: solid;
        border-width: 6px 4px 0px 4px;
        width: 0;
        height: 0;
        position: relative;
        margin-left: 7px;
        line-height: 0;
}
.reordermylists-modal .btn-action, .index-list-modal .btn-action {
        width: 86px;
        height: 26px;
        box-shadow: inset 0px 3px 2px #FFFFFF67;
        color: #ffff;
        font-size: 12px;
        font: normal normal bold 12px/14px Arial;
        border-radius: 4px;
}
.reordermylists-modal .btn-action:disabled, .btn-custom-action:disabled, .index-list-modal .btn-action:disabled {
        opacity: 0.5;
}
.reordermylists-modal .save-btn, .index-list-modal .save-btn {
        background: transparent linear-gradient(180deg, #DF3144 0%, #E13045 65%, #CB2F40 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #B63441;
}
.reordermylists-modal .cancel-btn, .index-list-modal .cancel-btn {
        background: transparent linear-gradient(180deg, #AAAAAA 0%, #7F7F7F 65%, #7B7B7B 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        margin-left: 10px;
}
.reordermylists-modal .footer-btns, .index-list-modal .footer-btns {
        padding-top: 20px;
        justify-content: flex-end;
        display: flex;
}
/* End - Index Events - Re-Order My List & Index List Popup */

/* Utilities */
.d-block {
        display: block !important;
}
.d-none {
        display: none !important;
}
.ml-5 {
        margin-left: 5px;
}
.ml-10 {
        margin-left: 10px;
}
.pr-8 {
        padding-right: 8px;
}
.pl-12 {
        padding-left: 12px;
}
.font-weight-bold {
        font-weight: bold;
}
/* Utilities - END*/

/* Start - INDEX EVENTS - Add to list Tabs */
.data-center .add-to-list-dropdown {
        background: #EEEEEE;
}
.data-center .add-to-list-dropdown .tab-inner {
        min-height: 350px;
        border: 1px solid #ccc;
        padding: 10px 10px 10px 10px;
        background: none repeat scroll 0 0 #FFFFFF;
}
.data-center .add-to-list-dropdown .nav-pills>li.active>a,
.data-center .add-to-list-dropdown .nav-pills>li.active>a:focus,
.data-center .add-to-list-dropdown .nav-pills>li.active>a:hover {
        width: 100%;
        left: 0;
        font-weight: bold;
        padding: 14px 10px;
}
.data-center .add-to-list-dropdown ul.nav-pills li:nth-child(1),
.data-center .add-to-list-dropdown .nav-stacked>li.active:nth-child(1) {
        width: 40%;
        min-width: 100px;
}
.data-center .add-to-list-dropdown .nav-stacked>li:nth-child(1) a {
        border-right: 0;
}
.data-center .add-to-list-dropdown .nav-stacked>li.active:nth-child(1) a {
        border-right: 0.8px solid #ccc;
}
.data-center .add-to-list-dropdown ul.nav-pills li:nth-child(2),
.data-center .add-to-list-dropdown .nav-stacked>li.active:nth-child(2) {
        width: 60%;
}
.data-center .add-to-list-dropdown .tab-inner ul li{
        background: #ffffff;
        border-bottom: 1px solid #ccc;
        height: 28px;
        display: flex;
        align-items: center;
        cursor: pointer;
}
.data-center .add-to-list-dropdown .tab-inner ul li:last-child{
        border-bottom: 0px;
}
.data-center .add-to-list-dropdown .tab-inner ul li.active,
.data-center .add-to-list-dropdown .tab-inner ul li.active:hover{
        background:#00668C;
        color: #ffffff;
}
.data-center .add-to-list-dropdown .tab-inner ul li:hover{
        background: #666666;
        color: #ffffff;
}
.data-center .add-to-list-dropdown .tab-inner ul li.disabled,
.data-center .add-to-list-dropdown .tab-inner ul li.disabled:hover {
        background: #EFEFEF;
        color: #999999;
        cursor: default;
}
/* End - INDEX EVENTS - Add to list Tabs */
/* Start - MY INDEX EVENTS LISTS - Popup */
.p-20 {
        padding: 20px;
}
#my-index-events-lists .p-absolute {
        position: absolute !important;
		background-position: -228px -5px;
		height: 15px;
}
#my-index-events-lists .header {
        font-size: 18px;
        font-family: 'Geogtq-Rg';
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
}
#my-index-events-lists .list-detail > form > label, .list-detail > label {
        margin-top: 24px;
        margin-bottom: 6px;
        font-size: 14px;
        font-family: 'Geogtq-Rg';
        display: block;
}
#my-index-events-lists .list-detail > form > .list-name {
        border: 1px solid #ccc;
        padding: 8px 10px;
        font-size: 14px;
        width: 100%;
}
#my-index-events-lists .inEligible-color {
        color: #808080;
}
.myIndexEventLists-modal>.modal-dialog {
        width: 660px;
}
#my-index-events-lists .text-center {
        text-align: center !important;
}
#my-index-events-lists .btn-bar {
        padding: 20px 0 10px;
        text-align: right;
}
#my-index-events-lists .ineligible-indicies-data {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
}
#my-index-events-lists .save-btn{
        background: transparent linear-gradient(180deg, #DF3144 0%, #E13045 65%, #CB2F40 100%) 0% 0% no-repeat padding-box;
        width: 86px;
        height: 26px;
        border: 1px solid #B63441;
        border-radius: 4px;
        color: #fff;
        box-shadow: inset 0px 3px 2px #FFFFFF67;
}
#my-index-events-lists .cancel-btn{
        background: transparent linear-gradient(180deg, #AAAAAA 0%, #7F7F7F 65%, #7B7B7B 100%) 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 3px 2px #FFFFFF67;
        border: 1px solid #707070;
        border-radius: 4px;
        width: 86px;
        height: 26px;
        color: #fff;
}
#my-index-events-lists .save-btn:disabled {
        opacity: 0.5;
        pointer-events: none;
}
#my-index-events-lists .text-italic{
		font-style: italic;
}
#my-index-events-lists .text-ellipsis{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding: 1px 19px;
}
#my-index-events-lists .align-items-center{
        display: flex;
        align-items: center;
}
.pl-16{
        padding-left: 16px !important;
}
#my-index-events-lists .tbl-header{
        border-collapse: collapse;
        margin-top: 24px;
        font-size: 12px;
        font-weight: 600;
        padding: 9px 12px;
        border: 1px solid #ccc;
}
.box-shadow{
        box-shadow: 0px 3px 6px #CCCCCC;
}
#my-index-events-lists .tbl-content{
        padding: 7px 12px;
        font-size: 12px;
        border-top: none;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
}
#my-index-events-lists .last-index-list{
        border-bottom: none !important;
}
#my-index-events-lists .border-right-none{
        border-right: none !important;
}
#my-index-events-lists > .dynamic-loader{
        height: 100%;
}
#my-index-events-lists .tbl-content.inEligible-color, .tbl-header.border-right-none{
        border-right: none !important;
}
.w-50{
        width: 50% !important;
}
.mt-0{
        margin-top: 0px !important;
}
.mt-10{
        margin-top: 10px !important;
}
.mb-20{
        margin-bottom: 20px !important;
}
.ineligible-tbl{
        width: 309px !important;
}
.p-0{
        padding: 0px !important;
}
/* End - MY INDEX EVENTS LISTS - Popup */
/* Start - GO TO INDEX EVENTS INELIGIBLE- Popup */
.ineligible-popup{
        padding-top: 50px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
}
.goToIndexEventLists-modal>.modal-dialog {
        width: 660px;
}
#my-index-events-lists .list-detail.go-to-index-events-popup-bd {
       border-top: 1px solid #ccc;
}
#my-index-events-lists .list-detail.go-to-index-events-popup-bd .not-eligible-title {
        padding: 10px;
        margin-left: -10px;
}
#my-index-events-lists .go-to-index-events-popup-btn{
        background: transparent linear-gradient(180deg, #DF3144 0%, #E13045 65%, #CB2F40 100%) 0% 0% no-repeat padding-box;
        height: 26px;
        border: 1px solid #B63441;
        border-radius: 4px;
        color: #fff;
        box-shadow: inset 0px 3px 2px #FFFFFF67;
}
#my-index-events-lists .go-to-index-events-popup-btn:disabled {
        opacity: 0.5;
        pointer-events: none;
}
#my-index-events-lists .go-to-index-events-popup-bd .text-italic{
	font-style: italic;
        color: #808080;
}
/* End - GO TO INDEX EVENTS INELIGIBLE- Popup */
/* INDEX EVENTS - SAVED LIST SECTION CSS STARTS */
.add-to-my-list .nav-pills > li > a, .data-center .saved-sections .nav li a {font-family: "Geogtq-Rg",Arial;}
.data-center .tab-inner .saved-sections .dynamic-loader {top:100px;}
.data-center .tab-inner .saved-sections .nav-pills{font-size:13px;margin-top:25px;}
.data-center .tab-inner .saved-sections .nav li {padding:3px 0;}
.data-center .tab-inner .saved-sections .nav li a{padding:10px;border-bottom:1px solid #ccc;}
.data-center .tab-inner .saved-sections .nav-pills > li.active > a, 
.data-center .tab-inner .saved-sections .nav-pills > li.active > a:focus, 
.data-center .tab-inner .saved-sections .nav-pills > li.active > a:hover{width:100%;left:0;font-weight:bold;padding:14px 10px;border-bottom:0;}
.data-center .tab-inner .saved-sections ul.nav-pills li:nth-child(1),
.data-center .tab-inner .saved-sections .nav-stacked > li.active:nth-child(1) {width:40%;min-width:100px;}
.data-center .tab-inner .saved-sections .nav-stacked > li:nth-child(1) a{border-right:0;}
.data-center .tab-inner .saved-sections .nav-stacked > li.active:nth-child(1) a{border-right:0.8px solid #ccc;}
.data-center .tab-inner .saved-sections .nav-stacked > li:nth-child(1) a {border-left:0;}
.data-center .tab-inner .saved-sections ul.nav-pills li:nth-child(2),
.data-center .tab-inner .saved-sections .nav-stacked > li.active:nth-child(2){width:60%;}
.data-center .tab-inner .saved-sections .nav-stacked > li:nth-child(2) a{border-right:0;}
.data-center .tab-inner .saved-sections .tab-content {margin-top:9px;}
.data-center .tab-inner .saved-sections .saved-list li{border-bottom:1px solid #F0F0F0;}
.data-center .tab-inner .saved-sections .saved-list li:last-child{border-bottom:none;}
.data-center .tab-inner .saved-sections .saved-list li:hover{background:#F0F0F0;}
.data-center .tab-inner .saved-sections .saved-list li.active{border-left:4px solid #000000;margin-left:0;background:#F0F0F0;}
.data-center .tab-inner .saved-sections .saved-list li {padding:3px 10px 3px 0;}
.data-center .tab-inner .saved-sections .saved-list li span.saved-list-close {margin-top:8px;}
.data-center .tab-inner .saved-sections .saved-list li {display: flex;justify-content: space-between;align-items: center;}
.data-center .tab-inner .saved-sections .saved-list li .btn.dropdown-toggle,
.data-center .tab-inner .saved-sections .saved-list li .btn {padding: 0;background: transparent;height: 20px;}
.my-list-menu-options{min-width: 120px;top: 10px;}
.my-list-menu-options li {font-size: 12px;border-bottom: 1px solid #ccc;padding: 4px 0;}
.my-list-menu-options li:last-child{border-bottom: 0;}
.tooltip.bottom.goto-index-events-tooltip{margin-top: 0;}
/* INDEX EVENTS - SAVED LIST SECTION CSS ENDS */
/* INDEX EVENTS - MAIN SCREEN */
#indexevents-module {
        margin-top: 7px;
}
.tbl-container{
        width: calc(100% - 292px);
        float: left;
        margin-left: 10px;
        padding: 0;
}
.tbl-container > label{
        background: #727272;
        padding: 8px 10px;
        font-family: 'Geogtq-Rg';
        color: #fff;
        font-size: 18px;
        width: 100%;
        height: 34px;
        float: left;
}
.indexevent-comment-icon{
        background-image: url(../images/comment.png);
        width: 20px;
        height: 20px;
        position: relative;
        top: 3px;
}
.space-indexevent-comment-icon {
        width: 20px;
        height: 20px;
}
.tooltip.index-events-comments-tooltip .tooltip-inner {
        max-width: 500px;
        word-break: break-word;
        text-align: left;
}
.indexevent-more-icon{
        background-image: url(../images/more.png);
        width: 20px;
        height: 22px;
        position: relative;
        top: 3px;
        word-wrap: break-word;
        cursor: pointer;
}
.index-events-more-menu{
        min-width: 120px;
}
.index-events-more-menu li a{
        font-size: 12px;
        line-height: 14px;
        min-height: 25px;
        padding: 5px 10px;
        cursor: pointer;
}
.index-events-more-menu li a:hover{
        background: #F5F4F5;
}
.space-indexevent-comment-icon{
        width: 20px;
        height: 20px;
}
.d-flex{
        display: flex;
}
.flex-v-center{
        align-items: center;
}
.flex-space-between{
        justify-content: space-between;
}
.d-inline-block{
        display: inline-block;
}
.justify-content-around{
        justify-content: space-around;
}
.status-indicator{
        width: 4px;
        height: 22px;
        display: flex;
        position: absolute;
        left: 1px;
        margin: 1px 0px;
}
.status-indicator.Finalized{
        background: #57D927;
}
.status-indicator.Pending {
        background: #E5D61A;
}
.status-indicator.Canceled {
        background: #E0440B;
}
.status-indicator.Estimate {
        background: #00668C;
}
.indexevents-tbl-container {
        background: #fff;
        border: 1px solid #ccc;
}
.indexevents-pagination{
        margin: 10px;
}
.status-info{
        width: 100%;
        display: flex;
        margin: 10px;
}
.status-info > .finalized{
        background: #E9FAE2;
        padding: 4px 10px;
        border-left: 4px solid #57D927;
        margin-right: 10px;
}
.status-info > .pending{
        background: #FDFBE7;
        padding: 4px 10px;
        border-left: 4px solid #E5D61A;
        margin-right: 10px;
}
.status-info > .canceled{
        background: #E0440B1A;
        padding: 4px 10px;
        border-left: 4px solid #E0440B;
        margin-right: 10px;
}
.status-info > .estimated{
        background: #00668C1A;
        padding: 4px 10px;
        border-left: 4px solid #00668C;
        margin-right: 10px;
}
.lock-icon-indexevents{
        left: 14px;
        position: absolute;
        top: 4px;
}
.index-events-criteria-accordion > .events-accordion.active > h3{
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #EAEAEA 100%) 0% 0% no-repeat padding-box;
        font-weight: 700;
}
.index-events-criteria-accordion > .events-accordion > h3:hover{
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #EAEAEA 100%) 0% 0% no-repeat padding-box;
}
.m-11{
        margin:11px !important;
}
.mb-14{
        margin-bottom:14px !important;
}
.panel-indexevents-name:after{
        content: '';
        background-image: url(../images/icon-lock-sm.svg);
        background-repeat: no-repeat;
        border: 0 none;
        text-align: center;
        display: inline-block;
        height: 11px;
        width: 11px;
        margin-left: 4px;
}
/* Start - Index Events - Export Btn & More Btn */
.indexevents-tbl-container .quick-access{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 7px;
}
.indexevents-tbl-container .quick-access .export-actions{
        display: flex;
        align-items: center;
}
.indexevents-tbl-container .quick-access .export-actions .dropdown-menu{
	min-width: 135px;
}
.indexevents-tbl-container .quick-access .export-actions .dropdown-menu li a{
	width:100%;
}
.indexevents-tbl-container .quick-access .export-actions .grid-head-menu .dropdown-toggle{
        background: none;
        line-height: 1;
        border: 0px;
        padding-right: 10px;
        padding-left: 10px
}
.indexevents-tbl-container .quick-access .export-actions .grid-head-menu .dropdown-toggle:active{
        box-shadow: none;
}
.indexevents-tbl-container .quick-access .export-actions .grid-head-menu .dropdown-menu{
        top: 85%;
        right:12px;
        width:180px;
}
.indexevents-tbl-container .quick-access .export-actions .grid-head-menu .dropdown-menu li ,.export-actions .dropdown >.dropdown-menu > li {
        height: 32px;
        align-items: center;
        display: flex;
}
/* End - Index Events - Export Btn & More Btn */
#index-events-lists-left-panel > .dynamic-loader, #reorder-tbl > .dynamic-loader{
        height: 100%;
        top: 0;
        background: rgb(0 0 0 / 11%);
        pointer-events: auto;
}
#index-events-lists-right-panel > .dynamic-loader{
        height: calc(100% - 33px);
        top: 33px;
        background: rgb(0 0 0 / 11%);
        pointer-events: auto;
}
#index-events-lists-right-panel.indexevents-tbl-container {
        min-height: 442px;
        margin-top: 33px;
}
#index-events-lists-right-panel .grid-empty-message {
	padding: 180px 40px;
}
.indexevents-top-container{
        min-height: 44px;
}

#reorder-table-data, #index-list-tbl-bdy-data {
        max-height: 185px;
        display: block;
        position: relative;
}
#reorder-table-data.ps-container.ps-active-x > .ps-scrollbar-x-rail, 
#reorder-table-data.ps-container.ps-active-y > .ps-scrollbar-y-rail,
#reorder-table-data.ps-container.ps-active-y > .ps-scrollbar-y-rail,
#reorder-table-data.ps-container.ps-active-x > .ps-scrollbar-x-rail {
        display: block;
}
#reorder-table-data.ps-container > .ps-scrollbar-y-rail {
        background: none repeat scroll 0 0 #cccccc;
        display: none;
        right: 0 !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 7px;
        border-radius: 4px;
}
#reorder-table-data.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
#reorder-table-data.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
        background-color: #AAAAAA;
        border-radius: 4px;
        position: absolute;
        transition: background-color 0.2s linear 0s;
        width: 8px;
        min-height: 15px !important;
}
.index-events-wrapper .text-ellipsis{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
}
.index-events-wrapper .nowrap{
        white-space: nowrap;
}
.index-events-wrapper .selected-index-wrapper{
        margin: 16px 10px 0px;
        display: flex;
        justify-content: space-between;
}
.index-events-wrapper .selected-index-wrapper > .selected-index-name{
        font-size: 16px;
        font-family: 'Geogtq-Rg';
        font-weight: 600;
        line-height: 18px;
}
.index-events-wrapper .indexevents-top-container .back-to-link{
        font-family: 'Geogtq-Rg';
        text-decoration: underline;
        white-space: nowrap;
		display: inline-block;
		padding: 10px 0 0 10px;
}
.index-events-top-tooltip > .tooltip-arrow {
        bottom: -2px !important;
        transform: rotate(180deg);
        top: auto !important;
}
.addtolist-tooltip.tooltip.top-left {
        margin-top: 5px;
	margin-left: 5px;
}
.addtolist-tooltip.tooltip.top-left > .tooltip-arrow {
	bottom: -2px !important;
	transform: rotate(180deg);
	top: auto !important;
}
.addtolist-tooltip.tooltip.top-left .tooltip-inner, .addtolist-tooltip.tooltip.bottom-left .tooltip-inner {
	max-width: 340px;
        word-break: break-word;
        text-align: left;
}
.pointer-events-none {
        pointer-events: none !important;
}

/* Start - INDEX EVENTS - Index List Popup */
.modal-open .modal.index-list-modal{
        overflow: hidden;
        display: flex !important;
        align-items: center;
}
.index-list-modal .modal-dialog{
       margin: 0 auto;
}
.index-list-modal .index-list-tbl tr{
        cursor: pointer;
        color: #000;
}
.index-list-modal .index-list-tbl tr.selected-index,
.index-list-modal .index-list-tbl tr.selected-index:hover{
        background-color: #727272;
        color: #fff;
}
.index-list-modal .index-list-tbl>tbody>tr>td{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 424px;
}
.index-list-modal .index-list-tbl-container .index-list-tbl{
        min-height: 215px;
}
/* End - INDEX EVENTS - Index List Popup */

/* Start - INDEX EVENTS - Access Files Popup (Proforma & End of Day) */
.w-100{
        width: 100%;
        min-width: 100%;
}
.custom-dropdown .btn{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        height: 32px;
        border-radius: 0;
        border: 1px solid #ccc;
        background: #fff;
        color: #000;
        box-shadow: none;
        font-weight: bold;
}
.custom-dropdown .btn-bold{
        font-weight: bold;
}
.custom-dropdown .btn .dropdown-index-name{
        width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
}
.custom-dropdown .btn:actvie{
        box-shadow: none;
}
.custom-bootstrap-dropdown{
        position: relative;
}
.custom-bootstrap-dropdown .dropdown-btn{
        border: 1px solid #CCCCCC;
        border-radius: 0;
        background: #fff;
        font-size: 12px;
        height: 26px;
        padding: 0 12px;
        width: 190px;
}
.custom-bootstrap-dropdown .dropdown-btn.btn:active{
        box-shadow: none;
}
.custom-bootstrap-dropdown #saved-filters-list.dropdown-menu{
        width: 245px;
		left: auto;
		right: 0;
}
.custom-bootstrap-dropdown .dropdown-menu{
        left: 0;
}
.custom-bootstrap-dropdown .dropdown-menu li{
        height: 32px;
        font-size: 12px;
        padding: 10px;
        border-bottom: 1px solid #ccc;
}
.custom-bootstrap-dropdown .dropdown-menu li:last-child{
        border-bottom: 0;
}
.custom-bootstrap-dropdown .dropdown-menu li.selected, .custom-bootstrap-dropdown .dropdown-menu li.selected:hover{
        background-color: #E4E4E4;
}
.index-selection-dropdown .custom-dropdown .dropdown-menu{
        max-height: 260px;
}
.custom-dropdown .dropdown-menu li{
        font-size: 12px;
        color: #000;
        padding: 9px 12px 6px;
        height: 32px;
        border-bottom: 1px solid #E2E2E2;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /*Elipsis will not work if we use display property other than block/inline-block */
}
.custom-dropdown .dropdown-menu li.selected-item, .custom-dropdown .dropdown-menu li.selected-item:hover{
        background-color: #f5f5f5;
}
.index-events-access-files-modal .access-files-popup .index-selection-dropdown{
        margin: 0 0 25px;
}
.custom-ps-container.ps-container.ps-active-x > .ps-scrollbar-x-rail, 
.custom-ps-container.ps-container.ps-active-y > .ps-scrollbar-y-rail,
.custom-ps-container.ps-container.ps-active-y > .ps-scrollbar-y-rail,
.custom-ps-container.ps-container.ps-active-x > .ps-scrollbar-x-rail{
        display: block;
}
.custom-ps-container.ps-container > .ps-scrollbar-y-rail{
        background: none repeat scroll 0 0 #cccccc;
        display: none;
        right: 0 !important;
        position: absolute;
        transition: background-color 0.2s linear 0s, opacity 0.2s linear 0s;
        width: 7px;
        border-radius: 4px;
}
.custom-ps-container.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.custom-ps-container.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{
        background-color: #AAAAAA;
        border-radius: 4px;
        position: absolute;
        transition: background-color 0.2s linear 0s;
        width: 7px;
        min-height: 15px !important;
}
.access-files-popup .files-list-tbl #files-list-tbl-bdy-data{
        max-height: 400px;
        position: relative;
        display: block;
}
#files-modal-grid {
        position: relative;
}
#files-modal-grid .ag-body-viewport-wrapper, #files-modal-grid .ag-body-viewport, #files-modal-grid .ag-body {
        max-height: 270px;
        min-height: 260px;
}
.index-list-tooltip{
        opacity: 1;
}
.index-list-tooltip .tooltip-inner{
        width: 400px;
        text-align: left;
}
.no-access-files-msg{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 260px;
        width: 100%;
        border: 1px solid #CCCCCC;
}
.no-access-files-msg p {
        color: #999999;
        font-size: 12px;
        font-style: italic;
		padding: 0 10px;
}
.access-files-popup .footer-btns{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
        padding-bottom: 20px;
}
.access-files-popup .footer-btns p{
        color: #666666;
        font-size: 12px;
        margin-bottom: 0;
}
.access-files-popup .footer-btns a{
        text-decoration: underline;
        margin-top: 0;
        text-transform: none;
        font-size: 14px;
        color: #117193;
}
/* End - INDEX EVENTS - Access Files Popup (Proforma & End of Day) */

/* Start - INDEX EVENTS - Filter Dropdown*/
.index-events-filters-group .filter-dropdown-toggle-btn{
        background: transparent linear-gradient(180deg, #FFFFFF 0%, #E2E2E2 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #999999;
        margin: 3px 6px 0 10px;
        width: 75px;
        height: 32px;
        padding: 5px 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.index-events-filters-group .index-events-saved-filters .filter-dropdown-toggle-btn{
        width: 162px;
        margin: 0;
        box-shadow: none;
}
.index-events-filters-group .index-events-saved-filters .filter-dropdown-toggle-btn[disabled] {
        opacity: 0.6;
}
.index-events-filter.open .filter-dropdown-btn {
        color: #fff;
        background: #204d74;
        border-color: #122b40;
}
.index-events-filter .filter-dropdown-btn .filter-applied-icon{
        width: 14px;
        height: 18px;
}
.index-events-filter .filters-dropdown-menu{
        left: 0;
        margin: 0 10px 0;
        width: 434px;
        padding: 20px;
        font-size: 12px;
}
.index-events-filter .filters-dropdown-menu .left-filters{
        min-width: 392px;
}
.index-events-filter .filters-dropdown-menu.more-filters-opened{
        width: 850px;
}
.index-events-filter .filters-dropdown-menu .filter-group{
        margin-bottom: 20px;
}
.index-events-filter .filters-dropdown-menu .filter-group .filter-title,
.save-search-wrapper .data-section .save-filter-popup .title-section .save-filter-title{
        font-weight: bold;
        margin-bottom: 6px;
        line-height: 12px;
}
.index-events-filter .filters-dropdown-menu .filter-group.status-filter .filter-title{
        margin-bottom: -20px;
}
.index-events-filter .filters-dropdown-menu .filter-group.status-filter .status-saved-filters{
        border-bottom: 1px solid #ccc;
        padding-bottom: 8px;
        margin-bottom: 16px;
}
.index-events-filter .date-period-filter .date-pickers{
        margin-top: 10px;
}
.index-events-filter .date-period-filter .date-pickers label {
        margin-bottom: 5px;
        display: block;
}
.index-events-filter .date-period-filter .date-pickers .from-date .calendar-grid {
        left: -9px;
}
.index-events-filter .date-period-filter .date-pickers .to-date .calendar-grid {
        left: -300px;
}
.index-events-filter .date-period-filter .date-pickers .date-section {
        height: 25px;
}
.index-events-filter .date-period-filter .date-pickers .date-section .date-field {
        width: 166px;
}
.index-events-filter #action-grp-tree {
        max-height: 148px;
        height: 148px;
        position: relative;
}
.index-events-filter #more-filters-grp-tree {
        max-height: 315px;
        height: 315px;
        position: relative;
}
.index-events-filter .data-criteria{
        border: 1px solid #CCCCCC;
}
.index-events-filter ul.fancytree-container{
        padding: 12px;
}
.index-events-filter .data-criteria .ps-container > .ps-scrollbar-y-rail{
        right: 0 !important;
}
.index-events-filter .filters-dropdown-menu .filter-group.action-group{
        margin-bottom: 5px;
}
.index-events-filter .filters-dropdown-menu .more-filters{
        width: 100%;
        margin-left: 18px;
}
.index-events-filter .filters-dropdown-menu .more-filters .action-group{
        margin-top: 20px;
}
.index-events-filter .filters-dropdown-menu .more-filters .data-criteria{
        margin-top: 27px;
}
.index-events-filter .view-data{
        text-transform: capitalize;
}
.index-events-filter .filter-actions{
        margin-top: 40px;
        margin-bottom: 0;
}
.index-events-filter .filter-actions .gray-btn-left{
        min-width: 92px;
        width: 92px;
}
.index-events-filter .filter-actions .gray-btn-left button{
        text-align: center;
}
.index-events-saved-filters{
        position: relative;
}
.index-events-saved-filters ul{
        max-height: 200px;
}
.index-events-saved-filters ul .ps-scrollbar-y-rail{
       right: 0 !important;
}
.index-events-saved-filters.custom-bootstrap-dropdown .dropdown-menu li{
        font-size: 12px;
		margin-right: 15px;
        padding: 4px 0;
        border-bottom: 0;
        height: auto;
}
.index-events-saved-filters.custom-bootstrap-dropdown .dropdown-menu li.selected,
.index-events-saved-filters.custom-bootstrap-dropdown .dropdown-menu li.selected:hover,
.index-events-saved-filters.custom-bootstrap-dropdown .dropdown-menu li.selected a:hover{
        background-color: #E4E4E4;
}
.index-events-saved-filters ul li a{
        color: #000000;
        width: 90%;
        word-wrap: break-word;
        white-space: normal;
}
.index-events-saved-filters ul li .remove-saved-filter{
        cursor: pointer;
        min-height: 24px;
}
.save-filter-modal .modal-content {
        width: 388px;
}
.save-search-wrapper .data-section .save-filter-popup .default-filter-section {
        margin-top: 10px;
        font-size: 12px;
}
.save-filter-modal .save-search-wrapper .btn-bar{margin:10px 0 0 0;}
#index-events-filter-dropdown .fancytree-exp-c span.fancytree-expander, 
#index-events-filter-dropdown .fancytree-exp-c span.fancytree-expander:hover, 
#index-events-filter-dropdown span.fancytree-checkbox, #index-events-filter-dropdown  span.fancytree-checkbox:hover {margin-top: 2px;}
.applied-filters-indicator{
        border: 1px solid #999999;
        background: #F7F7F7;
        margin: 3px 10px 0 0;
        height: 32px;
        padding: 10px;
        max-width: 600px;
}
.applied-filters-indicator img{
        margin-right: 6px;
}
.applied-filters-indicator p{
        margin-bottom: 0;
        font-size: 14px;
        text-align: left;
}
.applied-filters-indicator .filter-applied{
        min-width: 90px;
}
.applied-filters-indicator .applied-saved-filter-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}
.clear-filter-applied {
	padding-left: 8px;
        border-left: 1px solid #999999;
        width: 18px;
        height: 32px;
        margin-left: 10px;
        line-height: 35px;
        cursor: pointer;
}
.clear-filter-applied img.clear-filter-applied-icon {
	width: 9px;
        height: 9px;
}
.navigation ul.dropdown-menu.index-events-menu {
	min-width: 166px;
}
/* End - INDEX EVENTS - Filter Dropdown*/

/* Start - SIB ACCESS Popup styles*/
.sib-access-modal .modal-dialog {
        color:#000;
}
.sib-access-modal .modal-dialog .modal-content {
        padding: 20px;
}
.sib-access-modal .page-title {
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
}
.sib-access-modal .page-title h2 {
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0 0 0;
        color: #D5364A;
        word-wrap: break-word;
}
.sib-access-modal .info-text {
        font-weight: bold;
}
.sib-access-modal .page-content {
        margin-top: 10px;
}
.sib-access-modal .page-content .tool-list .tool {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
}
.sib-access-modal .page-content .tool-list .tool .tool-details {
        width: 60%;
}
.sib-access-modal .page-content .tool-list .tool .tool-details .name {
        font-weight: bold;
}
.sib-access-modal .page-content .tool-list .tool .view-data { 
        margin-top: 30px;
        font-weight: bold;
}
/* End - SIB ACCESS Popup styles*/

/* Start - Rename Popup styles*/
.rename-wrapper.popup-wrapper{
        padding: 20px;
}
.rename-wrapper.popup-wrapper .modal-header {
        margin-bottom: 20px;
}
.rename-wrapper .title-section p{
        font-size: 14px;
        color: #000000;
        margin: 0 0 6px 0;
}
.rename-wrapper .search-section .search-box input{
        height: 32px;
}
.rename-wrapper .btn-bar{
        margin-top: 25px;
}
.rename-wrapper .data-section .resp-err-text {
        color: #FF0000;
        word-wrap: break-word;
}
/* End - Rename Popup styles*/

/* Start - ChatAI styles */
.chat-float-btn {
        border-radius: 8px;
        height: 48px;
        width: 48px;
        position: fixed;
        bottom: 23px;
        right: 40px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
}
.chat-float-btn .chat-btn-icon{
        height: 32px;
        width: 32px;
}
.chatbox-holder{
        border: 1px solid #BFBFBF;
        background: #FFF;
        box-shadow: 0px 17px 36px 0px rgba(0, 0, 0, 0.46);
        width: 532px;
        bottom: 23px;
        right: 40px;
        position: fixed;
        z-index: 99;        
}
.chatbox-holder .chat-box-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 8px;
        border-bottom: 1px solid #BFBFBF;
        background: linear-gradient(180deg, #FEFEFE 0%, #DCDCDC 100%);
}
.chatbox-holder .chat-box-header .chat-title{
        display: flex;
        align-items: center;
}
.chatbox-holder .chat-box-header .chat-title p {
        margin: 0 0 0 8px;
        font-size: 14px;
        font-family: 'Geogtq-Sb', Arial;
        line-height: 18px;
}
.chatbox-holder .chat-box-header .chat-header-actions button{
        padding: 0;
        height: 24px;
        width: 24px;
        background: transparent;
}
.chatbox-holder .chat-box-header .chat-header-actions .chat-minimize{
        margin-right: 5px;
}
.chatbox-holder .chat-box-header .chat-header-actions button .chat-max-icon{
        margin-top: 2px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder{
        height: 420px;
        overflow: auto;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-messages-disclaimer{
        padding: 0 24px;
        color: #666;
        font-size: 11px;
        margin-top: 16px;
        margin-bottom: 32px;
        font-weight: 400;
        line-height: 16px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-messages-disclaimer .disclaimer-title{
        font-weight: 700;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-messages-disclaimer .line-break {
        display: block; 
        margin: -9px 0;
}    
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-related{ 
        padding: 0 24px 0 60px;
        margin-top: 40px;
        margin-bottom: 24px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-examples{
        padding: 0 24px;
        margin-bottom: 24px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-examples .examples-title,
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-related .related-title{
        font-weight: 600;
        font-size: 14px;
        line-height: 16px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-examples ul .disabled-example {
        pointer-events: none;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-examples ul li:hover {
        background: #DDE9ED;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-examples ul li,
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-box-related ul li {
        font-size: 12px;
        padding: 8px;
        border-radius: 4px;
        border: 1px solid #C8DAE0;
        margin-bottom: 8px;
        line-height: 16px;
        cursor : pointer;
        color: #00678C;
}
.chatbox-holder .chatbox-messages-holder .chatbox-messages-header{
        background: #EEE;
        display: flex;
        padding: 24px 0;
        flex-direction: column;
        align-items: center;
        gap: 18px;
        align-self: stretch;
}
.chatbox-holder .chatbox-messages-holder .chatbox-messages-header p{
        margin-bottom: 0;
        font-size:14px;
        font-family:'Geogtq-Sb',Arial;
        text-align: center;
        width:314px;
        line-height: 16px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages{
        padding: 0 24px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder{
        width: 100%;
        margin: 0 0 24px;
        display: flex;
        flex-flow: column;
        align-items: flex-end;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder.message-partner{
        align-items: flex-start;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message-box{
        display: flex;
        align-items: flex-start;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message{
        padding: 8px 12px;
        border-radius: 4px;
        background: #00678C;
        max-width: 430px;
        font-size: 12px;
        margin-right: 16px;
        color: #fff;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .msg-query{ 
        max-width: 365px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .methodology-section{
        margin-top: 10px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .methodology-section p{
        font-weight: 600;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .methodology-section ul{
        margin-top: 10px;
        list-style: auto;
} 
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder.message-partner .message{
        margin-right: 0;
        margin-left: 16px;
        background: #DDE9ED;
        color: #333;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages p{
        margin-bottom: 0;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .message-bold{
        font-weight: 600;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .list{
        margin-top: 8px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .message-ol{
        list-style-type: decimal;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message li{
        margin-left: 12px;
        margin-bottom: 8px;
        line-height: 16px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder .message .message-ol li::marker{
        content: counter(list-item) ". ";
}
.chatbox-holder .chatbox-messages-holder .chat-send-action{
        padding: 24px;
        display: flex;
        align-items: center;
        width: 525px;
}
.chatbox-holder .chatbox-messages-holder .chat-send-action textarea::placeholder {
        color:#C2C4C3;
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        line-height: 24px;
}
.chatbox-holder .chatbox-messages-holder .chat-send-action .send-input, .chatbox-holder .chatbox-messages-holder .chat-send-action button{
        border-radius: 4px;
        border: 1px solid #C2C4C3;
        background: #FFF;
        resize: none;
        height: 43px;
        min-height: 43px;
        max-height: 64px;
        padding:8px;
        width: 100%;
}
.chatbox-holder .chatbox-messages-holder .chat-send-action .send-input {
        flex: 0 0 90%;
        border-right: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        outline: 0;
        line-height: 16px;
}
.chatbox-holder .chatbox-messages-holder .chat-send-action button{
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        opacity: inherit;
}
.chatbox-holder .chatbox-messages-holder .chat-send-action .send-input.send-focus {
        border-top: 2px solid #00678C;
        border-bottom: 2px solid #00678C;
        border-left: 2px solid #00678C;
        border-right: 0;
}
.chatbox-holder .chatbox-messages-holder .chat-send-action .chat-send.send-focus {
        border-top: 2px solid #00678C;
        border-bottom: 2px solid #00678C;
        border-right: 2px solid #00678C;
        opacity: inherit;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-box-holder.message-partner.message-loader .message{
        border-radius: 50px;
}
.chat-btn-tooltip.top.tooltip{
        right: -47px;
        width: 210px;
}
.chat-btn-tooltip.top.tooltip .tooltip-arrow{
	background: url("../images/tooltip-arrow-top.png") no-repeat scroll center top transparent;	
	top:auto !important;
	bottom:-2px !important;
        right: 15px !important;
}
.chatbox-holder .chat-loader {
        width: 30px;
        aspect-ratio: 2;
        --_g: no-repeat radial-gradient(circle closest-side, #00678C 90%, #0000);
        background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
        background-size: calc(100% / 3) 40%;
        animation: l3 1s infinite linear;
}
@keyframes l3 {
        20%{background-position:0%   0%, 50%  50%,100%  50%}
        40%{background-position:0% 100%, 50%   0%,100%  50%}
        60%{background-position:0%  50%, 50% 100%,100%   0%}
        80%{background-position:0%  50%, 50%  50%,100% 100%}
}

/** ChatAI - Feedback - Thumbup / Thumbdown **/
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-feedback {
        width: 100%;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: flex-end;
        margin: 8px 0;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-feedback .feedback-success-text{
        color: #FFF;
        font-family: Arial;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        border-radius: 4px;
        background: #00678C;
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        margin-right: 8px;
        white-space: nowrap; 
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-feedback .feedback-icons {
        display: flex; 
        align-items: center; 
        gap: 8px;
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-feedback .feedback-icons img {
        cursor: pointer;
        
}
.chatbox-holder .chatbox-messages-holder .conversation-holder .chat-messages .message-feedback .feedback-icons .disabled-icon {
        cursor: default;
}

/** ChatAI - Feedback Box **/
.feedback-wrapper {
        width:100%;
        display: inline-flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 8px;
        position: relative;
}
.feedback-wrapper .img {
        position: relative;
        width: 20px;
        height: 20px;
}
.feedback-wrapper .feedback-box {
        display: flex;
        flex-direction: column;
        width: 298px;
        align-items: flex-start;
        position: relative;
        flex: 0 0 auto;
        background-color: #ffffff;
        border-radius: 4px;
        overflow: hidden;
        border: 1px solid;
        border-color: rgba(191, 191, 191, 1);
}
.feedback-wrapper .feedback-box .feedback-box-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        border-bottom: 1px solid #bfbfbf;
        background: linear-gradient(180deg, #F9F9F9 0%, #F1F1F1 100%);
}
.feedback-wrapper .feedback-box .feedback-box-header .feedback-box-title {
        position: relative;
        flex: 1;
        margin-top: -1.00px;
        font-weight: 600;
        color: #000000;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px;
}
.feedback-wrapper .feedback-box .feedback-box-header .close-small {
        position: relative;
        width: 16px;
        height: 16px;
        cursor: pointer;
}
.feedback-wrapper .feedback-box .feedback-box-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 8px 16px 16px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-options-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-options-wrapper .feedback-options .radiobutton-option {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 4px 0px;
        position: relative;
        align-self: stretch;
        width: 100%;
        flex: 0 0 auto;
        cursor: pointer;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-options-wrapper .feedback-options .radiobutton-option .radio-wrapper {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 2px;
        position: relative;
        flex: 0 0 auto;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-options-wrapper .feedback-options .radiobutton-option .radio-wrapper .radio-base {
        position: relative;
        width: 16px;
        height: 16px;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-options-wrapper .feedback-options .radiobutton-option .radio-wrapper .radio-selected {
        position: absolute;
        top: 5px;
        left: 5px;
        width: 10px;
        height: 10px;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-options-wrapper .feedback-options .radiobutton-option .feedback-resp-options {
        position: relative;
        width: fit-content;
        font-weight: 400;
        color: #333333;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px;
        white-space: nowrap;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-textarea-wrapper textarea {
        width: 158%; 
        display: block;  
        margin-top: 10px; 
        padding: 8px;
        border-radius: 0;
        border: 1px solid #BFBFBF;
        background: #FFF;
        height: 48px;
        resize: none;
        box-sizing: border-box; 
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-textarea-wrapper textarea::placeholder {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        font-style: italic;
        font-weight: 400;
        line-height: 16px;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-textarea-wrapper textarea:focus {
        outline: none;
        border: 2px solid #BFBFBF;
        box-shadow: none;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-textarea-wrapper .char-count {
        color: #555555;
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 10px;
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-submit-wrapper {
        display: inline-flex;
        height: 28px;
        align-items: center;
        gap: 8px;
        padding: 7px 8px 5px;
        position: relative;
        border-radius: 4px;
        border: 1px solid;
        border-color: #adadad;
        background: linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(241, 241, 241, 1) 100%);
}
.feedback-wrapper .feedback-box .feedback-box-content .feedback-submit {
        position: relative;
        width: fit-content;
        margin-top: -1px;
        font-weight: 600;
        color: #333333;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 16px;
        white-space: nowrap;
        border: none;
        outline: none;
        background: linear-gradient(180deg, rgba(249, 249, 249, 1) 0%, rgba(241, 241, 241, 1) 100%);
        text-transform: uppercase;
}

/* End - ChatAI styles */

.navigation ul.dropdown-menu.other-tools {
	width: 235px;
}
.navigation .other-tools .new-badge {
	color: #D5364A;
	font-weight: bold;
}

.go-to-index-events {
        margin-left: auto;
        background: linear-gradient(180deg, #FDC36D, #D1963B);
}
.go-to-index-events-btn {
        font-size: 12px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 1px;
        background: linear-gradient(180deg, #FDC36D, #D1963B);
        border: 1px solid #C5951C;
        border-radius: 2px;
        opacity: 1;
        padding: 3px 8px;
}

/* Start - Home Page New Design */
.wrapper.home {
        width: 100%;
}
.home-wrapper {
        font-family: Akkurat-Pro-Regular !important;;
}
.reg-symbol{
        font-size: 14px;
        vertical-align: super;
}
/* Header section start*/
.home-header {        
        font-family: Akkurat-Pro-Bold !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        padding: 0 112px 0 92px;
        background: #fff;
        border-top: none;
        position: fixed;
        top: 0;
        width: 99%;
        height: 70px;
        z-index: 1000;
}
.home-header .logo {
        padding: 0;
        float: none;
        width: auto;
}
.home-header .logo img{
        width: 100%;
        max-width: 184px;
        height: 100px;
        float: none;
}
.home-header .nav-tabs {
        border-bottom: none;        
}
.home-header .nav-tabs ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        gap: 16px;
}
.home-header .nav-tabs ul li {
        margin: 0;
}
.home-header .nav-tabs ul li a {
        text-decoration: none;
        color: #000000;
        font-size: 15px;
        font-style: normal;
        line-height: 16px;
        padding: 0.5rem;
}
.home-header .nav-tabs ul li a:hover {
        color: #D6002A;
}
.home-header .actions {
        display: flex;
        gap: 1rem;
}
.home-header .home-login .btn-login {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        background: none;
}      
.home-header .home-login .btn-login .login-content {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
}
.home-header .home-login .btn-login .login-text {
        font-size: 16px;
        margin-top: 4px;
        color: #000000;
}
.home-header .actions .book-demo-btn {
        display: flex;
        justify-content: center;
        color: #fff;
}
.home-header .actions .book-demo-btn .btn-red {
        border: 1px solid #D6002A;
        background: #D6002A;
        padding: 12px;
        font-size: 16px;
}
.home-header .actions .book-demo-btn .btn-red:hover {
        border: 1px solid #000;
        background: #000;
}
/*Header section end*/

/* .home-wrapper section {
        padding: 100px 2rem;
        margin-top: 80px;
        min-height: 100vh;
        border-bottom: 1px solid #ddd;
} */

/* Hero section start*/
.home-wrapper section.hero-section {
        font-family: Akkurat-Pro-Regular !important;;
        padding: 0 0 16px 112px;
}
.home-wrapper .hero-section .hero-container .hero-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content {
        width: 50%;
        margin-top: 128px;
        z-index: 1;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-video {
        width: 50%;
        margin-top: -100px;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-video-content-responsive .hero-title,
.home-wrapper .hero-section .hero-container .hero-row .hero-video-content-responsive .hero-description {
        display: none;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-title {
        font-size: 92px;        
        font-family: Akkurat-Pro-Bold !important;
        line-height: 95px;
        letter-spacing: -5.52px;
        width: 175%;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-title .hero-title-black {
        color: #000000;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-title .hero-title-red {
        color: #D6002A;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-description {
        margin-top: 24px;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        color: #000;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report {       
        margin-top: 64px;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report .hero-report-data {
        margin-top: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report .hero-report-data span { 
        margin: 0;
        color: #212121;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions {
        margin-top: 64px;
        display: flex;
        gap: 1rem;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .book-demo-btn {
        display: flex;
        justify-content: center;
        color: #fff;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .book-demo-btn .btn-red {
        font-family: Akkurat-Pro-Bold !important;
        border: 1px solid #D6002A;
        background: #D6002A;
        padding: 12px;
        font-size: 16px;
}  
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .book-demo-btn .btn-red:hover {
        border: 1px solid #000;
        background: #000;
}  
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login .btn-login {
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
        background: none;
}      
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login .btn-login .login-content {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
}
.home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login .btn-login .login-text {
        font-family: Akkurat-Pro-Bold !important;
        font-size: 16px;
        margin-top: 4px;
        color: #000000;
}
   
.home-wrapper .hero-section .hero-container .hero-row .hero-video video {
        width: 100%;
        height: auto;
        display: block;
}
/* Hero section end*/

/* Features section start */
.home-wrapper #features-anchor {
        position: relative;
}
.home-wrapper .features-section {
        font-family: Akkurat-Pro-Regular !important;;
        margin-top: 52px;
}	
.home-wrapper .features-section .features-container {
        max-width: 900px;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
}
.home-wrapper .features-section .features-container .feature-tabs {
        display: flex;
        justify-content: center;
        gap: 16px;
        margin-bottom: 16px;
        flex-wrap: wrap;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab {
        position: relative;
        padding: 16px;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        /* font-weight: bold; */
        overflow: hidden;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        background-color: #D6002A;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab .feature-icon-wrapper {
        text-align: center;
        opacity: 0.6;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab .feature-text {
        font-family: Akkurat-Pro-Bold !important;
        margin-top:10px;
        font-size: 14px;
        font-style: normal;
        line-height: 18px;
        opacity: 0.6;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab.active {
        color: #D6002A;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab.active::after {
        animation: borderFill 7s ease-out forwards;
}
@keyframes borderFill {
        from {
                width: 0%;
        }
        to {
                width: 100%;
        }
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab.active .feature-icon-wrapper {
        opacity: 1;
}
.home-wrapper .features-section .features-container .feature-tabs .feature-tab.active .feature-text {
        color: #000000;
        opacity: 1;
}
.home-wrapper .features-section .feature-image {
        background-image: url('../images/home/Features_Grid.png');
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: top;
        padding: 0 15px 50px 15px;
        border-radius: 8px;
        display: inline-block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        box-shadow: 0px 4px 150px 100px #FFF inset;
}
.home-wrapper .features-section .feature-image img {
        width: 886px;
        max-width: 100%;
        min-height: 646px;        
        border: 3px solid #212121;
        border-top-width: 18px;
        border-radius: 8px;
}
/* Features section end */

/* Social section start */
.home-wrapper .social-section .company-container{
        font-family: Akkurat-Pro-Regular !important;;
        padding: 96px 112px;
}
.home-wrapper .company-container .company-title {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        line-height: 24px;
}
.home-wrapper .company-container .company-logos {
        margin-top: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 81px;
}
.home-wrapper .company-container .company-logos .company-icon {
        display: flex;
        align-items: center;
}
.home-wrapper .company-container .company-logos .company-icon img {
        width: 100%;
        max-width: 200px;
        height: auto;
}
.home-wrapper .brochure-container {
        font-family: Akkurat-Pro-Regular !important;;
        width: 100%;
        padding: 96px 0;
}
.home-wrapper .brochure-container .brochure-image {
        width: 100%;
        height: auto;
        max-height: 500px;
        object-fit: cover;
}
/* Social section end */

/* Index manager section start */
/* .home-wrapper .index-manager-section {
        padding: 96px 0 0 0;
} */
.home-wrapper .index-manager-section .index-manager-container {
        font-family: Akkurat-Pro-Regular !important;;
        padding: 85px 115px 0 115px;
        background-color: #F8F8F8;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-title {
        font-family: Akkurat-Pro-Bold !important;
        font-size: 36px;
        line-height: 44px;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-description {
        font-size: 20px;
        margin-top: 24px;
        font-weight: 400;
        color: #1A1A1A;  
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-cards {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        justify-content: space-between;
        margin-top: 48px;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card {
        display: flex;
        align-items: flex-start;
        background-color: #fff;
        padding: 16px;
        width: calc(33.33% - 16px); /* 3 per row with gap */
        box-sizing: border-box;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .index-manager-card-icon {
        width: 48px;
        height: 48px;
        object-fit: contain;
        margin-right: 16px;
        margin-top: -8px;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .card-text {
        flex: 1;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .card-text .index-manager-card-title {
        font-family: Akkurat-Pro-Bold !important;
        font-size: 16px;
        margin-bottom: 4px;
}
.home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .card-text .index-manager-card-description {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 24px;
        margin-top: 5px;
}
/* Index manager section end*/

/* Index builder section start*/
.home-wrapper #index-builder-anchor {
        position: relative;
}
/* .home-wrapper .index-builder-section {
        padding: 96px 0 0;
} */
.home-wrapper .index-builder-section .index-builder-container {
  font-family: Akkurat-Pro-Regular !important;
  padding: 85px 115px;
  background-color: #F8F8F8;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-title {
  font-family: Akkurat-Pro-Bold !important;
  color: #1A1A1A;
  text-align: center;
  font-size: 48px;
  letter-spacing: -0.96px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-description {
  color: #767676;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 60px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit {
  position: relative;
  display: flex;
  /* flex-direction: column; */
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 75px 40px 40px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  margin-top: 60px;
  gap: 40px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit img[src*="Index_Builder_Cube.png"] {
  position: absolute;
  top: -60px;
  /* align-self: center; */
  left: 50%;
  transform: translateX(-50%);
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-features {
  flex: 1 1 50%;
  min-width: 300px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-video {
  flex: 1 1 45%;
  min-width: 280px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-title {
  font-size: 16px;
  font-weight: 400;
   /* margin-left: 35px; */
  margin-bottom: 20px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-title .bd-ib {
  font-family: Akkurat-Pro-Bold !important;
  font-size: 18px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-sub-head-title {
  font-family: Akkurat-Pro-Bold !important;
  font-size: 20px;
  line-height: 32px;
   /* margin-left: 35px; */
  margin-bottom: 20px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-description {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 15px;
  text-align: left;
  /* max-width: 750px;  */
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-description img {
  width: 20px;
  height: 20px;
}
.home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-description span {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}

/* Responsive styles */
/* @media (max-width: 992px) {
  .home-wrapper .index-builder-section .index-builder-container {
    padding: 60px 40px;
  }

  .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit {
    flex-direction: column;
    align-items: center;
  }

  .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-video {
    margin-top: 30px;
  }
} */
/* .index-builder-content {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.index-builder-toolkit {
    flex: 1;
}

.index-builder-video {
    flex: 1;
    max-width: 500px;
} */
/* Index builder section end*/

/* Book a demo today section start*/
.home-wrapper .book-a-demo-today-section {
        font-family: Akkurat-Pro-Regular !important;;
        background-color: #000000;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container {
        display: flex;
        padding: 48px 340px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #ffffff;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container .book-a-demo-today-title {
        font-family: Akkurat-Pro-Bold !important;
        font-size: 36px;
        line-height: 44px;
        letter-spacing: -0.72px;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container .book-a-demo-today-description {
        color: #cccccc;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 32px;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions {
        display: flex;
        gap: 1rem;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions .book-demo-btn {
        display: flex;
        justify-content: center;
        color: #fff;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions .book-demo-btn .btn-red {
        font-family: Akkurat-Pro-Bold !important;
        border: 1px solid #D6002A;
        background: #D6002A;
        padding: 12px;
        font-size: 16px;
}
.home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions .book-demo-btn .btn-red:hover {
        border: 1px solid #000;
        background: #fff;
        color: #D6002A;
}
/* Book a demo today section end*/

/* spdji section start*/
.home-wrapper #spdji-anchor {
        position: relative;
}
/* .home-wrapper .spdji-section {
        padding: 96px 0 0;
} */
.home-wrapper .spdji-section .spdji-container {
        font-family: Akkurat-Pro-Regular !important;;
        padding: 80px 430px 40px 430px;
        background-color: #F8F8F8;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex: 1 0 0;
}
.home-wrapper .spdji-section .spdji-container .spdji-title {
        font-family: Akkurat-Pro-Bold !important;
        color: #D6002A;
        font-size: 16px;
        line-height: 24px;
}
.home-wrapper .spdji-section .spdji-container .spdji-sub-head-title {
        font-family: Akkurat-Pro-Bold !important;
        color: #000;
        text-align: center;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
}
.home-wrapper .spdji-section .spdji-container .spdji-description {
        color: #484848;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
}
.home-wrapper .spdji-section .spdji-container .spdji-insights {
        display: flex;
        flex-direction: row;
        gap: 32px;
}
.home-wrapper .spdji-section .spdji-container .spdji-insights .spdji-insights-indexes {
        display: flex;
        align-items: center;
        gap: 8px;
}
.home-wrapper .spdji-section .spdji-container .spdji-insights .spdji-insights-indexes span {
        margin: 0;
        color: #1A1A1A;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
}
.home-wrapper .spdji-section .spdji-chart-cards-container {
        background-image: linear-gradient(to bottom, #F8F8F8 0%, rgba(255, 255, 255, 0) 300%),url(../images/home/Charts_Grid.png);              
        background-repeat: repeat;
        background-size: 60px auto;
        background-position: top;        
        /* box-shadow: 0px 4px 150px 100px #FFF inset; */
        padding-bottom: 88px;
}
.home-wrapper .spdji-section .spdji-chart-cards-container .spdji-chart-cards-image {
        width: 100%;
        display: block;
        background-color: transparent;
}
.home-wrapper .spdji-section .spdji-chart-cards-container .spdji-chart-cards-title {
        font-family: Akkurat-Pro-Bold !important;
        color: #484848;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        margin-top: 55px;
}
/* spdji section end*/

/* Faqs section start*/
.home-wrapper .faqs-section {
        font-family: Akkurat-Pro-Regular !important;;
        padding: 128px 112px;
}
.home-wrapper .faqs-section .faqs-container .faqs-title {
        font-family: Akkurat-Pro-Bold !important;
        color: #000;
        text-align: center;
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.96px;
}
.home-wrapper .faqs-section .faqs-container .faqs-description {
        color: #484848;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        margin-top: 10px;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions {
        margin-top: 64px;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion {
        border: none;
        margin: 0;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion h3 {
        font-family: Akkurat-Pro-Bold !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #D6002A;
        background: none;
        font-size: 16px;
        line-height: 30px;
        padding: 24px 0;
        text-transform: none;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion h3.inactive {
        color: #000;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion.last-faq .faq-accordion h3.inactive {
        border-bottom: none;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .button-bg {
        background: none; /* Remove sprite background */
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .plus-icon {
        background-image: url('../images/home/plus-icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .minus-icon {
        background-image: url('../images/home/minus-icon.svg');
        background-size: contain;
        background-repeat: no-repeat;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .plus-icon, 
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .minus-icon {
        height: 24px;
        width: 24px;
        display: inline-block;
        margin-left: 16px;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion h3.active + .facet-accordion {
        display: block;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .facet-accordion {
        margin-top: -15px;
        border-bottom: 1px solid #ccc;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion.last-faq .faq-accordion .facet-accordion{
        border-bottom: none;
        display: none;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .facet-accordion p {
        color: #484848;
        font-family: Akkurat-Pro-Regular !important;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        width: 100%;
        max-width: 592px;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .facet-accordion p a {
        text-decoration: underline;
}
.home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .facet-accordion p ul li {
        list-style-type: disc;
        padding: 5px;
        margin-left: 50px;
}
.home-wrapper .faqs-section .faqs-container .faqs-brochure {
        color: #484848;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        margin-top: 30px;
}
.home-wrapper .faqs-section .faqs-container .faqs-brochure a {
        text-decoration: underline;
        font-weight: 700;
}
/* Faqs section end*/

/* Book a demo section start*/
.home-wrapper #bookademo-anchor {
        position: relative;
}
.home-wrapper .book-a-demo-section {
        font-family: Akkurat-Pro-Regular !important;;
        background-color: #000000;
        padding: 96px 112px;
        color: #ffffff;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 112px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text {
        /* flex: 2; */
        width: 60%;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-title {
        font-family: Akkurat-Pro-Bold !important;
        color: #FFF;
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -0.96px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-description {
        color: #A0A0A0;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        margin-top: 25px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-report {
        margin-top: 40px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-report .demo-report-data { 
        margin-top: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-report .demo-report-data span {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions {
        margin-top: 64px;
        /* border: 1px solid #484848; */
        background:  #000;
        padding: 24px 32px 24px 0;
        width: 100%;
        max-width: 310px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions .demo-questions-text {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #fff;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions .demo-contact a{
        font-family: Akkurat-Pro-Bold !important;
        color: #D6002A;
        font-size: 18px;
        line-height: 28px;
        margin-top: 5px;
        display: flex;
        align-items: center;
        gap: 8px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container {
        /* flex: 1; */
        font-family: Akkurat-Pro-Regular !important;;
        width: 40%;
        padding: 5px 0;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .row{
        margin-right: 0;
        margin-left: 0;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form label {
        font-family: Akkurat-Pro-Regular !important;;
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px; 
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .astreick-clr {
        color: #D6002A;
        font-size: 14px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form input{
        width: 100%;
        height: 40px;
        background-color: #1A1A1A;
        color: #fff;
        font-size: 16px;
        margin-top: 8px;
        margin-bottom: 32px;
        padding: 8px 12px;
        border: none;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .contacts-error-messages {
        border: none;
        margin-left: 0;
        width: 100%;
        color: #D6002A;
        padding: 0;
        margin-top: -25px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form input::placeholder {
        color: #767676;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form select {
        width: 100%;
        height: 40px;
        margin-top: 8px;
        margin-bottom: 32px;
        padding: 8px 12px;
        font-size: 16px;
        background-color: #1A1A1A;
        color: #fff;
        border: none;        
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;       
        background-image: url('../images/home/icon-chevron-down.svg');
        background-repeat: no-repeat;
        background-position: right 12px center;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search button {
        height: 32px;
        width: 100%;
        height:40px;
        margin-top: 8px;
        margin-bottom: 32px;
        padding: 8px 12px !important;
        font-size: 16px;
        background-color: #1A1A1A !important;
        color: #fff;
        border: none;        
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;       
        background-image: url('../images/home/icon-chevron-down.svg');
        background-repeat: no-repeat;
        background-position: right 12px center;

}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search, 
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search button {
        width: 100%;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search button span:first-child{
        /* color: #767676; */
        color: #fff;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        /* width: 500px; */
        width: 100%;
        display: block;
        box-sizing: border-box;
        border-right: none;
        margin-top: -5px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search button .placeholder-text {
        color: #767676 !important;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search ul {
        /* width: 525px; */        
        width: 100%;
        height: 200px;
        border-radius: none;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search ul.dropdown-menu {
        margin: -30px 0 0 0;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search li.showme {
        font-family: Akkurat-Pro-Regular !important;;
        color: #555;
        padding: 8px 12px;
        margin-right: 4px;
        margin-left: 4px;
        cursor: pointer;
        font-size: 14px;
        border-bottom: none;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search ul > li{
        font-family: Akkurat-Pro-Regular !important;
        font-size: 14px !important;
        color: #000 !important;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search ul > li > span {
        font-family: Akkurat-Pro-Regular !important;
        font-size: 14px !important;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search ul > li.active,
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search ul > li:hover{
        background-color: #000;
        color: #fff !important;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form #captchaRow {
        margin-bottom: 32px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form #captchaRow .captcha-block {
        margin-top: 8px;
        float: left;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form #captchaRow .captcha-refresh {
        display: block;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form #captchaRow input {
        margin-top: 8px;
        height: 32px;
        font-size: 16px;
        border-radius: 0;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form #captchaRow .captcha-server-error {
        display: block;
        color: #D6002A;
        margin-top: 50px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .submit-btn button{
        font-family: Akkurat-Pro-Bold !important;
        width: 100%;
        background-color: #D6002A;
        color: #ffffff;
        font-size: 16px;
        line-height: 24px;
        padding: 12px 18px;
        border: none;
        cursor: pointer;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .submit-btn button:disabled{
        cursor: not-allowed;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .submit-btn .btn-disabled{
        opacity: inherit;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container .policy-terms {
        font-family: Akkurat-Pro-Regular !important;;
        color: #A0A0A0;
        font-size:  16px;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 32px;
}
.home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container .policy-terms a{
        color: #A0A0A0;        
        text-decoration-line: underline;
        font-weight: 400;
}
/* Book a demo section end*/

/* footer section start*/
.site-footer {
        font-family: Akkurat-Pro-Regular !important;;
        background-color: #1A1A1A;
        padding: 48px 0;
        text-align: center;
        background-image: none;
}
.site-footer .footer-logo {
        margin-bottom: 10px;
        width: 400px;
        height: auto;
}
.site-footer .footer-links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 50px;
        text-align: center;
}
.site-footer .footer-links ul {
        list-style: none;
        display: flex;
        padding: 0;
        margin: 0;
}
.site-footer .footer-links nav ul li a, .site-footer .footer-links nav ul li a:hover, .site-footer .footer-links nav ul li a:focus {
        font-family: Akkurat-Pro-Regular !important;;
        color: #A0A0A0;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        white-space: nowrap;
        text-transform: capitalize
}
.site-footer .footer-links .cookie-settings #ot-sdk-btn.ot-sdk-show-settings {
	background: none !important;
        color: #A0A0A0 !important;
        font-size: 14px !important;
        font-family: Akkurat-Pro-Bold !important;
        line-height: 20px !important;
        text-transform: capitalize !important;
        border: 1px solid #A0A0A0 !important;
        padding: 12px 25px 10px 25px !important;
}
.site-footer .footer-links p {
        font-family: Akkurat-Pro-Bold !important;
        color: #A0A0A0;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        margin-top: 3px;
}
/* footer section end*/

/* End - Home Page New Design */

/* Responsive Styles for New Home Page and Login screens *********/
@media screen and (max-width: 1400px) {
        /* Header section */
        .home-header {
                padding: 0 40px;
                flex-wrap: wrap;
                min-height: 70px;
        }
        .home-header .logo {
                width: auto;
        }        
        .home-header .logo img {
                width: 100%;
                height: 60px;
                max-width: 184px;
        }        
        .home-header .nav-tabs ul {
                gap: 8px;
        }        
        .home-header .nav-tabs ul li a {
                font-size: 14px;
                padding: 0.4rem;
        }        
        .home-header .actions {
                gap: 0.8rem;
        }        
        .home-header .home-login .btn-login .login-content {
                padding: 10px;
                gap: 6px;
        }        
        .home-header .home-login .btn-login .login-text {
                font-size: 14px;
        }        
        .home-header .actions .book-demo-btn .btn-red {
                padding: 10px;
                font-size: 14px;
        }
        /* Hero section */
         .home-wrapper section.hero-section {
                padding: 0 0 16px 40px;
        }        
        .home-wrapper .hero-section .hero-container .hero-row {
                /* flex-direction: column; */
                gap: 32px;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content {
                width: 90%;
                margin-top: 100px;
                /* text-align: center; */
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-video {
                width: 100%;
                margin-top: 0;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-title {
                font-size: 48px;
                line-height: 48px;
                letter-spacing: -3.84px;
                width: 100%;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-description {
                font-size: 20px;
                line-height: 28px;
                margin-top: 20px;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report {
                margin-top: 48px;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report .hero-report-data {
                /* justify-content: center; */
                margin-top: 12px;
                display: flex;
                align-items: center;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions {
                margin-top: 48px;
                /* justify-content: center; */
                gap: 0.8rem;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .book-demo-btn .btn-red {
                padding: 10px 16px;
                font-size: 14px;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login .btn-login .login-content {
                padding: 10px;
        }        
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login .btn-login .login-text {
                font-size: 14px;
        }
        /* Features section */
        .home-wrapper .features-section {
                margin-top: 32px;
        }
        .home-wrapper .features-section .features-container .feature-tabs {
                gap: 12px;
                margin-bottom: 20px;
                justify-content: center;
        }
        .home-wrapper .features-section .features-container .feature-tabs .feature-tab {              
                max-width: 45%;
                text-align: center;
                padding: 12px;
        }
        .home-wrapper .features-section .feature-image {
                background-size: contain;
                padding: 0 10px 40px 10px;
        }
        .home-wrapper .features-section .feature-image img {
                width: 80%;
                max-width: 100%;
                min-height: 350px;
                height: auto;
        }
        /* Index manager section*/
        .home-wrapper .index-manager-section .index-manager-container {
                padding: 60px 40px 0 40px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-title {
                font-size: 28px;
                line-height: 36px;
                text-align: center;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-description {
                font-size: 18px;
                text-align: center;
                margin-top: 16px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards {
                gap: 20px;
                justify-content: center;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card {
                width: calc(50% - 12px); /* 2 cards per row */
                padding: 14px;
        }
        /* Index builder section*/
        .home-wrapper .index-builder-section .index-builder-container {
                padding: 85px 40px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-title {
                font-size: 32px;
                letter-spacing: -0.5px;
                text-align: center;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-description {
                font-size: 18px;
                line-height: 28px;
                margin-top: 40px;
                text-align: center;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit {
                padding: 60px 20px 30px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit img[src*="Index_Builder_Cube.png"] {
                top: -50px;
                width: 100px;
                max-width: 120px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-title {
                margin-left: 25px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-sub-head-title {
                margin-left: 25px;
        }
        /* Book a demo today section*/        
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container {
                padding: 48px 40px;
                text-align: center;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions {
                flex-direction: column;
                gap: 12px;
                align-items: center;
                width: 100%;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions .book-demo-btn .btn-red {
                width: 100%;
                max-width: 280px;
        }
        /* spdji section*/
        .home-wrapper .spdji-section .spdji-container {
                padding: 85px 40px 30px 40px;
                gap: 16px;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-sub-head-title {
                font-size: 32px;
                line-height: 42px;
                letter-spacing: -0.5px;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-description {
                font-size: 16px;
                line-height: 24px;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-insights {
                flex-wrap: wrap;
                justify-content: center;
                gap: 24px;
                margin-top: 20px;
        }
        .home-wrapper .spdji-section .spdji-chart-cards-container {
                padding-bottom: 60px;
                background-size: 50px auto;
        }
        .home-wrapper .spdji-section .spdji-chart-cards-container .spdji-chart-cards-title {
                margin-top: 40px;
        }
        /* Faqs section*/
        .home-wrapper .faqs-section {
                padding: 96px 40px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-title {
                font-size: 32px;
                line-height: 40px;
                letter-spacing: -0.5px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-description {
                font-size: 18px;
                line-height: 28px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions {
                margin-top: 48px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion h3 {
                padding: 20px 0;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .plus-icon,
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .minus-icon {
                height: 20px;
                width: 20px;
                margin-left: 12px;
        }
        /* Book a demo section */
        .home-wrapper .book-a-demo-section {
                padding: 85px 40px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper {
                /* flex-direction: column; */
                gap: 64px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text,
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container {
                width: 100%;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-title {
                font-size: 28px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions {
                max-width: 100%;
                padding-left: 0;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container .policy-terms {
                font-size: 14px;
                line-height: 22px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .submit-btn button {
                padding: 10px 16px;
        }
        /*Footer section */
        .site-footer {
                padding: 40px 24px;
                text-align: center;
        }
        .site-footer .footer-content {
                display: flex;
                flex-direction: column;
                align-items: center;
        }
        .site-footer .footer-logo {
                margin-bottom: 15px;
                width: 300px;
                height: auto;
        }
        .site-footer .footer-links {
                flex-direction: column;
                gap: 24px;
        }
        .site-footer .footer-links ul {
                flex-wrap: wrap;
                justify-content: center;
                gap: 16px;
        }

        /* Login Screen   *********************/

        .login-container {
                /* flex-direction: column; */
                display: flex;
                align-items: center;
                gap: 48px;
                padding: 0 24px;
        }
        .login-wrapper h3 {
                font-size: 36px;
                line-height: 44px;
        }
        .login-container .login-form-wrapper{
                width: 50% !important;
        }
        .login-container .login-video-wrapper {
                width:50% !important
        }
         .login-container .login-form-wrapper form {
                width: 125%;
         }
        .login-container .login-header header .logo {
                padding: 20px 0 40px 0;
                margin-left: -20px;
        }
        .login-container .login-header .logo .spice-logo img {
                max-width: 160px;
                height: auto;
        }
        .login input[type='text'], .login input[type='password'], .login input[type='email'] {
                font-size: 16px;
        }
        .login .subscribe {
                padding-top: 24px;
        }        

}
@media screen and (max-width: 1024px) {
        /* Header section */
        .home-header {   
                width: 98.4%;
                padding-bottom: 10px;
        }
        /* Hero section */
        .home-wrapper .hero-section .hero-container .hero-row .hero-video-content-responsive {
                margin-top: 50px;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-title,
	.home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-description {
		display: none;
	}
	.home-wrapper .hero-section .hero-container .hero-row .hero-video-content-responsive .hero-title,
	.home-wrapper .hero-section .hero-container .hero-row .hero-video-content-responsive .hero-description {
		display: block;
	}        
        .home-wrapper .hero-section .hero-container .hero-row {
                flex-direction: column;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content, .home-wrapper .hero-section .hero-container .hero-row .hero-video {
                width: 100%;
                margin-top: 0;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content {
                order: 2; /* content below video on mobile */
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-video {
                order: 1; /* video on top for better engagement */
                margin-top: 0;
        }

        /* Login Screen   *********************/
        .login-container {
                display: flex;
                flex-direction: column;
                margin: 0 16px;
        }
        .login-container .login-form-wrapper form {
                width: 100%;
        }
        .login-container .login-form-wrapper,.login-container .login-video-wrapper {
                width: 100% !important;
        }
        .login-container .login-header header .logo {
                padding: 0 0 16px 0;
                margin-left: -25px;;
        }
        .login-container .login-header .logo .spice-logo img {
                width: 160px;
        }
        .login-wrapper h3 {
                font-size: 32px;
                line-height: 40px;
                text-align: center;
        }
        .login-wrapper .login-text {
                text-align: center;
                font-size: 14px;
                margin-bottom: 24px;
        }
        .login input[type='text'],.login input[type='email'],.login input[type='password'] {
                font-size: 14px;
                height: 38px;
                padding: 6px 10px;
        }
        .login input[type="button"] {
                font-size: 16px;
        }
        .subscribe {
                text-align: center;
                margin-top: 24px;
        }
        .login-video-wrapper video {
                width: 100%;
                height: auto;
                transform: scale(1);
        }
}
 
/* Responsive Styles for Mobile - New Home Page and Login screens *********/
@media screen and (max-width: 767px) {
        .home-header {   
                width: 98.2%;
                min-height: 110px;
        }
        /* Hero section */
        .home-wrapper section.hero-section {
                padding: 20px;
        }
        .home-wrapper .hero-section .hero-container .hero-row {
                flex-direction: column;
                gap: 24px;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content, .home-wrapper .hero-section .hero-container .hero-row .hero-video {
                width: 100%;
                margin-top: 0;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content {
                order: 2; /* content below video on mobile */
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-video {
                order: 1; /* video on top for better engagement */
                margin-top: 0;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-title {
                font-size: 32px;
                line-height: 38px;
                letter-spacing: -1.5px;
                width: 100%;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-description {
                font-size: 16px;
                line-height: 24px;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report {
                margin-top: 32px;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .hero-report .hero-report-data span {
                font-size: 12px;
                line-height: 20px;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions {
                flex-direction: column;
                gap: 12px;
                margin-top: 32px;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .book-demo-btn,
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login {
                width: 100%;
        }
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .book-demo-btn .btn-red,
        .home-wrapper .hero-section .hero-container .hero-row .hero-content .actions .home-login .btn-login {
                width: 100%;
                justify-content: center;
        }
        /*IndexManager section*/
        .home-wrapper .index-manager-section .index-manager-container {
                padding: 40px 16px 0 40px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-title {
                font-size: 24px;
                line-height: 32px;
                text-align: center;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-description {
                font-size: 16px;
                text-align: center;
                margin-top: 16px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards {
                flex-direction: column;
                gap: 16px;
                margin-top: 32px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card {
                flex-direction: row;
                width: 100%;
                padding: 12px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .index-manager-card-icon {
                width: 40px;
                height: 40px;
                margin-right: 12px;
                margin-top: 0;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .card-text .index-manager-card-title {
                font-size: 14px;
        }
        .home-wrapper .index-manager-section .index-manager-container .index-manager-cards .index-manager-card .card-text .index-manager-card-description {
                font-size: 12px;
                margin-bottom: 0;
        }
         .home-wrapper .features-section .feature-image img {
                width: 80%;
                max-width: 100%;
                min-height: 200px;
                height: auto;
        }
        /*IndexBuilder section*/
        .home-wrapper .index-builder-section .index-builder-container {
                padding: 120px 16px 40px 16px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-title {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: -0.5px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-description {
                font-size: 16px;
                line-height: 26px;
                margin-top: 24px;
                text-align: left;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit {
                padding: 56px 16px 32px;
                margin-top: 40px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit img[src*="Index_Builder_Cube.png"] {
                width: 80px;
                top: -40px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-title {
                margin-left: 0;
                font-size: 14px;
                text-align: left;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-title .bd-ib {
                font-size: 16px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-sub-head-title {
                font-size: 18px;
                line-height: 28px;
                margin-left: 0;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-description {
                gap: 10px;
                font-size: 12px;
                line-height: 20px;
                flex-direction: row;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-description img {
                width: 18px;
                height: 18px;
        }
        .home-wrapper .index-builder-section .index-builder-container .index-builder-toolkit .index-builder-toolkit-description span {
                font-size: 12px;
                line-height: 20px;
        }
        /* Book a demo today section*/
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container {
                padding: 40px 16px;
                text-align: center;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .book-a-demo-today-title {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: -0.5px;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .book-a-demo-today-description {
                font-size: 16px;
                line-height: 24px;
                margin: 16px 0 24px;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions {
                justify-content: center;
                width: 100%;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions .book-demo-btn {
                width: 100%;
        }
        .home-wrapper .book-a-demo-today-section .book-a-demo-today-container .actions .book-demo-btn .btn-red {
                width: 100%;
                font-size: 14px;
                padding: 12px;
        }
        /* Spdji section */
        .home-wrapper .spdji-section .spdji-container {
                padding: 128px 16px 24px 16px;
                gap: 16px;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-title {
                font-size: 14px;
                line-height: 20px;
                text-align: center;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-sub-head-title {
                font-size: 24px;
                line-height: 32px;
                letter-spacing: -0.5px;
                text-align: center;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-description {
                font-size: 15px;
                line-height: 24px;
                text-align: center;
                padding: 0 8px;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-insights {
                flex-direction: column;
                gap: 16px;
                align-items: flex-start;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-insights .spdji-insights-indexes {
                gap: 10px;
        }
        .home-wrapper .spdji-section .spdji-container .spdji-insights .spdji-insights-indexes span {
                font-size: 14px;
                line-height: 22px;
        }
        .home-wrapper .spdji-section .spdji-chart-cards-container {
                padding-bottom: 48px;
                background-size: 40px auto;
        }
        .home-wrapper .spdji-section .spdji-chart-cards-container .spdji-chart-cards-title {
                font-size: 12px;
                line-height: 18px;
                margin-top: 24px;
                padding: 0 8px;
        }
        /* Faqs section */
        .home-wrapper .faqs-section {
                padding: 128px 16px 64px 16px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-title {
                font-size: 28px;
                line-height: 36px;
                letter-spacing: -0.5px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-description {
                font-size: 16px;
                line-height: 24px;
                margin-top: 8px;
                padding: 0 8px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions {
                margin-top: 32px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion h3 {
                font-size: 14px;
                line-height: 24px;
                padding: 16px 0;
                gap: 8px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .plus-icon,
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .minus-icon {
                height: 20px;
                width: 20px;
                margin-left: 12px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .facet-accordion p {
                font-size: 14px;
                line-height: 22px;
                max-width: 100%;
                padding: 0 4px;
        }
        .home-wrapper .faqs-section .faqs-container .faqs-questions .criteria-accordion .faq-accordion .facet-accordion p ul li {
                margin-left: 24px;
                padding: 4px 0;
        }
        /* Book a demo section */
        .home-wrapper .book-a-demo-section {
                padding: 128px 16px 48px 16px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper {
                flex-direction: column;
                gap: 40px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text,
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container {
                width: 100%;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-title {
                font-size: 24px;
                line-height: 32px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-description {
                font-size: 16px;
                line-height: 24px;
                margin-top: 16px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-report .demo-report-data span {
                font-size: 14px;
                line-height: 22px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions {
                margin-top: 32px;
                padding: 16px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions .demo-questions-text {
                font-size: 16px;
                line-height: 24px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .demo-text .demo-questions .demo-contact a {
                font-size: 16px;
                line-height: 24px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form label,
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form input::placeholder {
                font-size: 14px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form input,
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form select,
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .countries-search button {
                font-size: 14px;
                height: 38px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container form .submit-btn button {
                font-size: 14px;
                padding: 10px 16px;
        }
        .home-wrapper .book-a-demo-section .book-a-demo-container .demo-content-wrapper .form-container .policy-terms {
                font-size: 14px;
                line-height: 20px;
        }

                /* Login Screen   *********************/
        .login-container {
                margin: 0;
        }
        .login-container .login {
                padding: 0;
        }
        .login-wrapper h3, .login-wrapper .login-text, .subscribe  {
                text-align: justify;
        }
    
}

@media screen and (max-width: 550px) {
        /*header*/
        .home-header {   
                width: 98%;
        }
        /* .home-header .nav-tabs ul {
                margin-bottom: 15px;
        } */

}