.stoxx {
    margin: 0;
    font-family: 'Outfit';
    font-size: 14px;
    line-height: 20px;
    color: #0d294a;
    background-color: #fafaf2;
}
.stoxx * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.stoxx .login-body label.checkbox {
    color: #c4c4c4;
    font-size: .85em;
    margin-bottom: 15px;
}
.stoxx .custom_rememberMeBox {
    position: relative;
}
.stoxx .custom_rememberMeBox .taglib-text {
    font-size: .9em;
    position: absolute;
    top: 38px;
    margin-left: 6px;
    text-decoration: underline;
}
.stoxx .login-body a {
    text-decoration: underline !important;
}
.stoxx .login-body .user-regis-link {
    left: 78px;
    position: absolute;
    top: 58px;
    font-size: .9em;
}

#end-of-the-day-data-page .portlet-layout{
	padding:0 !important;
}

.stoxx header .row {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
}

.stoxx .row {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
}
.stoxx .footer-primary {
    display: flex;
    align-items: center;
}
.stoxx a:hover {
    text-decoration: none !important;
    color: black;
}
.stoxx a {
    color:#3382C2;
    text-decoration:  none !important;
}

/*----------HeaderBanner----------*/
.siteInfo-banner {
    font-family: 'Outfit';
    font-weight: normal;
    background: #573d38;
    color: #e9c7bc;
    padding: 7px 30px;
    position: relative;
    text-align: left;
    text-transform: none;
    border: 0;
    text-decoration: none;
    line-height: 1.25;
    font-size: 12px;
    border-radius: 0;
    text-shadow: none;
    letter-spacing: 0.2px;
}

.siteInfo-banner svg {
    position: absolute;
    left: 5px;
    top: 8px;
}

.siteInfo-banner a{
    color: #e9c7bc;	
    text-decoration: underline !important;
}

.siteInfo-banner  button.close {
    color: #e9c7bc;
    opacity: initial;
    right: 5px;
    top: 11px;
    font-weight: normal;
    font-size: 28px;
    position: absolute;
    text-shadow: none;
	left: inherit;
}

.siteInfo-banner  button.close:hover, .siteInfo-banner a:hover{
    color: #e9c7bc;
    font-family: 'Outfit';
	background:transparent;
	border: none;
}


/*----------tabCSS----------*/
	.tab__list {
	 display: flex;
	 margin-bottom: 0px;
}
 .tab__item {
    cursor: pointer;
    position: relative;
    text-align: center;
    background-color: #CCDEE3;
    line-height: 2.6;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 2.6;
    letter-spacing: 1px;
}

.tab__content .tab__item{
    overflow: hidden;
    cursor: pointer;
    padding: 1px 8px;
    text-shadow: 0 0 0.5px currentColor;
    letter-spacing: .1rem;
    transition: 0.2s;
    font-size: 16px;
    background: #e7e7e7;
    color: #bbbbbb;
    font-weight: 400;
    text-transform: capitalize;
    border-bottom: 2px solid #dcdada;
 }
 
  .tab__content .tab__item:before {
    content: "";
    border: none;
    display: block;
    position: absolute;
    bottom: 0px;
    margin-left: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    height: 2px;
    width: 100%;
    background: #174778;
	display:none;
}

 .tab__item:before {
	content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 6px 0;
    border-color: #174778 transparent transparent;
    display: block;
    position: absolute;
    bottom: -4px;
    margin-left: 50%;
    left: -4px;
    z-index: 1;
	opacity: 0;
}
 .tab__item.is--active {
    position: relative;
    color: #FAFAF2;
    background-color: #174778;
    opacity: 1;
}

  .tab__content .tab__item.is--active {
    position: relative;
    color: #FAFAF2;
    background-color: #3382C2;
    opacity: 1;
	border-bottom: 2px solid #3382C2;
}

 .tab__item.is--active:before {
	 visibility: visible;
	 opacity: 1;
}

 .tab__content .tab__item.is--active:before{
	 visibility: visible;
	 opacity: 1;
 }

 .tab__content {
	 padding: 12px 0;
}
 .tab__content-item {
	 display: none;
}
 .tab__content-item.is--active {
	 display: block;
}
 .tab__content-title {
	 padding: 24px 24px 24px 0;
}
 .tab .tab .tab__content {
	 padding: 0;
	 margin-top: 1em;
}

		.tab__content .table_responsive .table.custom-table tr th{
	font-size:12px !important;
	vertical-align:middle;
}

 .tab__content table td{
	 vertical-align:top !important;
 }
 
 .no_pvr{
	 padding-top:0 !important;
 }
 
 /*----------Datatable-Stoxx-Kpi----------*/
 
 .dataTables_length label, .dataTables_filter label{
	display:flex;
    align-items: center;
    font-size: 14px !important;
    padding:15px 0;	
	font-family: 'OpenSans-Regular';
 }
 
 .dataTables_filter label input{
    max-width: 140px;
    height: 30px !important;
    padding: 0;
    box-sizing: border-box;
	margin-left: 0.5em;
	border: 1px solid #DDD !important;
	font-family: 'OpenSans-Regular';
 }
 
 .dataTables_length label select{
    margin: 0 0.5em;
    width: 70px;
    height: 30px !important;
    padding: 0 5px;
    border: 1px solid #DDD;
    border-radius: 2px;	
	font-family: 'OpenSans-Regular';
 }
 
 #stoxx-kpi-page .portlet-body{
	 position:relative;
 }
 
 button{
	position: absolute;
    left: 14em;
    margin-top: 19px;
    background: #0372b9;
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 2px;
    cursor: pointer;
    z-index: 9999;
 }
 
 button:hover, button:focus{
	 background: #05609a;
	 border:1px solid #05609a;
 }
 
 .dataTables_wrapper table thead th {
    background: #0372b9 !important;
    color: #fff !important;
    font-size: 15px;
    border-left: 1px solid #ddd;
    font-weight: normal !important;
    font-family: 'OpenSans-Regular';
	vertical-align: middle;
 }
 
 .dataTables_wrapper table tbody td{
	padding: .5em .60em .625em;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
	border-bottom: 1px dashed #e0e0e0;
	font-family: 'OpenSans-Regular';
	vertical-align: top;
    border-bottom: 1px dashed #e0e0e0;
    font-size: 13px;
 }
 
 #stoxx-kpi-page .nav li{
    width: auto;
 }
  
 #stoxx-kpi-page .nav li a{
	 font-size:18px;
	 font-family: 'OpenSans-Regular';
	 color:#0372b9;
	 width: auto;
    text-transform: uppercase;
    padding:15px;	
 }
 
 #stoxx-kpi-page .nav-tabs>.active>a{
	color: #fff;
    background-color: #0372b9;
    border: 1px solid #0372b9;
    border-bottom-color: transparent;
    cursor: default;
 }
 
 #stoxx-kpi-page .nav-tabs>li>a:hover{
	 border:1px solid transparent;
	 color: #0372b9 !important;
 }
 
 #stoxx-kpi-page li.active a{
   	 color:#0372b9;
 }

ul.head li a {
            font-size: 18px;
			font-family: 'Outfit';
			font-weight: normal;
			letter-spacing: 1px;
        }
		
		.list_data_vr td{
		    font-size: 12px !important;
			    padding: 3px !important;
		}
		
		.list_data_vr tr, .topic_vr_list tr{
			background:transparent !important;
		}
		
		.topic_vr_list tr:last-child td{
			padding-top:5px !important;
		}
		
		.topic_vr_list tr td{
			border:none;
		}
		
		.topic_vr_list tr:last-child{
			border:none !important;
		}
		
		.list_data_vr tr:hover, .topic_vr_list tr:hover{
			background:transparent !important;
		}
		
		.icon_vrt a{
			 height: 24px;
			display: block;
			text-align: center;
		}
		
		.icon_vrt{
			    width: 53px;
		}

.stoxx a.wrapper-dropdown-5 {
    color: #969494;
}
.stoxx a.wrapper-dropdown-5.down {
    color: black;
}
.stoxx a.wrapper-dropdown-5:hover {
    color: #b1b1b1;
}
.stoxx .hidden {
    visibility: visible;
}
.stoxx .label {
    margin: 0;
}
.stoxx .radio, .stoxx .checkbox {
    padding-left: 0;
}
.stoxx .container, .stoxx .navbar-static-top .container, .stoxx .navbar-fixed-top .container, .stoxx .navbar-fixed-bottom .container {
    width: auto;
}
.stoxx .error {
    margin-top: 5px !important;
}
.stoxx .email-page-content .error, .stoxx .registration-page-content .error {
    margin-top: 0 !important;
}
.stoxx small.error {
    display: none;
    padding: .375em .25em;
    margin-top: 0;
    margin-bottom: 1em;
    font-size: .75em;
    font-weight: normal;
    color: #c60f13;
    background: 0;
}
.stoxx textarea:focus, .stoxx input[type="text"]:focus, .stoxx input[type="password"]:focus, .stoxx input[type="datetime"]:focus, .stoxx input[type="datetime-local"]:focus, .stoxx input[type="date"]:focus, .stoxx input[type="month"]:focus, .stoxx input[type="time"]:focus, .stoxx input[type="week"]:focus, .stoxx input[type="number"]:focus, .stoxx input[type="email"]:focus, .stoxx input[type="url"]:focus, .stoxx input[type="search"]:focus, .stoxx input[type="tel"]:focus, .stoxx input[type="color"]:focus, .stoxx .uneditable-input:focus {
    border-color: #174778;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: 0;
    color: #000;
}

// Prakash Jun-13-2016 Maintenance BugID: 2933 – Start - top marging of 10px is added.

.stoxx select, .stoxx textarea, .stoxx input[type="text"], .stoxx input[type="password"], .stoxx input[type="datetime"], .stoxx input[type="datetime-local"], .stoxx input[type="date"], .stoxx input[type="month"], .stoxx input[type="time"], .stoxx input[type="week"], .stoxx input[type="number"], .stoxx input[type="email"], .stoxx input[type="url"], .stoxx input[type="search"], .stoxx input[type="tel"], .stoxx input[type="color"], .stoxx .uneditable-input {
    height: 40px;
    display: block;
    padding: .5em;
    margin: 1em 0 1em 0;
    font-size: .875em;
    line-height: 20px;
    color: #555;
    border-radius: 0;
    vertical-align: middle;
    box-shadow: none;
    border: 1px solid #dedede;
}

// Prakash Jun-02-2016 Maintenance BugID: 2933 – End

.stoxx input[type="color"] {
    height: 40px;
}
.stoxx ul, .stoxx ol {
    margin: 0 0 1.0625em -1.375em;
}
.stoxx ul, .stoxx ol {
    padding: 0;
    margin: 0;
}
.stoxx hr {
    margin: 20px 0;
}
.stoxx h4 {
    margin: 0;
}
.stoxx .hidden {
    display: none;
    visibility: visible;
}
.stoxx a:hover {
    text-decoration: none !important;
}
.list-footer-sm a:hover{
	text-decoration:underline !important;
    color: #0D294A;
}
.stoxx .leftNav {
    height: auto;
}
.stoxx .leftNav>ul {
    background: url(../images/stoxx/stoxxnet/left-panel-bg.jpg) center center repeat;
}
.stoxx h1, .stoxx h2 {
    line-height: 20px;
    margin: 0;
}
.aui .stoxx h5, .aui .stoxx h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}
.aui .stoxx h5 {
    font-size: 17px;
}
.aui label {
    font-size: 1.21em;
}
.aui .user-login .btn.btn-primary {
    background-color: #174778;
    border: 1px solid #174778;
    border-radius: none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    outline: medium none;
    padding: .6em 1.2em;
    background-image: none;
    border-radius: 0;
}

//------modalUI------//

#contactUsForm {
	
}

#contactUsForm .paddingBot20{
	padding: 0 !important;
	padding-top: 50px !important;;
	margin-bottom: 0 !important;
}

/* .aui .stoxx label{
    line-height: 1;
} */

.submitted-message p:not(:last-child) {
    margin-bottom: 20px;
	font-size: 1.2rem;
}

.hbspt-form p:last-child {
    margin-bottom: 2.6rem;
	font-size: 1.2rem;
}

.submitted-message strong {
    font-family: 'Outfit';
    font-weight: 600;
}

.submitted-message p a {
    font-family: 'Outfit';
    font-weight: 600;
    text-decoration: none;
}

.submitted-message p a:hover {
    font-family: 'Outfit';
}

.form-control, .hbspt-form .hs-form-field input, .hbspt-form .hs-form-field select, .hbspt-form .hs-form-field textarea, .hbspt-form .hs-dependent-field input, .hbspt-form .hs-dependent-field select, .hbspt-form .hs-dependent-field textarea{
	    margin-bottom: 0;
}

.aui .reveal-modal .stoxx label {
    cursor: default;
    line-height: 1;
}

.aui .stoxx h5 {
    font-size: 1.37em;
    font-weight: bold;
    font-family: 'Outfit';
}

.aui .reveal-modal .stoxx label {
    cursor: default;
    line-height: 1.1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    min-height: 24px;
    padding: 2px 0 2px;
    position: relative;
    white-space: break-spaces;
	font-family: 'Outfit';
	font-size: .9rem;
    font-weight: normal !important;
}

.aui .stoxx .input-font .label-text {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    display: block;
}


.hs-form input[type="checkbox" i] {
   width: auto !important;
}

/* .aui .stoxx a{ */
	/* color: #0071B9; */
    /* -webkit-transition: .3s; */
    /* transition: .3s; */
/* } */

.stoxx .reveal-modal a:hover {
    color: #0071B9;
    text-decoration: underline !important;
}

.stoxx .reveal-modal a{
	color: #0071B9;
    -webkit-transition: .3s;
    transition: .3s;
}


.hs-richtext.hs-main-font-element{
	margin: 0 0 16px 0;
}

.hbspt-form p:last-child {
    margin-bottom: 1.6rem;
}

.hs-form input[type="submit"]{
	 -webkit-transition: .4s;
    transition: .4s;
    font-family: 'Outfit';
    font-weight: 600;
    font-style: normal;
}

p a {
    font-family: 'Outfit';
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
}

.hs-form input[type="submit"]{
	    margin-top: 0px !important;
}

.hbspt-form .hs-form-field label:not(.hs-error-msg), .hbspt-form .hs-dependent-field label:not(.hs-error-msg) {
    font-family: 'Outfit';
    color: #5A5A5A;
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 10px;
	min-height:0;
	padding: 0;
}

.hbspt-form .hs-form-field label:not(.hs-error-msg), .hbspt-form .hs-dependent-field label:not(.hs-error-msg) {
    font-size: .9rem;
	margin-bottom: 10px;
}

.hs-richtext.hs-main-font-element h5{
	    margin-top: 26px !important;
}

.hbspt-form .hs-form-field ul.inputs-list label, .hbspt-form .hs-dependent-field ul.inputs-list label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .9rem;
    margin: 0;
    min-height: 24px;
    padding: 2px 0 2px;
    position: relative;
    white-space: break-spaces;
}

#contactUsForm .hs-richtext.hs-main-font-element{
	    padding: 12px 0 12px;
		margin-bottom:0
}

    #requestInfoForm .hbspt-form {
        padding-top: 0;
    }
	
	.hbspt-form .hs-form-field input, .hbspt-form .hs-form-field select, .hbspt-form .hs-form-field textarea{
		font-size: 1rem;
	}
	
	@media(max-width:980px) {
		
		.tab__item{
			font-size:18px;
		}
		.tab__content .table_responsive .table.custom-table tr th{
	vertical-align:middle;
}
		
	}

@media(max-width:767px) {
    .footer-primary.align-items-center {
    display: flex;
    align-items: center;
     flex-direction: column;
}
.site-footer .footer-primary {
    padding: 35px 0 !important;
}
.columns.stoxx-logo {
    display: flex;
}
.inner .columns.small-5.hide-for-large-up {
    display: flex!important;
    align-items: flex-end;
    justify-content: flex-end;
    margin-right: 29px;
}
.stoxx-logo .inner {
    display: flex;
    align-items: center;
    width: 100%;
}
.hide-for-large {
    display: block!important;
}
.header .mobileuser.selected  {
    background:  #fff url(../images/sgi/globe-icon-mo.png) no-repeat 0px 22px !important;
}
.header .comMobLogo {
    width: 135px;
    margin-top:  6px !important;
}
.stoxx {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.tab__list{
	display:block;
}
.tab__item{
    font-size: 18px;
}
.tab__content .tab__item{
	font-size: 15px;
	padding: 0px 8px;
}
		.tab__content .table_responsive .table.custom-table tr th{
	vertical-align:middle;
}
}

.top-padding-10 {
    padding-top: 10px;
}
 .other-options a  {
    white-space:  inherit;
     color: #000 !important;
}


@media only screen and (min-width:1450px) and (max-width:5000px){	
	#login-page footer.site-footer{
		position:relative;
		bottom:0;
		left:0;
		right:0;
		width:100%;
	}	
}